ooxml-ui 1.8.4 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-CTPXTRDT.js → chunk-PH7IBZOZ.js} +1 -1
- package/dist/docx/columns-dialog.d.ts +1 -1
- package/dist/docx/editor-core.d.ts +2 -0
- package/dist/docx/page-controller.d.ts +3 -2
- package/dist/docx/print-drag-scroll.d.ts +7 -0
- package/dist/docx/print-editing-geometry.d.ts +2 -0
- package/dist/docx/print-editing-index.d.ts +30 -0
- package/dist/docx/print-editing.d.ts +12 -0
- package/dist/docx/print-keyboard-navigation.d.ts +18 -0
- package/dist/docx/print-layout-view.d.ts +6 -10
- package/dist/docx/print-layout.d.ts +2 -2
- package/dist/docx/print-picture.d.ts +1 -0
- package/dist/docx.js +677 -20
- package/dist/index.js +2 -2
- package/dist/pptx/{chunk-KMNNTEGF.cjs → chunk-BFZDO2DY.cjs} +429 -194
- package/dist/pptx/{chunk-VRFNAF3Q.mjs → chunk-F7BBPOVJ.mjs} +9 -0
- package/dist/pptx/{chunk-STXGHV25.cjs → chunk-HWW2UVUP.cjs} +161 -4
- package/dist/pptx/{chunk-GHFJ46NS.mjs → chunk-KBCKCW5M.mjs} +371 -161
- package/dist/pptx/{chunk-NVYVHNPD.mjs → chunk-MKVKISFW.mjs} +1 -1
- package/dist/pptx/{chunk-NKHPE4PS.cjs → chunk-PKDISDDZ.cjs} +2 -2
- package/dist/pptx/{chunk-SM3CWDIQ.cjs → chunk-QVYJB7G2.cjs} +9 -0
- package/dist/pptx/chunk-SABFKDRM.mjs +286 -0
- package/dist/pptx/dom/elements/image.d.ts.map +1 -1
- package/dist/pptx/dom/index.cjs +221 -213
- package/dist/pptx/dom/index.mjs +24 -16
- package/dist/pptx/i18n/index.cjs +6 -6
- package/dist/pptx/i18n/index.mjs +1 -1
- package/dist/pptx/i18n/translations-en.d.ts.map +1 -1
- package/dist/pptx/index.cjs +2834 -2766
- package/dist/pptx/index.mjs +4 -4
- package/dist/pptx/render/find-replace.d.ts +1 -1
- package/dist/pptx/render/find-replace.d.ts.map +1 -1
- package/dist/pptx/render/format-painter.cjs +5 -5
- package/dist/pptx/render/format-painter.mjs +2 -2
- package/dist/pptx/render/index.d.ts +3 -0
- package/dist/pptx/render/index.d.ts.map +1 -1
- package/dist/pptx/render/inspector-helpers.cjs +12 -12
- package/dist/pptx/render/inspector-helpers.d.ts.map +1 -1
- package/dist/pptx/render/inspector-helpers.mjs +1 -1
- package/dist/pptx/render/inspector-number.d.ts +15 -0
- package/dist/pptx/render/inspector-number.d.ts.map +1 -0
- package/dist/pptx/render/picture-frame.d.ts +52 -0
- package/dist/pptx/render/picture-frame.d.ts.map +1 -0
- package/dist/pptx/render/ribbon-home-commands.d.ts +11 -2
- package/dist/pptx/render/ribbon-home-commands.d.ts.map +1 -1
- package/dist/pptx/render/share-session.d.ts.map +1 -1
- package/dist/pptx/render/slide-operations.d.ts +2 -1
- package/dist/pptx/render/slide-operations.d.ts.map +1 -1
- package/dist/pptx/render/slide-package-clipboard.d.ts +31 -0
- package/dist/pptx/render/slide-package-clipboard.d.ts.map +1 -0
- package/dist/pptx/render/slide-sorter-context-menu.d.ts +3 -5
- package/dist/pptx/render/slide-sorter-context-menu.d.ts.map +1 -1
- package/dist/pptx/render/slide-sorter-state.d.ts +8 -1
- package/dist/pptx/render/slide-sorter-state.d.ts.map +1 -1
- package/dist/pptx/render/text-advanced.d.ts.map +1 -1
- package/dist/pptx/render/text-style-scope.d.ts +41 -1
- package/dist/pptx/render/text-style-scope.d.ts.map +1 -1
- package/dist/pptx/render/text-style-update.d.ts.map +1 -1
- package/dist/pptx/web-components/index.d.ts +2 -0
- package/dist/pptx/web-components/index.d.ts.map +1 -1
- package/dist/pptx/web-components/slide-clipboard.d.ts +14 -0
- package/dist/pptx/web-components/slide-clipboard.d.ts.map +1 -0
- package/dist/teams.js +1 -1
- package/dist/visio/format-pane-fields.d.ts +2 -0
- package/dist/visio/page-setup-action.d.ts +1 -1
- package/dist/visio/page-setup-dialog-form.d.ts +1 -1
- package/dist/visio/ribbon-action.d.ts +1 -1
- package/dist/visio/viewer-accessibility.d.ts +17 -0
- package/dist/visio/viewer-insert-dialog.d.ts +2 -1
- package/dist/visio/viewer-review.d.ts +2 -0
- package/dist/visio.js +304 -14
- package/dist/xlsx/commands/pivots.d.ts +2 -0
- package/dist/xlsx/commands/sparklines.d.ts +2 -0
- package/dist/xlsx/dialogs/help-dialogs.d.ts +2 -2
- package/dist/xlsx/dialogs/page-header.d.ts +4 -0
- package/dist/xlsx/dialogs/page-setup-tabs.d.ts +6 -1
- package/dist/xlsx/dialogs/pivots.d.ts +2 -0
- package/dist/xlsx/dialogs/print-preview.d.ts +2 -0
- package/dist/xlsx/dialogs/sparklines.d.ts +4 -0
- package/dist/xlsx/print-cell.d.ts +4 -0
- package/dist/xlsx/print-header.d.ts +7 -0
- package/dist/xlsx/print-pages.d.ts +4 -0
- package/dist/xlsx/print.d.ts +4 -12
- package/dist/xlsx.js +1078 -287
- package/package.json +3 -3
- package/dist/pptx/chunk-VD7HRMTA.mjs +0 -137
- /package/dist/{chunk-SUHT5S2P.js → chunk-SKYBYVYH.js} +0 -0
package/dist/pptx/dom/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkBFZDO2DY_cjs = require('../chunk-BFZDO2DY.cjs');
|
|
4
4
|
require('../chunk-WSTWYZFM.cjs');
|
|
5
5
|
var chunk2JEQHIAL_cjs = require('../chunk-2JEQHIAL.cjs');
|
|
6
6
|
require('../chunk-IOR4KOGN.cjs');
|
|
@@ -11,10 +11,10 @@ var chunkK3S2A64B_cjs = require('../chunk-K3S2A64B.cjs');
|
|
|
11
11
|
require('../chunk-XOAXPD2W.cjs');
|
|
12
12
|
require('../chunk-P27CIE4O.cjs');
|
|
13
13
|
require('../chunk-BSGCZ4JZ.cjs');
|
|
14
|
-
require('../chunk-
|
|
14
|
+
require('../chunk-PKDISDDZ.cjs');
|
|
15
15
|
require('../chunk-IOOI63TH.cjs');
|
|
16
16
|
require('../chunk-ZJFN5POF.cjs');
|
|
17
|
-
require('../chunk-
|
|
17
|
+
require('../chunk-HWW2UVUP.cjs');
|
|
18
18
|
require('../chunk-WB25PCHQ.cjs');
|
|
19
19
|
require('../chunk-W3X2UVYQ.cjs');
|
|
20
20
|
var chunkVFPVEVF4_cjs = require('../chunk-VFPVEVF4.cjs');
|
|
@@ -33,7 +33,7 @@ require('../chunk-Y4LTLCQP.cjs');
|
|
|
33
33
|
require('../chunk-USBRSEJK.cjs');
|
|
34
34
|
require('../chunk-47FYJVMH.cjs');
|
|
35
35
|
var chunkU47LRWDT_cjs = require('../chunk-U47LRWDT.cjs');
|
|
36
|
-
var
|
|
36
|
+
var chunkQVYJB7G2_cjs = require('../chunk-QVYJB7G2.cjs');
|
|
37
37
|
require('../chunk-OGJRSAGH.cjs');
|
|
38
38
|
require('../chunk-HJ3JZXOL.cjs');
|
|
39
39
|
require('../chunk-EW5DW5KR.cjs');
|
|
@@ -95,7 +95,7 @@ function buildActiveXControlsOverlay(doc, controls, canvasSize) {
|
|
|
95
95
|
zIndex: "40"
|
|
96
96
|
});
|
|
97
97
|
controls.forEach((control, index) => {
|
|
98
|
-
const view =
|
|
98
|
+
const view = chunkBFZDO2DY_cjs.getActiveXControlOverlayView(control, canvasSize, index);
|
|
99
99
|
const style = {
|
|
100
100
|
position: "absolute",
|
|
101
101
|
left: `${view.left}px`,
|
|
@@ -131,7 +131,7 @@ function appendCommentMarkers(doc, stage, comments, canvasSize, t, onMarkerClick
|
|
|
131
131
|
pointerEvents: "none",
|
|
132
132
|
zIndex: "45"
|
|
133
133
|
});
|
|
134
|
-
const markers =
|
|
134
|
+
const markers = chunkBFZDO2DY_cjs.buildCommentMarkers(
|
|
135
135
|
comments,
|
|
136
136
|
canvasSize.width,
|
|
137
137
|
canvasSize.height,
|
|
@@ -140,10 +140,10 @@ function appendCommentMarkers(doc, stage, comments, canvasSize, t, onMarkerClick
|
|
|
140
140
|
for (const marker of markers) {
|
|
141
141
|
const dot = createEl(doc, "button", "pptxv-comment-marker", {
|
|
142
142
|
position: "absolute",
|
|
143
|
-
left: `${marker.x -
|
|
144
|
-
top: `${marker.y -
|
|
145
|
-
width: `${
|
|
146
|
-
height: `${
|
|
143
|
+
left: `${marker.x - chunkBFZDO2DY_cjs.COMMENT_MARKER_SIZE / 2}px`,
|
|
144
|
+
top: `${marker.y - chunkBFZDO2DY_cjs.COMMENT_MARKER_SIZE / 2}px`,
|
|
145
|
+
width: `${chunkBFZDO2DY_cjs.COMMENT_MARKER_SIZE}px`,
|
|
146
|
+
height: `${chunkBFZDO2DY_cjs.COMMENT_MARKER_SIZE}px`,
|
|
147
147
|
display: "flex",
|
|
148
148
|
alignItems: "center",
|
|
149
149
|
justifyContent: "center",
|
|
@@ -211,7 +211,7 @@ function merge3dStyle(base, computed) {
|
|
|
211
211
|
}
|
|
212
212
|
function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
213
213
|
if (el.type === "group") {
|
|
214
|
-
const fx2 =
|
|
214
|
+
const fx2 = chunkBFZDO2DY_cjs.getComputedEffectStyle(el);
|
|
215
215
|
const groupStyle = {};
|
|
216
216
|
if (fx2.filter) {
|
|
217
217
|
groupStyle.filter = fx2.filter;
|
|
@@ -233,7 +233,7 @@ function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
|
233
233
|
style[key] = value;
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
-
const stroke =
|
|
236
|
+
const stroke = chunkBFZDO2DY_cjs.getComputedStrokeStyle(el);
|
|
237
237
|
if (stroke.borderWidth > 0) {
|
|
238
238
|
if (animatesStroke) {
|
|
239
239
|
style["borderWidth"] = stroke.cssBorderWidth;
|
|
@@ -252,7 +252,7 @@ function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
|
252
252
|
style["strokeMiterlimit"] = stroke.strokeMiterlimit;
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
|
-
const fx =
|
|
255
|
+
const fx = chunkBFZDO2DY_cjs.getComputedEffectStyle(el);
|
|
256
256
|
if (fx.boxShadow) {
|
|
257
257
|
style["boxShadow"] = fx.boxShadow;
|
|
258
258
|
}
|
|
@@ -269,11 +269,11 @@ function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
|
269
269
|
if (fx.overflowVisible) {
|
|
270
270
|
style["overflow"] = "visible";
|
|
271
271
|
}
|
|
272
|
-
merge3dStyle(style,
|
|
273
|
-
if (
|
|
272
|
+
merge3dStyle(style, chunkBFZDO2DY_cjs.getComputed3dStyle(el));
|
|
273
|
+
if (chunkBFZDO2DY_cjs.isHollowShapeElement(el)) {
|
|
274
274
|
style["pointerEvents"] = "none";
|
|
275
275
|
}
|
|
276
|
-
const geometry =
|
|
276
|
+
const geometry = chunkBFZDO2DY_cjs.resolveShapeGeometry(el);
|
|
277
277
|
switch (geometry.kind) {
|
|
278
278
|
case "bare":
|
|
279
279
|
style["backgroundColor"] = "transparent";
|
|
@@ -307,12 +307,12 @@ function getTextBlockStyle(el) {
|
|
|
307
307
|
if (!pptx.hasTextProperties(el)) {
|
|
308
308
|
return {};
|
|
309
309
|
}
|
|
310
|
-
const base =
|
|
310
|
+
const base = chunkBFZDO2DY_cjs.buildTextBlockStyle(el, {
|
|
311
311
|
fallbackColor: chunkVFPVEVF4_cjs.DEFAULT_TEXT_COLOR,
|
|
312
312
|
bodyLayout: true,
|
|
313
313
|
pxLengths: true
|
|
314
314
|
});
|
|
315
|
-
const scene3d =
|
|
315
|
+
const scene3d = chunkBFZDO2DY_cjs.buildTextBody3DSceneStyle(el.textStyle, { width: el.width, height: el.height });
|
|
316
316
|
if (!scene3d) {
|
|
317
317
|
return base;
|
|
318
318
|
}
|
|
@@ -417,7 +417,7 @@ function renderSlideStage(options) {
|
|
|
417
417
|
"--pptxv-grid-size": `${options.gridSpacingPx ?? 10}px`,
|
|
418
418
|
// One device pixel in slide px: thin strokes stay visible on screen.
|
|
419
419
|
...chunk526IHNIH_cjs.deviceStrokeStageStyle(scale),
|
|
420
|
-
...
|
|
420
|
+
...chunkBFZDO2DY_cjs.getSlideBackgroundStyle(slide, { widthPx: canvasSize.width, heightPx: canvasSize.height })
|
|
421
421
|
});
|
|
422
422
|
if (interactive || options.reading) {
|
|
423
423
|
stage.setAttribute("role", "region");
|
|
@@ -458,19 +458,19 @@ function renderSlideStage(options) {
|
|
|
458
458
|
selectedElementIds: options.selectedElementIds,
|
|
459
459
|
registry,
|
|
460
460
|
renderElement(element, zIndex) {
|
|
461
|
-
if (!
|
|
461
|
+
if (!chunkBFZDO2DY_cjs.isElementRendered(element)) {
|
|
462
462
|
return null;
|
|
463
463
|
}
|
|
464
464
|
const node = registry.resolve(element.type)(element, zIndex, context);
|
|
465
465
|
if (node && interactive && "setAttribute" in node) {
|
|
466
|
-
const templateLocked =
|
|
466
|
+
const templateLocked = chunkBFZDO2DY_cjs.isTemplateElementId(element.id) && !options.templateEditing;
|
|
467
467
|
if (templateLocked) {
|
|
468
468
|
node.style.pointerEvents = "none";
|
|
469
469
|
}
|
|
470
470
|
node.setAttribute("data-pptx-element", "true");
|
|
471
471
|
}
|
|
472
|
-
if (node && element.type !== "text" && element.type !== "shape" && element.type !== "connector" &&
|
|
473
|
-
const hitTargetStyle =
|
|
472
|
+
if (node && element.type !== "text" && element.type !== "shape" && element.type !== "connector" && chunkBFZDO2DY_cjs.shouldRenderHitTarget(interactive, options.presenting ?? false)) {
|
|
473
|
+
const hitTargetStyle = chunkBFZDO2DY_cjs.elementHitTargetStyle(element);
|
|
474
474
|
if (hitTargetStyle) {
|
|
475
475
|
const hitTarget = createEl(doc, "div", void 0, hitTargetStyle);
|
|
476
476
|
hitTarget.setAttribute("aria-hidden", "true");
|
|
@@ -489,20 +489,20 @@ function renderSlideStage(options) {
|
|
|
489
489
|
}
|
|
490
490
|
});
|
|
491
491
|
if (interactive || options.reading) {
|
|
492
|
-
|
|
492
|
+
chunkBFZDO2DY_cjs.applyRenderedElementAccessibility(stage, slide.elements, {
|
|
493
493
|
presenting: options.presenting ?? false
|
|
494
494
|
});
|
|
495
495
|
}
|
|
496
496
|
if (interactive) {
|
|
497
|
-
|
|
497
|
+
chunkBFZDO2DY_cjs.applyElementActionAffordances(
|
|
498
498
|
stage,
|
|
499
499
|
slide.elements.filter(
|
|
500
|
-
(element) => options.templateEditing || !
|
|
500
|
+
(element) => options.templateEditing || !chunkBFZDO2DY_cjs.isTemplateElementId(element.id)
|
|
501
501
|
),
|
|
502
502
|
{
|
|
503
503
|
canInteract: true,
|
|
504
504
|
presenting: options.presenting ?? false,
|
|
505
|
-
labels:
|
|
505
|
+
labels: chunkBFZDO2DY_cjs.actionAffordanceLabels((key) => t(key))
|
|
506
506
|
}
|
|
507
507
|
);
|
|
508
508
|
}
|
|
@@ -558,7 +558,7 @@ function createChartTitleEditor(container, onCommit) {
|
|
|
558
558
|
|
|
559
559
|
// src/pptx/dom/elements/chart-editable.ts
|
|
560
560
|
function attachChartEditing(container, element, context, repaint) {
|
|
561
|
-
if (element.type !== "chart" || !context.interactive || !context.onChartPointChange || !
|
|
561
|
+
if (element.type !== "chart" || !context.interactive || !context.onChartPointChange || !chunkBFZDO2DY_cjs.canDrillDown(element)) {
|
|
562
562
|
return;
|
|
563
563
|
}
|
|
564
564
|
const chart = element;
|
|
@@ -598,7 +598,7 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
598
598
|
if (!rect) {
|
|
599
599
|
return;
|
|
600
600
|
}
|
|
601
|
-
const step2 =
|
|
601
|
+
const step2 = chunkBFZDO2DY_cjs.advanceChartMarkDrag(activeMark, event.clientX, event.clientY, rect);
|
|
602
602
|
if (!step2) {
|
|
603
603
|
return;
|
|
604
604
|
}
|
|
@@ -688,7 +688,7 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
688
688
|
seriesIndex: part.seriesIndex,
|
|
689
689
|
pointIndex: part.pointIndex
|
|
690
690
|
});
|
|
691
|
-
const startedMark =
|
|
691
|
+
const startedMark = chunkBFZDO2DY_cjs.beginChartMarkDrag({
|
|
692
692
|
part,
|
|
693
693
|
geometry: markGeometry,
|
|
694
694
|
chartData: chart.chartData,
|
|
@@ -780,7 +780,7 @@ function mountThreeViewInto(doc, wrapper, options) {
|
|
|
780
780
|
return view;
|
|
781
781
|
}
|
|
782
782
|
function isChart3DEditable(element, context) {
|
|
783
|
-
return element.type === "chart" && Boolean(context.interactive) && Boolean(context.onChartPointChange) && Boolean(context.selectedElementIds?.has(element.id)) &&
|
|
783
|
+
return element.type === "chart" && Boolean(context.interactive) && Boolean(context.onChartPointChange) && Boolean(context.selectedElementIds?.has(element.id)) && chunkBFZDO2DY_cjs.canDrillDown(element);
|
|
784
784
|
}
|
|
785
785
|
function selectedChartPartOf(element, context) {
|
|
786
786
|
return context.chartPartSelection?.elementId === element.id ? context.chartPartSelection.part : null;
|
|
@@ -822,13 +822,13 @@ function wireChartThreeViewEvents(view, element, context, badgeHost) {
|
|
|
822
822
|
const listeners = new AbortController();
|
|
823
823
|
chartViewListeners.set(view, listeners);
|
|
824
824
|
view.addEventListener(
|
|
825
|
-
|
|
826
|
-
(event) =>
|
|
825
|
+
chunkBFZDO2DY_cjs.THREE_VIEW_EVENTS.select,
|
|
826
|
+
(event) => chunkBFZDO2DY_cjs.applyChart3DSelect(bridge, event.detail.part),
|
|
827
827
|
{ signal: listeners.signal }
|
|
828
828
|
);
|
|
829
829
|
view.addEventListener(
|
|
830
|
-
|
|
831
|
-
(event) =>
|
|
830
|
+
chunkBFZDO2DY_cjs.THREE_VIEW_EVENTS.drag,
|
|
831
|
+
(event) => chunkBFZDO2DY_cjs.applyChart3DDrag(bridge, event.detail),
|
|
832
832
|
{ signal: listeners.signal }
|
|
833
833
|
);
|
|
834
834
|
}
|
|
@@ -842,7 +842,7 @@ function applyThreeViewTextStyle(el, style) {
|
|
|
842
842
|
// src/pptx/dom/elements/chart.ts
|
|
843
843
|
var renderChartElement = (element, zIndex, context) => {
|
|
844
844
|
const wrapper = renderChartSvgElement(element, zIndex, context);
|
|
845
|
-
const spec = wrapper ?
|
|
845
|
+
const spec = wrapper ? chunkBFZDO2DY_cjs.resolveChartThreeViewSpec(element, rendering3DFlagsOf(context)) : null;
|
|
846
846
|
if (!wrapper || !spec) {
|
|
847
847
|
return wrapper;
|
|
848
848
|
}
|
|
@@ -864,11 +864,11 @@ var renderChartSvgElement = (element, zIndex, context) => {
|
|
|
864
864
|
doc,
|
|
865
865
|
"div",
|
|
866
866
|
"pptxv-element pptxv-chart",
|
|
867
|
-
|
|
867
|
+
chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex)
|
|
868
868
|
);
|
|
869
869
|
container.dataset.elementId = element.id;
|
|
870
870
|
const animationState = context.presentationStates?.get(element.id);
|
|
871
|
-
const chartData = element.chartData ?
|
|
871
|
+
const chartData = element.chartData ? chunkBFZDO2DY_cjs.resolveRevealedChartData(element.chartData, animationState) : element.chartData;
|
|
872
872
|
if (!chartData || chartData.series.length === 0) {
|
|
873
873
|
container.appendChild(renderChartPlaceholder(doc, chartData?.chartType ?? "bar", context.t));
|
|
874
874
|
return container;
|
|
@@ -916,7 +916,7 @@ function renderChartPlaceholder(doc, chartType, t) {
|
|
|
916
916
|
border: "1px dashed #cbd5e1",
|
|
917
917
|
boxSizing: "border-box"
|
|
918
918
|
});
|
|
919
|
-
placeholder.textContent =
|
|
919
|
+
placeholder.textContent = chunkBFZDO2DY_cjs.chartPlaceholderLabel(chartType, (key, params) => t(key, params));
|
|
920
920
|
return placeholder;
|
|
921
921
|
}
|
|
922
922
|
|
|
@@ -980,7 +980,7 @@ function createRunBaseNode(doc, run) {
|
|
|
980
980
|
verticalAlign: "middle",
|
|
981
981
|
fontFamily: "'Cambria Math', 'STIX Two Math', serif"
|
|
982
982
|
});
|
|
983
|
-
math.innerHTML =
|
|
983
|
+
math.innerHTML = chunkBFZDO2DY_cjs.runEquationMathMl(run.equation);
|
|
984
984
|
host.appendChild(math);
|
|
985
985
|
if (run.equation.number) {
|
|
986
986
|
const number = createEl(doc, "span", "pptxv-equation-number", {
|
|
@@ -992,7 +992,7 @@ function createRunBaseNode(doc, run) {
|
|
|
992
992
|
}
|
|
993
993
|
return host;
|
|
994
994
|
}
|
|
995
|
-
if (run.hyperlink &&
|
|
995
|
+
if (run.hyperlink && chunkBFZDO2DY_cjs.isRunHyperlinkClickable(run.hyperlink)) {
|
|
996
996
|
const link = createEl(doc, "a", "pptxv-link", run.style);
|
|
997
997
|
link.setAttribute("data-pptx-hyperlink", run.hyperlink.url);
|
|
998
998
|
link.setAttribute("role", "link");
|
|
@@ -1097,7 +1097,7 @@ function renderTextBlock(doc, paragraphs, textStyle, build) {
|
|
|
1097
1097
|
bullet.textContent = para.bulletMarker;
|
|
1098
1098
|
p.appendChild(bullet);
|
|
1099
1099
|
}
|
|
1100
|
-
const spec = build ?
|
|
1100
|
+
const spec = build ? chunkBFZDO2DY_cjs.buildTextBuildSpec(
|
|
1101
1101
|
build.elementId,
|
|
1102
1102
|
paragraphs.indexOf(para),
|
|
1103
1103
|
para.runs.filter((run) => run.text !== NEWLINE_RUN).map((run) => ({ text: run.text, style: run.style })),
|
|
@@ -1106,7 +1106,7 @@ function renderTextBlock(doc, paragraphs, textStyle, build) {
|
|
|
1106
1106
|
if (spec && spec.granularity !== "paragraph") {
|
|
1107
1107
|
for (const span of spec.spans ?? []) {
|
|
1108
1108
|
const node = createEl(doc, "span");
|
|
1109
|
-
applyStyleMap(node, { ...span.style ?? {}, ...
|
|
1109
|
+
applyStyleMap(node, { ...span.style ?? {}, ...chunkBFZDO2DY_cjs.textBuildSpanStyle(span) });
|
|
1110
1110
|
if (span.animId) {
|
|
1111
1111
|
node.setAttribute("data-anim-id", span.animId);
|
|
1112
1112
|
}
|
|
@@ -1119,7 +1119,7 @@ function renderTextBlock(doc, paragraphs, textStyle, build) {
|
|
|
1119
1119
|
let runHost = p;
|
|
1120
1120
|
if (spec) {
|
|
1121
1121
|
const wrapper = createEl(doc, "span");
|
|
1122
|
-
applyStyleMap(wrapper,
|
|
1122
|
+
applyStyleMap(wrapper, chunkBFZDO2DY_cjs.textBuildSpanStyle(spec));
|
|
1123
1123
|
if (spec.animId) {
|
|
1124
1124
|
wrapper.setAttribute("data-anim-id", spec.animId);
|
|
1125
1125
|
}
|
|
@@ -1175,7 +1175,7 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1175
1175
|
if (element.hidden) {
|
|
1176
1176
|
wrapper.style.display = "none";
|
|
1177
1177
|
}
|
|
1178
|
-
const lineGlow =
|
|
1178
|
+
const lineGlow = chunkBFZDO2DY_cjs.getLineGlowFilterCss(ss);
|
|
1179
1179
|
if (lineGlow) {
|
|
1180
1180
|
wrapper.style.filter = lineGlow;
|
|
1181
1181
|
}
|
|
@@ -1183,7 +1183,7 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1183
1183
|
svg.setAttribute("style", "overflow:visible;display:block");
|
|
1184
1184
|
const seed = element.id.replace(/[^a-zA-Z0-9_-]/gu, "_");
|
|
1185
1185
|
const defs = createSvgEl(doc, "defs");
|
|
1186
|
-
const lineShadow =
|
|
1186
|
+
const lineShadow = chunkBFZDO2DY_cjs.getLineShadowParams(ss);
|
|
1187
1187
|
const shadowId = lineShadow ? `${seed}-line-shadow` : void 0;
|
|
1188
1188
|
if (lineShadow && shadowId) {
|
|
1189
1189
|
const filter = createSvgEl(doc, "filter", {
|
|
@@ -1204,8 +1204,8 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1204
1204
|
);
|
|
1205
1205
|
defs.appendChild(filter);
|
|
1206
1206
|
}
|
|
1207
|
-
const startArrow =
|
|
1208
|
-
const endArrow =
|
|
1207
|
+
const startArrow = chunkBFZDO2DY_cjs.normalizeArrow(ss?.connectorStartArrow);
|
|
1208
|
+
const endArrow = chunkBFZDO2DY_cjs.normalizeArrow(ss?.connectorEndArrow);
|
|
1209
1209
|
const startMarkerId = startArrow ? `${seed}-start` : void 0;
|
|
1210
1210
|
const endMarkerId = endArrow ? `${seed}-end` : void 0;
|
|
1211
1211
|
if (startArrow && startMarkerId) {
|
|
@@ -1228,10 +1228,10 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1228
1228
|
svg.appendChild(defs);
|
|
1229
1229
|
}
|
|
1230
1230
|
const compound = ss?.compoundLine;
|
|
1231
|
-
const offsets =
|
|
1232
|
-
const widths =
|
|
1231
|
+
const offsets = chunkBFZDO2DY_cjs.getCompoundLineOffsets(compound, strokeWidth);
|
|
1232
|
+
const widths = chunkBFZDO2DY_cjs.getCompoundLineWidths(compound, strokeWidth);
|
|
1233
1233
|
const shapeType = pptx.hasShapeProperties(element) ? element.shapeType : void 0;
|
|
1234
|
-
const usePath =
|
|
1234
|
+
const usePath = chunkBFZDO2DY_cjs.connectorNeedsPath(shapeType) && pptx.hasShapeProperties(element);
|
|
1235
1235
|
const pathData = usePath ? pptx.getConnectorPathGeometry(element).pathData : void 0;
|
|
1236
1236
|
const x1 = element.flipHorizontal ? w : 0;
|
|
1237
1237
|
const y1 = element.flipVertical ? h : 0;
|
|
@@ -1242,7 +1242,7 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1242
1242
|
d: pathData ?? `M${x1},${y1} L${x2},${y2}`,
|
|
1243
1243
|
fill: "none",
|
|
1244
1244
|
stroke: "transparent",
|
|
1245
|
-
"stroke-width":
|
|
1245
|
+
"stroke-width": chunkBFZDO2DY_cjs.connectorHitStrokeWidth(strokeWidth),
|
|
1246
1246
|
"stroke-linecap": "round",
|
|
1247
1247
|
"stroke-linejoin": "round"
|
|
1248
1248
|
});
|
|
@@ -1292,7 +1292,7 @@ function appendConnectorLabel(wrapper, element, context) {
|
|
|
1292
1292
|
if (!pptx.hasTextProperties(element)) {
|
|
1293
1293
|
return;
|
|
1294
1294
|
}
|
|
1295
|
-
const paragraphs =
|
|
1295
|
+
const paragraphs = chunkBFZDO2DY_cjs.buildParagraphs(element, context.fieldContext);
|
|
1296
1296
|
if (!paragraphs.some((paragraph) => paragraph.runs.length > 0)) {
|
|
1297
1297
|
return;
|
|
1298
1298
|
}
|
|
@@ -1312,7 +1312,7 @@ function appendConnectorLabel(wrapper, element, context) {
|
|
|
1312
1312
|
}
|
|
1313
1313
|
function buildMarker(context, id, arrow, strokeColor, size) {
|
|
1314
1314
|
const doc = context.document;
|
|
1315
|
-
const shape =
|
|
1315
|
+
const shape = chunkBFZDO2DY_cjs.markerPath(arrow, size.width, size.length);
|
|
1316
1316
|
const marker = createSvgEl(doc, "marker", {
|
|
1317
1317
|
id,
|
|
1318
1318
|
viewBox: "0 0 10 10",
|
|
@@ -1396,7 +1396,7 @@ var renderContentPartElement = (element, zIndex, context) => {
|
|
|
1396
1396
|
doc,
|
|
1397
1397
|
"div",
|
|
1398
1398
|
"pptxv-element pptxv-contentpart",
|
|
1399
|
-
|
|
1399
|
+
chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex)
|
|
1400
1400
|
);
|
|
1401
1401
|
el.dataset.elementId = element.id;
|
|
1402
1402
|
const strokes = element.inkStrokes;
|
|
@@ -1429,7 +1429,7 @@ var renderContentPartElement = (element, zIndex, context) => {
|
|
|
1429
1429
|
return el;
|
|
1430
1430
|
};
|
|
1431
1431
|
function renderEquations(element, context) {
|
|
1432
|
-
if (!pptx.hasTextProperties(element) || !
|
|
1432
|
+
if (!pptx.hasTextProperties(element) || !chunkBFZDO2DY_cjs.isEquationOnlyText(element.textSegments)) {
|
|
1433
1433
|
return null;
|
|
1434
1434
|
}
|
|
1435
1435
|
const equations = (element.textSegments ?? []).filter((segment) => segment.equationXml);
|
|
@@ -1443,7 +1443,7 @@ function renderEquations(element, context) {
|
|
|
1443
1443
|
fontFamily: "'Cambria Math', 'STIX Two Math', serif"
|
|
1444
1444
|
});
|
|
1445
1445
|
for (const segment of equations) {
|
|
1446
|
-
const mathml =
|
|
1446
|
+
const mathml = chunkBFZDO2DY_cjs.convertOmmlToMathMl(segment.equationXml);
|
|
1447
1447
|
if (!mathml) {
|
|
1448
1448
|
continue;
|
|
1449
1449
|
}
|
|
@@ -1457,7 +1457,7 @@ function renderEquations(element, context) {
|
|
|
1457
1457
|
flex: 1,
|
|
1458
1458
|
textAlign: "center"
|
|
1459
1459
|
});
|
|
1460
|
-
math.innerHTML =
|
|
1460
|
+
math.innerHTML = chunkBFZDO2DY_cjs.sanitizeMathMl(mathml);
|
|
1461
1461
|
row.appendChild(math);
|
|
1462
1462
|
if (segment.equationNumber) {
|
|
1463
1463
|
const number = createEl(context.document, "span", "pptxv-equation-number", {
|
|
@@ -1475,7 +1475,7 @@ function renderExtrusionOverlay(doc, element) {
|
|
|
1475
1475
|
return null;
|
|
1476
1476
|
}
|
|
1477
1477
|
const fill = chunkVFPVEVF4_cjs.getComputedFillStyle(element)?.backgroundColor;
|
|
1478
|
-
const data =
|
|
1478
|
+
const data = chunkBFZDO2DY_cjs.build3DExtrusionData(
|
|
1479
1479
|
element.shapeStyle?.shape3d,
|
|
1480
1480
|
element.shapeStyle?.scene3d,
|
|
1481
1481
|
fill,
|
|
@@ -1537,7 +1537,7 @@ function appendOwnReflection(doc, host, element, mediaDataUrls, suppressOwnRefle
|
|
|
1537
1537
|
if (suppressOwnReflection) {
|
|
1538
1538
|
return;
|
|
1539
1539
|
}
|
|
1540
|
-
const wrapperStyle =
|
|
1540
|
+
const wrapperStyle = chunkBFZDO2DY_cjs.getComputedEffectStyle(element).reflection;
|
|
1541
1541
|
if (!wrapperStyle) {
|
|
1542
1542
|
return;
|
|
1543
1543
|
}
|
|
@@ -1561,9 +1561,9 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1561
1561
|
if (groupFilterDefs) {
|
|
1562
1562
|
wrap.appendChild(groupFilterDefs);
|
|
1563
1563
|
}
|
|
1564
|
-
const childParentFill =
|
|
1564
|
+
const childParentFill = chunkBFZDO2DY_cjs.getGroupChildParentFill(element, parentGroupFill);
|
|
1565
1565
|
for (const child of element.children ?? []) {
|
|
1566
|
-
const childWrap = createEl(doc, "div", void 0,
|
|
1566
|
+
const childWrap = createEl(doc, "div", void 0, chunkBFZDO2DY_cjs.getContainerStyle(child, 0));
|
|
1567
1567
|
childWrap.appendChild(
|
|
1568
1568
|
buildReflectionMirrorContent(doc, child, mediaDataUrls, childParentFill)
|
|
1569
1569
|
);
|
|
@@ -1577,7 +1577,7 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1577
1577
|
height: "100%",
|
|
1578
1578
|
...getShapeFillStrokeStyle(element)
|
|
1579
1579
|
});
|
|
1580
|
-
const inheritedFill =
|
|
1580
|
+
const inheritedFill = chunkBFZDO2DY_cjs.resolveGroupChildFill(element, parentGroupFill);
|
|
1581
1581
|
if (inheritedFill) {
|
|
1582
1582
|
applyInheritedFill(box, inheritedFill);
|
|
1583
1583
|
}
|
|
@@ -1598,12 +1598,12 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1598
1598
|
box.appendChild(gradientOutline);
|
|
1599
1599
|
}
|
|
1600
1600
|
if (pptx.isImageLikeElement(element)) {
|
|
1601
|
-
const src =
|
|
1601
|
+
const src = chunkBFZDO2DY_cjs.getImageSrc(element, new Map(mediaDataUrls));
|
|
1602
1602
|
if (src) {
|
|
1603
1603
|
const img = createEl(doc, "img", void 0, {
|
|
1604
1604
|
width: "100%",
|
|
1605
1605
|
height: "100%",
|
|
1606
|
-
...
|
|
1606
|
+
...chunkBFZDO2DY_cjs.getImageFitStyle(element)
|
|
1607
1607
|
});
|
|
1608
1608
|
img.setAttribute("src", src);
|
|
1609
1609
|
img.setAttribute("alt", "");
|
|
@@ -1613,7 +1613,7 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1613
1613
|
appendOwnReflection(doc, box, element, mediaDataUrls, suppressOwnReflection);
|
|
1614
1614
|
return box;
|
|
1615
1615
|
}
|
|
1616
|
-
const paragraphs =
|
|
1616
|
+
const paragraphs = chunkBFZDO2DY_cjs.buildParagraphs(element);
|
|
1617
1617
|
const hasText = paragraphs.some((p) => p.runs.length > 0 || p.bulletMarker !== void 0);
|
|
1618
1618
|
if (hasText) {
|
|
1619
1619
|
box.appendChild(renderTextBlock(doc, paragraphs, getTextBlockStyle(element)));
|
|
@@ -1625,20 +1625,20 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1625
1625
|
// src/pptx/dom/elements/shape-filter-defs.ts
|
|
1626
1626
|
var OUTLINE_SVG_STYLE = "position:absolute;inset:0;width:100%;height:100%;min-width:1px;min-height:1px;overflow:visible;pointer-events:none";
|
|
1627
1627
|
function renderShapeFilterDefs(doc, element) {
|
|
1628
|
-
const style =
|
|
1628
|
+
const style = chunkBFZDO2DY_cjs.getEffectStyleSource(element);
|
|
1629
1629
|
if (!style) {
|
|
1630
1630
|
return null;
|
|
1631
1631
|
}
|
|
1632
1632
|
const markups = [];
|
|
1633
|
-
const duotone =
|
|
1633
|
+
const duotone = chunkBFZDO2DY_cjs.getDuotoneSvgFilter(style, element.id);
|
|
1634
1634
|
if (duotone) {
|
|
1635
1635
|
markups.push(duotone.filterMarkup);
|
|
1636
1636
|
}
|
|
1637
|
-
const softEdge =
|
|
1637
|
+
const softEdge = chunkBFZDO2DY_cjs.getSoftEdgeSvgFilter(style, element.id);
|
|
1638
1638
|
if (softEdge) {
|
|
1639
1639
|
markups.push(softEdge.filterMarkup);
|
|
1640
1640
|
}
|
|
1641
|
-
const bevelLighting =
|
|
1641
|
+
const bevelLighting = chunkBFZDO2DY_cjs.getBevelLightingSvgFilter(element);
|
|
1642
1642
|
if (bevelLighting) {
|
|
1643
1643
|
markups.push(bevelLighting.filterMarkup);
|
|
1644
1644
|
}
|
|
@@ -1656,7 +1656,7 @@ function renderShapeFillOverlay(doc, element) {
|
|
|
1656
1656
|
if (!pptx.hasShapeProperties(element)) {
|
|
1657
1657
|
return null;
|
|
1658
1658
|
}
|
|
1659
|
-
const overlay =
|
|
1659
|
+
const overlay = chunkBFZDO2DY_cjs.getComputedEffectStyle(element).fillOverlay;
|
|
1660
1660
|
if (!overlay) {
|
|
1661
1661
|
return null;
|
|
1662
1662
|
}
|
|
@@ -1671,7 +1671,7 @@ function renderShapeFillOverlay(doc, element) {
|
|
|
1671
1671
|
return layer;
|
|
1672
1672
|
}
|
|
1673
1673
|
function renderReflectionOverlay(doc, element, mediaDataUrls) {
|
|
1674
|
-
const wrapperStyle =
|
|
1674
|
+
const wrapperStyle = chunkBFZDO2DY_cjs.getComputedEffectStyle(element).reflection;
|
|
1675
1675
|
if (!wrapperStyle) {
|
|
1676
1676
|
return null;
|
|
1677
1677
|
}
|
|
@@ -1681,13 +1681,13 @@ function renderReflectionOverlay(doc, element, mediaDataUrls) {
|
|
|
1681
1681
|
return layer;
|
|
1682
1682
|
}
|
|
1683
1683
|
function renderHollowHitOutline(doc, element) {
|
|
1684
|
-
const hit =
|
|
1684
|
+
const hit = chunkBFZDO2DY_cjs.buildHollowHitOutline(element);
|
|
1685
1685
|
if (!hit) {
|
|
1686
1686
|
return null;
|
|
1687
1687
|
}
|
|
1688
1688
|
const svg = createSvgEl(doc, "svg", {
|
|
1689
1689
|
"aria-hidden": "true",
|
|
1690
|
-
viewBox:
|
|
1690
|
+
viewBox: chunkBFZDO2DY_cjs.strokeOutlineViewBox(element),
|
|
1691
1691
|
preserveAspectRatio: "none"
|
|
1692
1692
|
});
|
|
1693
1693
|
svg.setAttribute("style", OUTLINE_SVG_STYLE);
|
|
@@ -1720,20 +1720,20 @@ function renderShapeSubpathFillOverlay(doc, element) {
|
|
|
1720
1720
|
return svg;
|
|
1721
1721
|
}
|
|
1722
1722
|
function renderStrokeOutline(doc, element) {
|
|
1723
|
-
const outline =
|
|
1723
|
+
const outline = chunkBFZDO2DY_cjs.buildStrokeOutline(element);
|
|
1724
1724
|
if (!outline) {
|
|
1725
1725
|
return null;
|
|
1726
1726
|
}
|
|
1727
1727
|
const svg = createSvgEl(doc, "svg", {
|
|
1728
1728
|
class: "pptx-vanilla-gradient-outline",
|
|
1729
1729
|
"aria-hidden": "true",
|
|
1730
|
-
viewBox:
|
|
1730
|
+
viewBox: chunkBFZDO2DY_cjs.strokeOutlineViewBox(element),
|
|
1731
1731
|
preserveAspectRatio: "none"
|
|
1732
1732
|
});
|
|
1733
1733
|
svg.setAttribute("style", OUTLINE_SVG_STYLE);
|
|
1734
1734
|
if (outline.paint) {
|
|
1735
1735
|
const defs = createSvgEl(doc, "defs");
|
|
1736
|
-
if (
|
|
1736
|
+
if (chunkBFZDO2DY_cjs.isPatternPaint(outline.paint)) {
|
|
1737
1737
|
const pattern = createSvgEl(doc, "pattern", {
|
|
1738
1738
|
id: outline.paint.id,
|
|
1739
1739
|
width: outline.paint.width,
|
|
@@ -1748,7 +1748,7 @@ function renderStrokeOutline(doc, element) {
|
|
|
1748
1748
|
pattern.appendChild(image);
|
|
1749
1749
|
defs.appendChild(pattern);
|
|
1750
1750
|
} else {
|
|
1751
|
-
defs.innerHTML =
|
|
1751
|
+
defs.innerHTML = chunkBFZDO2DY_cjs.svgGradientMarkup(outline.paint);
|
|
1752
1752
|
}
|
|
1753
1753
|
svg.appendChild(defs);
|
|
1754
1754
|
}
|
|
@@ -1799,14 +1799,14 @@ function indexRenderedNodes(root) {
|
|
|
1799
1799
|
return byId;
|
|
1800
1800
|
}
|
|
1801
1801
|
function paintInheritedFill(node, element, parentGroupFill) {
|
|
1802
|
-
const inherited =
|
|
1802
|
+
const inherited = chunkBFZDO2DY_cjs.resolveGroupChildFill(element, parentGroupFill);
|
|
1803
1803
|
if (inherited) {
|
|
1804
1804
|
applyGroupChildFill(node, inherited);
|
|
1805
1805
|
}
|
|
1806
1806
|
if (element.type !== "group") {
|
|
1807
1807
|
return;
|
|
1808
1808
|
}
|
|
1809
|
-
const childFill =
|
|
1809
|
+
const childFill = chunkBFZDO2DY_cjs.getGroupChildParentFill(element, parentGroupFill);
|
|
1810
1810
|
if (!childFill) {
|
|
1811
1811
|
return;
|
|
1812
1812
|
}
|
|
@@ -1820,7 +1820,7 @@ function paintInheritedFill(node, element, parentGroupFill) {
|
|
|
1820
1820
|
}
|
|
1821
1821
|
var renderGroupElement = (element, zIndex, context) => {
|
|
1822
1822
|
const el = createEl(context.document, "div", "pptxv-element pptxv-group", {
|
|
1823
|
-
...
|
|
1823
|
+
...chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex),
|
|
1824
1824
|
// A group paints no fill/outline of its own, but `p:grpSpPr/a:effectLst`
|
|
1825
1825
|
// DOES carry a shadow/glow/soft-edge for the group's own composite
|
|
1826
1826
|
// raster (see shared `getComputedEffectStyle`), expressed as `filter` /
|
|
@@ -1837,7 +1837,7 @@ var renderGroupElement = (element, zIndex, context) => {
|
|
|
1837
1837
|
el.appendChild(reflection);
|
|
1838
1838
|
}
|
|
1839
1839
|
if (element.type === "group" && element.children?.length) {
|
|
1840
|
-
const parentGroupFill =
|
|
1840
|
+
const parentGroupFill = chunkBFZDO2DY_cjs.getGroupChildParentFill(element);
|
|
1841
1841
|
element.children.forEach((child, index) => {
|
|
1842
1842
|
const childEl = context.renderElement(child, index);
|
|
1843
1843
|
if (childEl) {
|
|
@@ -1852,24 +1852,32 @@ var renderGroupElement = (element, zIndex, context) => {
|
|
|
1852
1852
|
// src/pptx/dom/elements/image.ts
|
|
1853
1853
|
var renderImageElement = (element, zIndex, context) => {
|
|
1854
1854
|
const doc = context.document;
|
|
1855
|
-
const geometry = element.type === "image" || element.type === "picture" ?
|
|
1855
|
+
const geometry = element.type === "image" || element.type === "picture" ? chunkBFZDO2DY_cjs.resolveShapeGeometry(element) : void 0;
|
|
1856
1856
|
const geometryClipPath = geometry?.kind === "clipPath" ? geometry.clipPath : void 0;
|
|
1857
|
-
const cropShapeClipPath = element.type === "image" || element.type === "picture" ?
|
|
1857
|
+
const cropShapeClipPath = element.type === "image" || element.type === "picture" ? chunkBFZDO2DY_cjs.getCropShapeClipPath(element.cropShape, element.width, element.height) : void 0;
|
|
1858
|
+
const layers = chunkBFZDO2DY_cjs.getPictureFrameLayers(element, {
|
|
1859
|
+
overflow: chunkBFZDO2DY_cjs.getImageOverflow(element),
|
|
1860
|
+
borderRadius: geometry?.kind === "borderRadius" ? geometry.radius : void 0,
|
|
1861
|
+
clipPath: geometryClipPath ?? cropShapeClipPath
|
|
1862
|
+
});
|
|
1858
1863
|
const el = createEl(doc, "div", "pptxv-element pptxv-image", {
|
|
1859
|
-
...
|
|
1860
|
-
|
|
1861
|
-
// The picture's own shape geometry (prstGeom / custGeom) clips the frame,
|
|
1862
|
-
// not the `<img>` - a pixel-space clip on the img would be scaled and
|
|
1863
|
-
// shifted by the crop transform.
|
|
1864
|
-
...geometry?.kind === "borderRadius" ? { borderRadius: geometry.radius } : {},
|
|
1865
|
-
...geometryClipPath ? { clipPath: geometryClipPath } : cropShapeClipPath ? { clipPath: cropShapeClipPath } : {}
|
|
1864
|
+
...chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex),
|
|
1865
|
+
...layers.box
|
|
1866
1866
|
});
|
|
1867
1867
|
el.dataset.elementId = element.id;
|
|
1868
|
-
const
|
|
1868
|
+
const surface = layers.surface ? createEl(doc, "div", "pptxv-image-surface", layers.surface) : el;
|
|
1869
|
+
if (surface !== el) {
|
|
1870
|
+
el.appendChild(surface);
|
|
1871
|
+
const outline = renderStrokeOutline(doc, element);
|
|
1872
|
+
if (outline) {
|
|
1873
|
+
el.appendChild(outline);
|
|
1874
|
+
}
|
|
1875
|
+
}
|
|
1876
|
+
const src = chunkBFZDO2DY_cjs.getImageSrc(element, new Map(context.mediaDataUrls));
|
|
1869
1877
|
if (!src) {
|
|
1870
1878
|
return el;
|
|
1871
1879
|
}
|
|
1872
|
-
const fx =
|
|
1880
|
+
const fx = chunkBFZDO2DY_cjs.getComputedImageStyle(element);
|
|
1873
1881
|
for (const f of fx.svgFilters) {
|
|
1874
1882
|
const svg = createSvgEl(doc, "svg", { width: 0, height: 0, "aria-hidden": "true" });
|
|
1875
1883
|
svg.setAttribute("style", "position:absolute;width:0;height:0;overflow:hidden");
|
|
@@ -1879,10 +1887,10 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1879
1887
|
filter.innerHTML = f.markup;
|
|
1880
1888
|
defs.appendChild(filter);
|
|
1881
1889
|
svg.appendChild(defs);
|
|
1882
|
-
|
|
1890
|
+
surface.appendChild(svg);
|
|
1883
1891
|
}
|
|
1884
1892
|
const reflection = renderReflectionOverlay(doc, element, context.mediaDataUrls);
|
|
1885
|
-
const tiling =
|
|
1893
|
+
const tiling = chunkBFZDO2DY_cjs.getImageTilingStyle(element, chunkBFZDO2DY_cjs.getCachedNativeImageSize(src));
|
|
1886
1894
|
if (tiling) {
|
|
1887
1895
|
const tile = createEl(doc, "div", "pptxv-image-tile", tiling);
|
|
1888
1896
|
if (fx.filter) {
|
|
@@ -1891,22 +1899,22 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1891
1899
|
if (fx.opacity !== void 0) {
|
|
1892
1900
|
tile.style.opacity = String(fx.opacity);
|
|
1893
1901
|
}
|
|
1894
|
-
if (!
|
|
1895
|
-
void
|
|
1902
|
+
if (!chunkBFZDO2DY_cjs.getCachedNativeImageSize(src)) {
|
|
1903
|
+
void chunkBFZDO2DY_cjs.probeNativeImageSize(src).then((size) => {
|
|
1896
1904
|
if (size) {
|
|
1897
|
-
applyStyleMap(tile,
|
|
1905
|
+
applyStyleMap(tile, chunkBFZDO2DY_cjs.getImageTilingStyle(element, size) ?? {});
|
|
1898
1906
|
}
|
|
1899
1907
|
return void 0;
|
|
1900
1908
|
});
|
|
1901
1909
|
}
|
|
1902
|
-
|
|
1910
|
+
surface.appendChild(tile);
|
|
1903
1911
|
if (reflection) {
|
|
1904
1912
|
el.appendChild(reflection);
|
|
1905
1913
|
}
|
|
1906
1914
|
return el;
|
|
1907
1915
|
}
|
|
1908
|
-
const fit =
|
|
1909
|
-
const fillCounterTransform =
|
|
1916
|
+
const fit = chunkBFZDO2DY_cjs.getImageFitStyle(element);
|
|
1917
|
+
const fillCounterTransform = chunkBFZDO2DY_cjs.getImageFillCounterTransform(element, Boolean(fit.transform));
|
|
1910
1918
|
const img = createEl(doc, "img", void 0, {
|
|
1911
1919
|
...fit,
|
|
1912
1920
|
display: "block",
|
|
@@ -1921,20 +1929,20 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1921
1929
|
if (fx.opacity !== void 0) {
|
|
1922
1930
|
img.style.opacity = String(fx.opacity);
|
|
1923
1931
|
}
|
|
1924
|
-
|
|
1932
|
+
surface.appendChild(img);
|
|
1925
1933
|
if (element.type === "image" || element.type === "picture") {
|
|
1926
1934
|
const clrChange = element.imageEffects?.clrChange;
|
|
1927
1935
|
if (clrChange) {
|
|
1928
|
-
void
|
|
1936
|
+
void chunkBFZDO2DY_cjs.resolveColorChangedImageSource(src, clrChange).then((resolved) => {
|
|
1929
1937
|
if (img.src === src || img.getAttribute("src") === src) {
|
|
1930
1938
|
img.src = resolved;
|
|
1931
1939
|
}
|
|
1932
1940
|
return void 0;
|
|
1933
1941
|
});
|
|
1934
1942
|
}
|
|
1935
|
-
const wash =
|
|
1943
|
+
const wash = chunkBFZDO2DY_cjs.getImageColorWashStyle(element.imageEffects?.colorWash);
|
|
1936
1944
|
if (wash) {
|
|
1937
|
-
|
|
1945
|
+
surface.appendChild(
|
|
1938
1946
|
createEl(doc, "div", "pptxv-image-color-wash", {
|
|
1939
1947
|
position: "absolute",
|
|
1940
1948
|
inset: "0",
|
|
@@ -1961,7 +1969,7 @@ var renderInkElement = (element, zIndex, context) => {
|
|
|
1961
1969
|
doc,
|
|
1962
1970
|
"div",
|
|
1963
1971
|
"pptxv-element pptxv-ink",
|
|
1964
|
-
|
|
1972
|
+
chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex)
|
|
1965
1973
|
);
|
|
1966
1974
|
wrapper.dataset.elementId = element.id;
|
|
1967
1975
|
const paths = element.inkPaths;
|
|
@@ -1982,7 +1990,7 @@ var renderInkElement = (element, zIndex, context) => {
|
|
|
1982
1990
|
keyframes.textContent = chunkNTXHQHCS_cjs.INK_REPLAY_KEYFRAMES;
|
|
1983
1991
|
svg.appendChild(keyframes);
|
|
1984
1992
|
}
|
|
1985
|
-
const views =
|
|
1993
|
+
const views = chunkBFZDO2DY_cjs.buildInkGroupStrokes(element, { color: chunkVFPVEVF4_cjs.DEFAULT_STROKE_COLOR, width: 1 });
|
|
1986
1994
|
for (const [i, view] of views.entries()) {
|
|
1987
1995
|
svg.appendChild(buildStrokeSvg(doc, view, replayStyles[i]));
|
|
1988
1996
|
}
|
|
@@ -2036,12 +2044,12 @@ function wireMediaFullscreenOverlay(doc, container, mediaNode, element, context,
|
|
|
2036
2044
|
let stopButton = null;
|
|
2037
2045
|
const update = (playing) => {
|
|
2038
2046
|
const input = { fullScreen: element.fullScreen, presenting: context.presenting, playing };
|
|
2039
|
-
const active =
|
|
2047
|
+
const active = chunkBFZDO2DY_cjs.isMediaFullscreenActive(input);
|
|
2040
2048
|
applyStyleMap(
|
|
2041
2049
|
container,
|
|
2042
|
-
active ?
|
|
2050
|
+
active ? chunkBFZDO2DY_cjs.MEDIA_FULLSCREEN_OVERLAY_STYLE : mediaFullscreenResetStyle(baseStyle)
|
|
2043
2051
|
);
|
|
2044
|
-
if (
|
|
2052
|
+
if (chunkBFZDO2DY_cjs.shouldShowMediaFullscreenStopButton(input)) {
|
|
2045
2053
|
if (!stopButton) {
|
|
2046
2054
|
stopButton = buildFullscreenStopButton(
|
|
2047
2055
|
doc,
|
|
@@ -2066,12 +2074,12 @@ function wireMediaFullscreenOverlay(doc, container, mediaNode, element, context,
|
|
|
2066
2074
|
|
|
2067
2075
|
// src/pptx/dom/elements/media.ts
|
|
2068
2076
|
function applyMediaPresentingState(el, presenting, playback) {
|
|
2069
|
-
|
|
2077
|
+
chunkBFZDO2DY_cjs.applyMediaPlaybackAttributes(el, playback);
|
|
2070
2078
|
if (presenting) {
|
|
2071
|
-
|
|
2072
|
-
|
|
2079
|
+
chunkBFZDO2DY_cjs.startMediaAutoplay(el, { trimStartMs: playback.trimStartMs });
|
|
2080
|
+
chunkBFZDO2DY_cjs.scheduleMediaTrimAndFade(el, {
|
|
2073
2081
|
...playback,
|
|
2074
|
-
volume:
|
|
2082
|
+
volume: chunkBFZDO2DY_cjs.mediaPlaybackAttributes(playback).volume
|
|
2075
2083
|
});
|
|
2076
2084
|
} else if (!el.paused) {
|
|
2077
2085
|
el.pause();
|
|
@@ -2081,18 +2089,18 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2081
2089
|
if (element.type !== "media") {
|
|
2082
2090
|
return null;
|
|
2083
2091
|
}
|
|
2084
|
-
const surface =
|
|
2092
|
+
const surface = chunkBFZDO2DY_cjs.mediaSurfaceOf({
|
|
2085
2093
|
interactive: context.interactive === true || context.reading === true,
|
|
2086
2094
|
presenting: context.presenting
|
|
2087
2095
|
});
|
|
2088
|
-
const showTransport =
|
|
2096
|
+
const showTransport = chunkBFZDO2DY_cjs.mediaTransportVisible({ ...surface, canvasTransport: true });
|
|
2089
2097
|
const doc = context.document;
|
|
2090
|
-
const baseStyle =
|
|
2098
|
+
const baseStyle = chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex);
|
|
2091
2099
|
const el = createEl(doc, "div", "pptxv-element pptxv-media", baseStyle);
|
|
2092
2100
|
el.dataset.elementId = element.id;
|
|
2093
2101
|
const mediaSrc = element.mediaData ?? (element.mediaPath ? context.mediaDataUrls.get(element.mediaPath) : void 0);
|
|
2094
|
-
const posterSrc =
|
|
2095
|
-
const onlineVideoEmbedUrl =
|
|
2102
|
+
const posterSrc = chunkBFZDO2DY_cjs.getImageSrc(element, new Map(context.mediaDataUrls));
|
|
2103
|
+
const onlineVideoEmbedUrl = chunkBFZDO2DY_cjs.getOnlineVideoEmbed(element)?.embedUrl;
|
|
2096
2104
|
if (onlineVideoEmbedUrl && element.mediaType === "video") {
|
|
2097
2105
|
const iframe = createEl(doc, "iframe", "pptxv-media-video pptxv-media-iframe", {
|
|
2098
2106
|
width: "100%",
|
|
@@ -2102,8 +2110,8 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2102
2110
|
});
|
|
2103
2111
|
iframe.src = onlineVideoEmbedUrl;
|
|
2104
2112
|
iframe.title = context.t("pptx.media.onlineVideoTitle");
|
|
2105
|
-
iframe.allow =
|
|
2106
|
-
iframe.sandbox.value =
|
|
2113
|
+
iframe.allow = chunkBFZDO2DY_cjs.ONLINE_VIDEO_IFRAME_ALLOW;
|
|
2114
|
+
iframe.sandbox.value = chunkBFZDO2DY_cjs.ONLINE_VIDEO_IFRAME_SANDBOX;
|
|
2107
2115
|
iframe.allowFullscreen = true;
|
|
2108
2116
|
el.appendChild(iframe);
|
|
2109
2117
|
return el;
|
|
@@ -2132,21 +2140,21 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2132
2140
|
audio.src = mediaSrc;
|
|
2133
2141
|
audio.controls = showTransport;
|
|
2134
2142
|
el.appendChild(audio);
|
|
2135
|
-
if (context.presenting &&
|
|
2143
|
+
if (context.presenting && chunkBFZDO2DY_cjs.registerCrossSlideAudio(element, mediaSrc)) {
|
|
2136
2144
|
audio.muted = true;
|
|
2137
|
-
|
|
2145
|
+
chunkBFZDO2DY_cjs.applyMediaPlaybackAttributes(audio, element);
|
|
2138
2146
|
return el;
|
|
2139
2147
|
}
|
|
2140
2148
|
applyMediaPresentingState(audio, context.presenting, element);
|
|
2141
2149
|
wireMediaFullscreenOverlay(doc, el, audio, element, context, baseStyle);
|
|
2142
2150
|
return el;
|
|
2143
2151
|
}
|
|
2144
|
-
const fallback =
|
|
2152
|
+
const fallback = chunkBFZDO2DY_cjs.mediaFallbackVisual(surface, {
|
|
2145
2153
|
hasPoster: Boolean(posterSrc),
|
|
2146
2154
|
missing: element.mediaMissing === true
|
|
2147
2155
|
});
|
|
2148
|
-
const icon =
|
|
2149
|
-
const labelKey =
|
|
2156
|
+
const icon = chunkBFZDO2DY_cjs.mediaFallbackIcon(fallback, element.mediaType);
|
|
2157
|
+
const labelKey = chunkBFZDO2DY_cjs.mediaFallbackLabelKey(fallback, element.mediaType);
|
|
2150
2158
|
if (fallback.poster && posterSrc) {
|
|
2151
2159
|
const img = createEl(doc, "img", "pptxv-media-poster", {
|
|
2152
2160
|
width: "100%",
|
|
@@ -2164,7 +2172,7 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2164
2172
|
if (fallback.badge === "missing") {
|
|
2165
2173
|
badge.classList.add("pptxv-media-badge-missing");
|
|
2166
2174
|
}
|
|
2167
|
-
badge.setAttribute(
|
|
2175
|
+
badge.setAttribute(chunkBFZDO2DY_cjs.MEDIA_CHROME_ATTRIBUTE, fallback.badge);
|
|
2168
2176
|
badge.appendChild(buildIcon(doc, icon));
|
|
2169
2177
|
if (labelKey !== void 0 && fallback.badge === "missing") {
|
|
2170
2178
|
const text = createEl(doc, "span");
|
|
@@ -2177,7 +2185,7 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2177
2185
|
}
|
|
2178
2186
|
if (fallback.placeholder !== "none") {
|
|
2179
2187
|
el.classList.add("pptxv-placeholder", "pptxv-media-placeholder");
|
|
2180
|
-
el.setAttribute(
|
|
2188
|
+
el.setAttribute(chunkBFZDO2DY_cjs.MEDIA_CHROME_ATTRIBUTE, fallback.placeholder);
|
|
2181
2189
|
if (icon.length > 0) {
|
|
2182
2190
|
el.appendChild(buildIcon(doc, icon));
|
|
2183
2191
|
}
|
|
@@ -2213,7 +2221,7 @@ var renderModel3dElement = (element, zIndex, context) => {
|
|
|
2213
2221
|
doc,
|
|
2214
2222
|
"div",
|
|
2215
2223
|
"pptxv-element pptxv-model3d",
|
|
2216
|
-
|
|
2224
|
+
chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex)
|
|
2217
2225
|
);
|
|
2218
2226
|
el.dataset.elementId = element.id;
|
|
2219
2227
|
const label = context.t("pptx.model3d.label");
|
|
@@ -2350,7 +2358,7 @@ function buildOleIcon(doc, type, color) {
|
|
|
2350
2358
|
fill: "none",
|
|
2351
2359
|
"aria-hidden": "true"
|
|
2352
2360
|
});
|
|
2353
|
-
for (const shape of
|
|
2361
|
+
for (const shape of chunkBFZDO2DY_cjs.getOleIconShapes(type)) {
|
|
2354
2362
|
const node = createSvgEl(doc, shape.tag, shape.attrs);
|
|
2355
2363
|
if (shape.tag === "text") {
|
|
2356
2364
|
node.setAttribute("fill", color);
|
|
@@ -2369,21 +2377,21 @@ var renderOleElement = (element, zIndex, context) => {
|
|
|
2369
2377
|
return null;
|
|
2370
2378
|
}
|
|
2371
2379
|
const doc = context.document;
|
|
2372
|
-
const oleType =
|
|
2373
|
-
const typeColor =
|
|
2374
|
-
const typeLabel =
|
|
2375
|
-
const el = createEl(doc, "div", "pptxv-element pptxv-ole",
|
|
2380
|
+
const oleType = chunkBFZDO2DY_cjs.resolveOleType(element);
|
|
2381
|
+
const typeColor = chunkBFZDO2DY_cjs.getOleTypeColor(oleType);
|
|
2382
|
+
const typeLabel = chunkBFZDO2DY_cjs.getOleTypeLabel(oleType);
|
|
2383
|
+
const el = createEl(doc, "div", "pptxv-element pptxv-ole", chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex));
|
|
2376
2384
|
el.dataset.elementId = element.id;
|
|
2377
2385
|
el.setAttribute("role", "group");
|
|
2378
|
-
el.setAttribute("aria-label",
|
|
2386
|
+
el.setAttribute("aria-label", chunkBFZDO2DY_cjs.getOleAriaLabel(element));
|
|
2379
2387
|
el.title = infoLines(element, typeLabel).join("\n");
|
|
2380
2388
|
if (element.previewImageData) {
|
|
2381
|
-
el.appendChild(buildPreview(doc, element, typeColor,
|
|
2389
|
+
el.appendChild(buildPreview(doc, element, typeColor, chunkBFZDO2DY_cjs.getOleBadgeLabel(oleType)));
|
|
2382
2390
|
} else {
|
|
2383
2391
|
el.appendChild(buildPlaceholder2(doc, element, oleType, typeColor, typeLabel));
|
|
2384
2392
|
}
|
|
2385
|
-
const showActions =
|
|
2386
|
-
|
|
2393
|
+
const showActions = chunkBFZDO2DY_cjs.oleActionsVisible(
|
|
2394
|
+
chunkBFZDO2DY_cjs.mediaSurfaceOf({
|
|
2387
2395
|
interactive: context.interactive === true,
|
|
2388
2396
|
presenting: context.presenting
|
|
2389
2397
|
})
|
|
@@ -2399,7 +2407,7 @@ function infoLines(el, typeLabel) {
|
|
|
2399
2407
|
if (name) {
|
|
2400
2408
|
lines.push(name);
|
|
2401
2409
|
}
|
|
2402
|
-
const size =
|
|
2410
|
+
const size = chunkBFZDO2DY_cjs.formatBytes(el.oleEmbeddedByteSize);
|
|
2403
2411
|
if (size) {
|
|
2404
2412
|
lines.push(size);
|
|
2405
2413
|
}
|
|
@@ -2423,7 +2431,7 @@ function buildPreview(doc, el, typeColor, badgeLabel) {
|
|
|
2423
2431
|
display: "block"
|
|
2424
2432
|
});
|
|
2425
2433
|
img.src = el.previewImageData ?? "";
|
|
2426
|
-
img.alt =
|
|
2434
|
+
img.alt = chunkBFZDO2DY_cjs.getOleAriaLabel(el);
|
|
2427
2435
|
img.draggable = false;
|
|
2428
2436
|
preview.appendChild(img);
|
|
2429
2437
|
const badge = createSvgEl(doc, "svg", { width: 24, height: 24, viewBox: "0 0 24 24" });
|
|
@@ -2450,7 +2458,7 @@ function buildPreview(doc, el, typeColor, badgeLabel) {
|
|
|
2450
2458
|
}
|
|
2451
2459
|
function buildPlaceholder2(doc, el, oleType, typeColor, typeLabel) {
|
|
2452
2460
|
const box = createEl(doc, "div", "pptxv-ole-placeholder", {
|
|
2453
|
-
...
|
|
2461
|
+
...chunkBFZDO2DY_cjs.getPlaceholderStyle(oleType),
|
|
2454
2462
|
width: "100%",
|
|
2455
2463
|
height: "100%",
|
|
2456
2464
|
display: "flex",
|
|
@@ -2471,7 +2479,7 @@ function buildPlaceholder2(doc, el, oleType, typeColor, typeLabel) {
|
|
|
2471
2479
|
whiteSpace: "nowrap",
|
|
2472
2480
|
color: typeColor
|
|
2473
2481
|
});
|
|
2474
|
-
name.textContent =
|
|
2482
|
+
name.textContent = chunkBFZDO2DY_cjs.getOleDisplayName(el);
|
|
2475
2483
|
box.appendChild(name);
|
|
2476
2484
|
if (el.fileName) {
|
|
2477
2485
|
const sublabel = createEl(doc, "span", "pptxv-ole-sublabel", {
|
|
@@ -2523,7 +2531,7 @@ function buildActionBar(doc, el, typeLabel, context) {
|
|
|
2523
2531
|
for (const type of ["pointerdown", "mousedown", "click"]) {
|
|
2524
2532
|
bar.addEventListener(type, (event) => event.stopPropagation());
|
|
2525
2533
|
}
|
|
2526
|
-
const size =
|
|
2534
|
+
const size = chunkBFZDO2DY_cjs.formatBytes(el.oleEmbeddedByteSize);
|
|
2527
2535
|
if (size) {
|
|
2528
2536
|
const meta = createEl(doc, "span", "pptxv-ole-meta", {
|
|
2529
2537
|
marginRight: "auto",
|
|
@@ -2543,14 +2551,14 @@ function buildActionBar(doc, el, typeLabel, context) {
|
|
|
2543
2551
|
download.title = downloadTitle;
|
|
2544
2552
|
download.textContent = context.t("pptx.ole.download");
|
|
2545
2553
|
bar.appendChild(download);
|
|
2546
|
-
if (
|
|
2554
|
+
if (chunkBFZDO2DY_cjs.isBrowserOpenableMime(el.oleEmbeddedMimeType)) {
|
|
2547
2555
|
const open = createEl(doc, "button", "pptxv-ole-action", ACTION_STYLE);
|
|
2548
2556
|
open.type = "button";
|
|
2549
2557
|
const openTitle = context.t("pptx.ole.openName", { name: downloadName });
|
|
2550
2558
|
open.setAttribute("aria-label", openTitle);
|
|
2551
2559
|
open.title = openTitle;
|
|
2552
2560
|
open.textContent = context.t("pptx.ole.open");
|
|
2553
|
-
open.addEventListener("click", () =>
|
|
2561
|
+
open.addEventListener("click", () => chunkBFZDO2DY_cjs.openUrlInNewTab(data));
|
|
2554
2562
|
bar.appendChild(open);
|
|
2555
2563
|
}
|
|
2556
2564
|
return bar;
|
|
@@ -2562,12 +2570,12 @@ var renderPlaceholderElement = (element, zIndex, context) => {
|
|
|
2562
2570
|
context.document,
|
|
2563
2571
|
"div",
|
|
2564
2572
|
"pptxv-element pptxv-placeholder",
|
|
2565
|
-
|
|
2573
|
+
chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex)
|
|
2566
2574
|
);
|
|
2567
2575
|
el.dataset.elementId = element.id;
|
|
2568
2576
|
el.dataset.elementType = element.type;
|
|
2569
2577
|
const label = createEl(context.document, "div", "pptxv-placeholder-label");
|
|
2570
|
-
label.textContent =
|
|
2578
|
+
label.textContent = chunkQVYJB7G2_cjs.keyToLabel(element.type);
|
|
2571
2579
|
el.appendChild(label);
|
|
2572
2580
|
return el;
|
|
2573
2581
|
};
|
|
@@ -2578,7 +2586,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2578
2586
|
return null;
|
|
2579
2587
|
}
|
|
2580
2588
|
const doc = context.document;
|
|
2581
|
-
const summaryView =
|
|
2589
|
+
const summaryView = chunkBFZDO2DY_cjs.buildSummaryZoomView(
|
|
2582
2590
|
element,
|
|
2583
2591
|
(index) => {
|
|
2584
2592
|
const slide = context.slides?.[index];
|
|
@@ -2598,7 +2606,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2598
2606
|
doc,
|
|
2599
2607
|
"div",
|
|
2600
2608
|
"pptxv-element pptxv-zoom pptxv-summary-zoom",
|
|
2601
|
-
|
|
2609
|
+
chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex)
|
|
2602
2610
|
);
|
|
2603
2611
|
const content = createEl(doc, "div", "pptxv-summary-zoom-content", summaryView.containerStyle);
|
|
2604
2612
|
root.dataset.elementId = element.id;
|
|
@@ -2665,7 +2673,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2665
2673
|
const target = element.targetSlideIndex ?? 0;
|
|
2666
2674
|
const targetSlide = context.slides?.[target];
|
|
2667
2675
|
const interactive = context.presenting && context.onZoomClick !== void 0;
|
|
2668
|
-
const el = createEl(doc, "div", "pptxv-element pptxv-zoom",
|
|
2676
|
+
const el = createEl(doc, "div", "pptxv-element pptxv-zoom", chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex));
|
|
2669
2677
|
el.dataset.elementId = element.id;
|
|
2670
2678
|
el.dataset.zoomType = zoomType;
|
|
2671
2679
|
el.dataset.zoomTarget = String(target);
|
|
@@ -2675,7 +2683,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2675
2683
|
el.tabIndex = 0;
|
|
2676
2684
|
el.style.cursor = "pointer";
|
|
2677
2685
|
const activate = () => {
|
|
2678
|
-
const zoomTarget =
|
|
2686
|
+
const zoomTarget = chunkBFZDO2DY_cjs.resolveZoomNavigationTarget(element);
|
|
2679
2687
|
if (zoomTarget) {
|
|
2680
2688
|
context.onZoomClick?.(zoomTarget, context.currentSlideIndex ?? 0);
|
|
2681
2689
|
}
|
|
@@ -2790,7 +2798,7 @@ function registerExtraRenderers(registry) {
|
|
|
2790
2798
|
// src/pptx/dom/elements/smartart-3d.ts
|
|
2791
2799
|
var renderSmartArt3DElement = (element, zIndex, context) => {
|
|
2792
2800
|
const wrapper = renderSmartArtSvg(element, zIndex, context);
|
|
2793
|
-
const spec = wrapper ?
|
|
2801
|
+
const spec = wrapper ? chunkBFZDO2DY_cjs.resolveSmartArtThreeViewSpec(element, context.smartArt3D) : null;
|
|
2794
2802
|
if (!wrapper || !spec) {
|
|
2795
2803
|
return wrapper;
|
|
2796
2804
|
}
|
|
@@ -2800,18 +2808,18 @@ var renderSmartArt3DElement = (element, zIndex, context) => {
|
|
|
2800
2808
|
textStyle: context.presentationStates?.get(element.id)?.textStyle
|
|
2801
2809
|
});
|
|
2802
2810
|
if (context.onSmartArtNodeTextChange && context.interactive && !context.presenting) {
|
|
2803
|
-
const layer = renderSmartArtSvg(
|
|
2811
|
+
const layer = renderSmartArtSvg(chunkBFZDO2DY_cjs.elementInLocalFrame(element), 0, context);
|
|
2804
2812
|
if (layer) {
|
|
2805
2813
|
layer.classList.add("pptxv-smartart-3d-edit-layer");
|
|
2806
2814
|
layer.setAttribute("data-smartart-3d-edit-layer", "true");
|
|
2807
|
-
|
|
2815
|
+
chunkBFZDO2DY_cjs.stripEditLayerMarkers(layer);
|
|
2808
2816
|
layer.setAttribute("aria-hidden", "true");
|
|
2809
2817
|
Object.assign(layer.style, { position: "absolute", inset: "0", zIndex: "1" });
|
|
2810
2818
|
for (const svg of layer.querySelectorAll("svg")) {
|
|
2811
2819
|
svg.style.opacity = "0";
|
|
2812
2820
|
}
|
|
2813
2821
|
wrapper.appendChild(layer);
|
|
2814
|
-
|
|
2822
|
+
chunkBFZDO2DY_cjs.routeEditLayerPointerToNodes(layer);
|
|
2815
2823
|
}
|
|
2816
2824
|
}
|
|
2817
2825
|
return wrapper;
|
|
@@ -2824,7 +2832,7 @@ function nodeTarget(target) {
|
|
|
2824
2832
|
}
|
|
2825
2833
|
function enableSmartArtEditing(chrome, element, context) {
|
|
2826
2834
|
const data = element.smartArtData;
|
|
2827
|
-
if (!data || !context.onSmartArtNodeTextChange && !context.onSmartArtNodeFillChange || !
|
|
2835
|
+
if (!data || !context.onSmartArtNodeTextChange && !context.onSmartArtNodeFillChange || !chunkBFZDO2DY_cjs.canDrillDown(element)) {
|
|
2828
2836
|
return;
|
|
2829
2837
|
}
|
|
2830
2838
|
let editor = null;
|
|
@@ -2846,8 +2854,8 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2846
2854
|
}
|
|
2847
2855
|
event.stopPropagation();
|
|
2848
2856
|
const textNode = target.querySelector("text");
|
|
2849
|
-
const textRect = textNode ?
|
|
2850
|
-
const rect = textRect && textRect.width > 0 ? textRect :
|
|
2857
|
+
const textRect = textNode ? chunkBFZDO2DY_cjs.measureSvgViewportRect(textNode) : null;
|
|
2858
|
+
const rect = textRect && textRect.width > 0 ? textRect : chunkBFZDO2DY_cjs.measureSvgViewportRect(target);
|
|
2851
2859
|
if (!rect) {
|
|
2852
2860
|
return;
|
|
2853
2861
|
}
|
|
@@ -2871,7 +2879,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2871
2879
|
textAlign: "center"
|
|
2872
2880
|
});
|
|
2873
2881
|
editor = input;
|
|
2874
|
-
input.value =
|
|
2882
|
+
input.value = chunkBFZDO2DY_cjs.findSmartArtNodeText(data, nodeId) ?? "";
|
|
2875
2883
|
const commit = () => {
|
|
2876
2884
|
if (input !== editor) {
|
|
2877
2885
|
return;
|
|
@@ -2903,7 +2911,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2903
2911
|
}
|
|
2904
2912
|
cancelHide();
|
|
2905
2913
|
swatches?.remove();
|
|
2906
|
-
const rect =
|
|
2914
|
+
const rect = chunkBFZDO2DY_cjs.measureSvgViewportRect(target);
|
|
2907
2915
|
if (!rect) {
|
|
2908
2916
|
return;
|
|
2909
2917
|
}
|
|
@@ -2922,7 +2930,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2922
2930
|
});
|
|
2923
2931
|
swatches.setAttribute("role", "group");
|
|
2924
2932
|
swatches.setAttribute("aria-label", context.t("pptx.smartArt.fillColor"));
|
|
2925
|
-
for (const color of
|
|
2933
|
+
for (const color of chunkBFZDO2DY_cjs.resolvePalette(data).slice(0, 6)) {
|
|
2926
2934
|
const button = createEl(chrome.ownerDocument, "button", "", {
|
|
2927
2935
|
width: "18px",
|
|
2928
2936
|
height: "18px",
|
|
@@ -3021,7 +3029,7 @@ function buildSmartArtFallbackSvg(doc, layout, a11yNodes = [], nodeIds = []) {
|
|
|
3021
3029
|
svg.setAttribute("class", "pptxv-smartart-svg");
|
|
3022
3030
|
svg.setAttribute("style", SMARTART_SVG_STYLE);
|
|
3023
3031
|
for (const conn of layout.connectors) {
|
|
3024
|
-
const paint =
|
|
3032
|
+
const paint = chunkBFZDO2DY_cjs.smartArtConnectorPaint(conn);
|
|
3025
3033
|
svg.appendChild(
|
|
3026
3034
|
createSvgEl(doc, "path", {
|
|
3027
3035
|
d: paint.d,
|
|
@@ -3080,7 +3088,7 @@ function buildFallbackNode(doc, node, shadowFilter, a11yLabel, nodeId) {
|
|
|
3080
3088
|
})
|
|
3081
3089
|
);
|
|
3082
3090
|
}
|
|
3083
|
-
const label =
|
|
3091
|
+
const label = chunkBFZDO2DY_cjs.smartArtNodeLabel(node);
|
|
3084
3092
|
if (label.visible) {
|
|
3085
3093
|
appendSvgTextLines(doc, g, {
|
|
3086
3094
|
lines: label.lines,
|
|
@@ -3116,41 +3124,41 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
3116
3124
|
doc,
|
|
3117
3125
|
"div",
|
|
3118
3126
|
"pptxv-element pptxv-smartart",
|
|
3119
|
-
|
|
3127
|
+
chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex)
|
|
3120
3128
|
);
|
|
3121
3129
|
wrapper.dataset.elementId = element.id;
|
|
3122
3130
|
wrapper.dataset.testid = `smartart-${data?.layout ?? "diagram"}`;
|
|
3123
|
-
const chrome = createEl(doc, "div", "pptxv-smartart-chrome",
|
|
3131
|
+
const chrome = createEl(doc, "div", "pptxv-smartart-chrome", chunkBFZDO2DY_cjs.buildChromeStyle(data?.chrome));
|
|
3124
3132
|
chrome.style.position = "relative";
|
|
3125
3133
|
wrapper.appendChild(chrome);
|
|
3126
3134
|
if (data) {
|
|
3127
|
-
const a11y =
|
|
3135
|
+
const a11y = chunkBFZDO2DY_cjs.buildSmartArtA11y(data);
|
|
3128
3136
|
chrome.setAttribute("role", "img");
|
|
3129
3137
|
chrome.setAttribute("aria-label", a11y.label);
|
|
3130
3138
|
}
|
|
3131
3139
|
const nodes = data?.nodes ?? [];
|
|
3132
3140
|
const drawingShapes = data?.drawingShapes ?? [];
|
|
3133
3141
|
const animationState = context.presentationStates?.get(element.id);
|
|
3134
|
-
const { nodes: revealedNodesFull } =
|
|
3142
|
+
const { nodes: revealedNodesFull } = chunkBFZDO2DY_cjs.resolveRevealedSmartArtNodes(
|
|
3135
3143
|
nodes,
|
|
3136
3144
|
animationState,
|
|
3137
3145
|
data?.presLayoutVars
|
|
3138
3146
|
);
|
|
3139
3147
|
if (data && drawingShapes.length > 0) {
|
|
3140
|
-
const revealedShapes =
|
|
3148
|
+
const revealedShapes = chunkBFZDO2DY_cjs.resolveRevealedDrawingShapes(drawingShapes, nodes, animationState);
|
|
3141
3149
|
chrome.appendChild(
|
|
3142
|
-
buildDrawingShapesSvg(doc, element.id, data,
|
|
3150
|
+
buildDrawingShapesSvg(doc, element.id, data, chunkBFZDO2DY_cjs.buildSmartArtA11y(data).nodes, revealedShapes)
|
|
3143
3151
|
);
|
|
3144
3152
|
enableSmartArtEditing(chrome, element, context);
|
|
3145
3153
|
return wrapper;
|
|
3146
3154
|
}
|
|
3147
3155
|
if (data && nodes.length > 0) {
|
|
3148
3156
|
const revealedNodes = revealedNodesFull;
|
|
3149
|
-
const layout =
|
|
3157
|
+
const layout = chunkBFZDO2DY_cjs.computeSmartArtElementLayout(
|
|
3150
3158
|
data,
|
|
3151
3159
|
revealedNodes,
|
|
3152
3160
|
{ width: element.width, height: element.height },
|
|
3153
|
-
|
|
3161
|
+
chunkBFZDO2DY_cjs.resolvePalette(data),
|
|
3154
3162
|
data.style ?? "flat",
|
|
3155
3163
|
element.id
|
|
3156
3164
|
);
|
|
@@ -3158,8 +3166,8 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
3158
3166
|
buildSmartArtFallbackSvg(
|
|
3159
3167
|
doc,
|
|
3160
3168
|
layout,
|
|
3161
|
-
|
|
3162
|
-
|
|
3169
|
+
chunkBFZDO2DY_cjs.buildSmartArtA11y(data).nodes,
|
|
3170
|
+
chunkBFZDO2DY_cjs.flattenNodes(revealedNodes).map((node) => node.id)
|
|
3163
3171
|
)
|
|
3164
3172
|
);
|
|
3165
3173
|
enableSmartArtEditing(chrome, element, context);
|
|
@@ -3182,17 +3190,17 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
3182
3190
|
function buildDrawingShapesSvg(doc, elementId, data, a11yNodes, revealedShapes) {
|
|
3183
3191
|
const allShapes = data.drawingShapes ?? [];
|
|
3184
3192
|
const style = data.style ?? "flat";
|
|
3185
|
-
const viewBox =
|
|
3186
|
-
const rendered =
|
|
3193
|
+
const viewBox = chunkBFZDO2DY_cjs.computeDrawingViewBox(allShapes);
|
|
3194
|
+
const rendered = chunkBFZDO2DY_cjs.projectDrawingShapes(
|
|
3187
3195
|
elementId,
|
|
3188
3196
|
revealedShapes,
|
|
3189
3197
|
viewBox,
|
|
3190
|
-
|
|
3198
|
+
chunkBFZDO2DY_cjs.resolvePalette(data),
|
|
3191
3199
|
style
|
|
3192
3200
|
);
|
|
3193
|
-
const shadow =
|
|
3201
|
+
const shadow = chunkBFZDO2DY_cjs.styleShadowFilter(style);
|
|
3194
3202
|
const labelsById = new Map(a11yNodes.map((node) => [node.id, node.label]));
|
|
3195
|
-
const nodeIds =
|
|
3203
|
+
const nodeIds = chunkBFZDO2DY_cjs.resolveRevealedDrawingShapeNodeIds(allShapes, revealedShapes, data.nodes);
|
|
3196
3204
|
const svg = createSvgEl(doc, "svg", {
|
|
3197
3205
|
viewBox: `0 0 ${viewBox.width} ${viewBox.height}`,
|
|
3198
3206
|
preserveAspectRatio: "xMidYMid meet"
|
|
@@ -3327,9 +3335,9 @@ function enableTableResize(container, table, element, context) {
|
|
|
3327
3335
|
for (const handle of [...colHandles, ...rowHandles]) {
|
|
3328
3336
|
handle.remove();
|
|
3329
3337
|
}
|
|
3330
|
-
const crossings =
|
|
3338
|
+
const crossings = chunkBFZDO2DY_cjs.computeTableMergeCrossings(tableData.rows, tableData.columnWidths.length);
|
|
3331
3339
|
const rowBounds = measureRowBoundaries(table);
|
|
3332
|
-
colHandles =
|
|
3340
|
+
colHandles = chunkBFZDO2DY_cjs.computeColumnBoundaries(tableData.columnWidths).map((leftPct, i) => {
|
|
3333
3341
|
const handle = createEl(doc, "div", "pptxv-table-resize-col", {
|
|
3334
3342
|
position: "absolute",
|
|
3335
3343
|
top: "0",
|
|
@@ -3339,7 +3347,7 @@ function enableTableResize(container, table, element, context) {
|
|
|
3339
3347
|
zIndex: "10",
|
|
3340
3348
|
pointerEvents: "none"
|
|
3341
3349
|
});
|
|
3342
|
-
const segments =
|
|
3350
|
+
const segments = chunkBFZDO2DY_cjs.columnHandleSegments(
|
|
3343
3351
|
crossings.columns[i] ?? [],
|
|
3344
3352
|
rowBounds,
|
|
3345
3353
|
table.offsetHeight
|
|
@@ -3369,7 +3377,7 @@ function enableTableResize(container, table, element, context) {
|
|
|
3369
3377
|
zIndex: "10",
|
|
3370
3378
|
pointerEvents: "none"
|
|
3371
3379
|
});
|
|
3372
|
-
const segments =
|
|
3380
|
+
const segments = chunkBFZDO2DY_cjs.rowHandleSegments(crossings.rows[i] ?? [], tableData.columnWidths);
|
|
3373
3381
|
for (const { leftPct, widthPct } of segments) {
|
|
3374
3382
|
handle.appendChild(
|
|
3375
3383
|
createEl(doc, "div", "pptxv-table-resize-segment", {
|
|
@@ -3413,14 +3421,14 @@ function enableTableResize(container, table, element, context) {
|
|
|
3413
3421
|
const deltaProp = (event.clientX - active.startPos) / (rect.width || 1);
|
|
3414
3422
|
context.onTableResizeColumns?.(
|
|
3415
3423
|
element,
|
|
3416
|
-
|
|
3424
|
+
chunkBFZDO2DY_cjs.computeResizedColumnWidths(active.initialWidths, active.index, deltaProp)
|
|
3417
3425
|
);
|
|
3418
3426
|
} else if (event.clientY !== active.startPos && active.type === "row") {
|
|
3419
3427
|
const deltaY = event.clientY - active.startPos;
|
|
3420
3428
|
context.onTableResizeRow?.(
|
|
3421
3429
|
element,
|
|
3422
3430
|
active.index,
|
|
3423
|
-
|
|
3431
|
+
chunkBFZDO2DY_cjs.computeResizedRowHeight(active.initialRowHeight ?? chunkBFZDO2DY_cjs.DEFAULT_ROW_HEIGHT, deltaY)
|
|
3424
3432
|
);
|
|
3425
3433
|
}
|
|
3426
3434
|
drawHandles();
|
|
@@ -3429,13 +3437,13 @@ function enableTableResize(container, table, element, context) {
|
|
|
3429
3437
|
const rect = container.getBoundingClientRect();
|
|
3430
3438
|
const localX = event.clientX - rect.left;
|
|
3431
3439
|
const localY = event.clientY - rect.top;
|
|
3432
|
-
const scaleY =
|
|
3433
|
-
const crossings =
|
|
3440
|
+
const scaleY = chunkBFZDO2DY_cjs.getTableResizeScale(rect.height, container.offsetHeight);
|
|
3441
|
+
const crossings = chunkBFZDO2DY_cjs.computeTableMergeCrossings(tableData.rows, tableData.columnWidths.length);
|
|
3434
3442
|
const rowBounds = measureRowBoundaries(table);
|
|
3435
|
-
const colBoundaries =
|
|
3443
|
+
const colBoundaries = chunkBFZDO2DY_cjs.computeColumnBoundaries(tableData.columnWidths);
|
|
3436
3444
|
for (let i = 0; i < colBoundaries.length; i++) {
|
|
3437
3445
|
const boundaryX = colBoundaries[i] / 100 * rect.width;
|
|
3438
|
-
if (Math.abs(localX - boundaryX) <= HANDLE_ZONE && !
|
|
3446
|
+
if (Math.abs(localX - boundaryX) <= HANDLE_ZONE && !chunkBFZDO2DY_cjs.isColumnBoundaryMergedAt(crossings, i, rowBounds, localY / scaleY)) {
|
|
3439
3447
|
event.preventDefault();
|
|
3440
3448
|
event.stopPropagation();
|
|
3441
3449
|
doc.body.style.cursor = "col-resize";
|
|
@@ -3453,7 +3461,7 @@ function enableTableResize(container, table, element, context) {
|
|
|
3453
3461
|
}
|
|
3454
3462
|
}
|
|
3455
3463
|
for (let i = 0; i < rowBounds.length; i++) {
|
|
3456
|
-
if (Math.abs(localY - rowBounds[i] * scaleY) <= HANDLE_ZONE && !
|
|
3464
|
+
if (Math.abs(localY - rowBounds[i] * scaleY) <= HANDLE_ZONE && !chunkBFZDO2DY_cjs.isRowBoundaryMergedAt(crossings, i, tableData.columnWidths, localX / (rect.width || 1))) {
|
|
3457
3465
|
event.preventDefault();
|
|
3458
3466
|
event.stopPropagation();
|
|
3459
3467
|
const tr = table.querySelectorAll("tbody > tr")[i];
|
|
@@ -3464,7 +3472,7 @@ function enableTableResize(container, table, element, context) {
|
|
|
3464
3472
|
index: i,
|
|
3465
3473
|
startPos: event.clientY,
|
|
3466
3474
|
handleEl: rowHandles[i] ?? container,
|
|
3467
|
-
initialRowHeight: tr?.offsetHeight ??
|
|
3475
|
+
initialRowHeight: tr?.offsetHeight ?? chunkBFZDO2DY_cjs.DEFAULT_ROW_HEIGHT
|
|
3468
3476
|
};
|
|
3469
3477
|
win.addEventListener("mousemove", onMouseMove);
|
|
3470
3478
|
win.addEventListener("mouseup", onMouseUp);
|
|
@@ -3485,7 +3493,7 @@ var renderTableElement = (element, zIndex, context) => {
|
|
|
3485
3493
|
}
|
|
3486
3494
|
const doc = context.document;
|
|
3487
3495
|
const container = createEl(doc, "div", "pptxv-element pptxv-table", {
|
|
3488
|
-
...
|
|
3496
|
+
...chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex),
|
|
3489
3497
|
overflow: "hidden"
|
|
3490
3498
|
});
|
|
3491
3499
|
container.dataset.elementId = element.id;
|
|
@@ -3498,7 +3506,7 @@ var renderTableElement = (element, zIndex, context) => {
|
|
|
3498
3506
|
// font stack; all five bindings declare the same shared default here.
|
|
3499
3507
|
fontFamily: chunkVFPVEVF4_cjs.DEFAULT_FONT_FAMILY,
|
|
3500
3508
|
// `a:tblPr@rtl`: mirrors the column order for right-to-left decks.
|
|
3501
|
-
...
|
|
3509
|
+
...chunkBFZDO2DY_cjs.tableContainerCss(tableData)
|
|
3502
3510
|
});
|
|
3503
3511
|
appendColgroup(doc, table, tableData.columnWidths);
|
|
3504
3512
|
const tbody = doc.createElement("tbody");
|
|
@@ -3559,13 +3567,13 @@ function renderCell(doc, tableData, cell, rowIndex, cellIndex, rowCount, columnC
|
|
|
3559
3567
|
if (cell.rowSpan && cell.rowSpan > 1) {
|
|
3560
3568
|
td.rowSpan = cell.rowSpan;
|
|
3561
3569
|
}
|
|
3562
|
-
const style =
|
|
3570
|
+
const style = chunkBFZDO2DY_cjs.tableCellCss(
|
|
3563
3571
|
tableData,
|
|
3564
3572
|
cell,
|
|
3565
3573
|
{ rowIndex, cellIndex, rowCount, columnCount },
|
|
3566
3574
|
styleContext
|
|
3567
3575
|
);
|
|
3568
|
-
const patternFill = cell.style ?
|
|
3576
|
+
const patternFill = cell.style ? chunkBFZDO2DY_cjs.cellPatternFillCss(cell.style) : null;
|
|
3569
3577
|
if (patternFill) {
|
|
3570
3578
|
delete style["backgroundColor"];
|
|
3571
3579
|
delete style["background"];
|
|
@@ -3578,7 +3586,7 @@ function renderCell(doc, tableData, cell, rowIndex, cellIndex, rowCount, columnC
|
|
|
3578
3586
|
}
|
|
3579
3587
|
applyStyleMap(td, CELL_BASE_STYLE);
|
|
3580
3588
|
applyStyleMap(td, style);
|
|
3581
|
-
const diagonals =
|
|
3589
|
+
const diagonals = chunkBFZDO2DY_cjs.getCellDiagonalBorders(
|
|
3582
3590
|
cell.style,
|
|
3583
3591
|
tableData,
|
|
3584
3592
|
{ rowIndex, cellIndex, rowCount, columnCount },
|
|
@@ -3622,7 +3630,7 @@ function renderDiagonalOverlay(doc, diagonals) {
|
|
|
3622
3630
|
return svg;
|
|
3623
3631
|
}
|
|
3624
3632
|
function appendCellText(doc, td, cell) {
|
|
3625
|
-
const blocks =
|
|
3633
|
+
const blocks = chunkBFZDO2DY_cjs.cellParagraphBlocks(cell);
|
|
3626
3634
|
if (blocks) {
|
|
3627
3635
|
for (const block of blocks) {
|
|
3628
3636
|
const div = createEl(doc, "div", "pptxv-table-para", { display: "block", ...block.css });
|
|
@@ -3657,7 +3665,7 @@ function appendRuns(doc, parent, runs) {
|
|
|
3657
3665
|
}
|
|
3658
3666
|
const span = createEl(doc, "span", "pptxv-table-run", {
|
|
3659
3667
|
position: "relative",
|
|
3660
|
-
...
|
|
3668
|
+
...chunkBFZDO2DY_cjs.cellRunStyle(run)
|
|
3661
3669
|
});
|
|
3662
3670
|
span.textContent = run.text;
|
|
3663
3671
|
parent.appendChild(span);
|
|
@@ -3671,8 +3679,8 @@ function registerTableChartRenderers(registry) {
|
|
|
3671
3679
|
}
|
|
3672
3680
|
|
|
3673
3681
|
// src/pptx/dom/glyph-outline-cache.ts
|
|
3674
|
-
var glyphOutlineFontCache = new
|
|
3675
|
-
var getGlyphOutline =
|
|
3682
|
+
var glyphOutlineFontCache = new chunkBFZDO2DY_cjs.GlyphOutlineFontCache();
|
|
3683
|
+
var getGlyphOutline = chunkBFZDO2DY_cjs.createGlyphOutlineLookup(glyphOutlineFontCache);
|
|
3676
3684
|
|
|
3677
3685
|
// src/pptx/dom/elements/text-warp.ts
|
|
3678
3686
|
function renderWarpedText(element, context) {
|
|
@@ -3684,12 +3692,12 @@ function renderWarpedText(element, context) {
|
|
|
3684
3692
|
if (!preset || preset === "textNoShape" || preset === "textPlain") {
|
|
3685
3693
|
return null;
|
|
3686
3694
|
}
|
|
3687
|
-
const paragraphs =
|
|
3695
|
+
const paragraphs = chunkBFZDO2DY_cjs.groupIntoParagraphs(element);
|
|
3688
3696
|
if (paragraphs.length === 0) {
|
|
3689
3697
|
return null;
|
|
3690
3698
|
}
|
|
3691
|
-
if (!
|
|
3692
|
-
const transform =
|
|
3699
|
+
if (!chunkBFZDO2DY_cjs.shouldUseSvgWarp(preset)) {
|
|
3700
|
+
const transform = chunkBFZDO2DY_cjs.getWarpCssTransform(preset, style?.textWarpAdj, style?.textWarpAdj2);
|
|
3693
3701
|
if (!transform) {
|
|
3694
3702
|
return null;
|
|
3695
3703
|
}
|
|
@@ -3717,7 +3725,7 @@ function renderWarpedText(element, context) {
|
|
|
3717
3725
|
text.textContent = paragraphs.map((p) => p.segments.map((s) => s.text).join("")).join("\n");
|
|
3718
3726
|
return text;
|
|
3719
3727
|
}
|
|
3720
|
-
if (
|
|
3728
|
+
if (chunkBFZDO2DY_cjs.hasGlyphEnvelope(preset)) {
|
|
3721
3729
|
return renderGlyphWarp(element, paragraphs, context);
|
|
3722
3730
|
}
|
|
3723
3731
|
return renderPathWarp(element, paragraphs, context);
|
|
@@ -3743,7 +3751,7 @@ function renderGlyphWarp(element, paragraphs, context) {
|
|
|
3743
3751
|
});
|
|
3744
3752
|
svg.setAttribute("class", "pptxv-wordart");
|
|
3745
3753
|
svg.setAttribute("style", "position:absolute;inset:0;width:100%;height:100%;overflow:visible");
|
|
3746
|
-
const perLine =
|
|
3754
|
+
const perLine = chunkBFZDO2DY_cjs.buildGlyphEnvelopeBlock(
|
|
3747
3755
|
preset,
|
|
3748
3756
|
paragraphs.map(
|
|
3749
3757
|
(paragraph) => paragraph.segments.map((seg, i) => ({
|
|
@@ -3838,7 +3846,7 @@ function renderPathWarp(element, paragraphs, context) {
|
|
|
3838
3846
|
defs.appendChild(
|
|
3839
3847
|
createSvgEl(context.document, "path", {
|
|
3840
3848
|
id,
|
|
3841
|
-
d:
|
|
3849
|
+
d: chunkBFZDO2DY_cjs.buildWarpPath(
|
|
3842
3850
|
preset,
|
|
3843
3851
|
element.width,
|
|
3844
3852
|
element.height,
|
|
@@ -3871,7 +3879,7 @@ function renderPathWarp(element, paragraphs, context) {
|
|
|
3871
3879
|
|
|
3872
3880
|
// src/pptx/dom/elements/text-shape.ts
|
|
3873
3881
|
var renderTextShapeElement = (element, zIndex, context) => {
|
|
3874
|
-
const container =
|
|
3882
|
+
const container = chunkBFZDO2DY_cjs.getContainerStyle(element, zIndex);
|
|
3875
3883
|
const animState = context.presentationStates?.get(element.id);
|
|
3876
3884
|
const shape = getShapeFillStrokeStyle(
|
|
3877
3885
|
element,
|
|
@@ -3886,7 +3894,7 @@ var renderTextShapeElement = (element, zIndex, context) => {
|
|
|
3886
3894
|
const el = createEl(context.document, "div", "pptxv-element pptxv-shape", merged);
|
|
3887
3895
|
el.dataset.elementId = element.id;
|
|
3888
3896
|
if (context.interactive && !context.presenting) {
|
|
3889
|
-
const hitTargetStyle =
|
|
3897
|
+
const hitTargetStyle = chunkBFZDO2DY_cjs.elementHitTargetStyle(element);
|
|
3890
3898
|
if (hitTargetStyle) {
|
|
3891
3899
|
const hitTarget = createEl(context.document, "div", void 0, hitTargetStyle);
|
|
3892
3900
|
hitTarget.setAttribute("aria-hidden", "true");
|
|
@@ -3929,8 +3937,8 @@ var renderTextShapeElement = (element, zIndex, context) => {
|
|
|
3929
3937
|
} else if (warped) {
|
|
3930
3938
|
el.appendChild(warped);
|
|
3931
3939
|
} else {
|
|
3932
|
-
const linkedSegments =
|
|
3933
|
-
const paragraphs =
|
|
3940
|
+
const linkedSegments = chunkBFZDO2DY_cjs.getOverflowSegments(element, context.slide?.elements);
|
|
3941
|
+
const paragraphs = chunkBFZDO2DY_cjs.buildParagraphs(element, context.fieldContext, linkedSegments);
|
|
3934
3942
|
const hasText = paragraphs.some((p) => p.runs.length > 0 || p.bulletMarker !== void 0);
|
|
3935
3943
|
if (hasText) {
|
|
3936
3944
|
el.appendChild(
|
|
@@ -3941,7 +3949,7 @@ var renderTextShapeElement = (element, zIndex, context) => {
|
|
|
3941
3949
|
);
|
|
3942
3950
|
} else {
|
|
3943
3951
|
const mode = context.interactive && !context.presenting ? "edit" : "present";
|
|
3944
|
-
const prompt =
|
|
3952
|
+
const prompt = chunkBFZDO2DY_cjs.placeholderPromptDescriptor(element, mode);
|
|
3945
3953
|
if (prompt) {
|
|
3946
3954
|
const hint = createEl(context.document, "div", "pptxv-placeholder-prompt", {
|
|
3947
3955
|
...getTextBlockStyle(element),
|
|
@@ -4106,11 +4114,11 @@ async function resolveImageUrls(handler, slides) {
|
|
|
4106
4114
|
|
|
4107
4115
|
Object.defineProperty(exports, "buildEmbeddedFontStyles", {
|
|
4108
4116
|
enumerable: true,
|
|
4109
|
-
get: function () { return
|
|
4117
|
+
get: function () { return chunkBFZDO2DY_cjs.buildEmbeddedFontStyles; }
|
|
4110
4118
|
});
|
|
4111
4119
|
Object.defineProperty(exports, "buildFieldSubstitutionContext", {
|
|
4112
4120
|
enumerable: true,
|
|
4113
|
-
get: function () { return
|
|
4121
|
+
get: function () { return chunkBFZDO2DY_cjs.buildFieldSubstitutionContext; }
|
|
4114
4122
|
});
|
|
4115
4123
|
Object.defineProperty(exports, "renderChartViewModelSvg", {
|
|
4116
4124
|
enumerable: true,
|
|
@@ -4118,7 +4126,7 @@ Object.defineProperty(exports, "renderChartViewModelSvg", {
|
|
|
4118
4126
|
});
|
|
4119
4127
|
Object.defineProperty(exports, "createTranslator", {
|
|
4120
4128
|
enumerable: true,
|
|
4121
|
-
get: function () { return
|
|
4129
|
+
get: function () { return chunkQVYJB7G2_cjs.createTranslator; }
|
|
4122
4130
|
});
|
|
4123
4131
|
exports.SMARTART_SVG_STYLE = SMARTART_SVG_STYLE;
|
|
4124
4132
|
exports.appendCommentMarkers = appendCommentMarkers;
|