ooxml-ui 1.23.1 → 1.25.0

package/dist/pptx/{chunk-6DQCBVYA.cjs → chunk-4TFSELNQ.cjs}

@@ -15,7 +15,7 @@ var chunkW3X2UVYQ_cjs = require('./chunk-W3X2UVYQ.cjs');
 var chunkG3UVZ5FO_cjs = require('./chunk-G3UVZ5FO.cjs');
 var chunkFOE75Z6N_cjs = require('./chunk-FOE75Z6N.cjs');
 var chunkNTXHQHCS_cjs = require('./chunk-NTXHQHCS.cjs');
-var chunkZO43VVWQ_cjs = require('./chunk-ZO43VVWQ.cjs');
+var chunkJ642EKDV_cjs = require('./chunk-J642EKDV.cjs');
 var chunkX4FNVH7J_cjs = require('./chunk-X4FNVH7J.cjs');
 var chunkUPN5FFKP_cjs = require('./chunk-UPN5FFKP.cjs');
 var chunkOJFD3SHS_cjs = require('./chunk-OJFD3SHS.cjs');
@@ -1499,12 +1499,12 @@ function getPresetShapeVectorGeometry(shapeType, width, height, adjustments) {
 function outlineStrands(compoundLine, strokeWidth) {
   const offsets2 = getCompoundLineOffsets(compoundLine, strokeWidth);
   if (offsets2.length <= 1) {
-    return [{ strokeWidth, cssStrokeWidth: chunkZO43VVWQ_cjs.screenStrokeWidth(strokeWidth), offset: 0 }];
+    return [{ strokeWidth, cssStrokeWidth: chunkJ642EKDV_cjs.screenStrokeWidth(strokeWidth), offset: 0 }];
   }
   const widths = getCompoundLineWidths(compoundLine, strokeWidth);
   return offsets2.map((offset, idx) => {
     const width = widths[idx] ?? strokeWidth;
-    return { strokeWidth: width, cssStrokeWidth: chunkZO43VVWQ_cjs.screenStrokeWidth(width), offset };
+    return { strokeWidth: width, cssStrokeWidth: chunkJ642EKDV_cjs.screenStrokeWidth(width), offset };
   });
 }
 function needsCenteredStrokeOverlay(element, style, declaredWidth) {
@@ -1517,6 +1517,18 @@ function needsCenteredStrokeOverlay(element, style, declaredWidth) {
   }
   return style.lineAlignment !== "in";
 }
+function straddlingStrokeWidth(element) {
+  if (!pptx.hasShapeProperties(element)) {
+    return 0;
+  }
+  const style = element.shapeStyle;
+  const width = Math.max(0, style?.strokeWidth ?? 0);
+  if (!needsCenteredStrokeOverlay(element, style, width)) {
+    return 0;
+  }
+  const dash = chunkG3UVZ5FO_cjs.normalizeStrokeDashType(style?.strokeDash);
+  return !dash || dash === "solid" ? width : 0;
+}
 function buildStrokeOutline(element) {
   if (!pptx.hasShapeProperties(element)) {
     return void 0;
@@ -1638,6 +1650,208 @@ function mapEditingWheel(input, buffer, canScrollFurther) {
 function mapPresentationWheel(input, buffer) {
   return accumulate(buffer, normalizeWheelDelta(input));
 }
+
+// src/pptx/render/stroke-clip-outset.ts
+var CURVE_STEPS = 16;
+function flattenArc(from, rx, ry, rotationDeg, largeArc, sweep, to) {
+  if (rx === 0 || ry === 0 || from[0] === to[0] && from[1] === to[1]) {
+    return [to];
+  }
+  const phi = rotationDeg * Math.PI / 180;
+  const cosPhi = Math.cos(phi);
+  const sinPhi = Math.sin(phi);
+  const dx = (from[0] - to[0]) / 2;
+  const dy = (from[1] - to[1]) / 2;
+  const x1 = cosPhi * dx + sinPhi * dy;
+  const y1 = -sinPhi * dx + cosPhi * dy;
+  let radiusX = Math.abs(rx);
+  let radiusY = Math.abs(ry);
+  const lambda = x1 * x1 / (radiusX * radiusX) + y1 * y1 / (radiusY * radiusY);
+  if (lambda > 1) {
+    const scale2 = Math.sqrt(lambda);
+    radiusX *= scale2;
+    radiusY *= scale2;
+  }
+  const numerator = radiusX * radiusX * radiusY * radiusY - radiusX * radiusX * y1 * y1 - radiusY * radiusY * x1 * x1;
+  const denominator = radiusX * radiusX * y1 * y1 + radiusY * radiusY * x1 * x1;
+  const coefficient = (largeArc === sweep ? -1 : 1) * Math.sqrt(Math.max(0, numerator / denominator));
+  const cxp = coefficient * radiusX * y1 / radiusY;
+  const cyp = -coefficient * radiusY * x1 / radiusX;
+  const cx = cosPhi * cxp - sinPhi * cyp + (from[0] + to[0]) / 2;
+  const cy = sinPhi * cxp + cosPhi * cyp + (from[1] + to[1]) / 2;
+  const angle = (ux, uy, vx, vy) => {
+    const sign = ux * vy - uy * vx < 0 ? -1 : 1;
+    const dot = (ux * vx + uy * vy) / (Math.hypot(ux, uy) * Math.hypot(vx, vy));
+    return sign * Math.acos(Math.max(-1, Math.min(1, dot)));
+  };
+  const theta1 = angle(1, 0, (x1 - cxp) / radiusX, (y1 - cyp) / radiusY);
+  let delta = angle(
+    (x1 - cxp) / radiusX,
+    (y1 - cyp) / radiusY,
+    (-x1 - cxp) / radiusX,
+    (-y1 - cyp) / radiusY
+  );
+  if (!sweep && delta > 0) {
+    delta -= 2 * Math.PI;
+  } else if (sweep && delta < 0) {
+    delta += 2 * Math.PI;
+  }
+  const out = [];
+  for (let step = 1; step <= CURVE_STEPS; step++) {
+    const t2 = theta1 + delta * step / CURVE_STEPS;
+    const px3 = radiusX * Math.cos(t2);
+    const py = radiusY * Math.sin(t2);
+    out.push([cosPhi * px3 - sinPhi * py + cx, sinPhi * px3 + cosPhi * py + cy]);
+  }
+  return out;
+}
+function flattenPath(d) {
+  const tokens = d.match(/[A-Za-z]|-?\d*\.?\d+(?:e[-+]?\d+)?/giu);
+  if (!tokens) {
+    return void 0;
+  }
+  const subpaths = [];
+  let current = [];
+  let pos = [0, 0];
+  let start = [0, 0];
+  let i = 0;
+  let command2 = "";
+  const num14 = () => Number.parseFloat(tokens[i++] ?? "NaN");
+  while (i < tokens.length) {
+    const token = tokens[i];
+    if (/^[A-Za-z]$/u.test(token)) {
+      command2 = token;
+      i++;
+      if (command2 === "Z" || command2 === "z") {
+        if (current.length > 1) {
+          subpaths.push(current);
+        }
+        current = [];
+        pos = start;
+        continue;
+      }
+    } else if (command2 === "M") {
+      command2 = "L";
+    }
+    switch (command2) {
+      case "M":
+        if (current.length > 1) {
+          subpaths.push(current);
+        }
+        pos = [num14(), num14()];
+        start = pos;
+        current = [pos];
+        break;
+      case "L":
+        pos = [num14(), num14()];
+        current.push(pos);
+        break;
+      case "H":
+        pos = [num14(), pos[1]];
+        current.push(pos);
+        break;
+      case "V":
+        pos = [pos[0], num14()];
+        current.push(pos);
+        break;
+      case "C": {
+        const p1 = [num14(), num14()];
+        const p2 = [num14(), num14()];
+        const p3 = [num14(), num14()];
+        for (let step = 1; step <= CURVE_STEPS; step++) {
+          const t2 = step / CURVE_STEPS;
+          const u = 1 - t2;
+          current.push([
+            u * u * u * pos[0] + 3 * u * u * t2 * p1[0] + 3 * u * t2 * t2 * p2[0] + t2 * t2 * t2 * p3[0],
+            u * u * u * pos[1] + 3 * u * u * t2 * p1[1] + 3 * u * t2 * t2 * p2[1] + t2 * t2 * t2 * p3[1]
+          ]);
+        }
+        pos = p3;
+        break;
+      }
+      case "Q": {
+        const p1 = [num14(), num14()];
+        const p2 = [num14(), num14()];
+        for (let step = 1; step <= CURVE_STEPS; step++) {
+          const t2 = step / CURVE_STEPS;
+          const u = 1 - t2;
+          current.push([
+            u * u * pos[0] + 2 * u * t2 * p1[0] + t2 * t2 * p2[0],
+            u * u * pos[1] + 2 * u * t2 * p1[1] + t2 * t2 * p2[1]
+          ]);
+        }
+        pos = p2;
+        break;
+      }
+      case "A": {
+        const rx = num14();
+        const ry = num14();
+        const rotation = num14();
+        const largeArc = num14() !== 0;
+        const sweep = num14() !== 0;
+        const to = [num14(), num14()];
+        current.push(...flattenArc(pos, rx, ry, rotation, largeArc, sweep, to));
+        pos = to;
+        break;
+      }
+      default:
+        return void 0;
+    }
+  }
+  if (current.length > 1) {
+    subpaths.push(current);
+  }
+  return subpaths.every((sub) => sub.every(([x, y]) => Number.isFinite(x) && Number.isFinite(y))) ? subpaths : void 0;
+}
+var fmt = (n) => String(Math.round(n * 1e3) / 1e3);
+function outsetClipPathForStroke(clipPath, strokeWidth, width, height) {
+  if (!(strokeWidth > 0)) {
+    return clipPath;
+  }
+  const d = outlinePathData(clipPath, width, height);
+  const subpaths = d ? flattenPath(d) : void 0;
+  if (!d || !subpaths || subpaths.length === 0) {
+    return clipPath;
+  }
+  const half = strokeWidth / 2;
+  const signedArea3 = (pts) => {
+    let area = 0;
+    for (let k = 0; k < pts.length; k++) {
+      const a = pts[k];
+      const b = pts[(k + 1) % pts.length];
+      area += a[0] * b[1] - b[0] * a[1];
+    }
+    return area;
+  };
+  const reference = Math.sign(signedArea3(subpaths[0])) || 1;
+  const quads = [];
+  for (const sub of subpaths) {
+    const closed = [...sub, sub[0]];
+    for (let k = 0; k < closed.length - 1; k++) {
+      const a = closed[k];
+      const b = closed[k + 1];
+      const len = Math.hypot(b[0] - a[0], b[1] - a[1]);
+      if (len < 1e-6) {
+        continue;
+      }
+      const nx = -(b[1] - a[1]) / len * half;
+      const ny = (b[0] - a[0]) / len * half;
+      let quad2 = [
+        [a[0] + nx, a[1] + ny],
+        [b[0] + nx, b[1] + ny],
+        [b[0] - nx, b[1] - ny],
+        [a[0] - nx, a[1] - ny]
+      ];
+      if (Math.sign(signedArea3(quad2)) !== reference) {
+        quad2 = quad2.reverse();
+      }
+      quads.push(`M ${quad2.map(([x, y]) => `${fmt(x)} ${fmt(y)}`).join(" L ")} Z`);
+    }
+  }
+  return `path('${d} ${quads.join(" ")}')`;
+}
+
+// src/pptx/render/shape-geometry-cascade.ts
 var CYLINDER_RADIUS = "48% / 12%";
 var MIN_ROUND_RECT_RADIUS_PX = 0.01;
 function resolveShapeGeometry(element) {
@@ -1657,7 +1871,11 @@ function resolveShapeGeometry(element) {
   }
   const clipPath = isIdentityRectClip(element) ? void 0 : getResolvedShapeClipPath(element);
   if (clipPath) {
-    return { kind: "clipPath", clipPath };
+    const stroke = straddlingStrokeWidth(element);
+    return {
+      kind: "clipPath",
+      clipPath: stroke > 0 ? outsetClipPathForStroke(clipPath, stroke, element.width, element.height) : clipPath
+    };
   }
   if (shapeType === "line") {
     const authored = element.shapeStyle?.strokeWidth;
@@ -1985,10 +2203,10 @@ function getComputedStrokeStyle(element) {
   const borderColor = style.strokeOpacity === void 0 ? rawColor : chunkG3UVZ5FO_cjs.colorWithOpacity(chunkG3UVZ5FO_cjs.normalizeHexColor(rawColor, chunkG3UVZ5FO_cjs.DEFAULT_STROKE_COLOR), style.strokeOpacity);
   return {
     borderWidth,
-    cssBorderWidth: chunkZO43VVWQ_cjs.screenStrokeWidth(borderWidth),
+    cssBorderWidth: chunkJ642EKDV_cjs.screenStrokeWidth(borderWidth),
     borderStyle,
     borderColor,
-    border: chunkZO43VVWQ_cjs.screenBorder(borderWidth, borderStyle ?? "solid", borderColor),
+    border: chunkJ642EKDV_cjs.screenBorder(borderWidth, borderStyle ?? "solid", borderColor),
     ...joins
   };
 }
@@ -2135,14 +2353,14 @@ function tileAlignmentPercentages(alignment) {
       return { x: 0, y: 0 };
   }
 }
-function tileAxisPosition(percent3, offsetPx) {
+function tileAxisPosition(percent4, offsetPx) {
   if (offsetPx === 0) {
-    return `${percent3}%`;
+    return `${percent4}%`;
   }
-  if (percent3 === 0) {
+  if (percent4 === 0) {
     return `${offsetPx}px`;
   }
-  return `calc(${percent3}% + ${offsetPx}px)`;
+  return `calc(${percent4}% + ${offsetPx}px)`;
 }
 function buildMirrorTiledBackground(src, flip, scaleX, scaleY, nativeSize) {
   if (!src.startsWith("data:")) {
@@ -6337,7 +6555,7 @@ function resetGlyphEnvelopeMeasureCache() {
 }
 
 // src/pptx/render/text-warp-glyph-outline.ts
-var CURVE_STEPS = 8;
+var CURVE_STEPS2 = 8;
 function flattenOutline(commands, maxSegment) {
   const contours = [];
   let current = [];
@@ -6371,8 +6589,8 @@ function flattenOutline(commands, maxSegment) {
         break;
       case "Q": {
         const p0 = pen;
-        for (let i = 1; i <= CURVE_STEPS; i++) {
-          const t2 = i / CURVE_STEPS;
+        for (let i = 1; i <= CURVE_STEPS2; i++) {
+          const t2 = i / CURVE_STEPS2;
           const mt = 1 - t2;
           lineTo({
             x: mt * mt * p0.x + 2 * mt * t2 * cmd.x1 + t2 * t2 * cmd.x,
@@ -6383,8 +6601,8 @@ function flattenOutline(commands, maxSegment) {
       }
       case "C": {
         const p0 = pen;
-        for (let i = 1; i <= CURVE_STEPS; i++) {
-          const t2 = i / CURVE_STEPS;
+        for (let i = 1; i <= CURVE_STEPS2; i++) {
+          const t2 = i / CURVE_STEPS2;
           const mt = 1 - t2;
           const a = mt * mt * mt;
           const b = 3 * mt * mt * t2;
@@ -10822,7 +11040,7 @@ function powerPointAccelDecelProgress(t2, accel, decel) {
 function rampStopCount(fraction) {
   return Math.max(3, Math.ceil(12 * Math.sqrt(fraction)));
 }
-function fmt(value, digits) {
+function fmt2(value, digits) {
   return String(Number(value.toFixed(digits)));
 }
 function linearEasing(a, d) {
@@ -10840,11 +11058,11 @@ function linearEasing(a, d) {
     addRamp(1 - d, d);
   }
   const stops = [...times].sort((x, y) => x - y).map((t2) => {
-    const value = fmt(powerPointAccelDecelProgress(t2, a, d), 4);
+    const value = fmt2(powerPointAccelDecelProgress(t2, a, d), 4);
     if (t2 === 0 || t2 === 1) {
       return value;
     }
-    return `${value} ${fmt(t2 * 100, 2)}%`;
+    return `${value} ${fmt2(t2 * 100, 2)}%`;
   });
   return `linear(${stops.join(", ")})`;
 }
@@ -15445,10 +15663,10 @@ function createAttributeTransformModel(anim, box) {
 }
 
 // src/pptx/render/animation-transform-keyframes.ts
-function slideOffset(percent3, axis, origin) {
+function slideOffset(percent4, axis, origin) {
   const fallback = axis === "w" ? "1280px" : "720px";
   const varName = origin === "parent" ? `--pptx-parent-${axis}` : `--pptx-slide-${axis}`;
-  return `calc(var(${varName}, ${fallback}) * ${(percent3 / 100).toFixed(4)})`;
+  return `calc(var(${varName}, ${fallback}) * ${(percent4 / 100).toFixed(4)})`;
 }
 function hasRotation(anim) {
   return anim.rotationBy !== void 0 || anim.rotationFrom !== void 0 || anim.rotationTo !== void 0;
@@ -17750,25 +17968,25 @@ function createBehaviorPlayer(anim, box) {
 // src/pptx/render/animation-behavior-keyframes.ts
 var DENSE_SAMPLES = 60;
 var HOLD_EPSILON = 1e-5;
-function fmt2(value, digits = 4) {
+function fmt3(value, digits = 4) {
   const rounded = Number(value.toFixed(digits));
   return String(Object.is(rounded, -0) ? 0 : rounded);
 }
 function declarations(frame, usage) {
   const parts = [
-    usage.slidePx ? `translate(${fmt2(frame.dx * usage.slidePx.width, 2)}px, ${fmt2(frame.dy * usage.slidePx.height, 2)}px)` : `translate(calc(var(--pptx-slide-w, 1280px) * ${fmt2(frame.dx)}), calc(var(--pptx-slide-h, 720px) * ${fmt2(frame.dy)}))`
+    usage.slidePx ? `translate(${fmt3(frame.dx * usage.slidePx.width, 2)}px, ${fmt3(frame.dy * usage.slidePx.height, 2)}px)` : `translate(calc(var(--pptx-slide-w, 1280px) * ${fmt3(frame.dx)}), calc(var(--pptx-slide-h, 720px) * ${fmt3(frame.dy)}))`
   ];
   if (usage.rotate) {
-    parts.push(`rotate(${fmt2(frame.rotation, 2)}deg)`);
+    parts.push(`rotate(${fmt3(frame.rotation, 2)}deg)`);
   }
   if (usage.shear) {
-    parts.push(`skewX(${fmt2(Math.atan(frame.shearX) * 180 / Math.PI, 2)}deg)`);
+    parts.push(`skewX(${fmt3(Math.atan(frame.shearX) * 180 / Math.PI, 2)}deg)`);
   }
   if (usage.scale) {
-    parts.push(`scale(${fmt2(frame.scaleX)}, ${fmt2(frame.scaleY)})`);
+    parts.push(`scale(${fmt3(frame.scaleX)}, ${fmt3(frame.scaleY)})`);
   }
   const mask = usage.wipeEdge ? ` ${maskEdgePartialDecl(usage.wipeEdge, frame.wipe?.revealed ?? 1)}` : "";
-  return `opacity: ${fmt2(frame.opacity, 3)}; transform: ${parts.join(" ")};${mask}`;
+  return `opacity: ${fmt3(frame.opacity, 3)}; transform: ${parts.join(" ")};${mask}`;
 }
 function buildBehaviorKeyframes(anim, uid2, box, options = {}) {
   const player = createBehaviorPlayer(anim, box);
@@ -17802,7 +18020,7 @@ function buildBehaviorKeyframes(anim, uid2, box, options = {}) {
   };
   const name = `${options.prefix ?? "pptx-tl-bhvr"}-${uid2}`;
   const lines = frames.map(
-    ({ offset, frame }) => `	${fmt2(offset * 100, 3)}% { ${declarations(frame, usage)} }`
+    ({ offset, frame }) => `	${fmt3(offset * 100, 3)}% { ${declarations(frame, usage)} }`
   );
   if (anim.presetClass === "entr") {
     lines[0] = lines[0].replace(/^\t0% \{ opacity: [\d.]+;/u, "	0% { opacity: 0;");
@@ -19409,10 +19627,10 @@ function buildMotionPathKeyframes(args) {
     return void 0;
   }
   const frames = points.map((point, index) => {
-    const percent3 = Math.round(index / (points.length - 1) * 100);
+    const percent4 = Math.round(index / (points.length - 1) * 100);
     const x = trimNumber(point.x * args.slideWidth);
     const y = trimNumber(point.y * args.slideHeight);
-    return `	${percent3}% { transform: translate(${x}px, ${y}px); }`;
+    return `	${percent4}% { transform: translate(${x}px, ${y}px); }`;
   });
   return {
     keyframeName: args.keyframeName,
@@ -21857,7 +22075,7 @@ function borderToCss(border, resolve) {
   const width = border.width ?? 1;
   const dash = ooxmlDashToCssBorderStyle(border.dash);
   const color = border.color ?? resolve(border.fill) ?? "#000000";
-  return chunkZO43VVWQ_cjs.screenBorder(width, dash, color);
+  return chunkJ642EKDV_cjs.screenBorder(width, dash, color);
 }
 function collectSections(entry6, tableData, pos) {
   const { rowIndex, cellIndex, rowCount, columnCount } = pos;
@@ -23322,7 +23540,7 @@ function cellStyleToCss(style) {
       const w = edge.width ?? 1;
       const c = edge.color ?? style.borderColor ?? "#000000";
       const s = ooxmlDashToCssBorderStyle(edge.dash);
-      css[edge.prefix] = chunkZO43VVWQ_cjs.screenBorder(w, s, c);
+      css[edge.prefix] = chunkJ642EKDV_cjs.screenBorder(w, s, c);
     }
   }
   Object.assign(css, cellPaddingCss(style));
@@ -30805,11 +31023,11 @@ function sampleImageCropMorphSteps(fromElement, toElement) {
     for (const key of keys) {
       insets[key] = from[key] + (to[key] - from[key]) * progress;
     }
-    const percent3 = Math.round(time * 100 * 1e4) / 1e4;
+    const percent4 = Math.round(time * 100 * 1e4) / 1e4;
     const { placement, crop } = fitTransformsFromInsets(insets);
     const identity8 = "translate(0%, 0%) scale(1, 1)";
     const transform = step === CROP_TRACK_STEPS ? buildImageFitTransform(toElement, true) : `${placement || identity8} ${crop || identity8}`;
-    samples.push({ percent: `${percent3}%`, progress, transform });
+    samples.push({ percent: `${percent4}%`, progress, transform });
   }
   return samples;
 }
@@ -31498,6 +31716,76 @@ function resolveMorphOverlayArrivals(outgoing, incoming, pairs, holdingGhostIds,
   }
   return lifted;
 }
+
+// src/pptx/render/morph-overlay-layers.ts
+function buildMorphIncomingAnchoredOrder(outgoing, incoming, pairs) {
+  const rank = new Map(incoming.map((element, index) => [element.id, index]));
+  const partnerOf = new Map(pairs.map((pair) => [pair.fromElement.id, pair.toElement.id]));
+  let run = [];
+  let floor = -1;
+  const flush = (ceiling) => {
+    const base2 = floor < ceiling ? floor : ceiling - 1;
+    const span = floor < ceiling ? Math.min(1, ceiling - floor) : 1;
+    run.forEach((id, index) => rank.set(id, base2 + span * (index + 1) / (run.length + 1)));
+    run = [];
+  };
+  for (const element of outgoing) {
+    const partner = partnerOf.get(element.id);
+    const partnerRank = partner === void 0 ? void 0 : rank.get(partner);
+    if (partnerRank === void 0) {
+      run.push(element.id);
+      continue;
+    }
+    flush(partnerRank);
+    rank.set(element.id, partnerRank);
+    floor = partnerRank;
+  }
+  flush(incoming.length);
+  return rank;
+}
+function ghostMorphPairsHiddenByGhosts(ghostIds, outgoing, incoming, pairs, holds) {
+  const rank = buildMorphIncomingAnchoredOrder(outgoing, incoming, pairs);
+  const boxOf = (pair) => travelledBox(pair.fromElement, pair.toElement);
+  let changed = true;
+  while (changed) {
+    changed = false;
+    const shields = pairs.filter((pair) => ghostIds.has(pair.fromElement.id) && holds(pair));
+    for (const pair of pairs) {
+      if (ghostIds.has(pair.fromElement.id)) {
+        continue;
+      }
+      const mine = rank.get(pair.fromElement.id) ?? 0;
+      const box = boxOf(pair);
+      if (shields.some(
+        (shield) => (rank.get(shield.fromElement.id) ?? 0) < mine && boxesOverlap(boxOf(shield), box)
+      )) {
+        ghostIds.add(pair.fromElement.id);
+        changed = true;
+      }
+    }
+  }
+  return ghostIds;
+}
+function resolveMorphOverlayLayers(ghosts, lifted, outgoing, incoming, pairs) {
+  const rank = buildMorphIncomingAnchoredOrder(outgoing, incoming, pairs);
+  const entries2 = [
+    ...ghosts.map((element, index) => ({ element, side: "outgoing", index })),
+    ...lifted.map((element, index) => ({ element, side: "incoming", index }))
+  ];
+  entries2.sort(
+    (a, b) => (rank.get(a.element.id) ?? 0) - (rank.get(b.element.id) ?? 0) || Number(a.side === "incoming") - Number(b.side === "incoming") || a.index - b.index
+  );
+  const layers = [];
+  for (const entry6 of entries2) {
+    const last = layers.at(-1);
+    if (last?.side === entry6.side) {
+      last.elements.push(entry6.element);
+    } else {
+      layers.push({ side: entry6.side, elements: [entry6.element] });
+    }
+  }
+  return layers;
+}
 function tokenizeText(element, mode) {
   if (!pptx.hasTextProperties(element) || !element.text) {
     return [];
@@ -31868,7 +32156,7 @@ var GEOMETRY_EPSILON = 0.5;
 function isInertMorphPair(fromElement, toElement) {
   return !morphImageCropChanged(fromElement, toElement) && !morphImageAlphaChanged(fromElement, toElement) && Math.abs(fromElement.x - toElement.x) <= GEOMETRY_EPSILON && Math.abs(fromElement.y - toElement.y) <= GEOMETRY_EPSILON && Math.abs(fromElement.width - toElement.width) <= GEOMETRY_EPSILON && Math.abs(fromElement.height - toElement.height) <= GEOMETRY_EPSILON && (fromElement.rotation ?? 0) === (toElement.rotation ?? 0) && Boolean(fromElement.flipHorizontal) === Boolean(toElement.flipHorizontal) && Boolean(fromElement.flipVertical) === Boolean(toElement.flipVertical) && (fromElement.opacity ?? 1) === (toElement.opacity ?? 1) && !morphPairNeedsCrossfade(fromElement, toElement);
 }
-function resolveMorphGhostIds(outgoingElements, pairs) {
+function resolveMorphGhostIds(outgoingElements, pairs, incomingElements) {
   const counterparts = new Map(pairs.map((pair) => [pair.fromElement.id, pair.toElement]));
   const painted = /* @__PURE__ */ new Set();
   const paintedBoxes = [];
@@ -31881,7 +32169,16 @@ function resolveMorphGhostIds(outgoingElements, pairs) {
       paintedBoxes.push(box);
     }
   }
-  return painted;
+  if (incomingElements === void 0) {
+    return painted;
+  }
+  return ghostMorphPairsHiddenByGhosts(
+    painted,
+    outgoingElements,
+    incomingElements,
+    pairs,
+    (pair) => !morphPairNeedsCrossfade(pair.fromElement, pair.toElement)
+  );
 }
 function morphPairIncomingFadesIn(fromElement, toElement, ghosted = true) {
   return !(ghosted && isInertMorphPair(fromElement, toElement)) && morphPairNeedsCrossfade(fromElement, toElement) && crossfadeIncomingMayFadeIn(toElement);
@@ -32144,7 +32441,11 @@ function generateFullMorphTransition(fromSlide, toSlide, durationMs, mode = "obj
   const matchResult = matchMorphElementsFull(fromSlide, toSlide);
   const allAnimations = [];
   const flattenedFrom = flattenMorphElements(fromSlide.elements, toSlide.elements);
-  const ghostIds = resolveMorphGhostIds(flattenedFrom, matchResult.pairs);
+  const ghostIds = resolveMorphGhostIds(
+    flattenedFrom,
+    matchResult.pairs,
+    flattenMorphElements(toSlide.elements, fromSlide.elements)
+  );
   const zSwaps = computeZOrderSwaps(
     matchResult.pairs,
     flattenedFrom,
@@ -32263,7 +32564,8 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
   );
   const flattenedOutgoing = flattenMorphElements(fromSlide.elements, toSlide.elements);
   const outgoingIds = new Set(flattenedOutgoing.map((element) => element.id));
-  const ghostIds = resolveMorphGhostIds(flattenedOutgoing, match.pairs);
+  const flattenedIncoming = flattenMorphElements(toSlide.elements, fromSlide.elements);
+  const ghostIds = resolveMorphGhostIds(flattenedOutgoing, match.pairs, flattenedIncoming);
   const incomingAnimations = /* @__PURE__ */ new Map();
   const outgoingAnimations = /* @__PURE__ */ new Map();
   const incomingImageAnimations = /* @__PURE__ */ new Map();
@@ -32280,7 +32582,6 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     );
   }
   const ghostElements = flattenedOutgoing.filter((element) => ghostIds.has(element.id));
-  const flattenedIncoming = flattenMorphElements(toSlide.elements, fromSlide.elements);
   const holdingGhostIds = new Set(
     match.pairs.filter(
       (candidate) => ghostIds.has(candidate.fromElement.id) && !morphPairNeedsCrossfade(candidate.fromElement, candidate.toElement)
@@ -32328,6 +32629,13 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
   const overlayIncomingElements = flattenedIncoming.filter(
     (element) => overlayIncomingAnimations.has(element.id) && !groupedIncomingIds.has(element.id)
   );
+  const overlayLayers = resolveMorphOverlayLayers(
+    outgoingElements,
+    overlayIncomingElements,
+    flattenedOutgoing,
+    flattenedIncoming,
+    match.pairs
+  );
   return {
     keyframesCss: keyframes.join("\n"),
     incomingAnimations,
@@ -32337,6 +32645,7 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = "object
     overlayIncomingAnimations,
     outgoingElements,
     overlayIncomingElements,
+    overlayLayers,
     crossfadeGroups,
     durationMs
   };
@@ -40617,6 +40926,11 @@ function smartArtNodeAtPoint(root, x, y) {
   return best;
 }
 var LAYER_UI_SELECTOR = 'textarea, input, button, select, [role="group"]';
+var SMARTART_3D_EDIT_LAYER_ATTRIBUTE = "data-smartart-3d-edit-layer";
+var forwardedEvents = /* @__PURE__ */ new WeakSet();
+function isForwardedEditLayerEvent(event) {
+  return forwardedEvents.has(event);
+}
 function routeEditLayerPointerToNodes(layer) {
   let forwarding = false;
   let hovered = null;
@@ -40624,15 +40938,15 @@ function routeEditLayerPointerToNodes(layer) {
     forwarding = true;
     try {
       for (const type of types) {
-        node.dispatchEvent(
-          new MouseEvent(type, {
-            // enter / leave do not bubble, as for a real pointer.
-            bubbles: type !== "mouseenter" && type !== "mouseleave",
-            cancelable: true,
-            clientX: source?.clientX ?? 0,
-            clientY: source?.clientY ?? 0
-          })
-        );
+        const event = new MouseEvent(type, {
+          // enter / leave do not bubble, as for a real pointer.
+          bubbles: type !== "mouseenter" && type !== "mouseleave",
+          cancelable: true,
+          clientX: source?.clientX ?? 0,
+          clientY: source?.clientY ?? 0
+        });
+        forwardedEvents.add(event);
+        node.dispatchEvent(event);
       }
     } finally {
       forwarding = false;
@@ -43765,11 +44079,11 @@ function zoomOutScale(scale2) {
 }
 var ZOOM_MIN_PERCENT = MIN_ZOOM_SCALE * 100;
 var ZOOM_MAX_PERCENT = MAX_ZOOM_SCALE * 100;
-function zoomInPercent(percent3) {
-  return Math.round(zoomInScale(percent3 / 100) * 100);
+function zoomInPercent(percent4) {
+  return Math.round(zoomInScale(percent4 / 100) * 100);
 }
-function zoomOutPercent(percent3) {
-  return Math.round(zoomOutScale(percent3 / 100) * 100);
+function zoomOutPercent(percent4) {
+  return Math.round(zoomOutScale(percent4 / 100) * 100);
 }
 
 // src/pptx/render/viewer-zoom-store.ts
@@ -50259,7 +50573,7 @@ function quickStyleSwatchCss(quickStyle) {
   const { style } = quickStyle;
   return {
     background: style.fillGradient || style.fillColor || "transparent",
-    boxShadow: style.shadowColor ? `${style.shadowOffsetX ?? 2}px ${style.shadowOffsetY ?? 2}px ${style.shadowBlur ?? 4}px ${style.shadowColor}` : void 0,
+    boxShadow: style.shadowColor ? `${style.shadowOffsetX ?? 2}px ${style.shadowOffsetY ?? 2}px ${style.shadowBlur ?? 4}px ${color.colorWithOpacity(style.shadowColor, style.shadowOpacity)}` : void 0,
     border: style.strokeColor ? `${style.strokeWidth ?? 1}px solid ${style.strokeColor}` : void 0
   };
 }
@@ -50352,7 +50666,8 @@ var SHAPE_QUICK_STYLES = [
       fillMode: "solid",
       fillColor: "#4472C4",
       strokeWidth: 0,
-      shadowColor: "rgba(0,0,0,0.35)",
+      shadowColor: "#000000",
+      shadowOpacity: 0.35,
       shadowBlur: 6,
       shadowOffsetX: 2,
       shadowOffsetY: 2
@@ -50365,7 +50680,8 @@ var SHAPE_QUICK_STYLES = [
       fillMode: "solid",
       fillColor: "#ED7D31",
       strokeWidth: 0,
-      shadowColor: "rgba(0,0,0,0.35)",
+      shadowColor: "#000000",
+      shadowOpacity: 0.35,
       shadowBlur: 6,
       shadowOffsetX: 2,
       shadowOffsetY: 2
@@ -50378,7 +50694,8 @@ var SHAPE_QUICK_STYLES = [
       fillMode: "solid",
       fillColor: "#2F5597",
       strokeWidth: 0,
-      shadowColor: "rgba(0,0,0,0.4)",
+      shadowColor: "#000000",
+      shadowOpacity: 0.4,
       shadowBlur: 8,
       shadowOffsetX: 3,
       shadowOffsetY: 3
@@ -50391,7 +50708,8 @@ var SHAPE_QUICK_STYLES = [
       fillMode: "solid",
       fillColor: "#C55A11",
       strokeWidth: 0,
-      shadowColor: "rgba(0,0,0,0.4)",
+      shadowColor: "#000000",
+      shadowOpacity: 0.4,
       shadowBlur: 8,
       shadowOffsetX: 3,
       shadowOffsetY: 3
@@ -50404,7 +50722,8 @@ var SHAPE_QUICK_STYLES = [
       fillMode: "solid",
       fillColor: "#548235",
       strokeWidth: 0,
-      shadowColor: "rgba(0,0,0,0.4)",
+      shadowColor: "#000000",
+      shadowOpacity: 0.4,
       shadowBlur: 8,
       shadowOffsetX: 3,
       shadowOffsetY: 3
@@ -50418,7 +50737,8 @@ var SHAPE_QUICK_STYLES = [
       fillColor: "#FFFFFF",
       strokeColor: "#D9D9D9",
       strokeWidth: 1,
-      shadowColor: "rgba(0,0,0,0.2)",
+      shadowColor: "#000000",
+      shadowOpacity: 0.2,
       shadowBlur: 4,
       shadowOffsetX: 1,
       shadowOffsetY: 1
@@ -51192,7 +51512,7 @@ function editGeometryBounds(geometry) {
   }
   return { minX, minY, maxX, maxY };
 }
-function fmt3(value) {
+function fmt4(value) {
   return String(Math.round(value * 1e3) / 1e3);
 }
 function editGeometryToPaths(geometry, ox, oy, width, height, scale2 = EDIT_POINTS_PATH_SCALE) {
@@ -51207,7 +51527,7 @@ function editGeometryToPaths(geometry, ox, oy, width, height, scale2 = EDIT_POIN
     const segments = [];
     const start = pt(sub.nodes[0]);
     segments.push({ type: "moveTo", pt: start });
-    svg2.push(`M ${fmt3(start.x)} ${fmt3(start.y)}`);
+    svg2.push(`M ${fmt4(start.x)} ${fmt4(start.y)}`);
     sub.segments.forEach((seg, i) => {
       if (sub.closed && seg.kind === "line" && i === sub.segments.length - 1) {
         return;
@@ -51215,13 +51535,13 @@ function editGeometryToPaths(geometry, ox, oy, width, height, scale2 = EDIT_POIN
       const end = pt(sub.nodes[(i + 1) % sub.nodes.length]);
       if (seg.kind === "line") {
         segments.push({ type: "lineTo", pt: end });
-        svg2.push(`L ${fmt3(end.x)} ${fmt3(end.y)}`);
+        svg2.push(`L ${fmt4(end.x)} ${fmt4(end.y)}`);
       } else {
         const c1 = pt(seg.c1);
         const c2 = pt(seg.c2);
         segments.push({ type: "cubicBezTo", pts: [c1, c2, end] });
         svg2.push(
-          `C ${fmt3(c1.x)} ${fmt3(c1.y)} ${fmt3(c2.x)} ${fmt3(c2.y)} ${fmt3(end.x)} ${fmt3(end.y)}`
+          `C ${fmt4(c1.x)} ${fmt4(c1.y)} ${fmt4(c2.x)} ${fmt4(c2.y)} ${fmt4(end.x)} ${fmt4(end.y)}`
         );
       }
     });
@@ -57858,14 +58178,14 @@ function resolveAccentHex(themeColorMap, slot) {
 
 // src/pptx/render/ribbon-galleries/picture-color-gallery.ts
 var KEY2 = "pptx.gallery.pictureColor";
-function saturationPreset(percent3) {
-  const sat = percent3 * 1e3;
-  const normal = percent3 === NEUTRAL_SATURATION_PERCENT;
+function saturationPreset(percent4) {
+  const sat = percent4 * 1e3;
+  const normal = percent4 === NEUTRAL_SATURATION_PERCENT;
   return {
-    id: normal ? "saturationNormal" : `saturation${percent3}`,
+    id: normal ? "saturationNormal" : `saturation${percent4}`,
     labelKey: normal ? `${KEY2}.saturationNormal` : `${KEY2}.saturation`,
-    ...!normal && { labelParams: { amount: percent3 } },
-    label: normal ? "Saturation: 100% (Normal)" : `Saturation: ${percent3}%`,
+    ...!normal && { labelParams: { amount: percent4 } },
+    label: normal ? "Saturation: 100% (Normal)" : `Saturation: ${percent4}%`,
     changes: () => ({ colorSaturation: normal ? void 0 : { sat } }),
     applied: (fx) => (fx.colorSaturation?.sat ?? NEUTRAL_SATURATION_PERCENT * 1e3) === sat,
     preview: { css: getImageCorrectionsFilterTokens({ colorSaturation: { sat } }).join(" ") }
@@ -57933,14 +58253,14 @@ function recolorPresets(themeColorMap) {
     applied: isWashout,
     preview: { css: "brightness(1.7) contrast(0.3)" }
   };
-  const biLevels = BI_LEVEL_THRESHOLDS.map((percent3) => ({
-    id: `recolorBlackWhite${percent3}`,
+  const biLevels = BI_LEVEL_THRESHOLDS.map((percent4) => ({
+    id: `recolorBlackWhite${percent4}`,
     labelKey: `${KEY2}.recolorBlackWhite`,
-    labelParams: { amount: percent3 },
-    label: `Black and White: ${percent3}%`,
-    changes: (fx) => ({ ...recolorReset(fx), biLevel: percent3 }),
-    applied: (fx) => fx.biLevel === percent3,
-    preview: { threshold: percent3 }
+    labelParams: { amount: percent4 },
+    label: `Black and White: ${percent4}%`,
+    changes: (fx) => ({ ...recolorReset(fx), biLevel: percent4 }),
+    applied: (fx) => fx.biLevel === percent4,
+    preview: { threshold: percent4 }
   }));
   const accents = RECOLOR_ACCENTS.flatMap((slot, index) => {
     const hex2 = resolveAccentHex(themeColorMap, slot);
@@ -57998,20 +58318,20 @@ var PICTURE_COLOR_GALLERY = adjustGalleryModule(
 
 // src/pptx/render/ribbon-galleries/picture-corrections-gallery.ts
 var KEY3 = "pptx.gallery.pictureCorrections";
-function sharpenPreset(percent3) {
-  const amount = percent3 * 1e3;
-  const abs = Math.abs(percent3);
-  const id = percent3 < 0 ? `soften${abs}` : percent3 > 0 ? `sharpen${abs}` : "sharpenNormal";
-  const css = percent3 < 0 ? getImageCorrectionsFilterTokens({ sharpenSoften: { amount } }).join(" ") : (
+function sharpenPreset(percent4) {
+  const amount = percent4 * 1e3;
+  const abs = Math.abs(percent4);
+  const id = percent4 < 0 ? `soften${abs}` : percent4 > 0 ? `sharpen${abs}` : "sharpenNormal";
+  const css = percent4 < 0 ? getImageCorrectionsFilterTokens({ sharpenSoften: { amount } }).join(" ") : (
     // A sharpen is an SVG convolution at render time; a contrast lift previews it.
-    percent3 > 0 ? `contrast(${1 + percent3 / 200})` : ""
+    percent4 > 0 ? `contrast(${1 + percent4 / 200})` : ""
   );
   return {
     id,
-    labelKey: percent3 === 0 ? `${KEY3}.sharpenNormal` : `${KEY3}.${percent3 < 0 ? "soften" : "sharpen"}`,
-    ...percent3 !== 0 && { labelParams: { amount: abs } },
-    label: percent3 === 0 ? "Sharpen: 0% (Normal)" : `${percent3 < 0 ? "Soften" : "Sharpen"}: ${abs}%`,
-    changes: () => ({ sharpenSoften: percent3 === 0 ? void 0 : { amount } }),
+    labelKey: percent4 === 0 ? `${KEY3}.sharpenNormal` : `${KEY3}.${percent4 < 0 ? "soften" : "sharpen"}`,
+    ...percent4 !== 0 && { labelParams: { amount: abs } },
+    label: percent4 === 0 ? "Sharpen: 0% (Normal)" : `${percent4 < 0 ? "Soften" : "Sharpen"}: ${abs}%`,
+    changes: () => ({ sharpenSoften: percent4 === 0 ? void 0 : { amount } }),
     applied: (fx) => (fx.sharpenSoften?.amount ?? 0) === amount,
     preview: { css }
   };
@@ -58803,6 +59123,55 @@ function apply3(itemId, ctx) {
   return { kind: "element", elementId: element.id, patch: pictureStylePatch(spec5, element) };
 }
 var PICTURE_STYLES_GALLERY = { build: build3, apply: apply3 };
+var TILE4 = { width: 34, height: 22 };
+function quickStyleId(preset2) {
+  return preset2.labelKey.slice(preset2.labelKey.lastIndexOf(".") + 1);
+}
+function buildQuickStylesGallery(disabled = false) {
+  return {
+    id: "quickStyles",
+    labelKey: "pptx.shape.quickStyles",
+    label: "Quick Styles",
+    disabled,
+    sections: [
+      {
+        id: "presets",
+        columns: 6,
+        tileWidth: TILE4.width,
+        tileHeight: TILE4.height,
+        items: SHAPE_QUICK_STYLES.map((preset2) => {
+          const id = quickStyleId(preset2);
+          return {
+            id,
+            labelKey: preset2.labelKey,
+            label: preset2.name,
+            previewSvg: shapeTileSvg({
+              ...tileSpecFromShapeStyle(`quick-${id}`, preset2.style, TILE4),
+              inset: 4
+            }),
+            applied: false
+          };
+        })
+      }
+    ]
+  };
+}
+function quickStyleShapeStyle(itemId) {
+  return SHAPE_QUICK_STYLES.find((preset2) => quickStyleId(preset2) === itemId)?.style;
+}
+function styledElement(element) {
+  return element && pptx.hasShapeProperties(element) ? element : void 0;
+}
+var QUICK_STYLES_GALLERY = {
+  build(ctx) {
+    return buildQuickStylesGallery(!styledElement(ctx.element));
+  },
+  apply(itemId, ctx) {
+    const element = styledElement(ctx.element);
+    const style = quickStyleShapeStyle(itemId);
+    return element && style ? { kind: "element", elementId: element.id, patch: shapeQuickStylePatch(element, style) } : null;
+  }
+};
 
 // src/pptx/render/ribbon-galleries/shape-effects-catalog.ts
 function outer(key, label3, dir, algn) {
@@ -59670,7 +60039,7 @@ function fallbackResolveStyleMatrix(styleXml2, colorMap) {
 }
 
 // src/pptx/render/ribbon-galleries/shape-styles-gallery.ts
-var TILE4 = { width: 44, height: 32 };
+var TILE5 = { width: 44, height: 32 };
 var COLUMN_LABEL_KEYS = {
   dk1: "pptx.themeColor.dark1",
   accent1: "pptx.themeColor.accent1",
@@ -59808,7 +60177,7 @@ function item2(block, row, rowIndex, col, ctx) {
     labelParams: { color: COLUMN_LABELS[column2] },
     labelParamKeys: { color: { key: COLUMN_LABEL_KEYS[column2], fallback: COLUMN_LABELS[column2] } },
     label: `${row.label} - ${COLUMN_LABELS[column2]}`,
-    previewSvg: shapeTileSvg(tileSpecFromShapeStyle(`gss-${id}`, style, TILE4, resolved2?.fontColor)),
+    previewSvg: shapeTileSvg(tileSpecFromShapeStyle(`gss-${id}`, style, TILE5, resolved2?.fontColor)),
     applied: styleMatches(ctx.element, style)
   };
 }
@@ -59825,8 +60194,8 @@ function buildShapeStylesGallery(ctx) {
         titleKey: "pptx.gallery.shapeStyles.themeStyles",
         title: "Theme Styles",
         columns: 7,
-        tileWidth: TILE4.width,
-        tileHeight: TILE4.height,
+        tileWidth: TILE5.width,
+        tileHeight: TILE5.height,
         items: block("theme", SHAPE_THEME_STYLE_ROWS)
       },
       {
@@ -59834,8 +60203,8 @@ function buildShapeStylesGallery(ctx) {
         titleKey: "pptx.gallery.shapeStyles.presets",
         title: "Presets",
         columns: 7,
-        tileWidth: TILE4.width,
-        tileHeight: TILE4.height,
+        tileWidth: TILE5.width,
+        tileHeight: TILE5.height,
         items: block("preset", SHAPE_PRESET_STYLE_ROWS)
       }
     ]
@@ -60085,7 +60454,7 @@ function smartArtTileSvg(id, fills, style, size2) {
 }
 
 // src/pptx/render/ribbon-galleries/smartart-colors-gallery.ts
-var TILE5 = { width: 56, height: 36 };
+var TILE6 = { width: 56, height: 36 };
 var SECTIONS = [
   { id: "colorful", title: "Colorful" },
   { id: "accent1", title: "Accent 1" },
@@ -60115,8 +60484,8 @@ var SMARTART_COLORS_GALLERY = {
       titleKey: `pptx.gallery.smartArtColors.section.${section2.id}`,
       title: section2.title,
       columns: 5,
-      tileWidth: TILE5.width,
-      tileHeight: TILE5.height,
+      tileWidth: TILE6.width,
+      tileHeight: TILE6.height,
       items: SMARTART_COLOR_ENTRIES.filter((entry6) => entry6.section === section2.id).map((entry6) => {
         const params = labelParams(entry6);
         return {
@@ -60128,7 +60497,7 @@ var SMARTART_COLORS_GALLERY = {
             entry6.id,
             entry6.accents.map((accent) => scheme[accent]),
             "flat",
-            TILE5
+            TILE6
           ),
           applied: current === entry6.id
         };
@@ -60158,7 +60527,7 @@ var SMARTART_COLORS_GALLERY = {
 };
 
 // src/pptx/render/ribbon-galleries/smartart-styles-gallery.ts
-var TILE6 = { width: 56, height: 36 };
+var TILE7 = { width: 56, height: 36 };
 var SMARTART_STYLES_GALLERY = {
   build(ctx) {
     const element = ctx.element;
@@ -60177,13 +60546,13 @@ var SMARTART_STYLES_GALLERY = {
           titleKey: "pptx.gallery.smartArtStyles.section.bestMatch",
           title: "Best Match for Document",
           columns: 5,
-          tileWidth: TILE6.width,
-          tileHeight: TILE6.height,
+          tileWidth: TILE7.width,
+          tileHeight: TILE7.height,
           items: SMARTART_STYLE_ENTRIES.map((entry6) => ({
             id: entry6.id,
             labelKey: entry6.labelKey,
             label: entry6.name,
-            previewSvg: smartArtTileSvg(`style-${entry6.id}`, [accent1], entry6.id, TILE6),
+            previewSvg: smartArtTileSvg(`style-${entry6.id}`, [accent1], entry6.id, TILE7),
             applied: current === entry6.id
           }))
         }
@@ -60437,7 +60806,7 @@ function smartArtLayoutTileSvg(type, fill, size2) {
 }
 
 // src/pptx/render/ribbon-galleries/smartart-layouts-gallery.ts
-var TILE7 = { width: 56, height: 36 };
+var TILE8 = { width: 56, height: 36 };
 function smartArtLayoutNameKey(title) {
   const words = title.split(/[^A-Za-z0-9]+/u).filter(Boolean);
   const camel = words.map((word, i) => (i === 0 ? word[0].toLowerCase() : word[0].toUpperCase()) + word.slice(1)).join("");
@@ -60471,7 +60840,7 @@ function namedLayoutSections(accent1, currentId) {
         name: { key: smartArtLayoutNameKey(entry6.title), fallback: entry6.title }
       },
       label: entry6.title,
-      previewSvg: smartArtLayoutTileSvg(category2, accent1, TILE7),
+      previewSvg: smartArtLayoutTileSvg(category2, accent1, TILE8),
       applied: currentId === entry6.id
     }));
     return items.length === 0 ? [] : [
@@ -60480,8 +60849,8 @@ function namedLayoutSections(accent1, currentId) {
         titleKey: schemaLabelKeys.SMARTART_LAYOUT_LABEL_KEYS[category2],
         title: heading,
         columns: 5,
-        tileWidth: TILE7.width,
-        tileHeight: TILE7.height,
+        tileWidth: TILE8.width,
+        tileHeight: TILE8.height,
         items
       }
     ];
@@ -60504,13 +60873,13 @@ var SMARTART_LAYOUTS_GALLERY = {
         {
           id: "layouts",
           columns: 5,
-          tileWidth: TILE7.width,
-          tileHeight: TILE7.height,
+          tileWidth: TILE8.width,
+          tileHeight: TILE8.height,
           items: pptx.SWITCHABLE_LAYOUT_TYPES.map((type) => ({
             id: type,
             labelKey: schemaLabelKeys.SMARTART_LAYOUT_LABEL_KEYS[type] ?? `pptx.smartart.category.${type}`,
             label: humanize(type),
-            previewSvg: smartArtLayoutTileSvg(type, accent1, TILE7),
+            previewSvg: smartArtLayoutTileSvg(type, accent1, TILE8),
             applied: current === type
           }))
         },
@@ -61128,7 +61497,7 @@ function tableStyleTileSvg(styleId, colorScheme, size2, options = DEFAULT_OPTION
 }
 
 // src/pptx/render/ribbon-galleries/table-styles-gallery.ts
-var TILE8 = { width: 60, height: 44 };
+var TILE9 = { width: 60, height: 44 };
 var CLEARED_CELL_KEYS = [
   "backgroundColor",
   "backgroundColorXml",
@@ -61209,8 +61578,8 @@ function build5(ctx) {
       titleKey: `pptx.gallery.tableStyles.section.${section2.id}`,
       title: section2.title,
       columns: 7,
-      tileWidth: TILE8.width,
-      tileHeight: TILE8.height,
+      tileWidth: TILE9.width,
+      tileHeight: TILE9.height,
       items: section2.entries.map((entry6) => ({
         id: entry6.id,
         labelKey: entry6.labelKey,
@@ -61219,7 +61588,7 @@ function build5(ctx) {
         previewSvg: tableStyleTileSvg(
           entry6.id,
           colorScheme,
-          TILE8,
+          TILE9,
           options,
           ctx.theme?.formatScheme
         ),
@@ -61433,7 +61802,7 @@ var PACKED_ROWS = [
 var THEME_COLOR_SCHEME_ROWS = PACKED_ROWS.map(([name, hexes]) => [name, ...hexes.split(" ")]);
 
 // src/pptx/render/ribbon-galleries/theme-colors-gallery.ts
-var TILE9 = { width: 96, height: 14 };
+var TILE10 = { width: 96, height: 14 };
 var CURRENT_ID = "current";
 var SCHEME_LABEL_KEY = "pptx.gallery.themeColors.scheme";
 var entries;
@@ -61475,7 +61844,7 @@ function tile4(id, name, scheme, applied, labelKey = SCHEME_LABEL_KEY) {
       }
     },
     label: name,
-    previewSvg: swatchStripSvg(swatches(scheme), TILE9),
+    previewSvg: swatchStripSvg(swatches(scheme), TILE10),
     applied
   };
 }
@@ -61509,8 +61878,8 @@ var THEME_COLORS_GALLERY = {
           titleKey: "pptx.gallery.themeColors.section.office",
           title: "Office",
           columns: 1,
-          tileWidth: TILE9.width,
-          tileHeight: TILE9.height,
+          tileWidth: TILE10.width,
+          tileHeight: TILE10.height,
           items
         }
       ]
@@ -61527,7 +61896,7 @@ var THEME_COLORS_GALLERY = {
     return entry6 ? { kind: "themeColorScheme", colorScheme: { ...entry6.colorScheme }, name: entry6.name } : null;
   }
 };
-var TILE10 = { width: 52, height: 36 };
+var TILE11 = { width: 52, height: 36 };
 var LABEL_KEY = "pptx.gallery.themeBackgrounds.style";
 function num10(value) {
   return String(Math.round(value * 100) / 100);
@@ -61576,8 +61945,8 @@ function backgroundStyleTileSvg(preset2, ctx) {
   const id = svgId(`bg-style-${preset2.index}`);
   const paint = backgroundPaint(`${id}-f`, resolved2?.shapeStyle, fallback);
   const text4 = safeColor(preset2.dark ? scheme.lt1 : scheme.dk1, "#000000");
-  const body = `<rect x="0.5" y="0.5" width="${TILE10.width - 1}" height="${TILE10.height - 1}" fill="${paint.fill}" stroke="#C8C8C8"/><rect x="6" y="9" width="26" height="4" fill="${text4}" opacity="0.85"/><rect x="6" y="18" width="38" height="2.5" fill="${text4}" opacity="0.5"/><rect x="6" y="24" width="30" height="2.5" fill="${text4}" opacity="0.5"/>`;
-  return svgTile(TILE10.width, TILE10.height, paint.defs, body);
+  const body = `<rect x="0.5" y="0.5" width="${TILE11.width - 1}" height="${TILE11.height - 1}" fill="${paint.fill}" stroke="#C8C8C8"/><rect x="6" y="9" width="26" height="4" fill="${text4}" opacity="0.85"/><rect x="6" y="18" width="38" height="2.5" fill="${text4}" opacity="0.5"/><rect x="6" y="24" width="30" height="2.5" fill="${text4}" opacity="0.5"/>`;
+  return svgTile(TILE11.width, TILE11.height, paint.defs, body);
 }
 function activePreset(ctx) {
   const ref = ctx.activeSlide?.backgroundStyleRef;
@@ -61624,8 +61993,8 @@ var THEME_BACKGROUNDS_GALLERY = {
         {
           id: "styles",
           columns: 4,
-          tileWidth: TILE10.width,
-          tileHeight: TILE10.height,
+          tileWidth: TILE11.width,
+          tileHeight: TILE11.height,
           items: pptx.BACKGROUND_STYLE_PRESETS.map((preset2) => tile5(preset2, ctx, active2))
         }
       ],
@@ -61653,7 +62022,7 @@ var THEME_BACKGROUNDS_GALLERY = {
     };
   }
 };
-var TILE11 = { width: 76, height: 42 };
+var TILE12 = { width: 76, height: 42 };
 var SCHEME_LABEL_KEY2 = "pptx.gallery.themeEffects.scheme";
 var CELLS = [0, 1, 2];
 function num11(value) {
@@ -61693,12 +62062,12 @@ function sampleShape(id, style, x, size2) {
     filter = ` filter="url(#${shadowId})"`;
   }
   const fillOpacity = !gradient && style.fillOpacity !== void 0 && style.fillOpacity < 1 ? ` fill-opacity="${num11(style.fillOpacity)}"` : "";
-  const rect3 = `<rect x="${num11(x)}" y="${num11(TILE11.height / 2 - size2 / 2 - 2)}" width="${num11(size2)}" height="${num11(size2)}" rx="3" fill="${paint.fill}"${fillOpacity}${stroke}${filter}/>`;
+  const rect3 = `<rect x="${num11(x)}" y="${num11(TILE12.height / 2 - size2 / 2 - 2)}" width="${num11(size2)}" height="${num11(size2)}" rx="3" fill="${paint.fill}"${fillOpacity}${stroke}${filter}/>`;
   return `${defs ? `<defs>${defs}</defs>` : ""}${rect3}`;
 }
 function effectSchemeTileSvg(schemeId, ctx, accent = "accent1") {
   const size2 = 15;
-  const gap = (TILE11.width - size2 * 3) / 4;
+  const gap = (TILE12.width - size2 * 3) / 4;
   const accentHex2 = galleryColorScheme(ctx)[accent] ?? "#4472C4";
   const body = CELLS.map((index) => {
     const resolved2 = ctx.resolveStyleMatrix?.(
@@ -61713,7 +62082,7 @@ function effectSchemeTileSvg(schemeId, ctx, accent = "accent1") {
     };
     return sampleShape(`${schemeId ?? "deck"}-${index}`, style, gap + index * (size2 + gap), size2);
   }).join("");
-  return svgTile(TILE11.width, TILE11.height, "", body);
+  return svgTile(TILE12.width, TILE12.height, "", body);
 }
 function item3(id, name, ctx, applied) {
   return {
@@ -61740,8 +62109,8 @@ var THEME_EFFECTS_GALLERY = {
           titleKey: "pptx.gallery.themeEffects.section.builtIn",
           title: "Built-in",
           columns: 3,
-          tileWidth: TILE11.width,
-          tileHeight: TILE11.height,
+          tileWidth: TILE12.width,
+          tileHeight: TILE12.height,
           items: pptx.THEME_EFFECT_SCHEMES.map(
             (scheme) => item3(scheme.id, scheme.name, ctx, scheme.id === active2?.id)
           )
@@ -61756,18 +62125,18 @@ var THEME_EFFECTS_GALLERY = {
 };
 
 // src/pptx/render/ribbon-galleries/themes-gallery.ts
-var TILE12 = { width: 88, height: 50 };
+var TILE13 = { width: 88, height: 50 };
 var CURRENT_ID2 = "current";
 var ACCENTS = ["accent1", "accent2", "accent3", "accent4", "accent5", "accent6"];
-function themeTileSvg(scheme, headingFont, size2 = TILE12) {
+function themeTileSvg(scheme, headingFont, size2 = TILE13) {
   const face = escapeSvgText((headingFont ?? "Calibri").replace(/[;{}<>]/gu, ""));
-  const swatchWidth = TILE12.width / 6;
+  const swatchWidth = TILE13.width / 6;
   const swatches2 = ACCENTS.map(
-    (key, index) => `<rect x="${(index * swatchWidth).toFixed(2)}" y="${TILE12.height - 8}" width="${swatchWidth.toFixed(2)}" height="8" fill="${safeColor(scheme[key], "#808080")}"/>`
+    (key, index) => `<rect x="${(index * swatchWidth).toFixed(2)}" y="${TILE13.height - 8}" width="${swatchWidth.toFixed(2)}" height="8" fill="${safeColor(scheme[key], "#808080")}"/>`
   ).join("");
-  const body = `<rect x="0.5" y="0.5" width="${TILE12.width - 1}" height="${TILE12.height - 1}" fill="${safeColor(scheme.lt1, "#FFFFFF")}" stroke="#C8C8C8"/><rect x="0" y="0" width="${TILE12.width}" height="5" fill="${safeColor(scheme.accent1, "#808080")}"/><text x="8" y="31" font-family="${face}, Calibri, Arial, sans-serif" font-size="22" fill="${safeColor(scheme.dk2, "#000000")}">Aa</text><rect x="48" y="20" width="32" height="3" fill="${safeColor(scheme.dk1, "#000000")}" opacity="0.55"/><rect x="48" y="27" width="24" height="3" fill="${safeColor(scheme.dk1, "#000000")}" opacity="0.35"/>` + swatches2;
-  return svgTile(TILE12.width, TILE12.height, "", body).replace(
-    `width="${TILE12.width}" height="${TILE12.height}"`,
+  const body = `<rect x="0.5" y="0.5" width="${TILE13.width - 1}" height="${TILE13.height - 1}" fill="${safeColor(scheme.lt1, "#FFFFFF")}" stroke="#C8C8C8"/><rect x="0" y="0" width="${TILE13.width}" height="5" fill="${safeColor(scheme.accent1, "#808080")}"/><text x="8" y="31" font-family="${face}, Calibri, Arial, sans-serif" font-size="22" fill="${safeColor(scheme.dk2, "#000000")}">Aa</text><rect x="48" y="20" width="32" height="3" fill="${safeColor(scheme.dk1, "#000000")}" opacity="0.55"/><rect x="48" y="27" width="24" height="3" fill="${safeColor(scheme.dk1, "#000000")}" opacity="0.35"/>` + swatches2;
+  return svgTile(TILE13.width, TILE13.height, "", body).replace(
+    `width="${TILE13.width}" height="${TILE13.height}"`,
     `width="${size2.width}" height="${size2.height}"`
   );
 }
@@ -61811,8 +62180,8 @@ var THEMES_GALLERY = {
           titleKey: "pptx.gallery.themes.section.builtIn",
           title: "Built-in",
           columns: 4,
-          tileWidth: TILE12.width,
-          tileHeight: TILE12.height,
+          tileWidth: TILE13.width,
+          tileHeight: TILE13.height,
           items
         }
       ]
@@ -61833,7 +62202,7 @@ function fromPreset(preset2) {
 
 // src/pptx/render/ribbon-galleries/theme-variants-gallery.ts
 var ACCENTS2 = ["accent1", "accent2", "accent3", "accent4", "accent5", "accent6"];
-var TILE13 = { width: 52, height: 30 };
+var TILE14 = { width: 52, height: 30 };
 function shiftAccents(scheme, by) {
   const next = { ...scheme };
   ACCENTS2.forEach((key, index) => {
@@ -61901,8 +62270,8 @@ function buildReal(ctx, variants) {
         titleKey: "pptx.gallery.themeVariants.section.theme",
         title: "Variants of this theme",
         columns: 4,
-        tileWidth: TILE13.width,
-        tileHeight: TILE13.height,
+        tileWidth: TILE14.width,
+        tileHeight: TILE14.height,
         items: variants.map((variant, index) => ({
           id: `real-${index}`,
           labelKey: "pptx.gallery.themeVariants.real",
@@ -61911,7 +62280,7 @@ function buildReal(ctx, variants) {
           previewSvg: themeTileSvg(
             tileScheme(variant),
             variant.fontScheme.majorFont?.latin ?? ctx.theme?.fontScheme?.majorFont?.latin,
-            TILE13
+            TILE14
           ),
           applied: colorSchemesEqual(variant.colorScheme, current)
         }))
@@ -61941,13 +62310,13 @@ var THEME_VARIANTS_GALLERY = {
           titleKey: "pptx.gallery.themeVariants.section.computed",
           title: "Computed from the theme colors",
           columns: 4,
-          tileWidth: TILE13.width,
-          tileHeight: TILE13.height,
+          tileWidth: TILE14.width,
+          tileHeight: TILE14.height,
           items: themeVariants(variantBase(ctx)).map((variant) => ({
             id: variant.id,
             labelKey: variant.labelKey,
             label: variant.label,
-            previewSvg: themeTileSvg(variant.scheme, heading, TILE13),
+            previewSvg: themeTileSvg(variant.scheme, heading, TILE14),
             applied: colorSchemesEqual(variant.scheme, current)
           }))
         }
@@ -62022,14 +62391,14 @@ var THEME_FONT_SCHEME_ROWS = [
 ];
 
 // src/pptx/render/ribbon-galleries/theme-fonts-gallery.ts
-var TILE14 = { width: 150, height: 36 };
+var TILE15 = { width: 150, height: 36 };
 var CURRENT_ID3 = "current";
 function family(face) {
   return `${escapeSvgText(face.replace(/[;{}<>]/gu, ""))}, Calibri, Arial, sans-serif`;
 }
 function fontSchemeTileSvg(major, minor) {
-  const body = `<rect x="0" y="0" width="${TILE14.width}" height="${TILE14.height}" fill="#FFFFFF"/><text x="4" y="26" font-family="${family(major)}" font-size="22" fill="#000000">Aa</text><text x="38" y="15" font-family="${family(major)}" font-size="11" fill="#000000">${escapeSvgText(major)}</text><text x="38" y="29" font-family="${family(minor)}" font-size="10" fill="#404040">${escapeSvgText(minor)}</text>`;
-  return svgTile(TILE14.width, TILE14.height, "", body);
+  const body = `<rect x="0" y="0" width="${TILE15.width}" height="${TILE15.height}" fill="#FFFFFF"/><text x="4" y="26" font-family="${family(major)}" font-size="22" fill="#000000">Aa</text><text x="38" y="15" font-family="${family(major)}" font-size="11" fill="#000000">${escapeSvgText(major)}</text><text x="38" y="29" font-family="${family(minor)}" font-size="10" fill="#404040">${escapeSvgText(minor)}</text>`;
+  return svgTile(TILE15.width, TILE15.height, "", body);
 }
 function sameFace(a, b) {
   return Boolean(a && b && a.trim().toLowerCase() === b.trim().toLowerCase());
@@ -62093,8 +62462,8 @@ var THEME_FONTS_GALLERY = {
           titleKey: "pptx.gallery.themeFonts.section.office",
           title: "Office",
           columns: 1,
-          tileWidth: TILE14.width,
-          tileHeight: TILE14.height,
+          tileWidth: TILE15.width,
+          tileHeight: TILE15.height,
           items
         }
       ]
@@ -62764,7 +63133,7 @@ var WORDART_STYLES = [
   ...WORDART_FLAT_STYLES,
   ...WORDART_BEVEL_STYLES
 ];
-var TILE15 = { width: 44, height: 44 };
+var TILE16 = { width: 44, height: 44 };
 function styleIndex(itemId) {
   const match = /^wordArt-(\d+)$/u.exec(itemId);
   const index = match ? Number(match[1]) : Number.NaN;
@@ -62798,15 +63167,15 @@ function build6(ctx) {
       {
         id: "styles",
         columns: 5,
-        tileWidth: TILE15.width,
-        tileHeight: TILE15.height,
+        tileWidth: TILE16.width,
+        tileHeight: TILE16.height,
         items: WORDART_STYLES.map((spec5, index) => {
           const run = wordArtRunStyle(spec5, ctx.themeColorMap);
           return {
             id: `wordArt-${index}`,
             labelKey: `pptx.gallery.wordArtStyles.style${index}`,
             label: spec5.label,
-            previewSvg: wordArtTileSvg(`gwa-${index}`, run, TILE15),
+            previewSvg: wordArtTileSvg(`gwa-${index}`, run, TILE16),
             applied: runs.length > 0 && runs.every((segment) => runMatches(segment.style, run))
           };
         })
@@ -62844,6 +63213,7 @@ var MODULES = {
   shapeEffects: SHAPE_EFFECTS_GALLERY,
   wordArtStyles: WORDART_STYLES_GALLERY,
   textWarp: TEXT_WARP_GALLERY,
+  quickStyles: QUICK_STYLES_GALLERY,
   pictureStyles: PICTURE_STYLES_GALLERY,
   pictureCorrections: PICTURE_CORRECTIONS_GALLERY,
   pictureColor: PICTURE_COLOR_GALLERY,
@@ -62874,7 +63244,7 @@ function buildRibbonGallery(id, ctx) {
 function applyRibbonGalleryItem(id, itemId, ctx, action) {
   return MODULES[id].apply(itemId, ctx, action);
 }
-var INSPECTOR_GALLERIES = ["textWarp"];
+var INSPECTOR_GALLERIES = ["textWarp", "quickStyles"];
 var CONTEXTUAL_TAB_GROUPS = {
   shapeFormat: [
     {
@@ -64638,6 +65008,127 @@ async function checkModifyPassword(verifier, password) {
   }
 }
 
+// src/pptx/render/read-only-session.ts
+var INITIAL_READ_ONLY_SESSION = Object.freeze({
+  bannerHidden: false,
+  editAnyway: false,
+  passwordPromptOpen: false,
+  passwordError: null,
+  checkingPassword: false,
+  passwordCheck: 0
+});
+function unlocked(session) {
+  return {
+    ...session,
+    bannerHidden: true,
+    editAnyway: true,
+    passwordPromptOpen: false,
+    passwordError: null,
+    checkingPassword: false
+  };
+}
+function reduceReadOnlySession(session, event) {
+  switch (event.type) {
+    case "reset":
+      return { ...INITIAL_READ_ONLY_SESSION, passwordCheck: session.passwordCheck + 1 };
+    case "editAnyway":
+      return event.requiresPassword ? { ...session, passwordPromptOpen: true, passwordError: null } : unlocked(session);
+    case "dismiss":
+      return session.bannerHidden ? session : { ...session, bannerHidden: true };
+    case "cancelPassword":
+      return {
+        ...session,
+        passwordPromptOpen: false,
+        passwordError: null,
+        checkingPassword: false,
+        passwordCheck: session.passwordCheck + 1
+      };
+    case "checkStarted":
+      return session.checkingPassword ? session : {
+        ...session,
+        checkingPassword: true,
+        passwordCheck: session.passwordCheck + 1
+      };
+    case "checkFinished":
+      if (!session.checkingPassword || event.check !== session.passwordCheck) {
+        return session;
+      }
+      return event.result.ok ? unlocked(session) : { ...session, checkingPassword: false, passwordError: event.result.reason };
+  }
+}
+function readOnlyLocked(recommendation, session) {
+  return recommendation?.defaultReadOnly === true && !session.editAnyway;
+}
+function readOnlyBannerVisible(recommendation, session) {
+  return (recommendation?.kind ?? null) !== null && !session.bannerHidden;
+}
+function readOnlyBannerState(recommendation, session, translate) {
+  return {
+    kind: recommendation.kind ?? null,
+    messageKey: recommendation.messageKey,
+    passwordPromptOpen: session.passwordPromptOpen,
+    passwordError: session.passwordError,
+    checkingPassword: session.checkingPassword,
+    ...translate ? { translate } : {}
+  };
+}
+function applyReadOnlySessionEvent(store, event) {
+  const current = store.get();
+  const next = reduceReadOnlySession(current, event);
+  if (next !== current) {
+    store.set(next);
+  }
+}
+async function runReadOnlyPasswordCheck(store, verifier, password, check = checkModifyPassword) {
+  const before = store.get();
+  const started = reduceReadOnlySession(before, { type: "checkStarted" });
+  if (started === before) {
+    return;
+  }
+  store.set(started);
+  let result;
+  try {
+    result = await check(verifier, password);
+  } catch {
+    result = { ok: false, reason: "unsupported-algorithm" };
+  }
+  applyReadOnlySessionEvent(store, {
+    type: "checkFinished",
+    check: started.passwordCheck,
+    result
+  });
+}
+function readOnlySessionActions(store, source) {
+  const apply6 = (event) => applyReadOnlySessionEvent(store, event);
+  return {
+    reset: () => apply6({ type: "reset" }),
+    editAnyway: () => apply6({
+      type: "editAnyway",
+      requiresPassword: source.recommendation()?.requiresPassword === true
+    }),
+    dismiss: () => apply6({ type: "dismiss" }),
+    cancelPassword: () => apply6({ type: "cancelPassword" }),
+    submitPassword: (password) => runReadOnlyPasswordCheck(store, source.modifyVerifier(), password)
+  };
+}
+function dispatchReadOnlyBannerIntent(event, handlers) {
+  const intent = event.detail;
+  switch (intent?.id) {
+    case "editAnyway":
+      handlers.editAnyway?.();
+      break;
+    case "dismiss":
+      handlers.dismiss?.();
+      break;
+    case "cancelPassword":
+      handlers.cancelPassword?.();
+      break;
+    case "submitPassword":
+      handlers.submitPassword?.(intent.password);
+      break;
+  }
+}
+
 // src/pptx/render/compatibility-warning-toasts.ts
 var CODE_MESSAGE_KEYS = {
   UNMODELLED_PRESENTATION_MARKUP: "pptx.compatibility.unmodelledPresentationMarkup",
@@ -65072,14 +65563,14 @@ async function buildForeignObjectSvgBody(element, doc, options) {
     backgroundColor,
     readComputedStyle = (el) => window.getComputedStyle(el)
   } = options;
-  await chunkZO43VVWQ_cjs.settleThreeViews(element);
+  await chunkJ642EKDV_cjs.settleThreeViews(element);
   const clone = element.cloneNode(true);
-  chunkZO43VVWQ_cjs.withAuthoredStrokeWidths(
+  chunkJ642EKDV_cjs.withAuthoredStrokeWidths(
     element,
     () => inlineComputedStylesOnClone(element, clone, readComputedStyle)
   );
-  chunkZO43VVWQ_cjs.snapshotThreeViewsIntoClone(element, clone);
-  chunkZO43VVWQ_cjs.prepareExportClone(clone);
+  chunkJ642EKDV_cjs.snapshotThreeViewsIntoClone(element, clone);
+  chunkJ642EKDV_cjs.prepareExportClone(clone);
   const [{ allEmbedded: imagesEmbedded }, externalFonts] = await Promise.all([
     embedImagesOnClone(clone),
     collectExternalFontFaceCss(doc, fetchAsDataUrl)
@@ -66971,7 +67462,7 @@ var HANDLE_ANCHORS = [
   ["sw", 0, 1],
   ["w", 0, 0.5]
 ];
-function fmt4(n) {
+function fmt5(n) {
   return String(Math.round(n * 1e3) / 1e3);
 }
 function handleFor(id, fx, fy, frameW, frameH, len, thick) {
@@ -66980,7 +67471,7 @@ function handleFor(id, fx, fy, frameW, frameH, len, thick) {
   const height = fy === 0.5 ? len : isCorner ? len : thick;
   const left = fx === 0 ? 0 : fx === 1 ? frameW - width : frameW / 2 - width / 2;
   const top = fy === 0 ? 0 : fy === 1 ? frameH - height : frameH / 2 - height / 2;
-  let path = `M0 0 H${fmt4(width)} V${fmt4(height)} H0 Z`;
+  let path = `M0 0 H${fmt5(width)} V${fmt5(height)} H0 Z`;
   if (isCorner) {
     const x0 = fx === 0 ? 0 : len;
     const y0 = fy === 0 ? 0 : len;
@@ -66994,7 +67485,7 @@ function handleFor(id, fx, fy, frameW, frameH, len, thick) {
       [x0 + sx * thick, y0 + sy * len],
       [x0, y0 + sy * len]
     ];
-    path = `M${pts.map(([x, y]) => `${fmt4(x)} ${fmt4(y)}`).join(" L")} Z`;
+    path = `M${pts.map(([x, y]) => `${fmt5(x)} ${fmt5(y)}`).join(" L")} Z`;
   }
   return { id, left, top, width, height, path, cursor: CURSORS[id] };
 }
@@ -67012,8 +67503,8 @@ function buildCropOverlay(el, zoom = 1) {
   };
   const hx = frame.x - image.x;
   const hy = frame.y - image.y;
-  const outer2 = `M0 0 H${fmt4(image.width)} V${fmt4(image.height)} H0 Z`;
-  const hole = `M${fmt4(hx)} ${fmt4(hy)} H${fmt4(hx + frame.width)} V${fmt4(hy + frame.height)} H${fmt4(hx)} Z`;
+  const outer2 = `M0 0 H${fmt5(image.width)} V${fmt5(image.height)} H0 Z`;
+  const hole = `M${fmt5(hx)} ${fmt5(hy)} H${fmt5(hx + frame.width)} V${fmt5(hy + frame.height)} H${fmt5(hx)} Z`;
   const flips = [
     start.flipHorizontal ? "scaleX(-1)" : "",
     start.flipVertical ? "scaleY(-1)" : ""
@@ -70369,6 +70860,32 @@ function statusBarViewMode(mode, sorterOpen = false) {
   }
   return mode === "edit" ? "normal" : void 0;
 }
+function statusBarState(host2) {
+  const save = resolveStatusBarSave(host2.translate, host2.autosave, host2.dirty, host2.now);
+  const handles = (id) => host2.handles?.[id] !== false;
+  const hidden = (id) => isActionHidden(id, host2.hiddenActions);
+  const zoom = hidden("zoom") ? void 0 : host2.zoomPercent;
+  return {
+    slideCount: host2.slideCount,
+    activeSlideIndex: host2.activeSlideIndex,
+    saveText: save.text,
+    saveKind: save.kind,
+    ...zoom === void 0 ? {} : { zoomPercent: zoom },
+    showNotes: handles("notes") && !hidden("notes"),
+    notesExpanded: host2.notesExpanded === true,
+    showViewModes: handles("viewModes"),
+    showSorter: handles("sorter"),
+    showSlideShow: handles("slideShow") && !hidden("fullscreen"),
+    ...host2.viewMode ? { viewMode: host2.viewMode } : {},
+    translate: host2.translate
+  };
+}
+function dispatchStatusBarIntent(event, handlers) {
+  const id = event.detail?.id;
+  if (id) {
+    handlers[id]?.();
+  }
+}
 
 // src/pptx/render/notes-toolbar-state.ts
 var NOTES_TOOLBAR_DEFAULT_STATE = {
@@ -73907,7 +74424,7 @@ var defineRibbonSection = definer(
 );
 
 // raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/ribbon/gallery.css?raw
-var gallery_default = "[data-office-gallery] {\n	display: inline-flex;\n	position: relative;\n	flex: none;\n	color: var(--office-foreground);\n}\n[data-office-gallery] .gallery-view {\n	display: contents;\n}\n[data-office-gallery] button {\n	box-sizing: border-box;\n	font: inherit;\n	color: inherit;\n	cursor: pointer;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius);\n	background: var(--office-background);\n}\n[data-office-gallery] button:hover:not(:disabled) {\n	background: var(--office-selected);\n}\n[data-office-gallery] button:disabled {\n	opacity: 0.4;\n	cursor: not-allowed;\n}\n[data-office-gallery] button:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: var(--office-focus-offset);\n}\n[data-office-gallery] .trigger {\n	display: inline-flex;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-height: var(--office-gallery-trigger-height);\n	padding: 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-sm);\n	white-space: nowrap;\n}\n[data-office-gallery]:not([mode='inline']) .trigger {\n	border-color: transparent;\n	background: transparent;\n}\n[data-office-gallery] .trigger svg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\n[data-office-gallery][mode='inline'] .trigger,\n[data-office-gallery][chevron-only] .trigger {\n	align-self: stretch;\n	padding: 0 var(--office-space-1);\n}\n[data-office-gallery] .strip {\n	display: flex;\n	gap: var(--office-space-0);\n	padding: var(--office-space-0);\n	align-items: center;\n}\n[data-office-gallery] .tile {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	flex: none;\n	padding: var(--office-space-0);\n}\n[data-office-gallery] .tile[aria-pressed='true'] {\n	border: var(--office-border-width-thick) solid var(--office-accent);\n	background: color-mix(in srgb, var(--office-accent) 15%, var(--office-background));\n}\n[data-office-gallery] .tile svg {\n	max-width: 100%;\n	max-height: 100%;\n}\n[data-office-gallery][mode='inline'] .strip {\n	gap: 0;\n	border: var(--office-border-width) solid var(--office-border);\n	border-inline-end: 0;\n	border-radius: var(--office-radius-sm) 0 0 var(--office-radius-sm);\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery][mode='inline'] .trigger {\n	border-radius: 0 var(--office-radius-sm) var(--office-radius-sm) 0;\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery] .trigger.command {\n	border-color: transparent;\n	background: transparent;\n	justify-content: flex-start;\n}\n[data-office-gallery] .trigger.command:hover:not(:disabled) {\n	border-color: var(--office-border);\n	background: var(--office-selected);\n}\n[data-office-gallery] .trigger.command svg {\n	color: var(--office-command-icon-color);\n}\n[data-office-gallery] .trigger.command-large {\n	flex-direction: column;\n	align-items: center;\n	justify-content: flex-start;\n	gap: var(--office-space-0);\n	min-width: var(--office-gallery-command-min-width);\n	max-width: var(--office-gallery-command-max-width);\n	height: var(--office-gallery-command-height);\n	padding: var(--office-space-1);\n	font-size: var(--office-font-size-2xs);\n	line-height: var(--office-line-height-tight);\n	white-space: normal;\n	text-align: center;\n}\n[data-office-gallery] .trigger.command-large svg {\n	width: var(--office-gallery-command-icon);\n	height: var(--office-gallery-command-icon);\n}\n[data-office-gallery] .popup {\n	box-sizing: border-box;\n	position: fixed;\n	z-index: var(--office-z-popover);\n	max-width: calc(100vw - var(--office-space-4));\n	max-height: var(--office-gallery-popup-max-height);\n	overflow: auto;\n	padding: var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	color: var(--office-popover-foreground);\n	box-shadow: var(--office-shadow-lg);\n}\n[data-office-gallery] .popup[hidden] {\n	display: none;\n}\n[data-office-gallery] .grid {\n	display: grid;\n	gap: var(--office-space-1);\n	width: max-content;\n	max-width: 100%;\n}\n[data-office-gallery] .heading {\n	margin: var(--office-space-1) 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-xs);\n	font-weight: var(--office-font-weight-bold);\n}\n[data-office-gallery] .section + .section {\n	margin-top: var(--office-space-2-5);\n}\n[data-office-gallery][mode='panel'] {\n	display: block;\n}\n[data-office-gallery][mode='panel'] .grid {\n	width: 100%;\n}\n[data-office-gallery][mode='panel']:not([compact]) .tile {\n	flex-direction: column;\n	gap: var(--office-space-1);\n	width: 100% !important;\n	height: auto !important;\n	min-height: var(--office-target-size-touch);\n	padding: var(--office-space-1);\n}\n[data-office-gallery][mode='panel'] .tile-label {\n	font-size: var(--office-font-size-xs);\n}\n[data-office-gallery][mode='panel'] .tile svg {\n	width: var(--office-gallery-preview-width);\n	height: var(--office-gallery-preview-height);\n}\n[data-office-gallery] .footer {\n	display: flex;\n	flex-direction: column;\n	margin-top: var(--office-space-2);\n	padding-top: var(--office-space-1);\n	border-top: var(--office-border-width) solid var(--office-border);\n}\n[data-office-gallery] .footer-item,\n[data-office-gallery] .tile-menu-item {\n	display: block;\n	padding: var(--office-space-1) var(--office-space-2);\n	border-color: transparent;\n	background: transparent;\n	font-size: var(--office-font-size-sm);\n	text-align: start;\n	white-space: nowrap;\n}\n[data-office-gallery] .tile-menu {\n	box-sizing: border-box;\n	position: fixed;\n	z-index: calc(var(--office-z-popover) + 1);\n	display: flex;\n	flex-direction: column;\n	min-width: 12rem;\n	padding: var(--office-space-1);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	color: var(--office-popover-foreground);\n	box-shadow: var(--office-shadow-lg);\n}\n@media (pointer: coarse), (max-width: 1023px) {\n	[data-office-gallery] .trigger,\n	[data-office-gallery] .tile {\n		min-height: var(--office-target-size-touch);\n		min-width: var(--office-target-size-touch);\n	}\n}\n@media (forced-colors: active) {\n	[data-office-gallery] button,\n	[data-office-gallery] .popup {\n		color: ButtonText;\n		background: Canvas;\n		border-color: ButtonText;\n	}\n	[data-office-gallery] button:disabled {\n		color: GrayText;\n		opacity: 1;\n	}\n	[data-office-gallery] button:focus-visible,\n	[data-office-gallery] .tile[aria-pressed='true'] {\n		outline: var(--office-focus-width) solid Highlight;\n		border-color: Highlight;\n	}\n}\n";
+var gallery_default = "[data-office-gallery] {\n	display: inline-flex;\n	position: relative;\n	flex: none;\n	color: var(--office-foreground);\n}\n[data-office-gallery] .gallery-view {\n	display: contents;\n}\n[data-office-gallery] button {\n	box-sizing: border-box;\n	font: inherit;\n	color: inherit;\n	cursor: pointer;\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius);\n	background: var(--office-background);\n}\n[data-office-gallery] button:hover:not(:disabled) {\n	background: var(--office-selected);\n}\n[data-office-gallery] button:disabled {\n	opacity: 0.4;\n	cursor: not-allowed;\n}\n[data-office-gallery] button:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: var(--office-focus-offset);\n}\n[data-office-gallery] .trigger {\n	display: inline-flex;\n	align-items: center;\n	gap: var(--office-space-1-5);\n	min-height: var(--office-gallery-trigger-height);\n	padding: 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-sm);\n	white-space: nowrap;\n}\n[data-office-gallery]:not([mode='inline']) .trigger {\n	border-color: transparent;\n	background: transparent;\n}\n[data-office-gallery] .trigger svg {\n	width: var(--office-icon-size-md);\n	height: var(--office-icon-size-md);\n	fill: none;\n	stroke: currentColor;\n	stroke-width: var(--office-icon-stroke);\n	stroke-linecap: round;\n	stroke-linejoin: round;\n}\n[data-office-gallery][mode='inline'] .trigger,\n[data-office-gallery][chevron-only] .trigger {\n	align-self: stretch;\n	padding: 0 var(--office-space-1);\n}\n[data-office-gallery] .strip {\n	display: flex;\n	gap: var(--office-space-0);\n	padding: var(--office-space-0);\n	align-items: center;\n}\n[data-office-gallery] .tile {\n	display: inline-flex;\n	align-items: center;\n	justify-content: center;\n	flex: none;\n	padding: var(--office-space-0);\n}\n[data-office-gallery] .tile[aria-pressed='true'] {\n	border: var(--office-border-width-thick) solid var(--office-accent);\n	background: color-mix(in srgb, var(--office-accent) 15%, var(--office-background));\n}\n[data-office-gallery] .tile svg {\n	max-width: 100%;\n	max-height: 100%;\n}\n[data-office-gallery][mode='inline'] .strip {\n	gap: 0;\n	border: var(--office-border-width) solid var(--office-border);\n	border-inline-end: 0;\n	border-radius: var(--office-radius-sm) 0 0 var(--office-radius-sm);\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery][mode='inline'] .trigger {\n	border-radius: 0 var(--office-radius-sm) var(--office-radius-sm) 0;\n	background: var(--office-gallery-strip-background);\n}\n[data-office-gallery] .trigger.command {\n	border-color: transparent;\n	background: transparent;\n	justify-content: flex-start;\n}\n[data-office-gallery] .trigger.command:hover:not(:disabled) {\n	border-color: var(--office-border);\n	background: var(--office-selected);\n}\n[data-office-gallery] .trigger.command svg {\n	color: var(--office-command-icon-color);\n}\n[data-office-gallery] .trigger.command-large {\n	flex-direction: column;\n	align-items: center;\n	justify-content: flex-start;\n	gap: var(--office-space-0);\n	min-width: var(--office-gallery-command-min-width);\n	max-width: var(--office-gallery-command-max-width);\n	height: var(--office-gallery-command-height);\n	padding: var(--office-space-1);\n	font-size: var(--office-font-size-2xs);\n	line-height: var(--office-line-height-tight);\n	white-space: normal;\n	text-align: center;\n}\n[data-office-gallery] .trigger.command-large svg {\n	width: var(--office-gallery-command-icon);\n	height: var(--office-gallery-command-icon);\n}\n[data-office-gallery] .popup {\n	box-sizing: border-box;\n	position: fixed;\n	z-index: var(--office-z-popover);\n	max-width: calc(100vw - var(--office-space-4));\n	max-height: var(--office-gallery-popup-max-height);\n	overflow: auto;\n	padding: var(--office-space-2);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	color: var(--office-popover-foreground);\n	box-shadow: var(--office-shadow-lg);\n}\n[data-office-gallery] .popup[hidden] {\n	display: none;\n}\n[data-office-gallery] .grid {\n	display: grid;\n	gap: var(--office-space-1);\n	width: max-content;\n	max-width: 100%;\n}\n[data-office-gallery] .heading {\n	margin: var(--office-space-1) 0 var(--office-space-1-5);\n	font-size: var(--office-font-size-xs);\n	font-weight: var(--office-font-weight-bold);\n}\n[data-office-gallery] .section + .section {\n	margin-top: var(--office-space-2-5);\n}\n[data-office-gallery][mode='panel'] {\n	display: block;\n}\n[data-office-gallery][mode='panel'] .grid {\n	width: 100%;\n}\n[data-office-gallery][mode='panel']:not([compact]) .tile {\n	flex-direction: column;\n	gap: var(--office-space-1);\n	width: 100% !important;\n	height: auto !important;\n	min-height: var(--office-target-size-touch);\n	padding: var(--office-space-1);\n}\n/* A compact panel's tiles share its width, so a row of touch-size tiles never runs past a narrow\n   pane; the preview keeps its size in the middle. */\n[data-office-gallery][mode='panel'][compact] .tile {\n	width: 100% !important;\n	min-width: 0;\n}\n[data-office-gallery][mode='panel'] .tile-label {\n	font-size: var(--office-font-size-xs);\n}\n[data-office-gallery][mode='panel'] .tile svg {\n	width: var(--office-gallery-preview-width);\n	height: var(--office-gallery-preview-height);\n}\n[data-office-gallery] .footer {\n	display: flex;\n	flex-direction: column;\n	margin-top: var(--office-space-2);\n	padding-top: var(--office-space-1);\n	border-top: var(--office-border-width) solid var(--office-border);\n}\n[data-office-gallery] .footer-item,\n[data-office-gallery] .tile-menu-item {\n	display: block;\n	padding: var(--office-space-1) var(--office-space-2);\n	border-color: transparent;\n	background: transparent;\n	font-size: var(--office-font-size-sm);\n	text-align: start;\n	white-space: nowrap;\n}\n[data-office-gallery] .tile-menu {\n	box-sizing: border-box;\n	position: fixed;\n	z-index: calc(var(--office-z-popover) + 1);\n	display: flex;\n	flex-direction: column;\n	min-width: 12rem;\n	padding: var(--office-space-1);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-md);\n	background: var(--office-popover);\n	color: var(--office-popover-foreground);\n	box-shadow: var(--office-shadow-lg);\n}\n@media (pointer: coarse), (max-width: 1023px) {\n	[data-office-gallery] .trigger,\n	[data-office-gallery] .tile {\n		min-height: var(--office-target-size-touch);\n		min-width: var(--office-target-size-touch);\n	}\n}\n@media (forced-colors: active) {\n	[data-office-gallery] button,\n	[data-office-gallery] .popup {\n		color: ButtonText;\n		background: Canvas;\n		border-color: ButtonText;\n	}\n	[data-office-gallery] button:disabled {\n		color: GrayText;\n		opacity: 1;\n	}\n	[data-office-gallery] button:focus-visible,\n	[data-office-gallery] .tile[aria-pressed='true'] {\n		outline: var(--office-focus-width) solid Highlight;\n		border-color: Highlight;\n	}\n}\n";
 
 // src/ribbon/gallery-styles.ts
 var GALLERY_LIGHT_CSS = withTokens(gallery_default);
@@ -76247,6 +76764,115 @@ var OfficeUiColorGrid = class extends OfficeElement {
 };
 var defineColorGrid = definer("office-ui-color-grid", () => OfficeUiColorGrid);
 
+// raw-css:/home/runner/work/ooxml/ooxml/src/ui/src/dialog/progress-dialog.css?raw
+var progress_dialog_default = ":host {\n	display: none;\n	position: fixed;\n	inset: 0;\n	/* Above popovers and the File backstage the job is started from. */\n	z-index: calc(var(--office-z-popover) + 100);\n	align-items: center;\n	justify-content: center;\n}\n:host([open]) {\n	display: flex;\n}\n.backdrop {\n	position: absolute;\n	inset: 0;\n	background: var(--office-overlay);\n}\n.box {\n	position: relative;\n	box-sizing: border-box;\n	display: flex;\n	flex-direction: column;\n	gap: var(--office-space-3);\n	width: min(calc(100vw - 2 * var(--office-space-4)), 24rem);\n	padding: var(--office-space-5);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-lg);\n	background: var(--office-popover);\n	color: var(--office-popover-foreground);\n	box-shadow: var(--office-shadow-lg);\n	font-family: var(--office-font);\n}\nh2 {\n	margin: 0;\n	font-size: var(--office-font-size);\n	font-weight: 600;\n}\n.track {\n	height: var(--office-space-2-5);\n	overflow: hidden;\n	border-radius: var(--office-radius-full);\n	background: var(--office-selected);\n}\n.fill {\n	height: 100%;\n	border-radius: inherit;\n	background: var(--office-accent);\n	transition: width 300ms ease-out;\n}\n.row {\n	display: flex;\n	align-items: center;\n	justify-content: space-between;\n	gap: var(--office-space-2);\n	font-size: var(--office-font-size-xs);\n	color: var(--office-muted-foreground);\n}\n.percent {\n	font-variant-numeric: tabular-nums;\n}\n.actions {\n	display: flex;\n	justify-content: flex-end;\n}\nbutton {\n	box-sizing: border-box;\n	min-height: var(--office-control-height-lg);\n	padding: var(--office-space-1-5) var(--office-space-3-5);\n	border: var(--office-border-width) solid var(--office-border);\n	border-radius: var(--office-radius-md);\n	background: var(--office-surface);\n	color: var(--office-foreground);\n	font: 500 var(--office-font-size) / 1.2 var(--office-font);\n	cursor: pointer;\n}\nbutton:hover {\n	background: var(--office-selected);\n}\nbutton:focus-visible {\n	outline: var(--office-focus-width) solid var(--office-ring);\n	outline-offset: var(--office-focus-offset);\n}\n@media (prefers-reduced-motion: reduce) {\n	.fill {\n		transition: none;\n	}\n}\n@media (pointer: coarse) {\n	button {\n		min-height: var(--office-target-size-touch);\n	}\n}\n@media (forced-colors: active) {\n	.fill {\n		background: Highlight;\n	}\n	.track {\n		border: var(--office-border-width) solid CanvasText;\n	}\n}\n";
+
+// src/dialog/progress-dialog.ts
+function percent3(value) {
+  return Number.isFinite(value) ? Math.min(100, Math.max(0, Math.round(value))) : 0;
+}
+var OfficeUiProgressDialog = class extends OfficeElement {
+  static cancelEvent = "office-progress-cancel";
+  static testIdPrefix = "office-progress";
+  static styles = controlStyles(progress_dialog_default);
+  // A product subclass overrides `state` with its own accessor, so Lit is not told about it: its
+  // first update would read the property before the subclass's fields exist.
+  model = { open: false, title: "", progress: 0, status: "" };
+  wasOpen = false;
+  returnFocus = null;
+  constructor() {
+    super();
+    this.addEventListener("keydown", (event) => this.onKey(event));
+    this.addEventListener("mousedown", (event) => this.onPress(event));
+  }
+  get state() {
+    return this.model;
+  }
+  set state(value) {
+    this.model = value;
+    this.requestUpdate("state");
+  }
+  get cancelButton() {
+    return this.renderRoot.querySelector("button");
+  }
+  onKey(event) {
+    if (!this.model.open) return;
+    if (event.key === "Tab" || event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      this.cancelButton?.focus();
+    }
+  }
+  onPress(event) {
+    if (!this.model.open) return;
+    const cancel = this.cancelButton;
+    if (cancel && event.composedPath().includes(cancel)) return;
+    event.preventDefault();
+  }
+  cancel() {
+    this.fire(this.constructor.cancelEvent, {});
+  }
+  willUpdate() {
+    this.toggleAttribute("open", this.model.open);
+  }
+  updated(_changed) {
+    const open = this.model.open;
+    if (open && !this.wasOpen) {
+      const active2 = modalActiveElement(this.ownerDocument);
+      this.returnFocus = active2 && active2 !== this.ownerDocument.body ? active2 : null;
+      this.cancelButton?.focus();
+    } else if (!open && this.wasOpen) {
+      const target = this.returnFocus;
+      this.returnFocus = null;
+      target?.focus?.();
+    }
+    this.wasOpen = open;
+  }
+  render() {
+    const { testIdPrefix: p } = this.constructor;
+    const s = this.model;
+    if (!s.open) return lit.html``;
+    const value = percent3(s.progress);
+    return lit.html`
+			<div class="backdrop"></div>
+			<div
+				class="box"
+				role="dialog"
+				aria-modal="true"
+				aria-labelledby="title"
+				aria-describedby="status"
+				data-testid="${p}-dialog"
+			>
+				<h2 id="title">${s.title}</h2>
+				<div
+					class="track"
+					role="progressbar"
+					aria-labelledby="title"
+					aria-valuemin="0"
+					aria-valuemax="100"
+					aria-valuenow=${value}
+					data-testid="${p}-bar"
+				>
+					<div class="fill" style="width:${value}%"></div>
+				</div>
+				<div class="row">
+					<span id="status" aria-live="polite">${s.status}</span>
+					<span class="percent" aria-hidden="true">${value}%</span>
+				</div>
+				<div class="actions">
+					<button type="button" data-testid="${p}-cancel" @click=${() => this.cancel()}
+						>${s.cancelLabel ?? "Cancel"}</button
+					>
+				</div>
+			</div>
+		`;
+  }
+};
+var defineProgressDialog = definer(
+  "office-ui-progress-dialog",
+  () => OfficeUiProgressDialog
+);
+
 // src/pptx/web-components/office-token-bridge.ts
 var BASE = `
 	--office-ring: var(--pptx-focus-ring-color, var(--_pptx-ring));
@@ -76327,6 +76953,12 @@ var STATUS_BAR = `:host {
 var EXTRAS = {
   "pptx-ui-title-bar": TITLE_BAR,
   "pptx-ui-status-bar": STATUS_BAR,
+  "pptx-ui-export-progress": `:host { --office-popover: var(--pptx-popover, var(--pptx-card, #1e1e2e));
+	--office-popover-foreground: var(--pptx-popover-foreground, #f9fafb);
+	--office-foreground: var(--pptx-foreground, #f9fafb); --office-border: var(--pptx-border, #33334d);
+	--office-muted-foreground: var(--pptx-muted-foreground, #a5a5b5);
+	--office-accent: var(--pptx-primary, #6366f1); --office-surface: var(--pptx-secondary, #1e1e2e);
+	--office-selected: var(--pptx-muted, #2a2a3d); }`,
   "pptx-ui-ribbon-gallery": `:host { --office-foreground: var(--pptx-foreground, #f9fafb); --office-background: var(--pptx-background, #111827);
 	--office-gallery-strip-background: color-mix(in srgb, var(--pptx-muted, #2a2a3d) 30%, transparent);
 	--office-command-icon-color: var(--pptx-primary, #6366f1); --office-z-popover: 1200;
@@ -76767,6 +77399,35 @@ function definePptxContextMenu(registry2) {
     }
   );
 }
+function definePptxExportProgress(registry2) {
+  if (registry2.get("pptx-ui-export-progress")) {
+    return;
+  }
+  const Base = bridged(
+    base(registry2, defineProgressDialog, "office-ui-progress-dialog"),
+    "pptx-ui-export-progress"
+  );
+  class PptxExportProgress extends Base {
+    static cancelEvent = "export-cancel";
+    static testIdPrefix = "pptx-export-progress";
+    #model = { open: false, title: "", progress: 0 };
+    get state() {
+      return this.#model;
+    }
+    set state(value) {
+      this.#model = value;
+      const t2 = value.translate ?? identity4;
+      super.state = {
+        open: value.open,
+        title: value.title,
+        progress: value.progress,
+        status: value.status || t2("pptx.export.processing"),
+        cancelLabel: t2("pptx.export.cancel")
+      };
+    }
+  }
+  registry2.define("pptx-ui-export-progress", PptxExportProgress);
+}
 
 // src/pptx/web-components/options-dialog.ts
 function definePptxOptionsDialog(registry2) {
@@ -82482,6 +83143,7 @@ var controls = [
   ["pptx-ui-present-toolbar", definePptxPresentToolbar],
   ["pptx-ui-presenter-console", definePptxPresenterConsole],
   ["pptx-ui-read-only-banner", definePptxReadOnlyBanner],
+  ["pptx-ui-export-progress", definePptxExportProgress],
   ["pptx-ui-ribbon-command", definePptxRibbonCommand],
   ["pptx-ui-ribbon-animations", definePptxRibbonAnimations],
   ["pptx-ui-ribbon-draw", definePptxRibbonDraw],
@@ -86076,6 +86738,7 @@ exports.HOME_SELECT_ITEMS = HOME_SELECT_ITEMS;
 exports.HOME_SHAPE_ITEMS = HOME_SHAPE_ITEMS;
 exports.HOME_TEXT_DIRECTION_ITEMS = HOME_TEXT_DIRECTION_ITEMS;
 exports.INDENT_PX = INDENT_PX;
+exports.INITIAL_READ_ONLY_SESSION = INITIAL_READ_ONLY_SESSION;
 exports.INITIAL_SYNC_GRACE_MS = INITIAL_SYNC_GRACE_MS;
 exports.INLINE_GALLERY_TILE_COUNT = INLINE_GALLERY_TILE_COUNT;
 exports.INSERT_CHART_TYPES = INSERT_CHART_TYPES;
@@ -86331,6 +86994,7 @@ exports.SLIDE_TRANSITION_KEYFRAMES_CSS = SLIDE_TRANSITION_KEYFRAMES_CSS;
 exports.SLIDE_TRANSITION_LABEL_KEYS = SLIDE_TRANSITION_LABEL_KEYS;
 exports.SLIDE_TRANSITION_OPTIONS = SLIDE_TRANSITION_OPTIONS;
 exports.SLIDE_VIRTUALIZATION_THRESHOLD = SLIDE_VIRTUALIZATION_THRESHOLD;
+exports.SMARTART_3D_EDIT_LAYER_ATTRIBUTE = SMARTART_3D_EDIT_LAYER_ATTRIBUTE;
 exports.SMARTART_CONNECTOR_OPACITY = SMARTART_CONNECTOR_OPACITY;
 exports.SMARTART_CONNECTOR_STROKE = SMARTART_CONNECTOR_STROKE;
 exports.SMARTART_CONNECTOR_WIDTH = SMARTART_CONNECTOR_WIDTH;
@@ -86491,6 +87155,7 @@ exports.applyOutlineEdit = applyOutlineEdit;
 exports.applyParagraphCommand = applyParagraphCommand;
 exports.applyPasteSpecialFormat = applyPasteSpecialFormat;
 exports.applyPreferenceToOptions = applyPreferenceToOptions;
+exports.applyReadOnlySessionEvent = applyReadOnlySessionEvent;
 exports.applyReadingViewCommand = applyReadingViewCommand;
 exports.applyRehearsalTimings = applyRehearsalTimings;
 exports.applyRenderedElementAccessibility = applyRenderedElementAccessibility;
@@ -86632,6 +87297,7 @@ exports.buildLineShadowCss = buildLineShadowCss;
 exports.buildLiveInkStrokeView = buildLiveInkStrokeView;
 exports.buildMirrorTiledBackground = buildMirrorTiledBackground;
 exports.buildMorphAnimationRules = buildMorphAnimationRules;
+exports.buildMorphIncomingAnchoredOrder = buildMorphIncomingAnchoredOrder;
 exports.buildMorphMergedOrder = buildMorphMergedOrder;
 exports.buildMorphScopedCss = buildMorphScopedCss;
 exports.buildMorphTransitionPlan = buildMorphTransitionPlan;
@@ -86658,6 +87324,7 @@ exports.buildPreviewElements = buildPreviewElements;
 exports.buildPrintDocument = buildPrintDocument;
 exports.buildPrintStyleSheet = buildPrintStyleSheet;
 exports.buildQueryLinkUrl = buildQueryLinkUrl;
+exports.buildQuickStylesGallery = buildQuickStylesGallery;
 exports.buildRasterPictureElement = buildRasterPictureElement;
 exports.buildRecordRibbon = buildRecordRibbon;
 exports.buildReviewRibbon = buildReviewRibbon;
@@ -87025,6 +87692,8 @@ exports.disableSoftEdgePatch = disableSoftEdgePatch;
 exports.discardAutosaveRecovery = discardAutosaveRecovery;
 exports.dispatchChartSelectionRequest = dispatchChartSelectionRequest;
 exports.dispatchCropRequest = dispatchCropRequest;
+exports.dispatchReadOnlyBannerIntent = dispatchReadOnlyBannerIntent;
+exports.dispatchStatusBarIntent = dispatchStatusBarIntent;
 exports.dominantDisplacement = dominantDisplacement;
 exports.downloadBlob = downloadBlob;
 exports.downloadDataUrl = downloadDataUrl;
@@ -87361,6 +88030,7 @@ exports.getUnrotatedShapeConnectionSites = getUnrotatedShapeConnectionSites;
 exports.getViewerOptionsTab = getViewerOptionsTab;
 exports.getWarpCssTransform = getWarpCssTransform;
 exports.getWarpPath = getWarpPath;
+exports.ghostMorphPairsHiddenByGhosts = ghostMorphPairsHiddenByGhosts;
 exports.gradientStateFromStyle = gradientStateFromStyle;
 exports.gradientStateOf = gradientStateOf;
 exports.gradientStatePatch = gradientStatePatch;
@@ -87475,6 +88145,7 @@ exports.isExportAbortError = isExportAbortError;
 exports.isFeatureEnabled = isFeatureEnabled;
 exports.isFontFamilyAvailable = isFontFamilyAvailable;
 exports.isFontFamilyInstalledLocally = isFontFamilyInstalledLocally;
+exports.isForwardedEditLayerEvent = isForwardedEditLayerEvent;
 exports.isFreeformStrokeClosed = isFreeformStrokeClosed;
 exports.isHeaderFooterDateTextVisible = isHeaderFooterDateTextVisible;
 exports.isHeaderFooterFooterTextVisible = isHeaderFooterFooterTextVisible;
@@ -87813,6 +88484,7 @@ exports.pushRecentColor = pushRecentColor;
 exports.pushRecentShape = pushRecentShape;
 exports.px = px2;
 exports.quadToCubicControls = quadToCubicControls;
+exports.quickStyleShapeStyle = quickStyleShapeStyle;
 exports.quickStyleSwatchCss = quickStyleSwatchCss;
 exports.quickStyleSwatchStyleAttr = quickStyleSwatchStyleAttr;
 exports.radarStylePatch = radarStylePatch;
@@ -87837,7 +88509,11 @@ exports.readInlineListNativeSnapshot = readInlineListNativeSnapshot;
 exports.readInlineListSelection = readInlineListSelection;
 exports.readInlineListSnapshot = readInlineListSnapshot;
 exports.readListActivationSelection = readListActivationSelection;
+exports.readOnlyBannerState = readOnlyBannerState;
+exports.readOnlyBannerVisible = readOnlyBannerVisible;
+exports.readOnlyLocked = readOnlyLocked;
 exports.readOnlyRecommendation = readOnlyRecommendation;
+exports.readOnlySessionActions = readOnlySessionActions;
 exports.readRecentShapes = readRecentShapes;
 exports.readRibbonTransitionDraft = readRibbonTransitionDraft;
 exports.readSlideShowOption = readSlideShowOption;
@@ -87856,6 +88532,7 @@ exports.recordTableCellBold = recordTableCellBold;
 exports.redirectExitShapeByDirection = redirectExitShapeByDirection;
 exports.redirectMaskEffectByFilterSubtype = redirectMaskEffectByFilterSubtype;
 exports.redistributeColumnWidth = redistributeColumnWidth;
+exports.reduceReadOnlySession = reduceReadOnlySession;
 exports.reduceViewerZoom = reduceViewerZoom;
 exports.reflowRibbon = reflowRibbon;
 exports.reflowSmartArtData = reflowSmartArtData;
@@ -87977,6 +88654,7 @@ exports.resolveMetricTrackingPx = resolveMetricTrackingPx;
 exports.resolveMorphCrossfadeGroups = resolveMorphCrossfadeGroups;
 exports.resolveMorphGhostIds = resolveMorphGhostIds;
 exports.resolveMorphOverlayArrivals = resolveMorphOverlayArrivals;
+exports.resolveMorphOverlayLayers = resolveMorphOverlayLayers;
 exports.resolveNotesLevelStyle = resolveNotesLevelStyle;
 exports.resolveNotesSchematicBodyFontSizePx = resolveNotesSchematicBodyFontSizePx;
 exports.resolveNotesSegments = resolveNotesSegments;
@@ -88088,6 +88766,7 @@ exports.runMediaCommand = runMediaCommand;
 exports.runPresentationAction = runPresentationAction;
 exports.runProgramNoticeStackStyle = runProgramNoticeStackStyle;
 exports.runProgramNoticeStackStyleAttr = runProgramNoticeStackStyleAttr;
+exports.runReadOnlyPasswordCheck = runReadOnlyPasswordCheck;
 exports.runReviewCommentCommand = runReviewCommentCommand;
 exports.runRibbonAddInCommand = runRibbonAddInCommand;
 exports.safeColor = safeColor;
@@ -88236,12 +88915,14 @@ exports.splitWordsForUnderline = splitWordsForUnderline;
 exports.splitsUnderlineIntoWords = splitsUnderlineIntoWords;
 exports.startCropSession = startCropSession;
 exports.startMediaAutoplay = startMediaAutoplay;
+exports.statusBarState = statusBarState;
 exports.statusBarViewMode = statusBarViewMode;
 exports.stepPresenterZoom = stepPresenterZoom;
 exports.stitchContinuousGradientFill = stitchContinuousGradientFill;
 exports.stopAllPersistentAudio = stopAllPersistentAudio;
 exports.storeAudienceContent = storeAudienceContent;
 exports.storePresentationDeck = storePresentationDeck;
+exports.straddlingStrokeWidth = straddlingStrokeWidth;
 exports.stripEditLayerMarkers = stripEditLayerMarkers;
 exports.stripUnderlineDecoration = stripUnderlineDecoration;
 exports.strokeOnlyPresetPathData = strokeOnlyPresetPathData;