ooxml-ui 1.8.4 → 1.9.0

package/dist/pptx/dom/index.mjs

@@ -1,5 +1,5 @@
-import { GlyphOutlineFontCache, createGlyphOutlineLookup, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, getComputedEffectStyle, getComputedStrokeStyle, getComputed3dStyle, isHollowShapeElement, resolveShapeGeometry, buildTextBlockStyle, buildTextBody3DSceneStyle, getSlideBackgroundStyle, applyRenderedElementAccessibility, applyElementActionAffordances, isTemplateElementId, actionAffordanceLabels, canDrillDown, beginChartMarkDrag, THREE_VIEW_EVENTS, applyChart3DSelect, applyChart3DDrag, resolveChartThreeViewSpec, getContainerStyle, resolveRevealedChartData, chartPlaceholderLabel, buildTextBuildSpec, textBuildSpanStyle, getLineGlowFilterCss, getLineShadowParams, normalizeArrow, getCompoundLineOffsets, getCompoundLineWidths, connectorNeedsPath, connectorHitStrokeWidth, buildParagraphs, markerPath, isEquationOnlyText, convertOmmlToMathMl, sanitizeMathMl, build3DExtrusionData, getGroupChildParentFill, resolveGroupChildFill, getImageSrc, getImageFitStyle, getEffectStyleSource, getDuotoneSvgFilter, getSoftEdgeSvgFilter, getBevelLightingSvgFilter, buildHollowHitOutline, strokeOutlineViewBox, buildStrokeOutline, isPatternPaint, svgGradientMarkup, getCropShapeClipPath, getImageOverflow, getComputedImageStyle, getImageTilingStyle, getCachedNativeImageSize, probeNativeImageSize, getImageFillCounterTransform, resolveColorChangedImageSource, getImageColorWashStyle, buildInkGroupStrokes, applyMediaPlaybackAttributes, startMediaAutoplay, scheduleMediaTrimAndFade, mediaPlaybackAttributes, mediaSurfaceOf, mediaTransportVisible, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_ALLOW, ONLINE_VIDEO_IFRAME_SANDBOX, registerCrossSlideAudio, mediaFallbackVisual, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, getOleIconShapes, resolveOleType, getOleTypeColor, getOleTypeLabel, getOleAriaLabel, getOleBadgeLabel, oleActionsVisible, formatBytes, getPlaceholderStyle, getOleDisplayName, isBrowserOpenableMime, openUrlInNewTab, buildSummaryZoomView, resolveSmartArtThreeViewSpec, elementInLocalFrame, stripEditLayerMarkers, routeEditLayerPointerToNodes, measureSvgViewportRect, findSmartArtNodeText, resolvePalette, smartArtConnectorPaint, smartArtNodeLabel, buildChromeStyle, buildSmartArtA11y, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, computeSmartArtElementLayout, flattenNodes, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveRevealedDrawingShapeNodeIds, getTableResizeScale, computeTableMergeCrossings, computeColumnBoundaries, isColumnBoundaryMergedAt, isRowBoundaryMergedAt, DEFAULT_ROW_HEIGHT, tableContainerCss, tableCellCss, cellPatternFillCss, getCellDiagonalBorders, cellParagraphBlocks, cellRunStyle, groupIntoParagraphs, shouldUseSvgWarp, getWarpCssTransform, hasGlyphEnvelope, buildGlyphEnvelopeBlock, buildWarpPath, elementHitTargetStyle, getOverflowSegments, placeholderPromptDescriptor, advanceChartMarkDrag, columnHandleSegments, rowHandleSegments, computeResizedColumnWidths, computeResizedRowHeight, isElementRendered, shouldRenderHitTarget, resolveZoomNavigationTarget, isMediaFullscreenActive, MEDIA_FULLSCREEN_OVERLAY_STYLE, shouldShowMediaFullscreenStopButton, runEquationMathMl, isRunHyperlinkClickable } from '../chunk-GHFJ46NS.mjs';
-export { buildEmbeddedFontStyles, buildFieldSubstitutionContext } from '../chunk-GHFJ46NS.mjs';
+import { GlyphOutlineFontCache, createGlyphOutlineLookup, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, getComputedEffectStyle, getComputedStrokeStyle, getComputed3dStyle, isHollowShapeElement, resolveShapeGeometry, buildTextBlockStyle, buildTextBody3DSceneStyle, getSlideBackgroundStyle, applyRenderedElementAccessibility, applyElementActionAffordances, isTemplateElementId, actionAffordanceLabels, canDrillDown, beginChartMarkDrag, THREE_VIEW_EVENTS, applyChart3DSelect, applyChart3DDrag, resolveChartThreeViewSpec, getContainerStyle, resolveRevealedChartData, chartPlaceholderLabel, buildTextBuildSpec, textBuildSpanStyle, getLineGlowFilterCss, getLineShadowParams, normalizeArrow, getCompoundLineOffsets, getCompoundLineWidths, connectorNeedsPath, connectorHitStrokeWidth, buildParagraphs, markerPath, isEquationOnlyText, convertOmmlToMathMl, sanitizeMathMl, build3DExtrusionData, getGroupChildParentFill, resolveGroupChildFill, getImageSrc, getImageFitStyle, getEffectStyleSource, getDuotoneSvgFilter, getSoftEdgeSvgFilter, getBevelLightingSvgFilter, buildHollowHitOutline, strokeOutlineViewBox, buildStrokeOutline, isPatternPaint, svgGradientMarkup, getCropShapeClipPath, getPictureFrameLayers, getImageOverflow, getComputedImageStyle, getImageTilingStyle, getCachedNativeImageSize, probeNativeImageSize, getImageFillCounterTransform, resolveColorChangedImageSource, getImageColorWashStyle, buildInkGroupStrokes, applyMediaPlaybackAttributes, startMediaAutoplay, scheduleMediaTrimAndFade, mediaPlaybackAttributes, mediaSurfaceOf, mediaTransportVisible, getOnlineVideoEmbed, ONLINE_VIDEO_IFRAME_ALLOW, ONLINE_VIDEO_IFRAME_SANDBOX, registerCrossSlideAudio, mediaFallbackVisual, mediaFallbackIcon, mediaFallbackLabelKey, MEDIA_CHROME_ATTRIBUTE, getOleIconShapes, resolveOleType, getOleTypeColor, getOleTypeLabel, getOleAriaLabel, getOleBadgeLabel, oleActionsVisible, formatBytes, getPlaceholderStyle, getOleDisplayName, isBrowserOpenableMime, openUrlInNewTab, buildSummaryZoomView, resolveSmartArtThreeViewSpec, elementInLocalFrame, stripEditLayerMarkers, routeEditLayerPointerToNodes, measureSvgViewportRect, findSmartArtNodeText, resolvePalette, smartArtConnectorPaint, smartArtNodeLabel, buildChromeStyle, buildSmartArtA11y, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, computeSmartArtElementLayout, flattenNodes, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveRevealedDrawingShapeNodeIds, getTableResizeScale, computeTableMergeCrossings, computeColumnBoundaries, isColumnBoundaryMergedAt, isRowBoundaryMergedAt, DEFAULT_ROW_HEIGHT, tableContainerCss, tableCellCss, cellPatternFillCss, getCellDiagonalBorders, cellParagraphBlocks, cellRunStyle, groupIntoParagraphs, shouldUseSvgWarp, getWarpCssTransform, hasGlyphEnvelope, buildGlyphEnvelopeBlock, buildWarpPath, elementHitTargetStyle, getOverflowSegments, placeholderPromptDescriptor, advanceChartMarkDrag, columnHandleSegments, rowHandleSegments, computeResizedColumnWidths, computeResizedRowHeight, isElementRendered, shouldRenderHitTarget, resolveZoomNavigationTarget, isMediaFullscreenActive, MEDIA_FULLSCREEN_OVERLAY_STYLE, shouldShowMediaFullscreenStopButton, runEquationMathMl, isRunHyperlinkClickable } from '../chunk-KBCKCW5M.mjs';
+export { buildEmbeddedFontStyles, buildFieldSubstitutionContext } from '../chunk-KBCKCW5M.mjs';
 import '../chunk-A63ASSCH.mjs';
 import { modelDataToBlobUrl, mountModel3D } from '../chunk-DMWNOP4E.mjs';
 import '../chunk-WSR2S2MY.mjs';
