pptx-react-viewer 4.1.6 → 4.3.0

package/dist/{chunk-OFSKGB3W.mjs → chunk-SKTZSG7Q.mjs}

@@ -1,7 +1,7 @@
-import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getImageSurfaceStyle, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, DEFAULT_FILL_COLOR, getCropShapeClipPath, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getImageSurfaceMaskStyle, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, MIN_ELEMENT_SIZE, buildTextBody3DSceneStyle, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, cloneHistorySnapshot, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_SECTION_GROUP_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, buildPdfFromTiledImageData, GRID_SIZE, buildNotesPdf } from './chunk-KDTE5JOW.mjs';
-import { GlyphOutlineFontCache, createGlyphOutlineLookup, DEFAULT_VIEWER_OPTIONS, TOOLBAR_TABS, getSelectionControlArtworkStyle, hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getSelectionOutlineColor, connectorWrapperTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, buildTextStyleOverrideCss, isElementRendered, resolveElementAriaAttributes, shouldRenderHitTarget, elementHitTargetStyle, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, getResizeHandleHitAreaStyle, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, paintedElementSize, getElementTransform, resolveElementHighlightClick, applyHighlightClickStyle, getComputedEffectStyle, getSoftEdgeSvgFilter, getEffectStyleSource, getBevelLightingSvgFilter, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, strokeOutlineViewBox, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, buildSmartArtA11y, canDrillDown, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, readEditableText, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, resolveChartKind, subscribeBarFacePicturePixelSamples, getBarFacePicturePixelSampleVersion, ensureChartInteractionStyles, applyChartPartHighlight, resolveRevealedChartData, formatAxisValue, buildInkGroupStrokes, getInkReplayStyles, INK_REPLAY_KEYFRAMES, buildContentPartStrokes, getContentPartReplayStyles, resolveOleType, getOleAriaLabel, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, placeholderPromptDescriptor, attachRotateHandlePlacement, elementIdSelector, createRotationDrag, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, resolveRevealedDrawingShapeNodeIds, styleShadowFilter, buildChromeStyle, measureSvgViewportRect, modelDataToBlobUrl, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, inlineListBodyText, createInlineListSeed, readListActivationSelection, createInlineListModelObserver, attachCollaborationInlineEditor, bindInlineListParagraph, bindInlineListRun, attachInlineListController, restoreInlineListBodySelection, getInlineEditorSelectionResult, isBulletMarkerSegment, findChartPartTarget, buildSurfaceChart3DDataForElement, buildBarChart3DDataForElement, buildLineChart3DDataForElement, buildAreaChart3DDataForElement, buildPieChart3DDataForElement, withChartTitle, resolveSmartArt3DLayout, buildSmartArt3DModel, collectCoherent3DOffNodeIds, isBrowserOpenableMime, formatBytes, getOleDisplayName, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, hasGlyphEnvelope, buildGlyphEnvelope, getWarpPath, isWedgeCalloutPresetShape, isElementActionable, centeredSvgTextLines, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, advanceChartMarkDrag, advanceChartValueDrag, buildChartMarkDragGeometry, beginChartMarkDrag, beginChartValueDrag, groupIntoParagraphs, substituteFieldText, computeInlineEditorRect, withChartPointValue, MIN_TOUCH_TARGET_PX, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, createPresenceProjector, BROADCAST_THROTTLE_MS, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, createActiveAnimationGroup, cancelBuildReveal, clearPlaybackTimers, PresentationAnimationController, resolveMediaTimeNodeElementIds, advanceMainSequence, playGroup, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, firstShowSlideIndex, attachPresentationVisibilityPause, presentationEntrySlideIndex, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, visibleTemplateElements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, createPresentationLoadResources, collectMediaElements, resolveMediaElementSource, collectImagePaths, applyImagePathPatches, resolveTableCellImageUrls, resolveTableStyleImageUrls, partitionTemplateElements, seedRecentColors, resolveAuthoredCustomShowId, buildInitialGuides, readOnlyRecommendation, compatibilityWarningToasts, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, updateMasterViewElement, isTemplateElementId, updateElement, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, canInteractWithElement, prepareExportClone, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, resolveImageResolutionScale, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, describeFontEmbedding, isMobileViewport, resolveAuthoredSlideRange, mayLeaveSlideShow, stopAllPersistentAudio, guidePxToEmu, buildSaveSlides, buildDeckSaveOptions, resolveSlideSizeSelection, saveDeckWithPassword, shouldProbeAutosaveRecovery, probeAutosaveRecovery, acceptAutosaveRecovery, acknowledgeAutosaveRecovery, discardAutosaveRecovery, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, collectReferencedFontFamilies, resolveGoogleWebfontHref, syncGoogleWebfontStylesheet, selectGoogleWebfontFamilies, fetchGoogleWebfontOutlineBytes, mapSlideShowStartKey, mapEditorKey, isEditorTextInputTarget, prepareElementForInsertion, createViewerOptionsStore, observeYDocSlides, LOCAL_SYNC_ORIGIN, readSlidesFromYDoc, shouldRoomSlidesReplaceLoad, reconcileSlidesInYDoc, shouldAutoFollowBroadcaster, detectTouchDevice, detectOrientation, deriveViewportBreakpoints, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, checkModifyPassword, viewerPreferencesFromViewProperties, DEFAULT_VIEWER_PREFERENCES, viewPropertiesPatchFromPreferences, openPptxFile, readBackstageRecentFile, resolveCollaborationShellEditability, resolveCollaborationShellState, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, getSlideTransitionAnimations, getFragmentedTransitionDescriptor, SLIDE_TRANSITION_KEYFRAMES, isActionHidden, buildInlineTextCommitPatch, resolveInlineEditAutoFitHeight, resolveInlineEditNormAutofitShrink, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, downloadBlob, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, mapPresentationWheel, openPendingPrintWindow, computeColorFilter, filterHiddenSlideIndices, computeSlideIndices, buildPrintDocument, finishPrintWindow, buildPrintHtmlDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, reResolveElementColors, resolveViewportFitOptions, calculateViewportFit, scheduleAutoAdvanceChain, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, resolveTransitionSoundAction, runPresentationAction, safeOpenUrl, buildRunProgramNotice, toggleStageElementMedia, resolveOleVerbTarget, downloadDataUrl, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, addCommentToList, removeCommentFromList, editCommentInList, toggleCommentResolvedInList, remapTextToSegments, buildInlineListStylePatch, applyActiveInlineListFormatting, applyListStyleUpdate, setPendingSelectionRestore, applyTextStyleUpdate, toggleSelectionBullets, transformInlineListCase, applyCaseTransformToSegments, transformTextCase, resolveExportCaptureDecision, recordProgressPercent, computeGridSpacingPx, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, overlayMasterViewInlineSnapshot, overlayInlineTextSnapshot, cloneElementUpdates, assertElementUpdateTarget, prepareElementUpdateBatch, createWriteBackScheduler, observeExternalCollaborationReadiness, resolveHistoryDepth, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, replyToCommentInList, removeTableElementColumn, insertTableElementColumn, removeTableElementRow, insertTableElementRow, updateCellTextStyleInRawXml, setCellText, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, stopCaptureStream, GIF_POST_CAPTURE_MAX_SIDE, encodeGif, rasterResultToPngBlob, rasterizeElementTiles, placeTileOnPage, PDF_SLIDES_PAGE_WIDTH_PT, PDF_SLIDES_PAGE_HEIGHT_PT, canvasToJpegData, createSnapshotTextPositions, isPpactionUrl, parsePpactionUrl, resolvePresentationAction, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, rasterizeElementTiledToCanvas, borrowExternalCollaborationAwareness, observeExternalCollaborationSession, clampGifDimensions, rasterizeElement, shouldConfirmExternalHyperlink, applyResize, lockResizeAspect, snapBoxToGrid, applyMotionPathPreset, bringForward, sendBackward, bringToFront, sendToBack } from './chunk-FT3MMIXW.mjs';
-import { translationsEn } from './chunk-PC7H3C5W.mjs';
-import React20, { createContext, useMemo, useState, useCallback, useEffect, Suspense, useRef, useLayoutEffect, useContext, useSyncExternalStore, useImperativeHandle } from 'react';
+import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getImageSurfaceStyle, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, DEFAULT_FILL_COLOR, getCropShapeClipPath, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getImageSurfaceMaskStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, MIN_ELEMENT_SIZE, buildTextBody3DSceneStyle, getImageTilingStyle, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, cloneHistorySnapshot, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_SECTION_GROUP_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, buildPdfFromTiledImageData, GRID_SIZE, buildNotesPdf } from './chunk-PLDG3CXW.mjs';
+import { GlyphOutlineFontCache, createGlyphOutlineLookup, DEFAULT_VIEWER_OPTIONS, TOOLBAR_TABS, defineThreeViewElement, getSelectionControlArtworkStyle, hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getSelectionOutlineColor, connectorWrapperTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, buildTextStyleOverrideCss, isElementRendered, resolveElementAriaAttributes, isMediaFullscreenActive, shouldRenderHitTarget, elementHitTargetStyle, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, getResizeHandleHitAreaStyle, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, paintedElementSize, MEDIA_FULLSCREEN_OVERLAY_STYLE, elementContainerHeightStyle, getElementTransform, resolveElementHighlightClick, applyHighlightClickStyle, getComputedEffectStyle, getSoftEdgeSvgFilter, getEffectStyleSource, getBevelLightingSvgFilter, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, strokeOutlineViewBox, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, buildSmartArtA11y, canDrillDown, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, readEditableText, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, mapInlineTextFormatKey, subscribeBarFacePicturePixelSamples, getBarFacePicturePixelSampleVersion, ensureChartInteractionStyles, applyChartPartHighlight, resolveRevealedChartData, formatAxisValue, buildInkGroupStrokes, getInkReplayStyles, INK_REPLAY_KEYFRAMES, buildContentPartStrokes, getContentPartReplayStyles, resolveOleType, getOleAriaLabel, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, placeholderPromptDescriptor, attachRotateHandlePlacement, elementIdSelector, createRotationDrag, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, resolveRevealedDrawingShapeNodeIds, styleShadowFilter, buildChromeStyle, measureSvgViewportRect, modelDataToBlobUrl, getImageSvgFilters, getCachedNativeImageSize, probeNativeImageSize, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, inlineListBodyText, createInlineListSeed, readListActivationSelection, createInlineListModelObserver, attachCollaborationInlineEditor, bindInlineListParagraph, bindInlineListRun, attachInlineListController, restoreInlineListBodySelection, getInlineEditorSelectionResult, isBulletMarkerSegment, resolveChartThreeViewSpec, applyChart3DDrag, applyChart3DSelect, findChartPartTarget, withChartTitle, resolveSmartArtThreeViewSpec, isBrowserOpenableMime, formatBytes, getOleDisplayName, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, hasGlyphEnvelope, buildGlyphEnvelopeBlock, getWarpPath, isWedgeCalloutPresetShape, isElementActionable, centeredSvgTextLines, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, advanceChartMarkDrag, advanceChartValueDrag, resolveChartKind, buildChartMarkDragGeometry, beginChartMarkDrag, beginChartValueDrag, groupIntoParagraphs, substituteFieldText, computeInlineEditorRect, MIN_TOUCH_TARGET_PX, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, createPresenceProjector, BROADCAST_THROTTLE_MS, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, createActiveAnimationGroup, cancelBuildReveal, clearPlaybackTimers, PresentationAnimationController, resolveMediaTimeNodeElementIds, resolveMediaBookmarkTimesMs, advanceMainSequence, playGroup, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, firstShowSlideIndex, attachPresentationVisibilityPause, presentationEntrySlideIndex, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, visibleTemplateElements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, createPresentationLoadResources, collectMediaElements, resolveMediaElementSource, collectImagePaths, applyImagePathPatches, resolveTableCellImageUrls, resolveTableStyleImageUrls, partitionTemplateElements, seedRecentColors, resolveAuthoredCustomShowId, buildInitialGuides, readOnlyRecommendation, compatibilityWarningToasts, EncryptedFileError, resolveAutosaveIntervalMs, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, updateMasterViewElement, isTemplateElementId, updateElement, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, canInteractWithElement, prepareExportClone, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, resolveImageResolutionScale, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, describeFontEmbedding, isMobileViewport, resolveAuthoredSlideRange, mayLeaveSlideShow, stopAllPersistentAudio, guidePxToEmu, buildSaveSlides, buildDeckSaveOptions, resolveSlideSizeSelection, saveDeckWithPassword, shouldProbeAutosaveRecovery, probeAutosaveRecovery, acceptAutosaveRecovery, acknowledgeAutosaveRecovery, discardAutosaveRecovery, shouldLoopContinuously, applyRehearsalTimings, collectReferencedFontFamilies, resolveGoogleWebfontHref, syncGoogleWebfontStylesheet, selectGoogleWebfontFamilies, fetchGoogleWebfontOutlineBytes, mapSlideShowStartKey, mapEditorKey, isEditorTextInputTarget, textFontSizePtToPx, stepFontSizePt, textFontSizePxToPt, cycleSelectableElement, prepareElementForInsertion, createViewerOptionsStore, observeYDocSlides, LOCAL_SYNC_ORIGIN, readSlidesFromYDoc, shouldRoomSlidesReplaceLoad, reconcileSlidesInYDoc, shouldAutoFollowBroadcaster, detectTouchDevice, detectOrientation, deriveViewportBreakpoints, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, checkModifyPassword, viewerPreferencesFromViewProperties, DEFAULT_VIEWER_PREFERENCES, viewPropertiesPatchFromPreferences, openPptxFile, readBackstageRecentFile, resolveCollaborationShellEditability, resolveCollaborationShellState, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, getSlideTransitionAnimations, getFragmentedTransitionDescriptor, SLIDE_TRANSITION_KEYFRAMES, isActionHidden, buildInlineTextCommitPatch, resolveInlineEditAutoFitHeight, resolveInlineEditNormAutofitShrink, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, downloadBlob, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, mapPresentationWheel, openPendingPrintWindow, computeColorFilter, filterHiddenSlideIndices, computeSlideIndices, buildPrintDocument, finishPrintWindow, buildPrintHtmlDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, reResolveElementColors, resolveViewportFitOptions, calculateViewportFit, scheduleAutoAdvanceChain, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, resolveTransitionSoundAction, runPresentationAction, safeOpenUrl, buildRunProgramNotice, toggleStageElementMedia, resolveOleVerbTarget, downloadDataUrl, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, addCommentToList, removeCommentFromList, editCommentInList, toggleCommentResolvedInList, remapTextToSegments, buildInlineListStylePatch, applyActiveInlineListFormatting, applyListStyleUpdate, setPendingSelectionRestore, applyTextStyleUpdate, toggleSelectionBullets, transformInlineListCase, applyCaseTransformToSegments, transformTextCase, resolveExportCaptureDecision, recordProgressPercent, computeGridSpacingPx, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, overlayMasterViewInlineSnapshot, overlayInlineTextSnapshot, copyFormatFromElement, cloneElementUpdates, assertElementUpdateTarget, prepareElementUpdateBatch, createWriteBackScheduler, observeExternalCollaborationReadiness, resolveHistoryDepth, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, replyToCommentInList, removeTableElementColumn, insertTableElementColumn, removeTableElementRow, insertTableElementRow, updateCellTextStyleInRawXml, setCellText, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, stopCaptureStream, GIF_POST_CAPTURE_MAX_SIDE, encodeGif, rasterResultToPngBlob, rasterizeElementTiles, placeTileOnPage, PDF_SLIDES_PAGE_WIDTH_PT, PDF_SLIDES_PAGE_HEIGHT_PT, canvasToJpegData, applyFormatToElement, createSnapshotTextPositions, isPpactionUrl, parsePpactionUrl, resolvePresentationAction, elementActionToPptxAction, isUrlSafe, buildSmartArtPresetData, classifyMediaType, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, rasterizeElementTiledToCanvas, borrowExternalCollaborationAwareness, observeExternalCollaborationSession, clampGifDimensions, rasterizeElement, shouldConfirmExternalHyperlink, applyResize, lockResizeAspect, snapBoxToGrid, applyMotionPathPreset, bringForward, sendBackward, bringToFront, sendToBack } from './chunk-3UWJWJCR.mjs';
+import { translationsEn } from './chunk-OBQ453H6.mjs';
+import React17, { createContext, useMemo, useState, useCallback, useEffect, Suspense, useRef, useLayoutEffect, useContext, useSyncExternalStore, useImperativeHandle } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { flushSync } from 'react-dom';
@@ -1334,6 +1334,9 @@ function useAnimationPlayback(input) {
   const activeAnimationGroupRef = useRef(createActiveAnimationGroup());
   const seededCompletedRef = useRef(false);
   const mediaTimeNodeElementIdsRef = useRef(/* @__PURE__ */ new Map());
+  const mediaBookmarkTimesMsRef = useRef(
+    /* @__PURE__ */ new Map()
+  );
   const lastSeedCompletedRef = useRef(false);
   const buildPlaybackContext = useCallback(() => {
     return {
@@ -1343,7 +1346,8 @@ function useAnimationPlayback(input) {
       onPlayActionSound,
       playSound: playAnimationSound,
       stopSound: stopAnimationSound,
-      mediaTimeNodeElementIds: mediaTimeNodeElementIdsRef.current
+      mediaTimeNodeElementIds: mediaTimeNodeElementIdsRef.current,
+      mediaBookmarkTimesMs: mediaBookmarkTimesMsRef.current
     };
   }, [onPlayActionSound]);
   useEffect(() => {
@@ -1361,6 +1365,7 @@ function useAnimationPlayback(input) {
       if (!slide) {
         controllerRef.current = null;
         mediaTimeNodeElementIdsRef.current = /* @__PURE__ */ new Map();
+        mediaBookmarkTimesMsRef.current = /* @__PURE__ */ new Map();
         setPresentationElementStates(/* @__PURE__ */ new Map());
         setPresentationKeyframesCss("");
         setInteractiveTriggerShapeIds(/* @__PURE__ */ new Set());
@@ -1377,6 +1382,7 @@ function useAnimationPlayback(input) {
       mediaTimeNodeElementIdsRef.current = resolveMediaTimeNodeElementIds(
         slide.nativeAnimations ?? []
       );
+      mediaBookmarkTimesMsRef.current = resolveMediaBookmarkTimesMs(slide.elements);
       setPresentationKeyframesCss(controller.keyframesCss);
       setInteractiveTriggerShapeIds(controller.interactiveTriggerShapeIds);
       setHoverTriggerShapeIds(controller.hoverTriggerShapeIds);
@@ -3331,7 +3337,7 @@ function useFindReplace({
         canEdit: mode === "edit",
         isTextInputTarget: isEditorTextInputTarget(event.target)
       });
-      if (action !== "find") {
+      if (action !== "find" && action !== "findReplace") {
         return;
       }
       event.preventDefault();
@@ -9803,6 +9809,103 @@ function useCanvasImagePaste(input) {
     [loading, error, eligible, slideId, width, height]
   );
 }
+function formatPatchFor(element, format) {
+  const updated = applyFormatToElement(element, format);
+  const updates = {};
+  if (hasShapeProperties(updated)) {
+    updates.shapeStyle = updated.shapeStyle;
+  }
+  if (hasTextProperties(updated)) {
+    updates.textStyle = updated.textStyle;
+  }
+  return updates;
+}
+function useFormatPainterEditing(input) {
+  const {
+    selectedElement,
+    elementLookup,
+    formatPainterActive,
+    setFormatPainterActive,
+    canvasHandlers,
+    ops
+  } = input;
+  const copiedFormatRef = useRef(null);
+  const prevFormatPainterRef = useRef(false);
+  useEffect(() => {
+    if (formatPainterActive && !prevFormatPainterRef.current && selectedElement) {
+      copiedFormatRef.current = copyFormatFromElement(selectedElement);
+    } else if (!formatPainterActive) {
+      copiedFormatRef.current = null;
+    }
+    prevFormatPainterRef.current = formatPainterActive;
+  }, [formatPainterActive, selectedElement]);
+  const copyFormatFromSelection = useCallback(() => {
+    if (selectedElement) {
+      setFormatPainterActive(true);
+    }
+  }, [selectedElement, setFormatPainterActive]);
+  const pasteFormatToSelection = useCallback(
+    (targetIds) => {
+      const format = copiedFormatRef.current;
+      if (!format) {
+        return;
+      }
+      for (const id of targetIds) {
+        const element = elementLookup.get(id);
+        if (element) {
+          ops.updateElementById(id, formatPatchFor(element, format));
+        }
+      }
+      copiedFormatRef.current = null;
+      setFormatPainterActive(false);
+    },
+    [elementLookup, ops, setFormatPainterActive]
+  );
+  useEffect(() => {
+    if (!formatPainterActive) {
+      return;
+    }
+    const onKey = (e) => {
+      if (e.key === "Escape") {
+        setFormatPainterActive(false);
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [formatPainterActive, setFormatPainterActive]);
+  const wrappedCanvasHandlers = useMemo(
+    () => ({
+      ...canvasHandlers,
+      handleElementClick: (elementId, e) => {
+        if (formatPainterActive && copiedFormatRef.current) {
+          e.stopPropagation();
+          const element = elementLookup.get(elementId);
+          if (element) {
+            ops.updateElementById(elementId, formatPatchFor(element, copiedFormatRef.current));
+          }
+          copiedFormatRef.current = null;
+          setFormatPainterActive(false);
+          ops.applySelection(elementId);
+          return;
+        }
+        canvasHandlers.handleElementClick(elementId, e);
+      },
+      handleCanvasMouseDown: (e) => {
+        if (formatPainterActive) {
+          setFormatPainterActive(false);
+          return;
+        }
+        canvasHandlers.handleCanvasMouseDown(e);
+      }
+    }),
+    [canvasHandlers, ops, formatPainterActive, setFormatPainterActive, elementLookup]
+  );
+  return {
+    canvasHandlers: wrappedCanvasHandlers,
+    copyFormatFromSelection,
+    pasteFormatToSelection
+  };
+}
 
 // src/viewer/hooks/useEditorOperations.ts
 function useEditorOperations(input) {
@@ -10002,64 +10105,19 @@ function useEditorOperations(input) {
     }),
     [ops, combinedUpdateTextStyle]
   );
-  const copiedFormatRef = useRef(null);
-  const prevFormatPainterRef = useRef(false);
   const { formatPainterActive, setFormatPainterActive, elementLookup } = state;
-  useEffect(() => {
-    if (formatPainterActive && !prevFormatPainterRef.current && selectedElement) {
-      copiedFormatRef.current = copyFormatFromElement(selectedElement);
-    } else if (!formatPainterActive) {
-      copiedFormatRef.current = null;
-    }
-    prevFormatPainterRef.current = formatPainterActive;
-  }, [formatPainterActive, selectedElement]);
-  useEffect(() => {
-    if (!formatPainterActive) {
-      return;
-    }
-    const onKey = (e) => {
-      if (e.key === "Escape") {
-        setFormatPainterActive(false);
-      }
-    };
-    window.addEventListener("keydown", onKey);
-    return () => window.removeEventListener("keydown", onKey);
-  }, [formatPainterActive, setFormatPainterActive]);
-  const formatPainterCanvasHandlers = useMemo(
-    () => ({
-      ...canvasHandlers,
-      handleElementClick: (elementId, e) => {
-        if (formatPainterActive && copiedFormatRef.current) {
-          e.stopPropagation();
-          const element = elementLookup.get(elementId);
-          if (element) {
-            const updated = applyFormatToElement(element, copiedFormatRef.current);
-            const updates = {};
-            if (hasShapeProperties(updated)) {
-              updates.shapeStyle = updated.shapeStyle;
-            }
-            if (hasTextProperties(updated)) {
-              updates.textStyle = updated.textStyle;
-            }
-            ops.updateElementById(elementId, updates);
-          }
-          copiedFormatRef.current = null;
-          setFormatPainterActive(false);
-          ops.applySelection(elementId);
-          return;
-        }
-        canvasHandlers.handleElementClick(elementId, e);
-      },
-      handleCanvasMouseDown: (e) => {
-        if (formatPainterActive) {
-          setFormatPainterActive(false);
-          return;
-        }
-        canvasHandlers.handleCanvasMouseDown(e);
-      }
-    }),
-    [canvasHandlers, ops, formatPainterActive, setFormatPainterActive, elementLookup]
-  );
+  const {
+    canvasHandlers: formatPainterCanvasHandlers,
+    copyFormatFromSelection,
+    pasteFormatToSelection
+  } = useFormatPainterEditing({
+    selectedElement,
+    elementLookup,
+    formatPainterActive,
+    setFormatPainterActive,
+    canvasHandlers,
+    ops
+  });
   return {
     ops: combinedOps,
     sectionOps,
@@ -10069,7 +10127,9 @@ function useEditorOperations(input) {
     insertHandlers: { ...insertHandlers, imagePaste },
     manipulation,
     slideOps,
-    tableOps
+    tableOps,
+    copyFormatFromSelection,
+    pasteFormatToSelection
   };
 }
 
@@ -10542,6 +10602,48 @@ function useKeyboardShortcuts(input) {
       case "nextSlide":
         current.onNextSlide?.();
         break;
+      case "alignLeft":
+        current.onAlignLeft?.();
+        break;
+      case "alignCenter":
+        current.onAlignCenter?.();
+        break;
+      case "alignRight":
+        current.onAlignRight?.();
+        break;
+      case "alignJustify":
+        current.onAlignJustify?.();
+        break;
+      case "increaseFontSize":
+        current.onIncreaseFontSize?.();
+        break;
+      case "decreaseFontSize":
+        current.onDecreaseFontSize?.();
+        break;
+      case "copyFormat":
+        current.onCopyFormat?.();
+        break;
+      case "pasteFormat":
+        current.onPasteFormat?.();
+        break;
+      case "newSlide":
+        current.onNewSlide?.();
+        break;
+      case "hyperlink":
+        current.onHyperlink?.();
+        break;
+      case "findReplace":
+        current.onFindReplace?.();
+        break;
+      case "clearFormatting":
+        current.onClearFormatting?.();
+        break;
+      case "cycleSelectionNext":
+        current.onCycleSelectionNext?.();
+        break;
+      case "cycleSelectionPrev":
+        current.onCycleSelectionPrev?.();
+        break;
     }
   }, []);
   useEffect(() => {
@@ -10553,6 +10655,13 @@ function useKeyboardShortcuts(input) {
 }
 
 // src/viewer/hooks/useKeyboardShortcutWiring.ts
+var CLEAR_FORMATTING_PATCH = {
+  bold: false,
+  italic: false,
+  underline: false,
+  strikethrough: false,
+  highlightColor: void 0
+};
 function useKeyboardShortcutWiring(input) {
   const {
     state,
@@ -10564,7 +10673,11 @@ function useKeyboardShortcutWiring(input) {
     manipulation,
     history,
     onEnterPresentModeFromBeginning,
-    onSetMode
+    onSetMode,
+    handleAddSlide,
+    onOpenHyperlinkDialog,
+    copyFormatFromSelection,
+    pasteFormatToSelection
   } = input;
   useKeyboardShortcuts({
     containerRef: state.containerRef,
@@ -10638,9 +10751,38 @@ function useKeyboardShortcutWiring(input) {
       state.setActiveSlideIndex((prev) => Math.min(slides.length - 1, prev + 1));
     },
     onStartShowFromBeginning: onEnterPresentModeFromBeginning,
-    onStartShowFromCurrent: () => onSetMode("present")
+    onStartShowFromCurrent: () => onSetMode("present"),
+    onAlignLeft: () => ops.updateSelectedTextStyle({ align: "left" }),
+    onAlignCenter: () => ops.updateSelectedTextStyle({ align: "center" }),
+    onAlignRight: () => ops.updateSelectedTextStyle({ align: "right" }),
+    onAlignJustify: () => ops.updateSelectedTextStyle({ align: "justify" }),
+    onIncreaseFontSize: () => stepSelectedFontSize(state, ops, "increase"),
+    onDecreaseFontSize: () => stepSelectedFontSize(state, ops, "decrease"),
+    onCopyFormat: copyFormatFromSelection,
+    onPasteFormat: () => pasteFormatToSelection(state.effectiveSelectedIds),
+    onNewSlide: handleAddSlide,
+    onHyperlink: onOpenHyperlinkDialog,
+    onClearFormatting: () => ops.updateSelectedTextStyle({ ...CLEAR_FORMATTING_PATCH }),
+    onCycleSelectionNext: () => cycleSelection(state, activeSlide, ops, "next"),
+    onCycleSelectionPrev: () => cycleSelection(state, activeSlide, ops, "prev")
   });
 }
+function stepSelectedFontSize(state, ops, direction) {
+  const selected = state.selectedElement;
+  const currentPx = (selected && hasTextProperties(selected) ? selected.textStyle?.fontSize : void 0) ?? textFontSizePtToPx(18);
+  const nextPt = stepFontSizePt(textFontSizePxToPt(currentPx), direction);
+  ops.updateSelectedTextStyle({ fontSize: textFontSizePtToPx(nextPt) });
+}
+function cycleSelection(state, activeSlide, ops, direction) {
+  if (!activeSlide) {
+    return;
+  }
+  const ids = activeSlide.elements.map((el) => el.id);
+  const nextId = cycleSelectableElement(ids, state.selectedElementId, direction);
+  if (nextId) {
+    ops.applySelection(nextId, [nextId]);
+  }
+}
 function useElementUpdateBatch(input) {
   const live = useRef(input);
   live.current = input;
@@ -11037,7 +11179,11 @@ function useViewerIntegration(input) {
     manipulation: editorOps.manipulation,
     history,
     onEnterPresentModeFromBeginning: presentation.enterPresentModeFromBeginning,
-    onSetMode: handleSetMode
+    onSetMode: handleSetMode,
+    handleAddSlide: editorOps.slideOps.handleAddSlide,
+    onOpenHyperlinkDialog: () => dialogs.setIsHyperlinkDialogOpen(true),
+    copyFormatFromSelection: editorOps.copyFormatFromSelection,
+    pasteFormatToSelection: editorOps.pasteFormatToSelection
   });
   return {
     exportHandlers,
@@ -12199,6 +12345,12 @@ function buildToolbarProps(input) {
     onOpenSettings,
     onRunAccessibilityCheck: dialogs.handleRunAccessibilityCheck,
     onToggleSlideSorter: () => s.setShowSlideSorter((p) => !p),
+    onGoToNormalView: () => {
+      s.setShowSlideSorter(false);
+      s.setShowReadingView(false);
+      s.setShowOutlineView(false);
+      dialogs.handleCloseMasterView();
+    },
     onOpenReadingView: () => s.setShowReadingView(true),
     onOpenOutlineView: () => s.setShowOutlineView(true),
     onUpdateTextStyle: ops.updateSelectedTextStyle,
@@ -13238,6 +13390,33 @@ function DuotoneImage({
     }
   );
 }
+function TiledImageLayer({
+  element,
+  src,
+  className,
+  style
+}) {
+  const [nativeSize, setNativeSize] = useState(() => getCachedNativeImageSize(src));
+  useEffect(() => {
+    const cached = getCachedNativeImageSize(src);
+    if (cached) {
+      setNativeSize(cached);
+      return;
+    }
+    let cancelled = false;
+    probeNativeImageSize(src).then((size) => {
+      if (!cancelled && size) {
+        setNativeSize(size);
+      }
+      return void 0;
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [src]);
+  return /* @__PURE__ */ jsx("div", { className, style: { ...getImageTilingStyle(element, nativeSize), ...style } });
+}
 function renderImageEffectDefinitions(element, excludeDuotone = false) {
   return getImageSvgFilters(element).filter((definition) => !excludeDuotone || definition.id !== `duotone-${element.id}`).map((definition) => /* @__PURE__ */ jsx(
     "svg",
@@ -13313,10 +13492,12 @@ function renderImg(el, style, filter, alt, opacity) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       renderImageEffectDefinitions(el),
       /* @__PURE__ */ jsx(
-        "div",
+        TiledImageLayer,
         {
+          element: el,
+          src: tileSrc,
           className: "pointer-events-none select-none w-full h-full",
-          style: { ...getImageTilingStyle(el), ...effectStyles }
+          style: effectStyles
         }
       )
     ] });
@@ -13426,436 +13607,127 @@ function ChartPartSelectionProvider({
 function useChartPartSelection() {
   return useContext(ChartPartSelectionContext);
 }
-var AreaChart3DContext = createContext(false);
-function LoadingState({ className }) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      className: cn(
-        "h-full w-full flex items-center justify-center text-muted-foreground",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: t("pptx.viewer.loading") })
-      ] })
+var DEFAULT_RENDERING_3D_FLAGS = {
+  smartArt3D: false,
+  surfaceChart3D: false,
+  barChart3D: false,
+  lineChart3D: false,
+  areaChart3D: false,
+  pieChart3D: false
+};
+var Rendering3DFlagsContext = createContext(DEFAULT_RENDERING_3D_FLAGS);
+defineThreeViewElement();
+function useThreeViewEvent(ref, type, handler) {
+  useLayoutEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return void 0;
+    }
+    const listener = (event) => handler(event.detail);
+    host.addEventListener(type, listener);
+    return () => host.removeEventListener(type, listener);
+  }, [ref, type, handler]);
+}
+function ThreeView({
+  spec,
+  interactive = true,
+  selectedPart = null,
+  textStyle,
+  className,
+  style,
+  onSelect,
+  onDrag,
+  onStateChange,
+  children
+}) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.spec = spec;
+    }
+  }, [spec]);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.interactive = interactive;
+    }
+  }, [interactive]);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.selectedPart = selectedPart;
+    }
+  }, [selectedPart]);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.textStyle = textStyle;
     }
