pptx-react-viewer 4.24.1 → 4.24.3

package/dist/{chunk-EKHJAOUM.js → chunk-XEESKNA6.js}

@@ -75495,20 +75495,20 @@ function descendantsOf(node, childrenOf) {
   }
   return out;
 }
-function ancestorsOf(node, parentOf) {
+function ancestorsOf(node, parentOf2) {
   const out = [];
-  let current = parentOf.get(node.id);
+  let current = parentOf2.get(node.id);
   while (current) {
     out.push(current);
-    current = parentOf.get(current.id);
+    current = parentOf2.get(current.id);
   }
   return out;
 }
-function siblingGroupOf(node, parentOf, childrenOf, roots) {
-  const parent = parentOf.get(node.id);
+function siblingGroupOf(node, parentOf2, childrenOf, roots) {
+  const parent = parentOf2.get(node.id);
   return parent ? childrenOf.get(parent.id) ?? [] : roots;
 }
-function navigateAxisHop(current, axis, nodes, childrenOf, parentOf, roots) {
+function navigateAxisHop(current, axis, nodes, childrenOf, parentOf2, roots) {
   const out = [];
   const seen = /* @__PURE__ */ new Set();
   const add7 = (node) => {
@@ -75538,22 +75538,22 @@ function navigateAxisHop(current, axis, nodes, childrenOf, parentOf, roots) {
         addAll2(descendantsOf(node, childrenOf));
         break;
       case "par": {
-        const parent = parentOf.get(node.id);
+        const parent = parentOf2.get(node.id);
         if (parent) {
           add7(parent);
         }
         break;
       }
       case "ancst":
-        addAll2(ancestorsOf(node, parentOf));
+        addAll2(ancestorsOf(node, parentOf2));
         break;
       case "ancstOrSelf":
         add7(node);
-        addAll2(ancestorsOf(node, parentOf));
+        addAll2(ancestorsOf(node, parentOf2));
         break;
       case "followSib":
       case "precedSib": {
-        const siblings = siblingGroupOf(node, parentOf, childrenOf, roots);
+        const siblings = siblingGroupOf(node, parentOf2, childrenOf, roots);
         const index = siblings.findIndex((sibling) => sibling.id === node.id);
         addAll2(axis === "followSib" ? siblings.slice(index + 1) : siblings.slice(0, index));
         break;
@@ -75565,7 +75565,7 @@ function navigateAxisHop(current, axis, nodes, childrenOf, parentOf, roots) {
           break;
         }
         const excluded = new Set(
-          (axis === "follow" ? descendantsOf(node, childrenOf) : ancestorsOf(node, parentOf)).map(
+          (axis === "follow" ? descendantsOf(node, childrenOf) : ancestorsOf(node, parentOf2)).map(
             (n) => n.id
           )
         );
@@ -75574,7 +75574,7 @@ function navigateAxisHop(current, axis, nodes, childrenOf, parentOf, roots) {
         break;
       }
       case "root": {
-        const ancestors = ancestorsOf(node, parentOf);
+        const ancestors = ancestorsOf(node, parentOf2);
         add7(ancestors.length > 0 ? ancestors[ancestors.length - 1] : node);
         break;
       }
@@ -75620,11 +75620,11 @@ function resolveAxisNodes(nodes, axis, pointTypes, start, count, context) {
   }
   const byId = new Map(nodes.map((n) => [n.id, n]));
   const childrenOf = /* @__PURE__ */ new Map();
-  const parentOf = /* @__PURE__ */ new Map();
+  const parentOf2 = /* @__PURE__ */ new Map();
   for (const node of nodes) {
     const parent = node.parentId ? byId.get(node.parentId) : void 0;
     if (parent) {
-      parentOf.set(node.id, parent);
+      parentOf2.set(node.id, parent);
       const list2 = childrenOf.get(parent.id);
       if (list2) {
         list2.push(node);
@@ -75644,7 +75644,7 @@ function resolveAxisNodes(nodes, axis, pointTypes, start, count, context) {
     nextHop = 1;
   } else if (context !== void 0) {
     current = applyPointTypeAndRange(
-      navigateAxisHop(context, axis[0], nodes, childrenOf, parentOf, roots),
+      navigateAxisHop(context, axis[0], nodes, childrenOf, parentOf2, roots),
       pointTypes?.[0],
       start?.[0],
       count?.[0]
@@ -75656,7 +75656,7 @@ function resolveAxisNodes(nodes, axis, pointTypes, start, count, context) {
   }
   for (let hop = nextHop; hop < axis.length; hop += 1) {
     current = applyPointTypeAndRange(
-      navigateAxisHop(current, axis[hop], nodes, childrenOf, parentOf, roots),
+      navigateAxisHop(current, axis[hop], nodes, childrenOf, parentOf2, roots),
       pointTypes?.[hop],
       start?.[hop],
       count?.[hop]
@@ -119499,7 +119499,7 @@ function nestLegacyCommentReplies(comments) {
       byOwnKey.set(`${authorId}:${idx}`, comment);
     }
   }
-  const parentOf = /* @__PURE__ */ new Map();
+  const parentOf2 = /* @__PURE__ */ new Map();
   const childrenOf = /* @__PURE__ */ new Map();
   for (const comment of comments) {
     const ref = parseLegacyThreadingParent(comment.rawXml);
@@ -119511,7 +119511,7 @@ function nestLegacyCommentReplies(comments) {
       continue;
     }
     comment.parentId = parent.id;
-    parentOf.set(comment.id, parent);
+    parentOf2.set(comment.id, parent);
     const siblings = childrenOf.get(parent.id) ?? [];
     siblings.push(comment);
     childrenOf.set(parent.id, siblings);
@@ -119523,7 +119523,7 @@ function nestLegacyCommentReplies(comments) {
     let current = comment;
     const seen = /* @__PURE__ */ new Set([comment.id]);
     for (; ; ) {
-      const parent = parentOf.get(current.id);
+      const parent = parentOf2.get(current.id);
       if (!parent || seen.has(parent.id)) {
         return current;
       }
@@ -119532,7 +119532,7 @@ function nestLegacyCommentReplies(comments) {
     }
   };
   for (const comment of comments) {
-    if (parentOf.has(comment.id) || childrenOf.has(comment.id)) {
+    if (parentOf2.has(comment.id) || childrenOf.has(comment.id)) {
       comment.threadId = rootOf4(comment).id;
     }
   }
@@ -119550,7 +119550,7 @@ function nestLegacyCommentReplies(comments) {
   };
   const roots = [];
   for (const comment of comments) {
-    if (!parentOf.has(comment.id)) {
+    if (!parentOf2.has(comment.id)) {
       roots.push(nest(comment));
     }
   }
@@ -233355,8 +233355,8 @@ function getStrokeOnlyPresetPaths(element) {
   }
   const result = evaluatePresetShape(
     shapeType,
-    Math.max(element.width, 1),
-    Math.max(element.height, 1),
+    Math.max(element.width, 0),
+    Math.max(element.height, 0),
     element.shapeAdjustments
   );
   if (!result || !result.fillNone) {
@@ -234154,6 +234154,9 @@ function buildStrokeOutline(element) {
 function strokeOutlineViewBox(element) {
   const width = Math.max(element.width, 0);
   const height = Math.max(element.height, 0);
+  if (width < 1 || height < 1) {
+    return void 0;
+  }
   return `0 0 ${width} ${height}`;
 }
 function suppressesCssBorder(element) {
@@ -275979,6 +275982,149 @@ function buildSmartArt3DSpecForElement(element, options2 = {}) {
   });
   return model.meshes.length > 0 ? model : null;
 }
+function polygonBounds(points4) {
+  const pairs3 = points4.trim().split(/\s+/u);
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  for (const pair of pairs3) {
+    const comma = pair.indexOf(",");
+    if (comma < 0) {
+      continue;
+    }
+    const x = parseFloat(pair.slice(0, comma));
+    const y = parseFloat(pair.slice(comma + 1));
+    if (!isFinite(x) || !isFinite(y)) {
+      continue;
+    }
+    if (x < minX) {
+      minX = x;
+    }
+    if (x > maxX) {
+      maxX = x;
+    }
+    if (y < minY) {
+      minY = y;
+    }
+    if (y > maxY) {
+      maxY = y;
+    }
+  }
+  if (!isFinite(minX)) {
+    return { x: 0, y: 0, width: 0, height: 0 };
+  }
+  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
+}
+function renderedNodeToShape(rn, nodeId, family2) {
+  const id = `reflow-${family2}-${nodeId}`;
+  const text3 = rn.text || void 0;
+  if (rn.kind === "rect") {
+    return {
+      id,
+      shapeType: rn.rx > 0 ? "roundRect" : "rect",
+      x: rn.x,
+      y: rn.y,
+      width: rn.width,
+      height: rn.height,
+      rotation: 0,
+      fillColor: rn.fill,
+      strokeColor: rn.stroke,
+      strokeWidth: rn.strokeWidth,
+      text: text3,
+      fontSize: rn.fontSize
+    };
+  }
+  if (rn.kind === "circle") {
+    return {
+      id,
+      shapeType: "ellipse",
+      x: rn.cx - rn.r,
+      y: rn.cy - rn.r,
+      width: rn.r * 2,
+      height: rn.r * 2,
+      rotation: 0,
+      fillColor: rn.fill,
+      strokeColor: rn.stroke,
+      strokeWidth: rn.strokeWidth,
+      text: text3,
+      fontSize: rn.fontSize
+    };
+  }
+  const bounds = polygonBounds(rn.points);
+  return {
+    id,
+    shapeType: "chevron",
+    x: bounds.x,
+    y: bounds.y,
+    width: bounds.width,
+    height: bounds.height,
+    rotation: 0,
+    fillColor: rn.fill,
+    strokeColor: rn.stroke,
+    strokeWidth: rn.strokeWidth,
+    text: text3,
+    fontSize: rn.fontSize
+  };
+}
+function reflowToDrawingShapes(layoutResult, nodes) {
+  const flat = flattenNodes([...nodes]);
+  const family2 = layoutResult.family;
+  const shapes = [];
+  for (let i2 = 0; i2 < layoutResult.nodes.length; i2++) {
+    const rn = layoutResult.nodes[i2];
+    const sourceNode = flat[i2];
+    const nodeId = sourceNode?.id ?? rn.key;
+    shapes.push(renderedNodeToShape(rn, nodeId, family2));
+  }
+  return shapes;
+}
+function rebuildDrawingShapesIfCleared(smartArtData, layout, palette, style, elementId, box) {
+  const shapes = smartArtData.drawingShapes;
+  if (shapes === void 0 || shapes.length > 0 || smartArtData.nodes.length === 0) {
+    return smartArtData;
+  }
+  const layoutResult = computeSmartArtElementLayout(
+    { ...smartArtData, layout },
+    smartArtData.nodes,
+    box,
+    palette,
+    style,
+    elementId
+  );
+  return {
+    ...smartArtData,
+    drawingShapes: reflowToDrawingShapes(layoutResult, smartArtData.nodes)
+  };
+}
+function reflowed(element, next) {
+  return rebuildDrawingShapesIfCleared(
+    next,
+    next.layout,
+    resolvePalette(next),
+    next.style ?? "flat",
+    element.id,
+    { width: element.width, height: element.height }
+  );
+}
+function commitSmartArtNodeText(element, nodeId, text3) {
+  if (element.type !== "smartArt" || !element.smartArtData) {
+    return null;
+  }
+  const data = element.smartArtData;
+  if (!shouldCommitSmartArtNodeText(data, nodeId, text3)) {
+    return null;
+  }
+  return reflowed(element, updateSmartArtNodeText(data, nodeId, text3));
+}
+function commitSmartArtNodeFill(element, nodeId, fill) {
+  if (element.type !== "smartArt" || !element.smartArtData) {
+    return null;
+  }
+  const data = element.smartArtData;
+  const next = setSmartArtNodeStyle(data, nodeId, { fillColor: fill });
+  return next === data ? null : reflowed(element, next);
+}
 init_chart_3d_oblique_bars();
 init_chart_view_model_chrome();
 var PT = 4 / 3;
@@ -279950,7 +280096,7 @@ function isEditorTextInputTarget(target) {
   return FORM_FIELD_TAGS.test(element.tagName) || element.isContentEditable === true;
 }
 var CANVAS_SELECTOR = "[data-pptx-viewport]";
-var CONTROL_SELECTOR = [
+var CONTROL_SELECTOR2 = [
   "button",
   "a[href]",
   "summary",
@@ -280000,7 +280146,7 @@ function isEditorControlTarget(target) {
   if (tag2.includes("-")) {
     return true;
   }
-  return Boolean(element.closest(CONTROL_SELECTOR));
+  return Boolean(element.closest(CONTROL_SELECTOR2));
 }
 var GUARD_DEFAULTS = {
   canEdit: true,
@@ -283545,121 +283691,6 @@ function createDefaultChartElement(chartKind = DEFAULT_INSERT_CHART_KIND, positi
     }
   );
 }
-function polygonBounds(points4) {
-  const pairs3 = points4.trim().split(/\s+/u);
-  let minX = Infinity;
-  let minY = Infinity;
-  let maxX = -Infinity;
-  let maxY = -Infinity;
-  for (const pair of pairs3) {
-    const comma = pair.indexOf(",");
-    if (comma < 0) {
-      continue;
-    }
-    const x = parseFloat(pair.slice(0, comma));
-    const y = parseFloat(pair.slice(comma + 1));
-    if (!isFinite(x) || !isFinite(y)) {
-      continue;
-    }
-    if (x < minX) {
-      minX = x;
-    }
-    if (x > maxX) {
-      maxX = x;
-    }
-    if (y < minY) {
-      minY = y;
-    }
-    if (y > maxY) {
-      maxY = y;
-    }
-  }
-  if (!isFinite(minX)) {
-    return { x: 0, y: 0, width: 0, height: 0 };
-  }
-  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
-}
-function renderedNodeToShape(rn, nodeId, family2) {
-  const id = `reflow-${family2}-${nodeId}`;
-  const text3 = rn.text || void 0;
-  if (rn.kind === "rect") {
-    return {
-      id,
-      shapeType: rn.rx > 0 ? "roundRect" : "rect",
-      x: rn.x,
-      y: rn.y,
-      width: rn.width,
-      height: rn.height,
-      rotation: 0,
-      fillColor: rn.fill,
-      strokeColor: rn.stroke,
-      strokeWidth: rn.strokeWidth,
-      text: text3,
-      fontSize: rn.fontSize
-    };
-  }
-  if (rn.kind === "circle") {
-    return {
-      id,
-      shapeType: "ellipse",
-      x: rn.cx - rn.r,
-      y: rn.cy - rn.r,
-      width: rn.r * 2,
-      height: rn.r * 2,
-      rotation: 0,
-      fillColor: rn.fill,
-      strokeColor: rn.stroke,
-      strokeWidth: rn.strokeWidth,
-      text: text3,
-      fontSize: rn.fontSize
-    };
-  }
-  const bounds = polygonBounds(rn.points);
-  return {
-    id,
-    shapeType: "chevron",
-    x: bounds.x,
-    y: bounds.y,
-    width: bounds.width,
-    height: bounds.height,
-    rotation: 0,
-    fillColor: rn.fill,
-    strokeColor: rn.stroke,
-    strokeWidth: rn.strokeWidth,
-    text: text3,
-    fontSize: rn.fontSize
-  };
-}
-function reflowToDrawingShapes(layoutResult, nodes) {
-  const flat = flattenNodes([...nodes]);
-  const family2 = layoutResult.family;
-  const shapes = [];
-  for (let i2 = 0; i2 < layoutResult.nodes.length; i2++) {
-    const rn = layoutResult.nodes[i2];
-    const sourceNode = flat[i2];
-    const nodeId = sourceNode?.id ?? rn.key;
-    shapes.push(renderedNodeToShape(rn, nodeId, family2));
-  }
-  return shapes;
-}
-function rebuildDrawingShapesIfCleared(smartArtData, layout, palette, style, elementId, box) {
-  const shapes = smartArtData.drawingShapes;
-  if (shapes === void 0 || shapes.length > 0 || smartArtData.nodes.length === 0) {
-    return smartArtData;
-  }
-  const layoutResult = computeSmartArtElementLayout(
-    { ...smartArtData, layout },
-    smartArtData.nodes,
-    box,
-    palette,
-    style,
-    elementId
-  );
-  return {
-    ...smartArtData,
-    drawingShapes: reflowToDrawingShapes(layoutResult, smartArtData.nodes)
-  };
-}
 function mediaPlaybackAttributes(source) {
   return {
     loop: source.loop === true,
@@ -296263,14 +296294,68 @@ function computeThreeViewSize(layoutWidth, layoutHeight, screenWidth, screenHeig
     pixelHeight: clamp12(onScreenH * dpr)
   };
 }
+var IDENTITY6 = { a: 1, b: 0, c: 0, d: 1 };
+function compose(outer2, inner2) {
+  return {
+    a: outer2.a * inner2.a + outer2.c * inner2.b,
+    b: outer2.b * inner2.a + outer2.d * inner2.b,
+    c: outer2.a * inner2.c + outer2.c * inner2.d,
+    d: outer2.b * inner2.c + outer2.d * inner2.d
+  };
+}
+function parseComputedTransform(value) {
+  const match = /^(matrix3d|matrix)\(([^)]*)\)$/u.exec((value ?? "").trim());
+  if (!match) {
+    return null;
+  }
+  const n = (match[2] ?? "").split(",").map((part) => Number.parseFloat(part));
+  const at3 = match[1] === "matrix3d" ? [0, 1, 4, 5] : [0, 1, 2, 3];
+  const [a, b, c, d] = at3.map((i2) => n[i2]);
+  return [a, b, c, d].every((v) => v !== void 0 && Number.isFinite(v)) ? { a, b, c, d } : null;
+}
+function matrixScale(m) {
+  return { x: Math.hypot(m.a, m.b), y: Math.hypot(m.c, m.d) };
+}
+function parentOf(node) {
+  if (node.parentElement) {
+    return node.parentElement;
+  }
+  const root = node.getRootNode?.();
+  return root && "host" in root ? root.host ?? null : null;
+}
+function measureTransformScale(element) {
+  const win = element.ownerDocument?.defaultView;
+  if (!win) {
+    return { x: 1, y: 1 };
+  }
+  let total = IDENTITY6;
+  for (let node = element; node; node = parentOf(node)) {
+    const style = win.getComputedStyle(node);
+    if (style.scale && style.scale !== "none") {
+      const [sx = "1", sy = sx] = style.scale.split(/\s+/u);
+      const x = Number.parseFloat(sx);
+      const y = Number.parseFloat(sy);
+      if (Number.isFinite(x) && Number.isFinite(y)) {
+        total = compose({ a: x, b: 0, c: 0, d: y }, total);
+      }
+    }
+    const transform6 = parseComputedTransform(style.transform);
+    if (transform6) {
+      total = compose(transform6, total);
+    }
+  }
+  return matrixScale(total);
+}
 function measureThreeViewSize(element) {
-  const rect32 = element.getBoundingClientRect();
   const win = element.ownerDocument?.defaultView;
+  const layoutWidth = element.clientWidth;
+  const layoutHeight = element.clientHeight;
+  const scale2 = measureTransformScale(element);
   return computeThreeViewSize(
-    element.clientWidth,
-    element.clientHeight,
-    rect32.width,
-    rect32.height,
+    layoutWidth,
+    layoutHeight,
+    layoutWidth * scale2.x,
+    layoutHeight * scale2.y,
     win?.devicePixelRatio ?? 1
   );
 }
@@ -296458,6 +296543,9 @@ function createElementClass() {
   return PptxThreeView;
 }
 function defineThreeViewElement(registry) {
+  if (typeof HTMLElement === "undefined") {
+    return;
+  }
   const target = registry ?? (typeof customElements === "undefined" ? void 0 : customElements);
   if (!target || target.get(THREE_VIEW_TAG)) {
     return;
@@ -305466,6 +305554,7 @@ function buildSelectControl(ctx, control2) {
       const label = homeLabel(state, control2.labelKey, control2.fallback);
       if (select2.getAttribute("aria-label") !== label) {
         select2.setAttribute("aria-label", label);
+        select2.requestUpdate?.();
       }
       select2.title = label;
       select2.hidden = Boolean(current?.hidden);
@@ -311865,6 +311954,8 @@ exports.collectUsedFonts = collectUsedFonts;
 exports.colorWithOpacity = colorWithOpacity;
 exports.commentMentionQuery = commentMentionQuery;
 exports.commentTextSegments = commentTextSegments;
+exports.commitSmartArtNodeFill = commitSmartArtNodeFill;
+exports.commitSmartArtNodeText = commitSmartArtNodeText;
 exports.comparePresentation = comparePresentation;
 exports.compatibilityWarningToasts = compatibilityWarningToasts;
 exports.compileEquationTemplateMathMl = compileEquationTemplateMathMl;