superdoc 1.8.2-next.2 → 1.8.2-next.4

package/dist/chunks/{PdfViewer-BwFluCQM.cjs → PdfViewer-D-1pvbsl.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("./vue-De9wkgLl.cjs");
-const superdoc = require("./index-CmcLCoAA.cjs");
-const index = require("./index-DT0-49y4.cjs");
+const superdoc = require("./index-BDt0SMPG.cjs");
+const index = require("./index-Cm1X7-Lz.cjs");
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{PdfViewer-CRhrGEsL.es.js → PdfViewer-hG1Tu8iv.es.js}

@@ -1,6 +1,6 @@
 import { d as defineComponent, h, T as Transition, p as process$1, w as watchEffect, c as computed, r as ref, f as onMounted, X as onUnmounted, E as createElementBlock, G as openBlock, K as createBaseVNode, M as createCommentVNode, I as createVNode, v as unref } from "./vue-BnBKJwCW.es.js";
-import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-BpO3FO9M.es.js";
-import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-DXRy_ln-.es.js";
+import { N as NBaseLoading, u as useSuperdocStore, s as storeToRefs, a as useSelection } from "./index-BCicU4sm.es.js";
+import { C as derived, r as c, q as cB, aF as fadeInTransition, y as cM, I as warnOnce, J as useConfig, N as useTheme, aG as pxfy, P as createKey, Q as useThemeClass, aH as useCompitable, ai as _export_sfc } from "./index-Cq-aFnBK.es.js";
 function self(vars) {
   const {
     opacityDisabled,

package/dist/chunks/{SuperConverter-BwBuaGR-.es.js → SuperConverter-B7668oVY.es.js}

@@ -1,5 +1,5 @@
 import { B as Buffer, c as commonjsGlobal, g as getDefaultExportFromCjs$1 } from "./jszip-B1fkPkPJ.es.js";
-import { j as getDocxHighlightKeywordFromHex, n as normalizeHexColor, p as ptToTwips, k as isValidHexColor, m as getHexColorFromDocxSystem, h as halfPointToPoints, o as twipsToPt, c as twipsToPixels, q as eighthPointsToPixels, l as linesToTwips, a as twipsToLines, t as twipsToInches, b as pixelsToTwips, i as inchesToTwips, s as pixelsToEightPoints, u as emuToPixels, v as polygonToObj, w as rotToDegrees, x as pointsToTwips, y as pixelsToEmu, z as degreesToRot, A as objToPolygon, f as libExports, r as resolveOpcTargetPath, B as rgbToHex, C as deobfuscateFont, D as getArrayBufferFromUrl } from "./helpers-BZLaTnr3.es.js";
+import { j as getDocxHighlightKeywordFromHex, n as normalizeHexColor, p as ptToTwips, k as isValidHexColor, m as getHexColorFromDocxSystem, h as halfPointToPoints, o as twipsToPt, c as twipsToPixels, q as eighthPointsToPixels, l as linesToTwips, a as twipsToLines, t as twipsToInches, s as resolveShadingFillColor, b as pixelsToTwips, i as inchesToTwips, u as pixelsToEightPoints, v as emuToPixels, w as polygonToObj, x as rotToDegrees, y as pointsToTwips, z as pixelsToEmu, A as degreesToRot, B as objToPolygon, f as libExports, r as resolveOpcTargetPath, C as rgbToHex, D as deobfuscateFont, E as getArrayBufferFromUrl } from "./helpers-CraselFS.es.js";
 import { v as v4 } from "./uuid-CjlX8hrF.es.js";
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -9655,6 +9655,7 @@ function handleTableCellNode({
   node,
   table,
   row,
+  tableProperties,
   rowBorders,
   baseTableBorders,
   tableLook,
@@ -9665,6 +9666,7 @@ function handleTableCellNode({
   rowIndex = 0,
   totalRows = 1,
   totalColumns,
+  preferTableGridWidths = false,
   _referencedStyles
 }) {
   const { nodeListHandler } = params;
@@ -9693,7 +9695,10 @@ function handleTableCellNode({
     referencedStyles
   });
   if (colspan > 1) attributes["colspan"] = colspan;
-  let width = tableCellProperties.cellWidth?.value ? twipsToPixels(tableCellProperties.cellWidth?.value) : null;
+  let width = null;
+  if (!preferTableGridWidths) {
+    width = tableCellProperties.cellWidth?.value ? twipsToPixels(tableCellProperties.cellWidth?.value) : null;
+  }
   const widthType = tableCellProperties.cellWidth?.type;
   if (widthType) attributes["widthType"] = widthType;
   if (!width && columnWidth) width = columnWidth;
@@ -9718,9 +9723,8 @@ function handleTableCellNode({
       }
     }
   }
-  const background = {
-    color: tableCellProperties.shading?.fill
-  };
+  const backgroundColor = resolveShadingFillColor(tableCellProperties.shading) ?? resolveShadingFillColor(tableProperties?.shading);
+  const background = { color: backgroundColor };
   if (background.color) attributes["background"] = background;
   const verticalAlign = tableCellProperties.vAlign;
   if (verticalAlign) attributes["verticalAlign"] = verticalAlign;
@@ -10072,6 +10076,7 @@ function encode$B(params, encodedAttrs) {
     node,
     table,
     row,
+    tableProperties,
     rowBorders,
     baseTableBorders,
     tableLook,
@@ -10082,6 +10087,7 @@ function encode$B(params, encodedAttrs) {
     rowIndex,
     totalRows,
     totalColumns,
+    preferTableGridWidths,
     _referencedStyles
   } = params.extraParams;
   const schemaNode = handleTableCellNode({
@@ -10089,6 +10095,7 @@ function encode$B(params, encodedAttrs) {
     node,
     table,
     row,
+    tableProperties,
     rowBorders,
     baseTableBorders,
     tableLook,
@@ -10099,6 +10106,7 @@ function encode$B(params, encodedAttrs) {
     rowIndex,
     totalRows,
     totalColumns,
+    preferTableGridWidths,
     _referencedStyles
   });
   if (encodedAttrs && Object.keys(encodedAttrs).length) {
@@ -27187,6 +27195,28 @@ const buildFallbackGridForTable = ({ params, rows, tableWidth, tableWidthMeasure
 };
 const XML_NODE_NAME$f = "w:tbl";
 const SD_NODE_NAME$e = "table";
+const INDENT_TWIPS_TOLERANCE = 5;
+const sumColumnTwips = (columns = []) => columns.reduce((sum, col) => {
+  const raw = col?.col;
+  const value = typeof raw === "number" ? raw : Number.parseInt(raw, 10);
+  return Number.isFinite(value) ? sum + value : sum;
+}, 0);
+const getFirstRowCellWidthSumTwips = (rows = []) => {
+  const firstRow = rows.find((row) => row?.elements?.some((el) => el.name === "w:tc"));
+  if (!firstRow?.elements) return null;
+  const cells = firstRow.elements.filter((el) => el.name === "w:tc");
+  if (!cells.length) return null;
+  let sum = 0;
+  for (const cell of cells) {
+    const tcPr = cell.elements?.find((el) => el.name === "w:tcPr");
+    const tcW = tcPr?.elements?.find((el) => el.name === "w:tcW");
+    const rawWidth = tcW?.attributes?.["w:w"];
+    const width = typeof rawWidth === "number" ? rawWidth : Number.parseInt(rawWidth, 10);
+    if (!Number.isFinite(width)) return null;
+    sum += width;
+  }
+  return sum;
+};
 const encode$u = (params, encodedAttrs) => {
   const { nodes } = params;
   const node = nodes[0];
@@ -27248,6 +27278,13 @@ const encode$u = (params, encodedAttrs) => {
   };
   const rows = node.elements.filter((el) => el.name === "w:tr");
   let columnWidths = Array.isArray(encodedAttrs["grid"]) ? encodedAttrs["grid"].map((item) => twipsToPixels(item.col)) : [];
+  const tableIndentTwips = encodedAttrs.tableProperties?.tableIndent?.value;
+  const hasIndent = Number.isFinite(tableIndentTwips) && tableIndentTwips !== 0;
+  const hasExplicitGrid = Boolean(tblGrid);
+  const gridTwipsTotal = hasExplicitGrid ? sumColumnTwips(encodedAttrs["grid"]) : null;
+  const rowTcWTwipsTotal = hasExplicitGrid && hasIndent ? getFirstRowCellWidthSumTwips(rows) : null;
+  const indentDiff = rowTcWTwipsTotal != null && gridTwipsTotal != null ? rowTcWTwipsTotal - gridTwipsTotal : null;
+  const preferTableGridWidths = hasExplicitGrid && hasIndent && gridTwipsTotal != null && rowTcWTwipsTotal != null && Math.sign(indentDiff) === Math.sign(tableIndentTwips) && Math.abs(indentDiff - tableIndentTwips) <= INDENT_TWIPS_TOLERANCE;
   if (!columnWidths.length) {
     const fallback = buildFallbackGridForTable({
       params,
@@ -27272,6 +27309,7 @@ const encode$u = (params, encodedAttrs) => {
       extraParams: {
         row,
         table: node,
+        tableProperties: encodedAttrs.tableProperties,
         tableBorders: encodedAttrs.borders,
         tableLook,
         columnWidths,
@@ -27279,6 +27317,7 @@ const encode$u = (params, encodedAttrs) => {
         rowIndex,
         totalRows,
         totalColumns,
+        preferTableGridWidths,
         _referencedStyles: referencedStyles
       }
     });
@@ -32368,16 +32407,31 @@ function translateHeadingNode(params) {
   };
   return translator$1N.decode({ ...params, node: paragraphNode });
 }
+function mergeMcIgnorable(defaultIgnorable = "", originalIgnorable = "") {
+  const merged = [
+    .../* @__PURE__ */ new Set([...defaultIgnorable.split(/\s+/).filter(Boolean), ...originalIgnorable.split(/\s+/).filter(Boolean)])
+  ];
+  return merged.join(" ");
+}
 function translateDocumentNode(params) {
   const bodyNode = {
     type: "body",
     content: params.node.content
   };
   const translatedBodyNode = exportSchemaToJson({ ...params, node: bodyNode });
+  const originalAttrs = params.converter?.documentAttributes || {};
+  const attributes = {
+    ...DEFAULT_DOCX_DEFS,
+    ...originalAttrs
+  };
+  const mergedIgnorable = mergeMcIgnorable(DEFAULT_DOCX_DEFS["mc:Ignorable"], originalAttrs["mc:Ignorable"]);
+  if (mergedIgnorable) {
+    attributes["mc:Ignorable"] = mergedIgnorable;
+  }
   const node = {
     name: "w:document",
     elements: [translatedBodyNode],
-    attributes: DEFAULT_DOCX_DEFS
+    attributes
   };
   return [node, params];
 }
@@ -33509,7 +33563,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.8.2-next.2") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.8.2-next.4") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{SuperConverter-B39dCut-.cjs → SuperConverter-CmfkG_P-.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const jszip = require("./jszip-C8_CqJxM.cjs");
-const helpers = require("./helpers-CnY-716k.cjs");
+const helpers = require("./helpers-C7_u3NNJ.cjs");
 const uuid = require("./uuid-R7L08bOx.cjs");
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -9656,6 +9656,7 @@ function handleTableCellNode({
   node,
   table,
   row,
+  tableProperties,
   rowBorders,
   baseTableBorders,
   tableLook,
@@ -9666,6 +9667,7 @@ function handleTableCellNode({
   rowIndex = 0,
   totalRows = 1,
   totalColumns,
+  preferTableGridWidths = false,
   _referencedStyles
 }) {
   const { nodeListHandler } = params;
@@ -9694,7 +9696,10 @@ function handleTableCellNode({
     referencedStyles
   });
   if (colspan > 1) attributes["colspan"] = colspan;
-  let width = tableCellProperties.cellWidth?.value ? helpers.twipsToPixels(tableCellProperties.cellWidth?.value) : null;
+  let width = null;
+  if (!preferTableGridWidths) {
+    width = tableCellProperties.cellWidth?.value ? helpers.twipsToPixels(tableCellProperties.cellWidth?.value) : null;
+  }
   const widthType = tableCellProperties.cellWidth?.type;
   if (widthType) attributes["widthType"] = widthType;
   if (!width && columnWidth) width = columnWidth;
@@ -9719,9 +9724,8 @@ function handleTableCellNode({
       }
     }
   }
-  const background = {
-    color: tableCellProperties.shading?.fill
-  };
+  const backgroundColor = helpers.resolveShadingFillColor(tableCellProperties.shading) ?? helpers.resolveShadingFillColor(tableProperties?.shading);
+  const background = { color: backgroundColor };
   if (background.color) attributes["background"] = background;
   const verticalAlign = tableCellProperties.vAlign;
   if (verticalAlign) attributes["verticalAlign"] = verticalAlign;
@@ -10073,6 +10077,7 @@ function encode$B(params, encodedAttrs) {
     node,
     table,
     row,
+    tableProperties,
     rowBorders,
     baseTableBorders,
     tableLook,
@@ -10083,6 +10088,7 @@ function encode$B(params, encodedAttrs) {
     rowIndex,
     totalRows,
     totalColumns,
+    preferTableGridWidths,
     _referencedStyles
   } = params.extraParams;
   const schemaNode = handleTableCellNode({
@@ -10090,6 +10096,7 @@ function encode$B(params, encodedAttrs) {
     node,
     table,
     row,
+    tableProperties,
     rowBorders,
     baseTableBorders,
     tableLook,
@@ -10100,6 +10107,7 @@ function encode$B(params, encodedAttrs) {
     rowIndex,
     totalRows,
     totalColumns,
+    preferTableGridWidths,
     _referencedStyles
   });
   if (encodedAttrs && Object.keys(encodedAttrs).length) {
@@ -27188,6 +27196,28 @@ const buildFallbackGridForTable = ({ params, rows, tableWidth, tableWidthMeasure
 };
 const XML_NODE_NAME$f = "w:tbl";
 const SD_NODE_NAME$e = "table";
+const INDENT_TWIPS_TOLERANCE = 5;
+const sumColumnTwips = (columns = []) => columns.reduce((sum, col) => {
+  const raw = col?.col;
+  const value = typeof raw === "number" ? raw : Number.parseInt(raw, 10);
+  return Number.isFinite(value) ? sum + value : sum;
+}, 0);
+const getFirstRowCellWidthSumTwips = (rows = []) => {
+  const firstRow = rows.find((row) => row?.elements?.some((el) => el.name === "w:tc"));
+  if (!firstRow?.elements) return null;
+  const cells = firstRow.elements.filter((el) => el.name === "w:tc");
+  if (!cells.length) return null;
+  let sum = 0;
+  for (const cell of cells) {
+    const tcPr = cell.elements?.find((el) => el.name === "w:tcPr");
+    const tcW = tcPr?.elements?.find((el) => el.name === "w:tcW");
+    const rawWidth = tcW?.attributes?.["w:w"];
+    const width = typeof rawWidth === "number" ? rawWidth : Number.parseInt(rawWidth, 10);
+    if (!Number.isFinite(width)) return null;
+    sum += width;
+  }
+  return sum;
+};
 const encode$u = (params, encodedAttrs) => {
   const { nodes } = params;
   const node = nodes[0];
@@ -27249,6 +27279,13 @@ const encode$u = (params, encodedAttrs) => {
   };
   const rows = node.elements.filter((el) => el.name === "w:tr");
   let columnWidths = Array.isArray(encodedAttrs["grid"]) ? encodedAttrs["grid"].map((item) => helpers.twipsToPixels(item.col)) : [];
+  const tableIndentTwips = encodedAttrs.tableProperties?.tableIndent?.value;
+  const hasIndent = Number.isFinite(tableIndentTwips) && tableIndentTwips !== 0;
+  const hasExplicitGrid = Boolean(tblGrid);
+  const gridTwipsTotal = hasExplicitGrid ? sumColumnTwips(encodedAttrs["grid"]) : null;
+  const rowTcWTwipsTotal = hasExplicitGrid && hasIndent ? getFirstRowCellWidthSumTwips(rows) : null;
+  const indentDiff = rowTcWTwipsTotal != null && gridTwipsTotal != null ? rowTcWTwipsTotal - gridTwipsTotal : null;
+  const preferTableGridWidths = hasExplicitGrid && hasIndent && gridTwipsTotal != null && rowTcWTwipsTotal != null && Math.sign(indentDiff) === Math.sign(tableIndentTwips) && Math.abs(indentDiff - tableIndentTwips) <= INDENT_TWIPS_TOLERANCE;
   if (!columnWidths.length) {
     const fallback = buildFallbackGridForTable({
       params,
@@ -27273,6 +27310,7 @@ const encode$u = (params, encodedAttrs) => {
       extraParams: {
         row,
         table: node,
+        tableProperties: encodedAttrs.tableProperties,
         tableBorders: encodedAttrs.borders,
         tableLook,
         columnWidths,
@@ -27280,6 +27318,7 @@ const encode$u = (params, encodedAttrs) => {
         rowIndex,
         totalRows,
         totalColumns,
+        preferTableGridWidths,
         _referencedStyles: referencedStyles
       }
     });
@@ -32369,16 +32408,31 @@ function translateHeadingNode(params) {
   };
   return translator$1N.decode({ ...params, node: paragraphNode });
 }
+function mergeMcIgnorable(defaultIgnorable = "", originalIgnorable = "") {
+  const merged = [
+    .../* @__PURE__ */ new Set([...defaultIgnorable.split(/\s+/).filter(Boolean), ...originalIgnorable.split(/\s+/).filter(Boolean)])
+  ];
+  return merged.join(" ");
+}
 function translateDocumentNode(params) {
   const bodyNode = {
     type: "body",
     content: params.node.content
   };
   const translatedBodyNode = exportSchemaToJson({ ...params, node: bodyNode });
+  const originalAttrs = params.converter?.documentAttributes || {};
+  const attributes = {
+    ...DEFAULT_DOCX_DEFS,
+    ...originalAttrs
+  };
+  const mergedIgnorable = mergeMcIgnorable(DEFAULT_DOCX_DEFS["mc:Ignorable"], originalAttrs["mc:Ignorable"]);
+  if (mergedIgnorable) {
+    attributes["mc:Ignorable"] = mergedIgnorable;
+  }
   const node = {
     name: "w:document",
     elements: [translatedBodyNode],
-    attributes: DEFAULT_DOCX_DEFS
+    attributes
   };
   return [node, params];
 }
@@ -33510,7 +33564,7 @@ class SuperConverter {
   static getStoredSuperdocVersion(docx) {
     return SuperConverter.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.8.2-next.2") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version = "1.8.2-next.4") {
     return SuperConverter.setStoredCustomProperty(docx, "SuperdocVersion", version, false);
   }
   /**

package/dist/chunks/{helpers-CnY-716k.cjs → helpers-C7_u3NNJ.cjs}

@@ -288,6 +288,43 @@ const componentToHex = (val) => {
 const rgbToHex = (rgb) => {
   return "#" + rgb.match(/\d+/g).map(componentToHex).join("");
 };
+const DEFAULT_SHADING_FOREGROUND_COLOR = "#000000";
+const hexToRgb = (hex) => {
+  const normalized = normalizeHexColor(hex);
+  if (!normalized) return null;
+  return {
+    r: Number.parseInt(normalized.slice(0, 2), 16),
+    g: Number.parseInt(normalized.slice(2, 4), 16),
+    b: Number.parseInt(normalized.slice(4, 6), 16)
+  };
+};
+const clamp01 = (value) => {
+  if (!Number.isFinite(value)) return 0;
+  return Math.min(1, Math.max(0, value));
+};
+const blendHexColors = (backgroundHex, foregroundHex, foregroundRatio) => {
+  const background = hexToRgb(backgroundHex);
+  const foreground = hexToRgb(foregroundHex);
+  if (!background || !foreground) return null;
+  const ratio = clamp01(foregroundRatio);
+  const r = Math.round(background.r * (1 - ratio) + foreground.r * ratio);
+  const g = Math.round(background.g * (1 - ratio) + foreground.g * ratio);
+  const b = Math.round(background.b * (1 - ratio) + foreground.b * ratio);
+  const toByte = (n) => n.toString(16).padStart(2, "0").toUpperCase();
+  return `${toByte(r)}${toByte(g)}${toByte(b)}`;
+};
+const resolveShadingFillColor = (shading) => {
+  if (!shading || typeof shading !== "object") return null;
+  const fill = normalizeHexColor(shading.fill);
+  if (!fill) return null;
+  const val = typeof shading.val === "string" ? shading.val.trim().toLowerCase() : "";
+  const pctMatch = val.match(/^pct(\d{1,3})$/);
+  if (!pctMatch) return fill;
+  const pct = Number.parseInt(pctMatch[1], 10);
+  if (!Number.isFinite(pct) || pct < 0 || pct > 100) return fill;
+  const foreground = normalizeHexColor(shading.color) ?? DEFAULT_SHADING_FOREGROUND_COLOR;
+  return blendHexColors(fill, foreground, pct / 100) ?? fill;
+};
 const deobfuscateFont = (arrayBuffer, guidHex) => {
   const dta = new Uint8Array(arrayBuffer);
   const guidStr = guidHex.replace(/[-{}]/g, "");
@@ -362,6 +399,7 @@ exports.pointsToTwips = pointsToTwips;
 exports.polygonToObj = polygonToObj;
 exports.ptToTwips = ptToTwips;
 exports.resolveOpcTargetPath = resolveOpcTargetPath;
+exports.resolveShadingFillColor = resolveShadingFillColor;
 exports.rgbToHex = rgbToHex;
 exports.rotToDegrees = rotToDegrees;
 exports.twipsToInches = twipsToInches;

package/dist/chunks/{helpers-BZLaTnr3.es.js → helpers-CraselFS.es.js}

@@ -287,6 +287,43 @@ const componentToHex = (val) => {
 const rgbToHex = (rgb) => {
   return "#" + rgb.match(/\d+/g).map(componentToHex).join("");
 };
+const DEFAULT_SHADING_FOREGROUND_COLOR = "#000000";
+const hexToRgb = (hex) => {
+  const normalized = normalizeHexColor(hex);
+  if (!normalized) return null;
+  return {
+    r: Number.parseInt(normalized.slice(0, 2), 16),
+    g: Number.parseInt(normalized.slice(2, 4), 16),
+    b: Number.parseInt(normalized.slice(4, 6), 16)
+  };
+};
+const clamp01 = (value) => {
+  if (!Number.isFinite(value)) return 0;
+  return Math.min(1, Math.max(0, value));
+};
+const blendHexColors = (backgroundHex, foregroundHex, foregroundRatio) => {
+  const background = hexToRgb(backgroundHex);
+  const foreground = hexToRgb(foregroundHex);
+  if (!background || !foreground) return null;
+  const ratio = clamp01(foregroundRatio);
+  const r = Math.round(background.r * (1 - ratio) + foreground.r * ratio);
+  const g = Math.round(background.g * (1 - ratio) + foreground.g * ratio);
+  const b = Math.round(background.b * (1 - ratio) + foreground.b * ratio);
+  const toByte = (n) => n.toString(16).padStart(2, "0").toUpperCase();
+  return `${toByte(r)}${toByte(g)}${toByte(b)}`;
+};
+const resolveShadingFillColor = (shading) => {
+  if (!shading || typeof shading !== "object") return null;
+  const fill = normalizeHexColor(shading.fill);
+  if (!fill) return null;
+  const val = typeof shading.val === "string" ? shading.val.trim().toLowerCase() : "";
+  const pctMatch = val.match(/^pct(\d{1,3})$/);
+  if (!pctMatch) return fill;
+  const pct = Number.parseInt(pctMatch[1], 10);
+  if (!Number.isFinite(pct) || pct < 0 || pct > 100) return fill;
+  const foreground = normalizeHexColor(shading.color) ?? DEFAULT_SHADING_FOREGROUND_COLOR;
+  return blendHexColors(fill, foreground, pct / 100) ?? fill;
+};
 const deobfuscateFont = (arrayBuffer, guidHex) => {
   const dta = new Uint8Array(arrayBuffer);
   const guidStr = guidHex.replace(/[-{}]/g, "");
@@ -338,10 +375,11 @@ function convertSizeToCSS(value, type) {
   }
 }
 export {
-  objToPolygon as A,
-  rgbToHex as B,
-  deobfuscateFont as C,
-  getArrayBufferFromUrl as D,
+  degreesToRot as A,
+  objToPolygon as B,
+  rgbToHex as C,
+  deobfuscateFont as D,
+  getArrayBufferFromUrl as E,
   twipsToLines as a,
   pixelsToTwips as b,
   twipsToPixels as c,
@@ -360,12 +398,12 @@ export {
   ptToTwips as p,
   eighthPointsToPixels as q,
   resolveOpcTargetPath as r,
-  pixelsToEightPoints as s,
+  resolveShadingFillColor as s,
   twipsToInches as t,
-  emuToPixels as u,
-  polygonToObj as v,
-  rotToDegrees as w,
-  pointsToTwips as x,
-  pixelsToEmu as y,
-  degreesToRot as z
+  pixelsToEightPoints as u,
+  emuToPixels as v,
+  polygonToObj as w,
+  rotToDegrees as x,
+  pointsToTwips as y,
+  pixelsToEmu as z
 };

package/dist/chunks/{index-BpO3FO9M.es.js → index-BCicU4sm.es.js}

@@ -1,10 +1,10 @@
-import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-DXRy_ln-.es.js";
+import { B as BIT8, M as MAX_SAFE_INTEGER, c as create, a as BITS7, u as utf8TextDecoder, b as create$1, s as setIfUndefined, d as create$2, f as from, e as floor$1, g as equalityDeep, w as writeVarUint, h as writeVarString, t as toUint8Array, i as createEncoder, j as createInjectionKey, k as toString, l as throwError, m as useSsrAdapter, n as configProviderInjectionKey, o as cssrAnchorMetaName, p as globalStyle, q as cB, r as c, v as isMounted, x as commonVariables$2, y as cM, z as cNotM, A as cE, C as derived, D as changeColor, E as insideModal, F as insidePopover, G as resolveWrappedSlot, H as on, I as warnOnce, J as useConfig, K as useMergedState, L as useMemo, N as useTheme, O as useRtl, P as createKey, Q as useThemeClass, R as createId, S as call, T as render, U as messageProviderInjectionKey, V as messageApiInjectionKey, W as fromBase64, X as onChange, Y as varStorage, Z as toBase64, _ as createUint8ArrayFromArrayBuffer, $ as offChange, a0 as writeVarUint8Array, a1 as map, a2 as length, a3 as isNode, a4 as min, a5 as pow, a6 as comments_module_events, a7 as getFileObject, a8 as getTrackChanges, a9 as CommentsPluginKey, aa as TrackChangesBasePluginKey, ab as Editor, ac as getRichTextExtensions, ad as ellipsisVerticalSvg, ae as xmarkIconSvg, af as checkIconSvg, ag as caretDownIconSvg, ah as commentIconSvg, ai as _export_sfc, aj as NDropdown, ak as SuperInput, al as vClickOutside, am as PresentationEditor, an as SuperEditor, ao as AIWriter, ap as NConfigProvider, aq as SuperToolbar } from "./index-Cq-aFnBK.es.js";
 import { B as BlankDOCX } from "./blank-docx-ABm6XYAA.es.js";
 import { E as EventEmitter } from "./eventemitter3-CwrdEv8r.es.js";
 import { HocuspocusProvider, HocuspocusProviderWebsocket } from "@hocuspocus/provider";
 import "./jszip-B1fkPkPJ.es.js";
-import "./helpers-BZLaTnr3.es.js";
-import "./SuperConverter-BwBuaGR-.es.js";
+import "./helpers-CraselFS.es.js";
+import "./SuperConverter-B7668oVY.es.js";
 import { i as inject, a as provide, c as computed, o as onBeforeUnmount, p as process$1, b as onBeforeMount, d as defineComponent, h, t as toRef, T as Transition, e as TransitionGroup, w as watchEffect, r as ref, f as onMounted, g as Teleport, F as Fragment, j as reactive, k as effectScope, m as markRaw, l as toRaw, n as isRef, q as isReactive, s as getCurrentInstance, u as watch, v as unref, x as hasInjectionContext, y as nextTick, z as getCurrentScope, A as onScopeDispose, B as toRefs, C as global, D as shallowRef, E as createElementBlock, G as openBlock, H as toDisplayString, I as createVNode, J as withCtx, K as createBaseVNode, L as normalizeStyle, M as createCommentVNode, N as createBlock, O as withModifiers, P as normalizeClass, Q as resolveDirective, R as withDirectives, S as renderList, U as createApp, V as resolveDynamicComponent, W as defineAsyncComponent } from "./vue-BnBKJwCW.es.js";
 import "./jszip.min-DCl8qkFO.es.js";
 import { createZip } from "../super-editor/file-zipper.es.js";
@@ -7672,7 +7672,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-CRhrGEsL.es.js"));
+    const PdfViewer = defineAsyncComponent(() => import("./PdfViewer-hG1Tu8iv.es.js"));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8657,7 +8657,7 @@ class SuperDoc extends EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.8.2-next.2";
+    this.version = "1.8.2-next.4";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || v4();
     this.colors = this.config.colors;

package/dist/chunks/{index-CmcLCoAA.cjs → index-BDt0SMPG.cjs}

@@ -1,11 +1,11 @@
 "use strict";
-const index = require("./index-DT0-49y4.cjs");
+const index = require("./index-Cm1X7-Lz.cjs");
 const blankDocx = require("./blank-docx-DfW3Eeh2.cjs");
 const eventemitter3 = require("./eventemitter3-BQuRcMPI.cjs");
 const provider = require("@hocuspocus/provider");
 require("./jszip-C8_CqJxM.cjs");
-require("./helpers-CnY-716k.cjs");
-require("./SuperConverter-B39dCut-.cjs");
+require("./helpers-C7_u3NNJ.cjs");
+require("./SuperConverter-CmfkG_P-.cjs");
 const vue = require("./vue-De9wkgLl.cjs");
 require("./jszip.min-BPh2MMAa.cjs");
 const superEditor_fileZipper = require("../super-editor/file-zipper.cjs");
@@ -7689,7 +7689,7 @@ const _sfc_main = {
   __name: "SuperDoc",
   emits: ["selection-update"],
   setup(__props, { emit: __emit }) {
-    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-BwFluCQM.cjs")));
+    const PdfViewer = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("./PdfViewer-D-1pvbsl.cjs")));
     const superdocStore = useSuperdocStore();
     const commentsStore = useCommentsStore();
     const {
@@ -8674,7 +8674,7 @@ class SuperDoc extends eventemitter3.EventEmitter {
     this.config.colors = shuffleArray(this.config.colors);
     this.userColorMap = /* @__PURE__ */ new Map();
     this.colorIndex = 0;
-    this.version = "1.8.2-next.2";
+    this.version = "1.8.2-next.4";
     this.#log("🦋 [superdoc] Using SuperDoc version:", this.version);
     this.superdocId = config.superdocId || uuid.v4();
     this.colors = this.config.colors;