+  }, [textStyle]);
+  const handleSelectEvent = useCallback(
+    (detail) => onSelect?.(detail.part),
+    [onSelect]
+  );
+  const handleDragEvent = useCallback((detail) => onDrag?.(detail), [onDrag]);
+  const handleStateEvent = useCallback(
+    (detail) => onStateChange?.(detail.state),
+    [onStateChange]
   );
+  useThreeViewEvent(ref, "pptx-three-select", handleSelectEvent);
+  useThreeViewEvent(ref, "pptx-three-drag", handleDragEvent);
+  useThreeViewEvent(ref, "pptx-three-state", handleStateEvent);
+  return /* @__PURE__ */ jsx("pptx-three-view", { ref, className, style, children });
 }
-function FailedToLoad() {
-  return null;
+function useChart3DView({
+  element,
+  flags,
+  canEdit,
+  onUpdateElement,
+  selection,
+  setSelection,
+  setDragValue
+}) {
+  const spec = useMemo(() => resolveChartThreeViewSpec(element, flags), [element, flags]);
+  const bridge = {
+    elementId: element.id,
+    chartData: element.chartData,
+    canSelect: canEdit,
+    selectedElementId: selection?.elementId ?? null,
+    setSelection,
+    setDragValue,
+    commitChartData: onUpdateElement ? (next) => onUpdateElement({ chartData: next }) : void 0
+  };
+  return {
+    spec,
+    onSelect: (part) => applyChart3DSelect(bridge, part),
+    onDrag: (detail) => applyChart3DDrag(bridge, detail)
+  };
 }
-var LazyArea3DChartScene = React20.lazy(
-  async () => {
-    try {
-      return await import('./Area3DChartScene-TDACCSOI.mjs');
-    } catch {
-      return { default: FailedToLoad };
-    }
-  }
-);
-var SceneErrorBoundary = class extends React20.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-};
-function Area3DChartRenderer({
+function useChartMarkInteraction({
   element,
-  interaction,
-  selectedPart,
-  textStyle
+  canEdit,
+  onUpdateElement,
+  viewModel,
+  wrapperRef,
+  setSelection
 }) {
-  const [threeAvailable, setThreeAvailable] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    import('./three.module-LGUV2LI6.mjs').then(() => {
-      if (!cancelled) {
-        setThreeAvailable(true);
-      }
-      return void 0;
-    }).catch(() => {
-      if (!cancelled) {
-        setThreeAvailable(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const options = useMemo(
-    () => buildAreaChart3DDataForElement(element, { width: element.width, height: element.height }),
-    [element]
-  );
-  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
-  if (!options || threeAvailable === false) {
-    return svgFallback;
-  }
-  if (threeAvailable === null) {
-    return /* @__PURE__ */ jsx(LoadingState, {});
-  }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
-    LazyArea3DChartScene,
-    {
-      options,
-      interaction,
-      selectedPart,
-      textStyle
-    }
-  ) }) });
-}
-var BarChart3DContext = createContext(false);
-function FailedToLoad2() {
-  return null;
-}
-var LazyBar3DChartScene = React20.lazy(
-  async () => {
-    try {
-      return await import('./Bar3DChartScene-AD72DLBJ.mjs');
-    } catch {
-      return { default: FailedToLoad2 };
-    }
-  }
-);
-var SceneErrorBoundary2 = class extends React20.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-};
-function Bar3DChartRenderer({
-  element,
-  interaction,
-  selectedPart,
-  textStyle
-}) {
-  const [threeAvailable, setThreeAvailable] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    import('./three.module-LGUV2LI6.mjs').then(() => {
-      if (!cancelled) {
-        setThreeAvailable(true);
-      }
-      return void 0;
-    }).catch(() => {
-      if (!cancelled) {
-        setThreeAvailable(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const options = useMemo(
-    () => buildBarChart3DDataForElement(element, { width: element.width, height: element.height }),
-    [element]
-  );
-  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
-  if (!options || threeAvailable === false) {
-    return svgFallback;
-  }
-  if (threeAvailable === null) {
-    return /* @__PURE__ */ jsx(LoadingState, {});
-  }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary2, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
-    LazyBar3DChartScene,
-    {
-      options,
-      interaction,
-      selectedPart,
-      textStyle
-    }
-  ) }) });
-}
-
-// src/viewer/components/elements/build-chart3d-part-interaction.ts
-function buildChart3DPartInteraction({
-  element,
-  canEdit,
-  onUpdateElement,
-  selection,
-  setSelection,
-  setDragValue
-}) {
-  if (!canEdit) {
-    return void 0;
-  }
-  const onSelect = (part) => {
-    if (part) {
-      setSelection({ elementId: element.id, part });
-    } else if (selection?.elementId === element.id) {
-      setSelection(null);
-    }
-  };
-  const onValueDragPreview = (_part, value) => {
-    setDragValue(value);
-  };
-  const onValueDragCommit = (part, value) => {
-    setDragValue(null);
-    if (!onUpdateElement || !element.chartData || part.pointIndex === void 0) {
-      return;
-    }
-    onUpdateElement({
-      chartData: withChartPointValue(element.chartData, part.seriesIndex, part.pointIndex, value)
-    });
-  };
-  return { onSelect, onValueDragPreview, onValueDragCommit };
-}
-var LineChart3DContext = createContext(false);
-function FailedToLoad3() {
-  return null;
-}
-var LazyLine3DChartScene = React20.lazy(
-  async () => {
-    try {
-      return await import('./Line3DChartScene-2ZQSCHK3.mjs');
-    } catch {
-      return { default: FailedToLoad3 };
-    }
-  }
-);
-var SceneErrorBoundary3 = class extends React20.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-};
-function Line3DChartRenderer({
-  element,
-  interaction,
-  selectedPart,
-  textStyle
-}) {
-  const [threeAvailable, setThreeAvailable] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    import('./three.module-LGUV2LI6.mjs').then(() => {
-      if (!cancelled) {
-        setThreeAvailable(true);
-      }
-      return void 0;
-    }).catch(() => {
-      if (!cancelled) {
-        setThreeAvailable(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const options = useMemo(
-    () => buildLineChart3DDataForElement(element, { width: element.width, height: element.height }),
-    [element]
-  );
-  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
-  if (!options || threeAvailable === false) {
-    return svgFallback;
-  }
-  if (threeAvailable === null) {
-    return /* @__PURE__ */ jsx(LoadingState, {});
-  }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary3, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
-    LazyLine3DChartScene,
-    {
-      options,
-      interaction,
-      selectedPart,
-      textStyle
-    }
-  ) }) });
-}
-var PieChart3DContext = createContext(false);
-function FailedToLoad4() {
-  return null;
-}
-var LazyPieChart3DScene = React20.lazy(
-  async () => {
-    try {
-      return await import('./PieChart3DScene-PYHOA7BO.mjs');
-    } catch {
-      return { default: FailedToLoad4 };
-    }
-  }
-);
-var SceneErrorBoundary4 = class extends React20.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-};
-function PieChart3DRenderer({
-  element,
-  interaction,
-  selectedPart
-}) {
-  const [threeAvailable, setThreeAvailable] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    import('./three.module-LGUV2LI6.mjs').then(() => {
-      if (!cancelled) {
-        setThreeAvailable(true);
-      }
-      return void 0;
-    }).catch(() => {
-      if (!cancelled) {
-        setThreeAvailable(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const options = useMemo(
-    () => buildPieChart3DDataForElement(element, { width: element.width, height: element.height }),
-    [element]
-  );
-  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
-  if (!options || threeAvailable === false) {
-    return svgFallback;
-  }
-  if (threeAvailable === null) {
-    return /* @__PURE__ */ jsx(LoadingState, {});
-  }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary4, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
-    LazyPieChart3DScene,
-    {
-      options,
-      interaction,
-      selectedPart
-    }
-  ) }) });
-}
-var SurfaceChart3DContext = createContext(false);
-function FailedToLoad5() {
-  return null;
-}
-var LazySurfaceChart3DScene = React20.lazy(
-  async () => {
-    try {
-      return await import('./SurfaceChart3DScene-IFBUOLNB.mjs');
-    } catch {
-      return { default: FailedToLoad5 };
-    }
-  }
-);
-var SceneErrorBoundary5 = class extends React20.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-};
-function SurfaceChart3DRenderer({
-  element,
-  interaction,
-  selectedPart,
-  textStyle
-}) {
-  const [threeAvailable, setThreeAvailable] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    import('./three.module-LGUV2LI6.mjs').then(() => {
-      if (!cancelled) {
-        setThreeAvailable(true);
-      }
-      return void 0;
-    }).catch(() => {
-      if (!cancelled) {
-        setThreeAvailable(false);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const options = useMemo(
-    () => buildSurfaceChart3DDataForElement(element, { width: element.width, height: element.height }),
-    [element]
-  );
-  const svgFallback = /* @__PURE__ */ jsx(Fragment, { children: renderChartElement(element) });
-  if (!options || threeAvailable === false) {
-    return svgFallback;
-  }
-  if (threeAvailable === null) {
-    return /* @__PURE__ */ jsx(LoadingState, {});
-  }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary5, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
-    LazySurfaceChart3DScene,
-    {
-      options,
-      interaction,
-      selectedPart,
-      textStyle
-    }
-  ) }) });
-}
-function useChartMarkInteraction({
-  element,
-  canEdit,
-  onUpdateElement,
-  viewModel,
-  wrapperRef,
-  setSelection
-}) {
-  const dragRef = useRef(null);
-  const markDragRef = useRef(null);
-  const [previewData, setPreviewData] = useState(null);
-  const [dragValue, setDragValue] = useState(null);
-  const endDrag = (commit) => {
-    const active = dragRef.current;
-    const markActive = markDragRef.current;
-    dragRef.current = null;
-    markDragRef.current = null;
-    setPreviewData(null);
-    setDragValue(null);
-    if (!commit || !onUpdateElement) {
-      return;
-    }
-    if (active?.moved && active.lastData) {
-      onUpdateElement({ chartData: active.lastData });
-    } else if (markActive?.moved && markActive.lastData) {
-      onUpdateElement({ chartData: markActive.lastData });
-    }
-  };
+  const dragRef = useRef(null);
+  const markDragRef = useRef(null);
+  const [previewData, setPreviewData] = useState(null);
+  const [dragValue, setDragValue] = useState(null);
+  const endDrag = (commit) => {
+    const active = dragRef.current;
+    const markActive = markDragRef.current;
+    dragRef.current = null;
+    markDragRef.current = null;
+    setPreviewData(null);
+    setDragValue(null);
+    if (!commit || !onUpdateElement) {
+      return;
+    }
+    if (active?.moved && active.lastData) {
+      onUpdateElement({ chartData: active.lastData });
+    } else if (markActive?.moved && markActive.lastData) {
+      onUpdateElement({ chartData: markActive.lastData });
+    }
+  };
   useEffect(() => {
     if (dragValue === null) {
       return;
@@ -13979,16 +13851,7 @@ function ChartElementView({
   const [titleDraft, setTitleDraft] = useState(null);
   const selectedPart = selection?.elementId === element.id ? selection.part : null;
   const canEdit = editable && Boolean(onUpdateElement);
-  const use3D = useContext(SurfaceChart3DContext);
-  const isSurfaceKind = resolveChartKind(element.chartData?.chartType ?? "bar") === "surface";
-  const use3DBar = useContext(BarChart3DContext);
-  const isBar3DKind = element.chartData?.chartType === "bar3D";
-  const use3DLine = useContext(LineChart3DContext);
-  const isLine3DKind = element.chartData?.chartType === "line3D";
-  const use3DArea = useContext(AreaChart3DContext);
-  const isArea3DKind = element.chartData?.chartType === "area3D";
-  const use3DPie = useContext(PieChart3DContext);
-  const isPie3DKind = element.chartData?.chartType === "pie3D";
+  const rendering3DFlags = useContext(Rendering3DFlagsContext);
   const barFacePictureSampleVersion = useSyncExternalStore(
     subscribeBarFacePicturePixelSamples,
     getBarFacePicturePixelSampleVersion,
@@ -14024,14 +13887,6 @@ function ChartElementView({
     wrapperRef,
     setSelection
   });
-  const chart3DInteraction = buildChart3DPartInteraction({
-    element,
-    canEdit,
-    onUpdateElement,
-    selection,
-    setSelection,
-    setDragValue
-  });
   const handleDoubleClick = (e) => {
     if (!canEdit || !canDrillDown(element)) {
       return;
@@ -14060,6 +13915,15 @@ function ChartElementView({
   const baseChartData = previewData ?? element.chartData;
   const revealedChartData = baseChartData ? resolveRevealedChartData(baseChartData, animationState) : baseChartData;
   const renderedElement = revealedChartData === element.chartData ? element : { ...element, chartData: revealedChartData };
+  const chart3D = useChart3DView({
+    element: renderedElement,
+    flags: rendering3DFlags,
+    canEdit,
+    onUpdateElement,
+    selection,
+    setSelection,
+    setDragValue
+  });
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -14070,44 +13934,16 @@ function ChartElementView({
       onPointerUp: handlePointerUp,
       onDoubleClick: handleDoubleClick,
       children: [
-        use3D && isSurfaceKind ? /* @__PURE__ */ jsx(
-          SurfaceChart3DRenderer,
-          {
-            element: renderedElement,
-            interaction: chart3DInteraction,
-            selectedPart,
-            textStyle: animationState?.textStyle
-          }
-        ) : use3DBar && isBar3DKind ? /* @__PURE__ */ jsx(
-          Bar3DChartRenderer,
+        chart3D.spec ? /* @__PURE__ */ jsx(
+          ThreeView,
           {
-            element: renderedElement,
-            interaction: chart3DInteraction,
+            spec: chart3D.spec,
+            interactive: canEdit,
             selectedPart,
-            textStyle: animationState?.textStyle
-          }
-        ) : use3DLine && isLine3DKind ? /* @__PURE__ */ jsx(
-          Line3DChartRenderer,
-          {
-            element: renderedElement,
-            interaction: chart3DInteraction,
-            selectedPart,
-            textStyle: animationState?.textStyle
-          }
-        ) : use3DArea && isArea3DKind ? /* @__PURE__ */ jsx(
-          Area3DChartRenderer,
-          {
-            element: renderedElement,
-            interaction: chart3DInteraction,
-            selectedPart,
-            textStyle: animationState?.textStyle
-          }
-        ) : use3DPie && isPie3DKind ? /* @__PURE__ */ jsx(
-          PieChart3DRenderer,
-          {
-            element: renderedElement,
-            interaction: chart3DInteraction,
-            selectedPart
+            textStyle: animationState?.textStyle,
+            onSelect: chart3D.onSelect,
+            onDrag: chart3D.onDrag,
+            children: renderChartElement(renderedElement)
           }
         ) : renderChartElement(renderedElement),
         dragValue !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 z-10 rounded bg-primary/90 px-1.5 py-0.5 text-[10px] font-medium text-white pointer-events-none", children: formatAxisValue(dragValue) }),
@@ -14541,7 +14377,7 @@ function ResizeHandles({
     ))
   ] });
 }
-var ConnectorElementRenderer = React20.memo(
+var ConnectorElementRenderer = React17.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ConnectorElementRendererInner({
     el,
@@ -14879,21 +14715,23 @@ function getContainerStyle({
   );
   const overflowValue = has3DExtrusion || blurGrowVisible || isPicture ? "visible" : isImg || el.type === "media" ? "hidden" : void 0;
   const painted = paintedElementSize(el);
+  const fs = MEDIA_FULLSCREEN_OVERLAY_STYLE;
+  const heightStyle = isFullscreenMedia ? { height: fs.height } : el.type === "table" ? elementContainerHeightStyle(el, painted.height) : { height: painted.height };
   return {
-    left: isFullscreenMedia ? 0 : el.x,
-    top: isFullscreenMedia ? 0 : el.y,
-    width: isFullscreenMedia ? "100%" : painted.width,
-    height: isFullscreenMedia ? "100%" : painted.height,
-    transform: isFullscreenMedia ? "none" : getElementTransform(el),
+    left: isFullscreenMedia ? fs.left : el.x,
+    top: isFullscreenMedia ? fs.top : el.y,
+    width: isFullscreenMedia ? fs.width : painted.width,
+    ...heightStyle,
+    transform: isFullscreenMedia ? fs.transform : getElementTransform(el),
     transformOrigin: "center",
     overflow: overflowValue,
     clipPath: isPicture ? void 0 : isImg && !has3DExtrusion ? getCropShapeClipPath(el) : void 0,
-    zIndex: isFullscreenMedia ? 20 : zIndex,
+    zIndex: isFullscreenMedia ? fs.zIndex : zIndex,
     visibility: animationState?.visible === false ? "hidden" : "visible",
     animation: animationState?.cssAnimation,
-    background: isFullscreenMedia ? "#000" : void 0,
-    transition: isFullscreenMedia ? "left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease" : void 0,
-    borderColor: isFullscreenMedia ? "transparent" : void 0,
+    background: isFullscreenMedia ? fs.background : void 0,
+    transition: isFullscreenMedia ? fs.transition : void 0,
+    borderColor: isFullscreenMedia ? fs.borderColor : void 0,
     ...shapeVisualStyle,
     ...isPicture ? {
       backgroundColor: "transparent",
@@ -14928,7 +14766,7 @@ function shapeParams(element) {
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   return { hf: hasFill, fc: fillColor, sw: strokeWidth, sc: strokeColor };
 }
-var Extrusion3DOverlay = React20.memo(
+var Extrusion3DOverlay = React17.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function Extrusion3DOverlayInner({ data }) {
     if (!data.hasExtrusion || data.panels.length === 0) {
@@ -15162,7 +15000,7 @@ function ShapeEffectOverlay({
     ) : null
   ] });
 }
-var ElementRenderer = React20.memo(
+var ElementRenderer = React17.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ElementRendererInner({
     element: el,
@@ -15298,7 +15136,11 @@ var ElementRenderer = React20.memo(
     const selB = isSelected ? `outline-1 -outline-offset-1 outline-${selClr} ring-2 ring-${selClr}/50` : showHoverBorder ? "outline-1 -outline-offset-1 outline-transparent hover:outline-primary/40" : "";
     const cur = effectiveIsInlineEditing ? "cursor-text" : effectiveCanInteract ? !allow.movable ? "cursor-default" : "cursor-move" : hasAction || isZoom ? "cursor-pointer" : "";
     const isPresentationPassive = presenting === true;
-    const isFullscreenMedia = el.type === "media" && Boolean(el.fullScreen) && isPresentationPassive && isMediaPlaying;
+    const isFullscreenMedia = el.type === "media" && isMediaFullscreenActive({
+      fullScreen: el.fullScreen,
+      presenting: isPresentationPassive,
+      playing: isMediaPlaying
+    });
     const hitTargetStyle = shouldRenderHitTarget(effectiveCanInteract, isPresentationPassive) ? elementHitTargetStyle(el) : void 0;
     const isFocusable = effectiveCanInteract || isActionable;
     const containerStyle = getContainerStyle({
@@ -15485,30 +15327,48 @@ var ElementRenderer = React20.memo(
     );
   }
 );
-function renderPressureStroke(circles, color, opacity, keyPrefix) {
-  return /* @__PURE__ */ jsx("g", { opacity, children: circles.map((c, j) => /* @__PURE__ */ jsx("circle", { cx: c.cx, cy: c.cy, r: c.r, fill: color }, `${keyPrefix}-pc-${j}`)) });
+function renderPressureStroke(circles, color, opacity, blendMode, keyPrefix) {
+  return /* @__PURE__ */ jsx(
+    "g",
+    {
+      opacity,
+      style: blendMode === "multiply" ? { mixBlendMode: "multiply" } : void 0,
+      children: circles.map((c, j) => /* @__PURE__ */ jsx("circle", { cx: c.cx, cy: c.cy, r: c.r, fill: color }, `${keyPrefix}-pc-${j}`))
+    }
+  );
 }
-function renderNibMarkStroke(marks, color, opacity, keyPrefix) {
-  return /* @__PURE__ */ jsx("g", { opacity, children: marks.map((m, j) => /* @__PURE__ */ jsx(
-    "ellipse",
+function renderNibMarkStroke(marks, color, opacity, blendMode, keyPrefix) {
+  return /* @__PURE__ */ jsx(
+    "g",
     {
-      cx: m.cx,
-      cy: m.cy,
-      rx: m.rPerp,
-      ry: m.rTilt,
-      transform: `rotate(${m.rotationDeg} ${m.cx} ${m.cy})`,
-      fill: color
-    },
-    `${keyPrefix}-nib-${j}`
-  )) });
+      opacity,
+      style: blendMode === "multiply" ? { mixBlendMode: "multiply" } : void 0,
+      children: marks.map((m, j) => /* @__PURE__ */ jsx(
+        "ellipse",
+        {
+          cx: m.cx,
+          cy: m.cy,
+          rx: m.rPerp,
+          ry: m.rTilt,
+          transform: `rotate(${m.rotationDeg} ${m.cx} ${m.cy})`,
+          fill: color
+        },
+        `${keyPrefix}-nib-${j}`
+      ))
+    }
+  );
 }
 function renderStrokeView(view, pressureSensitive, replayStyle, key) {
   if (view.nibMarks) {
-    return /* @__PURE__ */ jsx("g", { children: renderNibMarkStroke(view.nibMarks, view.color, view.opacity, key) }, key);
+    return /* @__PURE__ */ jsx("g", { children: renderNibMarkStroke(view.nibMarks, view.color, view.opacity, view.blendMode, key) }, key);
   }
   if (pressureSensitive && view.circles) {
-    return /* @__PURE__ */ jsx("g", { children: renderPressureStroke(view.circles, view.color, view.opacity, key) }, key);
+    return /* @__PURE__ */ jsx("g", { children: renderPressureStroke(view.circles, view.color, view.opacity, view.blendMode, key) }, key);
   }
+  const style = {
+    ...replayStyle ? { animation: replayStyle.animation, "--ink-path-length": replayStyle.pathLength } : {},
+    ...view.blendMode === "multiply" ? { mixBlendMode: "multiply" } : {}
+  };
   return /* @__PURE__ */ jsx(
     "path",
     {
@@ -15522,12 +15382,9 @@ function renderStrokeView(view, pressureSensitive, replayStyle, key) {
       vectorEffect: "non-scaling-stroke",
       ...replayStyle ? {
         strokeDasharray: replayStyle.strokeDasharray,
-        strokeDashoffset: replayStyle.strokeDashoffset,
-        style: {
-          animation: replayStyle.animation,
-          "--ink-path-length": replayStyle.pathLength
-        }
-      } : {}
+        strokeDashoffset: replayStyle.strokeDashoffset
+      } : {},
+      ...Object.keys(style).length > 0 ? { style } : {}
     },
     key
   );
@@ -15607,10 +15464,11 @@ function renderGroup(children, parentGroupFill) {
             renderGroup(c.children, getGroupChildParentFill(c, parentGroupFill))
           ) : isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 pointer-events-none", style: getImageSurfaceStyle(c), children: [
             isImageTiled(c) ? /* @__PURE__ */ jsx(
-              "div",
+              TiledImageLayer,
               {
-                className: "pointer-events-none select-none w-full h-full",
-                style: getImageTilingStyle(c)
+                element: c,
+                src: "svgData" in c && c.svgData ? c.svgData : c.imageData,
+                className: "pointer-events-none select-none w-full h-full"
               }
             ) : /* @__PURE__ */ jsx(
               "img",
@@ -16172,18 +16030,15 @@ function InlineTextEditor({
         onCommit();
       },
       onKeyDown: (e) => {
-        if ((e.ctrlKey || e.metaKey) && !e.shiftKey && onFormatText) {
-          const key = e.key.toLowerCase();
-          if (key === "b" || key === "i" || key === "u") {
-            e.preventDefault();
-            e.stopPropagation();
-            const property = key === "b" ? "bold" : key === "i" ? "italic" : "underline";
-            const value = nextInlineStyleValue(property);
-            if (value !== void 0) {
-              onFormatText({ [property]: value });
-            }
-            return;
+        const property = onFormatText ? mapInlineTextFormatKey(e) : null;
+        if (property) {
+          e.preventDefault();
+          e.stopPropagation();
+          const value = nextInlineStyleValue(property);
+          if (value !== void 0) {
+            onFormatText?.({ [property]: value });
           }
+          return;
         }
         if (e.key === "Escape") {
           e.preventDefault();
@@ -16214,15 +16069,15 @@ function InlineTextEditor({
     list.seed?.paragraphs[0].token ?? "plain"
   );
 }
-function FailedToLoad6() {
+function FailedToLoad() {
   return null;
 }
-var LazyModel3DScene = React20.lazy(
+var LazyModel3DScene = React17.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-ITHRMCLT.mjs');
+      return await import('./Model3DScene-AI2JTBQM.mjs');
     } catch {
-      return { default: FailedToLoad6 };
+      return { default: FailedToLoad };
     }
   }
 );
@@ -16282,7 +16137,7 @@ function PosterFallback({
     }
   );
 }
-var Model3DErrorBoundary = class extends React20.Component {
+var Model3DErrorBoundary = class extends React17.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -16466,21 +16321,6 @@ function OleRenderer({ element: el }) {
     }
   );
 }
-var SmartArt3DContext = createContext(false);
-
-// src/viewer/utils/smartart-helpers.tsx
-function resolvePalette2(el) {
-  return el.type === "smartArt" ? resolvePalette(el.smartArtData) : DEFAULT_PALETTE2;
-}
-function resolveStyle(el) {
-  if (el.type !== "smartArt" || !el.smartArtData) {
-    return "flat";
-  }
-  return el.smartArtData.style ?? "flat";
-}
-function resolveSmartArtDataPalette(data) {
-  return resolvePalette(data);
-}
 var LINE_HEIGHT_RATIO = 1.2;
 var DEFAULT_FONT_SIZE = 12;
 function SmartArtInlineNodeEditor({
@@ -16491,10 +16331,10 @@ function SmartArtInlineNodeEditor({
   onCancel
 }) {
   const { t } = useTranslation();
-  const ref = React20.useRef(null);
-  const [value, setValue] = React20.useState(initialText);
-  const settled = React20.useRef(false);
-  React20.useEffect(() => {
+  const ref = React17.useRef(null);
+  const [value, setValue] = React17.useState(initialText);
+  const settled = React17.useRef(false);
+  React17.useEffect(() => {
     const el = ref.current;
     if (el) {
       el.focus();
@@ -16587,16 +16427,16 @@ function findNodeIdFromEvent(target) {
   return null;
 }
 function useSmartArtHoverState(containerRef, measureNodeRect = measureScreenNodeRect) {
-  const [hoveredNodeId, setHoveredNodeId] = React20.useState(null);
-  const [hoveredNodeRect, setHoveredNodeRect] = React20.useState(null);
-  const hideTimeoutRef = React20.useRef(null);
-  const cancelPendingHide = React20.useCallback(() => {
+  const [hoveredNodeId, setHoveredNodeId] = React17.useState(null);
+  const [hoveredNodeRect, setHoveredNodeRect] = React17.useState(null);
+  const hideTimeoutRef = React17.useRef(null);
+  const cancelPendingHide = React17.useCallback(() => {
     if (hideTimeoutRef.current !== null) {
       window.clearTimeout(hideTimeoutRef.current);
       hideTimeoutRef.current = null;
     }
   }, []);
-  const handleMouseMove = React20.useCallback(
+  const handleMouseMove = React17.useCallback(
     (e, ignoreRef) => {
       const nodeEl = findNodeIdFromEvent(e.target);
       const container = containerRef.current;
@@ -16619,12 +16459,12 @@ function useSmartArtHoverState(containerRef, measureNodeRect = measureScreenNode
     },
     [containerRef, cancelPendingHide, measureNodeRect]
   );
-  const clearHover = React20.useCallback(() => {
+  const clearHover = React17.useCallback(() => {
     cancelPendingHide();
     setHoveredNodeId(null);
     setHoveredNodeRect(null);
   }, [cancelPendingHide]);
-  React20.useEffect(() => cancelPendingHide, [cancelPendingHide]);
+  React17.useEffect(() => cancelPendingHide, [cancelPendingHide]);
   return { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover };
 }
 var EDITOR_PADDING = 4;
@@ -16640,14 +16480,14 @@ function SmartArtEditableLayer({
   measureNodeRect = measureScreenNodeRect,
   children
 }) {
-  const containerRef = React20.useRef(null);
-  const styleBarRef = React20.useRef(null);
-  const [edit, setEdit] = React20.useState(null);
+  const containerRef = React17.useRef(null);
+  const styleBarRef = React17.useRef(null);
+  const [edit, setEdit] = React17.useState(null);
   const { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover } = useSmartArtHoverState(
     containerRef,
     measureNodeRect
   );
-  const openEditor = React20.useCallback(
+  const openEditor = React17.useCallback(
     (target) => {
       const nodeEl = findNodeIdFromEvent(target);
       const container = containerRef.current;
@@ -16752,6 +16592,20 @@ function SmartArtEditableLayer({
     }
   );
 }
+
+// src/viewer/utils/smartart-helpers.tsx
+function resolvePalette2(el) {
+  return el.type === "smartArt" ? resolvePalette(el.smartArtData) : DEFAULT_PALETTE2;
+}
+function resolveStyle(el) {
+  if (el.type !== "smartArt" || !el.smartArtData) {
+    return "flat";
+  }
+  return el.smartArtData.style ?? "flat";
+}
+function resolveSmartArtDataPalette(data) {
+  return resolvePalette(data);
+}
 var LABEL_WIDTH_FRACTION = 0.82;
 function smartArtNodeGroupProps(nodeId, shadow, label) {
   const props = {
@@ -17262,97 +17116,32 @@ function sameDiagramReveal(prev, next) {
   }
   return true;
 }
-var SmartArtRenderer = React20.memo(SmartArtRendererImpl, arePropsEqual);
-function FailedToLoad7() {
-  return null;
-}
-var LazySmartArt3DScene = React20.lazy(
-  async () => {
-    try {
-      return await import('./SmartArt3DScene-D4VNNPHS.mjs');
-    } catch {
-      return { default: FailedToLoad7 };
-    }
-  }
-);
-var SceneErrorBoundary6 = class extends React20.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
-};
-function SmartArt3DRenderer({
+var SmartArtRenderer = React17.memo(SmartArtRendererImpl, arePropsEqual);
+function SmartArt3DView({
   element,
   className,
-  interactive = false,
+  smartArt3D,
   canEdit,
   onUpdateElement,
   animationState
 }) {
-  const [threeAvailable, setThreeAvailable] = useState(null);
-  useEffect(() => {
-    let cancelled = false;
-    import('./three.module-LGUV2LI6.mjs').then(() => {
-      if (!cancelled) {
-        setThreeAvailable(true);
-      }
-      return void 0;
-    }).catch(() => {
-      if (!cancelled) {
-        setThreeAvailable(false);
+  const spec = useMemo(
+    () => resolveSmartArtThreeViewSpec(element, smartArt3D),
+    [element, smartArt3D]
+  );
+  if (!spec) {
+    return /* @__PURE__ */ jsx(
+      SmartArtRenderer,
+      {
+        element,
+        className,
+        canEdit,
+        onUpdateElement,
+        animationState
       }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const model = useMemo(() => {
-    if (element.type !== "smartArt" || !element.smartArtData) {
-      return null;
-    }
-    const { nodes, chrome } = element.smartArtData;
-    if (nodes.length === 0) {
-      return null;
-    }
-    const palette = resolvePalette2(element);
-    const style = resolveStyle(element);
-    const layoutResult = resolveSmartArt3DLayout(
-      element.smartArtData,
-      nodes,
-      { width: element.width, height: element.height },
-      palette,
-      style,
-      element.id
     );
-    return buildSmartArt3DModel(layoutResult, {
-      background: chrome?.backgroundColor,
-      spatial: true,
-      coherent3DOffNodeIds: collectCoherent3DOffNodeIds(nodes)
-    });
-  }, [element]);
-  const svgFallback = /* @__PURE__ */ jsx(SmartArtRenderer, { element, className });
-  if (!model || model.meshes.length === 0 || threeAvailable === false) {
-    return svgFallback;
-  }
-  if (threeAvailable === null) {
-    return svgFallback;
   }
-  const sceneNode = /* @__PURE__ */ jsx(SceneErrorBoundary6, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: svgFallback, children: /* @__PURE__ */ jsx(
-    LazySmartArt3DScene,
-    {
-      model,
-      width: element.width,
-      height: element.height,
-      interactive,
-      textStyle: animationState?.textStyle
-    }
-  ) }) });
+  const sceneNode = /* @__PURE__ */ jsx(ThreeView, { spec, interactive: Boolean(canEdit), textStyle: animationState?.textStyle, children: /* @__PURE__ */ jsx(SmartArtRenderer, { element, className }) });
   const editEnabled = canEdit && Boolean(onUpdateElement);
   const smartArtData = element.type === "smartArt" ? element.smartArtData : void 0;
   if (!editEnabled || !smartArtData) {
@@ -17386,24 +17175,13 @@ function SmartArtElement({
   onUpdateElement,
   animationState
 }) {
-  const use3D = useContext(SmartArt3DContext);
-  if (use3D) {
-    return /* @__PURE__ */ jsx(
-      SmartArt3DRenderer,
-      {
-        element,
-        className,
-        canEdit,
-        onUpdateElement,
-        animationState
-      }
-    );
-  }
+  const { smartArt3D } = useContext(Rendering3DFlagsContext);
   return /* @__PURE__ */ jsx(
-    SmartArtRenderer,
+    SmartArt3DView,
     {
       element,
       className,
+      smartArt3D,
       canEdit,
       onUpdateElement,
       animationState
@@ -17415,7 +17193,12 @@ function groupIntoParagraphs2(element, fieldContext) {
     element,
     fieldContext ? (seg) => {
       if (seg.fieldType) {
-        const substituted = substituteFieldText(seg.text, seg.fieldType, fieldContext);
+        const substituted = substituteFieldText(
+          seg.text,
+          seg.fieldType,
+          fieldContext,
+          seg.style?.language
+        );
         if (substituted !== seg.text) {
           return { ...seg, text: substituted };
         }
@@ -17478,7 +17261,7 @@ function EnvelopeGlyph({
   }
   return /* @__PURE__ */ jsx("g", { "data-glyph-slices": glyph.slices.length, children: glyph.slices.map((slice, si) => {
     const clipId = `${glyphKey}-s${si}`;
-    return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React17.Fragment, { children: [
       /* @__PURE__ */ jsx("clipPath", { id: clipId, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx(
         "rect",
         {
@@ -17548,6 +17331,22 @@ function WarpedText({
   const baseFontFamily = textEl.textStyle?.fontFamily ? getSubstituteFontFamily(textEl.textStyle.fontFamily) : DEFAULT_FONT_FAMILY;
   const baseFill = normalizeHexColor(textEl.textStyle?.color, fallbackColor);
   if (hasGlyphEnvelope(preset)) {
+    const perLine = buildGlyphEnvelopeBlock(
+      preset,
+      paragraphs.map(
+        (para) => para.segments.map((seg, i) => ({
+          text: seg.text,
+          font: resolveSegmentFont(seg, textEl),
+          segmentIndex: i
+        }))
+      ),
+      width,
+      height,
+      align,
+      warpAdj,
+      warpAdj2,
+      getGlyphOutline
+    );
     return /* @__PURE__ */ jsx(
       "svg",
       {
@@ -17558,23 +17357,7 @@ function WarpedText({
         style: { overflow: "visible", position: "absolute", inset: 0, pointerEvents: "none" },
         "aria-hidden": "true",
         children: paragraphs.map((para, paraIdx) => {
-          const segsInput = para.segments.map((seg, i) => ({
-            text: seg.text,
-            font: resolveSegmentFont(seg, textEl),
-            segmentIndex: i
-          }));
-          const glyphs = buildGlyphEnvelope(
-            preset,
-            segsInput,
-            width,
-            height,
-            align,
-            warpAdj,
-            warpAdj2,
-            paraIdx,
-            lineCount,
-            getGlyphOutline
-          );
+          const glyphs = perLine[paraIdx] ?? [];
           return /* @__PURE__ */ jsx(
             EnvelopeLine,
             {
@@ -18406,7 +18189,7 @@ function StaticElementRendererImpl({
     }
   );
 }
-var StaticElementRenderer = React20.memo(StaticElementRendererImpl);
+var StaticElementRenderer = React17.memo(StaticElementRendererImpl);
 StaticElementRenderer.displayName = "StaticElementRenderer";
 function SlideLayer({
   slide,
@@ -18879,4 +18662,4 @@ function useResizablePanels() {
   };
 }
 
-export { ACTION_VERB_MAP, AreaChart3DContext, BarChart3DContext, ChartPartSelectionProvider, CollaborationCursorOverlay, CollaborationProvider, ElementRenderer, FragmentedTransitionLayer, InlineCollaborationContext, LineChart3DContext, LoadingState, MIN_TOUCH_TARGET, MorphTransitionOverlay, PieChart3DContext, PresentationTransitionOverlay, RemoteSelectionOverlay, RemoteUserCursors, ResizeHandles, SlideBackgroundImageLayer, SlideLayer, SmartArt3DContext, SmartArtRenderer, StaticElementRenderer, SurfaceChart3DContext, ViewerOptionsContext, computeToolbarVisibility, detectTargetType, isAudienceTab, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, playAnimationSound, renderStrokeView, renderToCanvas, resolveSmartArtDataPalette, safePrompt, scopeLayoutOptionsToActiveSlide, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useChartPartSelection, useClipboardHandlers, useCollaboration, useCollaborationDocumentSync, useCollaborativeHistory, useCollaborativeState, useComments, useCompatibilityToastsState, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useReadOnlyRecommendationState, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewPreferencesSync, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerOptionsContext, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport };
+export { ACTION_VERB_MAP, ChartPartSelectionProvider, CollaborationCursorOverlay, CollaborationProvider, ElementRenderer, FragmentedTransitionLayer, InlineCollaborationContext, MIN_TOUCH_TARGET, MorphTransitionOverlay, PresentationTransitionOverlay, RemoteSelectionOverlay, RemoteUserCursors, Rendering3DFlagsContext, ResizeHandles, SlideBackgroundImageLayer, SlideLayer, SmartArtRenderer, StaticElementRenderer, ViewerOptionsContext, computeToolbarVisibility, detectTargetType, isAudienceTab, parseAudienceNonce, parseEmailUrl, parseSlideFromUrl, playAnimationSound, renderStrokeView, renderToCanvas, resolveSmartArtDataPalette, safePrompt, scopeLayoutOptionsToActiveSlide, useAnimationPlayback, useAnnotationHandlers, useAudienceMode, useAutosave, useBroadcastFollower, useCanvasInteractions, useChartPartSelection, useClipboardHandlers, useCollaboration, useCollaborationDocumentSync, useCollaborativeHistory, useCollaborativeState, useComments, useCompatibilityToastsState, useContentLifecycle, useDerivedElementState, useDerivedSlideState, useDialogCustomShows, useEditorHistory, useEditorOperations, useElementManipulation, useElementOperations, useExportHandlers, useExportSaveAs, useFindReplace, useFollowMode, useFontInjection, useGroupAlignLayerHandlers, useIOHandlers, useInsertElements, useIsMobile, useKeyboardInsets, useKeyboardShortcutWiring, useKeyboardShortcuts, useLayoutSwitching, useLoadContent, useMergeShapesHandler, useModalDismissDrag, usePointerHandlers, usePresenceTracking, usePresentationAnnotations, usePresentationKeyboard, usePresentationMode, usePresentationSetup, usePresenterWindow, usePrintHandlers, usePropertyHandlers, useReadOnlyRecommendationState, useRecoveryDetection, useReducedMotion, useRehearsalTimings, useResizablePanels, useSectionOperations, useSerialize, useSheetDismissDrag, useSlideManagement, useSlideNavigation, useSwipeNavigation, useTableOperations, useThemeHandlers, useThemeSwitching, useToolbarVisibility, useTouchGestures, useViewPreferencesSync, useViewerBuildingBlocks, useViewerCoreState, useViewerDialogs, useViewerIntegration, useViewerOptions, useViewerOptionsContext, useViewerState, useViewerUIState, useVirtualizedSlides, useYjsDocumentSync, useYjsProvider, useZoomNavigation, useZoomViewport };