pptx-react-viewer 3.19.1 → 3.19.2

package/dist/index.d.ts

@@ -955,6 +955,13 @@ interface ShapeStyle {
   fillImageUrl?: string;
   /** How the image is sized within the shape: stretch to fill, or tile/repeat. */
   fillImageMode?: 'stretch' | 'tile';
+  /** Whether the image fill rotates/flips with the shape (`a:blipFill/@rotWithShape`).
+   *  Defaults to true per the schema; preserved for round-trip when the source
+   *  authored the attribute explicitly. When false, the shape's own geometry
+   *  (clip-path/outline) still carries the shape's rotation/flip, but the
+   *  picture content inside stays fixed to the page frame (upright), matching
+   *  PowerPoint. See `pptx-viewer-shared`'s `getImageFillCounterTransform`. */
+  fillImageRotWithShape?: boolean;
   fillGradientStops?: Array<{
     color: string;
     position: number;
@@ -2415,6 +2422,13 @@ type PptxChartPictureFormat = 'stretch' | 'stack' | 'stackScale';
  * "Picture or texture fill" with "Stack"/"Stretch" semantics on a bar/column
  * data point, distinct from the point's plain `c:spPr` solid/gradient fill.
  *
+ * `c:pictureOptions` is optional: a point/series whose `c:spPr` carries a bare
+ * `a:blipFill` with NO `c:pictureOptions` sibling at all is still a fully
+ * legal, common picture fill (PowerPoint's own default "stretch, no stack"
+ * when the format pane never touched the stack settings); `parseChartDataPointPicture`
+ * synthesizes this descriptor (`pictureFormat: 'stretch'`) in that case so the
+ * SAME render pipeline resolves it, rather than silently dropping the fill.
+ *
  * The flags parse purely (`parseChartDataPointPicture` in
  * `utils/chart-datapoint-serializer.ts`); {@link imageUrl} is a separate,
  * later addition populated by the runtime (`PptxHandlerRuntimeChartParsing.ts`)
@@ -2440,6 +2454,12 @@ interface PptxChartDataPointPicture {
    * when the point has no picture fill or the image could not be resolved.
    */
   imageUrl?: string;
+  /**
+   * Effective opacity (0-1) from the blip's `a:alphaModFix/@amt` (a
+   * thousandths-of-a-percent value, so `amt="60000"` is `0.6`). `undefined`
+   * when the blip carries no `alphaModFix`, meaning fully opaque.
+   */
+  opacity?: number;
 }
 //#endregion
 //#region src/core/types/chart-pivot-format.d.ts
@@ -3093,6 +3113,17 @@ interface PptxChartDataPoint {
   bubble3D?: boolean;
   /** Per-point picture-fill flags (`c:dPt/c:pictureOptions`). */
   picture?: PptxChartDataPointPicture;
+  /**
+   * A picture fill implied by a bare `c:dPt/c:spPr/a:blipFill` with NO
+   * sibling `c:pictureOptions` at all: still a fully legal "stretch, no
+   * stack" picture fill, just one PowerPoint's format pane never touched the
+   * stack settings for. Render-derived only: unlike {@link picture}, this is
+   * never written back on save (the original, untouched `c:spPr` already
+   * round-trips verbatim), so populating it can never desync the saved file
+   * from what was authored. See `chart-datapoint-picture.ts`'s
+   * `parseImplicitBlipPictureFill`.
+   */
+  impliedPicture?: PptxChartDataPointPicture;
   /**
    * This point's identity GUID (`c:dPt/c:extLst/c:ext/c16:uniqueId/@val`,
    * the Office 2014+ `{C3380CC4-5D6E-409C-BE32-E72D297353CC}` chart
@@ -3459,6 +3490,13 @@ interface PptxChartSeries {
    * when the point has none of its own.
    */
   picture?: PptxChartDataPointPicture;
+  /**
+   * A picture fill implied by a bare `c:ser/c:spPr/a:blipFill` with NO
+   * sibling `c:pictureOptions` at all. See
+   * {@link PptxChartDataPoint.impliedPicture}'s doc comment: same
+   * render-only, never-serialized-back convention, at the series level.
+   */
+  impliedPicture?: PptxChartDataPointPicture;
   /**
    * This series' identity GUID (`c:ser/c:extLst/c:ext/c16:uniqueId/@val`,
    * the Office 2014+ `{C3380CC4-5D6E-409C-BE32-E72D297353CC}` chart

package/dist/index.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkZHPBQVBK_js = require('./chunk-ZHPBQVBK.js');
-require('./chunk-YVZKXCML.js');
-var chunkAZEDCITO_js = require('./chunk-AZEDCITO.js');
-var chunk4WUGOCYU_js = require('./chunk-4WUGOCYU.js');
-var chunkEJSRXEXA_js = require('./chunk-EJSRXEXA.js');
+var chunkRPPLJQ6R_js = require('./chunk-RPPLJQ6R.js');
+require('./chunk-F7VYECOL.js');
+var chunk2LK3OHAN_js = require('./chunk-2LK3OHAN.js');
+var chunkYH4ODPSH_js = require('./chunk-YH4ODPSH.js');
+var chunkZUIM5737_js = require('./chunk-ZUIM5737.js');
 var chunkBRJN3ZMG_js = require('./chunk-BRJN3ZMG.js');
 require('./chunk-4VNS5WPM.js');
 
@@ -12,167 +12,167 @@ require('./chunk-4VNS5WPM.js');
 
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunkZHPBQVBK_js.PowerPointViewer; }
+  get: function () { return chunkRPPLJQ6R_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunkZHPBQVBK_js.SlideCanvas; }
+  get: function () { return chunkRPPLJQ6R_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "SlideTemplateGalleryDialog", {
   enumerable: true,
-  get: function () { return chunkZHPBQVBK_js.SlideTemplateGalleryDialog; }
+  get: function () { return chunkRPPLJQ6R_js.SlideTemplateGalleryDialog; }
 });
 Object.defineProperty(exports, "SlideTemplatePreview", {
   enumerable: true,
-  get: function () { return chunkZHPBQVBK_js.SlideTemplatePreview; }
+  get: function () { return chunkRPPLJQ6R_js.SlideTemplatePreview; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunkZHPBQVBK_js.Toolbar; }
+  get: function () { return chunkRPPLJQ6R_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunkZHPBQVBK_js.ViewerThemeProvider; }
+  get: function () { return chunkRPPLJQ6R_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunkZHPBQVBK_js.useViewerTheme; }
+  get: function () { return chunkRPPLJQ6R_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
-  get: function () { return chunkAZEDCITO_js.renderToCanvas; }
+  get: function () { return chunk2LK3OHAN_js.renderToCanvas; }
 });
 Object.defineProperty(exports, "useViewerBuildingBlocks", {
   enumerable: true,
-  get: function () { return chunkAZEDCITO_js.useViewerBuildingBlocks; }
+  get: function () { return chunk2LK3OHAN_js.useViewerBuildingBlocks; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunk4WUGOCYU_js.getAnimationInitialStyle; }
+  get: function () { return chunkYH4ODPSH_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "AVATAR_COLOR_SWATCHES", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.AVATAR_COLOR_SWATCHES; }
+  get: function () { return chunkZUIM5737_js.AVATAR_COLOR_SWATCHES; }
 });
 Object.defineProperty(exports, "DEFAULT_VIEWER_PROFILE", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.DEFAULT_VIEWER_PROFILE; }
+  get: function () { return chunkZUIM5737_js.DEFAULT_VIEWER_PROFILE; }
 });
 Object.defineProperty(exports, "PPTX_OPEN_ACCEPT", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.PPTX_OPEN_ACCEPT; }
+  get: function () { return chunkZUIM5737_js.PPTX_OPEN_ACCEPT; }
 });
 Object.defineProperty(exports, "PRESENTATION_OPEN_EXTENSIONS", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.PRESENTATION_OPEN_EXTENSIONS; }
+  get: function () { return chunkZUIM5737_js.PRESENTATION_OPEN_EXTENSIONS; }
 });
 Object.defineProperty(exports, "SLIDE_TEMPLATES", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.SLIDE_TEMPLATES; }
+  get: function () { return chunkZUIM5737_js.SLIDE_TEMPLATES; }
 });
 Object.defineProperty(exports, "THEME_CATALOG", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.THEME_CATALOG; }
+  get: function () { return chunkZUIM5737_js.THEME_CATALOG; }
 });
 Object.defineProperty(exports, "VIEWER_PREFS_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.VIEWER_PREFS_STORAGE_KEY; }
+  get: function () { return chunkZUIM5737_js.VIEWER_PREFS_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "buildSlideTemplateContent", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.buildSlideTemplateContent; }
+  get: function () { return chunkZUIM5737_js.buildSlideTemplateContent; }
 });
 Object.defineProperty(exports, "buildSlideTemplateSlide", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.buildSlideTemplateSlide; }
+  get: function () { return chunkZUIM5737_js.buildSlideTemplateSlide; }
 });
 Object.defineProperty(exports, "clearAllLocalViewerData", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.clearAllLocalViewerData; }
+  get: function () { return chunkZUIM5737_js.clearAllLocalViewerData; }
 });
 Object.defineProperty(exports, "clearStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.clearStoredViewerPrefs; }
+  get: function () { return chunkZUIM5737_js.clearStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "createImageElementFromFile", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.createImageElementFromFile; }
+  get: function () { return chunkZUIM5737_js.createImageElementFromFile; }
 });
 Object.defineProperty(exports, "defaultCssVars", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.defaultCssVars; }
+  get: function () { return chunkZUIM5737_js.defaultCssVars; }
 });
 Object.defineProperty(exports, "defaultRadius", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.defaultRadius; }
+  get: function () { return chunkZUIM5737_js.defaultRadius; }
 });
 Object.defineProperty(exports, "defaultThemeColors", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.defaultThemeColors; }
+  get: function () { return chunkZUIM5737_js.defaultThemeColors; }
 });
 Object.defineProperty(exports, "getLocalStorageUsageSummary", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.getLocalStorageUsageSummary; }
+  get: function () { return chunkZUIM5737_js.getLocalStorageUsageSummary; }
 });
 Object.defineProperty(exports, "isLegacyBinaryPresentation", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.isLegacyBinaryPresentation; }
+  get: function () { return chunkZUIM5737_js.isLegacyBinaryPresentation; }
 });
 Object.defineProperty(exports, "isSupportedPresentationFile", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.isSupportedPresentationFile; }
+  get: function () { return chunkZUIM5737_js.isSupportedPresentationFile; }
 });
 Object.defineProperty(exports, "presentationBaseName", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.presentationBaseName; }
+  get: function () { return chunkZUIM5737_js.presentationBaseName; }
 });
 Object.defineProperty(exports, "readStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.readStoredViewerPrefs; }
+  get: function () { return chunkZUIM5737_js.readStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "resolveProfileInitial", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.resolveProfileInitial; }
+  get: function () { return chunkZUIM5737_js.resolveProfileInitial; }
 });
 Object.defineProperty(exports, "resolveThemeCatalogEntry", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.resolveThemeCatalogEntry; }
+  get: function () { return chunkZUIM5737_js.resolveThemeCatalogEntry; }
 });
 Object.defineProperty(exports, "saveViewerProfile", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.saveViewerProfile; }
+  get: function () { return chunkZUIM5737_js.saveViewerProfile; }
 });
 Object.defineProperty(exports, "savedPresentationFileName", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.savedPresentationFileName; }
+  get: function () { return chunkZUIM5737_js.savedPresentationFileName; }
 });
 Object.defineProperty(exports, "themeToCssVars", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.themeToCssVars; }
+  get: function () { return chunkZUIM5737_js.themeToCssVars; }
 });
 Object.defineProperty(exports, "vermilionDarkColors", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.vermilionDarkColors; }
+  get: function () { return chunkZUIM5737_js.vermilionDarkColors; }
 });
 Object.defineProperty(exports, "vermilionDarkTheme", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.vermilionDarkTheme; }
+  get: function () { return chunkZUIM5737_js.vermilionDarkTheme; }
 });
 Object.defineProperty(exports, "vermilionLightColors", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.vermilionLightColors; }
+  get: function () { return chunkZUIM5737_js.vermilionLightColors; }
 });
 Object.defineProperty(exports, "vermilionLightTheme", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.vermilionLightTheme; }
+  get: function () { return chunkZUIM5737_js.vermilionLightTheme; }
 });
 Object.defineProperty(exports, "vermilionRadius", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.vermilionRadius; }
+  get: function () { return chunkZUIM5737_js.vermilionRadius; }
 });
 Object.defineProperty(exports, "writeStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunkEJSRXEXA_js.writeStoredViewerPrefs; }
+  get: function () { return chunkZUIM5737_js.writeStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-Z3KMGLXL.mjs';
-import './chunk-LBKKSCVS.mjs';
-export { renderToCanvas, useViewerBuildingBlocks } from './chunk-DNQ3PGGU.mjs';
-export { getAnimationInitialStyle } from './chunk-RCUPQJVY.mjs';
-export { AVATAR_COLOR_SWATCHES, DEFAULT_VIEWER_PROFILE, PPTX_OPEN_ACCEPT, PRESENTATION_OPEN_EXTENSIONS, SLIDE_TEMPLATES, THEME_CATALOG, VIEWER_PREFS_STORAGE_KEY, buildSlideTemplateContent, buildSlideTemplateSlide, clearAllLocalViewerData, clearStoredViewerPrefs, createImageElementFromFile, defaultCssVars, defaultRadius, defaultThemeColors, getLocalStorageUsageSummary, isLegacyBinaryPresentation, isSupportedPresentationFile, presentationBaseName, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, savedPresentationFileName, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-3KVLOKA6.mjs';
+export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-ATKAU2J4.mjs';
+import './chunk-NEMPFYZ5.mjs';
+export { renderToCanvas, useViewerBuildingBlocks } from './chunk-M5BAPEQL.mjs';
+export { getAnimationInitialStyle } from './chunk-7XJ7I6TJ.mjs';
+export { AVATAR_COLOR_SWATCHES, DEFAULT_VIEWER_PROFILE, PPTX_OPEN_ACCEPT, PRESENTATION_OPEN_EXTENSIONS, SLIDE_TEMPLATES, THEME_CATALOG, VIEWER_PREFS_STORAGE_KEY, buildSlideTemplateContent, buildSlideTemplateSlide, clearAllLocalViewerData, clearStoredViewerPrefs, createImageElementFromFile, defaultCssVars, defaultRadius, defaultThemeColors, getLocalStorageUsageSummary, isLegacyBinaryPresentation, isSupportedPresentationFile, presentationBaseName, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, savedPresentationFileName, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-GULL4H2I.mjs';
 export { LOCALE_CATALOG } from './chunk-MQUTXOET.mjs';
 import './chunk-XGB3TDIC.mjs';

package/dist/internals.d.ts

@@ -935,6 +935,13 @@ interface ShapeStyle {
   fillImageUrl?: string;
   /** How the image is sized within the shape: stretch to fill, or tile/repeat. */
   fillImageMode?: 'stretch' | 'tile';
+  /** Whether the image fill rotates/flips with the shape (`a:blipFill/@rotWithShape`).
+   *  Defaults to true per the schema; preserved for round-trip when the source
+   *  authored the attribute explicitly. When false, the shape's own geometry
+   *  (clip-path/outline) still carries the shape's rotation/flip, but the
+   *  picture content inside stays fixed to the page frame (upright), matching
+   *  PowerPoint. See `pptx-viewer-shared`'s `getImageFillCounterTransform`. */
+  fillImageRotWithShape?: boolean;
   fillGradientStops?: Array<{
     color: string;
     position: number;
@@ -2395,6 +2402,13 @@ type PptxChartPictureFormat = 'stretch' | 'stack' | 'stackScale';
  * "Picture or texture fill" with "Stack"/"Stretch" semantics on a bar/column
  * data point, distinct from the point's plain `c:spPr` solid/gradient fill.
  *
+ * `c:pictureOptions` is optional: a point/series whose `c:spPr` carries a bare
+ * `a:blipFill` with NO `c:pictureOptions` sibling at all is still a fully
+ * legal, common picture fill (PowerPoint's own default "stretch, no stack"
+ * when the format pane never touched the stack settings); `parseChartDataPointPicture`
+ * synthesizes this descriptor (`pictureFormat: 'stretch'`) in that case so the
+ * SAME render pipeline resolves it, rather than silently dropping the fill.
+ *
  * The flags parse purely (`parseChartDataPointPicture` in
  * `utils/chart-datapoint-serializer.ts`); {@link imageUrl} is a separate,
  * later addition populated by the runtime (`PptxHandlerRuntimeChartParsing.ts`)
@@ -2420,6 +2434,12 @@ interface PptxChartDataPointPicture {
    * when the point has no picture fill or the image could not be resolved.
    */
   imageUrl?: string;
+  /**
+   * Effective opacity (0-1) from the blip's `a:alphaModFix/@amt` (a
+   * thousandths-of-a-percent value, so `amt="60000"` is `0.6`). `undefined`
+   * when the blip carries no `alphaModFix`, meaning fully opaque.
+   */
+  opacity?: number;
 }
 //#endregion
 //#region src/core/types/chart-pivot-format.d.ts
@@ -3073,6 +3093,17 @@ interface PptxChartDataPoint {
   bubble3D?: boolean;
   /** Per-point picture-fill flags (`c:dPt/c:pictureOptions`). */
   picture?: PptxChartDataPointPicture;
+  /**
+   * A picture fill implied by a bare `c:dPt/c:spPr/a:blipFill` with NO
+   * sibling `c:pictureOptions` at all: still a fully legal "stretch, no
+   * stack" picture fill, just one PowerPoint's format pane never touched the
+   * stack settings for. Render-derived only: unlike {@link picture}, this is
+   * never written back on save (the original, untouched `c:spPr` already
+   * round-trips verbatim), so populating it can never desync the saved file
+   * from what was authored. See `chart-datapoint-picture.ts`'s
+   * `parseImplicitBlipPictureFill`.
+   */
+  impliedPicture?: PptxChartDataPointPicture;
   /**
    * This point's identity GUID (`c:dPt/c:extLst/c:ext/c16:uniqueId/@val`,
    * the Office 2014+ `{C3380CC4-5D6E-409C-BE32-E72D297353CC}` chart
@@ -3439,6 +3470,13 @@ interface PptxChartSeries {
    * when the point has none of its own.
    */
   picture?: PptxChartDataPointPicture;
+  /**
+   * A picture fill implied by a bare `c:ser/c:spPr/a:blipFill` with NO
+   * sibling `c:pictureOptions` at all. See
+   * {@link PptxChartDataPoint.impliedPicture}'s doc comment: same
+   * render-only, never-serialized-back convention, at the series level.
+   */
+  impliedPicture?: PptxChartDataPointPicture;
   /**
    * This series' identity GUID (`c:ser/c:extLst/c:ext/c16:uniqueId/@val`,
    * the Office 2014+ `{C3380CC4-5D6E-409C-BE32-E72D297353CC}` chart