@wrrdev/fenix-ui 1.1.13 → 1.1.15

package/dist/components/editor/sanitize-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize-html.js","sources":["../../../src/components/editor/sanitize-html.ts"],"sourcesContent":["/**\n * Sanitizador de HTML do <fx-editor>.\n *\n * Estratégia: allowlist + DOMParser inerte + serialização única.\n * Nada de regex para decidir o que é seguro: a árvore é percorrida e cada\n * nó/atributo é validado individualmente.\n *\n * O resultado é DEFENSE IN DEPTH. O HTML salvo também deve ser sanitizado\n * no backend antes de ser renderizado em outro contexto.\n */\n\nimport {\n  ALLOWED_CLASS_RE,\n  ALLOWED_EMBED_HOSTS,\n  ALLOWED_STYLE_PROPS,\n  ALLOWED_TAGS,\n  DEFAULT_MAX_DATA_IMAGE_BYTES,\n  DEFAULT_MAX_DATA_VIDEO_BYTES,\n  DROP_CONTENT_TAGS,\n  FORBIDDEN_ATTRS,\n  GLOBAL_ATTRS,\n  SAFE_IMAGE_DATA_RE,\n  SAFE_LINK_PROTOCOLS,\n  SAFE_MEDIA_PROTOCOLS,\n  TAG_ATTRS,\n} from './schema';\n\nexport interface SanitizeOptions {\n  allowBase64Images?: boolean;\n  allowBase64Videos?: boolean;\n  allowEmbeds?: boolean;\n  maxDataImageBytes?: number;\n  maxDataVideoBytes?: number;\n}\n\ntype Options = Required<SanitizeOptions>;\n\nconst DEFAULTS: Options = {\n  allowBase64Images: true,\n  allowBase64Videos: false,\n  allowEmbeds: true,\n  maxDataImageBytes: DEFAULT_MAX_DATA_IMAGE_BYTES,\n  maxDataVideoBytes: DEFAULT_MAX_DATA_VIDEO_BYTES,\n};\n\nconst SAFE_DATA_VIDEO_RE = /^data:video\\/(?:mp4|webm);base64,[a-z0-9+/=\\s]+$/i;\n\n/** Remove caracteres de controle e normaliza espaços de uma URL. */\nfunction cleanRawUrl(value: string): string {\n  return value.replace(/[\\u0000-\\u001F\\u007F\\s]+/g, '').trim();\n}\n\nfunction isRelativeUrl(value: string): boolean {\n  return !value.startsWith('//') && /^(?:#|\\/|\\.{1,2}\\/)/.test(value);\n}\n\n/** Valida um link (href). Retorna '' quando não é seguro. */\nexport function sanitizeLinkUrl(value: string): string {\n  const raw = cleanRawUrl(value);\n  if (!raw) return '';\n  if (isRelativeUrl(raw)) return raw;\n\n  const lower = raw.toLowerCase();\n  if (\n    lower.startsWith('javascript:') ||\n    lower.startsWith('vbscript:') ||\n    lower.startsWith('data:') ||\n    lower.startsWith('file:') ||\n    lower.startsWith('blob:')\n  ) {\n    return '';\n  }\n\n  try {\n    const url = new URL(raw);\n    return SAFE_LINK_PROTOCOLS.has(url.protocol) ? raw : '';\n  } catch {\n    // Links relativos sem prefixo (`pagina.html`) são aceitos.\n    return /^[a-z0-9][a-z0-9._~!$&'()*+,;=:@%/?#-]*$/i.test(raw) ? raw : '';\n  }\n}\n\n/** Valida src/poster de mídia. */\nexport function sanitizeMediaUrl(value: string, tag: string, options: SanitizeOptions = {}): string {\n  const opts = { ...DEFAULTS, ...options };\n  const raw = cleanRawUrl(value);\n  if (!raw) return '';\n\n  if (raw.toLowerCase().startsWith('data:')) {\n    if (tag === 'img' && opts.allowBase64Images) {\n      return SAFE_IMAGE_DATA_RE.test(raw) && raw.length <= opts.maxDataImageBytes ? raw : '';\n    }\n    if ((tag === 'video' || tag === 'source') && opts.allowBase64Videos) {\n      return SAFE_DATA_VIDEO_RE.test(raw) && raw.length <= opts.maxDataVideoBytes ? raw : '';\n    }\n    return '';\n  }\n\n  if (isRelativeUrl(raw)) return raw;\n\n  const lower = raw.toLowerCase();\n  if (\n    lower.startsWith('javascript:') ||\n    lower.startsWith('vbscript:') ||\n    lower.startsWith('file:') ||\n    lower.startsWith('blob:')\n  ) {\n    return '';\n  }\n\n  try {\n    const url = new URL(raw);\n    return SAFE_MEDIA_PROTOCOLS.has(url.protocol) ? raw : '';\n  } catch {\n    return '';\n  }\n}\n\n/** Valida e canonicaliza um iframe de embed. */\nexport function sanitizeEmbedUrl(value: string): string {\n  let raw = cleanRawUrl(value);\n  if (!raw) return '';\n  if (raw.startsWith('//')) raw = `https:${raw}`;\n\n  let url: URL;\n  try {\n    url = new URL(raw);\n  } catch {\n    return '';\n  }\n\n  if (url.protocol !== 'https:') return '';\n  if (!ALLOWED_EMBED_HOSTS.has(url.hostname.toLowerCase())) return '';\n\n  const path = url.pathname.toLowerCase();\n  const isValidPath =\n    (url.hostname.includes('youtube') && path.startsWith('/embed/')) ||\n    (url.hostname.includes('vimeo') && path.startsWith('/video/'));\n  if (!isValidPath) return '';\n\n  return url.toString();\n}\n\n/** Filtra o atributo style por propriedade e valor. */\nfunction sanitizeStyle(value: string): string {\n  if (!value) return '';\n\n  const probe = document.createElement('span');\n  probe.setAttribute('style', value);\n  const out: string[] = [];\n\n  for (let i = 0; i < probe.style.length; i++) {\n    const prop = probe.style.item(i);\n    if (!ALLOWED_STYLE_PROPS.has(prop)) continue;\n    const val = probe.style.getPropertyValue(prop).trim();\n    if (!val) continue;\n    if (/\\\\/.test(val)) continue;\n    if (/url\\s*\\(|expression\\s*\\(|javascript\\s*:|@import|behavior\\s*:|-moz-binding/i.test(val)) continue;\n    out.push(`${prop}: ${val}`);\n  }\n\n  return out.join('; ');\n}\n\nfunction sanitizeAttributes(el: Element, tag: string, opts: Options): void {\n  for (const attr of Array.from(el.attributes)) {\n    const name = attr.name.toLowerCase();\n    const value = attr.value;\n\n    if (FORBIDDEN_ATTRS.has(name) || name.startsWith('on')) {\n      el.removeAttribute(attr.name);\n      continue;\n    }\n\n    const allowed = GLOBAL_ATTRS.has(name) || TAG_ATTRS[tag]?.has(name);\n    if (!allowed) {\n      el.removeAttribute(attr.name);\n      continue;\n    }\n\n    if (name === 'style') {\n      const safe = sanitizeStyle(value);\n      if (safe) el.setAttribute('style', safe);\n      else el.removeAttribute('style');\n      continue;\n    }\n\n    if (name === 'class') {\n      const classes = value.split(/\\s+/).filter((c) => ALLOWED_CLASS_RE.test(c));\n      if (classes.length) el.setAttribute('class', classes.join(' '));\n      else el.removeAttribute('class');\n      continue;\n    }\n\n    if (name === 'href') {\n      const safe = sanitizeLinkUrl(value);\n      if (safe) el.setAttribute('href', safe);\n      else el.removeAttribute('href');\n      continue;\n    }\n\n    if (name === 'src') {\n      const safe = sanitizeMediaUrl(value, tag, opts);\n      if (safe) el.setAttribute('src', safe);\n      else el.removeAttribute('src');\n      continue;\n    }\n\n    if (name === 'poster') {\n      const safe = sanitizeMediaUrl(value, 'img', opts);\n      if (safe) el.setAttribute('poster', safe);\n      else el.removeAttribute('poster');\n      continue;\n    }\n\n    if (name === 'target') {\n      const safe = value === '_self' || value === '_blank' ? value : '_blank';\n      el.setAttribute('target', safe);\n      continue;\n    }\n\n    if (name === 'colspan' || name === 'rowspan' || name === 'span' || name === 'start') {\n      const n = Number(value);\n      if (Number.isInteger(n) && n > 0 && n <= 1000) el.setAttribute(name, String(n));\n      else el.removeAttribute(name);\n      continue;\n    }\n\n    if (name === 'width' || name === 'height') {\n      if (/^\\d{1,4}(?:px|%)?$/i.test(value.trim())) el.setAttribute(name, value.trim());\n      else el.removeAttribute(name);\n      continue;\n    }\n  }\n\n  if (tag === 'a') {\n    const href = el.getAttribute('href');\n    if (!href) {\n      el.removeAttribute('target');\n      el.removeAttribute('rel');\n    } else if (el.getAttribute('target') === '_blank') {\n      el.setAttribute('rel', 'noopener noreferrer');\n    }\n  }\n\n  if (tag === 'iframe') {\n    el.setAttribute('sandbox', 'allow-scripts allow-same-origin allow-presentation');\n    el.setAttribute('allowfullscreen', '');\n    el.setAttribute('loading', 'lazy');\n    el.setAttribute('referrerpolicy', 'strict-origin-when-cross-origin');\n  }\n\n  if (tag === 'img') {\n    if (!el.hasAttribute('alt')) el.setAttribute('alt', '');\n    el.setAttribute('loading', 'lazy');\n    el.setAttribute('decoding', 'async');\n  }\n\n  if (tag === 'video') {\n    el.setAttribute('controls', '');\n    el.setAttribute('preload', 'metadata');\n  }\n}\n\nfunction sanitizeIframe(el: Element): boolean {\n  const src = el.getAttribute('src') ?? '';\n  const safe = sanitizeEmbedUrl(src);\n  if (!safe) return false;\n  el.setAttribute('src', safe);\n  return true;\n}\n\nfunction unwrap(el: Element, opts: Options): void {\n  const parent = el.parentNode;\n  if (!parent) {\n    el.remove();\n    return;\n  }\n\n  for (const child of Array.from(el.childNodes)) {\n    sanitizeNode(child, opts);\n    parent.insertBefore(child, el);\n  }\n  el.remove();\n}\n\nfunction sanitizeNode(node: Node, opts: Options): void {\n  if (node.nodeType === Node.TEXT_NODE) return;\n  if (node.nodeType === Node.COMMENT_NODE) {\n    node.parentNode?.removeChild(node);\n    return;\n  }\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    node.parentNode?.removeChild(node);\n    return;\n  }\n\n  const el = node as Element;\n  const tag = el.tagName.toLowerCase();\n\n  if (DROP_CONTENT_TAGS.has(tag)) {\n    el.remove();\n    return;\n  }\n\n  if (tag === 'iframe') {\n    if (!opts.allowEmbeds || !sanitizeIframe(el)) el.remove();\n    else sanitizeAttributes(el, tag, opts);\n    return;\n  }\n\n  if (!ALLOWED_TAGS.has(tag)) {\n    unwrap(el, opts);\n    return;\n  }\n\n  sanitizeAttributes(el, tag, opts);\n\n  if ((tag === 'img' || tag === 'video' || tag === 'source') && !el.hasAttribute('src')) {\n    el.remove();\n    return;\n  }\n\n  for (const child of Array.from(el.childNodes)) sanitizeNode(child, opts);\n}\n\n/**\n * Sanitiza um fragmento HTML e devolve o HTML seguro.\n *\n * @example\n * sanitizeHtml('<p onclick=\"x()\">Oi<script>alert(1)</script></p>')\n * // => '<p>Oi</p>'\n */\n/**\n * Sanitiza o HTML e devolve o `<body>` já filtrado, sem serializar.\n * Permite encadear a normalização no MESMO DOM (uma única parseada).\n */\nexport function sanitizeBody(html: string, options: SanitizeOptions = {}): HTMLElement | null {\n  const opts: Options = { ...DEFAULTS, ...options };\n  if (!html) return null;\n  if (typeof DOMParser === 'undefined' || typeof document === 'undefined') return null;\n\n  const doc = new DOMParser().parseFromString(\n    `<!doctype html><html><body>${html}</body></html>`,\n    'text/html',\n  );\n\n  for (const child of Array.from(doc.body.childNodes)) sanitizeNode(child, opts);\n  return doc.body;\n}\n\nexport function sanitizeHtml(html: string, options: SanitizeOptions = {}): string {\n  const body = sanitizeBody(html, options);\n  return body ? body.innerHTML : '';\n}\n\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,36 @@
+/**
+ * Contrato de HTML do <fx-editor>.
+ *
+ * Este arquivo é a fonte única de verdade do que pode existir no HTML salvo.
+ * `sanitize-html.ts` usa estas listas para remover conteúdo perigoso e
+ * `normalize-html.ts` usa as mesmas listas para canonicalizar a estrutura.
+ */
+/** Tags que podem permanecer no HTML final. */
+export declare const ALLOWED_TAGS: Set<string>;
+/** Tags cujo conteúdo deve ser descartado por inteiro (não basta remover a tag). */
+export declare const DROP_CONTENT_TAGS: Set<string>;
+/** Tags vazias (void) — não recebem fechamento. */
+export declare const VOID_TAGS: Set<string>;
+/** Atributos aceitos em qualquer tag permitida. */
+export declare const GLOBAL_ATTRS: Set<string>;
+/** Atributos aceitos por tag. */
+export declare const TAG_ATTRS: Record<string, Set<string>>;
+/** Propriedades CSS permitidas em `style` inline. */
+export declare const ALLOWED_STYLE_PROPS: Set<string>;
+/** Classes `fx-*` que podem ser preservadas no HTML salvo. */
+export declare const ALLOWED_CLASS_RE: RegExp;
+/** Hosts autorizados para embed de vídeo. */
+export declare const ALLOWED_EMBED_HOSTS: Set<string>;
+/** Protocolos permitidos em links. */
+export declare const SAFE_LINK_PROTOCOLS: Set<string>;
+/** Protocolos permitidos em mídia. */
+export declare const SAFE_MEDIA_PROTOCOLS: Set<string>;
+/** Data URL de imagem segura (SVG é bloqueado de propósito). */
+export declare const SAFE_IMAGE_DATA_RE: RegExp;
+/** Limite padrão para imagens em base64 (bytes aproximados do data URL). */
+export declare const DEFAULT_MAX_DATA_IMAGE_BYTES: number;
+/** Limite padrão para vídeo em base64 (bytes aproximados do data URL). */
+export declare const DEFAULT_MAX_DATA_VIDEO_BYTES: number;
+/** Atributos que nunca podem existir no HTML salvo. */
+export declare const FORBIDDEN_ATTRS: Set<string>;
+//# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/editor/schema.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,+CAA+C;AAC/C,eAAO,MAAM,YAAY,aAMvB,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,aAI5B,CAAC;AAEH,mDAAmD;AACnD,eAAO,MAAM,SAAS,aAEpB,CAAC;AAEH,mDAAmD;AACnD,eAAO,MAAM,YAAY,aAEvB,CAAC;AAEH,iCAAiC;AACjC,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAkCjD,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,mBAAmB,aAS9B,CAAC;AAEH,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB,QAAqB,CAAC;AAEnD,6CAA6C;AAC7C,eAAO,MAAM,mBAAmB,aAM9B,CAAC;AAEH,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,aAA0D,CAAC;AAE3F,sCAAsC;AACtC,eAAO,MAAM,oBAAoB,aAAuC,CAAC;AAEzE,gEAAgE;AAChE,eAAO,MAAM,kBAAkB,QAAqE,CAAC;AAErG,4EAA4E;AAC5E,eAAO,MAAM,4BAA4B,QAAkB,CAAC;AAE5D,0EAA0E;AAC1E,eAAO,MAAM,4BAA4B,QAAkB,CAAC;AAE5D,uDAAuD;AACvD,eAAO,MAAM,eAAe,aAS1B,CAAC"}

package/dist/components/editor/schema.js

@@ -0,0 +1,232 @@
+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"
+]);
+export {
+  ALLOWED_CLASS_RE,
+  ALLOWED_EMBED_HOSTS,
+  ALLOWED_STYLE_PROPS,
+  ALLOWED_TAGS,
+  DEFAULT_MAX_DATA_IMAGE_BYTES,
+  DEFAULT_MAX_DATA_VIDEO_BYTES,
+  DROP_CONTENT_TAGS,
+  FORBIDDEN_ATTRS,
+  GLOBAL_ATTRS,
+  SAFE_IMAGE_DATA_RE,
+  SAFE_LINK_PROTOCOLS,
+  SAFE_MEDIA_PROTOCOLS,
+  TAG_ATTRS
+};
+//# sourceMappingURL=schema.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sources":["../../../src/components/editor/schema.ts"],"sourcesContent":["/**\n * Contrato de HTML do <fx-editor>.\n *\n * Este arquivo é a fonte única de verdade do que pode existir no HTML salvo.\n * `sanitize-html.ts` usa estas listas para remover conteúdo perigoso e\n * `normalize-html.ts` usa as mesmas listas para canonicalizar a estrutura.\n */\n\n/** Tags que podem permanecer no HTML final. */\nexport const ALLOWED_TAGS = new Set<string>([\n  'p', 'br', 'strong', 'b', 'em', 'i', 'u', 's', 'del', 'ins', 'sub', 'sup',\n  'code', 'pre', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',\n  'ul', 'ol', 'li', 'a', 'img', 'figure', 'figcaption', 'video', 'source',\n  'iframe', 'table', 'thead', 'tbody', 'tfoot', 'tr', 'th', 'td',\n  'colgroup', 'col', 'hr', 'span', 'div', 'small', 'mark',\n]);\n\n/** Tags cujo conteúdo deve ser descartado por inteiro (não basta remover a tag). */\nexport const DROP_CONTENT_TAGS = new Set<string>([\n  'script', 'style', 'template', 'noscript', 'svg', 'math', 'object', 'embed',\n  'form', 'input', 'button', 'textarea', 'select', 'option', 'meta', 'link',\n  'base', 'title', 'head', 'audio', 'canvas', 'map', 'area',\n]);\n\n/** Tags vazias (void) — não recebem fechamento. */\nexport const VOID_TAGS = new Set<string>([\n  'br', 'img', 'source', 'hr', 'col', 'input', 'meta', 'link', 'base',\n]);\n\n/** Atributos aceitos em qualquer tag permitida. */\nexport const GLOBAL_ATTRS = new Set<string>([\n  'title', 'dir', 'lang', 'role',\n]);\n\n/** Atributos aceitos por tag. */\nexport const TAG_ATTRS: Record<string, Set<string>> = {\n  a: new Set(['href', 'target', 'rel', 'download']),\n  img: new Set(['src', 'alt', 'width', 'height', 'loading', 'decoding']),\n  video: new Set(['src', 'poster', 'controls', 'preload', 'width', 'height', 'muted', 'loop', 'playsinline']),\n  source: new Set(['src', 'type']),\n  iframe: new Set([\n    'src', 'title', 'width', 'height', 'allow', 'allowfullscreen', 'sandbox',\n    'referrerpolicy', 'loading',\n  ]),\n  td: new Set(['colspan', 'rowspan', 'scope', 'style', 'class', 'data-align']),\n  th: new Set(['colspan', 'rowspan', 'scope', 'style', 'class', 'data-align']),\n  table: new Set(['style', 'class', 'role', 'data-cols', 'data-stack']),\n  col: new Set(['span', 'style', 'width']),\n  colgroup: new Set(['span', 'style']),\n  figure: new Set(['class', 'style', 'data-align', 'data-cols']),\n  figcaption: new Set(['class', 'style']),\n  span: new Set(['class', 'style']),\n  div: new Set(['class', 'style']),\n  p: new Set(['class', 'style']),\n  h1: new Set(['class', 'style']),\n  h2: new Set(['class', 'style']),\n  h3: new Set(['class', 'style']),\n  h4: new Set(['class', 'style']),\n  h5: new Set(['class', 'style']),\n  h6: new Set(['class', 'style']),\n  blockquote: new Set(['class', 'style']),\n  pre: new Set(['class', 'style']),\n  code: new Set(['class']),\n  li: new Set(['class', 'style', 'value']),\n  ol: new Set(['class', 'style', 'start', 'type']),\n  ul: new Set(['class', 'style']),\n  hr: new Set(['class', 'style']),\n  small: new Set(['class']),\n  mark: new Set(['class', 'style']),\n};\n\n/** Propriedades CSS permitidas em `style` inline. */\nexport const ALLOWED_STYLE_PROPS = new Set<string>([\n  'color', 'background-color', 'text-align', 'font-size', 'font-family',\n  'font-weight', 'font-style', 'text-decoration', 'text-decoration-line',\n  'vertical-align', 'width', 'height', 'max-width', 'min-width',\n  'margin', 'margin-top', 'margin-right', 'margin-bottom', 'margin-left',\n  'padding', 'padding-top', 'padding-right', 'padding-bottom', 'padding-left',\n  'border', 'border-top', 'border-right', 'border-bottom', 'border-left',\n  'border-collapse', 'border-spacing', 'border-radius', 'float', 'display',\n  'line-height', 'white-space', 'word-break', 'overflow-wrap', 'list-style-type',\n]);\n\n/** Classes `fx-*` que podem ser preservadas no HTML salvo. */\nexport const ALLOWED_CLASS_RE = /^fx-[a-z0-9-]+$/i;\n\n/** Hosts autorizados para embed de vídeo. */\nexport const ALLOWED_EMBED_HOSTS = new Set<string>([\n  'www.youtube.com',\n  'youtube.com',\n  'www.youtube-nocookie.com',\n  'youtube-nocookie.com',\n  'player.vimeo.com',\n]);\n\n/** Protocolos permitidos em links. */\nexport const SAFE_LINK_PROTOCOLS = new Set<string>(['http:', 'https:', 'mailto:', 'tel:']);\n\n/** Protocolos permitidos em mídia. */\nexport const SAFE_MEDIA_PROTOCOLS = new Set<string>(['http:', 'https:']);\n\n/** Data URL de imagem segura (SVG é bloqueado de propósito). */\nexport const SAFE_IMAGE_DATA_RE = /^data:image\\/(?:png|jpe?g|gif|webp|avif);base64,[a-z0-9+/=\\s]+$/i;\n\n/** Limite padrão para imagens em base64 (bytes aproximados do data URL). */\nexport const DEFAULT_MAX_DATA_IMAGE_BYTES = 2 * 1024 * 1024;\n\n/** Limite padrão para vídeo em base64 (bytes aproximados do data URL). */\nexport const DEFAULT_MAX_DATA_VIDEO_BYTES = 4 * 1024 * 1024;\n\n/** Atributos que nunca podem existir no HTML salvo. */\nexport const FORBIDDEN_ATTRS = new Set<string>([\n  'contenteditable', 'spellcheck', 'tabindex', 'autofocus', 'id',\n  'onclick', 'ondblclick', 'onmousedown', 'onmouseup', 'onmouseover',\n  'onmouseout', 'onmousemove', 'onkeydown', 'onkeyup', 'onkeypress',\n  'onload', 'onerror', 'onfocus', 'onblur', 'oninput', 'onchange',\n  'onsubmit', 'onreset', 'onselect', 'ondrag', 'ondrop', 'onpaste',\n  'oncopy', 'oncut', 'onscroll', 'onwheel', 'onanimationstart',\n  'onanimationend', 'ontransitionend', 'formaction', 'srcdoc',\n  'xlink:href', 'xmlns', 'http-equiv', 'ping',\n]);\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+/**
+ * Utilitários de seleção/Range para o <fx-editor>.
+ *
+ * O contenteditable vive dentro de um Shadow DOM aberto. Em navegadores
+ * modernos `Selection.getComposedRanges()` devolve os nós reais; sem ele,
+ * caímos para `document.getSelection()` (light DOM/jsdom).
+ */
+export interface ComposedSelection extends Selection {
+}
+export declare const BLOCK_SELECTOR = "p,h1,h2,h3,h4,h5,h6,li,blockquote,pre,td,th,figcaption,div";
+export declare function isRangeInside(editor: HTMLElement, range: Range | null): boolean;
+export declare function readSelectionRange(root: ShadowRoot | Document): Range | null;
+export declare function getRange(editor: HTMLElement, fallback?: Range | null): Range | null;
+export declare function saveRange(editor: HTMLElement): Range | null;
+export declare function restoreRange(editor: HTMLElement, range: Range | null): void;
+export declare function placeCaretAtEnd(editor: HTMLElement): void;
+export declare function getBlock(editor: HTMLElement, range?: Range | null): HTMLElement | null;
+export declare function getSelectedBlocks(editor: HTMLElement, range?: Range | null): HTMLElement[];
+export declare function closestInEditor<T extends Element>(editor: HTMLElement, node: Node | null, selector: string): T | null;
+export declare function selectElement(el: Element): void;
+export declare function isSelectionCollapsed(editor: HTMLElement): boolean;
+//# sourceMappingURL=selection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../src/components/editor/selection.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,iBAAkB,SAAQ,SAAS;CAGnD;AAED,eAAO,MAAM,cAAc,+DACmC,CAAC;AAO/D,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,OAAO,CAK/E;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,IAAI,CAoB5E;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,CAKnF;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,WAAW,GAAG,KAAK,GAAG,IAAI,CAG3D;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAO3E;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAQzD;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAOtF;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,WAAW,EAAE,CAe1F;AAED,wBAAgB,eAAe,CAAC,CAAC,SAAS,OAAO,EAC/C,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,IAAI,GAAG,IAAI,EACjB,QAAQ,EAAE,MAAM,GACf,CAAC,GAAG,IAAI,CAIV;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAO/C;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,WAAW,GAAG,OAAO,CAGjE"}

