ooxml-ui 1.24.0 → 1.25.0

package/dist/pptx/{chunk-SQQJLXTZ.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) {
@@ -2203,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
   };
 }
@@ -2353,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:")) {
@@ -15663,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;
@@ -19627,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,
@@ -22075,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;
@@ -23540,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));
@@ -31023,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;
 }
@@ -44079,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
@@ -58178,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(" ") }
@@ -58253,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);
@@ -58318,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 }
   };
@@ -65008,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",
@@ -65442,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)
@@ -76643,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));
@@ -76723,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;
@@ -77163,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) {
@@ -82878,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],
@@ -86472,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;
@@ -86888,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;
@@ -87424,6 +87692,7 @@ exports.disableSoftEdgePatch = disableSoftEdgePatch;
 exports.discardAutosaveRecovery = discardAutosaveRecovery;
 exports.dispatchChartSelectionRequest = dispatchChartSelectionRequest;
 exports.dispatchCropRequest = dispatchCropRequest;
+exports.dispatchReadOnlyBannerIntent = dispatchReadOnlyBannerIntent;
 exports.dispatchStatusBarIntent = dispatchStatusBarIntent;
 exports.dominantDisplacement = dominantDisplacement;
 exports.downloadBlob = downloadBlob;
@@ -88240,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;
@@ -88259,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;
@@ -88492,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;

package/dist/pptx/{chunk-ZO43VVWQ.cjs → chunk-J642EKDV.cjs}

@@ -955,11 +955,57 @@ function preprocessCssForCapture(root, options = {}) {
 // src/pptx/export/html2canvas-clone.ts
 async function prepareHtml2CanvasClone(original, doc, clonedEl) {
   await settleThreeViews(original);
+  pinCapturedSize(original, clonedEl);
   snapshotThreeViewsIntoClone(original, clonedEl);
   prepareExportClone(clonedEl);
   await chunkHJ3JZXOL_cjs.normalizeColorsForCapture(doc, clonedEl);
   preprocessCssForCapture(clonedEl);
 }
+function composedParent(node) {
+  const slot = node.assignedSlot;
+  if (slot) return slot;
+  const parent = node.parentNode;
+  return parent?.nodeType === 11 && parent.host ? parent.host : parent;
+}
+var STYLE_SOURCES = 'style, link[rel~="stylesheet"]';
+function holdsStyleSource(node) {
+  if (node.matches(STYLE_SOURCES) || node.querySelector(STYLE_SOURCES)) return true;
+  return [...node.querySelectorAll("slot")].some(
+    (slot) => slot.assignedElements().some((assigned) => holdsStyleSource(assigned))
+  );
+}
+function html2canvasCaptureScope(captured, ignore) {
+  const ancestors = /* @__PURE__ */ new Set();
+  for (let node = composedParent(captured); node; node = composedParent(node)) {
+    ancestors.add(node);
+  }
+  const inside = (node) => {
+    for (let current = node; current; current = composedParent(current)) {
+      if (current === captured) return true;
+      if (ancestors.has(current)) return false;
+    }
+    return false;
+  };
+  return (node) => {
+    if (ignore?.(node)) return true;
+    if (ancestors.has(node) || inside(node)) return false;
+    const parent = composedParent(node);
+    if (parent && ancestors.has(parent)) return false;
+    return !(node.closest("head") || holdsStyleSource(node));
+  };
+}
+function pinCapturedSize(original, clonedEl) {
+  const width = original.offsetWidth;
+  if (width <= 0) return;
+  const display = original.ownerDocument.defaultView?.getComputedStyle(original).display;
+  if (display === "inline" || display === "contents") return;
+  Object.assign(clonedEl.style, {
+    boxSizing: "border-box",
+    width: `${width}px`,
+    minWidth: "0",
+    maxWidth: "none"
+  });
+}
 
 exports.DEVICE_PIXEL_RATIO_VAR = DEVICE_PIXEL_RATIO_VAR;
 exports.DEVICE_PX_VAR = DEVICE_PX_VAR;
@@ -976,9 +1022,11 @@ exports.flatten3dTransforms = flatten3dTransforms;
 exports.flattenBackdropFilter = flattenBackdropFilter;
 exports.flattenMixBlendMode = flattenMixBlendMode;
 exports.has3dTransform = has3dTransform;
+exports.html2canvasCaptureScope = html2canvasCaptureScope;
 exports.isExportIgnoredElement = isExportIgnoredElement;
 exports.neutralizeDeviceStrokes = neutralizeDeviceStrokes;
 exports.parseBlurValue = parseBlurValue;
+exports.pinCapturedSize = pinCapturedSize;
 exports.prepareExportClone = prepareExportClone;
 exports.prepareHtml2CanvasClone = prepareHtml2CanvasClone;
 exports.preprocessCssForCapture = preprocessCssForCapture;