@@ -11,10 +11,10 @@ export { renderChartViewModelSvg } from '../chunk-NAFUYAQP.mjs';
 import '../chunk-RQJOOXRG.mjs';
 import '../chunk-PI47Z46K.mjs';
 import '../chunk-QX6XPYVA.mjs';
-import '../chunk-NVYVHNPD.mjs';
+import '../chunk-MKVKISFW.mjs';
 import '../chunk-KY75GY5O.mjs';
 import '../chunk-L55MIOBC.mjs';
-import '../chunk-VD7HRMTA.mjs';
+import '../chunk-SABFKDRM.mjs';
 import '../chunk-SMSCEGAE.mjs';
 import '../chunk-7BHPBO2O.mjs';
 import { getComputedFillStyle, getCssBorderDashStyle, DEFAULT_STROKE_COLOR, DEFAULT_TEXT_COLOR, buildChartViewModel, resolveChartKind, subscribeBarFacePicturePixelSamples, resolveChartPalette, buildDashArray, buildSubpathFillOverlay, DEFAULT_FONT_FAMILY, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, formatAxisValue } from '../chunk-DPOES4WM.mjs';
@@ -33,8 +33,8 @@ import '../chunk-7KPDES3X.mjs';
 import '../chunk-T7FRLIDM.mjs';
 import '../chunk-XRWEURSV.mjs';
 import { resolveTableCellImageUrls, resolveTableStyleImageUrls, resolveTextFillBlipUrls, collectMediaElements, resolveMediaElementSource, collectAnimationSoundPaths, collectImagePaths, applyImagePathPatches } from '../chunk-AEQGGKRZ.mjs';
