pptx-react-viewer 4.22.0 → 4.23.0

package/dist/viewer/index.d.ts

@@ -2147,22 +2147,65 @@ declare global {
     'pptx-ui-theme-editor': PptxUiThemeEditorElement;
   }
 }
+/** One row of a context menu. Hosts decide `id`, wording, gating and what activation does. */
+interface ContextMenuViewItem {
+  /** Stable command id, echoed by `menu-request`. */
+  id: string;
+  /** Already-translated visible label. */
+  label: string;
+  /** Draw a rule before this row. */
+  separatorBefore?: boolean;
+  /** Group heading shown before this row; the row and the ones after it join that group. */
+  heading?: string;
+  /** Destructive command (Delete): tinted. */
+  danger?: boolean;
+  /** Offered but unavailable: announced and drawn dim, skipped by arrow keys. */
+  disabled?: boolean;
+  /** A toggle (Grid and Guides, Ruler) in this state; omitted for one-shot commands. */
+  checked?: boolean;
+}
+/** Everything the controlled element needs to draw one menu. */
+interface ContextMenuViewState {
+  /** Pointer position, in viewport pixels. The element clamps it into the window. */
+  x: number;
+  y: number;
+  /** Accessible name of the menu. */
+  label: string;
+  items: readonly ContextMenuViewItem[];
+  /**
+   * Test-hook attributes copied onto the host element (`data-pptx-context-menu`,
+   * `data-pptx-canvas-context-menu`, ...). Only `data-pptx-*` names are accepted.
+   */
+  markers?: readonly string[];
+  /** Stacking order; defaults to {@link CONTEXT_MENU_EDITOR_LAYER}. */
+  zIndex?: number;
+  /** Move focus onto the first command on open. Default true. */
+  autoFocus?: boolean;
+}
 interface PptxUiCompatToastsElement extends HTMLElement {
   state: CompatToastsViewState;
 }
-declare global {
-  interface HTMLElementTagNameMap {
-    'pptx-ui-compat-toasts': PptxUiCompatToastsElement;
-  }
-}
 interface PptxUiDialogFooterElement extends HTMLElement {
   state: DialogFooterViewState;
   /** Move keyboard focus to an action, e.g. the primary one when a dialog opens. */
   focusAction(id: string): void;
 }
+interface PptxUiPasteOptionsElement extends HTMLElement {
+  state: PasteOptionsViewState;
+}
+interface PptxUiReadOnlyBannerElement extends HTMLElement {
+  state: ReadOnlyBannerViewState;
+}
+interface PptxUiContextMenuElement extends HTMLElement {
+  state: ContextMenuViewState;
+}
 declare global {
   interface HTMLElementTagNameMap {
+    'pptx-ui-compat-toasts': PptxUiCompatToastsElement;
+    'pptx-ui-context-menu': PptxUiContextMenuElement;
     'pptx-ui-dialog-footer': PptxUiDialogFooterElement;
+    'pptx-ui-paste-options': PptxUiPasteOptionsElement;
+    'pptx-ui-read-only-banner': PptxUiReadOnlyBannerElement;
   }
 }
 interface PptxUiMobileBarElement extends HTMLElement {
@@ -2181,14 +2224,6 @@ declare global {
     'pptx-ui-mobile-toolbar': PptxUiMobileToolbarElement;
   }
 }
-interface PptxUiPasteOptionsElement extends HTMLElement {
-  state: PasteOptionsViewState;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'pptx-ui-paste-options': PptxUiPasteOptionsElement;
-  }
-}
 interface PptxUiPresentToolbarElement extends HTMLElement {
   state: PresentToolbarViewState;
   /** Close an open colour palette, e.g. when the host auto-hides the bar. */
@@ -2207,14 +2242,6 @@ declare global {
     'pptx-ui-presenter-console': PptxUiPresenterConsoleElement;
   }
 }
-interface PptxUiReadOnlyBannerElement extends HTMLElement {
-  state: ReadOnlyBannerViewState;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'pptx-ui-read-only-banner': PptxUiReadOnlyBannerElement;
-  }
-}
 interface PptxUiRibbonAnimationsElement extends HTMLElement {
   state: RibbonAnimationsViewState;
 }
@@ -2352,52 +2379,12 @@ declare global {
     'pptx-ui-title-bar': PptxUiTitleBarElement;
   }
 }
