@aixa-transformation/pptx-viewer 2.0.2 → 2.0.15

package/README.md

@@ -1,16 +1,16 @@
 # pptx-react-viewer
 
 [![npm version](https://img.shields.io/npm/v/pptx-react-viewer.svg)](https://www.npmjs.com/package/pptx-react-viewer)
-[![license](https://img.shields.io/npm/l/@aixa-transformation/pptx-viewer.svg)](https://github.com/Aixa-Transformation/Aixa-PptxViewer/blob/main/LICENSE)
+[![license](https://img.shields.io/npm/l/@aixa-transformation/pptx-viewer.svg)](https://github.com/Aixa-Transformation/Aixa-PptxViewer/blob/main/LICENSE)
 [![types](https://img.shields.io/npm/types/pptx-react-viewer.svg)](https://www.npmjs.com/package/pptx-react-viewer)
 
 > A drop-in **React** component that turns a `.pptx` file into a fully interactive PowerPoint: **view, edit, present, collaborate, and export**, entirely in the browser.
 
-![Selecting, dragging, and resizing a slide element in the React demo](https://raw.githubusercontent.com/Aixa-Transformation/Aixa-PptxViewer/main/.github/assets/packages/react-demo.gif)
+![Selecting, dragging, and resizing a slide element in the React demo](https://raw.githubusercontent.com/Aixa-Transformation/Aixa-PptxViewer/main/.github/assets/packages/react-demo.gif)
 
 Slides render with real **HTML/CSS** (not `<canvas>`), so text stays crisp at any zoom, is selectable and screen-reader accessible, and every element is directly editable. The parsing/editing engine ([`pptx-viewer-core`](https://www.npmjs.com/package/pptx-viewer-core)) is **bundled in**, so you install just one package.
 
-<samp>**[📦 npm](https://www.npmjs.com/package/@aixa-transformation/pptx-viewer)** · **[Source](https://github.com/Aixa-Transformation/Aixa-PptxViewer)** · **[🧩 Core SDK](https://www.npmjs.com/package/pptx-viewer-core)**</samp>
+<samp>**[📦 npm](https://www.npmjs.com/package/@aixa-transformation/pptx-viewer)** · **[Source](https://github.com/Aixa-Transformation/Aixa-PptxViewer)** · **[🧩 Core SDK](https://www.npmjs.com/package/pptx-viewer-core)**</samp>
 
 ---
 
@@ -218,9 +218,9 @@ Override specific values with the `theme` prop:
 />
 ```
 
-All `ViewerTheme.colors` keys are optional; override only what you need. Helpers `defaultThemeColors`, `defaultRadius`, `themeToCssVars`, `defaultCssVars`, `ViewerThemeProvider`, and `useViewerTheme` are exported for advanced use.
+All `ViewerTheme.colors` keys are optional; override only what you need. Helpers `defaultThemeColors`, `defaultRadius`, `themeToCssVars`, `defaultCssVars`, `ViewerThemeProvider`, and `useViewerTheme` are exported for advanced use.
 
-Two ready-made presets ship with the package: `vermilionLightTheme` (warm paper canvas) and `vermilionDarkTheme` (dimmed presenter room):
+Two ready-made presets ship with the package: `vermilionLightTheme` (warm paper canvas) and `vermilionDarkTheme` (dimmed presenter room):
 
 ```tsx
 import { PowerPointViewer, vermilionLightTheme } from 'pptx-react-viewer';
@@ -232,17 +232,17 @@ The underlying palettes (`vermilionLightColors`, `vermilionDarkColors`) and radi
 
 ## Localization (i18n)
 
-UI labels go through [i18next](https://www.i18next.com/) / [react-i18next](https://react.i18next.com/) with dotted keys such as `pptx.statusBar.allSaved`. Initialise an i18next instance and wrap your app in `I18nextProvider` (the demo's `demo/i18n.ts` shows a minimal config, including a `parseMissingKeyHandler` that derives Title Case labels for any key you don't explicitly translate). `@aixa-transformation/pptx-viewer/i18n` exports `translationsEn` (the English dictionary), `keyToLabel` (the fallback), and a `TranslationKey` type you can use to type-check a new locale dictionary (`Record<TranslationKey, string>`) at compile time. Add a new language by supplying a resource bundle under its language code.
+UI labels go through [i18next](https://www.i18next.com/) / [react-i18next](https://react.i18next.com/) with dotted keys such as `pptx.statusBar.allSaved`. Initialise an i18next instance and wrap your app in `I18nextProvider` (the demo's `demo/i18n.ts` shows a minimal config, including a `parseMissingKeyHandler` that derives Title Case labels for any key you don't explicitly translate). `@aixa-transformation/pptx-viewer/i18n` exports `translationsEn` (the English dictionary), `keyToLabel` (the fallback), and a `TranslationKey` type you can use to type-check a new locale dictionary (`Record<TranslationKey, string>`) at compile time. Add a new language by supplying a resource bundle under its language code.
 
 ## How it's built
 
-You only need the `<PowerPointViewer>` component; everything else is internal. Behind it, the logic lives in many small, focused React hooks, and the components themselves just draw what those hooks produce. Slides are rendered as ordinary HTML and CSS (charts as inline SVG, tables as real `<table>` elements), which is why text stays sharp, selectable, and accessible.
+You only need the `<PowerPointViewer>` component; everything else is internal. Behind it, the logic lives in many small, focused React hooks, and the components themselves just draw what those hooks produce. Slides are rendered as ordinary HTML and CSS (charts as inline SVG, tables as real `<table>` elements), which is why text stays sharp, selectable, and accessible.
 
-A small curated set of those hooks is exported from `@aixa-transformation/pptx-viewer/viewer` with a stable API; the complete set (67+) is also importable from `@aixa-transformation/pptx-viewer/internals` for advanced integrations. The `internals` subpath is **not covered by semver**: prefer the stable root exports.
+A small curated set of those hooks is exported from `@aixa-transformation/pptx-viewer/viewer` with a stable API; the complete set (67+) is also importable from `@aixa-transformation/pptx-viewer/internals` for advanced integrations. The `internals` subpath is **not covered by semver**: prefer the stable root exports.
 
 ## Limitations
 
-CSS-based rendering trades a few visual effects for crisp text, accessibility, and DOM interactivity: `backdrop-filter` becomes semi-transparent backgrounds and path gradients approximate as elliptical radials, while `mix-blend-mode` and CSS 3D transforms render natively on screen but flatten in raster export. Text uses fonts available in the browser (embedded fonts are injected when present). Media playback depends on browser codec support. SmartArt is decomposed into editable shapes with a live reflow engine for structural edits, and charts edit via the inspector data grid rather than the chart surface. 3D models need the optional Three.js peer.
+CSS-based rendering trades a few visual effects for crisp text, accessibility, and DOM interactivity: `backdrop-filter` becomes semi-transparent backgrounds and path gradients approximate as elliptical radials, while `mix-blend-mode` and CSS 3D transforms render natively on screen but flatten in raster export. Text uses fonts available in the browser (embedded fonts are injected when present). Media playback depends on browser codec support. SmartArt is decomposed into editable shapes with a live reflow engine for structural edits, and charts edit via the inspector data grid rather than the chart surface. 3D models need the optional Three.js peer.
 
 ## License
 

package/dist/{Model3DScene-VLHFNN5B.js → Model3DScene-2FGHMV5Y.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk2TOLRBFU_js = require('./chunk-2TOLRBFU.js');
-require('./chunk-AD2CLKY6.js');
+var chunkIVCWQLQK_js = require('./chunk-IVCWQLQK.js');
+require('./chunk-KAP5TS7O.js');
 require('./chunk-QGM4M3NI.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,7 +15,7 @@ function Model3DScene({ modelUrl, interactive, width, height }) {
       return;
     }
     let disposed = false;
-    void chunk2TOLRBFU_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
+    void chunkIVCWQLQK_js.mountModel3D(container, modelUrl, { width, height, interactive }).then((handle) => {
       if (disposed) {
         handle.dispose();
       } else {

package/dist/{Model3DScene-5ODZLKJM.mjs → Model3DScene-G6X4L2MC.mjs}

@@ -1,5 +1,5 @@
-import { mountModel3D } from './chunk-XAVVR6OX.mjs';
-import './chunk-KVM4DBEU.mjs';
+import { mountModel3D } from './chunk-4ZF7B5WU.mjs';
+import './chunk-C36MFNDN.mjs';
 import './chunk-6DZX6EAA.mjs';
 import { useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{SurfaceChart3DScene-KHMGQAGP.js → SurfaceChart3DScene-BVA2NRED.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk2TOLRBFU_js = require('./chunk-2TOLRBFU.js');
-require('./chunk-AD2CLKY6.js');
+var chunkIVCWQLQK_js = require('./chunk-IVCWQLQK.js');
+require('./chunk-KAP5TS7O.js');
 require('./chunk-QGM4M3NI.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -26,7 +26,7 @@ function SurfaceChart3DScene({
       return;
     }
     let disposed = false;
-    void chunk2TOLRBFU_js.mountSurfaceChart3D(container, {
+    void chunkIVCWQLQK_js.mountSurfaceChart3D(container, {
       cols,
       rows,
       heightMap,

package/dist/{SurfaceChart3DScene-C6GQQQB7.mjs → SurfaceChart3DScene-MUHZNFLW.mjs}

@@ -1,5 +1,5 @@
-import { mountSurfaceChart3D } from './chunk-XAVVR6OX.mjs';
-import './chunk-KVM4DBEU.mjs';
+import { mountSurfaceChart3D } from './chunk-4ZF7B5WU.mjs';
+import './chunk-C36MFNDN.mjs';
 import './chunk-6DZX6EAA.mjs';
 import { useRef, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-XAVVR6OX.mjs → chunk-4ZF7B5WU.mjs}

@@ -1,4 +1,4 @@
-import { THEME_PRESETS, MIN_ELEMENT_SIZE, guideEmuToPx, hasShapeProperties, THEME_COLOR_SCHEME_KEYS, hasTextProperties, createChartElement, getShapeClipPath, getAdjustmentAwareShapeClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, hslToRgb, PRESET_COLOR_MAP, isImageLikeElement, stripXmlOrderSuffix, orderedXmlKey, createBuiltinVariables, resolveCoordinate, applyDrawingColorTransforms } from './chunk-KVM4DBEU.mjs';
+import { THEME_PRESETS, MIN_ELEMENT_SIZE, guideEmuToPx, hasShapeProperties, THEME_COLOR_SCHEME_KEYS, hasTextProperties, createChartElement, getShapeClipPath, getAdjustmentAwareShapeClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, hslToRgb, PRESET_COLOR_MAP, isImageLikeElement, stripXmlOrderSuffix, orderedXmlKey, createBuiltinVariables, resolveCoordinate, applyDrawingColorTransforms } from './chunk-C36MFNDN.mjs';
 import DOMPurify from 'dompurify';
 
 var defaultThemeColors = {
@@ -24440,6 +24440,12 @@ var BACKSTAGE_TEMPLATES = [
     name: "Future Forward",
     description: "Clean technology storytelling",
     preview: "repeating-radial-gradient(ellipse at bottom, #111 0 3px, #fff 4px 13px)"
+  },
+  {
+    id: "oasis",
+    name: "Oasis",
+    description: "56 editorial layouts with marble imagery",
+    preview: "linear-gradient(90deg, #111111 0 48%, transparent 48%), radial-gradient(ellipse at 78% 38%, #e8c7b4 0 18%, #91b9b4 42%, #c8a38f 67%, #eee6df 100%)"
   }
 ];
 var TEMPLATE_BACKGROUNDS = {

package/dist/{chunk-KVM4DBEU.mjs → chunk-C36MFNDN.mjs}

@@ -42208,6 +42208,11 @@ function getSectionSlideRange(zoomElement, slides) {
 }
 var FONT_SUBSTITUTION_MAP = {
   // Microsoft Office default fonts
+  // Aptos replaced Calibri as Office's default and is intentionally close in
+  // metrics. Calibri/Calibri Light are better fidelity fallbacks than Segoe UI
+  // (which is wider and makes authored one-line titles wrap).
+  Aptos: ["Calibri", "Arial", "sans-serif"],
+  "Aptos Display": ["Calibri Light", "Calibri", "Arial", "sans-serif"],
   Calibri: ["Carlito", "Liberation Sans", "Arial", "sans-serif"],
   "Calibri Light": ["Carlito", "Liberation Sans", "Arial", "sans-serif"],
   Cambria: ["Caladea", "Liberation Serif", "Times New Roman", "serif"],
@@ -55218,6 +55223,28 @@ var PptxHandlerRuntime9 = class _PptxHandlerRuntime extends PptxHandlerRuntime8
       if (!this.layoutXmlMap.has(layoutPath)) {
         this.layoutXmlMap.set(layoutPath, data);
       }
+      if (!this.slideRelsMap.has(layoutPath)) {
+        const layoutRelsPath = `${layoutPath.replace(
+          "slideLayouts/",
+          "slideLayouts/_rels/"
+        )}.rels`;
+        const layoutRelsXml2 = await this.zip.file(layoutRelsPath)?.async("string");
+        if (layoutRelsXml2) {
+          const layoutRelsData = this.parser.parse(layoutRelsXml2);
+          const relationships = this.ensureArray(
+            xmlChild(layoutRelsData, "Relationships")?.["Relationship"]
+          );
+          const relationshipMap = /* @__PURE__ */ new Map();
+          for (const relationship of relationships) {
+            const id = String(relationship["@_Id"] || "").trim();
+            const target = String(relationship["@_Target"] || "").trim();
+            if (id && target) {
+              relationshipMap.set(id, target);
+            }
+          }
+          this.slideRelsMap.set(layoutPath, relationshipMap);
+        }
+      }
       const layout = { path: layoutPath };
       const cSldName = (xmlAttr(xmlChild(sldLayout, "p:cSld"), "name") ?? "").trim();
       if (cSldName) {
@@ -58124,6 +58151,16 @@ var PptxHandlerRuntime21 = class extends PptxHandlerRuntime20 {
     }
     return type;
   }
+  placeholderRole(phInfo) {
+    const type = phInfo.type || "body";
+    if (type === "title" || type === "ctrtitle") {
+      return "title";
+    }
+    if (type === "body" || type === "obj" || type === "subtitle") {
+      return "content";
+    }
+    return type;
+  }
   // ── Core layout switching logic ─────────────────────────────────────
   /**
    * Re-map slide elements to a new layout's placeholders.
@@ -58162,6 +58199,15 @@ var PptxHandlerRuntime21 = class extends PptxHandlerRuntime20 {
           }
         }
       }
+      if (!resolvedLayoutPh) {
+        const sourceRole = this.placeholderRole(phInfo);
+        for (const [, lp] of layoutPhMap.entries()) {
+          if (!lp.matched && this.placeholderRole(lp.phInfo) === sourceRole) {
+            resolvedLayoutPh = lp;
+            break;
+          }
+        }
+      }
       if (resolvedLayoutPh) {
         resolvedLayoutPh.matched = true;
         const updatedElement = { ...element };
@@ -67551,12 +67597,20 @@ var PptxHandlerRuntime56 = class extends PptxHandlerRuntime55 {
     }
     const phKey = this.buildPlaceholderDefaultsKey(phInfo);
     const layoutMap = this.layoutPlaceholderDefaultsCache.get(layoutPath);
-    const layoutDefaults = layoutMap?.get(phKey);
+    const lookupDefaults = (map) => {
+      const exact = map?.get(phKey);
+      if (exact || phInfo.type !== void 0 || phInfo.idx === void 0) {
+        return exact;
+      }
+      return map?.get(`obj_${phInfo.idx}`) ?? map?.get(`body_${phInfo.idx}`);
+    };
+    const layoutDefaults = lookupDefaults(layoutMap);
     const masterPath = this.resolveMasterPathForLayout(layoutPath);
     const masterMap = masterPath ? this.masterPlaceholderDefaultsCache.get(masterPath) : void 0;
-    const masterDefaults = masterMap?.get(phKey);
+    const masterDefaults = lookupDefaults(masterMap);
     const normalizedType = this.buildPlaceholderDefaultsKey(phInfo).split("_")[0];
-    const masterTextStyleType = phInfo.type === "title" || phInfo.type === "ctrtitle" ? "title" : phInfo.type === "body" || phInfo.type === "obj" || phInfo.type === "subtitle" ? "body" : "other";
+    const effectivePlaceholderType = phInfo.type ?? "obj";
+    const masterTextStyleType = effectivePlaceholderType === "title" || effectivePlaceholderType === "ctrtitle" ? "title" : effectivePlaceholderType === "body" || effectivePlaceholderType === "obj" || effectivePlaceholderType === "subtitle" ? "body" : "other";
     const masterTextStyles = masterPath ? this.masterTxStylesCache.get(masterPath) : void 0;
     const masterTextLevels = masterTextStyleType === "title" ? masterTextStyles?.titleStyle : masterTextStyleType === "body" ? masterTextStyles?.bodyStyle : masterTextStyles?.otherStyle;
     const resolvedMasterDefaults = masterTextLevels ? {
@@ -68240,6 +68294,17 @@ var PptxHandlerRuntime58 = class _PptxHandlerRuntime24 extends PptxHandlerRuntim
     return void 0;
   }
 };
+function parseOoxmlPercentage(value) {
+  const raw = String(value ?? "").trim();
+  if (!raw) {
+    return void 0;
+  }
+  const numeric = Number.parseFloat(raw.endsWith("%") ? raw.slice(0, -1) : raw);
+  if (!Number.isFinite(numeric)) {
+    return void 0;
+  }
+  return raw.endsWith("%") ? numeric / 100 : numeric / 1e5;
+}
 var PptxHandlerRuntime59 = class extends PptxHandlerRuntime58 {
   /**
    * Apply {@link PlaceholderDefaults} body-level properties to a
@@ -68286,12 +68351,11 @@ var PptxHandlerRuntime59 = class extends PptxHandlerRuntime58 {
     if (Number.isFinite(spacingPointsRaw)) {
       return this.pointsToPixels(spacingPointsRaw / 100);
     }
-    const spacingPercentRaw = Number.parseInt(
-      String(spacingNode["a:spcPct"]?.["@_val"] || ""),
-      10
+    const spacingPercent = parseOoxmlPercentage(
+      spacingNode["a:spcPct"]?.["@_val"]
     );
-    if (Number.isFinite(spacingPercentRaw) && typeof basisFontSizePx === "number" && basisFontSizePx > 0) {
-      return spacingPercentRaw / 1e5 * basisFontSizePx;
+    if (spacingPercent !== void 0 && typeof basisFontSizePx === "number" && basisFontSizePx > 0) {
+      return spacingPercent * basisFontSizePx;
     }
     return void 0;
   }
@@ -68299,12 +68363,11 @@ var PptxHandlerRuntime59 = class extends PptxHandlerRuntime58 {
     if (!lineSpacingNode) {
       return void 0;
     }
-    const spacingPercentRaw = Number.parseInt(
-      String(lineSpacingNode["a:spcPct"]?.["@_val"] || ""),
-      10
+    const spacingPercent = parseOoxmlPercentage(
+      lineSpacingNode["a:spcPct"]?.["@_val"]
     );
-    if (Number.isFinite(spacingPercentRaw)) {
-      return Math.max(0.1, Math.min(5, spacingPercentRaw / 1e5));
+    if (spacingPercent !== void 0) {
+      return Math.max(0.1, Math.min(5, spacingPercent));
     }
     return void 0;
   }
@@ -68342,8 +68405,13 @@ var PptxHandlerRuntime59 = class extends PptxHandlerRuntime58 {
     if (textStyle.italic === void 0 && levelStyle.italic !== void 0) {
       textStyle.italic = levelStyle.italic;
     }
-    if (textStyle.color === void 0 && levelStyle.color !== void 0) {
-      textStyle.color = levelStyle.color;
+    if (textStyle.color === void 0) {
+      const currentSlideColor = levelStyle.colorXml ? this.parseColor(levelStyle.colorXml) : void 0;
+      if (currentSlideColor !== void 0) {
+        textStyle.color = currentSlideColor;
+      } else if (levelStyle.color !== void 0) {
+        textStyle.color = levelStyle.color;
+      }
     }
     if (textStyle.paragraphMarginLeft === void 0 && levelStyle.marginLeft !== void 0) {
       textStyle.paragraphMarginLeft = levelStyle.marginLeft;
@@ -69157,7 +69225,30 @@ var PptxHandlerRuntime63 = class extends PptxHandlerRuntime62 {
         bulletText = `${paragraphBulletInfo.char} `;
       } else if (paragraphBulletInfo.autoNumType) {
         const startAt = paragraphBulletInfo.autoNumStartAt ?? 1;
-        bulletText = this.formatAutoNumber(paragraphBulletInfo.autoNumType, startAt + pIdx);
+        const paragraphs = this.ensureArray(
+          ctx.txBody?.["a:p"]
+        );
+        let sequenceOffset = 0;
+        for (let priorIndex = pIdx - 1; priorIndex >= 0; priorIndex--) {
+          const priorBullet = this.resolveParagraphBulletInfo(
+            paragraphs[priorIndex],
+            priorIndex,
+            ctx.txBody,
+            ctx.inheritedTxBody,
+            isBodyPlaceholder,
+            ctx.slidePath,
+            ctx.effectiveLevelStyles
+          );
+          if (priorBullet?.none || priorBullet?.autoNumType !== paragraphBulletInfo.autoNumType) {
+            break;
+          }
+          sequenceOffset++;
+        }
+        bulletText = this.formatAutoNumber(
+          paragraphBulletInfo.autoNumType,
+          startAt + sequenceOffset
+        );
+        paragraphBulletInfo.paragraphIndex = sequenceOffset;
       } else if (paragraphBulletInfo.imageRelId) {
         bulletText = "\u{1F4CE} ";
       } else {
@@ -69285,25 +69376,31 @@ var PptxHandlerRuntime63 = class extends PptxHandlerRuntime62 {
       "mc:AlternateContent",
       "a:br"
     ]);
+    const paragraphRuns = this.ensureArray(p["a:r"]);
+    const paragraphBreaks = this.ensureArray(p["a:br"]);
+    const hasCollapsedRunBreakOrder = paragraphRuns.length > 1 && paragraphBreaks.length > 0;
     for (const key of Object.keys(p)) {
       if (!contentTagSet.has(key)) {
         continue;
       }
       const items = this.ensureArray(p[key]);
-      const rawBreaks = p["a:br"];
-      const breakCount = Array.isArray(rawBreaks) ? rawBreaks.length : rawBreaks === void 0 ? 0 : 1;
-      const insertCollapsedBreaks = key === "a:r" && items.length > 1 && breakCount > 0;
+      const breakCount = paragraphBreaks.length;
+      const insertCollapsedBreaks = key === "a:r" && hasCollapsedRunBreakOrder;
       for (const [itemIndex, item] of items.entries()) {
         switch (key) {
           case "a:r": {
             processRun(item);
-            if (insertCollapsedBreaks && itemIndex < Math.min(items.length - 1, breakCount)) {
-              parts.push("\n");
-              segments.push({
-                text: "\n",
-                style: { ...mergedDefaultRunStyle },
-                isLineBreak: true
-              });
+            if (insertCollapsedBreaks && itemIndex < items.length - 1) {
+              const gapCount = items.length - 1;
+              const breaksHere = Math.floor(breakCount / gapCount) + (itemIndex < breakCount % gapCount ? 1 : 0);
+              for (let breakIndex = 0; breakIndex < breaksHere; breakIndex++) {
+                parts.push("\n");
+                segments.push({
+                  text: "\n",
+                  style: { ...mergedDefaultRunStyle },
+                  isLineBreak: true
+                });
+              }
             }
             break;
           }
@@ -69324,7 +69421,7 @@ var PptxHandlerRuntime63 = class extends PptxHandlerRuntime62 {
             processAlternateContent(item);
             break;
           case "a:br": {
-            if (insertCollapsedBreaks) {
+            if (hasCollapsedRunBreakOrder) {
               break;
             }
             const brNode = item ?? {};
@@ -69348,6 +69445,14 @@ var PptxHandlerRuntime63 = class extends PptxHandlerRuntime62 {
         }
       }
     }
+    const markerSegment = segments.find((segment) => segment.bulletInfo);
+    const firstVisibleRun = segments.find(
+      (segment) => !segment.bulletInfo && segment.text !== "\n" && segment.text.length > 0
+    );
+    if (markerSegment && firstVisibleRun) {
+      markerSegment.style = { ...firstVisibleRun.style };
+      seedStyle = { ...firstVisibleRun.style };
+    }
     if (pIdx < paraCount - 1) {
       parts.push("\n");
       segments.push({ text: "\n", style: { ...mergedDefaultRunStyle } });
@@ -71647,10 +71752,14 @@ var PptxHandlerRuntime72 = class _PptxHandlerRuntime31 extends PptxHandlerRuntim
       if (defRPr["@_i"] !== void 0) {
         style.italic = defRPr["@_i"] === "1";
       }
-      const color2 = this.parseColor(defRPr["a:solidFill"]);
+      const colorXml2 = defRPr["a:solidFill"];
+      const color2 = this.parseColor(colorXml2);
       if (color2) {
         style.color = color2;
       }
+      if (colorXml2) {
+        style.colorXml = colorXml2;
+      }
       const latin = defRPr["a:latin"];
       if (latin?.["@_typeface"]) {
         const typeface = String(latin["@_typeface"]);
@@ -74105,6 +74214,11 @@ var PptxHandlerRuntime83 = class extends PptxHandlerRuntime82 {
 };
 function extractDrawingShapeFill(spPr, deps) {
   const result = {};
+  if (Object.keys(spPr).some(
+    (key) => !key.startsWith("@_") && (key.split(":").at(-1) ?? key) === "noFill"
+  )) {
+    result.fillNone = true;
+  }
   const solidFill2 = deps.getChild(spPr, "solidFill");
   if (solidFill2) {
     result.fillColor = deps.parseColor(solidFill2) ?? void 0;