@superdoc-dev/cli 0.2.0-next.18 → 0.2.0-next.19

package/dist/index.js

@@ -20029,7 +20029,7 @@ var init_uuid_2IzDu5nl_es = __esm(() => {
   v4_default = v4;
 });
 
-// ../../packages/superdoc/dist/chunks/constants-DBKi0Amm.es.js
+// ../../packages/superdoc/dist/chunks/constants-Dw0kAsLd.es.js
 function computeCrc32Hex(data) {
   let crc = 4294967295;
   for (let i2 = 0;i2 < data.length; i2++)
@@ -20382,8 +20382,35 @@ var import_lib, CRC32_TABLE, REMOTE_RESOURCE_PATTERN, DATA_URI_PATTERN, getArray
     dta[i2] ^= guidBytes[gi];
   }
   return dta.buffer;
+}, detectImageType = (data) => {
+  let bytes;
+  if (typeof data === "string")
+    try {
+      bytes = base64ToUint8Array(data);
+    } catch {
+      return null;
+    }
+  else if (data instanceof Uint8Array)
+    bytes = data;
+  else
+    return null;
+  if (bytes.length < 12)
+    return null;
+  if (bytes[0] === 137 && bytes[1] === 80 && bytes[2] === 78 && bytes[3] === 71 && bytes[4] === 13 && bytes[5] === 10 && bytes[6] === 26 && bytes[7] === 10)
+    return "png";
+  if (bytes[0] === 255 && bytes[1] === 216 && bytes[2] === 255)
+    return "jpeg";
+  if (bytes[0] === 71 && bytes[1] === 73 && bytes[2] === 70 && bytes[3] === 56)
+    return "gif";
+  if (bytes[0] === 66 && bytes[1] === 77)
+    return "bmp";
+  if (bytes[0] === 73 && bytes[1] === 73 && bytes[2] === 42 && bytes[3] === 0 || bytes[0] === 77 && bytes[1] === 77 && bytes[2] === 0 && bytes[3] === 42)
+    return "tiff";
+  if (bytes.length >= 12 && bytes[0] === 82 && bytes[1] === 73 && bytes[2] === 70 && bytes[3] === 70 && bytes[8] === 87 && bytes[9] === 69 && bytes[10] === 66 && bytes[11] === 80)
+    return "webp";
+  return null;
 }, COMMENT_FILE_BASENAMES, COMMENT_RELATIONSHIP_TYPES;
