ooxml-ui 1.23.0 → 1.24.0

package/dist/pptx/{chunk-WX77UUR5.cjs → chunk-SQQJLXTZ.cjs}

@@ -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;
@@ -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(", ")})`;
 }
@@ -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;");
@@ -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;
@@ -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)}`
         );
       }
     });
@@ -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: [
     {
@@ -65151,6 +65521,168 @@ function calculateViewportFit(input, defaults = DEFAULTS) {
   };
 }
 
+// src/pptx/render/viewport-size.ts
+var LAYOUT_UNIT = 1 / 64;
+var PADDING_SNAP = LAYOUT_UNIT / 0.25;
+function finiteOrZero(value) {
+  return Number.isFinite(value) && value > 0 ? value : 0;
+}
+function isFiniteNumber(value) {
+  return value !== void 0 && Number.isFinite(value);
+}
+function serializationError(value) {
+  const magnitude = Math.abs(value);
+  return magnitude === 0 ? 0 : 0.5 * 10 ** (Math.floor(Math.log10(magnitude)) - 5);
+}
+function localBorderBox(cssSize, boxSizing, borders, paddingStart, paddingEnd) {
+  if (!isFiniteNumber(cssSize) || cssSize < 0) {
+    return void 0;
+  }
+  if (boxSizing === "border-box") {
+    const error2 = serializationError(cssSize);
+    return {
+      size: cssSize,
+      low: cssSize - error2,
+      high: cssSize + error2,
+      floor: cssSize - error2,
+      exact: true
+    };
+  }
+  if (boxSizing !== "content-box" || !isFiniteNumber(paddingStart) || !isFiniteNumber(paddingEnd)) {
+    return void 0;
+  }
+  const start = Math.max(0, paddingStart);
+  const end = Math.max(0, paddingEnd);
+  const size2 = cssSize + start + end + borders;
+  const error = serializationError(cssSize) + serializationError(start) + serializationError(end) + serializationError(borders);
+  const snap = (start > 0 ? PADDING_SNAP : 0) + (end > 0 ? PADDING_SNAP : 0);
+  return {
+    size: size2,
+    low: size2 - error - snap,
+    high: size2 + error,
+    floor: size2 - error - snap,
+    exact: snap === 0
+  };
+}
+function fractionalAxis(client, offset, rect3, borderStart, borderEnd, cssSize, boxSizing, paddingStart, paddingEnd, zoomed) {
+  const snapped = finiteOrZero(client);
+  if (snapped === 0 || !(finiteOrZero(offset) > 0)) {
+    return snapped;
+  }
+  const bordersKnown = isFiniteNumber(borderStart) && isFiniteNumber(borderEnd);
+  const borders = bordersKnown ? Math.max(0, borderStart) + Math.max(0, borderEnd) : 0;
+  if (bordersKnown && offset - snapped - borders >= 1) {
+    return Math.max(0, snapped - 1);
+  }
+  const local = bordersKnown ? localBorderBox(cssSize, boxSizing, borders, paddingStart, paddingEnd) : void 0;
+  if (local) {
+    const plain = !zoomed && Number.isFinite(rect3) && rect3 >= local.low && rect3 <= local.high;
+    if (plain) {
+      const size2 = local.exact ? Math.min(rect3, local.floor + LAYOUT_UNIT) : local.floor;
+      return Math.max(0, size2 - borders);
+    }
+    return Math.max(0, Math.min(snapped, local.size - borders) - 1);
+  }
+  if (!Number.isFinite(rect3)) {
+    return snapped;
+  }
+  const error = rect3 - offset;
+  if (zoomed || Math.abs(error) >= 1) {
+    return Math.max(0, snapped - 1);
+  }
+  if (!bordersKnown) {
+    return Math.max(0, snapped + error);
+  }
+  return Math.max(0, rect3 - borders);
+}
+function isZoomed(cssZoom) {
+  return isFiniteNumber(cssZoom) && Math.abs(cssZoom - 1) > 1e-6;
+}
+function fractionalClientSize(metrics) {
+  const zoomed = isZoomed(metrics.cssZoom);
+  return {
+    width: fractionalAxis(
+      metrics.clientWidth,
+      metrics.offsetWidth,
+      metrics.rectWidth,
+      metrics.borderLeft,
+      metrics.borderRight,
+      metrics.cssWidth,
+      metrics.boxSizing,
+      metrics.paddingLeft,
+      metrics.paddingRight,
+      zoomed
+    ),
+    height: fractionalAxis(
+      metrics.clientHeight,
+      metrics.offsetHeight,
+      metrics.rectHeight,
+      metrics.borderTop,
+      metrics.borderBottom,
+      metrics.cssHeight,
+      metrics.boxSizing,
+      metrics.paddingTop,
+      metrics.paddingBottom,
+      zoomed
+    )
+  };
+}
+function pixels(value) {
+  const parsed = value === void 0 || !value.endsWith("px") ? Number.NaN : Number.parseFloat(value);
+  return Number.isFinite(parsed) ? parsed : void 0;
+}
+function measureViewportClientSize(element) {
+  const rect3 = element.getBoundingClientRect();
+  const view2 = element.ownerDocument?.defaultView;
+  const style = view2?.getComputedStyle ? view2.getComputedStyle(element) : void 0;
+  const { currentCSSZoom } = element;
+  return fractionalClientSize({
+    clientWidth: element.clientWidth,
+    clientHeight: element.clientHeight,
+    offsetWidth: element.offsetWidth,
+    offsetHeight: element.offsetHeight,
+    rectWidth: rect3.width,
+    rectHeight: rect3.height,
+    borderLeft: pixels(style?.borderLeftWidth),
+    borderRight: pixels(style?.borderRightWidth),
+    borderTop: pixels(style?.borderTopWidth),
+    borderBottom: pixels(style?.borderBottomWidth),
+    cssWidth: pixels(style?.width),
+    cssHeight: pixels(style?.height),
+    boxSizing: style?.boxSizing,
+    paddingLeft: pixels(style?.paddingLeft),
+    paddingRight: pixels(style?.paddingRight),
+    paddingTop: pixels(style?.paddingTop),
+    paddingBottom: pixels(style?.paddingBottom),
+    cssZoom: typeof currentCSSZoom === "number" ? currentCSSZoom : void 0
+  });
+}
+function observeViewportClientSize(element, onSize) {
+  let last = measureViewportClientSize(element);
+  onSize(last);
+  if (typeof ResizeObserver === "undefined") {
+    return () => void 0;
+  }
+  const remeasure = () => {
+    const next = measureViewportClientSize(element);
+    if (next.width === last.width && next.height === last.height) {
+      return;
+    }
+    last = next;
+    onSize(next);
+  };
+  const observers = ["content-box", "border-box"].map((box) => {
+    const observer = new ResizeObserver(remeasure);
+    observer.observe(element, { box });
+    return observer;
+  });
+  return () => {
+    for (const observer of observers) {
+      observer.disconnect();
+    }
+  };
+}
+
 // src/pptx/render/inline-list-activation.ts
 function readListActivationSelection(root, body) {
   if (readEditableText(root) !== body) {
@@ -66809,7 +67341,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) {
@@ -66818,7 +67350,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;
@@ -66832,7 +67364,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] };
 }
