pptx-react-viewer 4.49.0 → 4.51.0

package/dist/{chunk-JAI42EXQ.js → chunk-Z22RD3E2.js}

@@ -1,20 +1,50 @@
 'use strict';
 
+var i18n = require('ooxml-ui/pptx/i18n');
+var React8 = require('react');
+var reactI18next = require('react-i18next');
 var pptx = require('ooxml-ui/pptx');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React8 = require('react');
 var lu = require('react-icons/lu');
 var pptx$1 = require('ooxml-core/pptx');
 var jsxRuntime = require('react/jsx-runtime');
-var i18n = require('ooxml-ui/pptx/i18n');
-var reactI18next = require('react-i18next');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React8__default = /*#__PURE__*/_interopDefault(React8);
 
-// src/viewer/utils/animation-effects.ts
+// src/viewer/i18n/use-translation.ts
+var ViewerI18nContext = /* @__PURE__ */ React8.createContext(null);
+var PptxI18nContext = /* @__PURE__ */ React8.createContext(null);
+var NO_LOCALE_CONTROLS = {
+  localeCode: "en",
+  locales: [],
+  selectLocale: () => {
+  },
+  languageSelectable: true
+};
+var ViewerLocaleControlsContext = /* @__PURE__ */ React8.createContext(NO_LOCALE_CONTROLS);
+function useHostI18next() {
+  const { t, i18n } = reactI18next.useTranslation();
+  return { t, i18n };
+}
+
+// src/viewer/i18n/use-translation.ts
+var LABELS_ONLY = { t: (key) => i18n.keyToLabel(key), locale: "en" };
+function useHostTranslation() {
+  const { t, i18n } = useHostI18next();
+  const language = i18n.resolvedLanguage ?? i18n.language ?? "en";
+  return React8.useMemo(() => ({ t, locale: language }), [t, language]);
+}
+function useTranslation() {
+  const fromRoot = React8.useContext(ViewerI18nContext);
+  const provided = React8.useContext(PptxI18nContext);
+  const resolved = fromRoot ?? provided;
+  const [readsHost] = React8.useState(resolved === null);
+  const host = readsHost ? useHostTranslation() : null;
+  return resolved ?? host ?? LABELS_ONLY;
+}
 function getAnimationInitialStyle(preset, nativeAnimation) {
   return pptx.getAnimationInitialStyle(preset, nativeAnimation);
 }
@@ -103,7 +133,6 @@ var ARROW_SIZE_OPTIONS = [
   { value: "med", label: "Medium", i18nKey: "pptx.connectorOptions.sizeMedium" },
   { value: "lg", label: "Large", i18nKey: "pptx.connectorOptions.sizeLarge" }
 ];
