pptx-react-viewer 3.6.0 → 3.7.0

package/dist/{chunk-TGCSZXOG.mjs → chunk-FGTMS7LR.mjs}

@@ -193,29 +193,6 @@ var animationPresetTranslationsEn = {
   "pptx.animation.catalogPreset.emph39": "Line Color",
   "pptx.animation.catalogPreset.emph40": "Brush on Color (Sustain)",
   "pptx.animation.catalogPreset.emph41": "Color Wave (Sustain)",
-  "pptx.animation.catalogPreset.emph42": "Flash",
-  "pptx.animation.catalogPreset.emph43": "Flicker Slow",
-  "pptx.animation.catalogPreset.emph44": "Grow Big",
-  "pptx.animation.catalogPreset.emph45": "Shrink Small",
-  "pptx.animation.catalogPreset.emph46": "Color Lighten",
-  "pptx.animation.catalogPreset.emph47": "Color Darken",
-  "pptx.animation.catalogPreset.emph48": "Bold Italics",
-  "pptx.animation.catalogPreset.emph49": "Spin Slow",
-  "pptx.animation.catalogPreset.emph50": "Spin Fast",
-  "pptx.animation.catalogPreset.emph51": "Wobble",
-  "pptx.animation.catalogPreset.emph52": "Jiggle",
-  "pptx.animation.catalogPreset.emph53": "Bounce In Place",
-  "pptx.animation.catalogPreset.emph54": "Heartbeat",
-  "pptx.animation.catalogPreset.emph55": "Glow",
-  "pptx.animation.catalogPreset.emph56": "Brighten",
-  "pptx.animation.catalogPreset.emph57": "Dim",
-  "pptx.animation.catalogPreset.emph58": "Saturate",
-  "pptx.animation.catalogPreset.emph59": "Color Cycle",
-  "pptx.animation.catalogPreset.emph60": "Rainbow",
-  "pptx.animation.catalogPreset.emph61": "Shake",
-  "pptx.animation.catalogPreset.emph62": "Vibrate",
-  "pptx.animation.catalogPreset.emph63": "Sway",
-  "pptx.animation.catalogPreset.emph64": "Bob",
   // Motion path catalogue.
   "pptx.animation.catalogPreset.pathLineUp": "Lines: Up",
   "pptx.animation.catalogPreset.pathLineDown": "Lines: Down",
@@ -2870,6 +2847,8 @@ var translationsEn = {
   "pptx.fillPatterns.wideVertical": "Wide Vertical",
   "pptx.fillPatterns.zigZag": "Zig Zag",
   "pptx.fillStroke.eyedropperTooltip": "Eyedropper: pick colour from screen",
+  "pptx.colorPicker.themeColors": "Theme Colors",
+  "pptx.colorPicker.standardColors": "Standard Colors",
   "pptx.image.cropBottom": "Crop Bottom",
   "pptx.image.cropLeft": "Crop Left",
   "pptx.image.cropRight": "Crop Right",

package/dist/{chunk-WX7AFFBZ.mjs → chunk-JANUSAEK.mjs}

@@ -1,5 +1,5 @@
-import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitRunByScriptFont } from './chunk-ZUSYUWOV.mjs';
-import { translationsEn } from './chunk-TGCSZXOG.mjs';
+import { SHAPE_PRESET_DEFS, VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS, getAnimationInitialStyle, cloneHistorySnapshot, hasShapeProperties, getImageFitStyle, getComputedFillStyle, isImageLikeElement, getCropShapeClipPath, getImageTilingStyle, mediaPlaybackAttributes, buildTextBlockStyle, hasTextProperties, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle, buildParagraphs, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY, cellStyleToCss, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildSlidesPdfBytes, buildPreviewAnimation, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, resolveAutoFitFontScale, resolveFontKerning, getSubstituteFontFamily, parsePanoseString, resolveScriptFontSet, hasDistinctScriptFonts, nestedTextDecorationStyle, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects, clampUnitInterval, customGeometryPathsToSvgSubpaths, buildSubpathPaints, computeColumnBoundaries, getTableCellBandStyle, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders, cellRunStyle, getChartStylePalette, computeChartLegendLayout, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, ooxmlGradientAngleToCssDegrees, buildRectPathGradient, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitRunByScriptFont } from './chunk-NV55GU5V.mjs';
+import { translationsEn } from './chunk-FGTMS7LR.mjs';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import React7, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
@@ -57,22 +57,6 @@ var TOOLBAR_SECTIONS = [
 ];
 var SHORTCUT_REFERENCE_ITEMS = VIEWER_SHORTCUT_REFERENCE;
 
-// src/viewer/constants/theme.ts
-var THEME_COLOR_SWATCHES = [
-  "#000000",
-  "#FFFFFF",
-  "#1F497D",
-  "#EEECE1",
-  "#4472C4",
-  "#ED7D31",
-  "#A5A5A5",
-  "#FFC000",
-  "#5B9BD5",
-  "#70AD47",
-  "#0563C1",
-  "#954F72"
-];
-
 // src/viewer/constants/transitions-animations.ts
 var ANIMATION_PRESET_OPTIONS = [
   { value: "fadeIn", label: "Fade In", i18nKey: "pptx.animation.preset.fadeIn" },
@@ -1095,13 +1079,19 @@ function makeSegmentPieceRenderer(needsScriptFonts, scriptFonts, baseFontFamily,
     )
   );
 }
