pptx-react-viewer 2.13.1 → 2.13.2

package/dist/{chunk-DD2YRS6Z.js → chunk-FDR5W67L.js}

@@ -41540,6 +41540,30 @@ var FONT_SUBSTITUTION_MAP = {
   Gulim: ["Noto Sans CJK KR", "AppleGothic", "sans-serif"],
   Malgun: ["Noto Sans CJK KR", "Apple SD Gothic Neo", "sans-serif"],
   "Malgun Gothic": ["Noto Sans CJK KR", "Apple SD Gothic Neo", "sans-serif"],
+  // Source Han Sans (Adobe/Google) ships the same glyphs as Noto Sans CJK;
+  // the zh-CN name 思源黑体 is how decks authored in Chinese reference it.
+  "\u601D\u6E90\u9ED1\u4F53 CN": [
+    "Source Han Sans CN",
+    "Noto Sans CJK SC",
+    "Noto Sans SC",
+    "Microsoft YaHei",
+    "sans-serif"
+  ],
+  \u601D\u6E90\u9ED1\u4F53: [
+    "Source Han Sans SC",
+    "Noto Sans CJK SC",
+    "Noto Sans SC",
+    "Microsoft YaHei",
+    "sans-serif"
+  ],
+  "Source Han Sans CN": [
+    "\u601D\u6E90\u9ED1\u4F53 CN",
+    "Noto Sans CJK SC",
+    "Noto Sans SC",
+    "Microsoft YaHei",
+    "sans-serif"
+  ],
+  \u5FAE\u8F6F\u96C5\u9ED1: ["Microsoft YaHei", "Noto Sans CJK SC", "PingFang SC", "sans-serif"],
   // Complex script fonts
   "Arabic Typesetting": ["Noto Naskh Arabic", "serif"],
   "Simplified Arabic": ["Noto Sans Arabic", "sans-serif"],
@@ -41559,6 +41583,11 @@ var FONT_SUBSTITUTION_MAP = {
   Nyala: ["Noto Sans Ethiopic", "sans-serif"],
   MoolBoran: ["Noto Sans Khmer", "sans-serif"],
   // Decorative / Display
+  // Condensed display faces: decks often reference the FULL style name
+  // ("Bebas Neue Regular"); the suffix-stripped base resolves here. The
+  // fallbacks must stay condensed, or short numeric labels sized to the
+  // narrow face overflow their text boxes and wrap (issue #132, "77%").
+  "Bebas Neue": ["Oswald", "Arial Narrow", "Impact", "sans-serif"],
   "Century Gothic": ["URW Gothic", "Futura", "sans-serif"],
   Oswald: ["Agency FB", "Arial Narrow", "sans-serif"],
   "Franklin Gothic": ["Liberation Sans", "Helvetica Neue", "sans-serif"],
@@ -41570,6 +41599,48 @@ var FONT_SUBSTITUTION_MAP = {
   Constantia: ["Liberation Serif", "Palatino", "serif"],
   Corbel: ["Liberation Sans", "Lucida Grande", "sans-serif"]
 };
+var FONT_STYLE_SUFFIX_TOKENS = /* @__PURE__ */ new Set([
+  "regular",
+  "normal",
+  "book",
+  "roman",
+  "thin",
+  "hairline",
+  "extralight",
+  "ultralight",
+  "demilight",
+  "semilight",
+  "light",
+  "medium",
+  "demibold",
+  "semibold",
+  "bold",
+  "extrabold",
+  "ultrabold",
+  "heavy",
+  "black",
+  "extrablack",
+  "ultra",
+  "italic",
+  "oblique"
+]);
+function stripFontStyleSuffix(fontName) {
+  let name = fontName.trim();
+  let stripped = false;
+  for (let i = 0; i < 2; i++) {
+    const idx = name.lastIndexOf(" ");
+    if (idx <= 0) {
+      break;
+    }
+    const token2 = name.slice(idx + 1).toLowerCase().replace(/-/g, "");
+    if (!FONT_STYLE_SUFFIX_TOKENS.has(token2)) {
+      break;
+    }
+    name = name.slice(0, idx).trim();
+    stripped = true;
+  }
+  return stripped && name.length > 0 ? name : void 0;
+}
 var PANOSE_FAMILY_MAP = {
   0: "sans-serif",
   // Any — default to sans-serif
@@ -41643,18 +41714,27 @@ function getSubstituteFontFamily(fontName, panose) {
   if (!trimmed) {
     return "sans-serif";
   }
-  const directSubs = FONT_SUBSTITUTION_MAP[trimmed];
+  return buildFontFamilyString(trimmed, getSubstituteFonts(trimmed, panose));
+}
+function getSubstituteFonts(fontName, panose) {
+  const trimmed = fontName.trim();
+  if (!trimmed) {
+    return ["sans-serif"];
+  }
+  const baseName = stripFontStyleSuffix(trimmed);
+  const basePrefix = baseName ? [baseName] : [];
+  const directSubs = FONT_SUBSTITUTION_MAP[trimmed] ?? (baseName ? FONT_SUBSTITUTION_MAP[baseName] : void 0);
   if (directSubs) {
-    return buildFontFamilyString(trimmed, directSubs);
+    return [...basePrefix, ...directSubs];
   }
   if (panose && panose.length >= 4) {
     const genericFamily = classifyPanose(panose);
     const concreteFonts = GENERIC_FAMILY_CONCRETE_FONTS[genericFamily];
     if (concreteFonts) {
-      return buildFontFamilyString(trimmed, concreteFonts);
+      return [...basePrefix, ...concreteFonts];
     }
   }
-  return buildFontFamilyString(trimmed, ["sans-serif"]);
+  return [...basePrefix, "sans-serif"];
 }
 var CSS_GENERIC_FAMILIES = /* @__PURE__ */ new Set([
   "serif",
@@ -87370,8 +87450,8 @@ function formatAxisValue(val2, formatCode) {
   return val2.toFixed(1);
 }
 function computeLayout(elementWidth, elementHeight, style, hasAxes, legendPos, options) {
-  const svgWidth = Math.max(320, elementWidth);
-  const svgHeight = Math.max(180, elementHeight);
+  const svgWidth = Math.max(1, elementWidth);
+  const svgHeight = Math.max(1, elementHeight);
   let plotLeft = hasAxes ? 48 : 8;
   let plotTop = 8;
   let plotRight = svgWidth - 8;
@@ -87426,6 +87506,12 @@ function chartAreaFill(chartData) {
 function plotAreaFill(chartData) {
   return resolve(chartData?.style?.plotAreaFill, void 0);
 }
+var CHART_PX_PER_PT = 4 / 3;
+function chartFontPx(sizePt) {
+  return sizePt * CHART_PX_PER_PT;
+}
+var DEFAULT_CHART_TEXT_PX = chartFontPx(10);
+var DEFAULT_CHART_DATA_LABEL_PX = chartFontPx(9);
 var LOG_EXPONENT_TOLERANCE = 1e-12;
 function computeLogValueRange(series, logBase) {
   const allValues = series.flatMap((item) => item.values).filter((value) => value > 0);
@@ -88004,9 +88090,9 @@ function dashArray(style, width) {
   }
   return `${unit * 3} ${unit * 2}`;
 }
-function chartAxisTextStyle(axis, defaultFontSize = 8) {
+function chartAxisTextStyle(axis, defaultFontSizePx = DEFAULT_CHART_TEXT_PX) {
   return {
-    fontSize: axis?.fontSize ?? defaultFontSize,
+    fontSize: axis?.fontSize !== void 0 ? chartFontPx(axis.fontSize) : defaultFontSizePx,
     fill: axis?.fontColor ?? DEFAULT_COLOR2,
     ...axis?.fontBold !== void 0 ? { fontWeight: axis.fontBold ? "bold" : "normal" } : {},
     ...axis?.fontFamily ? { fontFamily: axis.fontFamily } : {}
@@ -88153,7 +88239,7 @@ function buildPrimaryAxis(range, layout, axis, axisX = layout.plotLeft) {
         x: labelX,
         y: midY,
         text: unitLabel,
-        ...chartAxisTextStyle(axis, 9),
+        ...chartAxisTextStyle(axis),
         textAnchor: "middle",
         transform: `rotate(-90, ${labelX}, ${midY})`
       });
@@ -88165,7 +88251,7 @@ function buildSecondaryAxis(range, layout, axis, axisX = layout.plotRight) {
   const gridlines = [];
   const axisLabels = [];
   const textStyle = chartAxisTextStyle(axis);
-  const captionStyle = chartAxisTextStyle(axis, 9);
+  const captionStyle = chartAxisTextStyle(axis);
   const axisLine = buildVerticalAxisLine(axis, axisX, layout);
   if (axisLine) {
     gridlines.push(axisLine);
@@ -88387,7 +88473,7 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
             x: x + singleBarWidth / 2,
             y: val2 >= 0 ? y - 4 : y + h + 10,
             text: formatAxisValue2(val2, series[si].numberFormat),
-            fontSize: 7,
+            fontSize: DEFAULT_CHART_DATA_LABEL_PX,
             fill: "#334155",
             textAnchor: "middle"
           });
@@ -88459,7 +88545,7 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
           x: x + barW / 2,
           y: y + h / 2 + 3,
           text: `${Math.round(val2)}%`,
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: "#ffffff",
           textAnchor: "middle",
           fontWeight: "bold"
@@ -88492,7 +88578,7 @@ function pushClusteredStackedLabels(series, sourceIndices2, catCount, layout, ra
         x,
         y: labelY,
         text: formatAxisValue2(val2, series[si].numberFormat),
-        fontSize: 7,
+        fontSize: DEFAULT_CHART_DATA_LABEL_PX,
         fill: "#334155",
         textAnchor: "middle"
       });
@@ -88778,7 +88864,7 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
           x: pt.x,
           y: pt.y - 7,
           text: formatAxisValue2(val2, series.numberFormat),
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: "#334155",
           textAnchor: "middle"
         });
@@ -88850,7 +88936,7 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices2, xPositio
           x: pt.x,
           y: pt.y - 6,
           text: formatAxisValue2(val2, series.numberFormat),
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: "#334155",
           textAnchor: "middle"
         });
@@ -88895,7 +88981,7 @@ function buildScatter(chartData, layout, range) {
           x: dot.cx,
           y: dot.cy - 6,
           text: formatAxisValue2(val2, series.numberFormat),
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: "#334155",
           textAnchor: "middle"
         });
@@ -88942,7 +89028,7 @@ function buildBubbles(chartData, layout, range) {
           x: dot.cx,
           y: dot.cy - 10,
           text: formatAxisValue2(val2, series.numberFormat),
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: "#334155",
           textAnchor: "middle"
         });
@@ -89092,7 +89178,8 @@ function buildMultiLevelCategoryLabels(categoryLabels, categoryLevels, sourceInd
   const skip = Math.max(1, axis?.tickLabelSkip ?? 1);
   const textAnchor = axis?.labelAlignment === "l" ? "start" : axis?.labelAlignment === "r" ? "end" : "middle";
   const direction = labelsAbove ? -1 : 1;
-  const bandHeight = Math.max(axis?.fontSize ?? 8, 8) + 4;
+  const fontPx = axis?.fontSize !== void 0 ? chartFontPx(axis.fontSize) : DEFAULT_CHART_TEXT_PX;
+  const bandHeight = Math.max(fontPx, 8) + 4;
   return levels.flatMap((level, levelIndex) => {
     const values = sourceIndices2.map((sourceIndex) => level[sourceIndex] ?? "");
     return groupedLabels(values).flatMap((group2) => {
@@ -89827,7 +89914,7 @@ function computeTrendlinePrimitives(chartData, catCount, layout, range, mode = "
           x: last.x,
           y: last.y - 6,
           text: labelParts.join("  "),
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: strokeColor,
           textAnchor: "end"
         };
@@ -89844,6 +89931,7 @@ function computeAxisTitlePrimitives(chartData, layout) {
   if (!axes || axes.length === 0) {
     return out;
   }
+  const titleFontPx = (axis) => axis.fontSize !== void 0 ? chartFontPx(axis.fontSize) : DEFAULT_CHART_TEXT_PX;
   const catAxis = axes.find((a) => a.axisType === "catAx" && a.axPos !== "r" && a.titleText);
   if (catAxis?.titleText) {
     const xTitle = {
@@ -89851,7 +89939,7 @@ function computeAxisTitlePrimitives(chartData, layout) {
       x: layout.plotLeft + layout.plotWidth / 2,
       y: layout.plotBottom + 22,
       text: catAxis.titleText,
-      fontSize: 9,
+      fontSize: titleFontPx(catAxis),
       fill: AXIS_TITLE_COLOR,
       textAnchor: "middle",
       fontWeight: "bold"
@@ -89867,7 +89955,7 @@ function computeAxisTitlePrimitives(chartData, layout) {
       x: yx,
       y: yy,
       text: valAxis.titleText,
-      fontSize: 9,
+      fontSize: titleFontPx(valAxis),
       fill: AXIS_TITLE_COLOR,
       textAnchor: "middle",
       fontWeight: "bold",
@@ -90352,7 +90440,7 @@ function buildComboViewModel(element, chartData, categoryLabels) {
             x: point.x,
             y: point.y - 7,
             text: formatAxisValue2(point.value, series.numberFormat),
-            fontSize: 7,
+            fontSize: DEFAULT_CHART_DATA_LABEL_PX,
             fill: "#334155",
             textAnchor: "middle"
           });
@@ -90407,7 +90495,7 @@ function appendBarLabels(series, chartData, layout, catCount, range, sourceIndic
       x: xPositions?.[displayIndex] ?? layout.plotLeft + groupWidth * displayIndex + offset + barWidth / 2,
       y: value >= 0 ? Math.min(zeroY, valueY) - 4 : Math.max(zeroY, valueY) + 10,
       text: formatAxisValue2(value, series.numberFormat),
-      fontSize: 7,
+      fontSize: DEFAULT_CHART_DATA_LABEL_PX,
       fill: "#334155",
       textAnchor: "middle"
     });
@@ -90508,7 +90596,7 @@ function buildStockViewModel(element, chartData, categoryLabels) {
           x: cx,
           y: highY - 4,
           text: formatAxisValue2(close),
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: "#334155",
           textAnchor: "middle"
         });
@@ -90953,7 +91041,7 @@ function buildHistogramViewModel(element, chartData, categoryLabels) {
     x: bar.x + bar.w / 2,
     y: bar.y - 4,
     text: formatAxisValue2(values[index]),
-    fontSize: 7,
+    fontSize: DEFAULT_CHART_DATA_LABEL_PX,
     fill: DATA_LABEL_COLOR,
     textAnchor: "middle"
   })) : [];
@@ -91262,8 +91350,8 @@ function sliceAngles(values) {
   });
 }
 function computeOfPieGeom(element, secondPieSize) {
-  const svgWidth = Math.max(element.width, 320);
-  const svgHeight = Math.max(element.height, 180);
+  const svgWidth = Math.max(element.width, 1);
+  const svgHeight = Math.max(element.height, 1);
   const primaryR = Math.max(Math.min(svgWidth * 0.28, svgHeight * 0.4), 4);
   const secScale = Math.min(Math.max(secondPieSize / 100, 0.3), 1.4);
   return {
@@ -91283,7 +91371,7 @@ function sliceLabel(x, y, value) {
     x,
     y,
     text: formatAxisValue2(value),
-    fontSize: 8,
+    fontSize: DEFAULT_CHART_DATA_LABEL_PX,
     fill: "#ffffff",
     textAnchor: "middle",
     fontWeight: "bold",
@@ -91458,7 +91546,7 @@ function buildPieDataLabels(params) {
         x: slice.labelX,
         y: slice.labelY,
         text: formatAxisValue2(val2, numberFormat),
-        fontSize: 8,
+        fontSize: DEFAULT_CHART_DATA_LABEL_PX,
         fill: "#ffffff",
         textAnchor: "middle",
         fontWeight: "bold",
@@ -91478,7 +91566,7 @@ function buildPieDataLabels(params) {
       x: labelX + (cos >= 0 ? 2 : -2),
       y: labelY,
       text: formatAxisValue2(val2, numberFormat),
-      fontSize: 8,
+      fontSize: DEFAULT_CHART_DATA_LABEL_PX,
       fill: "#334155",
       textAnchor: anchor,
       dominantBaseline: "central"
@@ -91902,7 +91990,8 @@ function textPrimitives(shape, box) {
   if (!shape.paragraphs || shape.paragraphs.length === 0) {
     return [];
   }
-  const lineH = 12;
+  const fontPxOf = (para) => para.fontSize !== void 0 ? chartFontPx(para.fontSize) : DEFAULT_CHART_TEXT_PX;
+  const lineH = Math.max(12, ...shape.paragraphs.map((para) => fontPxOf(para) * 1.2));
   const totalH = shape.paragraphs.length * lineH;
   let cursorY = box.y + Math.max((box.h - totalH) / 2, 0) + lineH * 0.75;
   const out = [];
@@ -91919,7 +92008,7 @@ function textPrimitives(shape, box) {
       x: tx,
       y: cursorY,
       text: para.text,
-      fontSize: para.fontSize ?? 9,
+      fontSize: fontPxOf(para),
       fill: para.color ?? "#1e293b",
       textAnchor: anchor,
       fontWeight: para.bold ? "bold" : "normal"
@@ -92115,7 +92204,7 @@ function buildWaterfallViewModel(element, chartData, categoryLabels) {
         x: x + barWidth / 2,
         y: y - 4,
         text: formatAxisValue2(value),
-        fontSize: 7,
+        fontSize: DEFAULT_CHART_DATA_LABEL_PX,
         fill: "#334155",
         textAnchor: "middle"
       });
@@ -92437,8 +92526,8 @@ function regionViewBounds(viewedRegionType, regionValues) {
   };
 }
 function buildRegionMapViewModel(element, chartData, categoryLabels) {
-  const svgWidth = Math.max(element.width, 320);
-  const svgHeight = Math.max(element.height, 200);
+  const svgWidth = Math.max(element.width, 1);
+  const svgHeight = Math.max(element.height, 1);
   const categories = categoryLabels.length > 0 ? categoryLabels : chartData.categories;
   const series = chartData.series[0];
   const options = series?.regionMapOptions;
@@ -92800,8 +92889,8 @@ function formatAxisValue2(val2, formatCode) {
   return val2.toFixed(1);
 }
 function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, options) {
-  const svgWidth = Math.max(320, elementWidth);
-  const svgHeight = Math.max(180, elementHeight);
+  const svgWidth = Math.max(1, elementWidth);
+  const svgHeight = Math.max(1, elementHeight);
   let plotLeft = hasAxes ? 48 : 8;
   let plotTop = 8;
   let plotRight = svgWidth - 8;
@@ -92881,7 +92970,7 @@ function buildGridlinesAndLabels(range, layout) {
       x: layout.plotLeft - 4,
       y,
       text: formatAxisValue2(val2),
-      fontSize: 8,
+      fontSize: DEFAULT_CHART_TEXT_PX,
       fill: AXIS_LABEL_COLOR,
       textAnchor: "end",
       dominantBaseline: "central"
@@ -92913,7 +93002,7 @@ function buildCategoryLabels(categoryLabels, layout, catSpacing) {
       x,
       y: layout.plotBottom + 12,
       text: label,
-      fontSize: 8,
+      fontSize: DEFAULT_CHART_TEXT_PX,
       fill: AXIS_LABEL_COLOR,
       textAnchor: "middle"
     };
@@ -93258,8 +93347,8 @@ function buildFlatViewModel(element, chartData, categoryLabels, kind) {
   return buildCartesianViewModel(element, chartData, categoryLabels, kind);
 }
 function buildFallbackViewModel(width, height, label) {
-  const svgWidth = Math.max(width, 100);
-  const svgHeight = Math.max(height, 60);
+  const svgWidth = Math.max(width, 1);
+  const svgHeight = Math.max(height, 1);
   return {
     svgWidth,
     svgHeight,
@@ -93413,7 +93502,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
       x: cx + labelR * Math.cos(angle),
       y: cy + labelR * Math.sin(angle),
       text: categoryLabels[i] ?? "",
-      fontSize: 8,
+      fontSize: DEFAULT_CHART_TEXT_PX,
       fill: RADAR_LABEL_COLOR,
       textAnchor: "middle",
       dominantBaseline: "central"
@@ -93457,7 +93546,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
           x: p.x,
           y: p.y - 8,
           text: formatAxisValue2(val2, series.numberFormat),
-          fontSize: 7,
+          fontSize: DEFAULT_CHART_DATA_LABEL_PX,
           fill: "#334155",
           textAnchor: "middle"
         });
@@ -102352,6 +102441,10 @@ var SCALAR_ELEMENT_KEYS = /* @__PURE__ */ new Set([
   "cropTop",
   "cropRight",
   "cropBottom",
+  "fillRectLeft",
+  "fillRectTop",
+  "fillRectRight",
+  "fillRectBottom",
   "tileOffsetX",
   "tileOffsetY",
   "tileScaleX",
@@ -103966,9 +104059,16 @@ var CINEMATIC_TRANSITION_KEYFRAMES = `
 /* \u2500\u2500 Airplane (fly off like a paper plane) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 @keyframes pptx-tr-airplane-out { 0% { transform: perspective(1200px) translate3d(0, 0, 0) rotate3d(1, -1, 0, 0deg) scale(1); opacity: 1; } 40% { transform: perspective(1200px) translate3d(10%, -10%, 0) rotate3d(1, -1, 0, 25deg) scale(.85); opacity: 1; } 100% { transform: perspective(1200px) translate3d(150%, -70%, 0) rotate3d(1, -1, 1, 70deg) scale(.05); opacity: 0; } }
 
-/* \u2500\u2500 Origami (fold out / unfold in) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-@keyframes pptx-tr-origami-out { from { transform: perspective(1600px) rotateY(0deg) scaleX(1); transform-origin: left center; opacity: 1; } to { transform: perspective(1600px) rotateY(75deg) scaleX(.25); transform-origin: left center; opacity: .2; } }
-@keyframes pptx-tr-origami-in { from { transform: perspective(1600px) rotateY(-75deg) scaleX(.25); transform-origin: right center; opacity: .2; } to { transform: perspective(1600px) rotateY(0deg) scaleX(1); transform-origin: right center; opacity: 1; } }
+/* \u2500\u2500 Origami (fold the sheet over its top edge; the next unfolds up) \u2500\u2500
+   The old single-phase rotateY + scaleX compressed the outgoing slide into a
+   narrow vertical sliver for most of the (3+ second) duration, which read as
+   "just a grey line" instead of paper folding (issue #132). The fold is now
+   hinged like a real sheet: the outgoing slide creases over its TOP edge,
+   dims as it tips through edge-on, and tumbles away shrinking; the incoming
+   slide lies folded at its BOTTOM edge and rises into place. The edge-on
+   moment is brief and already mid-fade, so no line artifact survives. */
+@keyframes pptx-tr-origami-out { 0% { transform: perspective(1400px) rotateX(0deg) translateY(0) scale(1); transform-origin: top center; opacity: 1; filter: brightness(1); } 45% { transform: perspective(1400px) rotateX(-52deg) translateY(2%) scale(.96); transform-origin: top center; opacity: 1; filter: brightness(.82); } 70% { transform: perspective(1400px) rotateX(-84deg) translateY(8%) scale(.88); transform-origin: top center; opacity: .8; filter: brightness(.68); } 100% { transform: perspective(1400px) rotateX(-125deg) translateY(30%) scale(.68); transform-origin: top center; opacity: 0; filter: brightness(.55); } }
+@keyframes pptx-tr-origami-in { 0% { transform: perspective(1400px) rotateX(62deg) scale(.94); transform-origin: bottom center; opacity: 0; filter: brightness(.7); } 30% { transform: perspective(1400px) rotateX(62deg) scale(.94); transform-origin: bottom center; opacity: .65; filter: brightness(.75); } 100% { transform: perspective(1400px) rotateX(0deg) scale(1); transform-origin: bottom center; opacity: 1; filter: brightness(1); } }
 `;
 var CORE_SLIDE_TRANSITION_KEYFRAMES = `
 /* \u2500\u2500 Fade \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -110752,8 +110852,14 @@ function attachPresentationVisibilityPause(options = {}) {
   }
   const root = options.root ?? document;
   let pausedMedia = [];
-  const onVisibilityChange = () => {
-    if (document.visibilityState === "hidden") {
+  let suspended = false;
+  const update = () => {
+    const shouldSuspend = document.visibilityState === "hidden" || !document.hasFocus();
+    if (shouldSuspend === suspended) {
+      return;
+    }
+    suspended = shouldSuspend;
+    if (shouldSuspend) {
       pausedMedia = [];
       for (const media of root.querySelectorAll("audio, video")) {
         if (!media.paused && !media.ended) {
@@ -110775,9 +110881,13 @@ function attachPresentationVisibilityPause(options = {}) {
     resumeAllPersistentAudio();
     options.onVisible?.();
   };
-  document.addEventListener("visibilitychange", onVisibilityChange);
+  document.addEventListener("visibilitychange", update);
+  window.addEventListener("blur", update);
+  window.addEventListener("focus", update);
   return () => {
-    document.removeEventListener("visibilitychange", onVisibilityChange);
+    document.removeEventListener("visibilitychange", update);
+    window.removeEventListener("blur", update);
+    window.removeEventListener("focus", update);
   };
 }
 function buildSummaryZoomView(element, lookup) {