-/** One row of a context menu. Hosts decide `id`, wording, gating and what activation does. */
-interface ContextMenuViewItem {
-  /** Stable command id, echoed by `menu-request`. */
-  id: string;
-  /** Already-translated visible label. */
-  label: string;
-  /** Draw a rule before this row. */
-  separatorBefore?: boolean;
-  /** Group heading shown before this row; the row and the ones after it join that group. */
-  heading?: string;
-  /** Destructive command (Delete): tinted. */
-  danger?: boolean;
-  /** Offered but unavailable: announced and drawn dim, skipped by arrow keys. */
-  disabled?: boolean;
-  /** A toggle (Grid and Guides, Ruler) in this state; omitted for one-shot commands. */
-  checked?: boolean;
-}
-/** Everything the controlled element needs to draw one menu. */
-interface ContextMenuViewState {
-  /** Pointer position, in viewport pixels. The element clamps it into the window. */
-  x: number;
-  y: number;
-  /** Accessible name of the menu. */
-  label: string;
-  items: readonly ContextMenuViewItem[];
-  /**
-   * Test-hook attributes copied onto the host element (`data-pptx-context-menu`,
-   * `data-pptx-canvas-context-menu`, ...). Only `data-pptx-*` names are accepted.
-   */
-  markers?: readonly string[];
-  /** Stacking order; defaults to {@link CONTEXT_MENU_EDITOR_LAYER}. */
-  zIndex?: number;
-  /** Move focus onto the first command on open. Default true. */
-  autoFocus?: boolean;
-}
-interface PptxUiContextMenuElement extends HTMLElement {
-  state: ContextMenuViewState;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    'pptx-ui-context-menu': PptxUiContextMenuElement;
-  }
-}
 //#endregion
 //#region src/web-components/select-value.d.ts
-/** Public DOM shape used by all bindings; the element is not a native select. */
+/**
+ * Public DOM shape of `pptx-ui-select`, used by every binding. The element is ooxml-ui's
+ * `office-ui-select` under the pptx tag (see `office-aliases.ts`); it is not a native select.
+ */
 interface PptxUiSelectElement extends HTMLElement {
   value: string;
   disabled: boolean;

package/dist/viewer/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkX5GF6MJ3_js = require('../chunk-X5GF6MJ3.js');
-require('../chunk-6WRRLRD3.js');
-var chunkC5AWWNUO_js = require('../chunk-C5AWWNUO.js');
-var chunkTRM25AE7_js = require('../chunk-TRM25AE7.js');
-var chunkVKDTFKEB_js = require('../chunk-VKDTFKEB.js');
+var chunkSJFX3MLL_js = require('../chunk-SJFX3MLL.js');
+require('../chunk-BVLOOTMZ.js');
+var chunkMUZNHZYN_js = require('../chunk-MUZNHZYN.js');
+var chunkWTMXET6X_js = require('../chunk-WTMXET6X.js');
+var chunkWH6YGNQR_js = require('../chunk-WH6YGNQR.js');
 require('../chunk-LKL6DQ55.js');
 require('../chunk-4VNS5WPM.js');
 
@@ -12,85 +12,85 @@ require('../chunk-4VNS5WPM.js');
 
 Object.defineProperty(exports, "CollaborationStatusIndicator", {
   enumerable: true,
-  get: function () { return chunkX5GF6MJ3_js.CollaborationStatusIndicator; }
+  get: function () { return chunkSJFX3MLL_js.CollaborationStatusIndicator; }
 });
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkX5GF6MJ3_js.PowerPointViewer; }
+  get: function () { return chunkSJFX3MLL_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "UserAvatarBar", {
   enumerable: true,
-  get: function () { return chunkX5GF6MJ3_js.UserAvatarBar; }
+  get: function () { return chunkSJFX3MLL_js.UserAvatarBar; }
 });
 Object.defineProperty(exports, "CollaborationProvider", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.CollaborationProvider; }
+  get: function () { return chunkMUZNHZYN_js.CollaborationProvider; }
 });
 Object.defineProperty(exports, "RemoteUserCursors", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.RemoteUserCursors; }
+  get: function () { return chunkMUZNHZYN_js.RemoteUserCursors; }
 });
 Object.defineProperty(exports, "isAudienceTab", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.isAudienceTab; }
+  get: function () { return chunkMUZNHZYN_js.isAudienceTab; }
 });
 Object.defineProperty(exports, "parseAudienceNonce", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.parseAudienceNonce; }
+  get: function () { return chunkMUZNHZYN_js.parseAudienceNonce; }
 });
 Object.defineProperty(exports, "useCollaborativeHistory", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.useCollaborativeHistory; }
+  get: function () { return chunkMUZNHZYN_js.useCollaborativeHistory; }
 });
 Object.defineProperty(exports, "useCollaborativeState", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.useCollaborativeState; }
+  get: function () { return chunkMUZNHZYN_js.useCollaborativeState; }
 });
 Object.defineProperty(exports, "usePresenceTracking", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.usePresenceTracking; }