-function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle) {
-  const [lineLayout] = buildRunTabLines(line, ctx, nestedStyle);
+function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle, underlineWords = false) {
+  const [lineLayout] = buildRunTabLines(
+    line,
+    ctx,
+    nestedStyle,
+    void 0,
+    underlineWords
+  );
   return /* @__PURE__ */ jsx("span", { style: { display: "inline-block", whiteSpace: "nowrap" }, children: lineLayout.pieces.map((piece, i) => {
     const key = `${keyPrefix}-tab-${i}`;
     return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
       piece.leaderStyle ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: piece.leaderStyle, children: piece.leaderText }) : null,
-      /* @__PURE__ */ jsx("span", { style: piece.style, children: renderPiece(piece.text, key) })
+      piece.words ? piece.words.map((word, w) => /* @__PURE__ */ jsx("span", { style: word.style, children: renderPiece(word.text, `${key}-w${w}`) }, `${key}-w${w}`)) : /* @__PURE__ */ jsx("span", { style: piece.style, children: renderPiece(piece.text, key) })
     ] }, key);
   }) });
 }
@@ -1156,7 +1146,14 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
     return lines.map((line, lineIndex) => {
       const lineKey = `${elementId}-seg-${segmentIndex}-line-${lineIndex}`;
       return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
-        tabContext && line.includes("	") ? renderTabbedLine(line, tabContext, lineKey, renderLeaf, metric?.nestedStyle) : renderLeaf(line, lineKey),
+        tabContext && line.includes("	") ? renderTabbedLine(
+          line,
+          tabContext,
+          lineKey,
+          renderLeaf,
+          metric?.nestedStyle,
+          isUnderlineWords
+        ) : renderLeaf(line, lineKey),
         lineIndex < lines.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
       ] }, lineKey);
     });
@@ -1384,7 +1381,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
     spanStyle.unicodeBidi = runRtl !== ctx.paragraphRtl ? "bidi-override" : "embed";
   }
   const isUnderlineWords = Boolean(segmentStyle.underline) && segmentStyle.underlineStyle === "words";
-  const wordDecoration = isUnderlineWords ? nestedStyle : void 0;
+  const wordDecoration = isUnderlineWords ? nestedStyle ?? run.underlineWordPieces?.find((piece) => piece.style)?.style : void 0;
   if (isUnderlineWords) {
     const stripped = stripUnderlineDecoration(spanStyle);
     spanStyle.textDecoration = stripped.textDecoration;
@@ -1906,6 +1903,34 @@ function renderConnectorMarker(markerId, arrowType, color, arrowWidth, arrowLeng
     }
   );
 }
+function renderSvgGradientDefs(gradient) {
+  if (!gradient) {
+    return null;
+  }
+  if (gradient.kind === "rectPath") {
+    return /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("pattern", { id: gradient.id, patternUnits: "objectBoundingBox", width: 1, height: 1, children: /* @__PURE__ */ jsx("image", { href: gradient.href, x: 0, y: 0, width: 1, height: 1, preserveAspectRatio: "none" }) }) });
+  }
+  const stops = gradient.stops.map((stop, index) => /* @__PURE__ */ jsx(
+    "stop",
+    {
+      offset: stop.offset,
+      stopColor: stop.color,
+      stopOpacity: typeof stop.opacity === "number" ? stop.opacity : void 0
+    },
+    index
+  ));
+  return /* @__PURE__ */ jsx("defs", { children: gradient.kind === "radial" ? /* @__PURE__ */ jsx("radialGradient", { id: gradient.id, cx: gradient.cx, cy: gradient.cy, r: gradient.r, children: stops }) : /* @__PURE__ */ jsx(
+    "linearGradient",
+    {
+      id: gradient.id,
+      x1: gradient.x1,
+      y1: gradient.y1,
+      x2: gradient.x2,
+      y2: gradient.y2,
+      children: stops
+    }
+  ) });
+}
 function joinStyle(shapeStyle) {
   const lineJoin = shapeStyle?.lineJoin === "bevel" ? "bevel" : shapeStyle?.lineJoin === "miter" ? "miter" : "round";
   const miterLimit = lineJoin === "miter" && typeof shapeStyle?.miterLimit === "number" ? Math.max(shapeStyle.miterLimit / 1e5, 1) : void 0;
@@ -1942,31 +1967,6 @@ function strokeStrands(d, keyBase, ctx) {
     `${keyBase}-s${idx}`
   ));
 }