-var init_constants_DBKi0Amm_es = __esm(() => {
+var init_constants_Dw0kAsLd_es = __esm(() => {
   init_xml_js_DLE8mr0n_es();
   import_lib = require_lib();
   CRC32_TABLE = new Uint32Array(256);
@@ -26591,7 +26618,7 @@ var init_remark_gfm_z_sDF4ss_es = __esm(() => {
   emptyOptions2 = {};
 });
 
-// ../../packages/superdoc/dist/chunks/SuperConverter-D7fmxDmw.es.js
+// ../../packages/superdoc/dist/chunks/SuperConverter-CRrxAa8F.es.js
 function getExtensionConfigField(extension$1, field, context = { name: "" }) {
   const fieldValue = extension$1.config[field];
   if (typeof fieldValue === "function")
@@ -31604,6 +31631,7 @@ function handleImageNode(node3, params, isAnchor) {
   const blip = blipFill?.elements.find((el) => el.name === "a:blip");
   if (!blip)
     return null;
+  const hasGrayscale = blip.elements?.some((el) => el.name === "a:grayscl");
   const stretch = blipFill?.elements?.find((el) => el.name === "a:stretch");
   const fillRect = stretch?.elements?.find((el) => el.name === "a:fillRect");
   const srcRect = blipFill?.elements?.find((el) => el.name === "a:srcRect");
@@ -31704,7 +31732,8 @@ function handleImageNode(node3, params, isAnchor) {
       originalAttributes: node3.attributes,
       rId: relAttributes["Id"],
       ...order2.length ? { drawingChildOrder: order2 } : {},
-      ...originalChildren.length ? { originalDrawingChildren: originalChildren } : {}
+      ...originalChildren.length ? { originalDrawingChildren: originalChildren } : {},
+      ...hasGrayscale ? { grayscale: true } : {}
     }
   };
 }
@@ -44885,6 +44914,162 @@ var isRegExp = (value) => {
     }
     return ret;
   }
+}, BitmapCoreHeader$1 = class {
+  constructor(reader, skipsize) {
+    if (skipsize)
+      reader.skip(4);
+    this.width = reader.readUint16();
+    this.height = reader.readUint16();
+    this.planes = reader.readUint16();
+    this.bitcount = reader.readUint16();
+  }
+  colors() {
+    return this.bitcount <= 8 ? 1 << this.bitcount : 0;
+  }
+}, BitmapInfoHeader$1 = class {
+  constructor(reader, skipsize) {
+    if (skipsize)
+      reader.skip(4);
+    this.width = reader.readInt32();
+    this.height = reader.readInt32();
+    this.planes = reader.readUint16();
+    this.bitcount = reader.readUint16();
+    this.compression = reader.readUint32();
+    this.sizeimage = reader.readUint32();
+    this.xpelspermeter = reader.readInt32();
+    this.ypelspermeter = reader.readInt32();
+    this.clrused = reader.readUint32();
+    this.clrimportant = reader.readUint32();
+  }
+  colors() {
+    if (this.clrused !== 0)
+      return this.clrused < 256 ? this.clrused : 256;
+    else
+      return this.bitcount > 8 ? 0 : 1 << this.bitcount;
+  }
+}, BitmapInfo$1 = class {
+  constructor(reader, usergb) {
+    this._usergb = usergb;
+    const hdrsize = reader.readUint32();
+    this._infosize = hdrsize;
+    if (hdrsize === Helper$1.GDI.BITMAPCOREHEADER_SIZE) {
+      this._header = new BitmapCoreHeader$1(reader, false);
+      this._infosize += this._header.colors() * (usergb ? 3 : 2);
+    } else {
+      this._header = new BitmapInfoHeader$1(reader, false);
+      const masks = this._header.compression === Helper$1.GDI.BitmapCompression.BI_BITFIELDS ? 3 : 0;
+      if (hdrsize <= Helper$1.GDI.BITMAPINFOHEADER_SIZE + masks * 4)
+        this._infosize = Helper$1.GDI.BITMAPINFOHEADER_SIZE + masks * 4;
+      this._infosize += this._header.colors() * (usergb ? 4 : 2);
+    }
+  }
+  getWidth() {
+    return this._header.width;
+  }
+  getHeight() {
+    return Math.abs(this._header.height);
+  }
+  infosize() {
+    return this._infosize;
+  }
+  header() {
+    return this._header;
+  }
+}, DIBitmap$1 = class {
+  constructor(reader, bitmapInfo) {
+    this._reader = reader;
+    this._offset = reader.pos;
+    this._location = bitmapInfo;
+    this._info = new BitmapInfo$1(reader, true);
+  }
+  getWidth() {
+    return this._info.getWidth();
+  }
+  getHeight() {
+    return this._info.getHeight();
+  }
+  totalSize() {
+    return this._location.header.size + this._location.data.size;
+  }
+  makeBitmapFileHeader() {
+    const buf = /* @__PURE__ */ new ArrayBuffer(14);
+    const view = new Uint8Array(buf);
+    view[0] = 66;
+    view[1] = 77;
+    Helper$1._writeUint32Val(view, 2, this.totalSize() + 14);
+    Helper$1._writeUint32Val(view, 10, this._info.infosize() + 14);
+    return Helper$1._blobToBinary(view);
+  }
+  convertToPNG(bitmapData, width, height, hasAlpha) {
+    const canvas = document.createElement("canvas");
+    canvas.width = width;
+    canvas.height = Math.abs(height);
+    const ctx = canvas.getContext("2d");
+    if (!ctx)
+      throw new Error("Unable to get canvas context for PNG conversion");
+    const imageData = ctx.createImageData(width, Math.abs(height));
+    const pixels = imageData.data;
+    const rowSize = width * 32 + 31 >>> 5 << 2;
+    const absHeight = Math.abs(height);
+    const topDown = height < 0;
+    let alphaUsed = false;
+    if (hasAlpha)
+      for (let y = 0;y < absHeight && !alphaUsed; y++) {
+        const srcY = topDown ? y : absHeight - 1 - y;
+        for (let x = 0;x < width && !alphaUsed; x++)
+          if (bitmapData[srcY * rowSize + x * 4 + 3] > 0)
+            alphaUsed = true;
+      }
+    for (let y = 0;y < absHeight; y++) {
+      const srcY = topDown ? y : absHeight - 1 - y;
+      for (let x = 0;x < width; x++) {
+        const srcOffset = srcY * rowSize + x * 4;
+        const dstOffset = (y * width + x) * 4;
+        pixels[dstOffset] = bitmapData[srcOffset + 2];
+        pixels[dstOffset + 1] = bitmapData[srcOffset + 1];
+        pixels[dstOffset + 2] = bitmapData[srcOffset];
+        pixels[dstOffset + 3] = alphaUsed ? bitmapData[srcOffset + 3] : 255;
+      }
+    }
+    ctx.putImageData(imageData, 0, 0);
+    return canvas.toDataURL("image/png");
+  }
+  base64ref() {
+    const prevpos = this._reader.pos;
+    this._reader.seek(this._offset);
+    const header = this._info.header();
+    if (header instanceof BitmapInfoHeader$1 && header.compression != null)
+      switch (header.compression) {
+        case Helper$1.GDI.BitmapCompression.BI_JPEG:
+          this._reader.seek(this._location.data.off);
+          const jpegData = "data:image/jpeg;base64," + btoa(this._reader.readBinary(this._location.data.size));
+          this._reader.seek(prevpos);
+          return jpegData;
+        case Helper$1.GDI.BitmapCompression.BI_PNG:
+          this._reader.seek(this._location.data.off);
+          const pngData = "data:image/png;base64," + btoa(this._reader.readBinary(this._location.data.size));
+          this._reader.seek(prevpos);
+          return pngData;
+      }
+    if (header instanceof BitmapInfoHeader$1 && header.bitcount === 32) {
+      this._reader.seek(this._location.data.off);
+      const bitmapBytes = new Uint8Array(this._location.data.size);
+      const bitmapData = this._reader.readBinary(this._location.data.size);
+      for (let i2 = 0;i2 < this._location.data.size; i2++)
+        bitmapBytes[i2] = bitmapData.charCodeAt(i2);
+      const pngDataUrl = this.convertToPNG(bitmapBytes, header.width, header.height, true);
+      this._reader.seek(prevpos);
+      return pngDataUrl;
+    }
+    let data = this.makeBitmapFileHeader();
+    this._reader.seek(this._location.header.off);
+    data += this._reader.readBinary(this._location.header.size);
+    this._reader.seek(this._location.data.off);
+    data += this._reader.readBinary(this._location.data.size);
+    const ref2 = "data:image/bmp;base64," + btoa(data);
+    this._reader.seek(prevpos);
+    return ref2;
+  }
 }, PointS$1 = class PointS$12 {
   constructor(reader, x, y) {
     if (reader != null) {
@@ -45065,123 +45250,6 @@ var isRegExp = (value) => {
     }
     return this.scanlines.length > 0;
   }
-}, BitmapCoreHeader$1 = class {
-  constructor(reader, skipsize) {
-    if (skipsize)
-      reader.skip(4);
-    this.width = reader.readUint16();
-    this.height = reader.readUint16();
-    this.planes = reader.readUint16();
-    this.bitcount = reader.readUint16();
-  }
-  colors() {
-    return this.bitcount <= 8 ? 1 << this.bitcount : 0;
-  }
-}, BitmapInfoHeader$1 = class {
-  constructor(reader, skipsize) {
-    if (skipsize)
-      reader.skip(4);
-    this.width = reader.readInt32();
-    this.height = reader.readInt32();
-    this.planes = reader.readUint16();
-    this.bitcount = reader.readUint16();
-    this.compression = reader.readUint32();
-    this.sizeimage = reader.readUint32();
-    this.xpelspermeter = reader.readInt32();
-    this.ypelspermeter = reader.readInt32();
-    this.clrused = reader.readUint32();
-    this.clrimportant = reader.readUint32();
-  }
-  colors() {
-    if (this.clrused !== 0)
-      return this.clrused < 256 ? this.clrused : 256;
-    else
-      return this.bitcount > 8 ? 0 : 1 << this.bitcount;
-  }
-}, BitmapInfo$1 = class {
-  constructor(reader, usergb) {
-    this._usergb = usergb;
-    const hdrsize = reader.readUint32();
-    this._infosize = hdrsize;
-    if (hdrsize === Helper$1.GDI.BITMAPCOREHEADER_SIZE) {
-      this._header = new BitmapCoreHeader$1(reader, false);
-      this._infosize += this._header.colors() * (usergb ? 3 : 2);
-    } else {
-      this._header = new BitmapInfoHeader$1(reader, false);
-      const masks = this._header.compression === Helper$1.GDI.BitmapCompression.BI_BITFIELDS ? 3 : 0;
-      if (hdrsize <= Helper$1.GDI.BITMAPINFOHEADER_SIZE + masks * 4)
-        this._infosize = Helper$1.GDI.BITMAPINFOHEADER_SIZE + masks * 4;
-      this._infosize += this._header.colors() * (usergb ? 4 : 2);
-    }
-  }
-  getWidth() {
-    return this._header.width;
-  }
-  getHeight() {
-    return Math.abs(this._header.height);
-  }
-  infosize() {
-    return this._infosize;
-  }
-  header() {
-    return this._header;
-  }
-}, DIBitmap$1 = class {
-  constructor(reader, bitmapInfo) {
-    this._reader = reader;
-    this._offset = reader.pos;
-    this._location = bitmapInfo;
-    this._info = new BitmapInfo$1(reader, true);
-  }
-  getWidth() {
-    return this._info.getWidth();
-  }
-  getHeight() {
-    return this._info.getHeight();
-  }
-  totalSize() {
-    return this._location.header.size + this._location.data.size;
-  }
-  makeBitmapFileHeader() {
-    const buf = /* @__PURE__ */ new ArrayBuffer(14);
-    const view = new Uint8Array(buf);
-    view[0] = 66;
-    view[1] = 77;
-    Helper$1._writeUint32Val(view, 2, this.totalSize() + 14);
-    Helper$1._writeUint32Val(view, 10, this._info.infosize() + 14);
-    return Helper$1._blobToBinary(view);
-  }
-  base64ref() {
-    const prevpos = this._reader.pos;
-    this._reader.seek(this._offset);
-    let mime = "image/bmp";
-    const header = this._info.header();
-    let data;
-    if (header instanceof BitmapInfoHeader$1 && header.compression != null)
-      switch (header.compression) {
-        case Helper$1.GDI.BitmapCompression.BI_JPEG:
-          mime = "data:image/jpeg";
-          break;
-        case Helper$1.GDI.BitmapCompression.BI_PNG:
-          mime = "data:image/png";
-          break;
-        default:
-          data = this.makeBitmapFileHeader();
-          break;
-      }
-    else
-      data = this.makeBitmapFileHeader();
-    this._reader.seek(this._location.header.offset);
-    if (data != null)
-      data += this._reader.readBinary(this._location.header.size);
-    else
-      data = this._reader.readBinary(this._location.header.size);
-    this._reader.seek(this._location.data.offset);
-    data += this._reader.readBinary(this._location.data.size);
-    const ref2 = "data:" + mime + ";base64," + btoa(data);
-    this._reader.seek(prevpos);
-    return ref2;
-  }
 }, ColorRef$1 = class ColorRef$12 {
   constructor(reader, r, g, b) {
     if (reader != null) {
@@ -45255,6 +45323,9 @@ var isRegExp = (value) => {
       }
     }
   }
+  getBounds() {
+    return this.bounds;
+  }
   toString() {
     return "{bounds: " + this.bounds.toString() + ", frame: " + this.frame.toString() + ", description: " + this.description + "}";
   }
@@ -45364,11 +45435,11 @@ var isRegExp = (value) => {
             const cbBits = reader.readUint32();
             const pen = new Pen$1(reader, {
               header: {
-                off: offBmi,
+                off: curpos + offBmi,
                 size: cbBmi
               },
               data: {
-                off: offBits,
+                off: curpos + offBits,
                 size: cbBits
               }
             });
@@ -45608,6 +45679,37 @@ var isRegExp = (value) => {
             });
             break;
           }
+          case Helper$1.GDI.RecordType.EMR_STRETCHDIBITS: {
+            new RectL(reader);
+            const xDest = reader.readInt32();
+            const yDest = reader.readInt32();
+            const xSrc = reader.readInt32();
+            const ySrc = reader.readInt32();
+            const cxSrc = reader.readInt32();
+            const cySrc = reader.readInt32();
+            const offBmiSrc = reader.readUint32();
+            const cbBmiSrc = reader.readUint32();
+            const offBitsSrc = reader.readUint32();
+            const cbBitsSrc = reader.readUint32();
+            const iUsageSrc = reader.readUint32();
+            const dwRop = reader.readUint32();
+            const cxDest = reader.readInt32();
+            const cyDest = reader.readInt32();
+            const dib = new DIBitmap$1(reader, {
+              header: {
+                off: curpos + offBmiSrc,
+                size: cbBmiSrc
+              },
+              data: {
+                off: curpos + offBitsSrc,
+                size: cbBitsSrc
+              }
+            });
+            this._records.push((gdi) => {
+              gdi.stretchDibBits(xSrc, ySrc, cxSrc, cySrc, xDest, yDest, cxDest, cyDest, dwRop, iUsageSrc, dib);
+            });
+            break;
+          }
           case Helper$1.GDI.RecordType.EMR_POLYLINE:
           case Helper$1.GDI.RecordType.EMR_POLYLINETO:
           case Helper$1.GDI.RecordType.EMR_POLYPOLYLINE:
@@ -45650,7 +45752,6 @@ var isRegExp = (value) => {
           case Helper$1.GDI.RecordType.EMR_MASKBLT:
           case Helper$1.GDI.RecordType.EMR_PLGBLT:
           case Helper$1.GDI.RecordType.EMR_SETDIBITSTODEVICE:
-          case Helper$1.GDI.RecordType.EMR_STRETCHDIBITS:
           case Helper$1.GDI.RecordType.EMR_EXTCREATEFONTINDIRECTW:
           case Helper$1.GDI.RecordType.EMR_EXTTEXTOUTA:
           case Helper$1.GDI.RecordType.EMR_EXTTEXTOUTW:
@@ -45699,6 +45800,9 @@ var isRegExp = (value) => {
     if (!all2)
       throw new EMFJSError("Could not read all records");
   }
+  getBounds() {
+    return this._header.getBounds();
+  }
   play(gdi) {
     const len2 = this._records.length;
     for (let i2 = 0;i2 < len2; i2++)
@@ -45798,6 +45902,9 @@ var isRegExp = (value) => {
     this.state.mapmode = mode;
     this.state._svggroup = null;
   }
+  getMapMode() {
+    return this.state.mapmode;
+  }
   setWindowOrgEx(x, y) {
     Helper$1.log("[gdi] setWindowOrgEx: x=" + x + " y=" + y);
     this.state.wx = x;
@@ -45850,6 +45957,20 @@ var isRegExp = (value) => {
   setStretchBltMode(stretchMode) {
     Helper$1.log("[gdi] setStretchBltMode: stretchMode=" + stretchMode);
   }
+  stretchDibBits(srcX, srcY, srcW, srcH, dstX, dstY, dstW, dstH, rasterOp, colorUsage, dib) {
+    Helper$1.log("[gdi] stretchDibBits: srcX=" + srcX + " srcY=" + srcY + " srcW=" + srcW + " srcH=" + srcH + " dstX=" + dstX + " dstY=" + dstY + " dstW=" + dstW + " dstH=" + dstH + " rasterOp=0x" + rasterOp.toString(16));
+    srcX = this._todevX(srcX);
+    srcY = this._todevY(srcY);
+    srcW = this._todevW(srcW);
+    srcH = this._todevH(srcH);
+    dstX = this._todevX(dstX);
+    dstY = this._todevY(dstY);
+    dstW = this._todevW(dstW);
+    dstH = this._todevH(dstH);
+    Helper$1.log("[gdi] stretchDibBits: TRANSLATED: srcX=" + srcX + " srcY=" + srcY + " srcW=" + srcW + " srcH=" + srcH + " dstX=" + dstX + " dstY=" + dstY + " dstW=" + dstW + " dstH=" + dstH + " rasterOp=0x" + rasterOp.toString(16));
+    this._pushGroup();
+    this._svg.image(this.state._svggroup, dstX, dstY, dstW, dstH, dib.base64ref());
+  }
   rectangle(rect, rw, rh) {
     Helper$1.log("[gdi] rectangle: rect=" + rect.toString() + " with pen " + this.state.selected.pen.toString() + " and brush " + this.state.selected.brush.toString());
     const bottom = this._todevY(rect.bottom);
@@ -46328,14 +46449,16 @@ var isRegExp = (value) => {
   }
   render(info) {
     const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    this._render(new SVG(svgElement), info.mapMode, info.wExt, info.hExt, info.xExt, info.yExt);
+    const emfBounds = this._img.getBounds();
+    const gdi = this._render(new SVG(svgElement), info.mapMode, emfBounds.width, emfBounds.height, emfBounds.width, emfBounds.height);
     svgElement.setAttribute("viewBox", [
       0,
       0,
-      info.xExt,
-      info.yExt
+      emfBounds.width,
+      emfBounds.height
     ].join(" "));
-    svgElement.setAttribute("preserveAspectRatio", "none");
+    const preserveAspectRatio = gdi.getMapMode() === Helper$1.GDI.MapMode.MM_ANISOTROPIC ? "none" : "xMidYMid meet";
+    svgElement.setAttribute("preserveAspectRatio", preserveAspectRatio);
     svgElement.setAttribute("width", info.width);
     svgElement.setAttribute("height", info.height);
     return svgElement;
@@ -46360,6 +46483,7 @@ var isRegExp = (value) => {
     Helper$1.log("[EMF] BEGIN RENDERING --->");
     this._img.render(gdi);
     Helper$1.log("[EMF] <--- DONE RENDERING");
+    return gdi;
   }
 }, EMF = class {
   constructor(reader, hdrsize) {
@@ -46369,6 +46493,13 @@ var isRegExp = (value) => {
   render(gdi) {
     this._records.play(gdi);
   }
+  getBounds() {
+    const bounds = this._records.getBounds();
+    return {
+      width: bounds.right - bounds.left,
+      height: bounds.bottom - bounds.top
+    };
+  }
 }, WMFJSError, isLoggingEnabled = true, Helper, Blob$1 = class Blob$12 {
   constructor(blob, offset) {
     if (blob instanceof Blob$12) {
@@ -50368,7 +50499,8 @@ var isRegExp = (value) => {
                 elements: [
                   {
                     name: "a:blip",
-                    attributes: { "r:embed": imageId }
+                    attributes: { "r:embed": imageId },
+                    ...attrs.grayscale ? { elements: [{ name: "a:grayscl" }] } : {}
                   },
                   ...rawSrcRect ? [rawSrcRect] : [],
                   {
@@ -53599,12 +53731,12 @@ var isRegExp = (value) => {
       state.kern = kernNode.attributes["w:val"];
   }
 }, SuperConverter;
-var init_SuperConverter_D7fmxDmw_es = __esm(() => {
+var init_SuperConverter_CRrxAa8F_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_DLE8mr0n_es();
   init_uuid_2IzDu5nl_es();
-  init_constants_DBKi0Amm_es();
+  init_constants_Dw0kAsLd_es();
   init_unified_BRHLwnjP_es();
   init_lib_HnbxUP96_es();
   init_lib_DAB30bX1_es();
@@ -66617,7 +66749,7 @@ var init_SuperConverter_D7fmxDmw_es = __esm(() => {
   };
 });
 
-// ../../packages/superdoc/dist/chunks/DocxZipper-CXjNiywL.es.js
+// ../../packages/superdoc/dist/chunks/DocxZipper-B9Uo1uiZ.es.js
 function getLens2(b64) {
   var len$1 = b64.length;
   if (len$1 % 4 > 0)
@@ -66756,8 +66888,8 @@ var DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.docum
           this.mediaFiles[name] = fileBase64;
         } else {
           const fileBase64 = await zipEntry.async("base64");
-          const extension2 = this.getFileExtension(name)?.toLowerCase();
-          if (new Set([
+          let extension2 = this.getFileExtension(name)?.toLowerCase();
+          const imageTypes = new Set([
             "png",
             "jpg",
             "jpeg",
@@ -66768,7 +66900,14 @@ var DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.docum
             "wmf",
             "svg",
             "webp"
-          ]).has(extension2)) {
+          ]);
+          let detectedType = null;
+          if (!imageTypes.has(extension2) || extension2 === "tmp") {
+            detectedType = detectImageType(fileBase64);
+            if (detectedType)
+              extension2 = detectedType;
+          }
+          if (imageTypes.has(extension2)) {
             this.mediaFiles[name] = `data:image/${extension2};base64,${fileBase64}`;
             const blob = await zipEntry.async("blob");
             const fileObj = new File([blob], name, { type: blob.type });
@@ -67001,11 +67140,11 @@ var DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.docum
     return unzippedOriginalDocx;
   }
 }, DocxZipper_default;
-var init_DocxZipper_CXjNiywL_es = __esm(() => {
+var init_DocxZipper_B9Uo1uiZ_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_DLE8mr0n_es();
-  init_constants_DBKi0Amm_es();
+  init_constants_Dw0kAsLd_es();
   buffer2 = {};
   base64Js2 = {};
   base64Js2.byteLength = byteLength2;
@@ -92869,9 +93008,9 @@ var init_remark_gfm_CQ3Jg4PR_es = __esm(() => {
   init_remark_gfm_z_sDF4ss_es();
 });
 
-// ../../packages/superdoc/dist/chunks/src-BFDJrY7q.es.js
-var exports_src_BFDJrY7q_es = {};
-__export(exports_src_BFDJrY7q_es, {
+// ../../packages/superdoc/dist/chunks/src-R57grOTY.es.js
+var exports_src_R57grOTY_es = {};
+__export(exports_src_R57grOTY_es, {
   zt: () => defineMark,
   z: () => cM,
   yt: () => removeAwarenessStates,
@@ -120496,6 +120635,24 @@ function imageNodeToRun({ node: node3, positions, sdtMetadata }) {
   }
   if (sdtMetadata)
     run2.sdt = sdtMetadata;
+  const transformData = isPlainObject$2(attrs.transformData) ? attrs.transformData : undefined;
+  if (transformData) {
+    const rotation = typeof transformData.rotation === "number" ? transformData.rotation : undefined;
+    if (rotation !== undefined)
+      run2.rotation = rotation;
+    const flipH = typeof transformData.horizontalFlip === "boolean" ? transformData.horizontalFlip : undefined;
+    if (flipH !== undefined)
+      run2.flipH = flipH;
+    const flipV = typeof transformData.verticalFlip === "boolean" ? transformData.verticalFlip : undefined;
+    if (flipV !== undefined)
+      run2.flipV = flipV;
+  }
+  if (typeof attrs.gain === "string" || typeof attrs.gain === "number")
+    run2.gain = attrs.gain;
+  if (typeof attrs.blacklevel === "string" || typeof attrs.blacklevel === "number")
+    run2.blacklevel = attrs.blacklevel;
+  if (typeof attrs.grayscale === "boolean")
+    run2.grayscale = attrs.grayscale;
   return run2;
 }
 function isInlineImage(node3) {
@@ -120726,6 +120883,10 @@ function imageNodeToBlock(node3, nextBlockId, positions, _trackedMeta, _trackedC
   const objectFit = isAllowedObjectFit(explicitObjectFit) ? explicitObjectFit : shouldCover ? "cover" : display === "inline" ? "scale-down" : isAnchor ? "contain" : "contain";
   const zIndexFromRelativeHeight = normalizeZIndex(attrs.originalAttributes);
   const zIndex = resolveFloatingZIndex(anchor?.behindDoc === true, zIndexFromRelativeHeight);
+  const transformData = isPlainObject$1(attrs.transformData) ? attrs.transformData : undefined;
+  const rotation = typeof transformData?.rotation === "number" ? transformData.rotation : undefined;
+  const flipH = typeof transformData?.horizontalFlip === "boolean" ? transformData.horizontalFlip : undefined;
+  const flipV = typeof transformData?.verticalFlip === "boolean" ? transformData.verticalFlip : undefined;
   return {
     kind: "image",
     id: nextBlockId("image"),
@@ -120743,7 +120904,11 @@ function imageNodeToBlock(node3, nextBlockId, positions, _trackedMeta, _trackedC
     ...zIndex !== undefined && { zIndex },
     attrs: attrsWithPm,
     gain: typeof attrs.gain === "string" || typeof attrs.gain === "number" ? attrs.gain : undefined,
-    blacklevel: typeof attrs.blacklevel === "string" || typeof attrs.blacklevel === "number" ? attrs.blacklevel : undefined
+    blacklevel: typeof attrs.blacklevel === "string" || typeof attrs.blacklevel === "number" ? attrs.blacklevel : undefined,
+    grayscale: typeof attrs.grayscale === "boolean" ? attrs.grayscale : undefined,
+    ...rotation !== undefined && { rotation },
+    ...flipH !== undefined && { flipH },
+    ...flipV !== undefined && { flipV }
   };
 }
 function handleImageNode2(node3, context) {
@@ -162227,13 +162392,13 @@ var Node$13 = class Node$14 {
     trackedChanges: context.trackedChanges ?? []
   });
 }, _hoisted_1$6, _hoisted_2$1, _hoisted_3, _hoisted_4, ContextMenu_default, _hoisted_1$5, BasicUpload_default, _hoisted_1$4, MIN_WIDTH = 200, PPI = 96, alignment = "flex-end", Ruler_default, GenericPopover_default, _hoisted_1$3, RESIZE_HANDLE_WIDTH_PX = 9, RESIZE_HANDLE_OFFSET_PX = 4, DRAG_OVERLAY_EXTENSION_PX = 1000, MIN_DRAG_OVERLAY_WIDTH_PX = 2000, THROTTLE_INTERVAL_MS = 16, MIN_RESIZE_DELTA_PX = 1, TableResizeOverlay_default, _hoisted_1$2, OVERLAY_EXPANSION_PX = 2000, RESIZE_HANDLE_SIZE_PX = 12, MOUSE_MOVE_THROTTLE_MS = 16, DIMENSION_CHANGE_THRESHOLD_PX = 1, Z_INDEX_OVERLAY = 10, Z_INDEX_HANDLE = 15, Z_INDEX_GUIDELINE = 20, ImageResizeOverlay_default, LINK_CLICK_DEBOUNCE_MS = 300, CURSOR_UPDATE_TIMEOUT_MS = 10, LinkClickHandler_default, _hoisted_1$1, _hoisted_2, DOCX2 = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", TABLE_RESIZE_HOVER_THRESHOLD = 8, TABLE_RESIZE_THROTTLE_MS = 16, SuperEditor_default, _hoisted_1, SuperInput_default, SlashMenu, Extensions;
-var init_src_BFDJrY7q_es = __esm(() => {
+var init_src_R57grOTY_es = __esm(() => {
   init_rolldown_runtime_B2q5OVn9_es();
-  init_SuperConverter_D7fmxDmw_es();
+  init_SuperConverter_CRrxAa8F_es();
   init_jszip_ChlR43oI_es();
   init_uuid_2IzDu5nl_es();
-  init_constants_DBKi0Amm_es();
-  init_DocxZipper_CXjNiywL_es();
+  init_constants_Dw0kAsLd_es();
+  init_DocxZipper_B9Uo1uiZ_es();
   init_vue_UXsVEdB5_es();
   init__plugin_vue_export_helper_CUZ1eWFO_es();
   init_eventemitter3_U_DLl_Mg_es();
@@ -164928,10 +165093,6 @@ ${err.toString()}`);
                 };
                 shouldUpdate = true;
                 editor.emit("commentsUpdate", update);
-                const { tr: newTr } = editor.view.state;
-                const { dispatch } = editor.view;
-                newTr.setMeta(CommentsPluginKey, { type: "force" });
-                dispatch(newTr);
               }
             }
             return pluginState;
@@ -180351,7 +180512,29 @@ function print() { __p += __j.call(arguments, '') }
           img2.style.objectPosition = "left top";
         applyImageClipPath(img2, resolveBlockClipPath(block), { clipContainer: fragmentEl });
         img2.style.display = block.display === "inline" ? "inline-block" : "block";
+        const transforms = [];
+        if (block.rotation != null && block.rotation !== 0) {
+          const angleRad = block.rotation * Math.PI / 180;
+          const w = block.width ?? fragment.width;
+          const h$2 = block.height ?? fragment.height;
+          const cosA = Math.cos(angleRad);
+          const sinA = Math.sin(angleRad);
+          const newTopLeftX = w / 2 * (1 - cosA) + h$2 / 2 * sinA;
+          const newTopLeftY = w / 2 * sinA + h$2 / 2 * (1 - cosA);
+          transforms.push(`translate(${-newTopLeftX}px, ${-newTopLeftY}px)`);
+          transforms.push(`rotate(${block.rotation}deg)`);
+        }
+        if (block.flipH)
+          transforms.push("scaleX(-1)");
+        if (block.flipV)
+          transforms.push("scaleY(-1)");
+        if (transforms.length > 0) {
+          img2.style.transform = transforms.join(" ");
+          img2.style.transformOrigin = "center";
+        }
         const filters = [];
+        if (block.grayscale)
+          filters.push("grayscale(100%)");
         if (block.gain != null || block.blacklevel != null) {
           if (block.gain && typeof block.gain === "string" && block.gain.endsWith("f")) {
             const contrast = Math.max(0, parseInt(block.gain) / 65536) * (2 / 3);
@@ -180363,9 +180546,9 @@ function print() { __p += __j.call(arguments, '') }
             if (brightness > 0)
               filters.push(`brightness(${brightness})`);
           }
-          if (filters.length > 0)
-            img2.style.filter = filters.join(" ");
         }
+        if (filters.length > 0)
+          img2.style.filter = filters.join(" ");
         fragmentEl.appendChild(img2);
         return fragmentEl;
       } catch (error) {
@@ -181222,6 +181405,43 @@ function print() { __p += __j.call(arguments, '') }
         img2.style.position = "relative";
         img2.style.zIndex = "1";
       }
+      const transforms = [];
+      if (run2.rotation != null && run2.rotation !== 0) {
+        const angleRad = run2.rotation * Math.PI / 180;
+        const w = run2.width;
+        const h$2 = run2.height;
+        const cosA = Math.cos(angleRad);
+        const sinA = Math.sin(angleRad);
+        const newTopLeftX = w / 2 * (1 - cosA) + h$2 / 2 * sinA;
+        const newTopLeftY = w / 2 * sinA + h$2 / 2 * (1 - cosA);
+        transforms.push(`translate(${-newTopLeftX}px, ${-newTopLeftY}px)`);
+        transforms.push(`rotate(${run2.rotation}deg)`);
+      }
+      if (run2.flipH)
+        transforms.push("scaleX(-1)");
+      if (run2.flipV)
+        transforms.push("scaleY(-1)");
+      if (transforms.length > 0) {
+        img2.style.transform = transforms.join(" ");
+        img2.style.transformOrigin = "center";
+      }
+      const filters = [];
+      if (run2.grayscale)
+        filters.push("grayscale(100%)");
+      if (run2.gain != null || run2.blacklevel != null) {
+        if (run2.gain && typeof run2.gain === "string" && run2.gain.endsWith("f")) {
+          const contrast = Math.max(0, parseInt(run2.gain) / 65536) * (2 / 3);
+          if (contrast > 0)
+            filters.push(`contrast(${contrast})`);
+        }
+        if (run2.blacklevel && typeof run2.blacklevel === "string" && run2.blacklevel.endsWith("f")) {
+          const brightness = Math.max(0, 1 + parseInt(run2.blacklevel) / 327 / 100) * 1.3;
+          if (brightness > 0)
+            filters.push(`brightness(${brightness})`);
+        }
+      }
+      if (filters.length > 0)
+        img2.style.filter = filters.join(" ");
       assertPmPositions(run2, "inline image run");
       if (useWrapper) {
         const wrapper = this.doc.createElement("span");
@@ -189671,6 +189891,18 @@ function print() { __p += __j.call(arguments, '') }
               return { style: `transform: ${style$1};` };
           }
         },
+        grayscale: {
+          default: false,
+          rendered: false
+        },
+        gain: {
+          default: null,
+          rendered: false
+        },
+        blacklevel: {
+          default: null,
+          rendered: false
+        },
         simplePos: { rendered: false },
         extension: { rendered: false },
         originalExtension: { rendered: false },
@@ -195675,8 +195907,8 @@ function print() { __p += __j.call(arguments, '') }
     return isObjectLike_default(value) && hasOwnProperty$8.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
   };
   stubFalse_default = stubFalse;
-  freeExports$2 = typeof exports_src_BFDJrY7q_es == "object" && exports_src_BFDJrY7q_es && !exports_src_BFDJrY7q_es.nodeType && exports_src_BFDJrY7q_es;
-  freeModule$2 = freeExports$2 && typeof module_src_BFDJrY7q_es == "object" && module_src_BFDJrY7q_es && !module_src_BFDJrY7q_es.nodeType && module_src_BFDJrY7q_es;
+  freeExports$2 = typeof exports_src_R57grOTY_es == "object" && exports_src_R57grOTY_es && !exports_src_R57grOTY_es.nodeType && exports_src_R57grOTY_es;
+  freeModule$2 = freeExports$2 && typeof module_src_R57grOTY_es == "object" && module_src_R57grOTY_es && !module_src_R57grOTY_es.nodeType && module_src_R57grOTY_es;
   Buffer$1 = freeModule$2 && freeModule$2.exports === freeExports$2 ? _root_default.Buffer : undefined;
   isBuffer_default = (Buffer$1 ? Buffer$1.isBuffer : undefined) || stubFalse_default;
   typedArrayTags = {};
@@ -195684,8 +195916,8 @@ function print() { __p += __j.call(arguments, '') }
   typedArrayTags[argsTag$1] = typedArrayTags[arrayTag$1] = typedArrayTags[arrayBufferTag$1] = typedArrayTags[boolTag$1] = typedArrayTags[dataViewTag$2] = typedArrayTags[dateTag$1] = typedArrayTags[errorTag$1] = typedArrayTags[funcTag] = typedArrayTags[mapTag$2] = typedArrayTags[numberTag$1] = typedArrayTags[objectTag$3] = typedArrayTags[regexpTag$1] = typedArrayTags[setTag$2] = typedArrayTags[stringTag$1] = typedArrayTags[weakMapTag$1] = false;
   _baseIsTypedArray_default = baseIsTypedArray;
   _baseUnary_default = baseUnary;
-  freeExports$1 = typeof exports_src_BFDJrY7q_es == "object" && exports_src_BFDJrY7q_es && !exports_src_BFDJrY7q_es.nodeType && exports_src_BFDJrY7q_es;
-  freeModule$1 = freeExports$1 && typeof module_src_BFDJrY7q_es == "object" && module_src_BFDJrY7q_es && !module_src_BFDJrY7q_es.nodeType && module_src_BFDJrY7q_es;
+  freeExports$1 = typeof exports_src_R57grOTY_es == "object" && exports_src_R57grOTY_es && !exports_src_R57grOTY_es.nodeType && exports_src_R57grOTY_es;
+  freeModule$1 = freeExports$1 && typeof module_src_R57grOTY_es == "object" && module_src_R57grOTY_es && !module_src_R57grOTY_es.nodeType && module_src_R57grOTY_es;
   freeProcess = freeModule$1 && freeModule$1.exports === freeExports$1 && _freeGlobal_default.process;
   _nodeUtil_default = function() {
     try {
@@ -195790,8 +196022,8 @@ function print() { __p += __j.call(arguments, '') }
   Stack.prototype.has = _stackHas_default;
   Stack.prototype.set = _stackSet_default;
   _Stack_default = Stack;
-  freeExports = typeof exports_src_BFDJrY7q_es == "object" && exports_src_BFDJrY7q_es && !exports_src_BFDJrY7q_es.nodeType && exports_src_BFDJrY7q_es;
-  freeModule = freeExports && typeof module_src_BFDJrY7q_es == "object" && module_src_BFDJrY7q_es && !module_src_BFDJrY7q_es.nodeType && module_src_BFDJrY7q_es;
+  freeExports = typeof exports_src_R57grOTY_es == "object" && exports_src_R57grOTY_es && !exports_src_R57grOTY_es.nodeType && exports_src_R57grOTY_es;
+  freeModule = freeExports && typeof module_src_R57grOTY_es == "object" && module_src_R57grOTY_es && !module_src_R57grOTY_es.nodeType && module_src_R57grOTY_es;
   Buffer4 = freeModule && freeModule.exports === freeExports ? _root_default.Buffer : undefined;
   allocUnsafe = Buffer4 ? Buffer4.allocUnsafe : undefined;
   _cloneBuffer_default = cloneBuffer;
@@ -203443,13 +203675,13 @@ var init_zipper_Cnk_HjM2_es = __esm(() => {
 
 // ../../packages/superdoc/dist/super-editor.es.js
 var init_super_editor_es = __esm(() => {
-  init_src_BFDJrY7q_es();
-  init_SuperConverter_D7fmxDmw_es();
+  init_src_R57grOTY_es();
+  init_SuperConverter_CRrxAa8F_es();
   init_jszip_ChlR43oI_es();
   init_xml_js_DLE8mr0n_es();
-  init_constants_DBKi0Amm_es();
+  init_constants_Dw0kAsLd_es();
   init_unified_BRHLwnjP_es();
-  init_DocxZipper_CXjNiywL_es();
+  init_DocxZipper_B9Uo1uiZ_es();
   init_vue_UXsVEdB5_es();
   init_eventemitter3_U_DLl_Mg_es();
   init_zipper_Cnk_HjM2_es();
@@ -237289,6 +237521,206 @@ var init_Blob = __esm(() => {
   init_Helper();
 });
 
+// ../../packages/super-editor/src/core/super-converter/v3/handlers/wp/helpers/rtfjs/emfjs/Bitmap.ts
+class BitmapCoreHeader2 {
+  width;
+  height;
+  planes;
+  bitcount;
+  constructor(reader, skipsize) {
+    if (skipsize) {
+      reader.skip(4);
+    }
+    this.width = reader.readUint16();
+    this.height = reader.readUint16();
+    this.planes = reader.readUint16();
+    this.bitcount = reader.readUint16();
+  }
+  colors() {
+    return this.bitcount <= 8 ? 1 << this.bitcount : 0;
+  }
+}
+
+class BitmapInfoHeader2 {
+  width;
+  height;
+  planes;
+  bitcount;
+  compression;
+  sizeimage;
+  xpelspermeter;
+  ypelspermeter;
+  clrused;
+  clrimportant;
+  constructor(reader, skipsize) {
+    if (skipsize) {
+      reader.skip(4);
+    }
+    this.width = reader.readInt32();
+    this.height = reader.readInt32();
+    this.planes = reader.readUint16();
+    this.bitcount = reader.readUint16();
+    this.compression = reader.readUint32();
+    this.sizeimage = reader.readUint32();
+    this.xpelspermeter = reader.readInt32();
+    this.ypelspermeter = reader.readInt32();
+    this.clrused = reader.readUint32();
+    this.clrimportant = reader.readUint32();
+  }
+  colors() {
+    if (this.clrused !== 0) {
+      return this.clrused < 256 ? this.clrused : 256;
+    } else {
+      return this.bitcount > 8 ? 0 : 1 << this.bitcount;
+    }
+  }
+}
+
+class BitmapInfo2 {
+  _usergb;
+  _infosize;
+  _header;
+  constructor(reader, usergb) {
+    this._usergb = usergb;
+    const hdrsize = reader.readUint32();
+    this._infosize = hdrsize;
+    if (hdrsize === Helper2.GDI.BITMAPCOREHEADER_SIZE) {
+      this._header = new BitmapCoreHeader2(reader, false);
+      this._infosize += this._header.colors() * (usergb ? 3 : 2);
+    } else {
+      this._header = new BitmapInfoHeader2(reader, false);
+      const masks = this._header.compression === Helper2.GDI.BitmapCompression.BI_BITFIELDS ? 3 : 0;
+      if (hdrsize <= Helper2.GDI.BITMAPINFOHEADER_SIZE + masks * 4) {
+        this._infosize = Helper2.GDI.BITMAPINFOHEADER_SIZE + masks * 4;
+      }
+      this._infosize += this._header.colors() * (usergb ? 4 : 2);
+    }
+  }
+  getWidth() {
+    return this._header.width;
+  }
+  getHeight() {
+    return Math.abs(this._header.height);
+  }
+  infosize() {
+    return this._infosize;
+  }
+  header() {
+    return this._header;
+  }
+}
+
+class DIBitmap2 {
+  _reader;
+  _offset;
+  _location;
+  _info;
+  constructor(reader, bitmapInfo) {
+    this._reader = reader;
+    this._offset = reader.pos;
+    this._location = bitmapInfo;
+    this._info = new BitmapInfo2(reader, true);
+  }
+  getWidth() {
+    return this._info.getWidth();
+  }
+  getHeight() {
+    return this._info.getHeight();
+  }
+  totalSize() {
+    return this._location.header.size + this._location.data.size;
+  }
+  makeBitmapFileHeader() {
+    const buf = new ArrayBuffer(14);
+    const view = new Uint8Array(buf);
+    view[0] = 66;
+    view[1] = 77;
+    Helper2._writeUint32Val(view, 2, this.totalSize() + 14);
+    Helper2._writeUint32Val(view, 10, this._info.infosize() + 14);
+    return Helper2._blobToBinary(view);
+  }
+  convertToPNG(bitmapData, width, height, hasAlpha) {
+    const canvas2 = document.createElement("canvas");
+    canvas2.width = width;
+    canvas2.height = Math.abs(height);
+    const ctx2 = canvas2.getContext("2d");
+    if (!ctx2) {
+      throw new Error("Unable to get canvas context for PNG conversion");
+    }
+    const imageData = ctx2.createImageData(width, Math.abs(height));
+    const pixels = imageData.data;
+    const rowSize = width * 32 + 31 >>> 5 << 2;
+    const absHeight = Math.abs(height);
+    const topDown = height < 0;
+    let alphaUsed = false;
+    if (hasAlpha) {
+      for (let y2 = 0;y2 < absHeight && !alphaUsed; y2++) {
+        const srcY = topDown ? y2 : absHeight - 1 - y2;
+        for (let x = 0;x < width && !alphaUsed; x++) {
+          const srcOffset = srcY * rowSize + x * 4;
+          if (bitmapData[srcOffset + 3] > 0) {
+            alphaUsed = true;
+          }
+        }
+      }
+    }
+    for (let y2 = 0;y2 < absHeight; y2++) {
+      const srcY = topDown ? y2 : absHeight - 1 - y2;
+      for (let x = 0;x < width; x++) {
+        const srcOffset = srcY * rowSize + x * 4;
+        const dstOffset = (y2 * width + x) * 4;
+        pixels[dstOffset] = bitmapData[srcOffset + 2];
+        pixels[dstOffset + 1] = bitmapData[srcOffset + 1];
+        pixels[dstOffset + 2] = bitmapData[srcOffset];
+        pixels[dstOffset + 3] = alphaUsed ? bitmapData[srcOffset + 3] : 255;
+      }
+    }
+    ctx2.putImageData(imageData, 0, 0);
+    return canvas2.toDataURL("image/png");
+  }
+  base64ref() {
+    const prevpos = this._reader.pos;
+    this._reader.seek(this._offset);
+    const header = this._info.header();
+    if (header instanceof BitmapInfoHeader2 && header.compression != null) {
+      switch (header.compression) {
+        case Helper2.GDI.BitmapCompression.BI_JPEG:
+          this._reader.seek(this._location.data.off);
+          const jpegData = "data:image/jpeg;base64," + btoa(this._reader.readBinary(this._location.data.size));
+          this._reader.seek(prevpos);
+          return jpegData;
+        case Helper2.GDI.BitmapCompression.BI_PNG:
+          this._reader.seek(this._location.data.off);
+          const pngData = "data:image/png;base64," + btoa(this._reader.readBinary(this._location.data.size));
+          this._reader.seek(prevpos);
+          return pngData;
+      }
+    }
+    if (header instanceof BitmapInfoHeader2 && header.bitcount === 32) {
+      this._reader.seek(this._location.data.off);
+      const bitmapBytes = new Uint8Array(this._location.data.size);
+      const bitmapData = this._reader.readBinary(this._location.data.size);
+      for (let i4 = 0;i4 < this._location.data.size; i4++) {
+        bitmapBytes[i4] = bitmapData.charCodeAt(i4);
+      }
+      const pngDataUrl = this.convertToPNG(bitmapBytes, header.width, header.height, true);
+      this._reader.seek(prevpos);
+      return pngDataUrl;
+    }
+    let data = this.makeBitmapFileHeader();
+    this._reader.seek(this._location.header.off);
+    data += this._reader.readBinary(this._location.header.size);
+    this._reader.seek(this._location.data.off);
+    data += this._reader.readBinary(this._location.data.size);
+    const ref3 = "data:image/bmp;base64," + btoa(data);
+    this._reader.seek(prevpos);
+    return ref3;
+  }
+}
+var init_Bitmap = __esm(() => {
+  init_Helper();
+});
+
 // ../../packages/super-editor/src/core/super-converter/v3/handlers/wp/helpers/rtfjs/emfjs/Primitives.ts
 class PointS3 {
   x;
@@ -237764,162 +238196,6 @@ var init_Region = __esm(() => {
   };
 });
 
-// ../../packages/super-editor/src/core/super-converter/v3/handlers/wp/helpers/rtfjs/emfjs/Bitmap.ts
-class BitmapCoreHeader2 {
-  width;
-  height;
-  planes;
-  bitcount;
-  constructor(reader, skipsize) {
-    if (skipsize) {
-      reader.skip(4);
-    }
-    this.width = reader.readUint16();
-    this.height = reader.readUint16();
-    this.planes = reader.readUint16();
-    this.bitcount = reader.readUint16();
-  }
-  colors() {
-    return this.bitcount <= 8 ? 1 << this.bitcount : 0;
-  }
-}
-
-class BitmapInfoHeader2 {
-  width;
-  height;
-  planes;
-  bitcount;
-  compression;
-  sizeimage;
-  xpelspermeter;
-  ypelspermeter;
-  clrused;
-  clrimportant;
-  constructor(reader, skipsize) {
-    if (skipsize) {
-      reader.skip(4);
-    }
-    this.width = reader.readInt32();
-    this.height = reader.readInt32();
-    this.planes = reader.readUint16();
-    this.bitcount = reader.readUint16();
-    this.compression = reader.readUint32();
-    this.sizeimage = reader.readUint32();
-    this.xpelspermeter = reader.readInt32();
-    this.ypelspermeter = reader.readInt32();
-    this.clrused = reader.readUint32();
-    this.clrimportant = reader.readUint32();
-  }
-  colors() {
-    if (this.clrused !== 0) {
-      return this.clrused < 256 ? this.clrused : 256;
-    } else {
-      return this.bitcount > 8 ? 0 : 1 << this.bitcount;
-    }
-  }
-}
-
-class BitmapInfo2 {
-  _usergb;
-  _infosize;
-  _header;
-  constructor(reader, usergb) {
-    this._usergb = usergb;
-    const hdrsize = reader.readUint32();
-    this._infosize = hdrsize;
-    if (hdrsize === Helper2.GDI.BITMAPCOREHEADER_SIZE) {
-      this._header = new BitmapCoreHeader2(reader, false);
-      this._infosize += this._header.colors() * (usergb ? 3 : 2);
-    } else {
-      this._header = new BitmapInfoHeader2(reader, false);
-      const masks = this._header.compression === Helper2.GDI.BitmapCompression.BI_BITFIELDS ? 3 : 0;
-      if (hdrsize <= Helper2.GDI.BITMAPINFOHEADER_SIZE + masks * 4) {
-        this._infosize = Helper2.GDI.BITMAPINFOHEADER_SIZE + masks * 4;
-      }
-      this._infosize += this._header.colors() * (usergb ? 4 : 2);
-    }
-  }
-  getWidth() {
-    return this._header.width;
-  }
-  getHeight() {
-    return Math.abs(this._header.height);
-  }
-  infosize() {
-    return this._infosize;
-  }
-  header() {
-    return this._header;
-  }
-}
-
-class DIBitmap2 {
-  _reader;
-  _offset;
-  _location;
-  _info;
-  constructor(reader, bitmapInfo) {
-    this._reader = reader;
-    this._offset = reader.pos;
-    this._location = bitmapInfo;
-    this._info = new BitmapInfo2(reader, true);
-  }
-  getWidth() {
-    return this._info.getWidth();
-  }
-  getHeight() {
-    return this._info.getHeight();
-  }
-  totalSize() {
-    return this._location.header.size + this._location.data.size;
-  }
-  makeBitmapFileHeader() {
-    const buf = new ArrayBuffer(14);
-    const view = new Uint8Array(buf);
-    view[0] = 66;
-    view[1] = 77;
-    Helper2._writeUint32Val(view, 2, this.totalSize() + 14);
-    Helper2._writeUint32Val(view, 10, this._info.infosize() + 14);
-    return Helper2._blobToBinary(view);
-  }
-  base64ref() {
-    const prevpos = this._reader.pos;
-    this._reader.seek(this._offset);
-    let mime = "image/bmp";
-    const header = this._info.header();
-    let data;
-    if (header instanceof BitmapInfoHeader2 && header.compression != null) {
-      switch (header.compression) {
-        case Helper2.GDI.BitmapCompression.BI_JPEG:
-          mime = "data:image/jpeg";
-          break;
-        case Helper2.GDI.BitmapCompression.BI_PNG:
-          mime = "data:image/png";
-          break;
-        default:
-          data = this.makeBitmapFileHeader();
-          break;
-      }
-    } else {
-      data = this.makeBitmapFileHeader();
-    }
-    this._reader.seek(this._location.header.offset);
-    if (data != null) {
-      data += this._reader.readBinary(this._location.header.size);
-    } else {
-      data = this._reader.readBinary(this._location.header.size);
-    }
-    this._reader.seek(this._location.data.offset);
-    data += this._reader.readBinary(this._location.data.size);
-    const ref3 = "data:" + mime + ";base64," + btoa(data);
-    this._reader.seek(prevpos);
-    return ref3;
-  }
-}
-var init_Bitmap = __esm(() => {
-  init_Helper();
-});
-
 // ../../packages/super-editor/src/core/super-converter/v3/handlers/wp/helpers/rtfjs/emfjs/Style.ts
 class ColorRef3 {
   r;
@@ -238203,6 +238479,9 @@ class EmfHeader2 {
       }
     }
   }
+  getBounds() {
+    return this.bounds;
+  }
   toString() {
     return "{bounds: " + this.bounds.toString() + ", frame: " + this.frame.toString() + ", description: " + this.description + "}";
   }
@@ -238318,11 +238597,11 @@ class EMFRecords2 {
             const cbBits = reader.readUint32();
             const pen = new Pen3(reader, {
               header: {
-                off: offBmi,
+                off: curpos + offBmi,
                 size: cbBmi
               },
               data: {
-                off: offBits,
+                off: curpos + offBits,
                 size: cbBits
               }
             });
@@ -238568,6 +238847,37 @@ class EMFRecords2 {
             });
             break;
           }
+          case Helper2.GDI.RecordType.EMR_STRETCHDIBITS: {
+            const bounds = new RectL3(reader);
+            const xDest = reader.readInt32();
+            const yDest = reader.readInt32();
+            const xSrc = reader.readInt32();
+            const ySrc = reader.readInt32();
+            const cxSrc = reader.readInt32();
+            const cySrc = reader.readInt32();
+            const offBmiSrc = reader.readUint32();
+            const cbBmiSrc = reader.readUint32();
+            const offBitsSrc = reader.readUint32();
+            const cbBitsSrc = reader.readUint32();
+            const iUsageSrc = reader.readUint32();
+            const dwRop = reader.readUint32();
+            const cxDest = reader.readInt32();
+            const cyDest = reader.readInt32();
+            const dib = new DIBitmap2(reader, {
+              header: {
+                off: curpos + offBmiSrc,
+                size: cbBmiSrc
+              },
+              data: {
+                off: curpos + offBitsSrc,
+                size: cbBitsSrc
+              }
+            });
+            this._records.push((gdi) => {
+              gdi.stretchDibBits(xSrc, ySrc, cxSrc, cySrc, xDest, yDest, cxDest, cyDest, dwRop, iUsageSrc, dib);
+            });
+            break;
+          }
           case Helper2.GDI.RecordType.EMR_POLYLINE:
           case Helper2.GDI.RecordType.EMR_POLYLINETO:
           case Helper2.GDI.RecordType.EMR_POLYPOLYLINE:
@@ -238610,7 +238920,6 @@ class EMFRecords2 {
           case Helper2.GDI.RecordType.EMR_MASKBLT:
           case Helper2.GDI.RecordType.EMR_PLGBLT:
           case Helper2.GDI.RecordType.EMR_SETDIBITSTODEVICE:
-          case Helper2.GDI.RecordType.EMR_STRETCHDIBITS:
           case Helper2.GDI.RecordType.EMR_EXTCREATEFONTINDIRECTW:
           case Helper2.GDI.RecordType.EMR_EXTTEXTOUTA:
           case Helper2.GDI.RecordType.EMR_EXTTEXTOUTW:
@@ -238662,6 +238971,9 @@ class EMFRecords2 {
       throw new EMFJSError2("Could not read all records");
     }
   }
+  getBounds() {
+    return this._header.getBounds();
+  }
   play(gdi) {
     const len3 = this._records.length;
     for (let i4 = 0;i4 < len3; i4++) {
@@ -238670,6 +238982,7 @@ class EMFRecords2 {
   }
 }
 var init_EMFRecords = __esm(() => {
+  init_Bitmap();
   init_Helper();
   init_Primitives();
   init_Region();
@@ -238851,6 +239164,9 @@ class GDIContext2 {
     this.state.mapmode = mode;
     this.state._svggroup = null;
   }
+  getMapMode() {
+    return this.state.mapmode;
+  }
   setWindowOrgEx(x, y2) {
     Helper2.log("[gdi] setWindowOrgEx: x=" + x + " y=" + y2);
     this.state.wx = x;
@@ -238905,6 +239221,20 @@ class GDIContext2 {
   setStretchBltMode(stretchMode) {
     Helper2.log("[gdi] setStretchBltMode: stretchMode=" + stretchMode);
   }
+  stretchDibBits(srcX, srcY, srcW, srcH, dstX, dstY, dstW, dstH, rasterOp, colorUsage, dib) {
+    Helper2.log("[gdi] stretchDibBits: srcX=" + srcX + " srcY=" + srcY + " srcW=" + srcW + " srcH=" + srcH + " dstX=" + dstX + " dstY=" + dstY + " dstW=" + dstW + " dstH=" + dstH + " rasterOp=0x" + rasterOp.toString(16));
+    srcX = this._todevX(srcX);
+    srcY = this._todevY(srcY);
+    srcW = this._todevW(srcW);
+    srcH = this._todevH(srcH);
+    dstX = this._todevX(dstX);
+    dstY = this._todevY(dstY);
+    dstW = this._todevW(dstW);
+    dstH = this._todevH(dstH);
+    Helper2.log("[gdi] stretchDibBits: TRANSLATED:" + " srcX=" + srcX + " srcY=" + srcY + " srcW=" + srcW + " srcH=" + srcH + " dstX=" + dstX + " dstY=" + dstY + " dstW=" + dstW + " dstH=" + dstH + " rasterOp=0x" + rasterOp.toString(16));
+    this._pushGroup();
+    this._svg.image(this.state._svggroup, dstX, dstY, dstW, dstH, dib.base64ref());
+  }
   rectangle(rect, rw, rh) {
     Helper2.log("[gdi] rectangle: rect=" + rect.toString() + " with pen " + this.state.selected.pen.toString() + " and brush " + this.state.selected.brush.toString());
     const bottom2 = this._todevY(rect.bottom);
@@ -239421,9 +239751,12 @@ class Renderer2 {
   }
   render(info) {
     const svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    this._render(new SVG2(svgElement), info.mapMode, info.wExt, info.hExt, info.xExt, info.yExt);
-    svgElement.setAttribute("viewBox", [0, 0, info.xExt, info.yExt].join(" "));
-    svgElement.setAttribute("preserveAspectRatio", "none");
+    const emfBounds = this._img.getBounds();
+    const gdi = this._render(new SVG2(svgElement), info.mapMode, emfBounds.width, emfBounds.height, emfBounds.width, emfBounds.height);
+    svgElement.setAttribute("viewBox", [0, 0, emfBounds.width, emfBounds.height].join(" "));
+    const finalMapMode = gdi.getMapMode();
+    const preserveAspectRatio = finalMapMode === Helper2.GDI.MapMode.MM_ANISOTROPIC ? "none" : "xMidYMid meet";
+    svgElement.setAttribute("preserveAspectRatio", preserveAspectRatio);
     svgElement.setAttribute("width", info.width);
     svgElement.setAttribute("height", info.height);
     return svgElement;
@@ -239452,6 +239785,7 @@ class Renderer2 {
     Helper2.log("[EMF] BEGIN RENDERING --->");
     this._img.render(gdi);
     Helper2.log("[EMF] <--- DONE RENDERING");
+    return gdi;
   }
 }
 
@@ -239465,6 +239799,13 @@ class EMF2 {
   render(gdi) {
     this._records.play(gdi);
   }
+  getBounds() {
+    const bounds = this._records.getBounds();
+    return {
+      width: bounds.right - bounds.left,
+      height: bounds.bottom - bounds.top
+    };
+  }
 }
 var init_Renderer = __esm(() => {
   init_util();
@@ -243529,6 +243870,7 @@ function handleImageNode3(node4, params3, isAnchor) {
   if (!blip) {
     return null;
   }
+  const hasGrayscale = blip.elements?.some((el) => el.name === "a:grayscl");
   const stretch = blipFill?.elements?.find((el) => el.name === "a:stretch");
   const fillRect = stretch?.elements?.find((el) => el.name === "a:fillRect");
   const srcRect = blipFill?.elements?.find((el) => el.name === "a:srcRect");
@@ -243629,7 +243971,8 @@ function handleImageNode3(node4, params3, isAnchor) {
     originalAttributes: node4.attributes,
     rId: relAttributes["Id"],
     ...order4.length ? { drawingChildOrder: order4 } : {},
-    ...originalChildren.length ? { originalDrawingChildren: originalChildren } : {}
+    ...originalChildren.length ? { originalDrawingChildren: originalChildren } : {},
+    ...hasGrayscale ? { grayscale: true } : {}
   };
   return {
     type: "image",
@@ -244467,7 +244810,10 @@ var translateImageNode2 = (params3) => {
                         name: "a:blip",
                         attributes: {
                           "r:embed": imageId
-                        }
+                        },
+                        ...attrs.grayscale ? {
+                          elements: [{ name: "a:grayscl" }]
+                        } : {}
                       },
                       ...rawSrcRect ? [rawSrcRect] : [],
                       {