@trafica/editor 1.0.56 → 1.0.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1723,15 +1723,20 @@ function serializeBlock(node, idCounts = /* @__PURE__ */ new Map(), inCell = fal
1723
1723
  const src = escapeAttr((_j = (_i = node.attrs) == null ? void 0 : _i.src) != null ? _j : "");
1724
1724
  const alt = escapeAttr((_l = (_k = node.attrs) == null ? void 0 : _k.alt) != null ? _l : "");
1725
1725
  const width = ((_m = node.attrs) == null ? void 0 : _m.width) ? ` width="${node.attrs.width}"` : "";
1726
- const align = ((_n = node.attrs) == null ? void 0 : _n.align) ? ` data-align="${node.attrs.align}"` : "";
1726
+ const alignVal = (_n = node.attrs) == null ? void 0 : _n.align;
1727
+ const alignAttr = alignVal ? ` data-align="${alignVal}"` : "";
1727
1728
  const caption = ((_o = node.attrs) == null ? void 0 : _o.caption) ? escapeHTML(node.attrs.caption) : "";
1728
1729
  const x = (_p = node.attrs) == null ? void 0 : _p.x;
1729
1730
  const y = (_q = node.attrs) == null ? void 0 : _q.y;
1730
- const posAttrs = x !== void 0 ? ` data-x="${Math.round(x)}" data-y="${Math.round(y != null ? y : 0)}" style="position:absolute;left:${Math.round(x)}px;top:${Math.round(y != null ? y : 0)}px;"` : "";
1731
+ const isDraggable = x !== void 0;
1732
+ const effectiveAlign = alignVal != null ? alignVal : isDraggable ? "left" : void 0;
1733
+ const alignStyle = effectiveAlign === "center" ? "display:block;margin-left:auto;margin-right:auto;text-align:center;" : effectiveAlign === "right" ? "display:block;margin-left:auto;text-align:right;" : effectiveAlign === "left" ? "display:block;margin-right:auto;text-align:left;" : "";
1734
+ const posAttrs = isDraggable ? ` data-x="${Math.round(x)}" data-y="${Math.round(y != null ? y : 0)}"` : "";
1735
+ const figStyle = alignStyle ? ` style="${alignStyle}"` : "";
1731
1736
  if (caption) {
1732
- return `<figure${align}${posAttrs}><img src="${src}" alt="${alt}"${width} /><figcaption>${caption}</figcaption></figure>`;
1737
+ return `<figure${alignAttr}${posAttrs}${figStyle}><img src="${src}" alt="${alt}"${width} style="max-width:100%;height:auto;" /><figcaption>${caption}</figcaption></figure>`;
1733
1738
  }
1734
- return `<figure${align}${posAttrs}><img src="${src}" alt="${alt}"${width} /></figure>`;
1739
+ return `<figure${alignAttr}${posAttrs}${figStyle}><img src="${src}" alt="${alt}"${width} style="max-width:100%;height:auto;" /></figure>`;
1735
1740
  }
1736
1741
  case "horizontal_rule":
1737
1742
  return "<hr />";