-function gradientDefs(gradient) {
-  if (!gradient) {
-    return null;
-  }
-  const stops = gradient.stops.map((stop, idx) => /* @__PURE__ */ jsx(
-    "stop",
-    {
-      offset: stop.offset,
-      stopColor: stop.color,
-      stopOpacity: typeof stop.opacity === "number" ? stop.opacity : void 0
-    },
-    idx
-  ));
-  return /* @__PURE__ */ jsx("defs", { children: gradient.kind === "radial" ? /* @__PURE__ */ jsx("radialGradient", { id: gradient.id, cx: gradient.cx, cy: gradient.cy, r: gradient.r, children: stops }) : /* @__PURE__ */ jsx(
-    "linearGradient",
-    {
-      id: gradient.id,
-      x1: gradient.x1,
-      y1: gradient.y1,
-      x2: gradient.x2,
-      y2: gradient.y2,
-      children: stops
-    }
-  ) });
-}
 function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredPaths, shapeStyle, hasFill, fillColor, fillOpacity, strokePaint, strokeWidth, dashArray, animatesFill = false, gradient) {
   const ctx = strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray);
   const subpaths = structuredPaths && structuredPaths.length > 0 ? customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
@@ -2022,29 +2022,12 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
       className: "w-full h-full pointer-events-none",
       preserveAspectRatio: "none",
       children: [
-        animatesFill ? null : gradientDefs(gradient),
+        animatesFill ? null : renderSvgGradientDefs(gradient),
         nodes
       ]
     }
   );
 }
-function renderGradientDefs(gradient) {
-  if (!gradient) {
-    return null;
-  }
-  const stops = gradient.stops.map((stop, index) => /* @__PURE__ */ jsx("stop", { offset: stop.offset, stopColor: stop.color, stopOpacity: stop.opacity }, index));
-  return /* @__PURE__ */ jsx("defs", { children: gradient.kind === "radial" ? /* @__PURE__ */ jsx("radialGradient", { id: gradient.id, cx: gradient.cx, cy: gradient.cy, r: gradient.r, children: stops }) : /* @__PURE__ */ jsx(
-    "linearGradient",
-    {
-      id: gradient.id,
-      x1: gradient.x1,
-      y1: gradient.y1,
-      x2: gradient.x2,
-      y2: gradient.y2,
-      children: stops
-    }
-  ) });
-}
 function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
   if (!hasShapeProperties(element)) {
     return null;
@@ -2195,7 +2178,7 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
             overflow: "visible"
           },
           children: [
-            animatesFill ? null : renderGradientDefs(gradient),
+            animatesFill ? null : renderSvgGradientDefs(gradient),
             /* @__PURE__ */ jsx(
               "path",
               {
@@ -3848,4 +3831,4 @@ function stopPreviewAnimation() {
   activePreview = null;
 }
 
-export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY2 as DEFAULT_FONT_FAMILY, DEFAULT_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS2 as STROKE_DASH_OPTIONS, THEME_COLOR_SWATCHES, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath2 as getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };
+export { ANIMATION_PRESET_OPTIONS, ARROW_SIZE_OPTIONS, CONNECTOR_ARROW_OPTIONS, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, DEFAULT_FILL_COLOR, DEFAULT_FONT_FAMILY2 as DEFAULT_FONT_FAMILY, DEFAULT_SECTION_GROUP_ID, DEFAULT_STROKE_COLOR, DEFAULT_TABLE_COLUMNS, DEFAULT_TABLE_ROWS, DEFAULT_TEXT_COLOR, DEFAULT_TEXT_FONT_SIZE, GRID_SIZE, HYPERLINK_COLOR, MIN_ELEMENT_SIZE, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, STROKE_DASH_OPTIONS2 as STROKE_DASH_OPTIONS, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData2 as build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromImageData, buildReactChartViewModel, buildTextBody3DSceneStyle2 as buildTextBody3DSceneStyle, cloneHistorySnapshot2 as cloneHistorySnapshot, cn, getAnimationInitialStyle2 as getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath2 as getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle2 as getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation };