@wrrdev/fenix-ui 1.1.14 → 1.1.15

package/README.md

@@ -18,8 +18,8 @@ import { FenixUI } from '@wrrdev/fenix-ui';  // API de tema/tokens (índice)
 FenixUI.theme('dark');
 ```
 
-> 📦 npm: [`@wrrdev/fenix-ui`](https://www.npmjs.com/package/@wrrdev/fenix-ui) — **v1.1.14**, acesso público.
-> Subpaths disponíveis: `./theme`, `./tokens`, `./jsx`, `./vue`, `./react`, `./button`, `./badge`, `./spinner`, `./select`, `./input`, `./switch`, `./textarea`, `./checkbox`, `./radio`, `./calendar`, `./datepicker`, `./multiselect`, `./table`, `./floatlabel`, `./dialog`, `./toast`, `./tooltip`, `./tabs`, `./progress`, `./skeleton`, `./alert`, `./drawer`, `./dropdown`, `./icon`, `./icons`, `./pagination`, `./autocomplete`, `./knob`, `./orderlist`, `./picklist`, `./auto-import` e o curinga `./components/*`.
+> 📦 npm: [`@wrrdev/fenix-ui`](https://www.npmjs.com/package/@wrrdev/fenix-ui) — **v1.1.15**, acesso público.
+> Subpaths disponíveis: `./theme`, `./tokens`, `./jsx`, `./vue`, `./react`, `./button`, `./badge`, `./spinner`, `./select`, `./input`, `./switch`, `./textarea`, `./editor`, `./checkbox`, `./radio`, `./calendar`, `./datepicker`, `./multiselect`, `./table`, `./floatlabel`, `./dialog`, `./toast`, `./tooltip`, `./tabs`, `./progress`, `./skeleton`, `./alert`, `./drawer`, `./dropdown`, `./icon`, `./icons`, `./pagination`, `./autocomplete`, `./knob`, `./orderlist`, `./picklist`, `./auto-import` e o curinga `./components/*`.
 
 
 ## Consumo
@@ -65,7 +65,7 @@ Carregue o bundle **UMD** único: ele registra todos os componentes e expõe os
 <fx-toast></fx-toast>
 
 <!--
-  🔗 Links diretos para CDN (versão 1.1.14):
+  🔗 Links diretos para CDN (versão 1.1.15):
   • https://cdn.jsdelivr.net/npm/@wrrdev/fenix-ui@latest/dist/fenix-ui.umd.min.js
   • https://unpkg.com/@wrrdev/fenix-ui@latest/dist/fenix-ui.umd.min.js
 -->
@@ -140,6 +140,7 @@ export default defineConfig({
 | `fx-table` | `@wrrdev/fenix-ui/table` |
 | `fx-floatlabel` | `@wrrdev/fenix-ui/floatlabel` |
 | `fx-textarea` | `@wrrdev/fenix-ui/textarea` |
+| `fx-editor` | `@wrrdev/fenix-ui/editor` |
 | `fx-dialog` | `@wrrdev/fenix-ui/dialog` |
 | `fx-drawer` | `@wrrdev/fenix-ui/drawer` |
 | `fx-toast` | `@wrrdev/fenix-ui/toast` |
@@ -392,7 +393,7 @@ ative o modo estrito do Volar no `tsconfig.json`:
 |--------------|-----------------------------------------------|--------------|
 | `fx-button`  | `variant` (primary/secondary/success/warning/danger/ghost/outline), `size`, `disabled`, `loading`, `type`, `full` | default, `icon` |
 | `fx-badge`   | `variant` (default/primary/success/warning/danger/info), `round` | default |
-| `fx-input`   | `type` (text/number/email/password/search/tel/url), `value`, `size`, `placeholder`, `disabled`, `readonly`, `min/max/step` | — |
+| `fx-input`   | `type` (text/number/password), `value`, `size`, `placeholder`, `disabled`, `readonly`, `min/max/step` | — |
 | `fx-select`  | `value`, `size` (sm/md/lg), `disabled`, `placeholder` — filhos `<option>` nativos | `(padrão)` |
 | `fx-switch`  | `checked`, `disabled`, `size` (sm/md/lg)      | `(padrão)`   |
 | `fx-spinner` | `size` (sm/md/lg)                             | —            |

package/dist/components/editor/commands.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Camada de comandos do <fx-editor>.
+ *
+ * `document.execCommand` é deprecated, mas ainda é o único caminho que
+ * preserva o undo nativo sem um modelo de documento. Ele fica isolado aqui;
+ * quando não existe (jsdom, navegador futuro), caímos para Selection/Range.
+ */
+export declare function nativeExec(command: string, value?: string): boolean;
+export declare function queryState(command: string): boolean | null;
+/** Insere HTML na seleção. Usa `insertHTML` nativo quando disponível. */
+export declare function insertHtml(editor: HTMLElement, html: string): boolean;
+/** Alterna uma marca inline (strong/em/u/s/code/sub/sup/mark). */
+export declare function toggleInline(editor: HTMLElement, tag: string): boolean;
+/** Formata o bloco atual/selecionado para p, h1..h6, blockquote ou pre. */
+export declare function formatBlock(editor: HTMLElement, tag: string): boolean;
+/** Alinhamento de bloco. */
+export declare function align(editor: HTMLElement, value: 'left' | 'center' | 'right' | 'justify'): boolean;
+/** Lista com/sem ordem. */
+export declare function toggleList(editor: HTMLElement, ordered: boolean): boolean;
+/** Limpa formatação inline mantendo o texto. */
+export declare function removeFormat(editor: HTMLElement): boolean;
+export declare function applyLink(editor: HTMLElement, href: string, text?: string, target?: string): boolean;
+export declare function unlink(editor: HTMLElement): boolean;
+export declare function indent(editor: HTMLElement, delta: number): boolean;
+export declare function escapeAttr(value: string): string;
+export declare function escapeText(value: string): string;
+//# sourceMappingURL=commands.d.ts.map