@@ -66850,8 +67382,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)" : ""
@@ -70207,6 +70739,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 = {
@@ -73745,7 +74303,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);
@@ -82741,13 +83299,13 @@ function writeStr(out, str) {
   }
 }
 function quantizeFrame(imageData) {
-  const pixels = imageData.data;
+  const pixels2 = imageData.data;
   const numPixels = imageData.width * imageData.height;
   const sampleStep = Math.max(1, Math.floor(numPixels / 1e4));
   const samples = [];
   for (let i = 0; i < numPixels; i += sampleStep) {
     const off = i * 4;
-    samples.push([pixels[off], pixels[off + 1], pixels[off + 2]]);
+    samples.push([pixels2[off], pixels2[off + 1], pixels2[off + 2]]);
   }
   const buckets = medianCut(samples, 8);
   const palette = new Uint8Array(768);
@@ -82775,7 +83333,7 @@ function quantizeFrame(imageData) {
   const indexed = new Uint8Array(numPixels);
   for (let i = 0; i < numPixels; i++) {
     const off = i * 4;
-    indexed[i] = findNearest(centroids, pixels[off], pixels[off + 1], pixels[off + 2]);
+    indexed[i] = findNearest(centroids, pixels2[off], pixels2[off + 1], pixels2[off + 2]);
   }
   return { palette, indexed };
 }
@@ -83672,18 +84230,18 @@ function filterRowNone(rowRgba) {
   out.set(rowRgba, 1);
   return out;
 }
-function filterPixelBlock(pixels, width, height) {
+function filterPixelBlock(pixels2, width, height) {
   const rowBytes = width * RGBA_BYTES_PER_PIXEL;
-  if (pixels.length !== rowBytes * height) {
+  if (pixels2.length !== rowBytes * height) {
     throw new Error(
-      `filterPixelBlock: expected ${rowBytes * height} bytes for ${width}x${height} RGBA, got ${pixels.length}`
+      `filterPixelBlock: expected ${rowBytes * height} bytes for ${width}x${height} RGBA, got ${pixels2.length}`
     );
   }
   const out = new Uint8Array((rowBytes + 1) * height);
   for (let row = 0; row < height; row++) {
     const srcStart = row * rowBytes;
     out[row * (rowBytes + 1)] = 0;
-    out.set(pixels.subarray(srcStart, srcStart + rowBytes), row * (rowBytes + 1) + 1);
+    out.set(pixels2.subarray(srcStart, srcStart + rowBytes), row * (rowBytes + 1) + 1);
   }
   return out;
 }
@@ -83736,9 +84294,9 @@ async function encodePngFromRowBands(width, height, rowBands) {
   }
   return assemblePng(width, height, [buildIdatChunk(zlibBytes)]);
 }
-async function encodePngFromPixels(width, height, pixels) {
+async function encodePngFromPixels(width, height, pixels2) {
   async function* single() {
-    yield { pixels, bandHeight: height };
+    yield { pixels: pixels2, bandHeight: height };
   }
   return encodePngFromRowBands(width, height, single());
 }
@@ -86169,6 +86727,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;
@@ -86470,6 +87029,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;
@@ -86496,6 +87056,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;
@@ -86863,6 +87424,7 @@ exports.disableSoftEdgePatch = disableSoftEdgePatch;
 exports.discardAutosaveRecovery = discardAutosaveRecovery;
 exports.dispatchChartSelectionRequest = dispatchChartSelectionRequest;
 exports.dispatchCropRequest = dispatchCropRequest;
+exports.dispatchStatusBarIntent = dispatchStatusBarIntent;
 exports.dominantDisplacement = dominantDisplacement;
 exports.downloadBlob = downloadBlob;
 exports.downloadDataUrl = downloadDataUrl;
@@ -87012,6 +87574,7 @@ exports.formatSlideCounter = formatSlideCounter;
 exports.formatSnapshotSize = formatSnapshotSize;
 exports.formatTime = formatTime;
 exports.formatVersionTimestamp = formatVersionTimestamp;
+exports.fractionalClientSize = fractionalClientSize;
 exports.freeformCloseTolerance = freeformCloseTolerance;
 exports.galleryDeckView = galleryDeckView;
 exports.galleryHasItems = galleryHasItems;
@@ -87198,6 +87761,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;
@@ -87312,6 +87876,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;
@@ -87432,6 +87997,7 @@ exports.measureNormAutofitStepHeightPx = measureNormAutofitStepHeightPx;
 exports.measurePreviewGeometry = measurePreviewGeometry;
 exports.measureSvgViewportRect = measureSvgViewportRect;
 exports.measureTextWidth = measureTextWidth;
+exports.measureViewportClientSize = measureViewportClientSize;
 exports.mediaFallbackIcon = mediaFallbackIcon;
 exports.mediaFallbackLabelKey = mediaFallbackLabelKey;
 exports.mediaFallbackVisual = mediaFallbackVisual;
@@ -87515,6 +88081,7 @@ exports.numberControl = numberControl;
 exports.observeElementHeight = observeElementHeight;
 exports.observeExternalCollaborationReadiness = observeExternalCollaborationReadiness;
 exports.observeExternalCollaborationSession = observeExternalCollaborationSession;
+exports.observeViewportClientSize = observeViewportClientSize;
 exports.officeColorSwatchLabel = officeColorSwatchLabel;
 exports.oleActionsVisible = oleActionsVisible;
 exports.ooxmlDashToCssBorderStyle = ooxmlDashToCssBorderStyle;
@@ -87648,6 +88215,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;
@@ -87812,6 +88380,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;
@@ -88071,12 +88640,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;