package/dist/components/editor/selection.js

@@ -0,0 +1,97 @@
+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, range) {
+  if (!range) return false;
+  const start = range.startContainer;
+  const end = range.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 range = document.createRange();
+        range.setStart(first.startContainer, first.startOffset);
+        range.setEnd(first.endContainer, first.endOffset);
+        return range;
+      }
+    } catch {
+    }
+  }
+  return selection.rangeCount > 0 ? selection.getRangeAt(0) : null;
+}
+function getRange(editor, fallback) {
+  const range = readSelectionRange(rootOf(editor));
+  if (isRangeInside(editor, range)) return range;
+  if (isRangeInside(editor, fallback ?? null)) return fallback ?? null;
+  return null;
+}
+function saveRange(editor) {
+  const range = getRange(editor);
+  return range ? range.cloneRange() : null;
+}
+function restoreRange(editor, range) {
+  if (!range || !isRangeInside(editor, range)) return;
+  editor.focus({ preventScroll: true });
+  const selection = document.getSelection();
+  if (!selection) return;
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
+function placeCaretAtEnd(editor) {
+  const range = document.createRange();
+  range.selectNodeContents(editor);
+  range.collapse(false);
+  const selection = document.getSelection();
+  if (!selection) return;
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
+function getBlock(editor, range) {
+  const active = range ?? 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, range) {
+  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;
+}
+export {
+  BLOCK_SELECTOR,
+  closestInEditor,
+  getBlock,
+  getRange,
+  getSelectedBlocks,
+  isRangeInside,
+  placeCaretAtEnd,
+  readSelectionRange,
+  restoreRange,
+  saveRange
+};
+//# sourceMappingURL=selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selection.js","sources":["../../../src/components/editor/selection.ts"],"sourcesContent":["/**\n * Utilitários de seleção/Range para o <fx-editor>.\n *\n * O contenteditable vive dentro de um Shadow DOM aberto. Em navegadores\n * modernos `Selection.getComposedRanges()` devolve os nós reais; sem ele,\n * caímos para `document.getSelection()` (light DOM/jsdom).\n */\n\nexport interface ComposedSelection extends Selection {\n  // Tipagem de compatibilidade para navegadores que ainda não declaram\n  // getComposedRanges no lib.dom. Em TS 5.6+ o método já existe em Selection.\n}\n\nexport const BLOCK_SELECTOR =\n  'p,h1,h2,h3,h4,h5,h6,li,blockquote,pre,td,th,figcaption,div';\n\nfunction rootOf(editor: HTMLElement): ShadowRoot | Document {\n  const root = editor.getRootNode();\n  return typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot ? root : document;\n}\n\nexport function isRangeInside(editor: HTMLElement, range: Range | null): boolean {\n  if (!range) return false;\n  const start = range.startContainer;\n  const end = range.endContainer;\n  return editor.contains(start) && editor.contains(end);\n}\n\nexport function readSelectionRange(root: ShadowRoot | Document): Range | null {\n  const selection = document.getSelection() as ComposedSelection | null;\n  if (!selection) return null;\n\n  if (root instanceof ShadowRoot && selection.getComposedRanges) {\n    try {\n      const ranges = selection.getComposedRanges({ shadowRoots: [root] });\n      const first = ranges[0];\n      if (first) {\n        const range = document.createRange();\n        range.setStart(first.startContainer, first.startOffset);\n        range.setEnd(first.endContainer, first.endOffset);\n        return range;\n      }\n    } catch {\n      /* fallback abaixo */\n    }\n  }\n\n  return selection.rangeCount > 0 ? selection.getRangeAt(0) : null;\n}\n\nexport function getRange(editor: HTMLElement, fallback?: Range | null): Range | null {\n  const range = readSelectionRange(rootOf(editor));\n  if (isRangeInside(editor, range)) return range;\n  if (isRangeInside(editor, fallback ?? null)) return fallback ?? null;\n  return null;\n}\n\nexport function saveRange(editor: HTMLElement): Range | null {\n  const range = getRange(editor);\n  return range ? range.cloneRange() : null;\n}\n\nexport function restoreRange(editor: HTMLElement, range: Range | null): void {\n  if (!range || !isRangeInside(editor, range)) return;\n  editor.focus({ preventScroll: true });\n  const selection = document.getSelection();\n  if (!selection) return;\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nexport function placeCaretAtEnd(editor: HTMLElement): void {\n  const range = document.createRange();\n  range.selectNodeContents(editor);\n  range.collapse(false);\n  const selection = document.getSelection();\n  if (!selection) return;\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nexport function getBlock(editor: HTMLElement, range?: Range | null): HTMLElement | null {\n  const active = range ?? getRange(editor);\n  if (!active) return null;\n  const node = active.startContainer;\n  const el = node.nodeType === Node.ELEMENT_NODE ? (node as Element) : node.parentElement;\n  const block = el?.closest<HTMLElement>(BLOCK_SELECTOR) ?? null;\n  return block && editor.contains(block) ? block : null;\n}\n\nexport function getSelectedBlocks(editor: HTMLElement, range?: Range | null): HTMLElement[] {\n  const active = range ?? getRange(editor);\n  if (!active) return [];\n  if (active.collapsed) {\n    const block = getBlock(editor, active);\n    return block ? [block] : [];\n  }\n\n  return Array.from(editor.querySelectorAll<HTMLElement>(BLOCK_SELECTOR)).filter((block) => {\n    try {\n      return active.intersectsNode(block);\n    } catch {\n      return false;\n    }\n  });\n}\n\nexport function closestInEditor<T extends Element>(\n  editor: HTMLElement,\n  node: Node | null,\n  selector: string,\n): T | null {\n  const el = node && (node.nodeType === Node.ELEMENT_NODE ? (node as Element) : node.parentElement);\n  const match = el?.closest<T>(selector) ?? null;\n  return match && editor.contains(match) ? match : null;\n}\n\nexport function selectElement(el: Element): void {\n  const range = document.createRange();\n  range.selectNode(el);\n  const selection = document.getSelection();\n  if (!selection) return;\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\nexport function isSelectionCollapsed(editor: HTMLElement): boolean {\n  const range = getRange(editor);\n  return !range || range.collapsed;\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+/**
+ * Estilos do <fx-editor>.
+ *
+ * Tudo isolado no Shadow DOM. A parte de conteúdo também é exportada em
+ * `FX_EDITOR_CONTENT_CSS` para quem salva o HTML e precisa renderizá-lo fora
+ * do componente.
+ */
+export declare const FX_EDITOR_CONTENT_CSS = "\n.content { line-height: 1.55; color: var(--fx-text-default); }\n.content p { margin: 0 0 0.65em; }\n.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {\n  margin: 0.8em 0 0.4em; line-height: 1.25; font-weight: 600; color: var(--fx-text-default);\n}\n.content h1 { font-size: 1.8em; }\n.content h2 { font-size: 1.5em; }\n.content h3 { font-size: 1.25em; }\n.content h4 { font-size: 1.1em; }\n.content h5, .content h6 { font-size: 1em; }\n.content ul, .content ol { margin: 0 0 0.65em; padding-left: 1.6em; }\n.content li { margin: 0.15em 0; }\n.content blockquote {\n  margin: 0.5em 0; padding: 0.25em 0 0.25em 1em;\n  border-left: 3px solid var(--fx-color-primary); color: var(--fx-text-muted);\n}\n.content pre {\n  margin: 0.6em 0; padding: var(--fx-space-md); overflow: auto;\n  background: var(--fx-surface-surface); border-radius: var(--fx-radius-sm);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em;\n}\n.content code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 0.92em; background: var(--fx-surface-surface);\n  padding: 0.1em 0.3em; border-radius: 3px;\n}\n.content pre code { background: none; padding: 0; }\n.content hr { border: none; border-top: 1px solid var(--fx-border-default); margin: 1em 0; }\n.content a { color: var(--fx-color-primary); text-decoration: underline; cursor: pointer; }\n.content img { max-width: 100%; height: auto; display: block; }\n.content figure { margin: 1em 0; }\n.content figure.fx-image img { margin: 0 auto; }\n.content figure.fx-image[data-align=\"left\"] { float: left; max-width: 50%; margin: 0 1em 0.5em 0; }\n.content figure.fx-image[data-align=\"right\"] { float: right; max-width: 50%; margin: 0 0 0.5em 1em; }\n.content figure.fx-image[data-align=\"center\"] { margin-left: auto; margin-right: auto; }\n.content figure.fx-video[data-align=\"left\"],\n.content figure.fx-embed[data-align=\"left\"] { float: left; max-width: 50%; margin: 0 1em 0.5em 0; }\n.content figure.fx-video[data-align=\"right\"],\n.content figure.fx-embed[data-align=\"right\"] { float: right; max-width: 50%; margin: 0 0 0.5em 1em; }\n.content figure.fx-video[data-align=\"center\"],\n.content figure.fx-embed[data-align=\"center\"] { margin-left: auto; margin-right: auto; }\n.content figcaption {\n  margin-top: 0.4em; color: var(--fx-text-muted);\n  font-size: 0.85em; text-align: center;\n}\n.content video { display: block; width: 100%; background: #000; border-radius: var(--fx-radius-sm); }\n.content iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }\n.content table { width: 100%; border-collapse: collapse; margin: 1em 0; }\n.content th, .content td { border: 1px solid var(--fx-border-default); padding: var(--fx-space-xs) var(--fx-space-sm); vertical-align: top; }\n.content th { background: var(--fx-surface-surface); text-align: left; font-weight: 600; }\n.content table.fx-grid { border: none; margin: 0.6em 0; }\n.content table.fx-grid > tbody > tr > td {\n  border: 1px dashed var(--fx-border-default); padding: var(--fx-space-sm);\n  vertical-align: top;\n}\n@media (max-width: 640px) {\n  .content table.fx-grid[data-stack] > tbody > tr > td {\n    display: block; width: 100% !important; border: none; padding: var(--fx-space-xs) 0;\n  }\n}\n";
+export declare const EDITOR_STYLES = "\n:host {\n  display: block;\n  width: 100%;\n  font-family: var(--fx-font-family);\n  font-size: var(--fx-font-size);\n  color: var(--fx-text-default);\n  --fx-editor-min-height: 240px;\n  --fx-editor-max-height: none;\n  --fx-editor-radius: var(--fx-radius-md);\n  --fx-editor-toolbar-bg: var(--fx-surface-surface);\n  --fx-editor-content-padding: var(--fx-space-md) var(--fx-space-lg);\n}\n:host([full]) { width: 100%; }\n.editor {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background: var(--fx-surface-background);\n  border: 1px solid var(--fx-border-default);\n  border-radius: var(--fx-editor-radius);\n  transition: border-color var(--fx-motion-duration-normal) var(--fx-motion-easing),\n    box-shadow var(--fx-motion-duration-normal) var(--fx-motion-easing);\n}\n.editor:focus-within {\n  border-color: var(--fx-color-primary);\n  box-shadow: var(--fx-effect-focus-ring, none);\n}\n:host([error]) .editor, :host([invalid]) .editor {\n  border-color: var(--fx-color-danger, #dc2626);\n  box-shadow: var(--fx-effect-error-ring, 0 0 0 3px color-mix(in srgb, var(--fx-color-danger, #dc2626) 18%, transparent));\n}\n:host([success]) .editor, :host([valid]) .editor {\n  border-color: var(--fx-color-success, #16a34a);\n  box-shadow: var(--fx-effect-success-ring, 0 0 0 3px color-mix(in srgb, var(--fx-color-success, #16a34a) 18%, transparent));\n}\n:host([disabled]) { opacity: 0.55; pointer-events: none; }\n:host([readonly]) .toolbar { display: none; }\n\n.toolbar {\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 1px;\n  padding: var(--fx-space-xs);\n  background: var(--fx-editor-toolbar-bg);\n  border-bottom: 1px solid var(--fx-border-default);\n  user-select: none;\n}\n.toolbar[hidden] { display: none; }\n.tb-group {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  padding: 0 var(--fx-space-xs);\n  border-right: 1px solid var(--fx-border-default);\n}\n.tb-group:last-child { border-right: none; }\n.tb-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: none;\n  border-radius: var(--fx-radius-sm);\n  background: transparent;\n  color: var(--fx-text-default);\n  font-size: 19px;\n  cursor: pointer;\n  transition: background var(--fx-motion-duration-fast) var(--fx-motion-easing);\n}\n.tb-btn:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.06)); }\n.tb-btn:focus-visible { outline: 2px solid var(--fx-color-primary); outline-offset: -2px; }\n.tb-btn.active {\n  background: color-mix(in srgb, var(--fx-color-primary) 14%, transparent);\n  color: var(--fx-color-primary);\n}\n.tb-btn:disabled { opacity: 0.4; cursor: not-allowed; }\n.tb-select {\n  height: 30px;\n  padding: 0 var(--fx-space-xs);\n  border: 1px solid var(--fx-border-default);\n  border-radius: var(--fx-radius-sm);\n  background: var(--fx-surface-background);\n  color: var(--fx-text-default);\n  font-family: inherit;\n  font-size: calc(var(--fx-font-size) - 2px);\n  cursor: pointer;\n}\n.tb-color {\n  width: 30px;\n  height: 30px;\n  padding: 2px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n.tb-color input { width: 26px; height: 26px; padding: 0; border: none; background: none; cursor: pointer; }\n.body { position: relative; display: flex; flex-direction: column; flex: 1 1 auto; }\n.content {\n  position: relative;\n  min-height: var(--fx-editor-min-height);\n  max-height: var(--fx-editor-max-height);\n  overflow: auto;\n  padding: var(--fx-editor-content-padding);\n  outline: none;\n  box-sizing: border-box;\n}\n.content[hidden] { display: none; }\n.content.is-empty::before {\n  content: attr(data-placeholder);\n  color: var(--fx-text-muted);\n  pointer-events: none;\n  position: absolute;\n}\n.content[contenteditable=\"false\"] { background: var(--fx-surface-surface-hover, rgba(0,0,0,.02)); }\n.content figure.fx-image { touch-action: none; }\n\n.media-overlay {\n  position: absolute;\n  z-index: 5;\n  pointer-events: none;\n  border: 1px solid var(--fx-color-primary);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--fx-color-primary) 30%, transparent);\n}\n.media-overlay[hidden] { display: none; }\n.media-handle {\n  position: absolute;\n  width: 11px;\n  height: 11px;\n  border: 1px solid #fff;\n  border-radius: 50%;\n  background: var(--fx-color-primary);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);\n  pointer-events: auto;\n  touch-action: none;\n}\n.media-handle.nw { left: -6px; top: -6px; cursor: nwse-resize; }\n.media-handle.ne { right: -6px; top: -6px; cursor: nesw-resize; }\n.media-handle.sw { left: -6px; bottom: -6px; cursor: nesw-resize; }\n.media-handle.se { right: -6px; bottom: -6px; cursor: nwse-resize; }\n.media-size {\n  position: absolute;\n  top: -24px;\n  left: 0;\n  padding: 2px 6px;\n  border-radius: var(--fx-radius-sm);\n  background: var(--fx-color-primary);\n  color: #fff;\n  font-size: 11px;\n  line-height: 1.4;\n  white-space: nowrap;\n}\n.media-delete {\n  position: absolute;\n  top: -32px;\n  right: -1px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  background: var(--fx-color-danger, #dc2626);\n  color: #fff;\n  font-size: 15px;\n  line-height: 1;\n  cursor: pointer;\n  pointer-events: auto;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);\n}\n.media-delete:hover { filter: brightness(0.92); }\n.media-delete:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }\n\n.content figure.fx-image,\n.content figure.fx-video,\n.content figure.fx-embed { position: relative; }\n.fx-media-quick {\n  position: absolute;\n  top: 6px;\n  z-index: 4;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 1px solid color-mix(in srgb, var(--fx-color-primary) 35%, transparent);\n  border-radius: var(--fx-radius-sm);\n  background: var(--fx-surface-background);\n  color: var(--fx-text-default);\n  cursor: pointer;\n  opacity: 0;\n  transition: opacity var(--fx-motion-duration-fast) var(--fx-motion-easing), background var(--fx-motion-duration-fast) var(--fx-motion-easing);\n}\n.content figure:hover > .fx-media-quick,\n.content figure:focus-within > .fx-media-quick { opacity: 1; }\n.content figure.fx-video > .fx-media-quick,\n.content figure.fx-embed > .fx-media-quick { opacity: 0.92; }\n.fx-media-quick:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.06)); }\n.fx-media-quick.active { background: var(--fx-color-primary); color: #fff; }\n.fx-media-quick.quick-left { right: 82px; }\n.fx-media-quick.quick-center { right: 56px; }\n.fx-media-quick.quick-right { right: 30px; }\n.fx-media-quick.quick-delete { right: 4px; background: var(--fx-color-danger, #dc2626); color: #fff; border-color: transparent; }\n.fx-media-quick:focus-visible { outline: 2px solid var(--fx-color-primary); outline-offset: 1px; }\n\n.link-overlay {\n  position: absolute;\n  z-index: 6;\n  display: flex;\n  gap: 2px;\n  padding: 3px;\n  background: var(--fx-surface-background);\n  border: 1px solid var(--fx-border-default);\n  border-radius: var(--fx-radius-sm);\n  box-shadow: var(--fx-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.16));\n}\n.link-overlay[hidden] { display: none; }\n.link-overlay button {\n  border: none;\n  background: none;\n  color: var(--fx-text-default);\n  font: inherit;\n  font-size: 12px;\n  line-height: 1.4;\n  padding: 4px 8px;\n  border-radius: var(--fx-radius-sm);\n  cursor: pointer;\n}\n.link-overlay button:hover { background: var(--fx-surface-surface-hover, rgba(0, 0, 0, 0.06)); }\n.link-overlay button[data-link-action=\"remove\"] { color: var(--fx-color-danger, #dc2626); }\n.link-overlay button:focus-visible { outline: 2px solid var(--fx-color-primary); outline-offset: 1px; }\n\n.source {\n  display: block;\n  width: 100%;\n  min-height: var(--fx-editor-min-height);\n  max-height: var(--fx-editor-max-height);\n  padding: var(--fx-editor-content-padding);\n  border: none;\n  outline: none;\n  resize: vertical;\n  background: var(--fx-surface-background);\n  color: var(--fx-text-default);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 13px;\n  line-height: 1.55;\n  box-sizing: border-box;\n}\n.source[hidden] { display: none; }\n\n.statusbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--fx-space-sm);\n  min-height: 28px;\n  padding: 2px var(--fx-space-md);\n  border-top: 1px solid var(--fx-border-default);\n  color: var(--fx-text-muted);\n  font-size: calc(var(--fx-font-size) - 3px);\n}\n.statusbar:empty { display: none; }\n.statusbar[hidden] { display: none; }\n.source-actions { display: inline-flex; gap: var(--fx-space-xs); }\n.source-actions[hidden] { display: none; }\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: var(--fx-z-modal, 1100);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: color-mix(in srgb, var(--fx-text-default, #000) 45%, transparent);\n}\n.backdrop[hidden] { display: none; }\n.dialog {\n  width: min(460px, calc(100vw - 32px));\n  max-height: calc(100vh - 48px);\n  overflow: auto;\n  background: var(--fx-surface-background);\n  border: 1px solid var(--fx-border-default);\n  border-radius: var(--fx-radius-lg);\n  box-shadow: var(--fx-shadow-xl);\n  font-family: var(--fx-font-family);\n  font-size: var(--fx-font-size);\n}\n.dialog header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--fx-space-md) var(--fx-space-lg);\n  border-bottom: 1px solid var(--fx-border-default);\n}\n.dialog h3 { margin: 0; font-size: 1rem; font-weight: 600; }\n.dialog-close {\n  border: none; background: transparent; color: var(--fx-text-muted);\n  font-size: 1.4rem; line-height: 1; cursor: pointer;\n}\n.dialog-body { display: flex; flex-direction: column; gap: var(--fx-space-sm); padding: var(--fx-space-lg); }\n.field { display: flex; flex-direction: column; gap: 3px; font-size: calc(var(--fx-font-size) - 2px); color: var(--fx-text-muted); }\n.field input, .field select {\n  height: var(--fx-size-md);\n  padding: 0 var(--fx-space-sm);\n  border: 1px solid var(--fx-border-default);\n  border-radius: var(--fx-radius-sm);\n  background: var(--fx-surface-background);\n  color: var(--fx-text-default);\n  font: inherit;\n  font-size: var(--fx-font-size);\n}\n.field input:focus, .field select:focus { outline: none; border-color: var(--fx-color-primary); box-shadow: var(--fx-effect-focus-ring, none); }\n.dialog footer {\n  display: flex; justify-content: flex-end; gap: var(--fx-space-sm);\n  padding: var(--fx-space-md) var(--fx-space-lg);\n  border-top: 1px solid var(--fx-border-default);\n}\n.btn {\n  min-height: var(--fx-size-sm);\n  padding: 0 var(--fx-space-md);\n  border: 1px solid var(--fx-border-default);\n  border-radius: var(--fx-radius-sm);\n  background: var(--fx-surface-background);\n  color: var(--fx-text-default);\n  font: inherit; font-size: calc(var(--fx-font-size) - 2px);\n  cursor: pointer;\n}\n.btn:hover { background: var(--fx-surface-surface-hover, rgba(0,0,0,.05)); }\n.btn.primary { background: var(--fx-color-primary); border-color: transparent; color: #fff; }\n.btn.primary:hover { filter: brightness(0.92); }\n\n.panel {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: var(--fx-space-md);\n  z-index: 6;\n  padding: var(--fx-space-sm);\n  background: var(--fx-surface-background);\n  border: 1px solid var(--fx-border-default);\n  border-radius: var(--fx-radius-md);\n  box-shadow: var(--fx-shadow-lg);\n}\n.panel[hidden] { display: none; }\n.grid-picker { display: grid; grid-template-columns: repeat(8, 18px); gap: 3px; }\n.grid-picker button {\n  width: 18px; height: 18px; padding: 0;\n  border: 1px solid var(--fx-border-default);\n  border-radius: 2px; background: var(--fx-surface-background); cursor: pointer;\n}\n.grid-picker button.on { background: var(--fx-color-primary); border-color: var(--fx-color-primary); }\n.panel-title { margin: 0 0 6px; font-size: 11px; color: var(--fx-text-muted); }\n.panel-actions { display: flex; flex-wrap: wrap; gap: 4px; max-width: 210px; }\n.panel-actions .btn { min-height: 26px; padding: 0 6px; font-size: 11px; }\n\n:host([fullscreen]) {\n  position: fixed;\n  inset: 0;\n  z-index: var(--fx-z-modal, 1100);\n  background: var(--fx-surface-background);\n}\n:host([fullscreen]) .editor { height: 100%; border: none; border-radius: 0; }\n:host([fullscreen]) .content, :host([fullscreen]) .source { flex: 1 1 auto; max-height: none; }\n\n@media (max-width: 640px) {\n  .toolbar { gap: 0; }\n  .tb-group { padding: 0 1px; }\n  .tb-btn { width: 28px; height: 28px; }\n}\n\n.content { line-height: 1.55; color: var(--fx-text-default); }\n.content p { margin: 0 0 0.65em; }\n.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {\n  margin: 0.8em 0 0.4em; line-height: 1.25; font-weight: 600; color: var(--fx-text-default);\n}\n.content h1 { font-size: 1.8em; }\n.content h2 { font-size: 1.5em; }\n.content h3 { font-size: 1.25em; }\n.content h4 { font-size: 1.1em; }\n.content h5, .content h6 { font-size: 1em; }\n.content ul, .content ol { margin: 0 0 0.65em; padding-left: 1.6em; }\n.content li { margin: 0.15em 0; }\n.content blockquote {\n  margin: 0.5em 0; padding: 0.25em 0 0.25em 1em;\n  border-left: 3px solid var(--fx-color-primary); color: var(--fx-text-muted);\n}\n.content pre {\n  margin: 0.6em 0; padding: var(--fx-space-md); overflow: auto;\n  background: var(--fx-surface-surface); border-radius: var(--fx-radius-sm);\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.9em;\n}\n.content code {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  font-size: 0.92em; background: var(--fx-surface-surface);\n  padding: 0.1em 0.3em; border-radius: 3px;\n}\n.content pre code { background: none; padding: 0; }\n.content hr { border: none; border-top: 1px solid var(--fx-border-default); margin: 1em 0; }\n.content a { color: var(--fx-color-primary); text-decoration: underline; cursor: pointer; }\n.content img { max-width: 100%; height: auto; display: block; }\n.content figure { margin: 1em 0; }\n.content figure.fx-image img { margin: 0 auto; }\n.content figure.fx-image[data-align=\"left\"] { float: left; max-width: 50%; margin: 0 1em 0.5em 0; }\n.content figure.fx-image[data-align=\"right\"] { float: right; max-width: 50%; margin: 0 0 0.5em 1em; }\n.content figure.fx-image[data-align=\"center\"] { margin-left: auto; margin-right: auto; }\n.content figure.fx-video[data-align=\"left\"],\n.content figure.fx-embed[data-align=\"left\"] { float: left; max-width: 50%; margin: 0 1em 0.5em 0; }\n.content figure.fx-video[data-align=\"right\"],\n.content figure.fx-embed[data-align=\"right\"] { float: right; max-width: 50%; margin: 0 0 0.5em 1em; }\n.content figure.fx-video[data-align=\"center\"],\n.content figure.fx-embed[data-align=\"center\"] { margin-left: auto; margin-right: auto; }\n.content figcaption {\n  margin-top: 0.4em; color: var(--fx-text-muted);\n  font-size: 0.85em; text-align: center;\n}\n.content video { display: block; width: 100%; background: #000; border-radius: var(--fx-radius-sm); }\n.content iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }\n.content table { width: 100%; border-collapse: collapse; margin: 1em 0; }\n.content th, .content td { border: 1px solid var(--fx-border-default); padding: var(--fx-space-xs) var(--fx-space-sm); vertical-align: top; }\n.content th { background: var(--fx-surface-surface); text-align: left; font-weight: 600; }\n.content table.fx-grid { border: none; margin: 0.6em 0; }\n.content table.fx-grid > tbody > tr > td {\n  border: 1px dashed var(--fx-border-default); padding: var(--fx-space-sm);\n  vertical-align: top;\n}\n@media (max-width: 640px) {\n  .content table.fx-grid[data-stack] > tbody > tr > td {\n    display: block; width: 100% !important; border: none; padding: var(--fx-space-xs) 0;\n  }\n}\n\n\n\n";
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/editor/styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,qBAAqB,owGA6DjC,CAAC;AAEF,eAAO,MAAM,aAAa,2wfA0XzB,CAAC"}