package/dist/components/editor/commands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.d.ts","sourceRoot":"","sources":["../../../src/components/editor/commands.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAeH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAQnE;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAQ1D;AAED,yEAAyE;AACzE,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAsBrE;AAiCD,kEAAkE;AAClE,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CA4BtE;AAED,2EAA2E;AAC3E,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAkBrE;AAED,4BAA4B;AAC5B,wBAAgB,KAAK,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAalG;AAED,2BAA2B;AAC3B,wBAAgB,UAAU,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAG,OAAO,CAsBzE;AAED,gDAAgD;AAChD,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAczD;AAMD,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,SAAW,GAAG,OAAO,CA2CtG;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAanD;AAED,wBAAgB,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAWlE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAUhD;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEhD"}

package/dist/components/editor/commands.js

@@ -0,0 +1,235 @@
+import { getSelectedBlocks, getBlock, getRange, placeCaretAtEnd } from "./selection.js";
+function setSelection(range) {
+  const selection = document.getSelection();
+  if (!selection) return;
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
+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 range = getRange(editor);
+  if (!range) {
+    editor.insertAdjacentHTML("beforeend", html);
+    placeCaretAtEnd(editor);
+    return true;
+  }
+  range.deleteContents();
+  const fragment = range.createContextualFragment(html);
+  const last = fragment.lastChild;
+  range.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 range = getRange(editor);
+  if (!range) return false;
+  const el = document.createElement(tag);
+  if (range.collapsed) {
+    el.appendChild(document.createTextNode("​"));
+    range.insertNode(el);
+    const caret = document.createRange();
+    caret.setStart(el.firstChild ?? el, 1);
+    caret.collapse(true);
+    setSelection(caret);
+    return true;
+  }
+  try {
+    range.surroundContents(el);
+  } catch {
+    el.appendChild(range.extractContents());
+    range.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 range = getRange(editor);
+  if (!range) return false;
+  const current = (range.startContainer.nodeType === Node.ELEMENT_NODE ? range.startContainer : range.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 range = document.createRange();
+  range.selectNodeContents(list.lastElementChild ?? list);
+  range.collapse(false);
+  setSelection(range);
+  return true;
+}
+function removeFormat(editor) {
+  if (nativeExec("removeFormat")) return true;
+  const range = getRange(editor);
+  if (!range) return false;
+  const root = range.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 (range.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 range = getRange(editor);
+  if (!range) return insertHtml(editor, linkHtml(href, label, target));
+  const anchor = (range.startContainer.nodeType === Node.ELEMENT_NODE ? range.startContainer : range.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 (!range.collapsed) {
+    if (nativeExec("createLink", href)) {
+      const created = (range.startContainer.nodeType === Node.ELEMENT_NODE ? range.startContainer : range.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 {
+      range.surroundContents(el);
+    } catch {
+      el.appendChild(range.extractContents());
+      range.insertNode(el);
+    }
+    return true;
+  }
+  return insertHtml(editor, linkHtml(href, label, target));
+}
+function unlink(editor) {
+  if (nativeExec("unlink")) return true;
+  const range = getRange(editor);
+  if (!range) return false;
+  const anchor = (range.startContainer.nodeType === Node.ELEMENT_NODE ? range.startContainer : range.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;");
+}
+export {
+  align,
+  applyLink,
+  escapeAttr,
+  escapeText,
+  formatBlock,
+  indent,
+  insertHtml,
+  nativeExec,
+  removeFormat,
+  toggleInline,
+  toggleList,
+  unlink
+};
+//# sourceMappingURL=commands.js.map

package/dist/components/editor/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","sources":["../../../src/components/editor/commands.ts"],"sourcesContent":["/**\n * Camada de comandos do <fx-editor>.\n *\n * `document.execCommand` é deprecated, mas ainda é o único caminho que\n * preserva o undo nativo sem um modelo de documento. Ele fica isolado aqui;\n * quando não existe (jsdom, navegador futuro), caímos para Selection/Range.\n */\n\nimport { getBlock, getRange, getSelectedBlocks, placeCaretAtEnd } from './selection';\n\ntype ExecDocument = Document & {\n  execCommand?: (commandId: string, showUI?: boolean, value?: string) => boolean;\n};\n\nfunction setSelection(range: Range): void {\n  const selection = document.getSelection();\n  if (!selection) return;\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nexport function nativeExec(command: string, value?: string): boolean {\n  const exec = (document as ExecDocument).execCommand;\n  if (typeof exec !== 'function') return false;\n  try {\n    return exec.call(document, command, false, value);\n  } catch {\n    return false;\n  }\n}\n\nexport function queryState(command: string): boolean | null {\n  try {\n    return typeof document.queryCommandState === 'function'\n      ? document.queryCommandState(command)\n      : null;\n  } catch {\n    return null;\n  }\n}\n\n/** Insere HTML na seleção. Usa `insertHTML` nativo quando disponível. */\nexport function insertHtml(editor: HTMLElement, html: string): boolean {\n  if (nativeExec('insertHTML', html)) return true;\n\n  const range = getRange(editor);\n  if (!range) {\n    editor.insertAdjacentHTML('beforeend', html);\n    placeCaretAtEnd(editor);\n    return true;\n  }\n\n  range.deleteContents();\n  const fragment = range.createContextualFragment(html);\n  const last = fragment.lastChild;\n  range.insertNode(fragment);\n\n  if (last) {\n    const next = document.createRange();\n    next.setStartAfter(last);\n    next.collapse(true);\n    setSelection(next);\n  }\n  return true;\n}\n\nfunction unwrap(el: Element): void {\n  const parent = el.parentNode;\n  if (!parent) return;\n  while (el.firstChild) parent.insertBefore(el.firstChild, el);\n  el.remove();\n}\n\nfunction wrapSelection(editor: HTMLElement, tag: string): boolean {\n  const range = getRange(editor);\n  if (!range) return false;\n\n  const el = document.createElement(tag);\n  if (range.collapsed) {\n    el.appendChild(document.createTextNode('\\u200B'));\n    range.insertNode(el);\n    const caret = document.createRange();\n    caret.setStart(el.firstChild ?? el, 1);\n    caret.collapse(true);\n    setSelection(caret);\n    return true;\n  }\n\n  try {\n    range.surroundContents(el);\n  } catch {\n    el.appendChild(range.extractContents());\n    range.insertNode(el);\n  }\n  return true;\n}\n\n/** Alterna uma marca inline (strong/em/u/s/code/sub/sup/mark). */\nexport function toggleInline(editor: HTMLElement, tag: string): boolean {\n  const nativeMap: Record<string, string> = {\n    strong: 'bold',\n    b: 'bold',\n    em: 'italic',\n    i: 'italic',\n    u: 'underline',\n    s: 'strikeThrough',\n    strike: 'strikeThrough',\n  };\n\n  const nativeCommand = nativeMap[tag];\n  if (nativeCommand && nativeExec(nativeCommand)) return true;\n\n  const range = getRange(editor);\n  if (!range) return false;\n\n  const current = (range.startContainer.nodeType === Node.ELEMENT_NODE\n    ? (range.startContainer as Element)\n    : range.startContainer.parentElement\n  )?.closest(tag);\n\n  if (current && editor.contains(current)) {\n    unwrap(current);\n    return true;\n  }\n\n  return wrapSelection(editor, tag);\n}\n\n/** Formata o bloco atual/selecionado para p, h1..h6, blockquote ou pre. */\nexport function formatBlock(editor: HTMLElement, tag: string): boolean {\n  const normalized = tag.toLowerCase().replace(/[<>]/g, '');\n  if (nativeExec('formatBlock', normalized)) return true;\n\n  const blocks = getSelectedBlocks(editor);\n  if (!blocks.length) {\n    const block = getBlock(editor);\n    if (block) blocks.push(block);\n  }\n\n  for (const block of blocks) {\n    if (!editor.contains(block)) continue;\n    const next = document.createElement(normalized);\n    for (const attr of Array.from(block.attributes)) next.setAttribute(attr.name, attr.value);\n    while (block.firstChild) next.appendChild(block.firstChild);\n    block.replaceWith(next);\n  }\n  return blocks.length > 0;\n}\n\n/** Alinhamento de bloco. */\nexport function align(editor: HTMLElement, value: 'left' | 'center' | 'right' | 'justify'): boolean {\n  const nativeMap = {\n    left: 'justifyLeft',\n    center: 'justifyCenter',\n    right: 'justifyRight',\n    justify: 'justifyFull',\n  } as const;\n\n  if (nativeExec(nativeMap[value])) return true;\n\n  const blocks = getSelectedBlocks(editor);\n  for (const block of blocks) block.style.textAlign = value;\n  return blocks.length > 0;\n}\n\n/** Lista com/sem ordem. */\nexport function toggleList(editor: HTMLElement, ordered: boolean): boolean {\n  if (nativeExec(ordered ? 'insertOrderedList' : 'insertUnorderedList')) return true;\n\n  const blocks = getSelectedBlocks(editor);\n  if (!blocks.length) return false;\n\n  const list = document.createElement(ordered ? 'ol' : 'ul');\n  const first = blocks[0];\n  first.parentNode?.insertBefore(list, first);\n\n  for (const block of blocks) {\n    const li = document.createElement('li');\n    while (block.firstChild) li.appendChild(block.firstChild);\n    list.appendChild(li);\n    block.remove();\n  }\n\n  const range = document.createRange();\n  range.selectNodeContents(list.lastElementChild ?? list);\n  range.collapse(false);\n  setSelection(range);\n  return true;\n}\n\n/** Limpa formatação inline mantendo o texto. */\nexport function removeFormat(editor: HTMLElement): boolean {\n  if (nativeExec('removeFormat')) return true;\n\n  const range = getRange(editor);\n  if (!range) return false;\n  const root = range.commonAncestorContainer;\n  const container = root.nodeType === Node.ELEMENT_NODE ? (root as Element) : root.parentElement;\n  if (!container) return false;\n\n  const tags = ['strong', 'b', 'em', 'i', 'u', 's', 'strike', 'span', 'mark', 'code', 'sub', 'sup'];\n  for (const el of Array.from(container.querySelectorAll(tags.join(',')))) {\n    if (range.intersectsNode(el)) unwrap(el);\n  }\n  return true;\n}\n\n/** Cria/edita link na seleção. */\nconst linkHtml = (href: string, label: string, target: string): string =>\n  `<a href=\"${escapeAttr(href)}\" target=\"${target}\" rel=\"noopener noreferrer\">${escapeText(label)}</a>`;\n\nexport function applyLink(editor: HTMLElement, href: string, text?: string, target = '_blank'): boolean {\n  const label = text?.trim() || href;\n  const range = getRange(editor);\n  if (!range) return insertHtml(editor, linkHtml(href, label, target));\n\n  const anchor = (range.startContainer.nodeType === Node.ELEMENT_NODE\n    ? (range.startContainer as Element)\n    : range.startContainer.parentElement\n  )?.closest('a');\n\n  if (anchor && editor.contains(anchor)) {\n    anchor.setAttribute('href', href);\n    anchor.setAttribute('target', target);\n    anchor.setAttribute('rel', 'noopener noreferrer');\n    if (text && text !== anchor.textContent) anchor.textContent = text;\n    return true;\n  }\n\n  if (!range.collapsed) {\n    if (nativeExec('createLink', href)) {\n      const created = (range.startContainer.nodeType === Node.ELEMENT_NODE\n        ? (range.startContainer as Element)\n        : range.startContainer.parentElement\n      )?.closest('a');\n      created?.setAttribute('target', target);\n      created?.setAttribute('rel', 'noopener noreferrer');\n      return true;\n    }\n\n    const el = document.createElement('a');\n    el.setAttribute('href', href);\n    el.setAttribute('target', target);\n    el.setAttribute('rel', 'noopener noreferrer');\n    try {\n      range.surroundContents(el);\n    } catch {\n      el.appendChild(range.extractContents());\n      range.insertNode(el);\n    }\n    return true;\n  }\n\n  return insertHtml(editor, linkHtml(href, label, target));\n}\n\nexport function unlink(editor: HTMLElement): boolean {\n  if (nativeExec('unlink')) return true;\n  const range = getRange(editor);\n  if (!range) return false;\n  const anchor = (range.startContainer.nodeType === Node.ELEMENT_NODE\n    ? (range.startContainer as Element)\n    : range.startContainer.parentElement\n  )?.closest('a');\n  if (anchor && editor.contains(anchor)) {\n    unwrap(anchor);\n    return true;\n  }\n  return false;\n}\n\nexport function indent(editor: HTMLElement, delta: number): boolean {\n  if (delta > 0 && nativeExec('indent')) return true;\n  if (delta < 0 && nativeExec('outdent')) return true;\n\n  const blocks = getSelectedBlocks(editor);\n  for (const block of blocks) {\n    const current = Number.parseInt(block.style.marginLeft || '0', 10) || 0;\n    const next = Math.max(0, current + delta);\n    block.style.marginLeft = next ? `${next}px` : '';\n  }\n  return blocks.length > 0;\n}\n\nexport function escapeAttr(value: string): string {\n  return value.replace(/[&<>\"']/g, (ch) => {\n    switch (ch) {\n      case '&': return '&amp;';\n      case '<': return '&lt;';\n      case '>': return '&gt;';\n      case '\"': return '&quot;';\n      default: return '&#39;';\n    }\n  });\n}\n\nexport function escapeText(value: string): string {\n  return value.replace(/[&<>]/g, (ch) => (ch === '&' ? '&amp;' : ch === '<' ? '&lt;' : '&gt;'));\n}\n\n"],"names":[],"mappings":"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"}

package/dist/components/editor/editor.d.ts

@@ -0,0 +1,83 @@
+import { FxFormElement } from '../../core/form-element';
+export type FxEditorToolbar = 'minimal' | 'basic' | 'standard' | 'full' | 'none';
+export type FxEditorPasteMode = 'clean' | 'plain';
+export interface FxEditorChangeDetail {
+    value: string;
+    html: string;
+    text: string;
+}
+export type FxEditorUploadResult = string | {
+    url: string;
+    alt?: string;
+    width?: string;
+};
+/**
+ * <fx-editor> — editor de texto rico nativo.
+ *
+ * Form-associated: com `name` entra no FormData com o HTML sanitizado.
+ * O atributo `value` é o conteúdo inicial (como o texto de um <textarea>);
+ * a propriedade `value` é o conteúdo atual.
+ */
+export declare class FxEditor extends FxFormElement {
+    #private;
+    static styles: string;
+    static get observedAttributes(): string[];
+    /** Callback opcional de upload de imagem. */
+    uploadImage?: (file: File) => Promise<FxEditorUploadResult>;
+    /** Hook opcional de sanitização extra (roda depois do sanitizador interno). */
+    sanitizeHtml?: (html: string) => string;
+    get editor(): HTMLElement | null;
+    get source(): HTMLTextAreaElement | null;
+    get toolbarEl(): HTMLElement | null;
+    get value(): string;
+    set value(next: string);
+    get html(): string;
+    set html(next: string);
+    get text(): string;
+    get defaultValue(): string;
+    set defaultValue(next: string);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    get required(): boolean;
+    set required(value: boolean);
+    get placeholder(): string;
+    set placeholder(value: string);
+    get toolbar(): FxEditorToolbar;
+    set toolbar(value: FxEditorToolbar);
+    get pasteMode(): FxEditorPasteMode;
+    set pasteMode(value: FxEditorPasteMode);
+    get fullscreen(): boolean;
+    set fullscreen(value: boolean);
+    /** Limite de caracteres de texto (0 desativa). Padrão: 30.000. */
+    get maxlength(): number;
+    set maxlength(value: number);
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+    protected attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    formResetCallback(): void;
+    protected getFormValue(): string | FormData | null;
+    protected render(): void;
+    focus(options?: FocusOptions): void;
+    blur(): void;
+    execute(command: string, value?: string): void;
+    insertHTML(html: string): void;
+    /** Mescla as células tocadas pela seleção. */
+    mergeCells(): boolean;
+    /** Divide a célula mesclada atual. */
+    splitCell(): boolean;
+    getHtml(): string;
+    setHtml(html: string): void;
+    getText(): string;
+    clear(): void;
+    undo(): void;
+    redo(): void;
+    saveSelection(): void;
+    restoreSelection(): void;
+    openDialog(kind: 'link' | 'image' | 'video'): void;
+    toggleSource(): void;
+    toggleFullscreen(): void;
+}
+export declare function defineFxEditor(): typeof FxEditor;
+//# sourceMappingURL=editor.d.ts.map

package/dist/components/editor/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../src/components/editor/editor.ts"],"names":[],"mappings":"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"}