@wrrdev/fenix-ui 1.1.14 → 1.1.16

package/dist/fenix-ui4.esm.js

@@ -2,9 +2,19 @@ var __typeError = (msg) => {
   throw TypeError(msg);
 };
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _FxToast_instances, wirePause_fn, startTimer_fn, pauseTimer_fn, resumeTimer_fn, syncProgress_fn, render_fn, syncMore_fn;
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value, setter);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+var _built, _eventsBound, _initialized, _defaultValue, _value, _dirty, _sourceMode, _lastRange, _rafId, _emitTimer, _lastLimitError, _snapshotTimer, _history, _historyIndex, _imagePicker, _mediaFigure, _linkAnchor, _resizeDispose, _dialogReturnFocus, _dialogResolve, _disposers, _selectionRaf, _bodyOverflow, _FxEditor_instances, on_fn, bindEvents_fn, syncChrome_fn, applyCssVars_fn, updateEmpty_fn, updateCount_fn, fits_fn, limitError_fn, validate_fn, cleanHtml_fn, serialize_fn, applyValue_fn, scheduleEmit_fn, emitNow_fn, emitChange_fn, pushHistory_fn, scheduleSnapshot_fn, historyUndo_fn, historyRedo_fn, bindGlobalSelection_fn, restoreSelection_fn, syncBodyOverflow_fn, updateSourceUi_fn, releaseDialog_fn, renderToolbar_fn, updateToolbar_fn, handleToolbarKeydown_fn, moveToolbarTabStop_fn, trapDialogFocus_fn, execCommand_fn, afterCommand_fn, action_fn, handleKeydown_fn, tabInTable_fn, handleBeforeInput_fn, handlePaste_fn, handleDrop_fn, insertPlainText_fn, toggleSource_fn, applySource_fn, cancelSource_fn, openDialog_fn, fieldHtml_fn, submitDialog_fn, openLinkDialog_fn, openImageDialog_fn, toEmbedUrl_fn, openVideoDialog_fn, decorateMediaFigures_fn, syncQuickActions_fn, selectAnchor_fn, handleLinkOverlayClick_fn, openLink_fn, removeLink_fn, showLinkOverlay_fn, hideLinkOverlay_fn, positionLinkOverlay_fn, handleEditorClick_fn, showMediaOverlay_fn, hideMediaOverlay_fn, deleteMediaFigure_fn, positionMediaOverlay_fn, startResize_fn, endResize_fn, handleDoubleClick_fn, insertImage_fn, insertVideo_fn, insertEmbed_fn, insertTable_fn, insertColumns_fn, showTablePanel_fn, showColumnsPanel_fn, hidePanel_fn, currentTable_fn, tableAction_fn, handleImageFile_fn, fileToDataUrl_fn, error_fn, _FxToast_instances, wirePause_fn, startTimer_fn, pauseTimer_fn, resumeTimer_fn, syncProgress_fn, render_fn, syncMore_fn;
 import { a as FENIX_ICON_BASE_CSS, f as fenixIconHtml, g as esc, l as loadFenixIconsFont, i as isFenixIconName } from "./assets/font-DPeWTz-n.js";
 import { h, j } from "./assets/font-DPeWTz-n.js";
 const lightTokens = {
@@ -1177,6 +1187,11 @@ function defineFxSelect() {
   return defineElement("fx-select", FxSelect);
 }
 defineFxSelect();
+const INPUT_TYPES = /* @__PURE__ */ new Set(["text", "number", "password"]);
+function normalizeInputType(value) {
+  const type = (value || "text").toLowerCase();
+  return INPUT_TYPES.has(type) ? type : "text";
+}
 const _FxInput = class _FxInput extends FxFormElement {
   // `value` fica FORA da observação: refleti-lo a cada tecla não pode
   // re-renderizar o template, senão o campo perde o foco ao digitar.
@@ -1200,6 +1215,13 @@ const _FxInput = class _FxInput extends FxFormElement {
       "valid"
     ];
   }
+  /** Tipo do input interno. Padrão: `'text'`. */
+  get type() {
+    return normalizeInputType(this.getAttr("type", "text"));
+  }
+  set type(value) {
+    this.setAttribute("type", normalizeInputType(value));
+  }
   /** Tamanho do campo. Padrão: `'md'`. */
   get size() {
     const s = this.getAttr("size", "md");
@@ -1223,7 +1245,7 @@ const _FxInput = class _FxInput extends FxFormElement {
     this.toggleAttr("disabled", Boolean(value));
   }
   render() {
-    const type = this.getAttr("type", "text");
+    const type = this.type;
     const placeholder = this.getAttr("placeholder");
     const readonly = this.hasAttr("readonly");
     const disabled = this.hasAttr("disabled");
@@ -1292,6 +1314,8 @@ const _FxInput = class _FxInput extends FxFormElement {
   syncInternalControl() {
     const field = this.root.querySelector(".field");
     const value = this.getAttr("value");
+    const type = this.type;
+    if (field && field.type !== type) field.type = type;
     if (field && field.value !== value) field.value = value;
   }
 };
@@ -3313,6 +3337,43 @@ function defineFxRadio() {
   return defineElement("fx-radio", FxRadio);
 }
 defineFxRadio();
+function toInt(value, fallback) {
+  return Number.isFinite(value) ? Math.trunc(value) : fallback;
+}
+function range(start, end) {
+  const out = [];
+  for (let p = start; p <= end; p++) out.push(p);
+  return out;
+}
+function pageRange(current, count, options = {}) {
+  const pages = Math.max(0, toInt(count, 0));
+  if (pages === 0) return [];
+  const boundaries = Math.max(0, toInt(options.boundaries ?? 1, 1));
+  const siblings = Math.max(0, toInt(options.siblings ?? 1, 1));
+  const page = Math.min(Math.max(1, toInt(current, 1)), pages);
+  if (pages <= boundaries * 2 + siblings * 2 + 3) return range(1, pages);
+  const startPages = range(1, Math.min(boundaries, pages));
+  const endPages = range(
+    Math.max(pages - boundaries + 1, boundaries + 1),
+    pages
+  );
+  const siblingsStart = Math.max(
+    Math.min(page - siblings, pages - boundaries - siblings * 2 - 1),
+    boundaries + 2
+  );
+  const siblingsEnd = Math.min(
+    Math.max(page + siblings, boundaries + siblings * 2 + 2),
+    endPages.length > 0 ? endPages[0] - 2 : pages - 1
+  );
+  const items = [...startPages];
+  if (siblingsStart > boundaries + 2) items.push("ellipsis");
+  else if (boundaries + 1 < pages - boundaries) items.push(boundaries + 1);
+  items.push(...range(siblingsStart, siblingsEnd));
+  if (siblingsEnd < pages - boundaries - 1) items.push("ellipsis");
+  else if (pages - boundaries > boundaries) items.push(pages - boundaries);
+  items.push(...endPages);
+  return items;
+}
 const LOCALE = "pt-BR";
 const PIPES = {
   /** Formata como moeda brasileira (R$). */
@@ -3795,13 +3856,13 @@ const _FxTable = class _FxTable extends FxElement {
     return [...this.querySelectorAll("fx-column")].map((c) => {
       const tpl = this._resolveCellTemplate(c);
       const direct = tpl ? void 0 : c.innerHTML.trim();
-      const align = c.getAttribute("align") ?? "left";
+      const align2 = c.getAttribute("align") ?? "left";
       return {
         field: c.getAttribute("field") ?? "",
         header: c.getAttribute("header") ?? c.getAttribute("field") ?? "",
         sortable: c.hasAttribute("sortable"),
         filterable: c.hasAttribute("filterable"),
-        align: ["left", "center", "right", "justify", "start", "end"].includes(align) ? align : "left",
+        align: ["left", "center", "right", "justify", "start", "end"].includes(align2) ? align2 : "left",
         template: tpl ?? void 0,
         directTemplate: direct || void 0
       };
@@ -3967,12 +4028,15 @@ const _FxTable = class _FxTable extends FxElement {
     const bodyHtml = rows.length ? rows.map(
       (row, i) => `<tr part="row" data-index="${i}">${cols.map((c) => `<td part="cell" style="text-align:${c.align}">${this.cellHtml(c, row)}</td>`).join("")}</tr>`
     ).join("") : `<tr><td class="empty" colspan="${cols.length || 1}">${esc(this.getAttr("empty-message", "Nenhum registro encontrado"))}</td></tr>`;
+    const pageButtons = pageRange(this.page + 1, pages).map(
+      (item) => item === "ellipsis" ? `<span class="ellipsis" part="ellipsis" aria-hidden="true">…</span>` : `<button type="button" class="pg-btn" part="page" data-pg="${item - 1}"${item === this.page + 1 ? ' aria-current="page"' : ""}>${item}</button>`
+    ).join("");
     const pagerHtml = !paginated ? "" : `
       <div class="pager" part="pager">
         <span class="info">Página ${this.page + 1} de ${pages} · ${total} registros</span>
         <button type="button" class="pg-btn" part="first" aria-label="Primeira página" data-pg="first" ${this.page === 0 ? "disabled" : ""}>${fenixIconHtml("first_page")}</button>
         <button type="button" class="pg-btn" part="prev" aria-label="Página anterior" data-pg="prev" ${this.page === 0 ? "disabled" : ""}>${fenixIconHtml("navigate_before")}</button>
-        ${Array.from({ length: pages }, (_, p) => `<button type="button" class="pg-btn" data-pg="${p}" aria-current="${p === this.page}">${p + 1}</button>`).join("")}
+        ${pageButtons}
         <button type="button" class="pg-btn" part="next" aria-label="Próxima página" data-pg="next" ${this.page >= pages - 1 ? "disabled" : ""}>${fenixIconHtml("navigate_next")}</button>
         <button type="button" class="pg-btn" part="last" aria-label="Última página" data-pg="last" ${this.page >= pages - 1 ? "disabled" : ""}>${fenixIconHtml("last_page")}</button>
         <label class="info">${esc("Por página:")}
@@ -4328,7 +4392,7 @@ _FxTable.styles = css`
 		.pg-btn .fx-icon {
 			font-size: calc(var(--fx-font-size) - 1px);
 		}
-		.pg-btn:hover:not(:disabled):not([aria-current="true"]) {
+		.pg-btn:hover:not(:disabled):not([aria-current="page"]) {
 			border-color: var(--fx-color-primary);
 			color: var(--fx-color-primary);
 		}
@@ -4336,12 +4400,25 @@ _FxTable.styles = css`
 			opacity: 0.5;
 			cursor: not-allowed;
 		}
-		.pg-btn[aria-current="true"] {
+		.pg-btn[aria-current="page"] {
 			background: var(--fx-color-primary);
 			border-color: var(--fx-color-primary);
 			color: #fff;
 			font-weight: var(--fx-font-weight);
 		}
+		/* Elipse da janela de páginas (1 … 499 [500] 501 … 1000): ocupa o
+		   mesmo espaço de um botão para o rodapé não "pular" ao navegar,
+		   mas não é clicável. */
+		.pager .ellipsis {
+			display: inline-flex;
+			align-items: center;
+			justify-content: center;
+			min-width: var(--fx-size-sm);
+			height: var(--fx-size-sm);
+			color: var(--fx-text-muted);
+			font-size: calc(var(--fx-font-size) - 2px);
+			user-select: none;
+		}
 		/* O seletor "Por página" só mostra números, então não pode herdar a
 		   largura padrão do <fx-select> (200px / 180px em size="sm"), que
 		   deixava o rodapé da paginação desproporcional. O limite tem que ser
@@ -4885,174 +4962,3742 @@ function defineFxTextarea() {
   return defineElement("fx-textarea", FxTextarea);
 }
 defineFxTextarea();
-const _FxDialog = class _FxDialog extends FxElement {
-  constructor() {
-    super(...arguments);
-    this._previouslyFocused = null;
+const ALLOWED_TAGS = /* @__PURE__ */ new Set([
+  "p",
+  "br",
+  "strong",
+  "b",
+  "em",
+  "i",
+  "u",
+  "s",
+  "del",
+  "ins",
+  "sub",
+  "sup",
+  "code",
+  "pre",
+  "blockquote",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "ul",
+  "ol",
+  "li",
+  "a",
+  "img",
+  "figure",
+  "figcaption",
+  "video",
+  "source",
+  "iframe",
+  "table",
+  "thead",
+  "tbody",
+  "tfoot",
+  "tr",
+  "th",
+  "td",
+  "colgroup",
+  "col",
+  "hr",
+  "span",
+  "div",
+  "small",
+  "mark"
+]);
+const DROP_CONTENT_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "template",
+  "noscript",
+  "svg",
+  "math",
+  "object",
+  "embed",
+  "form",
+  "input",
+  "button",
+  "textarea",
+  "select",
+  "option",
+  "meta",
+  "link",
+  "base",
+  "title",
+  "head",
+  "audio",
+  "canvas",
+  "map",
+  "area"
+]);
+const GLOBAL_ATTRS = /* @__PURE__ */ new Set([
+  "title",
+  "dir",
+  "lang",
+  "role"
+]);
+const TAG_ATTRS = {
+  a: /* @__PURE__ */ new Set(["href", "target", "rel", "download"]),
+  img: /* @__PURE__ */ new Set(["src", "alt", "width", "height", "loading", "decoding"]),
+  video: /* @__PURE__ */ new Set(["src", "poster", "controls", "preload", "width", "height", "muted", "loop", "playsinline"]),
+  source: /* @__PURE__ */ new Set(["src", "type"]),
+  iframe: /* @__PURE__ */ new Set([
+    "src",
+    "title",
+    "width",
+    "height",
+    "allow",
+    "allowfullscreen",
+    "sandbox",
+    "referrerpolicy",
+    "loading"
+  ]),
+  td: /* @__PURE__ */ new Set(["colspan", "rowspan", "scope", "style", "class", "data-align"]),
+  th: /* @__PURE__ */ new Set(["colspan", "rowspan", "scope", "style", "class", "data-align"]),
+  table: /* @__PURE__ */ new Set(["style", "class", "role", "data-cols", "data-stack"]),
+  col: /* @__PURE__ */ new Set(["span", "style", "width"]),
+  colgroup: /* @__PURE__ */ new Set(["span", "style"]),
+  figure: /* @__PURE__ */ new Set(["class", "style", "data-align", "data-cols"]),
+  figcaption: /* @__PURE__ */ new Set(["class", "style"]),
+  span: /* @__PURE__ */ new Set(["class", "style"]),
+  div: /* @__PURE__ */ new Set(["class", "style"]),
+  p: /* @__PURE__ */ new Set(["class", "style"]),
+  h1: /* @__PURE__ */ new Set(["class", "style"]),
+  h2: /* @__PURE__ */ new Set(["class", "style"]),
+  h3: /* @__PURE__ */ new Set(["class", "style"]),
+  h4: /* @__PURE__ */ new Set(["class", "style"]),
+  h5: /* @__PURE__ */ new Set(["class", "style"]),
+  h6: /* @__PURE__ */ new Set(["class", "style"]),
+  blockquote: /* @__PURE__ */ new Set(["class", "style"]),
+  pre: /* @__PURE__ */ new Set(["class", "style"]),
+  code: /* @__PURE__ */ new Set(["class"]),
+  li: /* @__PURE__ */ new Set(["class", "style", "value"]),
+  ol: /* @__PURE__ */ new Set(["class", "style", "start", "type"]),
+  ul: /* @__PURE__ */ new Set(["class", "style"]),
+  hr: /* @__PURE__ */ new Set(["class", "style"]),
+  small: /* @__PURE__ */ new Set(["class"]),
+  mark: /* @__PURE__ */ new Set(["class", "style"])
+};
+const ALLOWED_STYLE_PROPS = /* @__PURE__ */ new Set([
+  "color",
+  "background-color",
+  "text-align",
+  "font-size",
+  "font-family",
+  "font-weight",
+  "font-style",
+  "text-decoration",
+  "text-decoration-line",
+  "vertical-align",
+  "width",
+  "height",
+  "max-width",
+  "min-width",
+  "margin",
+  "margin-top",
+  "margin-right",
+  "margin-bottom",
+  "margin-left",
+  "padding",
+  "padding-top",
+  "padding-right",
+  "padding-bottom",
+  "padding-left",
+  "border",
+  "border-top",
+  "border-right",
+  "border-bottom",
+  "border-left",
+  "border-collapse",
+  "border-spacing",
+  "border-radius",
+  "float",
+  "display",
+  "line-height",
+  "white-space",
+  "word-break",
+  "overflow-wrap",
+  "list-style-type"
+]);
+const ALLOWED_CLASS_RE = /^fx-[a-z0-9-]+$/i;
+const ALLOWED_EMBED_HOSTS = /* @__PURE__ */ new Set([
+  "www.youtube.com",
+  "youtube.com",
+  "www.youtube-nocookie.com",
+  "youtube-nocookie.com",
+  "player.vimeo.com"
+]);
+const SAFE_LINK_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
+const SAFE_MEDIA_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:"]);
+const SAFE_IMAGE_DATA_RE = /^data:image\/(?:png|jpe?g|gif|webp|avif);base64,[a-z0-9+/=\s]+$/i;
+const DEFAULT_MAX_DATA_IMAGE_BYTES = 2 * 1024 * 1024;
+const DEFAULT_MAX_DATA_VIDEO_BYTES = 4 * 1024 * 1024;
+const FORBIDDEN_ATTRS = /* @__PURE__ */ new Set([
+  "contenteditable",
+  "spellcheck",
+  "tabindex",
+  "autofocus",
+  "id",
+  "onclick",
+  "ondblclick",
+  "onmousedown",
+  "onmouseup",
+  "onmouseover",
+  "onmouseout",
+  "onmousemove",
+  "onkeydown",
+  "onkeyup",
+  "onkeypress",
+  "onload",
+  "onerror",
+  "onfocus",
+  "onblur",
+  "oninput",
+  "onchange",
+  "onsubmit",
+  "onreset",
+  "onselect",
+  "ondrag",
+  "ondrop",
+  "onpaste",
+  "oncopy",
+  "oncut",
+  "onscroll",
+  "onwheel",
+  "onanimationstart",
+  "onanimationend",
+  "ontransitionend",
+  "formaction",
+  "srcdoc",
+  "xlink:href",
+  "xmlns",
+  "http-equiv",
+  "ping"
+]);
+const DEFAULTS = {
+  allowBase64Images: true,
+  allowBase64Videos: false,
+  allowEmbeds: true,
+  maxDataImageBytes: DEFAULT_MAX_DATA_IMAGE_BYTES,
+  maxDataVideoBytes: DEFAULT_MAX_DATA_VIDEO_BYTES
+};
+const SAFE_DATA_VIDEO_RE = /^data:video\/(?:mp4|webm);base64,[a-z0-9+/=\s]+$/i;
+function cleanRawUrl(value) {
+  return value.replace(/[\u0000-\u001F\u007F\s]+/g, "").trim();
+}
+function isRelativeUrl(value) {
+  return !value.startsWith("//") && /^(?:#|\/|\.{1,2}\/)/.test(value);
+}
+function sanitizeLinkUrl(value) {
+  const raw = cleanRawUrl(value);
+  if (!raw) return "";
+  if (isRelativeUrl(raw)) return raw;
+  const lower = raw.toLowerCase();
+  if (lower.startsWith("javascript:") || lower.startsWith("vbscript:") || lower.startsWith("data:") || lower.startsWith("file:") || lower.startsWith("blob:")) {
+    return "";
   }
-  static get observedAttributes() {
-    return ["open", "size", "heading"];
+  try {
+    const url = new URL(raw);
+    return SAFE_LINK_PROTOCOLS.has(url.protocol) ? raw : "";
+  } catch {
+    return /^[a-z0-9][a-z0-9._~!$&'()*+,;=:@%/?#-]*$/i.test(raw) ? raw : "";
   }
-  get open() {
-    return this.hasAttr("open");
+}
+function sanitizeMediaUrl(value, tag, options = {}) {
+  const opts = { ...DEFAULTS, ...options };
+  const raw = cleanRawUrl(value);
+  if (!raw) return "";
+  if (raw.toLowerCase().startsWith("data:")) {
+    if (tag === "img" && opts.allowBase64Images) {
+      return SAFE_IMAGE_DATA_RE.test(raw) && raw.length <= opts.maxDataImageBytes ? raw : "";
+    }
+    if ((tag === "video" || tag === "source") && opts.allowBase64Videos) {
+      return SAFE_DATA_VIDEO_RE.test(raw) && raw.length <= opts.maxDataVideoBytes ? raw : "";
+    }
+    return "";
   }
-  set open(value) {
-    this.toggleAttr("open", value);
+  if (isRelativeUrl(raw)) return raw;
+  const lower = raw.toLowerCase();
+  if (lower.startsWith("javascript:") || lower.startsWith("vbscript:") || lower.startsWith("file:") || lower.startsWith("blob:")) {
+    return "";
   }
-  render() {
-    const isOpen = this.open;
-    const heading = this.getAttr("heading");
-    this.setTemplate(`
-      <div class="overlay" part="overlay" ${isOpen ? "" : "hidden"}>
-        <div class="dialog" role="dialog" aria-modal="true" aria-label="${esc(heading)}" tabindex="-1">
-          <header>
-            <h2>${esc(heading)}</h2>
-            <button type="button" class="close" part="close" aria-label="Fechar">×</button>
-          </header>
-          <div class="body"><slot></slot></div>
-          <footer part="footer"><slot name="footer"></slot></footer>
-        </div>
-      </div>
-    `);
-    if (!isOpen) return;
-    this._cleanup?.();
-    this._cleanup = void 0;
-    const overlay = this.root.querySelector(".overlay");
-    const closeBtn = this.root.querySelector(".close");
-    const close = () => {
-      this.open = false;
-      this._cleanup?.();
-      this._cleanup = void 0;
-      this._restoreFocus();
-      this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
-    };
-    overlay?.addEventListener("click", (e) => {
-      if (e.target === overlay) close();
-    });
-    closeBtn?.addEventListener("click", close);
-    const onKey = (e) => {
-      if (e.key === "Escape") {
-        e.stopPropagation();
-        close();
-        return;
-      }
-      if (e.key === "Tab") this._trapFocus(e);
-    };
-    document.addEventListener("keydown", onKey);
-    this._cleanup = () => document.removeEventListener("keydown", onKey);
-    requestAnimationFrame(() => {
-      this._previouslyFocused = document.activeElement;
-      this.root.querySelector(".dialog")?.focus();
-    });
-    this.dispatchEvent(new CustomEvent("open", { bubbles: true, composed: true }));
+  try {
+    const url = new URL(raw);
+    return SAFE_MEDIA_PROTOCOLS.has(url.protocol) ? raw : "";
+  } catch {
+    return "";
   }
-  /** Mantém o foco dentro do modal (WCAG 2.4.3 / 2.1.2). */
-  _trapFocus(e) {
-    const dialog = this.root.querySelector(".dialog");
-    if (!dialog) return;
-    const focusables = dialog.querySelectorAll(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    );
-    if (!focusables.length) return;
-    const first = focusables[0];
-    const last = focusables[focusables.length - 1];
-    const active = this.root.activeElement;
-    if (e.shiftKey && (active === first || active === dialog)) {
-      e.preventDefault();
-      last.focus();
-    } else if (!e.shiftKey && active === last) {
-      e.preventDefault();
-      first.focus();
+}
+function sanitizeEmbedUrl(value) {
+  let raw = cleanRawUrl(value);
+  if (!raw) return "";
+  if (raw.startsWith("//")) raw = `https:${raw}`;
+  let url;
+  try {
+    url = new URL(raw);
+  } catch {
+    return "";
+  }
+  if (url.protocol !== "https:") return "";
+  if (!ALLOWED_EMBED_HOSTS.has(url.hostname.toLowerCase())) return "";
+  const path = url.pathname.toLowerCase();
+  const isValidPath = url.hostname.includes("youtube") && path.startsWith("/embed/") || url.hostname.includes("vimeo") && path.startsWith("/video/");
+  if (!isValidPath) return "";
+  return url.toString();
+}
+function sanitizeStyle(value) {
+  if (!value) return "";
+  const probe = document.createElement("span");
+  probe.setAttribute("style", value);
+  const out = [];
+  for (let i = 0; i < probe.style.length; i++) {
+    const prop = probe.style.item(i);
+    if (!ALLOWED_STYLE_PROPS.has(prop)) continue;
+    const val = probe.style.getPropertyValue(prop).trim();
+    if (!val) continue;
+    if (/\\/.test(val)) continue;
+    if (/url\s*\(|expression\s*\(|javascript\s*:|@import|behavior\s*:|-moz-binding/i.test(val)) continue;
+    out.push(`${prop}: ${val}`);
+  }
+  return out.join("; ");
+}
+function sanitizeAttributes(el, tag, opts) {
+  for (const attr of Array.from(el.attributes)) {
+    const name = attr.name.toLowerCase();
+    const value = attr.value;
+    if (FORBIDDEN_ATTRS.has(name) || name.startsWith("on")) {
+      el.removeAttribute(attr.name);
+      continue;
+    }
+    const allowed = GLOBAL_ATTRS.has(name) || TAG_ATTRS[tag]?.has(name);
+    if (!allowed) {
+      el.removeAttribute(attr.name);
+      continue;
+    }
+    if (name === "style") {
+      const safe = sanitizeStyle(value);
+      if (safe) el.setAttribute("style", safe);
+      else el.removeAttribute("style");
+      continue;
+    }
+    if (name === "class") {
+      const classes = value.split(/\s+/).filter((c) => ALLOWED_CLASS_RE.test(c));
+      if (classes.length) el.setAttribute("class", classes.join(" "));
+      else el.removeAttribute("class");
+      continue;
+    }
+    if (name === "href") {
+      const safe = sanitizeLinkUrl(value);
+      if (safe) el.setAttribute("href", safe);
+      else el.removeAttribute("href");
+      continue;
+    }
+    if (name === "src") {
+      const safe = sanitizeMediaUrl(value, tag, opts);
+      if (safe) el.setAttribute("src", safe);
+      else el.removeAttribute("src");
+      continue;
+    }
+    if (name === "poster") {
+      const safe = sanitizeMediaUrl(value, "img", opts);
+      if (safe) el.setAttribute("poster", safe);
+      else el.removeAttribute("poster");
+      continue;
+    }
+    if (name === "target") {
+      const safe = value === "_self" || value === "_blank" ? value : "_blank";
+      el.setAttribute("target", safe);
+      continue;
+    }
+    if (name === "colspan" || name === "rowspan" || name === "span" || name === "start") {
+      const n = Number(value);
+      if (Number.isInteger(n) && n > 0 && n <= 1e3) el.setAttribute(name, String(n));
+      else el.removeAttribute(name);
+      continue;
+    }
+    if (name === "width" || name === "height") {
+      if (/^\d{1,4}(?:px|%)?$/i.test(value.trim())) el.setAttribute(name, value.trim());
+      else el.removeAttribute(name);
+      continue;
     }
   }
-  _restoreFocus() {
-    if (this._previouslyFocused?.isConnected) this._previouslyFocused.focus();
-    this._previouslyFocused = null;
+  if (tag === "a") {
+    const href = el.getAttribute("href");
+    if (!href) {
+      el.removeAttribute("target");
+      el.removeAttribute("rel");
+    } else if (el.getAttribute("target") === "_blank") {
+      el.setAttribute("rel", "noopener noreferrer");
+    }
   }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this._cleanup?.();
-    this._cleanup = void 0;
-    this._restoreFocus();
+  if (tag === "iframe") {
+    el.setAttribute("sandbox", "allow-scripts allow-same-origin allow-presentation");
+    el.setAttribute("allowfullscreen", "");
+    el.setAttribute("loading", "lazy");
+    el.setAttribute("referrerpolicy", "strict-origin-when-cross-origin");
   }
-};
-_FxDialog.styles = css`
-    :host { display: contents; }
-    .overlay {
-      position: fixed;
-      inset: 0;
-      background: color-mix(in srgb, var(--fx-text-default, #000) 45%, transparent);
-      backdrop-filter: blur(3px);
-      -webkit-backdrop-filter: blur(3px);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      z-index: var(--fx-z-modal, 1100);
-      animation: fade var(--fx-motion-duration-fast) var(--fx-motion-easing);
+  if (tag === "img") {
+    if (!el.hasAttribute("alt")) el.setAttribute("alt", "");
+    el.setAttribute("loading", "lazy");
+    el.setAttribute("decoding", "async");
+  }
+  if (tag === "video") {
+    el.setAttribute("controls", "");
+    el.setAttribute("preload", "metadata");
+  }
+}
+function sanitizeIframe(el) {
+  const src = el.getAttribute("src") ?? "";
+  const safe = sanitizeEmbedUrl(src);
+  if (!safe) return false;
+  el.setAttribute("src", safe);
+  return true;
+}
+function unwrap$2(el, opts) {
+  const parent = el.parentNode;
+  if (!parent) {
+    el.remove();
+    return;
+  }
+  for (const child of Array.from(el.childNodes)) {
+    sanitizeNode(child, opts);
+    parent.insertBefore(child, el);
+  }
+  el.remove();
+}
+function sanitizeNode(node, opts) {
+  if (node.nodeType === Node.TEXT_NODE) return;
+  if (node.nodeType === Node.COMMENT_NODE) {
+    node.parentNode?.removeChild(node);
+    return;
+  }
+  if (node.nodeType !== Node.ELEMENT_NODE) {
+    node.parentNode?.removeChild(node);
+    return;
+  }
+  const el = node;
+  const tag = el.tagName.toLowerCase();
+  if (DROP_CONTENT_TAGS.has(tag)) {
+    el.remove();
+    return;
+  }
+  if (tag === "iframe") {
+    if (!opts.allowEmbeds || !sanitizeIframe(el)) el.remove();
+    else sanitizeAttributes(el, tag, opts);
+    return;
+  }
+  if (!ALLOWED_TAGS.has(tag)) {
+    unwrap$2(el, opts);
+    return;
+  }
+  sanitizeAttributes(el, tag, opts);
+  if ((tag === "img" || tag === "video" || tag === "source") && !el.hasAttribute("src")) {
+    el.remove();
+    return;
+  }
+  for (const child of Array.from(el.childNodes)) sanitizeNode(child, opts);
+}
+function sanitizeBody(html, options = {}) {
+  const opts = { ...DEFAULTS, ...options };
+  if (!html) return null;
+  if (typeof DOMParser === "undefined" || typeof document === "undefined") return null;
+  const doc = new DOMParser().parseFromString(
+    `<!doctype html><html><body>${html}</body></html>`,
+    "text/html"
+  );
+  for (const child of Array.from(doc.body.childNodes)) sanitizeNode(child, opts);
+  return doc.body;
+}
+function sanitizeHtml(html, options = {}) {
+  const body = sanitizeBody(html, options);
+  return body ? body.innerHTML : "";
+}
+const BLOCK_TAGS = /* @__PURE__ */ new Set([
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "blockquote",
+  "pre",
+  "ul",
+  "ol",
+  "li",
+  "table",
+  "figure",
+  "hr",
+  "div"
+]);
+const INLINE_TAGS = /* @__PURE__ */ new Set([
+  "strong",
+  "b",
+  "em",
+  "i",
+  "u",
+  "s",
+  "del",
+  "ins",
+  "sub",
+  "sup",
+  "code",
+  "a",
+  "span",
+  "small",
+  "mark",
+  "br"
+]);
+function isElement(node) {
+  return node.nodeType === Node.ELEMENT_NODE;
+}
+function tagOf(node) {
+  return isElement(node) ? node.tagName.toLowerCase() : "";
+}
+function hasBlockChild(el) {
+  return Array.from(el.children).some((child) => BLOCK_TAGS.has(tagOf(child)) || tagOf(child) === "figure");
+}
+function unwrap$1(el) {
+  const parent = el.parentNode;
+  if (!parent) {
+    el.remove();
+    return;
+  }
+  while (el.firstChild) parent.insertBefore(el.firstChild, el);
+  el.remove();
+}
+function rename(el, tag) {
+  const doc = el.ownerDocument;
+  const next = doc.createElement(tag);
+  for (const attr of Array.from(el.attributes)) next.setAttribute(attr.name, attr.value);
+  while (el.firstChild) next.appendChild(el.firstChild);
+  el.replaceWith(next);
+  return next;
+}
+function normalizeChildren(parent, options) {
+  for (const node of Array.from(parent.childNodes)) {
+    if (node.nodeType === Node.COMMENT_NODE) {
+      node.remove();
+      continue;
     }
-    .overlay[hidden] { display: none; }
-    @keyframes fade { from { opacity: 0; } to { opacity: 1; } }
-    .dialog {
-      background: var(--fx-surface-background);
-      border: 1px solid var(--fx-border-default);
-      border-radius: var(--fx-radius-lg);
-      box-shadow: var(--fx-shadow-xl);
-      /* Largura customizável por instância: defina --fx-dialog-width no elemento. */
-      width: min(var(--fx-dialog-width, 560px), calc(100vw - 32px));
-      max-height: calc(100vh - 64px);
-      display: flex;
-      flex-direction: column;
-      font-family: var(--fx-font-family);
-      animation: pop var(--fx-motion-duration-normal) var(--fx-motion-easing);
+    if (node.nodeType === Node.TEXT_NODE) {
+      node.nodeValue = (node.nodeValue ?? "").replace(/\u00a0/g, " ");
+      continue;
     }
-    @keyframes pop { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
-    :host([size='sm']) .dialog { width: min(var(--fx-dialog-width, 400px), calc(100vw - 32px)); }
-    :host([size='lg']) .dialog { width: min(var(--fx-dialog-width, 800px), calc(100vw - 32px)); }
-    /* Mobile: dialog ocupa praticamente toda a largura da tela. */
-    @media (max-width: 640px) {
-      .dialog, :host([size='sm']) .dialog, :host([size='lg']) .dialog {
-        width: calc(100vw - 16px);
-        max-width: calc(100vw - 16px);
+    if (!isElement(node)) continue;
+    let el = node;
+    let tag = tagOf(el);
+    if (tag === "b") el = rename(el, "strong");
+    else if (tag === "i") el = rename(el, "em");
+    else if (tag === "strike" || tag === "del") el = rename(el, "s");
+    tag = tagOf(el);
+    if (tag === "font") {
+      const span = rename(el, "span");
+      const styles = [];
+      const color = el.getAttribute("color");
+      const face = el.getAttribute("face");
+      if (color) styles.push(`color: ${color}`);
+      if (face) styles.push(`font-family: ${face}`);
+      if (styles.length) span.setAttribute("style", styles.join("; "));
+      el = span;
+      tag = "span";
+    }
+    if (tag === "div" || tag === "section" || tag === "article" || tag === "header" || tag === "footer" || tag === "main" || tag === "aside") {
+      if (hasBlockChild(el)) {
+        unwrap$1(el);
+        continue;
       }
+      el = rename(el, "p");
+      tag = "p";
     }
-    header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: var(--fx-space-lg) var(--fx-space-xl);
-      border-bottom: 1px solid var(--fx-border-default);
+    if (tag === "p" && hasBlockChild(el)) {
+      unwrap$1(el);
+      continue;
     }
-    h2 {
-      margin: 0;
-      font-size: calc(var(--fx-font-size) + 2px);
-      font-weight: 600;
-      color: var(--fx-text-default);
+    if (tag === "span" && !el.hasAttribute("style") && !el.hasAttribute("class")) {
+      unwrap$1(el);
+      continue;
     }
-    .close {
-      border: none;
-      background: transparent;
-      color: var(--fx-text-muted);
-      font-size: calc(var(--fx-font-size) + 6px);
-      cursor: pointer;
-      line-height: 1;
-      padding: 0 var(--fx-space-xs);
-      border-radius: var(--fx-radius-full);
+    if (!options.forEditor) {
+      el.removeAttribute("contenteditable");
+      el.removeAttribute("spellcheck");
+      el.removeAttribute("tabindex");
+    }
+    if (tag === "a") {
+      if (!el.getAttribute("href")) {
+        el.removeAttribute("target");
+        el.removeAttribute("rel");
+      } else if (el.getAttribute("target") === "_blank") {
+        el.setAttribute("rel", "noopener noreferrer");
+      }
     }
-    .close:hover { color: var(--fx-color-danger); }
-    .body {
-      padding: var(--fx-space-lg) var(--fx-space-xl);
-      overflow-y: auto;
-      color: var(--fx-text-default);
-      font-size: var(--fx-font-size);
+    normalizeChildren(el, options);
+  }
+}
+function wrapInlineChildren(cell, doc) {
+  if (Array.from(cell.children).some((child) => BLOCK_TAGS.has(tagOf(child)))) return;
+  const p = doc.createElement("p");
+  while (cell.firstChild) p.appendChild(cell.firstChild);
+  if (!p.textContent?.trim() && !p.querySelector("img,video,iframe,br")) {
+    p.innerHTML = "<br>";
+  }
+  cell.appendChild(p);
+}
+function normalizeFigures(body, options) {
+  const doc = body.ownerDocument;
+  for (const media of Array.from(body.querySelectorAll("img, video, iframe"))) {
+    if (media.closest("figure")) continue;
+    const anchor = media.closest("a");
+    const wrapper = anchor && anchor.querySelectorAll("*").length === 1 ? anchor : media;
+    const figure = doc.createElement("figure");
+    const kind = tagOf(media);
+    figure.className = kind === "img" ? "fx-image" : kind === "video" ? "fx-video" : "fx-embed";
+    if (kind === "img") figure.setAttribute("data-align", "center");
+    const p = wrapper.closest("p");
+    if (p) p.after(figure);
+    else wrapper.parentNode?.insertBefore(figure, wrapper);
+    figure.appendChild(wrapper);
+    if (options.forEditor) figure.setAttribute("contenteditable", "false");
+  }
+  for (const figure of Array.from(body.querySelectorAll("figure"))) {
+    if (figure.classList.contains("fx-table") || figure.querySelector("table")) {
+      figure.classList.add("fx-table");
+      figure.removeAttribute("contenteditable");
+      continue;
     }
-    footer {
-      padding: var(--fx-space-md) var(--fx-space-xl);
-      border-top: 1px solid var(--fx-border-default);
-      display: flex;
-      justify-content: flex-end;
-      gap: var(--fx-space-sm);
+    const hasImg = Boolean(figure.querySelector("img"));
+    const hasVideo = Boolean(figure.querySelector("video"));
+    const hasIframe = Boolean(figure.querySelector("iframe"));
+    if (!hasImg && !hasVideo && !hasIframe) {
+      figure.remove();
+      continue;
     }
-    footer[hidden] { display: none; }
+    const classes = new Set((figure.getAttribute("class") ?? "").split(/\s+/).filter(Boolean));
+    if (hasImg) classes.add("fx-image");
+    if (hasVideo) classes.add("fx-video");
+    if (hasIframe) classes.add("fx-embed");
+    figure.setAttribute("class", Array.from(classes).join(" "));
+    if (!figure.hasAttribute("data-align")) figure.setAttribute("data-align", "center");
+    if (options.forEditor) figure.setAttribute("contenteditable", "false");
+    else figure.removeAttribute("contenteditable");
+  }
+}
+function normalizeTables(body) {
+  const doc = body.ownerDocument;
+  for (const table of Array.from(body.querySelectorAll("table"))) {
+    const isGrid = table.classList.contains("fx-grid") || table.getAttribute("role") === "presentation";
+    if (isGrid) {
+      table.classList.add("fx-grid");
+      table.setAttribute("role", "presentation");
+      const firstRow = table.querySelector("tr");
+      const cols = firstRow ? firstRow.children.length : 0;
+      if (cols) table.setAttribute("data-cols", String(cols));
+    } else {
+      table.removeAttribute("role");
+      const parentFigure = table.closest("figure");
+      if (!parentFigure || !parentFigure.classList.contains("fx-table")) {
+        const figure = doc.createElement("figure");
+        figure.className = "fx-table";
+        table.parentNode?.insertBefore(figure, table);
+        figure.appendChild(table);
+      }
+    }
+    let tbody = Array.from(table.children).find((child) => tagOf(child) === "tbody");
+    const looseRows = Array.from(table.children).filter((child) => tagOf(child) === "tr");
+    if (looseRows.length) {
+      if (!tbody) {
+        tbody = doc.createElement("tbody");
+        table.appendChild(tbody);
+      }
+      for (const row of looseRows) tbody.appendChild(row);
+    }
+    if (!Array.from(table.children).some((child) => tagOf(child) === "colgroup")) {
+      const firstRow = table.querySelector("tr");
+      const count = firstRow ? Array.from(firstRow.children).filter((c) => tagOf(c) === "td" || tagOf(c) === "th").length : 0;
+      if (count > 0) {
+        const colgroup = doc.createElement("colgroup");
+        for (let i = 0; i < count; i++) {
+          const col = doc.createElement("col");
+          col.style.width = `${(100 / count).toFixed(4).replace(/\.?0+$/, "")}%`;
+          colgroup.appendChild(col);
+        }
+        table.insertBefore(colgroup, table.firstChild);
+      }
+    }
+    for (const th of Array.from(table.querySelectorAll("th"))) {
+      if (!th.getAttribute("scope")) th.setAttribute("scope", "col");
+    }
+    for (const cell of Array.from(table.querySelectorAll("th, td"))) {
+      wrapInlineChildren(cell, doc);
+    }
+  }
+}
+function normalizeRoot(body, options) {
+  const doc = body.ownerDocument;
+  let buffer = [];
+  const flush = (before) => {
+    if (!buffer.length) return;
+    const p = doc.createElement("p");
+    body.insertBefore(p, before);
+    for (const node of buffer) p.appendChild(node);
+    buffer = [];
+    if (!p.textContent?.trim() && !p.querySelector("img,video,iframe,br")) p.innerHTML = "<br>";
+  };
+  for (const node of Array.from(body.childNodes)) {
+    if (node.nodeType === Node.TEXT_NODE) {
+      if ((node.nodeValue ?? "").trim()) buffer.push(node);
+      else node.remove();
+      continue;
+    }
+    if (!isElement(node)) {
+      node.remove();
+      continue;
+    }
+    const tag = tagOf(node);
+    if (BLOCK_TAGS.has(tag) || tag === "figure") {
+      flush(node);
+      continue;
+    }
+    if (INLINE_TAGS.has(tag) || tag === "img" || tag === "video" || tag === "iframe") {
+      buffer.push(node);
+      continue;
+    }
+    while (node.firstChild) buffer.push(node.firstChild), body.insertBefore(node.firstChild, node);
+    node.remove();
+  }
+  flush(null);
+  if (options.forEditor && !body.querySelector("p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,table,figure,hr")) {
+    body.innerHTML = "<p><br></p>";
+  }
+}
+function stripEmpty(body, forEditor) {
+  for (const span of Array.from(body.querySelectorAll("span"))) {
+    if (!span.textContent?.trim() && !span.querySelector("img,video,iframe,br") && !span.hasAttribute("style")) {
+      span.remove();
+    }
+  }
+  for (const p of Array.from(body.querySelectorAll("p"))) {
+    if (p.querySelector("img,video,iframe,br,table,figure")) continue;
+    if (p.textContent?.trim()) continue;
+    if (forEditor && p === body.lastElementChild) continue;
+    p.remove();
+  }
+  for (const heading of Array.from(body.querySelectorAll("h1,h2,h3,h4,h5,h6,blockquote"))) {
+    if (!heading.textContent?.trim() && !heading.querySelector("img,video,iframe,br")) heading.remove();
+  }
+  for (const figure of Array.from(body.querySelectorAll("figure"))) {
+    if (!figure.querySelector("img,video,iframe,table")) figure.remove();
+  }
+  for (const table of Array.from(body.querySelectorAll("table"))) {
+    if (!table.querySelector("td,th")) table.remove();
+  }
+  if (forEditor && !body.querySelector("p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,table,figure,hr")) {
+    body.innerHTML = "<p><br></p>";
+  }
+}
+function normalizeElement(body, options = {}) {
+  normalizeChildren(body, options);
+  normalizeFigures(body, options);
+  normalizeTables(body);
+  normalizeChildren(body, options);
+  normalizeRoot(body, options);
+  stripEmpty(body, Boolean(options.forEditor));
+  const result = body.innerHTML.trim();
+  if (!result) return options.forEditor ? "<p><br></p>" : "";
+  return result;
+}
+function normalizeHtml(html, options = {}) {
+  if (!html) return options.forEditor ? "<p><br></p>" : "";
+  if (typeof DOMParser === "undefined") return html;
+  const doc = new DOMParser().parseFromString(
+    `<!doctype html><html><body>${html}</body></html>`,
+    "text/html"
+  );
+  return normalizeElement(doc.body, options);
+}
+function normalizeForStorage(html) {
+  return normalizeHtml(html, { forEditor: false });
+}
+function normalizeForEditor(html) {
+  return normalizeHtml(html, { forEditor: true });
+}
+const FX_EDITOR_CONTENT_CSS = `
+.content { line-height: 1.55; color: var(--fx-text-default); }
+.content p { margin: 0 0 0.65em; }
+.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
+  margin: 0.8em 0 0.4em; line-height: 1.25; font-weight: 600; color: var(--fx-text-default);
+}
+.content h1 { font-size: 1.8em; }
+.content h2 { font-size: 1.5em; }
+.content h3 { font-size: 1.25em; }
+.content h4 { font-size: 1.1em; }
+.content h5, .content h6 { font-size: 1em; }
+.content ul, .content ol { margin: 0 0 0.65em; padding-left: 1.6em; }
+.content li { margin: 0.15em 0; }
+.content blockquote {
+  margin: 0.5em 0; padding: 0.25em 0 0.25em 1em;
+  border-left: 3px solid var(--fx-color-primary); color: var(--fx-text-muted);
+}
+.content pre {
+  margin: 0.6em 0; padding: var(--fx-space-md); overflow: auto;
+  background: var(--fx-surface-surface); border-radius: var(--fx-radius-sm);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em;
+}
+.content code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 0.92em; background: var(--fx-surface-surface);
+  padding: 0.1em 0.3em; border-radius: 3px;
+}
+.content pre code { background: none; padding: 0; }
+.content hr { border: none; border-top: 1px solid var(--fx-border-default); margin: 1em 0; }
+.content a { color: var(--fx-color-primary); text-decoration: underline; cursor: pointer; }
+.content img { max-width: 100%; height: auto; display: block; }
+.content figure { margin: 1em 0; }
+.content figure.fx-image img { margin: 0 auto; }
+.content figure.fx-image[data-align="left"] { float: left; max-width: 50%; margin: 0 1em 0.5em 0; }
+.content figure.fx-image[data-align="right"] { float: right; max-width: 50%; margin: 0 0 0.5em 1em; }
+.content figure.fx-image[data-align="center"] { margin-left: auto; margin-right: auto; }
+.content figure.fx-video[data-align="left"],
+.content figure.fx-embed[data-align="left"] { float: left; max-width: 50%; margin: 0 1em 0.5em 0; }
+.content figure.fx-video[data-align="right"],
+.content figure.fx-embed[data-align="right"] { float: right; max-width: 50%; margin: 0 0 0.5em 1em; }
+.content figure.fx-video[data-align="center"],
+.content figure.fx-embed[data-align="center"] { margin-left: auto; margin-right: auto; }
+.content figcaption {
+  margin-top: 0.4em; color: var(--fx-text-muted);
+  font-size: 0.85em; text-align: center;
+}
+.content video { display: block; width: 100%; background: #000; border-radius: var(--fx-radius-sm); }
+.content iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
+.content table { width: 100%; border-collapse: collapse; margin: 1em 0; }
+.content th, .content td { border: 1px solid var(--fx-border-default); padding: var(--fx-space-xs) var(--fx-space-sm); vertical-align: top; }
+.content th { background: var(--fx-surface-surface); text-align: left; font-weight: 600; }
+.content table.fx-grid { border: none; margin: 0.6em 0; }
+.content table.fx-grid > tbody > tr > td {
+  border: 1px dashed var(--fx-border-default); padding: var(--fx-space-sm);
+  vertical-align: top;
+}
+@media (max-width: 640px) {
+  .content table.fx-grid[data-stack] > tbody > tr > td {
+    display: block; width: 100% !important; border: none; padding: var(--fx-space-xs) 0;
+  }
+}
+`;
+const EDITOR_STYLES = `
+:host {
+  display: block;
+  width: 100%;
+  font-family: var(--fx-font-family);
+  font-size: var(--fx-font-size);
+  color: var(--fx-text-default);
+  --fx-editor-min-height: 240px;
+  --fx-editor-max-height: none;
+  --fx-editor-radius: var(--fx-radius-md);
+  --fx-editor-toolbar-bg: var(--fx-surface-surface);
+  --fx-editor-content-padding: var(--fx-space-md) var(--fx-space-lg);
+}
+:host([full]) { width: 100%; }
+.editor {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--fx-surface-background);
+  border: 1px solid var(--fx-border-default);
+  border-radius: var(--fx-editor-radius);
+  transition: border-color var(--fx-motion-duration-normal) var(--fx-motion-easing),
+    box-shadow var(--fx-motion-duration-normal) var(--fx-motion-easing);
+}
+.editor:focus-within {
+  border-color: var(--fx-color-primary);
+  box-shadow: var(--fx-effect-focus-ring, none);
+}
+:host([error]) .editor, :host([invalid]) .editor {
+  border-color: var(--fx-color-danger, #dc2626);
+  box-shadow: var(--fx-effect-error-ring, 0 0 0 3px color-mix(in srgb, var(--fx-color-danger, #dc2626) 18%, transparent));
+}
+:host([success]) .editor, :host([valid]) .editor {
+  border-color: var(--fx-color-success, #16a34a);
+  box-shadow: var(--fx-effect-success-ring, 0 0 0 3px color-mix(in srgb, var(--fx-color-success, #16a34a) 18%, transparent));
+}
+:host([disabled]) { opacity: 0.55; pointer-events: none; }
+:host([readonly]) .toolbar { display: none; }
+
+.toolbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 1px;
+  padding: var(--fx-space-xs);
+  background: var(--fx-editor-toolbar-bg);
+  border-bottom: 1px solid var(--fx-border-default);
+  user-select: none;
+}
+.toolbar[hidden] { display: none; }
+.tb-group {
+  display: flex;
+  align-items: center;
+  gap: 1px;
+  padding: 0 var(--fx-space-xs);
+  border-right: 1px solid var(--fx-border-default);
+}
+.tb-group:last-child { border-right: none; }
+.tb-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  padding: 0;
+  border: none;
+  border-radius: var(--fx-radius-sm);
+  background: transparent;
+  color: var(--fx-text-default);
+  font-size: 19px;
+  cursor: pointer;
+  transition: background var(--fx-motion-duration-fast) var(--fx-motion-easing);
+}
+.tb-btn:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.06)); }
+.tb-btn:focus-visible { outline: 2px solid var(--fx-color-primary); outline-offset: -2px; }
+.tb-btn.active {
+  background: color-mix(in srgb, var(--fx-color-primary) 14%, transparent);
+  color: var(--fx-color-primary);
+}
+.tb-btn:disabled { opacity: 0.4; cursor: not-allowed; }
+.tb-select {
+  height: 30px;
+  padding: 0 var(--fx-space-xs);
+  border: 1px solid var(--fx-border-default);
+  border-radius: var(--fx-radius-sm);
+  background: var(--fx-surface-background);
+  color: var(--fx-text-default);
+  font-family: inherit;
+  font-size: calc(var(--fx-font-size) - 2px);
+  cursor: pointer;
+}
+.tb-color {
+  width: 30px;
+  height: 30px;
+  padding: 2px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+}
+.tb-color input { width: 26px; height: 26px; padding: 0; border: none; background: none; cursor: pointer; }
+.body { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; }
+.content {
+  position: relative;
+  min-height: var(--fx-editor-min-height);
+  max-height: var(--fx-editor-max-height);
+  overflow: auto;
+  padding: var(--fx-editor-content-padding);
+  outline: none;
+  box-sizing: border-box;
+}
+.content[hidden] { display: none; }
+.content.is-empty::before {
+  content: attr(data-placeholder);
+  color: var(--fx-text-muted);
+  pointer-events: none;
+  position: absolute;
+}
+.content[contenteditable="false"] { background: var(--fx-surface-surface-hover, rgba(0,0,0,.02)); }
+.content figure.fx-image { touch-action: none; }
+
+.media-overlay {
+  position: absolute;
+  z-index: 5;
+  pointer-events: none;
+  border: 1px solid var(--fx-color-primary);
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fx-color-primary) 30%, transparent);
+}
+.media-overlay[hidden] { display: none; }
+.media-handle {
+  position: absolute;
+  width: 11px;
+  height: 11px;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  background: var(--fx-color-primary);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+  pointer-events: auto;
+  touch-action: none;
+}
+.media-handle.nw { left: -6px; top: -6px; cursor: nwse-resize; }
+.media-handle.ne { right: -6px; top: -6px; cursor: nesw-resize; }
+.media-handle.sw { left: -6px; bottom: -6px; cursor: nesw-resize; }
+.media-handle.se { right: -6px; bottom: -6px; cursor: nwse-resize; }
+.media-size {
+  position: absolute;
+  top: -24px;
+  left: 0;
+  padding: 2px 6px;
+  border-radius: var(--fx-radius-sm);
+  background: var(--fx-color-primary);
+  color: #fff;
+  font-size: 11px;
+  line-height: 1.4;
+  white-space: nowrap;
+}
+.media-delete {
+  position: absolute;
+  top: -32px;
+  right: -1px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: var(--fx-color-danger, #dc2626);
+  color: #fff;
+  font-size: 15px;
+  line-height: 1;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
+}
+.media-delete:hover { filter: brightness(0.92); }
+.media-delete:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
+
+.content figure.fx-image,
+.content figure.fx-video,
+.content figure.fx-embed { position: relative; }
+.fx-media-quick {
+  position: absolute;
+  top: 6px;
+  z-index: 4;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  border: 1px solid color-mix(in srgb, var(--fx-color-primary) 35%, transparent);
+  border-radius: var(--fx-radius-sm);
+  background: var(--fx-surface-background);
+  color: var(--fx-text-default);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity var(--fx-motion-duration-fast) var(--fx-motion-easing), background var(--fx-motion-duration-fast) var(--fx-motion-easing);
+}
+.content figure:hover > .fx-media-quick,
+.content figure:focus-within > .fx-media-quick { opacity: 1; }
+.content figure.fx-video > .fx-media-quick,
+.content figure.fx-embed > .fx-media-quick { opacity: 0.92; }
+.fx-media-quick:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.06)); }
+.fx-media-quick.active { background: var(--fx-color-primary); color: #fff; }
+.fx-media-quick.quick-left { right: 82px; }
+.fx-media-quick.quick-center { right: 56px; }
+.fx-media-quick.quick-right { right: 30px; }
+.fx-media-quick.quick-delete { right: 4px; background: var(--fx-color-danger, #dc2626); color: #fff; border-color: transparent; }
+.fx-media-quick:focus-visible { outline: 2px solid var(--fx-color-primary); outline-offset: 1px; }
+
+.link-overlay {
+  position: absolute;
+  z-index: 6;
+  display: flex;
+  gap: 2px;
+  padding: 3px;
+  background: var(--fx-surface-background);
+  border: 1px solid var(--fx-border-default);
+  border-radius: var(--fx-radius-sm);
+  box-shadow: var(--fx-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.16));
+}
+.link-overlay[hidden] { display: none; }
+.link-overlay button {
+  border: none;
+  background: none;
+  color: var(--fx-text-default);
+  font: inherit;
+  font-size: 12px;
+  line-height: 1.4;
+  padding: 4px 8px;
+  border-radius: var(--fx-radius-sm);
+  cursor: pointer;
+}
+.link-overlay button:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.06)); }
+.link-overlay button[data-link-action="remove"] { color: var(--fx-color-danger, #dc2626); }
+.link-overlay button:focus-visible { outline: 2px solid var(--fx-color-primary); outline-offset: 1px; }
+
+.source {
+  display: block;
+  width: 100%;
+  min-height: var(--fx-editor-min-height);
+  max-height: var(--fx-editor-max-height);
+  padding: var(--fx-editor-content-padding);
+  border: none;
+  outline: none;
+  resize: vertical;
+  background: var(--fx-surface-background);
+  color: var(--fx-text-default);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 13px;
+  line-height: 1.55;
+  box-sizing: border-box;
+}
+.source[hidden] { display: none; }
+
+.statusbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--fx-space-sm);
+  min-height: 28px;
+  padding: 2px var(--fx-space-md);
+  border-top: 1px solid var(--fx-border-default);
+  color: var(--fx-text-muted);
+  font-size: calc(var(--fx-font-size) - 3px);
+}
+.statusbar:empty { display: none; }
+.statusbar[hidden] { display: none; }
+.source-actions { display: inline-flex; gap: var(--fx-space-xs); }
+.source-actions[hidden] { display: none; }
+
+.backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: var(--fx-z-modal, 1100);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: color-mix(in srgb, var(--fx-text-default, #000) 45%, transparent);
+}
+.backdrop[hidden] { display: none; }
+.dialog {
+  width: min(460px, calc(100vw - 32px));
+  max-height: calc(100vh - 48px);
+  overflow: auto;
+  background: var(--fx-surface-background);
+  border: 1px solid var(--fx-border-default);
+  border-radius: var(--fx-radius-lg);
+  box-shadow: var(--fx-shadow-xl);
+  font-family: var(--fx-font-family);
+  font-size: var(--fx-font-size);
+}
+.dialog header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--fx-space-md) var(--fx-space-lg);
+  border-bottom: 1px solid var(--fx-border-default);
+}
+.dialog h3 { margin: 0; font-size: 1rem; font-weight: 600; }
+.dialog-close {
+  border: none; background: transparent; color: var(--fx-text-muted);
+  font-size: 1.4rem; line-height: 1; cursor: pointer;
+}
+.dialog-body { display: flex; flex-direction: column; gap: var(--fx-space-sm); padding: var(--fx-space-lg); }
+.field { display: flex; flex-direction: column; gap: 3px; font-size: calc(var(--fx-font-size) - 2px); color: var(--fx-text-muted); }
+.field input, .field select {
+  height: var(--fx-size-md);
+  padding: 0 var(--fx-space-sm);
+  border: 1px solid var(--fx-border-default);
+  border-radius: var(--fx-radius-sm);
+  background: var(--fx-surface-background);
+  color: var(--fx-text-default);
+  font: inherit;
+  font-size: var(--fx-font-size);
+}
+.field input:focus, .field select:focus { outline: none; border-color: var(--fx-color-primary); box-shadow: var(--fx-effect-focus-ring, none); }
+.dialog footer {
+  display: flex; justify-content: flex-end; gap: var(--fx-space-sm);
+  padding: var(--fx-space-md) var(--fx-space-lg);
+  border-top: 1px solid var(--fx-border-default);
+}
+.btn {
+  min-height: var(--fx-size-sm);
+  padding: 0 var(--fx-space-md);
+  border: 1px solid var(--fx-border-default);
+  border-radius: var(--fx-radius-sm);
+  background: var(--fx-surface-background);
+  color: var(--fx-text-default);
+  font: inherit; font-size: calc(var(--fx-font-size) - 2px);
+  cursor: pointer;
+}
+.btn:hover { background: var(--fx-surface-surface-hover, rgba(0,0,0,.05)); }
+.btn.primary { background: var(--fx-color-primary); border-color: transparent; color: #fff; }
+.btn.primary:hover { filter: brightness(0.92); }
+
+.panel {
+  position: absolute;
+  top: calc(100% + 4px);
+  left: var(--fx-space-md);
+  z-index: 6;
+  padding: var(--fx-space-sm);
+  background: var(--fx-surface-background);
+  border: 1px solid var(--fx-border-default);
+  border-radius: var(--fx-radius-md);
+  box-shadow: var(--fx-shadow-lg);
+}
+.panel[hidden] { display: none; }
+.grid-picker { display: grid; grid-template-columns: repeat(8, 18px); gap: 3px; }
+.grid-picker button {
+  width: 18px; height: 18px; padding: 0;
+  border: 1px solid var(--fx-border-default);
+  border-radius: 2px; background: var(--fx-surface-background); cursor: pointer;
+}
+.grid-picker button.on { background: var(--fx-color-primary); border-color: var(--fx-color-primary); }
+.panel-title { margin: 0 0 6px; font-size: 11px; color: var(--fx-text-muted); }
+.panel-actions { display: flex; flex-wrap: wrap; gap: 4px; max-width: 210px; }
+.panel-actions .btn { min-height: 26px; padding: 0 6px; font-size: 11px; }
+
+:host([fullscreen]) {
+  position: fixed;
+  inset: 0;
+  z-index: var(--fx-z-modal, 1100);
+  background: var(--fx-surface-background);
+}
+:host([fullscreen]) .editor { height: 100%; border: none; border-radius: 0; }
+:host([fullscreen]) .content, :host([fullscreen]) .source { flex: 1 1 auto; max-height: none; }
+
+@media (max-width: 640px) {
+  .toolbar { gap: 0; }
+  .tb-group { padding: 0 1px; }
+  .tb-btn { width: 28px; height: 28px; }
+}
+${FX_EDITOR_CONTENT_CSS}
+
+
+`;
+const BLOCK_SELECTOR = "p,h1,h2,h3,h4,h5,h6,li,blockquote,pre,td,th,figcaption,div";
+function rootOf(editor) {
+  const root = editor.getRootNode();
+  return typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root : document;
+}
+function isRangeInside(editor, range2) {
+  if (!range2) return false;
+  const start = range2.startContainer;
+  const end = range2.endContainer;
+  return editor.contains(start) && editor.contains(end);
+}
+function readSelectionRange(root) {
+  const selection = document.getSelection();
+  if (!selection) return null;
+  if (root instanceof ShadowRoot && selection.getComposedRanges) {
+    try {
+      const ranges = selection.getComposedRanges({ shadowRoots: [root] });
+      const first = ranges[0];
+      if (first) {
+        const range2 = document.createRange();
+        range2.setStart(first.startContainer, first.startOffset);
+        range2.setEnd(first.endContainer, first.endOffset);
+        return range2;
+      }
+    } catch {
+    }
+  }
+  return selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
+}
+function getRange(editor, fallback) {
+  const range2 = readSelectionRange(rootOf(editor));
+  if (isRangeInside(editor, range2)) return range2;
+  if (isRangeInside(editor, fallback ?? null)) return fallback ?? null;
+  return null;
+}
+function saveRange(editor) {
+  const range2 = getRange(editor);
+  return range2 ? range2.cloneRange() : null;
+}
+function restoreRange(editor, range2) {
+  if (!range2 || !isRangeInside(editor, range2)) return;
+  editor.focus({ preventScroll: true });
+  const selection = document.getSelection();
+  if (!selection) return;
+  selection.removeAllRanges();
+  selection.addRange(range2);
+}
+function placeCaretAtEnd(editor) {
+  const range2 = document.createRange();
+  range2.selectNodeContents(editor);
+  range2.collapse(false);
+  const selection = document.getSelection();
+  if (!selection) return;
+  selection.removeAllRanges();
+  selection.addRange(range2);
+}
+function getBlock(editor, range2) {
+  const active = range2 ?? getRange(editor);
+  if (!active) return null;
+  const node = active.startContainer;
+  const el = node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
+  const block = el?.closest(BLOCK_SELECTOR) ?? null;
+  return block && editor.contains(block) ? block : null;
+}
+function getSelectedBlocks(editor, range2) {
+  const active = getRange(editor);
+  if (!active) return [];
+  if (active.collapsed) {
+    const block = getBlock(editor, active);
+    return block ? [block] : [];
+  }
+  return Array.from(editor.querySelectorAll(BLOCK_SELECTOR)).filter((block) => {
+    try {
+      return active.intersectsNode(block);
+    } catch {
+      return false;
+    }
+  });
+}
+function closestInEditor(editor, node, selector) {
+  const el = node && (node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement);
+  const match = el?.closest(selector) ?? null;
+  return match && editor.contains(match) ? match : null;
+}
+function setSelection(range2) {
+  const selection = document.getSelection();
+  if (!selection) return;
+  selection.removeAllRanges();
+  selection.addRange(range2);
+}
+function nativeExec(command, value) {
+  const exec = document.execCommand;
+  if (typeof exec !== "function") return false;
+  try {
+    return exec.call(document, command, false, value);
+  } catch {
+    return false;
+  }
+}
+function insertHtml(editor, html) {
+  if (nativeExec("insertHTML", html)) return true;
+  const range2 = getRange(editor);
+  if (!range2) {
+    editor.insertAdjacentHTML("beforeend", html);
+    placeCaretAtEnd(editor);
+    return true;
+  }
+  range2.deleteContents();
+  const fragment = range2.createContextualFragment(html);
+  const last = fragment.lastChild;
+  range2.insertNode(fragment);
+  if (last) {
+    const next = document.createRange();
+    next.setStartAfter(last);
+    next.collapse(true);
+    setSelection(next);
+  }
+  return true;
+}
+function unwrap(el) {
+  const parent = el.parentNode;
+  if (!parent) return;
+  while (el.firstChild) parent.insertBefore(el.firstChild, el);
+  el.remove();
+}
+function wrapSelection(editor, tag) {
+  const range2 = getRange(editor);
+  if (!range2) return false;
+  const el = document.createElement(tag);
+  if (range2.collapsed) {
+    el.appendChild(document.createTextNode("​"));
+    range2.insertNode(el);
+    const caret = document.createRange();
+    caret.setStart(el.firstChild ?? el, 1);
+    caret.collapse(true);
+    setSelection(caret);
+    return true;
+  }
+  try {
+    range2.surroundContents(el);
+  } catch {
+    el.appendChild(range2.extractContents());
+    range2.insertNode(el);
+  }
+  return true;
+}
+function toggleInline(editor, tag) {
+  const nativeMap = {
+    strong: "bold",
+    b: "bold",
+    em: "italic",
+    i: "italic",
+    u: "underline",
+    s: "strikeThrough",
+    strike: "strikeThrough"
+  };
+  const nativeCommand = nativeMap[tag];
+  if (nativeCommand && nativeExec(nativeCommand)) return true;
+  const range2 = getRange(editor);
+  if (!range2) return false;
+  const current = (range2.startContainer.nodeType === Node.ELEMENT_NODE ? range2.startContainer : range2.startContainer.parentElement)?.closest(tag);
+  if (current && editor.contains(current)) {
+    unwrap(current);
+    return true;
+  }
+  return wrapSelection(editor, tag);
+}
+function formatBlock(editor, tag) {
+  const normalized = tag.toLowerCase().replace(/[<>]/g, "");
+  if (nativeExec("formatBlock", normalized)) return true;
+  const blocks = getSelectedBlocks(editor);
+  if (!blocks.length) {
+    const block = getBlock(editor);
+    if (block) blocks.push(block);
+  }
+  for (const block of blocks) {
+    if (!editor.contains(block)) continue;
+    const next = document.createElement(normalized);
+    for (const attr of Array.from(block.attributes)) next.setAttribute(attr.name, attr.value);
+    while (block.firstChild) next.appendChild(block.firstChild);
+    block.replaceWith(next);
+  }
+  return blocks.length > 0;
+}
+function align(editor, value) {
+  const nativeMap = {
+    left: "justifyLeft",
+    center: "justifyCenter",
+    right: "justifyRight",
+    justify: "justifyFull"
+  };
+  if (nativeExec(nativeMap[value])) return true;
+  const blocks = getSelectedBlocks(editor);
+  for (const block of blocks) block.style.textAlign = value;
+  return blocks.length > 0;
+}
+function toggleList(editor, ordered) {
+  if (nativeExec(ordered ? "insertOrderedList" : "insertUnorderedList")) return true;
+  const blocks = getSelectedBlocks(editor);
+  if (!blocks.length) return false;
+  const list = document.createElement(ordered ? "ol" : "ul");
+  const first = blocks[0];
+  first.parentNode?.insertBefore(list, first);
+  for (const block of blocks) {
+    const li = document.createElement("li");
+    while (block.firstChild) li.appendChild(block.firstChild);
+    list.appendChild(li);
+    block.remove();
+  }
+  const range2 = document.createRange();
+  range2.selectNodeContents(list.lastElementChild ?? list);
+  range2.collapse(false);
+  setSelection(range2);
+  return true;
+}
+function removeFormat(editor) {
+  if (nativeExec("removeFormat")) return true;
+  const range2 = getRange(editor);
+  if (!range2) return false;
+  const root = range2.commonAncestorContainer;
+  const container = root.nodeType === Node.ELEMENT_NODE ? root : root.parentElement;
+  if (!container) return false;
+  const tags = ["strong", "b", "em", "i", "u", "s", "strike", "span", "mark", "code", "sub", "sup"];
+  for (const el of Array.from(container.querySelectorAll(tags.join(",")))) {
+    if (range2.intersectsNode(el)) unwrap(el);
+  }
+  return true;
+}
+const linkHtml = (href, label, target) => `<a href="${escapeAttr(href)}" target="${target}" rel="noopener noreferrer">${escapeText(label)}</a>`;
+function applyLink(editor, href, text, target = "_blank") {
+  const label = text?.trim() || href;
+  const range2 = getRange(editor);
+  if (!range2) return insertHtml(editor, linkHtml(href, label, target));
+  const anchor = (range2.startContainer.nodeType === Node.ELEMENT_NODE ? range2.startContainer : range2.startContainer.parentElement)?.closest("a");
+  if (anchor && editor.contains(anchor)) {
+    anchor.setAttribute("href", href);
+    anchor.setAttribute("target", target);
+    anchor.setAttribute("rel", "noopener noreferrer");
+    if (text && text !== anchor.textContent) anchor.textContent = text;
+    return true;
+  }
+  if (!range2.collapsed) {
+    if (nativeExec("createLink", href)) {
+      const created = (range2.startContainer.nodeType === Node.ELEMENT_NODE ? range2.startContainer : range2.startContainer.parentElement)?.closest("a");
+      created?.setAttribute("target", target);
+      created?.setAttribute("rel", "noopener noreferrer");
+      return true;
+    }
+    const el = document.createElement("a");
+    el.setAttribute("href", href);
+    el.setAttribute("target", target);
+    el.setAttribute("rel", "noopener noreferrer");
+    try {
+      range2.surroundContents(el);
+    } catch {
+      el.appendChild(range2.extractContents());
+      range2.insertNode(el);
+    }
+    return true;
+  }
+  return insertHtml(editor, linkHtml(href, label, target));
+}
+function unlink(editor) {
+  if (nativeExec("unlink")) return true;
+  const range2 = getRange(editor);
+  if (!range2) return false;
+  const anchor = (range2.startContainer.nodeType === Node.ELEMENT_NODE ? range2.startContainer : range2.startContainer.parentElement)?.closest("a");
+  if (anchor && editor.contains(anchor)) {
+    unwrap(anchor);
+    return true;
+  }
+  return false;
+}
+function indent(editor, delta) {
+  if (delta > 0 && nativeExec("indent")) return true;
+  if (delta < 0 && nativeExec("outdent")) return true;
+  const blocks = getSelectedBlocks(editor);
+  for (const block of blocks) {
+    const current = Number.parseInt(block.style.marginLeft || "0", 10) || 0;
+    const next = Math.max(0, current + delta);
+    block.style.marginLeft = next ? `${next}px` : "";
+  }
+  return blocks.length > 0;
+}
+function escapeAttr(value) {
+  return value.replace(/[&<>"']/g, (ch) => {
+    switch (ch) {
+      case "&":
+        return "&amp;";
+      case "<":
+        return "&lt;";
+      case ">":
+        return "&gt;";
+      case '"':
+        return "&quot;";
+      default:
+        return "&#39;";
+    }
+  });
+}
+function escapeText(value) {
+  return value.replace(/[&<>]/g, (ch) => ch === "&" ? "&amp;" : ch === "<" ? "&lt;" : "&gt;");
+}
+function tableMatrix(table) {
+  const rows = Array.from(table.rows);
+  const matrix = rows.map(() => []);
+  for (let rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+    const row = rows[rowIndex];
+    for (const cell of Array.from(row.cells)) {
+      let col = 0;
+      while (matrix[rowIndex][col]) col++;
+      const rowspan = Math.max(1, Math.min(cell.rowSpan || 1, rows.length - rowIndex));
+      const colspan = Math.max(1, cell.colSpan || 1);
+      for (let r = rowIndex; r < rowIndex + rowspan; r++) {
+        if (!matrix[r]) matrix[r] = [];
+        for (let c = col; c < col + colspan; c++) matrix[r][c] = cell;
+      }
+    }
+  }
+  const width = matrix.reduce((max, row) => Math.max(max, row.length), 0);
+  for (const row of matrix) {
+    while (row.length < width) row.push(null);
+  }
+  return { rows, matrix };
+}
+function cellPosition(table, cell) {
+  const { matrix } = tableMatrix(table);
+  for (let row = 0; row < matrix.length; row++) {
+    for (let col = 0; col < matrix[row].length; col++) {
+      if (matrix[row][col] === cell) return { row, col };
+    }
+  }
+  return null;
+}
+function selectedCells(table, range2) {
+  return Array.from(table.querySelectorAll("td,th")).filter((cell) => {
+    try {
+      return range2.intersectsNode(cell);
+    } catch {
+      return false;
+    }
+  });
+}
+function copyCellAttributes(from, to) {
+  for (const attr of Array.from(from.attributes)) {
+    if (attr.name === "colspan" || attr.name === "rowspan") continue;
+    to.setAttribute(attr.name, attr.value);
+  }
+}
+function mergeSelectedCells(table, range2) {
+  const cells = selectedCells(table, range2);
+  if (cells.length < 2) return null;
+  const { matrix } = tableMatrix(table);
+  const positions = cells.map((cell) => ({ cell, position: cellPosition(table, cell) })).filter((item) => Boolean(item.position));
+  if (positions.length !== cells.length) return null;
+  const minRow = Math.min(...positions.map((item) => item.position.row));
+  const maxRow = Math.max(...positions.map((item) => item.position.row));
+  const minCol = Math.min(...positions.map((item) => item.position.col));
+  const maxCol = Math.max(...positions.map((item) => item.position.col));
+  for (const { cell, position } of positions) {
+    if (position.row < minRow || position.col < minCol) return null;
+    if (position.row + Math.max(1, cell.rowSpan || 1) - 1 > maxRow) return null;
+    if (position.col + Math.max(1, cell.colSpan || 1) - 1 > maxCol) return null;
+  }
+  const selected = new Set(cells);
+  for (let row = minRow; row <= maxRow; row++) {
+    for (let col = minCol; col <= maxCol; col++) {
+      const cell = matrix[row]?.[col];
+      if (!cell || !selected.has(cell)) return null;
+    }
+  }
+  const anchor = matrix[minRow]?.[minCol];
+  if (!anchor) return null;
+  const tag = cells.every((cell) => cell.tagName.toLowerCase() === "th") ? "th" : "td";
+  const merged = document.createElement(tag);
+  copyCellAttributes(anchor, merged);
+  if (tag === "td") merged.removeAttribute("scope");
+  merged.colSpan = maxCol - minCol + 1;
+  merged.rowSpan = maxRow - minRow + 1;
+  if (merged.colSpan === 1) merged.removeAttribute("colspan");
+  if (merged.rowSpan === 1) merged.removeAttribute("rowspan");
+  for (const cell of cells) {
+    while (cell.firstChild) merged.appendChild(cell.firstChild);
+  }
+  anchor.replaceWith(merged);
+  for (const cell of cells) {
+    if (cell !== anchor && cell.parentNode) cell.remove();
+  }
+  return merged;
+}
+function insertCellAtColumn(table, row, col, cell) {
+  const rowIndex = Array.from(table.rows).indexOf(row);
+  const { matrix } = tableMatrix(table);
+  let before = null;
+  for (const existing of Array.from(row.cells)) {
+    let start = -1;
+    for (let c = 0; c < (matrix[rowIndex]?.length ?? 0); c++) {
+      if (matrix[rowIndex][c] === existing) {
+        start = c;
+        break;
+      }
+    }
+    if (start >= col) {
+      before = existing;
+      break;
+    }
+  }
+  row.insertBefore(cell, before);
+}
+function splitCell(table, cell) {
+  const colspan = Math.max(1, cell.colSpan || 1);
+  const rowspan = Math.max(1, cell.rowSpan || 1);
+  if (colspan === 1 && rowspan === 1) return [];
+  const position = cellPosition(table, cell);
+  if (!position) return [];
+  const rows = Array.from(table.rows);
+  const makeCell = () => {
+    const next = document.createElement(cell.tagName.toLowerCase());
+    if (next.tagName.toLowerCase() === "th") {
+      next.setAttribute("scope", cell.getAttribute("scope") ?? "col");
+    }
+    next.innerHTML = "<p><br></p>";
+    return next;
+  };
+  const created = [];
+  let last = cell;
+  for (let index = 1; index < colspan; index++) {
+    const next = makeCell();
+    last.after(next);
+    last = next;
+    created.push(next);
+  }
+  cell.removeAttribute("colspan");
+  cell.removeAttribute("rowspan");
+  for (let index = 1; index < rowspan; index++) {
+    const row = rows[position.row + index];
+    if (!row) break;
+    for (let offset = 0; offset < colspan; offset++) {
+      const next = makeCell();
+      insertCellAtColumn(table, row, position.col + offset, next);
+      created.push(next);
+    }
+  }
+  return created;
+}
+const MAX_PASTE_BYTES = 1024 * 1024;
+const MAX_IMAGE_BYTES = 8 * 1024 * 1024;
+const LARGE_DOC_CHARS = 2e4;
+const EMIT_DEBOUNCE_MS = 140;
+const HISTORY_LIMIT = 50;
+const QUICK_SVG = {
+  left: '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M4 10h10M4 14h16M4 18h10"/></svg>',
+  center: '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M7 10h10M4 14h16M7 18h10"/></svg>',
+  right: '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M10 10h10M4 14h16M10 18h10"/></svg>',
+  delete: '<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18M8 6V4h8v2M6 6l1 15h10l1-15M10 10v7M14 10v7"/></svg>'
+};
+const _FxEditor = class _FxEditor extends FxFormElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _FxEditor_instances);
+    __privateAdd(this, _built, false);
+    __privateAdd(this, _eventsBound, false);
+    __privateAdd(this, _initialized, false);
+    __privateAdd(this, _defaultValue, "");
+    __privateAdd(this, _value, "");
+    __privateAdd(this, _dirty, false);
+    __privateAdd(this, _sourceMode, false);
+    __privateAdd(this, _lastRange, null);
+    __privateAdd(this, _rafId, 0);
+    __privateAdd(this, _emitTimer, null);
+    __privateAdd(this, _lastLimitError, 0);
+    __privateAdd(this, _snapshotTimer, null);
+    __privateAdd(this, _history, []);
+    __privateAdd(this, _historyIndex, -1);
+    __privateAdd(this, _imagePicker, null);
+    __privateAdd(this, _mediaFigure, null);
+    __privateAdd(this, _linkAnchor, null);
+    __privateAdd(this, _resizeDispose, null);
+    __privateAdd(this, _dialogReturnFocus, null);
+    __privateAdd(this, _dialogResolve, null);
+    __privateAdd(this, _disposers, []);
+    __privateAdd(this, _selectionRaf, 0);
+    __privateAdd(this, _bodyOverflow, "");
+  }
+  static get observedAttributes() {
+    return [
+      "toolbar",
+      "features",
+      "placeholder",
+      "readonly",
+      "disabled",
+      "required",
+      "full",
+      "error",
+      "invalid",
+      "success",
+      "valid",
+      "show-count",
+      "paste-mode",
+      "min-height",
+      "max-height",
+      "fullscreen",
+      "maxlength"
+    ];
+  }
+  get editor() {
+    return this.root.querySelector(".content");
+  }
+  get source() {
+    return this.root.querySelector(".source");
+  }
+  get toolbarEl() {
+    return this.root.querySelector(".toolbar");
+  }
+  get value() {
+    if (__privateGet(this, _sourceMode) && this.source) return __privateMethod(this, _FxEditor_instances, serialize_fn).call(this);
+    if (__privateGet(this, _dirty)) __privateSet(this, _value, __privateMethod(this, _FxEditor_instances, serialize_fn).call(this));
+    return __privateGet(this, _value);
+  }
+  set value(next) {
+    const clean = __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, next ?? "");
+    __privateSet(this, _value, clean);
+    __privateSet(this, _dirty, false);
+    if (!__privateGet(this, _defaultValue)) __privateSet(this, _defaultValue, clean);
+    __privateMethod(this, _FxEditor_instances, applyValue_fn).call(this, clean);
+    this.updateFormValue();
+  }
+  get html() {
+    return this.value;
+  }
+  set html(next) {
+    this.value = next;
+  }
+  get text() {
+    return (this.editor?.textContent ?? "").replace(/\u200b/g, "").trim();
+  }
+  get defaultValue() {
+    return __privateGet(this, _defaultValue);
+  }
+  set defaultValue(next) {
+    __privateSet(this, _defaultValue, __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, next ?? ""));
+    if (!__privateGet(this, _dirty)) this.value = __privateGet(this, _defaultValue);
+  }
+  get disabled() {
+    return this.hasAttr("disabled");
+  }
+  set disabled(value) {
+    this.toggleAttr("disabled", Boolean(value));
+  }
+  get readonly() {
+    return this.hasAttr("readonly");
+  }
+  set readonly(value) {
+    this.toggleAttr("readonly", Boolean(value));
+  }
+  get required() {
+    return this.hasAttr("required");
+  }
+  set required(value) {
+    this.toggleAttr("required", Boolean(value));
+  }
+  get placeholder() {
+    return this.getAttr("placeholder");
+  }
+  set placeholder(value) {
+    this.setAttribute("placeholder", value);
+  }
+  get toolbar() {
+    const value = this.getAttr("toolbar", "standard");
+    return ["minimal", "basic", "standard", "full", "none"].includes(value) ? value : "standard";
+  }
+  set toolbar(value) {
+    this.setAttribute("toolbar", value);
+  }
+  get pasteMode() {
+    return this.getAttr("paste-mode", "clean") === "plain" ? "plain" : "clean";
+  }
+  set pasteMode(value) {
+    this.setAttribute("paste-mode", value);
+  }
+  get fullscreen() {
+    return this.hasAttr("fullscreen");
+  }
+  set fullscreen(value) {
+    this.toggleAttr("fullscreen", Boolean(value));
+  }
+  /** Limite de caracteres de texto (0 desativa). Padrão: 30.000. */
+  get maxlength() {
+    const value = Number.parseInt(this.getAttr("maxlength", "30000"), 10);
+    return Number.isFinite(value) && value > 0 ? value : 0;
+  }
+  set maxlength(value) {
+    if (Number.isFinite(value) && value >= 0) this.setAttribute("maxlength", String(Math.floor(value)));
+    else this.removeAttribute("maxlength");
+  }
+  connectedCallback() {
+    loadFenixIconsFont();
+    super.connectedCallback();
+    if (this.fullscreen) __privateMethod(this, _FxEditor_instances, syncBodyOverflow_fn).call(this);
+    if (!__privateGet(this, _initialized)) {
+      __privateSet(this, _initialized, true);
+      const initial = __privateGet(this, _value) || this.getAttr("value") || this.innerHTML;
+      this.replaceChildren();
+      __privateSet(this, _defaultValue, __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, initial));
+      __privateSet(this, _value, __privateGet(this, _defaultValue));
+      __privateMethod(this, _FxEditor_instances, applyValue_fn).call(this, __privateGet(this, _defaultValue));
+      this.updateFormValue();
+      __privateMethod(this, _FxEditor_instances, pushHistory_fn).call(this, __privateGet(this, _value));
+      this.dispatchEvent(new CustomEvent("ready", { bubbles: true, composed: true }));
+    } else if (__privateGet(this, _built) && !__privateGet(this, _eventsBound)) {
+      __privateMethod(this, _FxEditor_instances, bindEvents_fn).call(this);
+      __privateSet(this, _eventsBound, true);
+    }
+    __privateMethod(this, _FxEditor_instances, bindGlobalSelection_fn).call(this);
+  }
+  disconnectedCallback() {
+    for (const dispose of __privateGet(this, _disposers)) dispose();
+    __privateSet(this, _disposers, []);
+    __privateSet(this, _eventsBound, false);
+    cancelAnimationFrame(__privateGet(this, _rafId));
+    cancelAnimationFrame(__privateGet(this, _selectionRaf));
+    if (__privateGet(this, _emitTimer)) clearTimeout(__privateGet(this, _emitTimer));
+    if (__privateGet(this, _snapshotTimer)) clearTimeout(__privateGet(this, _snapshotTimer));
+    __privateMethod(this, _FxEditor_instances, endResize_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+    if (this.hasAttr("fullscreen")) document.body.style.overflow = __privateGet(this, _bodyOverflow);
+    __privateMethod(this, _FxEditor_instances, releaseDialog_fn).call(this, null);
+    super.disconnectedCallback();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (oldValue === newValue || !__privateGet(this, _built)) return;
+    if (name === "toolbar" || name === "features") __privateMethod(this, _FxEditor_instances, renderToolbar_fn).call(this);
+    if (name === "fullscreen") __privateMethod(this, _FxEditor_instances, syncBodyOverflow_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, syncChrome_fn).call(this);
+  }
+  formResetCallback() {
+    __privateSet(this, _dirty, false);
+    this.value = __privateGet(this, _defaultValue);
+  }
+  getFormValue() {
+    return this.hasAttr("disabled") ? null : this.value;
+  }
+  render() {
+    if (__privateGet(this, _built)) return;
+    this.setTemplate(`
+      <div class="editor" part="editor">
+        <div class="toolbar" part="toolbar" role="toolbar" aria-label="Formatação" aria-orientation="horizontal"></div>
+        <div class="body">
+          <div class="content" part="content" contenteditable="true" role="textbox"
+               aria-multiline="true" spellcheck="true"></div>
+          <textarea class="source" part="source" spellcheck="false" hidden aria-label="HTML do conteúdo"></textarea>
+          <div class="media-overlay" part="media-overlay" hidden>
+            <span class="media-handle nw" data-handle="nw"></span>
+            <span class="media-handle ne" data-handle="ne"></span>
+            <span class="media-handle sw" data-handle="sw"></span>
+            <span class="media-handle se" data-handle="se"></span>
+            <span class="media-size"></span>
+            <button type="button" class="media-delete" data-media-action="delete" aria-label="Excluir mídia" title="Excluir mídia">${fenixIconHtml("delete")}</button>
+          </div>
+          <div class="link-overlay" part="link-overlay" hidden>
+            <button type="button" data-link-action="open">Abrir</button>
+            <button type="button" data-link-action="edit">Editar</button>
+            <button type="button" data-link-action="remove">Remover</button>
+          </div>
+        </div>
+        <div class="statusbar" part="statusbar">
+          <span class="count"></span>
+          <span class="source-actions" hidden>
+            <button type="button" class="btn source-apply">Aplicar</button>
+            <button type="button" class="btn source-cancel">Cancelar</button>
+          </span>
+          <slot name="footer"></slot>
+        </div>
+        <input type="file" class="image-picker" accept="image/*" hidden>
+        <div class="backdrop" part="dialog" hidden>
+          <div class="dialog" role="dialog" aria-modal="true" aria-labelledby="fx-editor-dialog-title">
+            <header>
+              <h3 id="fx-editor-dialog-title"></h3>
+              <button type="button" class="dialog-close" aria-label="Fechar">×</button>
+            </header>
+            <div class="dialog-body"></div>
+            <footer>
+              <button type="button" class="btn dialog-cancel">Cancelar</button>
+              <button type="button" class="btn dialog-ok">Aplicar</button>
+            </footer>
+          </div>
+        </div>
+      </div>
+    `);
+    __privateSet(this, _built, true);
+    __privateSet(this, _imagePicker, this.root.querySelector(".image-picker"));
+    __privateMethod(this, _FxEditor_instances, bindEvents_fn).call(this);
+    __privateSet(this, _eventsBound, true);
+    __privateMethod(this, _FxEditor_instances, renderToolbar_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, syncChrome_fn).call(this);
+  }
+  /* ---------------------------------------------------------------------
+   * API pública
+   * ------------------------------------------------------------------ */
+  focus(options) {
+    this.editor?.focus(options ?? { preventScroll: true });
+  }
+  blur() {
+    this.editor?.blur();
+  }
+  execute(command, value) {
+    if (value !== void 0) {
+      __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+      nativeExec("styleWithCSS", "true");
+      nativeExec(command, value);
+      __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+      return;
+    }
+    __privateMethod(this, _FxEditor_instances, execCommand_fn).call(this, command);
+  }
+  insertHTML(html) {
+    const clean = __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, html);
+    const probe = document.createElement("div");
+    probe.innerHTML = clean;
+    const extra = probe.textContent?.length ?? 0;
+    if (!__privateMethod(this, _FxEditor_instances, fits_fn).call(this, extra)) {
+      __privateMethod(this, _FxEditor_instances, limitError_fn).call(this);
+      return;
+    }
+    __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+    insertHtml(this.editor, clean);
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+  }
+  /** Mescla as células tocadas pela seleção. */
+  mergeCells() {
+    const table = __privateMethod(this, _FxEditor_instances, currentTable_fn).call(this);
+    const editor = this.editor;
+    const range2 = editor ? getRange(editor, __privateGet(this, _lastRange)) : null;
+    if (!table || !range2) return false;
+    const merged = mergeSelectedCells(table, range2);
+    if (!merged) return false;
+    placeCaretAtEnd(merged);
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+    return true;
+  }
+  /** Divide a célula mesclada atual. */
+  splitCell() {
+    const table = __privateMethod(this, _FxEditor_instances, currentTable_fn).call(this);
+    const editor = this.editor;
+    const range2 = editor ? getRange(editor, __privateGet(this, _lastRange)) : null;
+    const cell = editor ? closestInEditor(editor, range2?.startContainer ?? null, "td,th") : null;
+    if (!table || !cell) return false;
+    const created = splitCell(table, cell);
+    if (!created.length) return false;
+    placeCaretAtEnd(cell);
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+    return true;
+  }
+  getHtml() {
+    return this.value;
+  }
+  setHtml(html) {
+    this.value = html;
+  }
+  getText() {
+    return this.text;
+  }
+  clear() {
+    this.value = "";
+    __privateSet(this, _dirty, false);
+    __privateMethod(this, _FxEditor_instances, applyValue_fn).call(this, "");
+    this.updateFormValue();
+    __privateMethod(this, _FxEditor_instances, emitChange_fn).call(this);
+    this.focus();
+  }
+  undo() {
+    this.execute("undo");
+  }
+  redo() {
+    this.execute("redo");
+  }
+  saveSelection() {
+    if (this.editor) __privateSet(this, _lastRange, saveRange(this.editor) ?? __privateGet(this, _lastRange));
+  }
+  restoreSelection() {
+    __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+  }
+  openDialog(kind) {
+    if (kind === "link") void __privateMethod(this, _FxEditor_instances, openLinkDialog_fn).call(this);
+    else if (kind === "image") void __privateMethod(this, _FxEditor_instances, openImageDialog_fn).call(this);
+    else void __privateMethod(this, _FxEditor_instances, openVideoDialog_fn).call(this);
+  }
+  toggleSource() {
+    __privateMethod(this, _FxEditor_instances, toggleSource_fn).call(this);
+  }
+  toggleFullscreen() {
+    this.fullscreen = !this.fullscreen;
+  }
+};
+_built = new WeakMap();
+_eventsBound = new WeakMap();
+_initialized = new WeakMap();
+_defaultValue = new WeakMap();
+_value = new WeakMap();
+_dirty = new WeakMap();
+_sourceMode = new WeakMap();
+_lastRange = new WeakMap();
+_rafId = new WeakMap();
+_emitTimer = new WeakMap();
+_lastLimitError = new WeakMap();
+_snapshotTimer = new WeakMap();
+_history = new WeakMap();
+_historyIndex = new WeakMap();
+_imagePicker = new WeakMap();
+_mediaFigure = new WeakMap();
+_linkAnchor = new WeakMap();
+_resizeDispose = new WeakMap();
+_dialogReturnFocus = new WeakMap();
+_dialogResolve = new WeakMap();
+_disposers = new WeakMap();
+_selectionRaf = new WeakMap();
+_bodyOverflow = new WeakMap();
+_FxEditor_instances = new WeakSet();
+on_fn = function(target, type, handler, options) {
+  target.addEventListener(type, handler, options);
+  __privateGet(this, _disposers).push(() => target.removeEventListener(type, handler, options));
+};
+bindEvents_fn = function() {
+  const editor = this.editor;
+  const toolbar = this.toolbarEl;
+  if (!editor || !toolbar) return;
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, toolbar, "mousedown", (event) => {
+    const target = event.target;
+    __privateSet(this, _lastRange, saveRange(editor) ?? __privateGet(this, _lastRange));
+    __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+    if (target.closest("button")) event.preventDefault();
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, toolbar, "click", (event) => {
+    const target = event.target.closest("[data-cmd],[data-action]");
+    if (!target || target.disabled) return;
+    const cmd = target.dataset.cmd;
+    const action = target.dataset.action;
+    if (cmd) __privateMethod(this, _FxEditor_instances, execCommand_fn).call(this, cmd);
+    else if (action) __privateMethod(this, _FxEditor_instances, action_fn).call(this, action);
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, toolbar, "change", (event) => {
+    const select = event.target.closest("[data-block]");
+    if (!select) return;
+    __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+    formatBlock(editor, select.value || "p");
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, toolbar, "input", (event) => {
+    const input = event.target.closest("[data-color]");
+    if (!input) return;
+    __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+    nativeExec("styleWithCSS", "true");
+    nativeExec(input.dataset.color ?? "foreColor", input.value);
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, toolbar, "keydown", (event) => __privateMethod(this, _FxEditor_instances, handleToolbarKeydown_fn).call(this, event));
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, toolbar, "focusin", (event) => {
+    const button = event.target.closest(".tb-btn");
+    if (button) __privateMethod(this, _FxEditor_instances, moveToolbarTabStop_fn).call(this, button);
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "input", (event) => {
+    event.stopPropagation();
+    __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+    __privateSet(this, _dirty, true);
+    __privateMethod(this, _FxEditor_instances, updateEmpty_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, scheduleEmit_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, scheduleSnapshot_fn).call(this);
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "focus", () => {
+    this.dispatchEvent(new CustomEvent("focus", { bubbles: true, composed: true }));
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "blur", () => {
+    __privateSet(this, _lastRange, saveRange(editor) ?? __privateGet(this, _lastRange));
+    __privateMethod(this, _FxEditor_instances, emitNow_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, emitChange_fn).call(this);
+    this.dispatchEvent(new CustomEvent("blur", { bubbles: true, composed: true }));
+  });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "keydown", (event) => __privateMethod(this, _FxEditor_instances, handleKeydown_fn).call(this, event));
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "beforeinput", (event) => __privateMethod(this, _FxEditor_instances, handleBeforeInput_fn).call(this, event));
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "paste", (event) => __privateMethod(this, _FxEditor_instances, handlePaste_fn).call(this, event));
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "dragover", (event) => event.preventDefault());
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "drop", (event) => __privateMethod(this, _FxEditor_instances, handleDrop_fn).call(this, event));
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "dblclick", (event) => __privateMethod(this, _FxEditor_instances, handleDoubleClick_fn).call(this, event));
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "click", (event) => __privateMethod(this, _FxEditor_instances, handleEditorClick_fn).call(this, event));
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, editor, "scroll", () => {
+    __privateMethod(this, _FxEditor_instances, positionMediaOverlay_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, positionLinkOverlay_fn).call(this);
+  }, { passive: true });
+  __privateMethod(this, _FxEditor_instances, on_fn).call(this, window, "resize", () => {
+    __privateMethod(this, _FxEditor_instances, positionMediaOverlay_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, positionLinkOverlay_fn).call(this);
+  });
+  const overlay = this.root.querySelector(".media-overlay");
+  if (overlay) {
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, overlay, "pointerdown", (event) => __privateMethod(this, _FxEditor_instances, startResize_fn).call(this, event));
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, overlay, "click", (event) => {
+      const action = event.target.closest("[data-media-action]");
+      if (action?.dataset.mediaAction === "delete") __privateMethod(this, _FxEditor_instances, deleteMediaFigure_fn).call(this);
+    });
+  }
+  const linkOverlay = this.root.querySelector(".link-overlay");
+  if (linkOverlay) {
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, linkOverlay, "click", (event) => __privateMethod(this, _FxEditor_instances, handleLinkOverlayClick_fn).call(this, event));
+  }
+  if (this.source) {
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, this.source, "input", () => {
+      __privateSet(this, _dirty, true);
+      __privateMethod(this, _FxEditor_instances, scheduleEmit_fn).call(this);
+    });
+  }
+  if (__privateGet(this, _imagePicker)) {
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, __privateGet(this, _imagePicker), "change", () => {
+      const file = __privateGet(this, _imagePicker)?.files?.[0];
+      if (file) void __privateMethod(this, _FxEditor_instances, handleImageFile_fn).call(this, file);
+      if (__privateGet(this, _imagePicker)) __privateGet(this, _imagePicker).value = "";
+    });
+  }
+  const backdrop = this.root.querySelector(".backdrop");
+  if (backdrop) {
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, backdrop, "click", (event) => {
+      if (event.target === backdrop) __privateMethod(this, _FxEditor_instances, releaseDialog_fn).call(this, null);
+    });
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, backdrop, "keydown", (event) => __privateMethod(this, _FxEditor_instances, trapDialogFocus_fn).call(this, event));
+  }
+  const dialogBody = this.root.querySelector(".dialog-body");
+  if (dialogBody) {
+    __privateMethod(this, _FxEditor_instances, on_fn).call(this, dialogBody, "keydown", (event) => {
+      const target = event.target;
+      if (event.key === "Enter" && target.tagName !== "BUTTON") {
+        event.preventDefault();
+        __privateMethod(this, _FxEditor_instances, submitDialog_fn).call(this);
+      }
+    });
+  }
+  for (const selector of [".dialog-close", ".dialog-cancel"]) {
+    const btn = this.root.querySelector(selector);
+    if (btn) __privateMethod(this, _FxEditor_instances, on_fn).call(this, btn, "click", () => __privateMethod(this, _FxEditor_instances, releaseDialog_fn).call(this, null));
+  }
+  const ok = this.root.querySelector(".dialog-ok");
+  if (ok) __privateMethod(this, _FxEditor_instances, on_fn).call(this, ok, "click", () => __privateMethod(this, _FxEditor_instances, submitDialog_fn).call(this));
+  const applySource = this.root.querySelector(".source-apply");
+  if (applySource) __privateMethod(this, _FxEditor_instances, on_fn).call(this, applySource, "click", () => __privateMethod(this, _FxEditor_instances, applySource_fn).call(this));
+  const cancelSource = this.root.querySelector(".source-cancel");
+  if (cancelSource) __privateMethod(this, _FxEditor_instances, on_fn).call(this, cancelSource, "click", () => __privateMethod(this, _FxEditor_instances, cancelSource_fn).call(this));
+};
+syncChrome_fn = function() {
+  const editor = this.editor;
+  if (!editor) return;
+  const locked = this.disabled || this.readonly;
+  editor.setAttribute("contenteditable", locked ? "false" : "true");
+  editor.setAttribute("aria-readonly", String(this.readonly));
+  editor.setAttribute("aria-disabled", String(this.disabled));
+  if (this.placeholder) editor.setAttribute("data-placeholder", this.placeholder);
+  else editor.removeAttribute("data-placeholder");
+  const toolbar = this.toolbarEl;
+  toolbar?.toggleAttribute("hidden", this.toolbar === "none" || this.readonly);
+  for (const control of Array.from(this.root.querySelectorAll(
+    ".tb-btn, .tb-select, .tb-color input"
+  ))) {
+    const isSourceToggle = control.closest('[data-action="source"]') !== null;
+    const isFullscreenToggle = control.closest('[data-action="fullscreen"]') !== null;
+    control.disabled = this.readonly || this.disabled || __privateGet(this, _sourceMode) && !isSourceToggle && !isFullscreenToggle;
+  }
+  __privateMethod(this, _FxEditor_instances, applyCssVars_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, updateEmpty_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, updateCount_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, validate_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, updateSourceUi_fn).call(this);
+  const fullscreenButton = this.root.querySelector('[data-action="fullscreen"]');
+  fullscreenButton?.classList.toggle("active", this.fullscreen);
+  fullscreenButton?.setAttribute("aria-pressed", String(this.fullscreen));
+  if (locked || __privateGet(this, _sourceMode)) __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+};
+applyCssVars_fn = function() {
+  const min = this.getAttr("min-height");
+  const max = this.getAttr("max-height");
+  if (min) this.style.setProperty("--fx-editor-min-height", min);
+  else this.style.removeProperty("--fx-editor-min-height");
+  if (max) this.style.setProperty("--fx-editor-max-height", max);
+  else this.style.removeProperty("--fx-editor-max-height");
+};
+updateEmpty_fn = function() {
+  const editor = this.editor;
+  if (!editor) return;
+  const empty = !editor.textContent?.trim() && !editor.querySelector("img,video,iframe,table,hr");
+  editor.classList.toggle("is-empty", empty);
+};
+updateCount_fn = function() {
+  const count = this.root.querySelector(".count");
+  if (!count) return;
+  const statusbar = this.root.querySelector(".statusbar");
+  const hasFooter = this.querySelector('[slot="footer"]') !== null;
+  if (statusbar) statusbar.hidden = !__privateGet(this, _sourceMode) && !this.hasAttr("show-count") && !hasFooter;
+  if (!this.hasAttr("show-count")) {
+    count.textContent = "";
+    return;
+  }
+  const text = this.text;
+  const words = text ? text.split(/\s+/).filter(Boolean).length : 0;
+  count.textContent = `${words} palavra${words === 1 ? "" : "s"} · ${text.length} caractere${text.length === 1 ? "" : "s"}`;
+};
+fits_fn = function(extra) {
+  const max = this.maxlength;
+  if (!max) return true;
+  const editor = this.editor;
+  const range2 = editor ? getRange(editor, __privateGet(this, _lastRange)) : null;
+  const selected = range2 && !range2.collapsed ? range2.toString().length : 0;
+  return this.text.length - selected + extra <= max;
+};
+limitError_fn = function() {
+  const now = Date.now();
+  if (now - __privateGet(this, _lastLimitError) < 1200) return;
+  __privateSet(this, _lastLimitError, now);
+  __privateMethod(this, _FxEditor_instances, error_fn).call(this, `Limite de ${this.maxlength.toLocaleString("pt-BR")} caracteres atingido.`);
+};
+validate_fn = function() {
+  if (!this.internals || typeof this.internals.setValidity !== "function") return;
+  try {
+    if (this.required && !this.text) {
+      this.internals.setValidity(
+        { valueMissing: true },
+        "Preencha este campo.",
+        this.editor ?? void 0
+      );
+    } else {
+      this.internals.setValidity({});
+    }
+  } catch {
+  }
+};
+/** Sanitiza + normaliza em uma única parseada do HTML. */
+cleanHtml_fn = function(html, forEditor = false) {
+  const body = sanitizeBody(html);
+  if (!body) return forEditor ? "<p><br></p>" : "";
+  return normalizeElement(body, { forEditor });
+};
+serialize_fn = function() {
+  if (__privateGet(this, _sourceMode) && this.source) {
+    return __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, this.source.value);
+  }
+  const editor = this.editor;
+  if (!editor) return "";
+  if (!editor.textContent?.trim() && !editor.querySelector("img,video,iframe,table,hr")) return "";
+  let clean = __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, editor.innerHTML);
+  if (this.sanitizeHtml) {
+    clean = __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, this.sanitizeHtml(clean));
+  }
+  return clean;
+};
+applyValue_fn = function(html) {
+  const editor = this.editor;
+  if (!editor) return;
+  __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+  const normalized = __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, html, true);
+  if (editor.innerHTML !== normalized) editor.innerHTML = normalized;
+  __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, decorateMediaFigures_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, updateEmpty_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, updateCount_fn).call(this);
+};
+scheduleEmit_fn = function() {
+  cancelAnimationFrame(__privateGet(this, _rafId));
+  if (__privateGet(this, _emitTimer)) {
+    clearTimeout(__privateGet(this, _emitTimer));
+    __privateSet(this, _emitTimer, null);
+  }
+  const size = this.editor?.textContent?.length ?? 0;
+  if (size < LARGE_DOC_CHARS) {
+    __privateSet(this, _rafId, requestAnimationFrame(() => __privateMethod(this, _FxEditor_instances, emitNow_fn).call(this)));
+    return;
+  }
+  __privateSet(this, _emitTimer, setTimeout(() => {
+    __privateSet(this, _emitTimer, null);
+    __privateMethod(this, _FxEditor_instances, emitNow_fn).call(this);
+  }, EMIT_DEBOUNCE_MS));
+};
+emitNow_fn = function() {
+  cancelAnimationFrame(__privateGet(this, _rafId));
+  if (__privateGet(this, _emitTimer)) {
+    clearTimeout(__privateGet(this, _emitTimer));
+    __privateSet(this, _emitTimer, null);
+  }
+  const value = __privateMethod(this, _FxEditor_instances, serialize_fn).call(this);
+  __privateSet(this, _value, value);
+  __privateSet(this, _dirty, false);
+  const detail = { value, html: value, text: this.text };
+  for (const type of ["input", "valueChange"]) {
+    this.dispatchEvent(new CustomEvent(type, { bubbles: true, composed: true, detail }));
+  }
+  __privateMethod(this, _FxEditor_instances, updateCount_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, validate_fn).call(this);
+};
+emitChange_fn = function() {
+  const value = this.value;
+  const detail = { value, html: value, text: this.text };
+  this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true, detail }));
+};
+pushHistory_fn = function(html) {
+  if (__privateGet(this, _history)[__privateGet(this, _historyIndex)] === html) return;
+  __privateSet(this, _history, __privateGet(this, _history).slice(0, __privateGet(this, _historyIndex) + 1));
+  __privateGet(this, _history).push(html);
+  if (__privateGet(this, _history).length > HISTORY_LIMIT) __privateGet(this, _history).shift();
+  __privateSet(this, _historyIndex, __privateGet(this, _history).length - 1);
+};
+scheduleSnapshot_fn = function() {
+  if (__privateGet(this, _snapshotTimer)) clearTimeout(__privateGet(this, _snapshotTimer));
+  __privateSet(this, _snapshotTimer, setTimeout(() => {
+    __privateMethod(this, _FxEditor_instances, pushHistory_fn).call(this, __privateGet(this, _dirty) ? __privateMethod(this, _FxEditor_instances, serialize_fn).call(this) : __privateGet(this, _value));
+  }, 600));
+};
+historyUndo_fn = function() {
+  if (__privateGet(this, _historyIndex) <= 0) return;
+  __privateWrapper(this, _historyIndex)._--;
+  __privateMethod(this, _FxEditor_instances, applyValue_fn).call(this, __privateGet(this, _history)[__privateGet(this, _historyIndex)]);
+  if (this.editor) placeCaretAtEnd(this.editor);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+historyRedo_fn = function() {
+  if (__privateGet(this, _historyIndex) >= __privateGet(this, _history).length - 1) return;
+  __privateWrapper(this, _historyIndex)._++;
+  __privateMethod(this, _FxEditor_instances, applyValue_fn).call(this, __privateGet(this, _history)[__privateGet(this, _historyIndex)]);
+  if (this.editor) placeCaretAtEnd(this.editor);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+bindGlobalSelection_fn = function() {
+  const handler = () => {
+    const editor = this.editor;
+    if (!editor) return;
+    const range2 = getRange(editor, __privateGet(this, _lastRange));
+    if (!range2) return;
+    __privateSet(this, _lastRange, range2.cloneRange());
+    cancelAnimationFrame(__privateGet(this, _selectionRaf));
+    __privateSet(this, _selectionRaf, requestAnimationFrame(() => __privateMethod(this, _FxEditor_instances, updateToolbar_fn).call(this)));
+  };
+  document.addEventListener("selectionchange", handler);
+  __privateGet(this, _disposers).push(() => document.removeEventListener("selectionchange", handler));
+};
+restoreSelection_fn = function() {
+  const editor = this.editor;
+  if (!editor) return;
+  if (__privateGet(this, _lastRange)) restoreRange(editor, __privateGet(this, _lastRange));
+  else editor.focus({ preventScroll: true });
+};
+syncBodyOverflow_fn = function() {
+  if (this.fullscreen) {
+    __privateSet(this, _bodyOverflow, document.body.style.overflow);
+    document.body.style.overflow = "hidden";
+  } else {
+    document.body.style.overflow = __privateGet(this, _bodyOverflow);
+  }
+};
+updateSourceUi_fn = function() {
+  const source = this.source;
+  const content = this.editor;
+  const actions = this.root.querySelector(".source-actions");
+  if (actions) actions.toggleAttribute("hidden", !__privateGet(this, _sourceMode));
+  if (source) source.hidden = !__privateGet(this, _sourceMode);
+  if (content) content.hidden = __privateGet(this, _sourceMode);
+  const toggle = this.root.querySelector('[data-action="source"]');
+  toggle?.classList.toggle("active", __privateGet(this, _sourceMode));
+  toggle?.setAttribute("aria-pressed", String(__privateGet(this, _sourceMode)));
+};
+releaseDialog_fn = function(result) {
+  const backdrop = this.root.querySelector(".backdrop");
+  backdrop?.setAttribute("hidden", "");
+  const resolve = __privateGet(this, _dialogResolve);
+  __privateSet(this, _dialogResolve, null);
+  const returnFocus = __privateGet(this, _dialogReturnFocus);
+  __privateSet(this, _dialogReturnFocus, null);
+  resolve?.(result);
+  if (returnFocus && returnFocus.isConnected) returnFocus.focus({ preventScroll: true });
+  else __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+};
+renderToolbar_fn = function() {
+  const toolbar = this.toolbarEl;
+  if (!toolbar) return;
+  const preset = this.toolbar;
+  if (preset === "none") {
+    toolbar.innerHTML = "";
+    toolbar.hidden = true;
+    return;
+  }
+  toolbar.hidden = false;
+  const features = new Set(
+    this.getAttr("features").split(",").map((item) => item.trim()).filter(Boolean)
+  );
+  const has = (feature) => features.size === 0 || features.has(feature);
+  const button = (cmd, icon, label, action = "") => `<button type="button" class="tb-btn" tabindex="-1" ${action ? `data-action="${action}"` : `data-cmd="${cmd}"`} title="${label}" aria-label="${label}" aria-pressed="false">${fenixIconHtml(icon)}</button>`;
+  const select = `<select class="tb-select" data-block aria-label="Formato do bloco">
+      <option value="p">Parágrafo</option>
+      <option value="h1">Título 1</option>
+      <option value="h2">Título 2</option>
+      <option value="h3">Título 3</option>
+      <option value="h4">Título 4</option>
+      <option value="blockquote">Citação</option>
+      <option value="pre">Código</option>
+    </select>`;
+  const history = button("undo", "undo", "Desfazer") + button("redo", "redo", "Refazer");
+  const inline = [
+    button("bold", "format_bold", "Negrito"),
+    button("italic", "format_italic", "Itálico"),
+    button("underline", "format_underlined", "Sublinhado"),
+    button("strikeThrough", "format_strikethrough", "Riscado"),
+    button("code", "code", "Código inline"),
+    button("removeFormat", "format_clear", "Limpar formatação")
+  ].join("");
+  const color = [
+    `<label class="tb-color" title="Cor do texto"><input type="color" data-color="foreColor" value="#111827" aria-label="Cor do texto"></label>`,
+    `<label class="tb-color" title="Realçar texto"><input type="color" data-color="hiliteColor" value="#fef08a" aria-label="Realçar texto"></label>`
+  ].join("");
+  const alignGroup = [
+    button("justifyLeft", "format_align_left", "Alinhar à esquerda"),
+    button("justifyCenter", "format_align_center", "Centralizar"),
+    button("justifyRight", "format_align_right", "Alinhar à direita"),
+    button("justifyFull", "format_align_justify", "Justificar")
+  ].join("");
+  const indentation = [
+    button("outdent", "format_indent_decrease", "Diminuir recuo", "outdent"),
+    button("indent", "format_indent_increase", "Aumentar recuo", "indent")
+  ].join("");
+  const lists = [
+    button("insertUnorderedList", "format_list_bulleted", "Lista com marcadores"),
+    button("insertOrderedList", "format_list_numbered", "Lista numerada")
+  ].join("");
+  const blocks = button("", "format_quote", "Citação", "blockquote") + button("", "code_blocks", "Bloco de código", "codeblock");
+  const insert = [];
+  if (has("link")) {
+    insert.push(button("", "link", "Link (Ctrl+K)", "link"));
+    insert.push(button("", "link_off", "Remover link", "unlink"));
+  }
+  if (preset !== "minimal") {
+    if (has("image")) insert.push(button("", "image", "Imagem", "image"));
+    if (has("video")) insert.push(button("", "videocam", "Vídeo", "video"));
+    if (has("table")) insert.push(button("", "table", "Tabela", "table"));
+    if (has("columns")) insert.push(button("", "view_column", "Colunas", "columns"));
+    insert.push(button("insertHorizontalRule", "horizontal_rule", "Linha horizontal"));
+  }
+  const tools = [];
+  if (preset === "standard" || preset === "full") {
+    if (has("source")) tools.push(button("", "code", "Ver HTML", "source"));
+    if (has("fullscreen")) tools.push(button("", "fullscreen", "Tela cheia", "fullscreen"));
+  }
+  const groups = [history, select + inline];
+  if (preset !== "minimal") groups.push(lists);
+  if (preset !== "minimal" && preset !== "basic") {
+    groups.push(color, alignGroup, indentation, blocks);
+  }
+  if (insert.length) groups.push(insert.join(""));
+  if (tools.length) groups.push(tools.join(""));
+  toolbar.innerHTML = groups.map((group) => `<div class="tb-group">${group}</div>`).join("") + `<div class="panel" data-panel hidden></div>`;
+  toolbar.querySelector(".tb-btn")?.setAttribute("tabindex", "0");
+};
+updateToolbar_fn = function() {
+  const editor = this.editor;
+  if (!editor) return;
+  const range2 = getRange(editor, __privateGet(this, _lastRange));
+  if (!range2) return;
+  const setActive = (cmd, active) => {
+    const button = this.root.querySelector(`[data-cmd="${cmd}"]`);
+    if (!button) return;
+    button.classList.toggle("active", active);
+    button.setAttribute("aria-pressed", String(active));
+  };
+  const ancestor = (selector) => {
+    const node = range2.startContainer;
+    const el = node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
+    const match = el?.closest(selector);
+    return Boolean(match && editor.contains(match));
+  };
+  setActive("bold", ancestor("strong,b"));
+  setActive("italic", ancestor("em,i"));
+  setActive("underline", ancestor("u"));
+  setActive("strikeThrough", ancestor("s,del,strike"));
+  setActive("code", ancestor("code"));
+  setActive("insertUnorderedList", ancestor("ul"));
+  setActive("insertOrderedList", ancestor("ol"));
+  const block = getBlock(editor, range2);
+  const blockTag = block?.tagName.toLowerCase() ?? "p";
+  const blockSelect = this.root.querySelector("[data-block]");
+  if (blockSelect) {
+    const value = Array.from(blockSelect.options).some((option) => option.value === blockTag) ? blockTag : "p";
+    blockSelect.value = value;
+  }
+  const alignment = block ? block.style.textAlign || "left" : "left";
+  setActive("justifyLeft", alignment === "left" || alignment === "start" || alignment === "");
+  setActive("justifyCenter", alignment === "center");
+  setActive("justifyRight", alignment === "right" || alignment === "end");
+  setActive("justifyFull", alignment === "justify");
+};
+handleToolbarKeydown_fn = function(event) {
+  const active = this.root.activeElement;
+  if (!active || !active.classList.contains("tb-btn")) return;
+  if (!["ArrowRight", "ArrowLeft", "Home", "End"].includes(event.key)) return;
+  const controls = Array.from(
+    this.toolbarEl?.querySelectorAll(
+      ".tb-btn:not(:disabled), .tb-select:not(:disabled), .tb-color input:not(:disabled)"
+    ) ?? []
+  );
+  if (!controls.length) return;
+  event.preventDefault();
+  let index = controls.indexOf(active);
+  if (event.key === "Home") index = 0;
+  else if (event.key === "End") index = controls.length - 1;
+  else index = (index + (event.key === "ArrowRight" ? 1 : -1) + controls.length) % controls.length;
+  const next = controls[index];
+  if (!next) return;
+  __privateMethod(this, _FxEditor_instances, moveToolbarTabStop_fn).call(this, next);
+  next.focus();
+};
+moveToolbarTabStop_fn = function(active) {
+  this.toolbarEl?.querySelectorAll(".tb-btn").forEach((button) => {
+    button.setAttribute("tabindex", button === active ? "0" : "-1");
+  });
+};
+trapDialogFocus_fn = function(event) {
+  if (!__privateGet(this, _dialogResolve) || event.key !== "Tab") return;
+  const dialog = this.root.querySelector(".dialog");
+  if (!dialog) return;
+  const focusables = Array.from(
+    dialog.querySelectorAll(
+      'button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])'
+    )
+  );
+  if (!focusables.length) return;
+  const first = focusables[0];
+  const last = focusables[focusables.length - 1];
+  const active = this.root.activeElement;
+  if (event.shiftKey && (active === first || !active || !dialog.contains(active))) {
+    event.preventDefault();
+    last.focus();
+  } else if (!event.shiftKey && (active === last || !active || !dialog.contains(active))) {
+    event.preventDefault();
+    first.focus();
+  }
+};
+execCommand_fn = function(cmd) {
+  const editor = this.editor;
+  if (!editor) return;
+  __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+  switch (cmd) {
+    case "undo":
+      if (!nativeExec("undo")) __privateMethod(this, _FxEditor_instances, historyUndo_fn).call(this);
+      break;
+    case "redo":
+      if (!nativeExec("redo")) __privateMethod(this, _FxEditor_instances, historyRedo_fn).call(this);
+      break;
+    case "bold":
+      toggleInline(editor, "strong");
+      break;
+    case "italic":
+      toggleInline(editor, "em");
+      break;
+    case "underline":
+      toggleInline(editor, "u");
+      break;
+    case "strikeThrough":
+      toggleInline(editor, "s");
+      break;
+    case "code":
+      toggleInline(editor, "code");
+      break;
+    case "justifyLeft":
+      align(editor, "left");
+      break;
+    case "justifyCenter":
+      align(editor, "center");
+      break;
+    case "justifyRight":
+      align(editor, "right");
+      break;
+    case "justifyFull":
+      align(editor, "justify");
+      break;
+    case "insertUnorderedList":
+      toggleList(editor, false);
+      break;
+    case "insertOrderedList":
+      toggleList(editor, true);
+      break;
+    case "removeFormat":
+      removeFormat(editor);
+      break;
+    case "insertHorizontalRule":
+      insertHtml(editor, "<hr><p><br></p>");
+      break;
+    case "foreColor":
+    case "hiliteColor":
+      nativeExec("styleWithCSS", "true");
+      nativeExec(cmd, this.root.querySelector(`[data-color="${cmd}"]`)?.value);
+      break;
+    default:
+      nativeExec(cmd);
+  }
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+afterCommand_fn = function() {
+  __privateSet(this, _dirty, true);
+  __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, decorateMediaFigures_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, updateEmpty_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, scheduleEmit_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, scheduleSnapshot_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, updateToolbar_fn).call(this);
+};
+action_fn = function(action) {
+  const editor = this.editor;
+  if (!editor) return;
+  switch (action) {
+    case "link":
+      void __privateMethod(this, _FxEditor_instances, openLinkDialog_fn).call(this);
+      break;
+    case "image":
+      void __privateMethod(this, _FxEditor_instances, openImageDialog_fn).call(this);
+      break;
+    case "video":
+      void __privateMethod(this, _FxEditor_instances, openVideoDialog_fn).call(this);
+      break;
+    case "table":
+      __privateMethod(this, _FxEditor_instances, showTablePanel_fn).call(this);
+      break;
+    case "columns":
+      __privateMethod(this, _FxEditor_instances, showColumnsPanel_fn).call(this);
+      break;
+    case "source":
+      __privateMethod(this, _FxEditor_instances, toggleSource_fn).call(this);
+      break;
+    case "fullscreen":
+      this.fullscreen = !this.fullscreen;
+      break;
+    case "blockquote":
+      __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+      formatBlock(editor, "blockquote");
+      __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+      break;
+    case "codeblock":
+      __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+      formatBlock(editor, "pre");
+      __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+      break;
+    case "indent":
+      __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+      indent(editor, 24);
+      __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+      break;
+    case "outdent":
+      __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+      indent(editor, -24);
+      __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+      break;
+    case "clear":
+      __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+      removeFormat(editor);
+      __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+      break;
+    case "unlink":
+      __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+      unlink(editor);
+      __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+      break;
+  }
+};
+handleKeydown_fn = function(event) {
+  if (event.isComposing) return;
+  const active = this.root.activeElement;
+  const overlay = this.root.querySelector(".media-overlay");
+  if (__privateGet(this, _mediaFigure) && (event.key === "Delete" || event.key === "Backspace") && (active === __privateGet(this, _mediaFigure) || __privateGet(this, _mediaFigure).contains(active) || Boolean(overlay && active && overlay.contains(active)))) {
+    event.preventDefault();
+    __privateMethod(this, _FxEditor_instances, deleteMediaFigure_fn).call(this);
+    return;
+  }
+  const mod = event.ctrlKey || event.metaKey;
+  const key2 = event.key.toLowerCase();
+  if (mod && !event.altKey) {
+    if (key2 === "b") {
+      event.preventDefault();
+      __privateMethod(this, _FxEditor_instances, execCommand_fn).call(this, "bold");
+      return;
+    }
+    if (key2 === "i") {
+      event.preventDefault();
+      __privateMethod(this, _FxEditor_instances, execCommand_fn).call(this, "italic");
+      return;
+    }
+    if (key2 === "u") {
+      event.preventDefault();
+      __privateMethod(this, _FxEditor_instances, execCommand_fn).call(this, "underline");
+      return;
+    }
+    if (key2 === "k") {
+      event.preventDefault();
+      void __privateMethod(this, _FxEditor_instances, openLinkDialog_fn).call(this);
+      return;
+    }
+    if (key2 === "z" && !event.shiftKey) {
+      event.preventDefault();
+      __privateMethod(this, _FxEditor_instances, execCommand_fn).call(this, "undo");
+      return;
+    }
+    if (key2 === "y" || key2 === "z" && event.shiftKey) {
+      event.preventDefault();
+      __privateMethod(this, _FxEditor_instances, execCommand_fn).call(this, "redo");
+      return;
+    }
+  }
+  if (event.key === "Escape") {
+    if (__privateGet(this, _dialogResolve)) __privateMethod(this, _FxEditor_instances, releaseDialog_fn).call(this, null);
+    else if (__privateGet(this, _sourceMode)) __privateMethod(this, _FxEditor_instances, cancelSource_fn).call(this);
+    else if (this.fullscreen) this.fullscreen = false;
+    else if (__privateGet(this, _linkAnchor)) __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+    else if (__privateGet(this, _mediaFigure)) __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+    else __privateMethod(this, _FxEditor_instances, hidePanel_fn).call(this);
+    return;
+  }
+  if (event.key === "Tab" && __privateMethod(this, _FxEditor_instances, tabInTable_fn).call(this, event.shiftKey)) {
+    event.preventDefault();
+  }
+};
+tabInTable_fn = function(backwards) {
+  const editor = this.editor;
+  if (!editor) return false;
+  const range2 = getRange(editor, __privateGet(this, _lastRange));
+  if (!range2) return false;
+  const cell = closestInEditor(editor, range2.startContainer, "td,th");
+  const table = cell?.closest("table");
+  if (!cell || !table) return false;
+  const cells = Array.from(table.querySelectorAll("td,th"));
+  let index = cells.indexOf(cell);
+  if (index < 0) return false;
+  if (backwards) {
+    index = Math.max(0, index - 1);
+  } else {
+    index++;
+    if (index >= cells.length) {
+      const row = cell.parentElement;
+      if (!row) return false;
+      const clone = row.cloneNode(true);
+      for (const cloned of Array.from(clone.querySelectorAll("td,th"))) {
+        cloned.innerHTML = "<p><br></p>";
+      }
+      row.after(clone);
+      cells.push(...Array.from(clone.querySelectorAll("td,th")));
+      index = cells.indexOf(clone.querySelector("td,th"));
+    }
+  }
+  const target = cells[index];
+  if (!target) return false;
+  const next = document.createRange();
+  next.selectNodeContents(target);
+  next.collapse(true);
+  const selection = document.getSelection();
+  selection?.removeAllRanges();
+  selection?.addRange(next);
+  return true;
+};
+handleBeforeInput_fn = function(event) {
+  if (this.disabled || this.readonly || !this.maxlength) return;
+  const type = event.inputType;
+  if (type === "insertFromPaste" || type === "insertFromDrop" || type.startsWith("history") || type.startsWith("format")) {
+    return;
+  }
+  const extra = event.data?.length ?? (type === "insertParagraph" || type === "insertLineBreak" ? 1 : 0);
+  if (!extra) return;
+  if (!__privateMethod(this, _FxEditor_instances, fits_fn).call(this, extra)) {
+    event.preventDefault();
+    __privateMethod(this, _FxEditor_instances, limitError_fn).call(this);
+  }
+};
+handlePaste_fn = function(event) {
+  const clipboard = event.clipboardData;
+  if (!clipboard) return;
+  const file = Array.from(clipboard.files ?? []).find((item) => item.type.startsWith("image/"));
+  if (file) {
+    event.preventDefault();
+    void __privateMethod(this, _FxEditor_instances, handleImageFile_fn).call(this, file);
+    return;
+  }
+  const html = clipboard.getData("text/html");
+  const text = clipboard.getData("text/plain");
+  if (html.length > MAX_PASTE_BYTES || text.length > MAX_PASTE_BYTES) return;
+  event.preventDefault();
+  if (!__privateMethod(this, _FxEditor_instances, fits_fn).call(this, text.length)) {
+    __privateMethod(this, _FxEditor_instances, limitError_fn).call(this);
+    return;
+  }
+  if (this.pasteMode === "plain" || !html) {
+    __privateMethod(this, _FxEditor_instances, insertPlainText_fn).call(this, text);
+    return;
+  }
+  const clean = __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, html);
+  if (!clean) {
+    __privateMethod(this, _FxEditor_instances, insertPlainText_fn).call(this, text);
+    return;
+  }
+  __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+  insertHtml(this.editor, clean);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+handleDrop_fn = function(event) {
+  const transfer = event.dataTransfer;
+  if (!transfer) return;
+  event.preventDefault();
+  const file = Array.from(transfer.files ?? []).find((item) => item.type.startsWith("image/"));
+  if (file) {
+    void __privateMethod(this, _FxEditor_instances, handleImageFile_fn).call(this, file);
+    return;
+  }
+  const html = transfer.getData("text/html");
+  const text = transfer.getData("text/plain");
+  if (!__privateMethod(this, _FxEditor_instances, fits_fn).call(this, text.length)) {
+    __privateMethod(this, _FxEditor_instances, limitError_fn).call(this);
+    return;
+  }
+  if (html) {
+    insertHtml(this.editor, __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, html));
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+  } else if (text) {
+    __privateMethod(this, _FxEditor_instances, insertPlainText_fn).call(this, text);
+  }
+};
+insertPlainText_fn = function(text) {
+  const paragraphs = text.replace(/\r\n/g, "\n").split(/\n{2,}/).map((block) => `<p>${escapeText(block).replace(/\n/g, "<br>")}</p>`).join("");
+  insertHtml(this.editor, paragraphs || "<p><br></p>");
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+toggleSource_fn = function() {
+  if (__privateGet(this, _sourceMode)) {
+    __privateMethod(this, _FxEditor_instances, applySource_fn).call(this);
+    return;
+  }
+  const source = this.source;
+  if (!source) return;
+  source.value = __privateMethod(this, _FxEditor_instances, serialize_fn).call(this);
+  __privateSet(this, _sourceMode, true);
+  __privateMethod(this, _FxEditor_instances, syncChrome_fn).call(this);
+  source.focus();
+};
+applySource_fn = function() {
+  const source = this.source;
+  if (!source) return;
+  const clean = __privateMethod(this, _FxEditor_instances, cleanHtml_fn).call(this, source.value);
+  __privateSet(this, _sourceMode, false);
+  __privateSet(this, _value, clean);
+  __privateSet(this, _dirty, false);
+  __privateMethod(this, _FxEditor_instances, applyValue_fn).call(this, clean);
+  __privateMethod(this, _FxEditor_instances, syncChrome_fn).call(this);
+  this.updateFormValue();
+  __privateMethod(this, _FxEditor_instances, emitChange_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+cancelSource_fn = function() {
+  __privateSet(this, _sourceMode, false);
+  __privateMethod(this, _FxEditor_instances, applyValue_fn).call(this, __privateGet(this, _value));
+  __privateMethod(this, _FxEditor_instances, syncChrome_fn).call(this);
+};
+openDialog_fn = function(title, fields) {
+  const backdrop = this.root.querySelector(".backdrop");
+  const titleEl = this.root.querySelector(".dialog h3");
+  const body = this.root.querySelector(".dialog-body");
+  if (!backdrop || !titleEl || !body) return Promise.resolve(null);
+  titleEl.textContent = title;
+  body.innerHTML = fields.map((field) => __privateMethod(this, _FxEditor_instances, fieldHtml_fn).call(this, field)).join("");
+  __privateSet(this, _dialogReturnFocus, this.root.activeElement ?? this.editor);
+  backdrop.removeAttribute("hidden");
+  const first = body.querySelector("input,select");
+  first?.focus();
+  return new Promise((resolve) => {
+    __privateSet(this, _dialogResolve, resolve);
+  });
+};
+fieldHtml_fn = function(field) {
+  const label = esc(field.label);
+  if (field.type === "select") {
+    const options = (field.options ?? []).map((option) => `<option value="${esc(option.value)}" ${option.value === field.value ? "selected" : ""}>${esc(option.label)}</option>`).join("");
+    return `<label class="field"><span>${label}</span><select data-field="${esc(field.name)}">${options}</select></label>`;
+  }
+  const type = field.type === "url" ? "url" : field.type === "number" ? "number" : "text";
+  return `<label class="field"><span>${label}</span><input data-field="${esc(field.name)}" type="${type}" value="${esc(field.value ?? "")}" placeholder="${esc(field.placeholder ?? "")}"></label>`;
+};
+submitDialog_fn = function() {
+  const body = this.root.querySelector(".dialog-body");
+  if (!body) return;
+  const result = {};
+  for (const field of Array.from(body.querySelectorAll("[data-field]"))) {
+    result[field.dataset.field ?? ""] = field.value.trim();
+  }
+  __privateMethod(this, _FxEditor_instances, releaseDialog_fn).call(this, result);
+};
+openLinkDialog_fn = async function(existing) {
+  __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+  const editor = this.editor;
+  if (!editor) return;
+  if (existing) __privateMethod(this, _FxEditor_instances, selectAnchor_fn).call(this, existing);
+  let range2 = getRange(editor, __privateGet(this, _lastRange));
+  if (!range2) {
+    placeCaretAtEnd(editor);
+    range2 = getRange(editor);
+    __privateSet(this, _lastRange, range2?.cloneRange() ?? null);
+  }
+  const anchor = existing ?? closestInEditor(editor, range2?.startContainer ?? null, "a");
+  const selected = range2 && !range2.collapsed ? range2.toString() : anchor?.textContent ?? "";
+  const result = await __privateMethod(this, _FxEditor_instances, openDialog_fn).call(this, "Link", [
+    { name: "url", label: "URL", type: "url", value: anchor?.getAttribute("href") ?? "", placeholder: "https://..." },
+    { name: "text", label: "Texto (quando não há seleção)", value: selected, placeholder: "Texto do link" },
+    {
+      name: "target",
+      label: "Abrir em",
+      type: "select",
+      value: anchor?.getAttribute("target") ?? "_blank",
+      options: [
+        { value: "_blank", label: "Nova aba" },
+        { value: "_self", label: "Mesma aba" }
+      ]
+    }
+  ]);
+  if (!result) return;
+  const href = sanitizeLinkUrl(result.url ?? "");
+  if (!href) {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "URL de link inválida.");
+    return;
+  }
+  const target = result.target === "_self" ? "_self" : "_blank";
+  const label = (result.text ?? "").trim() || (anchor ? void 0 : selected || href);
+  if (anchor) {
+    anchor.setAttribute("href", href);
+    anchor.setAttribute("target", target);
+    anchor.setAttribute("rel", "noopener noreferrer");
+    if (label) anchor.textContent = label;
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+    return;
+  }
+  __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+  applyLink(editor, href, label ?? (selected || href), target);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+openImageDialog_fn = async function(existing) {
+  __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+  const figure = existing?.closest("figure");
+  const caption = figure?.querySelector("figcaption")?.textContent ?? "";
+  const alignValue = figure?.getAttribute("data-align") ?? "center";
+  const widthValue = figure?.style.width?.replace("%", "") || "100";
+  const dialog = __privateMethod(this, _FxEditor_instances, openDialog_fn).call(this, existing ? "Editar imagem" : "Inserir imagem", [
+    { name: "src", label: "URL da imagem", type: "url", value: existing?.getAttribute("src") ?? "", placeholder: "https://..." },
+    { name: "alt", label: "Texto alternativo", value: existing?.getAttribute("alt") ?? "" },
+    { name: "caption", label: "Legenda", value: caption },
+    {
+      name: "width",
+      label: "Largura",
+      type: "select",
+      value: widthValue,
+      options: [
+        { value: "25", label: "25%" },
+        { value: "50", label: "50%" },
+        { value: "75", label: "75%" },
+        { value: "100", label: "100%" }
+      ]
+    },
+    {
+      name: "align",
+      label: "Alinhamento",
+      type: "select",
+      value: alignValue,
+      options: [
+        { value: "left", label: "Esquerda" },
+        { value: "center", label: "Centro" },
+        { value: "right", label: "Direita" }
+      ]
+    }
+  ]);
+  const body = this.root.querySelector(".dialog-body");
+  if (body) {
+    const upload = document.createElement("button");
+    upload.type = "button";
+    upload.className = "btn";
+    upload.textContent = "Escolher arquivo…";
+    upload.addEventListener("click", () => {
+      __privateMethod(this, _FxEditor_instances, releaseDialog_fn).call(this, null);
+      __privateGet(this, _imagePicker)?.click();
+    });
+    body.appendChild(upload);
+  }
+  const result = await dialog;
+  if (!result) return;
+  const src = sanitizeMediaUrl(result.src ?? "", "img");
+  if (!src) {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "URL de imagem inválida.");
+    return;
+  }
+  if (existing && figure) {
+    existing.setAttribute("src", src);
+    existing.setAttribute("alt", result.alt ?? "");
+    figure.setAttribute("data-align", result.align || "center");
+    figure.style.width = `${result.width || 100}%`;
+    const cap = figure.querySelector("figcaption");
+    if (result.caption) {
+      if (cap) cap.textContent = result.caption;
+      else figure.insertAdjacentHTML("beforeend", `<figcaption>${escapeText(result.caption)}</figcaption>`);
+    } else {
+      cap?.remove();
+    }
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+    return;
+  }
+  __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, insertImage_fn).call(this, src, result.alt ?? "", result.caption ?? "", result.width || "100", result.align || "center");
+};
+toEmbedUrl_fn = function(value) {
+  try {
+    const url = new URL(value);
+    const host = url.hostname.replace(/^www\./, "");
+    if (host === "youtu.be") {
+      return `https://www.youtube-nocookie.com/embed/${url.pathname.slice(1)}`;
+    }
+    if (host === "youtube.com" || host === "m.youtube.com") {
+      const id = url.searchParams.get("v");
+      if (id) return `https://www.youtube-nocookie.com/embed/${id}`;
+      if (url.pathname.startsWith("/shorts/")) {
+        return `https://www.youtube-nocookie.com/embed/${url.pathname.split("/")[2] ?? ""}`;
+      }
+    }
+    if (host === "vimeo.com") {
+      const id = url.pathname.split("/").filter(Boolean)[0];
+      if (id) return `https://player.vimeo.com/video/${id}`;
+    }
+    return value;
+  } catch {
+    return value;
+  }
+};
+openVideoDialog_fn = async function() {
+  const result = await __privateMethod(this, _FxEditor_instances, openDialog_fn).call(this, "Inserir vídeo", [
+    { name: "src", label: "URL do vídeo ou embed", type: "url", placeholder: "https://.../video.mp4 ou YouTube/Vimeo" },
+    { name: "caption", label: "Legenda", value: "" },
+    {
+      name: "width",
+      label: "Largura",
+      type: "select",
+      value: "100",
+      options: [
+        { value: "50", label: "50%" },
+        { value: "75", label: "75%" },
+        { value: "100", label: "100%" }
+      ]
+    },
+    {
+      name: "align",
+      label: "Alinhamento",
+      type: "select",
+      value: "center",
+      options: [
+        { value: "left", label: "Esquerda" },
+        { value: "center", label: "Centro" },
+        { value: "right", label: "Direita" }
+      ]
+    }
+  ]);
+  if (!result) return;
+  const src = result.src ?? "";
+  const embed = sanitizeEmbedUrl(__privateMethod(this, _FxEditor_instances, toEmbedUrl_fn).call(this, src));
+  if (embed) {
+    __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, insertEmbed_fn).call(this, embed, result.caption ?? "", result.width || "100", result.align || "center");
+    return;
+  }
+  const media = sanitizeMediaUrl(src, "video");
+  if (!media) {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "URL de vídeo inválida.");
+    return;
+  }
+  __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, insertVideo_fn).call(this, media, result.caption ?? "", result.width || "100", result.align || "center");
+};
+decorateMediaFigures_fn = function() {
+  const editor = this.editor;
+  if (!editor || __privateGet(this, _sourceMode)) return;
+  for (const figure of Array.from(
+    editor.querySelectorAll("figure.fx-image, figure.fx-video, figure.fx-embed")
+  )) {
+    if (figure.querySelector(":scope > .fx-media-quick")) {
+      __privateMethod(this, _FxEditor_instances, syncQuickActions_fn).call(this, figure);
+      continue;
+    }
+    for (const kind of ["left", "center", "right", "delete"]) {
+      const label = kind === "delete" ? "Excluir mídia" : kind === "left" ? "Alinhar à esquerda" : kind === "center" ? "Centralizar" : "Alinhar à direita";
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = `fx-media-quick quick-${kind}`;
+      button.title = label;
+      button.setAttribute("aria-label", label);
+      if (kind === "delete") button.dataset.mediaDelete = "";
+      else button.dataset.mediaAlign = kind;
+      button.innerHTML = QUICK_SVG[kind];
+      button.addEventListener("click", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (kind === "delete") {
+          figure.remove();
+          __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+          __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+        } else {
+          figure.setAttribute("data-align", kind);
+          __privateMethod(this, _FxEditor_instances, syncQuickActions_fn).call(this, figure);
+          __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+        }
+      });
+      figure.appendChild(button);
+    }
+    __privateMethod(this, _FxEditor_instances, syncQuickActions_fn).call(this, figure);
+  }
+};
+syncQuickActions_fn = function(figure) {
+  const align2 = figure.getAttribute("data-align") || "center";
+  for (const button of Array.from(
+    figure.querySelectorAll(":scope > .fx-media-quick[data-media-align]")
+  )) {
+    button.classList.toggle("active", button.dataset.mediaAlign === align2);
+  }
+};
+selectAnchor_fn = function(anchor) {
+  const editor = this.editor;
+  if (!editor) return;
+  editor.focus({ preventScroll: true });
+  const range2 = document.createRange();
+  range2.selectNodeContents(anchor);
+  const selection = document.getSelection();
+  if (!selection) return;
+  selection.removeAllRanges();
+  selection.addRange(range2);
+  __privateSet(this, _lastRange, range2.cloneRange());
+};
+handleLinkOverlayClick_fn = function(event) {
+  const action = event.target.closest("[data-link-action]");
+  const anchor = __privateGet(this, _linkAnchor);
+  if (!action || !anchor) return;
+  event.preventDefault();
+  event.stopPropagation();
+  const kind = action.dataset.linkAction;
+  if (kind === "open") __privateMethod(this, _FxEditor_instances, openLink_fn).call(this, anchor);
+  else if (kind === "edit") void __privateMethod(this, _FxEditor_instances, openLinkDialog_fn).call(this, anchor);
+  else if (kind === "remove") __privateMethod(this, _FxEditor_instances, removeLink_fn).call(this, anchor);
+};
+openLink_fn = function(anchor) {
+  const href = anchor.getAttribute("href") ?? "";
+  if (!href) return;
+  __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+  const target = anchor.getAttribute("target") === "_self" ? "_self" : "_blank";
+  window.open(href, target, target === "_blank" ? "noopener,noreferrer" : void 0);
+};
+removeLink_fn = function(anchor) {
+  const parent = anchor.parentNode;
+  if (!parent) return;
+  while (anchor.firstChild) parent.insertBefore(anchor.firstChild, anchor);
+  anchor.remove();
+  __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+  this.editor?.focus({ preventScroll: true });
+};
+showLinkOverlay_fn = function(anchor) {
+  __privateSet(this, _linkAnchor, anchor);
+  const overlay = this.root.querySelector(".link-overlay");
+  if (!overlay) return;
+  const target = anchor.getAttribute("target") === "_self" ? "mesma janela" : "nova aba";
+  const open = overlay.querySelector('[data-link-action="open"]');
+  if (open) open.title = `Abrir na ${target}`;
+  overlay.hidden = false;
+  __privateMethod(this, _FxEditor_instances, positionLinkOverlay_fn).call(this);
+};
+hideLinkOverlay_fn = function() {
+  __privateSet(this, _linkAnchor, null);
+  const overlay = this.root.querySelector(".link-overlay");
+  if (overlay) overlay.hidden = true;
+};
+positionLinkOverlay_fn = function() {
+  const overlay = this.root.querySelector(".link-overlay");
+  const anchor = __privateGet(this, _linkAnchor);
+  const editor = this.editor;
+  if (!overlay) return;
+  if (!anchor || !editor || __privateGet(this, _sourceMode) || !anchor.isConnected || !editor.contains(anchor)) {
+    overlay.hidden = true;
+    return;
+  }
+  const body = overlay.parentElement;
+  if (!body) return;
+  const bodyRect = body.getBoundingClientRect();
+  const rect = anchor.getBoundingClientRect();
+  if (!rect.width || !rect.height || rect.bottom < bodyRect.top || rect.top > bodyRect.bottom) {
+    overlay.hidden = true;
+    return;
+  }
+  overlay.hidden = false;
+  const width = overlay.offsetWidth || 180;
+  const height = overlay.offsetHeight || 30;
+  const left = Math.max(4, Math.min(rect.left - bodyRect.left, bodyRect.width - width - 4));
+  let top = rect.bottom - bodyRect.top + 6;
+  if (top + height > bodyRect.height) top = rect.top - bodyRect.top - height - 6;
+  overlay.style.left = `${left}px`;
+  overlay.style.top = `${Math.max(4, top)}px`;
+};
+handleEditorClick_fn = function(event) {
+  const target = event.target;
+  const anchor = target.closest("a[href]");
+  if (anchor && this.editor?.contains(anchor)) {
+    __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, showLinkOverlay_fn).call(this, anchor);
+    if (event.ctrlKey || event.metaKey) {
+      event.preventDefault();
+      __privateMethod(this, _FxEditor_instances, openLink_fn).call(this, anchor);
+    }
+    return;
+  }
+  __privateMethod(this, _FxEditor_instances, hideLinkOverlay_fn).call(this);
+  const figure = target.closest("figure.fx-image, figure.fx-video, figure.fx-embed");
+  if (figure) __privateMethod(this, _FxEditor_instances, showMediaOverlay_fn).call(this, figure);
+  else __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+};
+showMediaOverlay_fn = function(figure) {
+  __privateSet(this, _mediaFigure, figure);
+  figure.setAttribute("tabindex", "0");
+  if (figure.classList.contains("fx-image")) figure.focus({ preventScroll: true });
+  const overlay = this.root.querySelector(".media-overlay");
+  if (!overlay) return;
+  overlay.hidden = false;
+  __privateMethod(this, _FxEditor_instances, positionMediaOverlay_fn).call(this);
+};
+hideMediaOverlay_fn = function() {
+  __privateGet(this, _mediaFigure)?.removeAttribute("tabindex");
+  __privateSet(this, _mediaFigure, null);
+  const overlay = this.root.querySelector(".media-overlay");
+  if (!overlay) return;
+  overlay.hidden = true;
+  const size = overlay.querySelector(".media-size");
+  if (size) size.textContent = "";
+};
+deleteMediaFigure_fn = function() {
+  const figure = __privateGet(this, _mediaFigure);
+  if (!figure) return;
+  figure.remove();
+  __privateMethod(this, _FxEditor_instances, hideMediaOverlay_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+  this.editor?.focus({ preventScroll: true });
+};
+positionMediaOverlay_fn = function() {
+  const overlay = this.root.querySelector(".media-overlay");
+  const figure = __privateGet(this, _mediaFigure);
+  const editor = this.editor;
+  if (!overlay) return;
+  if (!figure || !editor || __privateGet(this, _sourceMode) || !figure.isConnected || !editor.contains(figure)) {
+    overlay.hidden = true;
+    return;
+  }
+  const body = overlay.parentElement;
+  if (!body) return;
+  const bodyRect = body.getBoundingClientRect();
+  const rect = figure.getBoundingClientRect();
+  if (!rect.width || !rect.height || rect.bottom < bodyRect.top || rect.top > bodyRect.bottom) {
+    overlay.hidden = true;
+    return;
+  }
+  overlay.hidden = false;
+  overlay.style.left = `${rect.left - bodyRect.left}px`;
+  overlay.style.top = `${rect.top - bodyRect.top}px`;
+  overlay.style.width = `${rect.width}px`;
+  overlay.style.height = `${rect.height}px`;
+  const size = overlay.querySelector(".media-size");
+  if (size) size.textContent = `${Math.round(rect.width)} × ${Math.round(rect.height)}`;
+};
+startResize_fn = function(event) {
+  const handle = event.target.closest("[data-handle]");
+  const figure = __privateGet(this, _mediaFigure);
+  const editor = this.editor;
+  if (!handle || !figure || !editor) return;
+  event.preventDefault();
+  event.stopPropagation();
+  __privateMethod(this, _FxEditor_instances, endResize_fn).call(this);
+  const parent = figure.parentElement;
+  if (!parent) return;
+  const parentWidth = parent.getBoundingClientRect().width || editor.clientWidth;
+  if (!parentWidth) return;
+  const rect = figure.getBoundingClientRect();
+  const startWidth = rect.width ? rect.width / parentWidth * 100 : Number.parseFloat(figure.style.width) || 100;
+  const startX = event.clientX;
+  const direction = handle.dataset.handle?.includes("w") ? -1 : 1;
+  const move = (moveEvent) => {
+    const deltaPct = (moveEvent.clientX - startX) * direction * 100 / parentWidth;
+    const width = Math.min(100, Math.max(15, startWidth + deltaPct));
+    figure.style.width = `${width.toFixed(1).replace(/\.0$/, "")}%`;
+    __privateMethod(this, _FxEditor_instances, positionMediaOverlay_fn).call(this);
+  };
+  const up = () => {
+    __privateMethod(this, _FxEditor_instances, endResize_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+    __privateMethod(this, _FxEditor_instances, positionMediaOverlay_fn).call(this);
+  };
+  window.addEventListener("pointermove", move);
+  window.addEventListener("pointerup", up, { once: true });
+  window.addEventListener("pointercancel", up, { once: true });
+  __privateSet(this, _resizeDispose, () => {
+    window.removeEventListener("pointermove", move);
+    window.removeEventListener("pointerup", up);
+    window.removeEventListener("pointercancel", up);
+  });
+};
+endResize_fn = function() {
+  var _a;
+  (_a = __privateGet(this, _resizeDispose)) == null ? void 0 : _a.call(this);
+  __privateSet(this, _resizeDispose, null);
+};
+handleDoubleClick_fn = function(event) {
+  const target = event.target;
+  const image = target.closest("img");
+  if (image) {
+    event.preventDefault();
+    void __privateMethod(this, _FxEditor_instances, openImageDialog_fn).call(this, image);
+  }
+};
+insertImage_fn = function(src, alt, caption, width, align2) {
+  const html = `<figure class="fx-image" contenteditable="false" data-align="${escapeAttr(align2)}" style="width:${escapeAttr(width)}%"><img src="${escapeAttr(src)}" alt="${escapeAttr(alt)}" loading="lazy" decoding="async">${caption ? `<figcaption>${escapeText(caption)}</figcaption>` : ""}</figure><p><br></p>`;
+  insertHtml(this.editor, html);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+insertVideo_fn = function(src, caption, width, align2 = "center") {
+  const html = `<figure class="fx-video" contenteditable="false" data-align="${escapeAttr(align2)}" style="width:${escapeAttr(width)}%"><video controls preload="metadata" src="${escapeAttr(src)}" style="width:100%"></video>${caption ? `<figcaption>${escapeText(caption)}</figcaption>` : ""}</figure><p><br></p>`;
+  insertHtml(this.editor, html);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+insertEmbed_fn = function(src, caption, width, align2 = "center") {
+  const html = `<figure class="fx-embed" contenteditable="false" data-align="${escapeAttr(align2)}" style="width:${escapeAttr(width)}%"><iframe src="${escapeAttr(src)}" title="${escapeAttr(caption || "Vídeo")}" loading="lazy" allowfullscreen sandbox="allow-scripts allow-same-origin allow-presentation" referrerpolicy="strict-origin-when-cross-origin" style="width:100%;aspect-ratio:16/9;border:0"></iframe>${caption ? `<figcaption>${escapeText(caption)}</figcaption>` : ""}</figure><p><br></p>`;
+  insertHtml(this.editor, html);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+insertTable_fn = function(rows, cols) {
+  const rowCount = Math.min(20, Math.max(1, rows));
+  const colCount = Math.min(12, Math.max(1, cols));
+  const width = (100 / colCount).toFixed(4).replace(/\.?0+$/, "");
+  const colsHtml = `<colgroup>${Array.from({ length: colCount }, () => `<col style="width:${width}%">`).join("")}</colgroup>`;
+  const head = `<thead><tr>${Array.from({ length: colCount }, () => '<th scope="col"><p><br></p></th>').join("")}</tr></thead>`;
+  const bodyRows = Math.max(0, rowCount - 1);
+  const body = bodyRows ? `<tbody>${Array.from(
+    { length: bodyRows },
+    () => `<tr>${Array.from({ length: colCount }, () => "<td><p><br></p></td>").join("")}</tr>`
+  ).join("")}</tbody>` : "";
+  const html = `<figure class="fx-table"><table>${colsHtml}${head}${body}</table></figure><p><br></p>`;
+  insertHtml(this.editor, html);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+insertColumns_fn = function(cols) {
+  const count = Math.min(4, Math.max(1, cols));
+  const width = (100 / count).toFixed(4).replace(/\.?0+$/, "");
+  const cells = Array.from(
+    { length: count },
+    () => `<td style="width:${width}%;vertical-align:top;padding:8px"><p><br></p></td>`
+  ).join("");
+  const html = `<table class="fx-grid" role="presentation" data-cols="${count}" data-stack="sm" style="width:100%;border-collapse:collapse"><tbody><tr>${cells}</tr></tbody></table><p><br></p>`;
+  insertHtml(this.editor, html);
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+showTablePanel_fn = function() {
+  const panel = this.root.querySelector("[data-panel]");
+  if (!panel) return;
+  const table = __privateMethod(this, _FxEditor_instances, currentTable_fn).call(this);
+  const grid = Array.from({ length: 64 }, (_, index) => {
+    const rows = Math.floor(index / 8) + 1;
+    const cols = index % 8 + 1;
+    return `<button type="button" data-grid="${rows},${cols}" aria-label="${rows} por ${cols}"></button>`;
+  }).join("");
+  panel.innerHTML = `<p class="panel-title">Inserir tabela</p><div class="grid-picker">${grid}</div>` + (table ? `<p class="panel-title" style="margin-top:8px">Tabela atual</p><div class="panel-actions"><button type="button" class="btn" data-table-action="add-row">+ Linha</button><button type="button" class="btn" data-table-action="add-col">+ Coluna</button><button type="button" class="btn" data-table-action="del-row">− Linha</button><button type="button" class="btn" data-table-action="del-col">− Coluna</button><button type="button" class="btn" data-table-action="toggle-header">Cabeçalho</button><button type="button" class="btn" data-table-action="merge-cells">Mesclar</button><button type="button" class="btn" data-table-action="split-cell">Dividir</button><button type="button" class="btn" data-table-action="del-table">Excluir tabela</button></div>` : "");
+  panel.removeAttribute("hidden");
+  panel.querySelectorAll("[data-grid]").forEach((button) => {
+    button.addEventListener("click", () => {
+      const [rows, cols] = (button.dataset.grid ?? "").split(",").map(Number);
+      __privateMethod(this, _FxEditor_instances, hidePanel_fn).call(this);
+      __privateMethod(this, _FxEditor_instances, insertTable_fn).call(this, rows, cols);
+    });
+  });
+  panel.querySelectorAll("[data-table-action]").forEach((button) => {
+    button.addEventListener("click", () => {
+      __privateMethod(this, _FxEditor_instances, tableAction_fn).call(this, button.dataset.tableAction ?? "");
+      __privateMethod(this, _FxEditor_instances, hidePanel_fn).call(this);
+    });
+  });
+};
+showColumnsPanel_fn = function() {
+  const panel = this.root.querySelector("[data-panel]");
+  if (!panel) return;
+  panel.innerHTML = `<p class="panel-title">Inserir colunas</p><div class="panel-actions">` + [1, 2, 3, 4].map((count) => `<button type="button" class="btn" data-columns="${count}">${count}</button>`).join("") + `</div>`;
+  panel.removeAttribute("hidden");
+  panel.querySelectorAll("[data-columns]").forEach((button) => {
+    button.addEventListener("click", () => {
+      __privateMethod(this, _FxEditor_instances, hidePanel_fn).call(this);
+      __privateMethod(this, _FxEditor_instances, insertColumns_fn).call(this, Number(button.dataset.columns ?? 1));
+    });
+  });
+};
+hidePanel_fn = function() {
+  this.root.querySelector("[data-panel]")?.setAttribute("hidden", "");
+};
+currentTable_fn = function() {
+  const editor = this.editor;
+  if (!editor) return null;
+  const range2 = getRange(editor, __privateGet(this, _lastRange));
+  return closestInEditor(editor, range2?.startContainer ?? null, "table");
+};
+tableAction_fn = function(action) {
+  const table = __privateMethod(this, _FxEditor_instances, currentTable_fn).call(this);
+  if (!table) return;
+  const editor = this.editor;
+  const range2 = editor ? getRange(editor, __privateGet(this, _lastRange)) : null;
+  const cell = editor ? closestInEditor(editor, range2?.startContainer ?? null, "td,th") : null;
+  const row = cell?.parentElement;
+  if (action === "merge-cells") {
+    if (!range2) return;
+    const merged = mergeSelectedCells(table, range2);
+    if (!merged) return;
+    placeCaretAtEnd(merged);
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+    return;
+  }
+  if (action === "split-cell") {
+    if (!cell) return;
+    const created = splitCell(table, cell);
+    if (!created.length) return;
+    placeCaretAtEnd(cell);
+    __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+    return;
+  }
+  if (action === "add-row" && row) {
+    const clone = row.cloneNode(true);
+    for (const cloneCell of Array.from(clone.querySelectorAll("td,th"))) {
+      cloneCell.innerHTML = "<p><br></p>";
+    }
+    row.after(clone);
+  } else if (action === "add-col" && cell) {
+    const index = Array.from(row?.children ?? []).indexOf(cell);
+    for (const currentRow of Array.from(table.rows)) {
+      const target = currentRow.cells[Math.max(0, index)];
+      const clone = (target ?? currentRow.cells[currentRow.cells.length - 1])?.cloneNode(false);
+      if (!clone) continue;
+      clone.innerHTML = "<p><br></p>";
+      currentRow.insertBefore(clone, target?.nextSibling ?? null);
+    }
+  } else if (action === "del-row" && row && table.rows.length > 1) {
+    row.remove();
+  } else if (action === "del-col" && cell && table.rows[0]?.cells.length > 1) {
+    const index = Array.from(row?.children ?? []).indexOf(cell);
+    for (const currentRow of Array.from(table.rows)) {
+      currentRow.cells[index]?.remove();
+    }
+  } else if (action === "toggle-header") {
+    const thead = table.tHead;
+    if (thead && thead.rows.length) {
+      const headerRow = thead.rows[0];
+      for (const headerCell of Array.from(headerRow.cells)) {
+        const td = document.createElement("td");
+        td.innerHTML = headerCell.innerHTML;
+        headerCell.replaceWith(td);
+      }
+      const tbody = table.tBodies[0] ?? table.createTBody();
+      tbody.insertBefore(headerRow, tbody.firstChild);
+      thead.remove();
+    } else {
+      const firstRow = table.rows[0];
+      if (firstRow) {
+        for (const firstCell of Array.from(firstRow.cells)) {
+          const th = document.createElement("th");
+          th.setAttribute("scope", "col");
+          th.innerHTML = firstCell.innerHTML;
+          firstCell.replaceWith(th);
+        }
+        table.createTHead().appendChild(firstRow);
+      }
+    }
+  } else if (action === "del-table") {
+    const figure = table.closest("figure.fx-table");
+    (figure ?? table).remove();
+  }
+  __privateMethod(this, _FxEditor_instances, afterCommand_fn).call(this);
+};
+handleImageFile_fn = async function(file) {
+  if (!file.type.startsWith("image/")) {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "O arquivo selecionado não é uma imagem.");
+    return;
+  }
+  if (file.type === "image/svg+xml") {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "SVG não é permitido por segurança. Use PNG, JPEG, WebP ou GIF.");
+    return;
+  }
+  if (file.size > MAX_IMAGE_BYTES) {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "Imagem muito grande (máximo 8 MB).");
+    return;
+  }
+  let src = "";
+  let alt = file.name.replace(/\.[a-z0-9]+$/i, "");
+  try {
+    if (this.uploadImage) {
+      const uploaded = await this.uploadImage(file);
+      if (typeof uploaded === "string") src = uploaded;
+      else {
+        src = uploaded.url;
+        if (uploaded.alt) alt = uploaded.alt;
+      }
+    } else {
+      src = await __privateMethod(this, _FxEditor_instances, fileToDataUrl_fn).call(this, file);
+    }
+  } catch {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "Não foi possível processar a imagem.");
+    return;
+  }
+  if (!src || !sanitizeMediaUrl(src, "img")) {
+    __privateMethod(this, _FxEditor_instances, error_fn).call(this, "A imagem resultante não tem uma URL segura.");
+    return;
+  }
+  __privateMethod(this, _FxEditor_instances, restoreSelection_fn).call(this);
+  __privateMethod(this, _FxEditor_instances, insertImage_fn).call(this, src, alt, "", "100", "center");
+};
+fileToDataUrl_fn = async function(file) {
+  const dataUrl = await new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(String(reader.result ?? ""));
+    reader.onerror = () => reject(new Error("read-error"));
+    reader.readAsDataURL(file);
+  });
+  if (file.type === "image/gif") return dataUrl;
+  return new Promise((resolve) => {
+    const image = new Image();
+    image.onload = () => {
+      const maxWidth = 1600;
+      const scale = Math.min(1, maxWidth / (image.naturalWidth || maxWidth));
+      if (scale >= 1) {
+        resolve(dataUrl);
+        return;
+      }
+      const canvas = document.createElement("canvas");
+      canvas.width = Math.round((image.naturalWidth || maxWidth) * scale);
+      canvas.height = Math.round((image.naturalHeight || maxWidth) * scale);
+      const context = canvas.getContext("2d");
+      if (!context) {
+        resolve(dataUrl);
+        return;
+      }
+      context.drawImage(image, 0, 0, canvas.width, canvas.height);
+      resolve(canvas.toDataURL("image/webp", 0.85));
+    };
+    image.onerror = () => resolve(dataUrl);
+    image.src = dataUrl;
+  });
+};
+error_fn = function(message) {
+  this.dispatchEvent(
+    new CustomEvent("editor-error", {
+      bubbles: true,
+      composed: true,
+      detail: { message }
+    })
+  );
+};
+_FxEditor.styles = `${FENIX_ICON_BASE_CSS}
+${EDITOR_STYLES}`;
+let FxEditor = _FxEditor;
+function defineFxEditor() {
+  return defineElement("fx-editor", FxEditor);
+}
+defineFxEditor();
+const _FxDialog = class _FxDialog extends FxElement {
+  constructor() {
+    super(...arguments);
+    this._previouslyFocused = null;
+  }
+  static get observedAttributes() {
+    return ["open", "size", "heading"];
+  }
+  get open() {
+    return this.hasAttr("open");
+  }
+  set open(value) {
+    this.toggleAttr("open", value);
+  }
+  render() {
+    const isOpen = this.open;
+    const heading = this.getAttr("heading");
+    this.setTemplate(`
+      <div class="overlay" part="overlay" ${isOpen ? "" : "hidden"}>
+        <div class="dialog" role="dialog" aria-modal="true" aria-label="${esc(heading)}" tabindex="-1">
+          <header>
+            <h2>${esc(heading)}</h2>
+            <button type="button" class="close" part="close" aria-label="Fechar">×</button>
+          </header>
+          <div class="body"><slot></slot></div>
+          <footer part="footer"><slot name="footer"></slot></footer>
+        </div>
+      </div>
+    `);
+    if (!isOpen) return;
+    this._cleanup?.();
+    this._cleanup = void 0;
+    const overlay = this.root.querySelector(".overlay");
+    const closeBtn = this.root.querySelector(".close");
+    const close = () => {
+      this.open = false;
+      this._cleanup?.();
+      this._cleanup = void 0;
+      this._restoreFocus();
+      this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
+    };
+    overlay?.addEventListener("click", (e) => {
+      if (e.target === overlay) close();
+    });
+    closeBtn?.addEventListener("click", close);
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        close();
+        return;
+      }
+      if (e.key === "Tab") this._trapFocus(e);
+    };
+    document.addEventListener("keydown", onKey);
+    this._cleanup = () => document.removeEventListener("keydown", onKey);
+    requestAnimationFrame(() => {
+      this._previouslyFocused = document.activeElement;
+      this.root.querySelector(".dialog")?.focus();
+    });
+    this.dispatchEvent(new CustomEvent("open", { bubbles: true, composed: true }));
+  }
+  /** Mantém o foco dentro do modal (WCAG 2.4.3 / 2.1.2). */
+  _trapFocus(e) {
+    const dialog = this.root.querySelector(".dialog");
+    if (!dialog) return;
+    const focusables = dialog.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (!focusables.length) return;
+    const first = focusables[0];
+    const last = focusables[focusables.length - 1];
+    const active = this.root.activeElement;
+    if (e.shiftKey && (active === first || active === dialog)) {
+      e.preventDefault();
+      last.focus();
+    } else if (!e.shiftKey && active === last) {
+      e.preventDefault();
+      first.focus();
+    }
+  }
+  _restoreFocus() {
+    if (this._previouslyFocused?.isConnected) this._previouslyFocused.focus();
+    this._previouslyFocused = null;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._cleanup?.();
+    this._cleanup = void 0;
+    this._restoreFocus();
+  }
+};
+_FxDialog.styles = css`
+    :host { display: contents; }
+    .overlay {
+      position: fixed;
+      inset: 0;
+      background: color-mix(in srgb, var(--fx-text-default, #000) 45%, transparent);
+      backdrop-filter: blur(3px);
+      -webkit-backdrop-filter: blur(3px);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: var(--fx-z-modal, 1100);
+      animation: fade var(--fx-motion-duration-fast) var(--fx-motion-easing);
+    }
+    .overlay[hidden] { display: none; }
+    @keyframes fade { from { opacity: 0; } to { opacity: 1; } }
+    .dialog {
+      background: var(--fx-surface-background);
+      border: 1px solid var(--fx-border-default);
+      border-radius: var(--fx-radius-lg);
+      box-shadow: var(--fx-shadow-xl);
+      /* Largura customizável por instância: defina --fx-dialog-width no elemento. */
+      width: min(var(--fx-dialog-width, 560px), calc(100vw - 32px));
+      max-height: calc(100vh - 64px);
+      display: flex;
+      flex-direction: column;
+      font-family: var(--fx-font-family);
+      animation: pop var(--fx-motion-duration-normal) var(--fx-motion-easing);
+    }
+    @keyframes pop { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
+    :host([size='sm']) .dialog { width: min(var(--fx-dialog-width, 400px), calc(100vw - 32px)); }
+    :host([size='lg']) .dialog { width: min(var(--fx-dialog-width, 800px), calc(100vw - 32px)); }
+    /* Mobile: dialog ocupa praticamente toda a largura da tela. */
+    @media (max-width: 640px) {
+      .dialog, :host([size='sm']) .dialog, :host([size='lg']) .dialog {
+        width: calc(100vw - 16px);
+        max-width: calc(100vw - 16px);
+      }
+    }
+    header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: var(--fx-space-lg) var(--fx-space-xl);
+      border-bottom: 1px solid var(--fx-border-default);
+    }
+    h2 {
+      margin: 0;
+      font-size: calc(var(--fx-font-size) + 2px);
+      font-weight: 600;
+      color: var(--fx-text-default);
+    }
+    .close {
+      border: none;
+      background: transparent;
+      color: var(--fx-text-muted);
+      font-size: calc(var(--fx-font-size) + 6px);
+      cursor: pointer;
+      line-height: 1;
+      padding: 0 var(--fx-space-xs);
+      border-radius: var(--fx-radius-full);
+    }
+    .close:hover { color: var(--fx-color-danger); }
+    .body {
+      padding: var(--fx-space-lg) var(--fx-space-xl);
+      overflow-y: auto;
+      color: var(--fx-text-default);
+      font-size: var(--fx-font-size);
+    }
+    footer {
+      padding: var(--fx-space-md) var(--fx-space-xl);
+      border-top: 1px solid var(--fx-border-default);
+      display: flex;
+      justify-content: flex-end;
+      gap: var(--fx-space-sm);
+    }
+    footer[hidden] { display: none; }
   `;
 let FxDialog = _FxDialog;
 function defineFxDialog() {
@@ -7854,12 +11499,13 @@ const CARD_CSS = `
   border-left: 4px solid var(--kind);
   border-radius: var(--fx-radius-md, 8px);
   box-shadow: var(--fx-shadow-lg, 0 10px 30px rgba(0,0,0,.14));
-  padding: var(--fx-space-sm, 8px) var(--fx-space-md, 12px);
+  padding: var(--fx-space-xs, 8px) var(--fx-space-md, 12px);
   font-family: inherit;
   animation: fx-toast-in .25s ease;
 }
 @keyframes fx-toast-in { from { opacity: 0; transform: translateY(-6px); } }
 .card.leaving { opacity: 0; transition: opacity .2s ease; }
+.card.no-title { min-height: 48px; }
 .icon {
   width: 22px; height: 22px; border-radius: 50%;
   background: var(--kind);
@@ -7966,7 +11612,16 @@ class FxToast extends HTMLElement {
     this.attachShadow({ mode: "open" });
   }
   static get observedAttributes() {
-    return ["kind", "title", "message", "duration", "icon", "mode", "progress", "progress-origin"];
+    return [
+      "kind",
+      "title",
+      "message",
+      "duration",
+      "icon",
+      "mode",
+      "progress",
+      "progress-origin"
+    ];
   }
   /**
    * Exibe a barra de contagem regressiva na base do card.
@@ -8043,7 +11698,9 @@ class FxToast extends HTMLElement {
     this.disposed = true;
     if (this.timer) clearTimeout(this.timer);
     this.timer = null;
-    this.dispatchEvent(new CustomEvent(REMOVED_EVENT, { bubbles: false, composed: false }));
+    this.dispatchEvent(
+      new CustomEvent(REMOVED_EVENT, { bubbles: false, composed: false })
+    );
   }
   attributeChangedCallback(name) {
     if (name === "duration") {
@@ -8053,7 +11710,8 @@ class FxToast extends HTMLElement {
       }
       const safe = this.safeDuration;
       this.counting = safe > 0;
-      if (safe > 0 && this.isConnected && !this.disposed) __privateMethod(this, _FxToast_instances, startTimer_fn).call(this, safe);
+      if (safe > 0 && this.isConnected && !this.disposed)
+        __privateMethod(this, _FxToast_instances, startTimer_fn).call(this, safe);
     }
     if (name === "duration" || name === "progress" || name === "progress-origin" || name === "kind") {
       __privateMethod(this, _FxToast_instances, syncProgress_fn).call(this);
@@ -8105,7 +11763,10 @@ pauseTimer_fn = function() {
   if (!this.timer) return;
   clearTimeout(this.timer);
   this.timer = null;
-  this.remaining = Math.max(0, this.remaining - (Date.now() - this.startedAt));
+  this.remaining = Math.max(
+    0,
+    this.remaining - (Date.now() - this.startedAt)
+  );
 };
 resumeTimer_fn = function() {
   if (!this.counting || this.timer || this.disposed) return;
@@ -8135,15 +11796,23 @@ syncProgress_fn = function() {
     return;
   }
   if (!bar) {
-    this.shadowRoot.querySelector(".card").insertAdjacentHTML("beforeend", '<span class="progress" part="progress" aria-hidden="true"></span>');
+    this.shadowRoot.querySelector(".card").insertAdjacentHTML(
+      "beforeend",
+      '<span class="progress" part="progress" aria-hidden="true"></span>'
+    );
   }
   const el = this.shadowRoot.querySelector(".progress");
   el.style.setProperty("--toast-duration", `${dur}ms`);
-  el.style.setProperty("--toast-progress-origin", `${this.progressOrigin} center`);
+  el.style.setProperty(
+    "--toast-progress-origin",
+    `${this.progressOrigin} center`
+  );
   el.classList.remove("run");
   if (mode !== "paused") el.classList.add("run");
   card.classList.add("entering");
-  requestAnimationFrame(() => requestAnimationFrame(() => card.classList.remove("entering")));
+  requestAnimationFrame(
+    () => requestAnimationFrame(() => card.classList.remove("entering"))
+  );
 };
 render_fn = function() {
   const kind = this.getAttribute("kind") || "info";
@@ -8156,7 +11825,7 @@ render_fn = function() {
   const iconContent = isFxIcon ? iconName : KIND_ICON[kind] ?? KIND_ICON.info;
   this.shadowRoot.innerHTML = `
       <style>${CARD_CSS}</style>
-      <div class="card" style="--kind:${color}" role="status" part="card">
+      <div class="card${title ? "" : " no-title"}" style="--kind:${color}" role="status" part="card">
         <span class="icon${isFxIcon ? " fx-icon" : ""}">${iconContent}</span>
         <div class="body">
           ${title ? '<div class="title" part="title"></div>' : ""}
@@ -8196,7 +11865,10 @@ render_fn = function() {
       btn.title = "Copiar mensagem";
     }, 1200);
   });