-var STROKE_DASH_OPTIONS = pptx.STROKE_DASH_OPTIONS;
 
 // src/viewer/utils/shape-types.tsx
 function getShapeType(shapeType) {
@@ -448,7 +477,7 @@ function PresentationMediaController({
   onPlayStateChange,
   children
 }) {
-  const { t } = reactI18next.useTranslation();
+  const { t } = useTranslation();
   const mediaRef = React8.useRef(null);
   const [isMediaPlaying, setIsMediaPlaying] = React8.useState(false);
   const trimStartSec = element.trimStartMs !== void 0 ? element.trimStartMs / 1e3 : 0;
@@ -1329,7 +1358,7 @@ function renderHyperlink(run, spanNode, key, ctx) {
   );
 }
 function FollowLinkHint() {
-  const { t } = reactI18next.useTranslation();
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: t("pptx.linkTooltip.followLink") });
 }
 function wrapWithTextReflection(run, key, spanNode, spanStyle, baseContent) {
@@ -4019,10 +4048,6 @@ Object.defineProperty(exports, "computeHandoutLayout", {
   enumerable: true,
   get: function () { return pptx.computeHandoutLayout; }
 });
-Object.defineProperty(exports, "computeSnapToShape", {
-  enumerable: true,
-  get: function () { return pptx.computeSnapToShape; }
-});
 Object.defineProperty(exports, "copyFormatFromElement", {
   enumerable: true,
   get: function () { return pptx.copyFormatFromElement; }
@@ -4215,12 +4240,14 @@ exports.DEFAULT_TEXT_FONT_SIZE = DEFAULT_TEXT_FONT_SIZE;
 exports.GRID_SIZE = GRID_SIZE;
 exports.HYPERLINK_COLOR = HYPERLINK_COLOR;
 exports.MIN_ELEMENT_SIZE = MIN_ELEMENT_SIZE;
+exports.PptxI18nContext = PptxI18nContext;
 exports.SHAPE_PRESETS = SHAPE_PRESETS;
 exports.SHORTCUT_REFERENCE_ITEMS = SHORTCUT_REFERENCE_ITEMS;
 exports.SLIDE_NAV_THUMBNAIL_WIDTH = SLIDE_NAV_THUMBNAIL_WIDTH;
-exports.STROKE_DASH_OPTIONS = STROKE_DASH_OPTIONS;
 exports.TOOLBAR_SECTIONS = TOOLBAR_SECTIONS;
 exports.UNGROUPED_SECTION_ID = UNGROUPED_SECTION_ID;
+exports.ViewerI18nContext = ViewerI18nContext;
+exports.ViewerLocaleControlsContext = ViewerLocaleControlsContext;
 exports.ZOOM_TO_SELECTION_PADDING = ZOOM_TO_SELECTION_PADDING;
 exports.build3DExtrusionData = build3DExtrusionData;
 exports.buildLineGlowFilter = buildLineGlowFilter;
@@ -4256,3 +4283,5 @@ exports.shouldRenderFallbackLabel = shouldRenderFallbackLabel;
 exports.startMotionPathPreview = startMotionPathPreview;
 exports.startPreviewAnimation = startPreviewAnimation;
 exports.stopPreviewAnimation = stopPreviewAnimation;
+exports.useHostI18next = useHostI18next;
+exports.useTranslation = useTranslation;

package/dist/{chunk-PFV626ED.mjs → chunk-ZCGYPCZM.mjs}

@@ -1,16 +1,46 @@
-import { VIEWER_SHORTCUT_REFERENCE, STROKE_DASH_OPTIONS as STROKE_DASH_OPTIONS$1, getAnimationInitialStyle as getAnimationInitialStyle$1, cloneHistorySnapshot as cloneHistorySnapshot$1, SHAPE_PRESET_DEFS, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, getCropShapeClipPath as getCropShapeClipPath$1, getImageTilingStyle as getImageTilingStyle$1, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle as buildTextBody3DSceneStyle$1, buildParagraphs, followingText, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData as build3DExtrusionData$1, getFrameEffectStyle, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, screenStrokeWidth, markerPath, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isArrowedCustomPath, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY$1, cellStyleToCss, TABLE_CELL_TEXT_DEFAULTS, applyTableCellFontWeight, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, eastAsianBreaksForRun, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects as apply3dEffects$1, buildSubpathPaints, computeColumnBoundaries, computeTableMergeCrossings, columnHandleSegments, rowHandleSegments, getTableCellBandStyle as getTableCellBandStyle$1, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders as getCellDiagonalBorders$1, cellParagraphBlocks, resolveChartPalette, computeChartLegendLayout, resolveChartSvgDef, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, buildRectPathGradient, screenBorder, cellRunStyle, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitEastAsianBreaks, splitRunByScriptFont } from 'ooxml-ui/pptx';
-export { ACTION_BUTTON_PRESETS, DEFAULT_COLOR_CHANGE_TOLERANCE, INK_REPLAY_KEYFRAMES, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, SLIDE_TRANSITION_OPTIONS, TABLE_STYLE_PRESETS, applyColorChange, applyFormatToElement, applyReroutedConnectors, buildCacheKey, buildContentPartStrokes, buildCssGradientFromShapeStyle, buildInkGroupStrokes, buildSaveSlides, canvasToJpegData, clampCropValue, cloneSlide, cloneTemplateElementsBySlideId, colorWithOpacity, comparePresentation, computeHandoutLayout, computeSnapToShape, copyFormatFromElement, formatCommentTimestamp, generateNoteLineCount, getAriaLabel, getAriaRole, getAriaRoleDescription, getCachedResult, getCompoundLineOffsets, getCompoundLineWidths, getContentPartReplayStyles, getElementLabel, getElementTransform, getElementTransformWithoutRotation, getImageEffectsFilter, getImageEffectsOpacity, getInkReplayStyles, getPatternSvg, getPrintableArea, getShapeAdjustmentHandleDescriptors, getSvgStrokeDasharray, getTextCompensationTransform, hasCopyableFormat, isEditableTextElement, isImageTiled, isPpactionUrl, isTemplateElementId, isUrlSafe, makeCloneId, mergeCells, normalizeHexColor, normalizeStrokeDashType, openNativeEyeDropper, parsePpactionUrl, partitionTemplateElements, rerouteConnectorsForMovedElements, safeOpenUrl, sanitizeGradientStops, setCachedResult, splitCell, stopAllPersistentAudio, substituteFieldText } from 'ooxml-ui/pptx';
+import { translationsEn, keyToLabel } from 'ooxml-ui/pptx/i18n';
+import React8, { createContext, useContext, useState, useMemo, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
+import { useTranslation as useTranslation$1 } from 'react-i18next';
+import { VIEWER_SHORTCUT_REFERENCE, getAnimationInitialStyle as getAnimationInitialStyle$1, cloneHistorySnapshot as cloneHistorySnapshot$1, SHAPE_PRESET_DEFS, getImageFitStyle, getImageFillCounterTransform, getComputedFillStyle, getCropShapeClipPath as getCropShapeClipPath$1, getImageTilingStyle as getImageTilingStyle$1, mediaPlaybackAttributes, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_SANDBOX, ONLINE_VIDEO_IFRAME_ALLOW, buildTextBlockStyle, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, buildTextBodyLayoutStyle, buildTextBody3DSceneStyle as buildTextBody3DSceneStyle$1, buildParagraphs, followingText, colorWithOpacity, normalizeHexColor, hexToRgbUnit, build3DExtrusionData as build3DExtrusionData$1, getFrameEffectStyle, getComputedEffectStyle, getComputedStrokeStyle, getAnimationColorBaseStyle, isStrokeOnlyPresetElement, resolveShapeGeometry, screenStrokeWidth, markerPath, normalizeStrokeDashType, getSvgStrokeDasharray, buildSvgGradientDef, isArrowedCustomPath, buildStrokeOutline, getPresetShapeVectorGeometry, isWedgeCalloutPresetShape, svgGradientFillRef, svgLineCap, getCompoundLineOffsets, getCompoundLineWidths, canDrillDown, computeSelectionRect, DEFAULT_FONT_FAMILY as DEFAULT_FONT_FAMILY$1, cellStyleToCss, TABLE_CELL_TEXT_DEFAULTS, applyTableCellFontWeight, rectToCells, isCellInRect, tableContainerCss, buildChartViewModel, resolveChartKind, chartPreserveAspectRatio, buildNotesPdfBytes, buildTiledSlidesPdfBytes, buildPreviewAnimation, measurePreviewGeometry, buildMotionPathPreview, mediaFallbackVisual, scheduleMediaTrimAndFade, registerCrossSlideAudio, shouldShowMediaFullscreenStopButton, withInlineListDecorationDefaults, segmentStyleToCss, resolveAutoFitFontScale, applyUnderlineVariant, nestedTextDecorationStyle, scaleFontSizeForAutoFit, resolveFontKerning, resolveScriptFontSet, hasDistinctScriptFonts, authoredLetterSpacingPx, eastAsianBreaksForRun, pieceLetterSpacing, resolveMetricTrackingPx, hollowTextFillStyle, splitsUnderlineIntoWords, stripUnderlineDecoration, buildTabContext, TEXT_BUILD_ID_SEP, buildTextBuildSpec, textBuildSpanStyle, apply3dEffects as apply3dEffects$1, buildSubpathPaints, computeColumnBoundaries, computeTableMergeCrossings, columnHandleSegments, rowHandleSegments, getTableCellBandStyle as getTableCellBandStyle$1, parseDrawingColor, parseDrawingColorOpacity, getCellDiagonalBorders as getCellDiagonalBorders$1, cellParagraphBlocks, resolveChartPalette, computeChartLegendLayout, resolveChartSvgDef, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, convertOmmlToMathMl, sanitizeMathMl, tableCellCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, buildRectPathGradient, screenBorder, cellRunStyle, buildRunTabLines, chartPartToAttrs, splitWordsForUnderline, splitRunForMetrics, splitEastAsianBreaks, splitRunByScriptFont } from 'ooxml-ui/pptx';
+export { ACTION_BUTTON_PRESETS, DEFAULT_COLOR_CHANGE_TOLERANCE, INK_REPLAY_KEYFRAMES, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, SLIDE_TRANSITION_OPTIONS, TABLE_STYLE_PRESETS, applyColorChange, applyFormatToElement, applyReroutedConnectors, buildCacheKey, buildContentPartStrokes, buildCssGradientFromShapeStyle, buildInkGroupStrokes, buildSaveSlides, canvasToJpegData, clampCropValue, cloneSlide, cloneTemplateElementsBySlideId, colorWithOpacity, comparePresentation, computeHandoutLayout, copyFormatFromElement, formatCommentTimestamp, generateNoteLineCount, getAriaLabel, getAriaRole, getAriaRoleDescription, getCachedResult, getCompoundLineOffsets, getCompoundLineWidths, getContentPartReplayStyles, getElementLabel, getElementTransform, getElementTransformWithoutRotation, getImageEffectsFilter, getImageEffectsOpacity, getInkReplayStyles, getPatternSvg, getPrintableArea, getShapeAdjustmentHandleDescriptors, getSvgStrokeDasharray, getTextCompensationTransform, hasCopyableFormat, isEditableTextElement, isImageTiled, isPpactionUrl, isTemplateElementId, isUrlSafe, makeCloneId, mergeCells, normalizeHexColor, normalizeStrokeDashType, openNativeEyeDropper, parsePpactionUrl, partitionTemplateElements, rerouteConnectorsForMovedElements, safeOpenUrl, sanitizeGradientStops, setCachedResult, splitCell, stopAllPersistentAudio, substituteFieldText } from 'ooxml-ui/pptx';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import React8, { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';
 import { LuTriangle, LuPlus, LuMoveRight, LuMinus, LuDiamond, LuDatabase, LuCircle, LuSquare } from 'react-icons/lu';
 import { hasShapeProperties, isImageLikeElement, hasTextProperties, getConnectorPathGeometry as getConnectorPathGeometry$1, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, getSubstituteFontFamily, parsePanoseString, customGeometryPathsToSvgSubpaths, xmlText, ooxmlGradientAngleToCssDegrees } from 'ooxml-core/pptx';
 export { updateCellTextInRawXml, updateCellTextStyleInRawXml, updateMergeAttrsInRawXml } from 'ooxml-core/pptx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { translationsEn } from 'ooxml-ui/pptx/i18n';
-import { useTranslation } from 'react-i18next';
 
-// src/viewer/utils/animation-effects.ts
+// src/viewer/i18n/use-translation.ts
+var ViewerI18nContext = /* @__PURE__ */ createContext(null);
+var PptxI18nContext = /* @__PURE__ */ createContext(null);
+var NO_LOCALE_CONTROLS = {
+  localeCode: "en",
+  locales: [],
+  selectLocale: () => {
+  },
+  languageSelectable: true
+};
+var ViewerLocaleControlsContext = /* @__PURE__ */ createContext(NO_LOCALE_CONTROLS);
+function useHostI18next() {
+  const { t, i18n } = useTranslation$1();
+  return { t, i18n };
+}
+
+// src/viewer/i18n/use-translation.ts
+var LABELS_ONLY = { t: (key) => keyToLabel(key), locale: "en" };
+function useHostTranslation() {
+  const { t, i18n } = useHostI18next();
+  const language = i18n.resolvedLanguage ?? i18n.language ?? "en";
+  return useMemo(() => ({ t, locale: language }), [t, language]);
+}
+function useTranslation() {
+  const fromRoot = useContext(ViewerI18nContext);
+  const provided = useContext(PptxI18nContext);
+  const resolved = fromRoot ?? provided;
+  const [readsHost] = useState(resolved === null);
+  const host = readsHost ? useHostTranslation() : null;
+  return resolved ?? host ?? LABELS_ONLY;
+}
 function getAnimationInitialStyle(preset, nativeAnimation) {
   return getAnimationInitialStyle$1(preset, nativeAnimation);
 }
@@ -99,7 +129,6 @@ var ARROW_SIZE_OPTIONS = [
   { value: "med", label: "Medium", i18nKey: "pptx.connectorOptions.sizeMedium" },
   { value: "lg", label: "Large", i18nKey: "pptx.connectorOptions.sizeLarge" }
 ];
-var STROKE_DASH_OPTIONS = STROKE_DASH_OPTIONS$1;
 
 // src/viewer/utils/shape-types.tsx
 function getShapeType(shapeType) {
@@ -3927,4 +3956,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_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_OPTIONS, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromTiledImageData, buildReactChartViewModel, buildTextBody3DSceneStyle, cloneHistorySnapshot, cn, getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, 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_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, PptxI18nContext, SHAPE_PRESETS, SHORTCUT_REFERENCE_ITEMS, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, ViewerI18nContext, ViewerLocaleControlsContext, ZOOM_TO_SELECTION_PADDING, build3DExtrusionData, buildLineGlowFilter, buildLineShadowCss, buildNotesPdf, buildPdfFromTiledImageData, buildReactChartViewModel, buildTextBody3DSceneStyle, cloneHistorySnapshot, cn, getAnimationInitialStyle, getConnectorPathGeometry, getCropShapeClipPath, getDuotoneColors, getImageRenderStyle, getImageSurfaceMaskStyle, getImageSurfaceStyle, getImageTilingStyle, getShapeVisualStyle, getTextLayoutStyle, getTextStyleForElement, getTextWarpStyle, hasDagDuotoneEffect, isConnectorOrLineElement, renderChartElement, renderConnectorMarker, renderDagDuotoneSvgFilter, renderMediaElement, renderTableElement, renderTextSegments, renderVectorShape, shouldRenderFallbackLabel, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, useHostI18next, useTranslation };