-import { keyToLabel } from '../chunk-VRFNAF3Q.mjs';
-export { createTranslator } from '../chunk-VRFNAF3Q.mjs';
+import { keyToLabel } from '../chunk-F7BBPOVJ.mjs';
+export { createTranslator } from '../chunk-F7BBPOVJ.mjs';
 import '../chunk-CENGE3TZ.mjs';
 import '../chunk-7JBQPQ6G.mjs';
 import '../chunk-WHUMPYEM.mjs';
@@ -1856,16 +1856,24 @@ var renderImageElement = (element, zIndex, context) => {
   const geometry = element.type === "image" || element.type === "picture" ? resolveShapeGeometry(element) : void 0;
   const geometryClipPath = geometry?.kind === "clipPath" ? geometry.clipPath : void 0;
   const cropShapeClipPath = element.type === "image" || element.type === "picture" ? getCropShapeClipPath(element.cropShape, element.width, element.height) : void 0;
+  const layers = getPictureFrameLayers(element, {
+    overflow: getImageOverflow(element),
+    borderRadius: geometry?.kind === "borderRadius" ? geometry.radius : void 0,
+    clipPath: geometryClipPath ?? cropShapeClipPath
+  });
   const el = createEl(doc, "div", "pptxv-element pptxv-image", {
     ...getContainerStyle(element, zIndex),
-    overflow: getImageOverflow(element),
-    // The picture's own shape geometry (prstGeom / custGeom) clips the frame,
-    // not the `<img>` - a pixel-space clip on the img would be scaled and
-    // shifted by the crop transform.
-    ...geometry?.kind === "borderRadius" ? { borderRadius: geometry.radius } : {},
-    ...geometryClipPath ? { clipPath: geometryClipPath } : cropShapeClipPath ? { clipPath: cropShapeClipPath } : {}
+    ...layers.box
   });
   el.dataset.elementId = element.id;
+  const surface = layers.surface ? createEl(doc, "div", "pptxv-image-surface", layers.surface) : el;
+  if (surface !== el) {
+    el.appendChild(surface);
+    const outline = renderStrokeOutline(doc, element);
+    if (outline) {
+      el.appendChild(outline);
+    }
+  }
   const src = getImageSrc(element, new Map(context.mediaDataUrls));
   if (!src) {
     return el;
@@ -1880,7 +1888,7 @@ var renderImageElement = (element, zIndex, context) => {
     filter.innerHTML = f.markup;
     defs.appendChild(filter);
     svg.appendChild(defs);
-    el.appendChild(svg);
+    surface.appendChild(svg);
   }
   const reflection = renderReflectionOverlay(doc, element, context.mediaDataUrls);
   const tiling = getImageTilingStyle(element, getCachedNativeImageSize(src));
@@ -1900,7 +1908,7 @@ var renderImageElement = (element, zIndex, context) => {
         return void 0;
       });
     }