-  this.shadowRoot.querySelector(".close").addEventListener("click", () => this.dismiss());
+  this.shadowRoot.querySelector(".close").addEventListener(
+    "click",
+    () => this.dismiss()
+  );
 };
 /**
  * Mostra "Ver mais" somente quando a mensagem passou de 2 linhas.
@@ -8214,7 +11886,9 @@ syncMore_fn = function() {
   more.hidden = !(msg.scrollHeight - msg.clientHeight > 1);
 };
 function regionFor(position) {
-  let region = document.querySelector(`[data-fx-toast-region="${position}"]`);
+  let region = document.querySelector(
+    `[data-fx-toast-region="${position}"]`
+  );
   if (!region) {
     region = document.createElement("div");
     region.setAttribute("data-fx-toast-region", position);
@@ -8249,7 +11923,10 @@ class ToastApi {
   push(kind, title, messageOrOpts, opts) {
     const id = ++this.seq;
     const message = typeof messageOrOpts === "string" ? messageOrOpts : messageOrOpts?.message;
-    const o = { ...typeof messageOrOpts === "object" && messageOrOpts ? messageOrOpts : void 0, ...opts };
+    const o = {
+      ...typeof messageOrOpts === "object" && messageOrOpts ? messageOrOpts : void 0,
+      ...opts
+    };
     const el = document.createElement("fx-toast");
     el.setAttribute("kind", kind);
     el.setAttribute("title", title);
@@ -8274,7 +11951,8 @@ class ToastApi {
 const FenixToast = new ToastApi();
 globalThis.FenixToast = FenixToast;
 function defineFxToast() {
-  if (!customElements.get("fx-toast")) customElements.define("fx-toast", FxToast);
+  if (!customElements.get("fx-toast"))
+    customElements.define("fx-toast", FxToast);
 }
 defineFxToast();
 const _FxTooltip = class _FxTooltip extends FxElement {
@@ -9476,17 +13154,16 @@ const _FxPagination = class _FxPagination extends FxElement {
     const pages = this.pages;
     const current = Math.min(Math.max(1, this.page), pages);
     const opts = (this.getAttr("rows-options", "5,10,20,50") || "").split(",").map((s) => s.trim()).filter(Boolean);
-    const window_ = [];
-    for (let p = Math.max(1, current - 2); p <= Math.min(pages, current + 2); p++) window_.push(p);
-    const from = total0(current, this.rows);
+    const pageButtons = pageRange(current, pages).map(
+      (item) => item === "ellipsis" ? `<span class="ellipsis" part="ellipsis" aria-hidden="true">…</span>` : `<button type="button" class="nav ${item === current ? "active" : ""}" part="page" data-go="${item}"${item === current ? ' aria-current="page"' : ""}>${item}</button>`
+    ).join("");
+    const from = (current - 1) * this.rows + 1;
     const to = Math.min(current * this.rows, this.total);
     this.setTemplate(`
       <span class="info">${this.total ? `${from}-${to} de ${this.total}` : "0 itens"}</span>
       <button type="button" class="nav" part="first" aria-label="Primeira página" data-go="1" ${current <= 1 ? "disabled" : ""}>${fenixIconHtml("first_page")}</button>
       <button type="button" class="nav" part="prev" aria-label="Página anterior" data-go="${current - 1}" ${current <= 1 ? "disabled" : ""}>${fenixIconHtml("navigate_before")}</button>
-      ${window_[0] !== 1 && pages > 5 ? `<button type="button" class="nav" data-go="1">1</button>` : ""}
-      ${window_.map((p) => `<button type="button" class="nav ${p === current ? "active" : ""}" data-go="${p}">${p}</button>`).join("")}
-      ${window_[window_.length - 1] !== pages && pages > 5 ? `<button type="button" class="nav" data-go="${pages}">${pages}</button>` : ""}
+      ${pageButtons}
       <button type="button" class="nav" part="next" aria-label="Próxima página" data-go="${current + 1}" ${current >= pages ? "disabled" : ""}>${fenixIconHtml("navigate_next")}</button>
       <button type="button" class="nav" part="last" aria-label="Última página" data-go="${pages}" ${current >= pages ? "disabled" : ""}>${fenixIconHtml("last_page")}</button>
       ${opts.length ? `
@@ -9494,9 +13171,6 @@ const _FxPagination = class _FxPagination extends FxElement {
           ${opts.map((o) => `<option value="${esc(o)}">${esc(o)}</option>`).join("")}
         </fx-select>` : ""}
     `);
-    function total0(page, rows) {
-      return (page - 1) * rows + 1;
-    }
     this.root.querySelectorAll(".nav[data-go]").forEach((btn) => {
       btn.addEventListener("click", () => {
         const target = Number(btn.dataset.go);
@@ -9528,6 +13202,7 @@ _FxPagination.styles = css`
     :host {
       display: flex;
       align-items: center;
+      flex-wrap: wrap;
       gap: var(--fx-space-sm);
       font-family: var(--fx-font-family);
       font-size: var(--fx-font-size);
@@ -9565,6 +13240,18 @@ _FxPagination.styles = css`
       color: #fff;
       font-weight: 600;
     }
+    /* Elipse entre a janela de páginas e as bordas: ocupa o mesmo espaço de
+       um botão (para o rodapé não "pular" ao navegar) mas não é clicável. */
+    .ellipsis {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      min-width: var(--fx-size-sm);
+      height: var(--fx-size-sm);
+      color: var(--fx-text-muted);
+      font-size: calc(var(--fx-font-size) - 2px);
+      user-select: none;
+    }
     .info { color: var(--fx-text-muted); font-size: calc(var(--fx-font-size) - 2px); }
     fx-select { vertical-align: middle; }
     fx-select::part(trigger) {
@@ -9900,8 +13587,8 @@ const _FxKnob = class _FxKnob extends FxFormElement {
     const min = this.min;
     const max = this.max;
     const value = this.clampValue(this.value);
-    const range = max - min;
-    const pct = range > 0 ? (value - min) / range : 0;
+    const range2 = max - min;
+    const pct = range2 > 0 ? (value - min) / range2 : 0;
     const sizeNum = this.getSizeNum();
     const strokeW = this.strokeWidth;
     const radius = (sizeNum - strokeW) / 2;
@@ -11792,6 +15479,7 @@ defineFxAccordion();
 defineFxAccordionPanel();
 export {
   DEFAULT_PRESET,
+  FX_EDITOR_CONTENT_CSS,
   FX_JSX_TYPES,
   FenixToast,
   FenixUI,
@@ -11814,6 +15502,7 @@ export {
   FxDrawer,
   FxDropdown,
   FxDropdownItem,
+  FxEditor,
   FxElement,
   FxEmptyState,
   FxFileUpload,
@@ -11863,8 +15552,15 @@ export {
   kebabToCamel,
   lightTokens,
   listPresets,
+  normalizeForEditor,
+  normalizeForStorage,
+  normalizeHtml,
   resetTheme,
   h as sanitizeData,
+  sanitizeEmbedUrl,
+  sanitizeHtml,
+  sanitizeLinkUrl,
+  sanitizeMediaUrl,
   setTokens,
   j as stripTags,
   theme,