pptx-react-viewer 1.17.0 → 1.17.1

package/CHANGELOG.md

@@ -4,6 +4,20 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.17.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@1.17.0) - 2026-07-13
+
+### Bug Fixes
+
+- **build:** Restore compatibility after dependency updates (by @ChristopherVR) ([ddbfae6](https://github.com/ChristopherVR/pptx-viewer/commit/ddbfae687669b9e6c64fd3c3b16a592623b79c10))
+
+### Dependencies
+
+- **deps:** Update html2canvas-pro to 2.2.3 (by @dependabot[bot]) ([0fe015b](https://github.com/ChristopherVR/pptx-viewer/commit/0fe015b83722534f14864b2054ce6561b09386ca))
+- **deps:** Update fast-xml-parser to 5.10.0 (by @dependabot[bot]) ([6080273](https://github.com/ChristopherVR/pptx-viewer/commit/6080273f6a6f603d10d69a71d54faad1e6d9bf05))
+- **deps:** Update dompurify to 3.4.12 (by @dependabot[bot]) ([00a6ca4](https://github.com/ChristopherVR/pptx-viewer/commit/00a6ca49609d5a0e922a9e20447460b11ec690ba))
+- **deps:** Update minor and patch dependencies (by @dependabot[bot]) ([5cd81fb](https://github.com/ChristopherVR/pptx-viewer/commit/5cd81fb0c8708e53990ac4858660d0b6a4b17a7a))
+- **deps:** Update typescript to 7.0.2 (by @dependabot[bot]) ([0a7c1f1](https://github.com/ChristopherVR/pptx-viewer/commit/0a7c1f1f7f0ccdee9537f1e11177b6a39839d221))
+
 ## [1.16.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@1.16.2) - 2026-07-13
 
 ## [1.16.1](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-react-viewer@1.16.1) - 2026-07-12

package/dist/{chunk-HJQZJ3VE.mjs → chunk-5CD34U2V.mjs}

@@ -155,7 +155,7 @@ var translationsEn = {
   "pptx.collaboration.status.connecting": "Connecting...",
   "pptx.collaboration.status.disconnected": "Disconnected",
   "pptx.collaboration.status.error": "Connection error",
-  "pptx.collaboration.statusAriaLabel": "Collaboration: {{status}}. {{count}} user(s) connected.",
+  "pptx.collaboration.statusAriaLabel": "Collaboration: {{status}}",
   "pptx.collaboration.userCount": "{{count}} user(s)",
   "pptx.collaboration.youLabel": "{{name}} (you)",
   "pptx.collaboration.usersConnected": "{{count}} user(s) connected",

package/dist/{chunk-LLHFNGAF.mjs → chunk-HN7CPQUG.mjs}

@@ -1,5 +1,5 @@
 import { SHAPE_PRESET_DEFS, computeValueRangeForChart, cloneTemplateElementsBySlideId, cloneSlide, countTextSegments, expandTextBuildAnimations, TimelineEngine, TEXT_BUILD_ID_SEP, collectMediaElements, collectImagePaths, buildInitialGuides, saveAutosaveSnapshot, getAnimationInitialStyle, normalizeHexColor, toCssWritingMode, toCssTextOrientation, toCssVerticalDirection, computeAutoFitTextStyle, resolveLineHeight, getKinsokuLineBreakStyles, buildTextBody3DSceneStyle, resolveParagraphRtl, resolveParagraphAlign, resolveCssTextAlign, colorWithOpacity, build3DExtrusionData, getResolvedShapeClipPath, normalizeStrokeDashType, buildCssGradientFromShapeStyle, buildShadowCssFromShapeStyle, buildInnerShadowCssFromShapeStyle, buildMultiLayerShadowCss, buildGlowBoxShadow, getCompoundLineBoxShadow, getEffectDagFilter, buildPatternFillCss, buildReflectionCss, getCssBorderDashStyle, getCompoundLineBorderWidth, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, clampCropValue, parseDrawingColor, parseDrawingColorOpacity, getPatternSvg, ooxmlDashToCssBorderStyle, computeSelectionRect, rectToCells, isCellInRect, buildChartViewModel, buildPreviewAnimation, isTemplateElementId, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, comparePresentation, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, remapTextToSegments, copyFormatFromElement, applyFormatToElement, createSyncGate, validateRoomId, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, BROADCAST_THROTTLE_MS, sanitizeColor, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, createTouchGestureRecognizer, isKeyboardOpen, buildElementClipboardPayload, downloadBlob, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, derivePresenceList, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, cloneHistorySnapshot, secureRandomUuid, resolveTransitionDurationMs, isUrlSafe, isTemplateElement, substituteFieldText, resolveUnderlineDecorationStyle, hasDistinctScriptFonts, buildTextReflectionCss, getTextAlphaOpacity, buildTextRunFilterChain, buildTextShadowCss, apply3dEffects, clampUnitInterval, getRoundRectRadiusPx, tintColor2, shadeColor2, computeColumnBoundaries, getChartStylePalette, computeLayout, valueToY, formatAxisValue, computeLayoutOptions, splitSeriesByAxis, computeValueRange, getSecondaryValueAxis, seriesColor, paletteColor, resolveRegionCode, normalizeValue, sequentialColorScale, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, sanitizeDownloadFilename, encodeGif, cloneElementForPaste, computeScrollDelta, rerouteConnectorsForMovedElements, applyReroutedConnectors, buildPrintHtmlDocument, convertOmmlToMathMl, sanitizeMathMl, buildTextFillCss, computeResizedColumnWidths, computeResizedRowHeight, DEFAULT_ROW_HEIGHT, deleteTableColumn, insertTableColumn, deleteTableRow, insertTableRow, splitCell, mergeCells, buildSlidesPdfBytes, buildNotesPdfBytes, ACTION_BUTTON_PRESETS, buildSmartArtPresetData, computeSnapToShape, computeMarqueeHitIds, mergeAdditiveSelection, segmentByScript, resolveFontForScript, generateLogTicks, formatAxisValueWithUnits, getDisplayUnitLabel, applyResize, snapBoxToGrid, chartPartToAttrs } from './chunk-G22EWPLH.mjs';
-import { translationsEn } from './chunk-HJQZJ3VE.mjs';
+import { translationsEn } from './chunk-5CD34U2V.mjs';
 import { hasTextProperties, PptxHandler, EncryptedFileError, hasShapeProperties, isImageLikeElement, isCalloutShape, getCalloutLeaderLineGeometry, buildCalloutLeaderLineSvgPath, getCalloutViewBoxBounds, applyThemeToData, THEME_PRESETS, guidePxToEmu, mergeShapes, getSubstituteFontFamily, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, SvgExporter, rebuildTableStructureInRawXml, updateCellTextStyleInRawXml, updateCellTextInRawXml, updateMergeAttrsInRawXml, elementActionToPptxAction } from './chunk-XRYREYXC.mjs';
 import React3, { useState, useEffect, useMemo, Suspense, useRef, useCallback, useSyncExternalStore, useImperativeHandle, useLayoutEffect } from 'react';
 import { LuTriangle, LuPlus, LuMoveRight, LuMinus, LuDiamond, LuDatabase, LuCircle, LuSquare } from 'react-icons/lu';

package/dist/{chunk-WGLJ32FW.js → chunk-IZXN663G.js}

@@ -157,7 +157,7 @@ var translationsEn = {
   "pptx.collaboration.status.connecting": "Connecting...",
   "pptx.collaboration.status.disconnected": "Disconnected",
   "pptx.collaboration.status.error": "Connection error",
-  "pptx.collaboration.statusAriaLabel": "Collaboration: {{status}}. {{count}} user(s) connected.",
+  "pptx.collaboration.statusAriaLabel": "Collaboration: {{status}}",
   "pptx.collaboration.userCount": "{{count}} user(s)",
   "pptx.collaboration.youLabel": "{{name}} (you)",
   "pptx.collaboration.usersConnected": "{{count}} user(s) connected",

package/dist/{chunk-LNSHC2Z5.mjs → chunk-PCQH2UBR.mjs}

@@ -1,6 +1,6 @@
-import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, SLIDE_TRANSITION_OPTIONS, DEFAULT_FILL_COLOR, shouldRenderFallbackLabel, isImageTiled, getImageTilingStyle, renderTextSegments, getTextLayoutStyle, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, renderTableElement, renderMediaElement, buildTextBody3DSceneStyle, getTextWarpStyle, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, parseTableElementData, ensureArrayValue, getTableCellBandStyle, extractCellText, extractTableCellStyle, cellStyleToCss, renderChartElement, getDuotoneColors, renderDuotoneSvgFilter, renderArtisticEffectSvgFilter, renderImageAlphaSvgFilter, buildReactChartViewModel, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, EMU_PER_PX, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-LLHFNGAF.mjs';
+import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, SLIDE_TRANSITION_OPTIONS, DEFAULT_FILL_COLOR, shouldRenderFallbackLabel, isImageTiled, getImageTilingStyle, renderTextSegments, getTextLayoutStyle, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, renderTableElement, renderMediaElement, buildTextBody3DSceneStyle, getTextWarpStyle, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, parseTableElementData, ensureArrayValue, getTableCellBandStyle, extractCellText, extractTableCellStyle, cellStyleToCss, renderChartElement, getDuotoneColors, renderDuotoneSvgFilter, renderArtisticEffectSvgFilter, renderImageAlphaSvgFilter, buildReactChartViewModel, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, EMU_PER_PX, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-HN7CPQUG.mjs';
 import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, buildUserFontFaceStyles, openPptxFile, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, getTextCompensationTransform, getSlideBackgroundStyle, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, resolveTransportForServerUrl, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveDrawingShapeNodeId, getPendingSelectionRestore, restoreSegmentSelection, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, getWarpPath, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, NOTES_FONT_SIZE_DEFAULT, clampNotesFontSize, NOTES_FONT_SIZE_STEP, formatTime, formatElapsed, NOTES_FONT_SIZE_MIN, NOTES_FONT_SIZE_MAX, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, INSERT_CHART_TYPES, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-G22EWPLH.mjs';
-import { translationsEn } from './chunk-HJQZJ3VE.mjs';
+import { translationsEn } from './chunk-5CD34U2V.mjs';
 import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, getLinkedTextBoxSegments, isImageLikeElement, getSubstituteFontFamily, setSmartArtNodeStyle, updateSmartArtNodeText, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, hasNonTrivialOverride, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-XRYREYXC.mjs';
 import React5, { createContext, useMemo, useState, useCallback, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -243,6 +243,7 @@ function CollaborationStatusIndicator({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      role: "status",
       "data-testid": "collaboration-status",
       className: "flex items-center gap-1.5",
       "aria-label": t("pptx.collaboration.statusAriaLabel", {
@@ -6445,11 +6446,14 @@ function SlideItemInner({
   const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
   const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
   return /* @__PURE__ */ jsxs(
-    "div",
+    "button",
     {
+      type: "button",
       ref: slideRef,
+      "aria-label": `Go to slide ${slideIndex + 1}`,
+      "aria-current": isActive ? "true" : void 0,
       className: cn(
-        "group relative flex items-center gap-1 cursor-pointer py-0.5 px-1 transition-all",
+        "group relative flex w-full items-center gap-1 cursor-pointer border-0 bg-transparent py-0.5 px-1 text-left transition-all",
         isActive && "bg-accent/40 before:absolute before:left-0 before:top-1 before:bottom-1 before:w-[3px] before:bg-primary before:rounded-r",
         isHidden && "opacity-50"
       ),
@@ -15874,45 +15878,54 @@ function Toolbar(p) {
       className: "relative z-20 border-b border-border bg-secondary/50 overflow-visible",
       children: [
         /* @__PURE__ */ jsx(ToolbarPrimaryRow, { ...p }),
-        showRibbon && /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none", children: [
-          TOOLBAR_SECTIONS.map((s) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onSetToolbarSection(s.id),
-              className: cn(
-                "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3",
-                toolbarSection === s.id ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : "text-foreground after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary" : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
-              ),
-              children: t(s.labelKey)
-            },
-            s.id
-          )),
-          /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-          /* @__PURE__ */ jsx(
-            TabRowActions,
-            {
-              onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
-              onOpenShareDialog: p.onOpenShareDialog,
-              onPackageForSharing: p.onPackageForSharing
-            }
-          ),
-          isNarrowViewport && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: p.onToggleCompactToolbar,
-              className: cn(
-                "px-2 py-1 rounded text-[11px] transition-colors mr-1",
-                isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
-              ),
-              title: t(
-                isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+        showRibbon && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "tablist",
+            className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
+            children: [
+              TOOLBAR_SECTIONS.map((s) => /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": toolbarSection === s.id,
+                  onClick: () => onSetToolbarSection(s.id),
+                  className: cn(
+                    "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3",
+                    toolbarSection === s.id ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : "text-foreground after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary" : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
+                  ),
+                  children: t(s.labelKey)
+                },
+                s.id
+              )),
+              /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+              /* @__PURE__ */ jsx(
+                TabRowActions,
+                {
+                  onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
+                  onOpenShareDialog: p.onOpenShareDialog,
+                  onPackageForSharing: p.onPackageForSharing
+                }
               ),
-              children: t(isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon")
-            }
-          )
-        ] }),
+              isNarrowViewport && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: p.onToggleCompactToolbar,
+                  className: cn(
+                    "px-2 py-1 rounded text-[11px] transition-colors mr-1",
+                    isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
+                  ),
+                  title: t(
+                    isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+                  ),
+                  children: t(isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon")
+                }
+              )
+            ]
+          }
+        ),
         showRibbon && /* @__PURE__ */ jsxs(
           "div",
           {
@@ -20701,6 +20714,7 @@ function SmartArtLayoutSwitcher({
         "button",
         {
           type: "button",
+          "data-testid": `smartart-layout-${type}`,
           disabled: !canEdit,
           className: cn(
             "flex flex-col items-center gap-0.5 rounded border p-1.5 transition-colors",
@@ -20841,6 +20855,7 @@ function SmartArtNodeRow({
             {
               ref: inputRef,
               type: "text",
+              "data-testid": "smartart-node-text",
               disabled: !canEdit,
               "aria-label": label,
               className: cn(INPUT, "flex-1 text-[11px] py-0.5"),
@@ -21057,6 +21072,7 @@ function SmartArtPropertiesPanel({
           "select",
           {
             disabled: !canEdit,
+            "data-testid": "smartart-color-scheme",
             "aria-label": t("pptx.smartart.colorScheme"),
             className: cn(INPUT, "w-full"),
             value: smartArtData.colorScheme ?? "colorful1",
@@ -24402,6 +24418,7 @@ function PresentationTransitionOverlay({
     "div",
     {
       ref: containerRef,
+      "data-pptx-transition-overlay": true,
       className: "pptx-react-transition-overlay absolute inset-0 pointer-events-none overflow-hidden",
       style: { zIndex: outgoingZIndex },
       children: [
@@ -24409,6 +24426,7 @@ function PresentationTransitionOverlay({
         /* @__PURE__ */ jsx(
           "div",
           {
+            "data-pptx-transition-layer": "outgoing",
             className: "pptx-react-transition-layer absolute inset-0 flex items-center justify-center",
             style: {
               animation: animations.outgoing !== "none" ? animations.outgoing : void 0
@@ -28117,6 +28135,7 @@ function ViewerInspector({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-pptx-inspector": true,
       role: "complementary",
       "aria-label": t("pptx.inspector.properties"),
       className: "h-full flex-shrink-0 max-md:absolute max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:z-30",
@@ -29251,43 +29270,60 @@ function InsertSmartArtDialog({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-40 border-r border-border py-2", children: CATEGORIES.map((cat) => /* @__PURE__ */ jsx(
-                  "button",
+                /* @__PURE__ */ jsx(
+                  "nav",
                   {
-                    type: "button",
-                    onClick: () => {
-                      setActiveCategory(cat.id);
-                      setSelectedLayout(null);
-                    },
-                    className: cn(
-                      "w-full text-left px-3 py-1.5 text-xs transition-colors",
-                      activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
-                    ),
-                    children: t(cat.label)
-                  },
-                  cat.id
-                )) }),
-                /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 overflow-y-auto", children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: filteredPresets.map((preset) => /* @__PURE__ */ jsxs(
-                  "button",
+                    className: "w-40 border-r border-border py-2",
+                    "aria-label": t("pptx.insertSmartArt.categories"),
+                    children: CATEGORIES.map((cat) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => {
+                          setActiveCategory(cat.id);
+                          setSelectedLayout(null);
+                        },
+                        className: cn(
+                          "w-full text-left px-3 py-1.5 text-xs transition-colors",
+                          activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
+                        ),
+                        children: t(cat.label)
+                      },
+                      cat.id
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                  "div",
                   {
-                    type: "button",
-                    onClick: () => setSelectedLayout(preset.layout),
-                    onDoubleClick: () => {
-                      setSelectedLayout(preset.layout);
-                      onInsert(preset.layout, preset.defaultItems);
-                      onClose();
-                    },
-                    className: cn(
-                      "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
-                      selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("div", { className: "w-16 h-12 flex items-center justify-center bg-muted rounded", children: getPreviewForLayout(preset.layout) }),
-                      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-foreground text-center leading-tight", children: t(preset.labelKey) })
-                    ]
-                  },
-                  preset.layout
-                )) }) })
+                    className: "grid grid-cols-3 gap-2",
+                    role: "listbox",
+                    "aria-label": t("pptx.insertSmartArt.layouts"),
+                    children: filteredPresets.map((preset) => /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        role: "option",
+                        "aria-selected": selectedLayout === preset.layout,
+                        onClick: () => setSelectedLayout(preset.layout),
+                        onDoubleClick: () => {
+                          setSelectedLayout(preset.layout);
+                          onInsert(preset.layout, preset.defaultItems);
+                          onClose();
+                        },
+                        className: cn(
+                          "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
+                          selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: "w-16 h-12 flex items-center justify-center bg-muted rounded", children: getPreviewForLayout(preset.layout) }),
+                          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-foreground text-center leading-tight", children: t(preset.labelKey) })
+                        ]
+                      },
+                      preset.layout
+                    ))
+                  }
+                ) })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: [
                 /* @__PURE__ */ jsx(
@@ -31225,6 +31261,7 @@ function MobileBottomBar({
               active ? "text-primary" : "text-muted-foreground hover:text-foreground"
             ),
             "aria-pressed": active,
+            "aria-label": key === "notes" ? t("pptx.statusBar.toggleNotes") : void 0,
             children: [
               /* @__PURE__ */ jsx(Icon, { className: "w-5 h-5" }),
               /* @__PURE__ */ jsx("span", { children: t(label) }),

package/dist/{chunk-3P6O7ZDM.js → chunk-SXCO5HHN.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkJWS3RQKN_js = require('./chunk-JWS3RQKN.js');
-var chunkWGLJ32FW_js = require('./chunk-WGLJ32FW.js');
+var chunkIZXN663G_js = require('./chunk-IZXN663G.js');
 var chunkMGLRKGCH_js = require('./chunk-MGLRKGCH.js');
 var React3 = require('react');
 var lu = require('react-icons/lu');
@@ -3998,7 +3998,7 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
       },
       dangerouslySetInnerHTML: { __html: safeMathml }
     }
-  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunkWGLJ32FW_js.translationsEn["pptx.textSegment.equationFallback"] });
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block px-1 py-0.5 rounded text-xs bg-gray-200/20 text-gray-400 italic", children: chunkIZXN663G_js.translationsEn["pptx.textSegment.equationFallback"] });
   if (equationNumber) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -4051,7 +4051,7 @@ function renderPictureBullet(elementId, segmentIndex, bulletInfo, baseFontSize)
           color: bulletInfo.color || void 0,
           fontFamily: bulletInfo.fontFamily || void 0
         },
-        "aria-label": chunkWGLJ32FW_js.translationsEn["pptx.textSegment.bulletAria"],
+        "aria-label": chunkIZXN663G_js.translationsEn["pptx.textSegment.bulletAria"],
         children: "\u2022 "
       },
       `${elementId}-seg-${segmentIndex}-bullet-fallback`
@@ -4061,7 +4061,7 @@ function renderPictureBullet(elementId, segmentIndex, bulletInfo, baseFontSize)
     "img",
     {
       src: bulletInfo.imageDataUrl,
-      alt: chunkWGLJ32FW_js.translationsEn["pptx.textSegment.bulletAria"],
+      alt: chunkIZXN663G_js.translationsEn["pptx.textSegment.bulletAria"],
       style: {
         width: bulletSize,
         height: bulletSize,
@@ -6559,7 +6559,7 @@ function renderTableElement(element, textStyle, options) {
     if (tableEl2.tableData && tableEl2.tableData.rows.length > 0) {
       return renderTableFromTableData(tableEl2, textStyle, options);
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkWGLJ32FW_js.translationsEn["pptx.table.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkIZXN663G_js.translationsEn["pptx.table.title"] });
   }
   const selectedCell = options?.selectedCell || null;
   const isEditable2 = Boolean(options?.editable);
@@ -7255,7 +7255,7 @@ function renderMapChart(element, chartData, categoryLabels) {
           textAnchor: "middle",
           fontSize: 7,
           fill: "#94a3b8",
-          children: chunkWGLJ32FW_js.translationsEn["pptx.chart.additionalRegionsFallback"]
+          children: chunkIZXN663G_js.translationsEn["pptx.chart.additionalRegionsFallback"]
         },
         `${element.id}-map-ft-hdr`
       )
@@ -8302,7 +8302,7 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
               showK && /* @__PURE__ */ jsxRuntime.jsx(
                 "th",
                 {
-                  "aria-label": chunkWGLJ32FW_js.translationsEn["pptx.chart.rowLabelsAria"],
+                  "aria-label": chunkIZXN663G_js.translationsEn["pptx.chart.rowLabelsAria"],
                   style: {
                     padding: "1px 4px",
                     fontWeight: 400,
@@ -9100,11 +9100,11 @@ function renderComboChart(element, chartData, categoryLabels) {
 }
 function renderChartElement(element) {
   if (element.type !== "chart") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkWGLJ32FW_js.translationsEn["pptx.chart.heading"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkIZXN663G_js.translationsEn["pptx.chart.heading"] });
   }
   const chartData = element.chartData;
   if (!chartData || chartData.series.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkWGLJ32FW_js.translationsEn["pptx.chart.heading"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkIZXN663G_js.translationsEn["pptx.chart.heading"] });
   }
   const longestSeriesLength = chartData.series.reduce(
     (maxLength, series) => Math.max(maxLength, series.values.length),
@@ -10621,7 +10621,7 @@ function PresentationMediaController({
 }
 function renderMediaElement(element, mediaDataUrls, options) {
   if (element.type !== "media") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkWGLJ32FW_js.translationsEn["pptx.media.title"] });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkIZXN663G_js.translationsEn["pptx.media.title"] });
   }
   const mediaType = element.mediaType;
   const mediaPath = element.mediaPath;
@@ -10651,7 +10651,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           "img",
           {
             src: posterUrl,
-            alt: chunkWGLJ32FW_js.translationsEn["pptx.media.posterAlt"],
+            alt: chunkIZXN663G_js.translationsEn["pptx.media.posterAlt"],
             className: "w-full h-full object-contain opacity-50"
           }
         ),
@@ -10672,7 +10672,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: chunkWGLJ32FW_js.translationsEn["pptx.media.notFound"] })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: chunkIZXN663G_js.translationsEn["pptx.media.notFound"] })
         ] })
       ] });
     }
@@ -10713,7 +10713,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
           "img",
           {
             src: posterUrl,
-            alt: chunkWGLJ32FW_js.translationsEn["pptx.media.videoPosterAlt"],
+            alt: chunkIZXN663G_js.translationsEn["pptx.media.videoPosterAlt"],
             className: "w-full h-full object-contain"
           }
         ),
@@ -13797,7 +13797,7 @@ async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide,
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
   if (images.length === 0) {
-    throw new Error(chunkWGLJ32FW_js.translationsEn["pptx.export.errorNoSlidesPdf"]);
+    throw new Error(chunkIZXN663G_js.translationsEn["pptx.export.errorNoSlidesPdf"]);
   }
   const pdfBlobUrl = buildPdfFromImageData(images);
   chunkJWS3RQKN_js.downloadDataUrl(pdfBlobUrl, filename);
@@ -13846,7 +13846,7 @@ async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSl
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
   if (pages.length === 0) {
-    throw new Error(chunkWGLJ32FW_js.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
+    throw new Error(chunkIZXN663G_js.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
   }
   const pdfDataUrl = buildNotesPdf(pages);
   chunkJWS3RQKN_js.downloadDataUrl(pdfDataUrl, filename);
@@ -13880,7 +13880,7 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
   }
   setActiveSlide(currentSlideIndex);
   if (slideCanvases.length === 0) {
-    throw new Error(chunkWGLJ32FW_js.translationsEn["pptx.export.errorNoSlidesVideo"]);
+    throw new Error(chunkIZXN663G_js.translationsEn["pptx.export.errorNoSlidesVideo"]);
   }
   const firstCanvas = slideCanvases[0];
   const recordingCanvas = document.createElement("canvas");
@@ -13888,7 +13888,7 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
   recordingCanvas.height = firstCanvas.height;
   const ctx = recordingCanvas.getContext("2d");
   if (!ctx) {
-    throw new Error(chunkWGLJ32FW_js.translationsEn["pptx.export.errorNo2dContext"]);
+    throw new Error(chunkIZXN663G_js.translationsEn["pptx.export.errorNo2dContext"]);
   }
   const fps = 30;
   const stream = recordingCanvas.captureStream(fps);
@@ -13964,7 +13964,7 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
   }
   setActiveSlide(currentSlideIndex);
   if (frames.length === 0) {
-    throw new Error(chunkWGLJ32FW_js.translationsEn["pptx.export.errorNoSlidesGif"]);
+    throw new Error(chunkIZXN663G_js.translationsEn["pptx.export.errorNoSlidesGif"]);
   }
   const gifBytes = chunkJWS3RQKN_js.encodeGif(frames, Math.round(slideDurationMs / 10));
   onProgress?.(totalSlides, totalSlides);