-    el.appendChild(tile);
+    surface.appendChild(tile);
     if (reflection) {
       el.appendChild(reflection);
     }
@@ -1922,7 +1930,7 @@ var renderImageElement = (element, zIndex, context) => {
   if (fx.opacity !== void 0) {
     img.style.opacity = String(fx.opacity);
   }
-  el.appendChild(img);
+  surface.appendChild(img);
   if (element.type === "image" || element.type === "picture") {
     const clrChange = element.imageEffects?.clrChange;
     if (clrChange) {
@@ -1935,7 +1943,7 @@ var renderImageElement = (element, zIndex, context) => {
     }
     const wash = getImageColorWashStyle(element.imageEffects?.colorWash);
     if (wash) {
-      el.appendChild(
+      surface.appendChild(
         createEl(doc, "div", "pptxv-image-color-wash", {
           position: "absolute",
           inset: "0",

package/dist/pptx/i18n/index.cjs

@@ -1,26 +1,26 @@
 'use strict';
 
-var chunkSM3CWDIQ_cjs = require('../chunk-SM3CWDIQ.cjs');
+var chunkQVYJB7G2_cjs = require('../chunk-QVYJB7G2.cjs');
 
 
 
 Object.defineProperty(exports, "ALIGNMENT_LABEL_KEYS", {
   enumerable: true,
-  get: function () { return chunkSM3CWDIQ_cjs.ALIGNMENT_LABEL_KEYS; }
+  get: function () { return chunkQVYJB7G2_cjs.ALIGNMENT_LABEL_KEYS; }
 });
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
-  get: function () { return chunkSM3CWDIQ_cjs.LOCALE_CATALOG; }
+  get: function () { return chunkQVYJB7G2_cjs.LOCALE_CATALOG; }
 });
 Object.defineProperty(exports, "createTranslator", {
   enumerable: true,
-  get: function () { return chunkSM3CWDIQ_cjs.createTranslator; }
+  get: function () { return chunkQVYJB7G2_cjs.createTranslator; }
 });
 Object.defineProperty(exports, "keyToLabel", {
   enumerable: true,
-  get: function () { return chunkSM3CWDIQ_cjs.keyToLabel; }
+  get: function () { return chunkQVYJB7G2_cjs.keyToLabel; }
 });
 Object.defineProperty(exports, "translationsEn", {
   enumerable: true,
-  get: function () { return chunkSM3CWDIQ_cjs.translationsEn; }
+  get: function () { return chunkQVYJB7G2_cjs.translationsEn; }
 });

package/dist/pptx/i18n/index.mjs

@@ -1 +1 @@
-export { ALIGNMENT_LABEL_KEYS, LOCALE_CATALOG, createTranslator, keyToLabel, translationsEn } from '../chunk-VRFNAF3Q.mjs';
+export { ALIGNMENT_LABEL_KEYS, LOCALE_CATALOG, createTranslator, keyToLabel, translationsEn } from '../chunk-F7BBPOVJ.mjs';

package/dist/pptx/i18n/translations-en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations-en.d.ts","sourceRoot":"","sources":["../../../src/pptx/i18n/translations-en.ts"],"names":[],"mappings":"AAOA;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA23HjD,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK9C"}
+{"version":3,"file":"translations-en.d.ts","sourceRoot":"","sources":["../../../src/pptx/i18n/translations-en.ts"],"names":[],"mappings":"AAOA;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAs4HjD,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK9C"}