+  get: function () { return chunkMUZNHZYN_js.usePresenceTracking; }
 });
 Object.defineProperty(exports, "useThemeSwitching", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.useThemeSwitching; }
+  get: function () { return chunkMUZNHZYN_js.useThemeSwitching; }
 });
 Object.defineProperty(exports, "useYjsProvider", {
   enumerable: true,
-  get: function () { return chunkC5AWWNUO_js.useYjsProvider; }
+  get: function () { return chunkMUZNHZYN_js.useYjsProvider; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunkTRM25AE7_js.getAnimationInitialStyle; }
+  get: function () { return chunkWTMXET6X_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "clearAudienceContent", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.clearAudienceContent; }
+  get: function () { return chunkWH6YGNQR_js.clearAudienceContent; }
 });
 Object.defineProperty(exports, "forgetSessionDeck", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.forgetSessionDeck; }
+  get: function () { return chunkWH6YGNQR_js.forgetSessionDeck; }
 });
 Object.defineProperty(exports, "getSessionTabId", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.getSessionTabId; }
+  get: function () { return chunkWH6YGNQR_js.getSessionTabId; }
 });
 Object.defineProperty(exports, "loadAudienceContent", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.loadAudienceContent; }
+  get: function () { return chunkWH6YGNQR_js.loadAudienceContent; }
 });
 Object.defineProperty(exports, "loadSessionDeck", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.loadSessionDeck; }
+  get: function () { return chunkWH6YGNQR_js.loadSessionDeck; }
 });
 Object.defineProperty(exports, "rememberSessionDeck", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.rememberSessionDeck; }
+  get: function () { return chunkWH6YGNQR_js.rememberSessionDeck; }
 });
 Object.defineProperty(exports, "restoreSessionDeck", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.restoreSessionDeck; }
+  get: function () { return chunkWH6YGNQR_js.restoreSessionDeck; }
 });
 Object.defineProperty(exports, "storeAudienceContent", {
   enumerable: true,
-  get: function () { return chunkVKDTFKEB_js.storeAudienceContent; }
+  get: function () { return chunkWH6YGNQR_js.storeAudienceContent; }
 });

package/dist/viewer/index.mjs

@@ -1,7 +1,7 @@
-export { CollaborationStatusIndicator, PowerPointViewer, UserAvatarBar } from '../chunk-IBJI47S5.mjs';
-import '../chunk-OR5OFOPF.mjs';
-export { CollaborationProvider, RemoteUserCursors, isAudienceTab, parseAudienceNonce, useCollaborativeHistory, useCollaborativeState, usePresenceTracking, useThemeSwitching, useYjsProvider } from '../chunk-WT4CDZTL.mjs';
-export { getAnimationInitialStyle } from '../chunk-QZOYWWRS.mjs';
-export { clearAudienceContent, forgetSessionDeck, getSessionTabId, loadAudienceContent, loadSessionDeck, rememberSessionDeck, restoreSessionDeck, storeAudienceContent } from '../chunk-CJ5OP7LJ.mjs';
+export { CollaborationStatusIndicator, PowerPointViewer, UserAvatarBar } from '../chunk-7AF2NBUG.mjs';
+import '../chunk-HCO265KK.mjs';
+export { CollaborationProvider, RemoteUserCursors, isAudienceTab, parseAudienceNonce, useCollaborativeHistory, useCollaborativeState, usePresenceTracking, useThemeSwitching, useYjsProvider } from '../chunk-25QXZE72.mjs';
+export { getAnimationInitialStyle } from '../chunk-A7GYYKBJ.mjs';
+export { clearAudienceContent, forgetSessionDeck, getSessionTabId, loadAudienceContent, loadSessionDeck, rememberSessionDeck, restoreSessionDeck, storeAudienceContent } from '../chunk-WSE25DQM.mjs';
 import '../chunk-Q4HRYUEP.mjs';
 import '../chunk-XGB3TDIC.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-react-viewer",
-	"version": "4.22.0",
+	"version": "4.23.0",
 	"description": "pptx-viewer for React: a PowerPoint viewer and editor component to render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"editor",
@@ -119,8 +119,9 @@
 		"clsx": "^2.1.1",
 		"dompurify": "^3.4.15",
 		"html2canvas-pro": "^2.4.2",
+		"ooxml-ui": "^0.19.0",
 		"opentype.js": "^2.0.0",
-		"pptx-viewer-mcp": "^2.6.0",
+		"pptx-viewer-mcp": "^2.7.0",
 		"tailwind-merge": "^3.6.0"
 	},
 	"devDependencies": {