pptx-react-viewer 1.22.2 → 1.24.0

package/dist/{chunk-VSNXVKJI.js → chunk-I5SO5OV4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkAD3EAEY6_js = require('./chunk-AD3EAEY6.js');
+var chunkKV3EOLP3_js = require('./chunk-KV3EOLP3.js');
 var DOMPurify = require('dompurify');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -108,6 +108,10 @@ var COLOR_KEY_TO_CSS = {
   input: "input",
   ring: "ring"
 };
+var DERIVED_COLOR_TOKENS = [
+  { source: "primary", cssSuffix: "inspector-active" },
+  { source: "border", cssSuffix: "inspector-border" }
+];
 function themeToCssVars(theme, omitDefaults = false) {
   const vars = {};
   if (!theme) {
@@ -126,6 +130,16 @@ function themeToCssVars(theme, omitDefaults = false) {
       vars[`--pptx-${cssSuffix}`] = value;
       vars[`--color-${cssSuffix}`] = value;
     }
+    for (const { source, cssSuffix } of DERIVED_COLOR_TOKENS) {
+      const value = colors[source];
+      if (value === void 0) {
+        continue;
+      }
+      if (omitDefaults && value === defaultThemeColors[source]) {
+        continue;
+      }
+      vars[`--pptx-${cssSuffix}`] = value;
+    }
   }
   if (theme.radius !== void 0) {
     if (!omitDefaults || theme.radius !== defaultRadius) {
@@ -149,6 +163,9 @@ function defaultCssVars() {
   for (const [key, cssSuffix] of Object.entries(COLOR_KEY_TO_CSS)) {
     vars[`--pptx-${cssSuffix}`] = defaultThemeColors[key];
   }
+  for (const { source, cssSuffix } of DERIVED_COLOR_TOKENS) {
+    vars[`--pptx-${cssSuffix}`] = defaultThemeColors[source];
+  }
   vars["--pptx-radius"] = defaultRadius;
   return vars;
 }
@@ -290,7 +307,7 @@ function buildInitialGuides(presentationGuides, firstSlideGuides) {
       guides.push({
         id: g.id,
         axis: g.orientation === "horz" ? "h" : "v",
-        position: chunkAD3EAEY6_js.guideEmuToPx(g.positionEmu)
+        position: chunkKV3EOLP3_js.guideEmuToPx(g.positionEmu)
       });
     }
   }
@@ -299,7 +316,7 @@ function buildInitialGuides(presentationGuides, firstSlideGuides) {
       guides.push({
         id: g.id,
         axis: g.orientation === "horz" ? "h" : "v",
-        position: chunkAD3EAEY6_js.guideEmuToPx(g.positionEmu)
+        position: chunkKV3EOLP3_js.guideEmuToPx(g.positionEmu)
       });
     }
   }
@@ -312,23 +329,23 @@ function getResolvedShapeClipPathFor(shapeType, width, height, adjustments) {
     return void 0;
   }
   if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) {
-    return chunkAD3EAEY6_js.getShapeClipPath(shapeType);
+    return chunkKV3EOLP3_js.getShapeClipPath(shapeType);
   }
   if (adjustments && Object.keys(adjustments).length > 0) {
-    const adjusted = chunkAD3EAEY6_js.getAdjustmentAwareShapeClipPath(shapeType, width, height, adjustments);
+    const adjusted = chunkKV3EOLP3_js.getAdjustmentAwareShapeClipPath(shapeType, width, height, adjustments);
     if (adjusted !== void 0) {
       return adjusted;
     }
   }
-  const fromPreset = chunkAD3EAEY6_js.getShapeClipPathFromPreset(shapeType, width, height, adjustments);
+  const fromPreset = chunkKV3EOLP3_js.getShapeClipPathFromPreset(shapeType, width, height, adjustments);
   if (fromPreset !== void 0) {
     return fromPreset;
   }
-  const cloud = chunkAD3EAEY6_js.getCloudPathForRendering(shapeType, width, height);
+  const cloud = chunkKV3EOLP3_js.getCloudPathForRendering(shapeType, width, height);
   if (cloud !== void 0) {
     return cloud;
   }
-  return chunkAD3EAEY6_js.getShapeClipPath(shapeType);
+  return chunkKV3EOLP3_js.getShapeClipPath(shapeType);
 }
 function getResolvedShapeClipPath(element, width, height) {
   const shapeType = element.shapeType;
@@ -1043,7 +1060,7 @@ var DEFAULT_SCHEME_COLOR_MAP = {
   phclr: "#4472C4"
 };
 function applyDrawingColorTransforms2(baseColor, colorNode) {
-  return chunkAD3EAEY6_js.applyDrawingColorTransforms(baseColor, colorNode);
+  return chunkKV3EOLP3_js.applyDrawingColorTransforms(baseColor, colorNode);
 }
 function parseDrawingColorChoice(colorNode, schemeColorOverrides) {
   if (!colorNode) {
@@ -1095,7 +1112,7 @@ function parseDrawingColorChoice(colorNode, schemeColorOverrides) {
       const h = hueRaw / 6e4;
       const s = clampUnitInterval(satRaw / 1e5);
       const l = clampUnitInterval(lumRaw / 1e5);
-      const rgb = chunkAD3EAEY6_js.hslToRgb(h, s, l);
+      const rgb = chunkKV3EOLP3_js.hslToRgb(h, s, l);
       const toHex = (value) => Math.min(255, Math.max(0, Math.round(value))).toString(16).padStart(2, "0").toUpperCase();
       const base = `#${toHex(rgb.r)}${toHex(rgb.g)}${toHex(rgb.b)}`;
       return applyDrawingColorTransforms2(base, hslNode);
@@ -1105,7 +1122,7 @@ function parseDrawingColorChoice(colorNode, schemeColorOverrides) {
     const preset = String(
       colorNode["a:prstClr"]?.["@_val"] || ""
     ).toLowerCase();
-    const mapped = chunkAD3EAEY6_js.PRESET_COLOR_MAP[preset];
+    const mapped = chunkKV3EOLP3_js.PRESET_COLOR_MAP[preset];
     if (!mapped) {
       return void 0;
     }
@@ -1460,7 +1477,7 @@ function hexToRgbUnit2(hex) {
   };
 }
 function getEffects(element) {
-  if (!chunkAD3EAEY6_js.isImageLikeElement(element)) {
+  if (!chunkKV3EOLP3_js.isImageLikeElement(element)) {
     return void 0;
   }
   return element.imageEffects;
@@ -1649,7 +1666,7 @@ function buildDuotoneFilterMarkup(color1, color2) {
   const c2 = hexToRgbUnit2(color2);
   return `<feColorMatrix type="matrix" values="${GRAYSCALE_LUMINANCE_MATRIX}"/><feComponentTransfer><feFuncR type="linear" slope="${c2.r - c1.r}" intercept="${c1.r}"/><feFuncG type="linear" slope="${c2.g - c1.g}" intercept="${c1.g}"/><feFuncB type="linear" slope="${c2.b - c1.b}" intercept="${c1.b}"/></feComponentTransfer>`;
 }
-function getDuotoneImageFilter(element, elementId = chunkAD3EAEY6_js.isImageLikeElement(element) ? element.id : "") {
+function getDuotoneImageFilter(element, elementId = chunkKV3EOLP3_js.isImageLikeElement(element) ? element.id : "") {
   const effects = getEffects(element);
   if (!effects?.duotone) {
     return void 0;
@@ -1751,7 +1768,7 @@ function buildImageAlphaFilterMarkup(effects) {
   }
   return parts.length > 0 ? parts.join("") : void 0;
 }
-function getImageAlphaFilter(element, elementId = chunkAD3EAEY6_js.isImageLikeElement(element) ? element.id : "") {
+function getImageAlphaFilter(element, elementId = chunkKV3EOLP3_js.isImageLikeElement(element) ? element.id : "") {
   const effects = getEffects(element);
   if (!effects || !hasAdvancedImageAlphaEffects(element)) {
     return void 0;
@@ -1841,7 +1858,7 @@ function buildArtisticFilterMarkup(effectName, radius) {
       return void 0;
   }
 }
-function getArtisticImageFilter(element, elementId = chunkAD3EAEY6_js.isImageLikeElement(element) ? element.id : "") {
+function getArtisticImageFilter(element, elementId = chunkKV3EOLP3_js.isImageLikeElement(element) ? element.id : "") {
   const effects = getEffects(element);
   if (!effects?.artisticEffect || !needsSvgArtisticFilter(effects.artisticEffect)) {
     return void 0;
@@ -2800,12 +2817,13 @@ function convertChildren(node) {
     if (key.startsWith("@_")) {
       continue;
     }
-    if (key === "m:oMathPara") {
+    const tag = chunkKV3EOLP3_js.stripXmlOrderSuffix(key);
+    if (tag === "m:oMathPara") {
       continue;
     }
     const items = ensureArray(node[key]);
     for (const item of items) {
-      const result = convertElement(key, item);
+      const result = convertElement(tag, item);
       if (result) {
         parts.push(result);
       }
@@ -2870,7 +2888,8 @@ function findOmathRoots(node) {
       return ensureArray(paraNode["m:oMath"]);
     }
   }
-  if (node["m:r"] || node["m:f"] || node["m:rad"] || node["m:sSup"] || node["m:sSub"]) {
+  const contentTags = /* @__PURE__ */ new Set(["m:r", "m:f", "m:rad", "m:sSup", "m:sSub", "m:box"]);
+  if (Object.keys(node).some((key) => contentTags.has(chunkKV3EOLP3_js.stripXmlOrderSuffix(key)))) {
     return [node];
   }
   return [];
@@ -3052,6 +3071,53 @@ function tokenize(latex) {
   }
   return tokens;
 }
+function isGroupedByTag(tags) {
+  const seen = /* @__PURE__ */ new Set();
+  let previous = "";
+  for (const tag of tags) {
+    if (tag !== previous && seen.has(tag)) {
+      return false;
+    }
+    seen.add(tag);
+    previous = tag;
+  }
+  return true;
+}
+function mergeSiblings(nodes) {
+  const entries = [];
+  for (const node of nodes) {
+    for (const key of Object.keys(node)) {
+      if (node[key] !== void 0) {
+        entries.push([key, node[key]]);
+      }
+    }
+  }
+  if (!isGroupedByTag(entries.map(([key]) => key))) {
+    const counts = /* @__PURE__ */ new Map();
+    for (const [key] of entries) {
+      counts.set(key, (counts.get(key) ?? 0) + 1);
+    }
+    const ordered = {};
+    for (const [position, [key, value]] of entries.entries()) {
+      ordered[(counts.get(key) ?? 0) > 1 ? chunkKV3EOLP3_js.orderedXmlKey(key, position) : key] = value;
+    }
+    return ordered;
+  }
+  const result = {};
+  for (const [key, value] of entries) {
+    if (result[key]) {
+      const existing = result[key];
+      if (Array.isArray(existing)) {
+        existing.push(value);
+      } else {
+        result[key] = [existing, value];
+      }
+    } else {
+      result[key] = value;
+    }
+  }
+  return result;
+}
 function tryParseScripts(ctx, base) {
   let hasSup = false;
   let hasSub = false;
@@ -3224,34 +3290,9 @@ var LatexParser = class {
   }
   wrapE(nodes) {
     if (nodes.length === 1) {
-      return {
-        "m:r": nodes[0]["m:r"],
-        "m:f": nodes[0]["m:f"],
-        "m:rad": nodes[0]["m:rad"],
-        "m:sSup": nodes[0]["m:sSup"],
-        "m:sSub": nodes[0]["m:sSub"],
-        "m:sSubSup": nodes[0]["m:sSubSup"],
-        "m:nary": nodes[0]["m:nary"],
-        "m:d": nodes[0]["m:d"],
-        "m:func": nodes[0]["m:func"]
-      };
+      return nodes[0];
     }
-    const result = {};
-    for (const n of nodes) {
-      for (const key of Object.keys(n)) {
-        if (result[key]) {
-          const existing = result[key];
-          if (Array.isArray(existing)) {
-            existing.push(n[key]);
-          } else {
-            result[key] = [existing, n[key]];
-          }
-        } else {
-          result[key] = n[key];
-        }
-      }
-    }
-    return result;
+    return mergeSiblings(nodes);
   }
   makeRun(text, normal = false) {
     const run = { "m:t": text };
@@ -3398,21 +3439,7 @@ function convertLatexToOmml(latex) {
   if (nodes.length === 0) {
     return {};
   }
-  const oMath = {};
-  for (const node of nodes) {
-    for (const key of Object.keys(node)) {
-      if (oMath[key]) {
-        const existing = oMath[key];
-        if (Array.isArray(existing)) {
-          existing.push(node[key]);
-        } else {
-          oMath[key] = [existing, node[key]];
-        }
-      } else {
-        oMath[key] = node[key];
-      }
-    }
-  }
+  const oMath = mergeSiblings(nodes);
   return {
     "m:oMathPara": {
       "m:oMath": oMath
@@ -3476,9 +3503,10 @@ function ommlChildrenToLatex(node) {
     if (key.startsWith("@_")) {
       continue;
     }
+    const tag = chunkKV3EOLP3_js.stripXmlOrderSuffix(key);
     const items = ensureArr(node[key]);
     for (const item of items) {
-      const result = ommlElementToLatex(key, item);
+      const result = ommlElementToLatex(tag, item);
       if (result) {
         parts.push(result);
       }
@@ -3576,6 +3604,10 @@ function ommlElementToLatex(tag, node) {
       const body = ommlChildrenToLatex(childNode(node, "m:e"));
       return `${fName}{${body}}`;
     }
+    case "m:box":
+    case "m:borderBox": {
+      return ensureArr(node["m:e"]).map((e) => ommlChildrenToLatex(e)).join("");
+    }
     case "m:oMath":
       return ommlChildrenToLatex(node);
     default:
@@ -3597,6 +3629,68 @@ function convertOmmlToLatex(omml) {
   }
   return ommlChildrenToLatex(oMath);
 }
+var EQUATION_TEMPLATES = [
+  {
+    label: "Fraction",
+    latex: "\\frac{a}{b}",
+    i18nKey: "pptx.equation.template.fraction"
+  },
+  {
+    label: "Quadratic",
+    latex: "x=\\frac{-b\\pm\\sqrt{b^{2}-4ac}}{2a}",
+    i18nKey: "pptx.equation.template.quadratic"
+  },
+  {
+    label: "Pythagorean",
+    latex: "a^{2}+b^{2}=c^{2}",
+    i18nKey: "pptx.equation.template.pythagorean"
+  },
+  {
+    label: "Sum",
+    latex: "\\sum_{i=1}^{n}{a_{i}}",
+    i18nKey: "pptx.equation.template.sum"
+  },
+  {
+    label: "Integral",
+    latex: "\\int_{a}^{b}{f(x)}dx",
+    i18nKey: "pptx.equation.template.integral"
+  },
+  {
+    label: "Square Root",
+    latex: "\\sqrt{x^{2}+y^{2}}",
+    i18nKey: "pptx.equation.template.squareRoot"
+  },
+  {
+    label: "Limit",
+    latex: "\\lim_{x\\to\\infty}{f(x)}",
+    i18nKey: "pptx.equation.template.limit"
+  },
+  {
+    label: "Euler's",
+    latex: "e^{i\\pi}+1=0",
+    i18nKey: "pptx.equation.template.euler"
+  },
+  {
+    label: "Matrix 2x2",
+    latex: "\\left[a,b;c,d\\right]",
+    i18nKey: "pptx.equation.template.matrix"
+  },
+  {
+    label: "Binomial",
+    latex: "\\left(a+b\\right)^{n}",
+    i18nKey: "pptx.equation.template.binomial"
+  },
+  {
+    label: "Derivative",
+    latex: "\\frac{dy}{dx}",
+    i18nKey: "pptx.equation.template.derivative"
+  },
+  {
+    label: "Trig Identity",
+    latex: "\\sin^{2}\\theta+\\cos^{2}\\theta=1",
+    i18nKey: "pptx.equation.template.trigIdentity"
+  }
+];
 var ACCENT1 = "#4472C4";
 var ACCENT2 = "#ED7D31";
 var ACCENT3 = "#A5A5A5";
@@ -12018,7 +12112,7 @@ function rotateDelta(dx, dy, rotationDeg) {
 }
 function applyResize(box, handle, dxScreen, dyScreen, zoom, opts = {}) {
   const scale = zoom || 1;
-  const minSize = opts.minSize ?? chunkAD3EAEY6_js.MIN_ELEMENT_SIZE;
+  const minSize = opts.minSize ?? chunkKV3EOLP3_js.MIN_ELEMENT_SIZE;
   const rotation = rotationOf(box);
   const local = rotateDelta(dxScreen / scale, dyScreen / scale, rotation);
   const dx = local.x;
@@ -12045,7 +12139,7 @@ function applyResize(box, handle, dxScreen, dyScreen, zoom, opts = {}) {
   }
   return { x: newX, y: newY, width: newW, height: newH, rotation };
 }
-function snapBoxToGrid(box, handle, gridSpacingPx, minSize = chunkAD3EAEY6_js.MIN_ELEMENT_SIZE) {
+function snapBoxToGrid(box, handle, gridSpacingPx, minSize = chunkKV3EOLP3_js.MIN_ELEMENT_SIZE) {
   if (handle === null || gridSpacingPx <= 0) {
     return box;
   }
@@ -12075,7 +12169,7 @@ function snapBoxToGrid(box, handle, gridSpacingPx, minSize = chunkAD3EAEY6_js.MI
   }
   return { x, y, width, height };
 }
-function computeMarqueeHitIds(marquee, elements, minSize = chunkAD3EAEY6_js.MIN_ELEMENT_SIZE) {
+function computeMarqueeHitIds(marquee, elements, minSize = chunkKV3EOLP3_js.MIN_ELEMENT_SIZE) {
   const minX = Math.min(marquee.startX, marquee.currentX);
   const minY = Math.min(marquee.startY, marquee.currentY);
   const maxX = Math.max(marquee.startX, marquee.currentX);
@@ -13630,7 +13724,7 @@ var THEME_COLOR_LABELS = {
 };
 function buildThemeColorGrid(colorScheme) {
   return THEME_COLOR_TINT_ROWS.map(
-    (row) => chunkAD3EAEY6_js.THEME_COLOR_SCHEME_KEYS.map((key) => ({
+    (row) => chunkKV3EOLP3_js.THEME_COLOR_SCHEME_KEYS.map((key) => ({
       hex: row.transform(colorScheme[key]),
       schemeKey: key,
       rowLabel: row.label,
@@ -14106,7 +14200,7 @@ function svgLineCap(lineCap) {
 }
 function copyFormatFromElement(element) {
   const result = {};
-  if (chunkAD3EAEY6_js.hasShapeProperties(element) && element.shapeStyle) {
+  if (chunkKV3EOLP3_js.hasShapeProperties(element) && element.shapeStyle) {
     const s = element.shapeStyle;
     result.shapeStyle = {
       fillColor: s.fillColor,
@@ -14135,7 +14229,7 @@ function copyFormatFromElement(element) {
       softEdgeRadius: s.softEdgeRadius
     };
   }
-  if (chunkAD3EAEY6_js.hasTextProperties(element) && element.textStyle) {
+  if (chunkKV3EOLP3_js.hasTextProperties(element) && element.textStyle) {
     const t = element.textStyle;
     result.textStyle = {
       fontFamily: t.fontFamily,
@@ -14166,7 +14260,7 @@ function definedEntries(obj) {
 }
 function applyFormatToElement(element, format) {
   let updated = { ...element };
-  if (format.shapeStyle && chunkAD3EAEY6_js.hasShapeProperties(updated)) {
+  if (format.shapeStyle && chunkKV3EOLP3_js.hasShapeProperties(updated)) {
     updated = {
       ...updated,
       shapeStyle: {
@@ -14175,7 +14269,7 @@ function applyFormatToElement(element, format) {
       }
     };
   }
-  if (format.textStyle && chunkAD3EAEY6_js.hasTextProperties(updated)) {
+  if (format.textStyle && chunkKV3EOLP3_js.hasTextProperties(updated)) {
     updated = {
       ...updated,
       textStyle: {
@@ -14190,7 +14284,7 @@ function hasCopyableFormat(element) {
   if (!element) {
     return false;
   }
-  return chunkAD3EAEY6_js.hasShapeProperties(element) || chunkAD3EAEY6_js.hasTextProperties(element);
+  return chunkKV3EOLP3_js.hasShapeProperties(element) || chunkKV3EOLP3_js.hasTextProperties(element);
 }
 function copySegmentMetadata(from, to) {
   if (from.equationXml !== void 0) {
@@ -14327,7 +14421,7 @@ function getRoundRectRadiusPx(element) {
   return Math.min(Math.max(element.width, 1), Math.max(element.height, 1)) * 0.5 * normalizedAdjustment;
 }
 function getShapeAdjustmentHandleDescriptor(element) {
-  if (!chunkAD3EAEY6_js.hasShapeProperties(element)) {
+  if (!chunkKV3EOLP3_js.hasShapeProperties(element)) {
     return null;
   }
   const normalizedShapeType = String(element.shapeType || "").toLowerCase();
@@ -15318,7 +15412,7 @@ function createSyncGate(onOpen, graceMs = INITIAL_SYNC_GRACE_MS) {
 var POSITION_THRESHOLD = 2;
 var SIZE_THRESHOLD = 2;
 function getElementText(element) {
-  if (!chunkAD3EAEY6_js.hasTextProperties(element)) {
+  if (!chunkKV3EOLP3_js.hasTextProperties(element)) {
     return "";
   }
   if (element.textSegments && element.textSegments.length > 0) {
@@ -18892,7 +18986,7 @@ function getAriaRole(element) {
     case "model3d":
       return "img";
     case "shape": {
-      if (chunkAD3EAEY6_js.hasTextProperties(element) && element.text) {
+      if (chunkKV3EOLP3_js.hasTextProperties(element) && element.text) {
         return "group";
       }
       return "img";
@@ -18905,7 +18999,7 @@ function getAriaLabel(element) {
   if ((element.type === "image" || element.type === "picture") && "altText" in element && typeof element.altText === "string" && element.altText.trim()) {
     return element.altText.trim();
   }
-  if (chunkAD3EAEY6_js.hasTextProperties(element) && element.text) {
+  if (chunkKV3EOLP3_js.hasTextProperties(element) && element.text) {
     const text = element.text.trim();
     if (text) {
       return text.length > 120 ? `${text.slice(0, 117)}...` : text;
@@ -19312,7 +19406,7 @@ var DEFAULT_CHART_POSITION = { x: 120, y: 120, width: 480, height: 320 };
 var DEFAULT_CATEGORIES = ["Category 1", "Category 2", "Category 3"];
 var DEFAULT_SERIES_VALUES = [4, 3, 5];
 function createDefaultChartElement(chartType = DEFAULT_INSERT_CHART_TYPE, position) {
-  return chunkAD3EAEY6_js.createChartElement(
+  return chunkKV3EOLP3_js.createChartElement(
     chartType,
     {
       categories: [...DEFAULT_CATEGORIES],
@@ -20332,7 +20426,7 @@ function computeVirtualRange(totalItems, itemHeight, scrollTop, viewportHeight,
   };
 }
 function collectFontsFromElement(element, fonts) {
-  if (chunkAD3EAEY6_js.hasTextProperties(element)) {
+  if (chunkKV3EOLP3_js.hasTextProperties(element)) {
     if (element.textStyle?.fontFamily) {
       fonts.add(element.textStyle.fontFamily);
     }
@@ -22154,6 +22248,7 @@ exports.DEFAULT_VIEWER_PROFILE = DEFAULT_VIEWER_PROFILE;
 exports.DEFAULT_VIRTUAL_OVERSCAN = DEFAULT_VIRTUAL_OVERSCAN;
 exports.DIRECTIONAL_PRESETS = DIRECTIONAL_PRESETS;
 exports.DUOTONE_PRESETS = DUOTONE_PRESETS;
+exports.EQUATION_TEMPLATES = EQUATION_TEMPLATES;
 exports.EXPORT_ASSEMBLING_PERCENT = EXPORT_ASSEMBLING_PERCENT;
 exports.EXPORT_DONE_PERCENT = EXPORT_DONE_PERCENT;
 exports.FILL_MODE_OPTIONS = FILL_MODE_OPTIONS;