ooxml-ui 1.0.0 → 1.2.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/README.md +40 -36
- package/custom-elements.json +211 -4
- package/dist/chrome/ruler.d.ts +60 -2
- package/dist/chrome/ruler.d.ts.map +1 -1
- package/dist/chrome/status-bar.d.ts +3 -1
- package/dist/chrome/status-bar.d.ts.map +1 -1
- package/dist/{chunk-T3HB5LMH.js → chunk-7FNDOWTX.js} +393 -15
- package/dist/{chunk-FLHM5Q4O.js → chunk-AYXFLBSV.js} +92 -13
- package/dist/{chunk-X7RINDJQ.js → chunk-JAJFLFAV.js} +1 -1
- package/dist/{chunk-OXKWNNNJ.js → chunk-VUB44CAJ.js} +1 -1
- package/dist/{chunk-JFJXBYRD.js → chunk-XNCWB2X6.js} +5 -0
- package/dist/{chunk-XDUYS4KK.js → chunk-Y2E22JVO.js} +1 -1
- package/dist/{chunk-ZV2Z4IWH.js → chunk-YK2DPYMU.js} +5 -2
- package/dist/{chunk-4QQASR5A.js → chunk-YP5S7DTT.js} +6 -5
- package/dist/comments/comments-pane.d.ts +116 -0
- package/dist/comments/comments-pane.d.ts.map +1 -0
- package/dist/comments/types.d.ts +80 -0
- package/dist/comments/types.d.ts.map +1 -0
- package/dist/controls.d.ts +4 -2
- package/dist/controls.d.ts.map +1 -1
- package/dist/controls.js +4 -4
- package/dist/docx/comments-panel.d.ts +8 -1
- package/dist/docx/image-media.d.ts +1 -1
- package/dist/docx/locales/en-ribbon.d.ts +1 -0
- package/dist/docx/locales/en.d.ts +1 -0
- package/dist/docx/localization-strings.d.ts +2 -1
- package/dist/docx/localization.d.ts +7 -1
- package/dist/docx/print-layout.d.ts +2 -2
- package/dist/docx/print-picture.d.ts +12 -0
- package/dist/docx/review-controller.d.ts +2 -0
- package/dist/docx/ruler.d.ts +7 -10
- package/dist/docx.js +289 -339
- package/dist/form/gradient-preset-gallery.d.ts +2 -2
- package/dist/index.d.ts +1 -1
- package/dist/index.js +8 -8
- package/dist/pptx/{chart-3d-view-scene-2KRQ5667.mjs → chart-3d-view-scene-6B5TOWB6.mjs} +3 -3
- package/dist/pptx/{chart-3d-view-scene-36DMZWZ3.cjs → chart-3d-view-scene-MJ6YNT56.cjs} +37 -37
- package/dist/pptx/{chunk-YOGDIDPB.mjs → chunk-AWKKC3VW.mjs} +8 -2
- package/dist/pptx/{chunk-XQZWZMGZ.cjs → chunk-SM3CWDIQ.cjs} +7 -17
- package/dist/pptx/{chunk-CJU4P5FT.cjs → chunk-STKGUT5S.cjs} +18 -12
- package/dist/pptx/{chunk-JSBGBVBH.mjs → chunk-VRFNAF3Q.mjs} +7 -17
- package/dist/pptx/{chunk-YHA6XAB3.cjs → chunk-XIQMFSNG.cjs} +1 -1
- package/dist/pptx/{chunk-YARCML7O.mjs → chunk-XQVKQD5Z.mjs} +294 -265
- package/dist/pptx/{chunk-XWE5GSE7.mjs → chunk-YI5LH5NN.mjs} +533 -428
- package/dist/pptx/{chunk-ADOC5JLI.mjs → chunk-YMTQLZ2I.mjs} +1 -1
- package/dist/pptx/{chunk-AIL3BNZS.cjs → chunk-YRHK45AB.cjs} +301 -265
- package/dist/pptx/{chunk-FEFQTZDM.cjs → chunk-ZK344LOB.cjs} +689 -574
- package/dist/pptx/dom/elements/chart.d.ts +2 -3
- package/dist/pptx/dom/elements/chart.d.ts.map +1 -1
- package/dist/pptx/dom/elements/table.d.ts.map +1 -1
- package/dist/pptx/dom/index.cjs +257 -246
- package/dist/pptx/dom/index.mjs +28 -17
- package/dist/pptx/export/html2canvas-clone.cjs +2 -2
- package/dist/pptx/export/html2canvas-clone.mjs +1 -1
- package/dist/pptx/i18n/index.cjs +6 -6
- package/dist/pptx/i18n/index.mjs +1 -1
- package/dist/pptx/i18n/translator.d.ts.map +1 -1
- package/dist/pptx/index.cjs +3035 -2991
- package/dist/pptx/index.mjs +5 -5
- package/dist/pptx/render/chart-axis-range.d.ts +7 -0
- package/dist/pptx/render/chart-axis-range.d.ts.map +1 -1
- package/dist/pptx/render/chart-axis-render.d.ts +3 -1
- package/dist/pptx/render/chart-axis-render.d.ts.map +1 -1
- package/dist/pptx/render/chart-axis-style.d.ts +5 -0
- package/dist/pptx/render/chart-axis-style.d.ts.map +1 -1
- package/dist/pptx/render/chart-axis.d.ts +1 -1
- package/dist/pptx/render/chart-axis.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-axes.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-bars.d.ts +3 -3
- package/dist/pptx/render/chart-cartesian-bars.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian-percent-stacked.d.ts.map +1 -1
- package/dist/pptx/render/chart-cartesian.d.ts.map +1 -1
- package/dist/pptx/render/chart-combo-stock.cjs +3 -3
- package/dist/pptx/render/chart-combo-stock.mjs +1 -1
- package/dist/pptx/render/chart-combo.d.ts.map +1 -1
- package/dist/pptx/render/chart-gridlines-toggle.d.ts +13 -1
- package/dist/pptx/render/chart-gridlines-toggle.d.ts.map +1 -1
- package/dist/pptx/render/chart-helpers.d.ts +13 -13
- package/dist/pptx/render/chart-helpers.d.ts.map +1 -1
- package/dist/pptx/render/chart-horizontal-bars-helpers.d.ts +7 -3
- package/dist/pptx/render/chart-horizontal-bars-helpers.d.ts.map +1 -1
- package/dist/pptx/render/chart-horizontal-bars.d.ts.map +1 -1
- package/dist/pptx/render/chart-interaction-stacked.d.ts.map +1 -1
- package/dist/pptx/render/chart-overlays.cjs +7 -7
- package/dist/pptx/render/chart-overlays.mjs +1 -1
- package/dist/pptx/render/chart-palette.d.ts +5 -14
- package/dist/pptx/render/chart-palette.d.ts.map +1 -1
- package/dist/pptx/render/chart-quick-action-styles.d.ts +5 -3
- package/dist/pptx/render/chart-quick-action-styles.d.ts.map +1 -1
- package/dist/pptx/render/chart-scatter-x-axis.d.ts.map +1 -1
- package/dist/pptx/render/chart-style-palette.d.ts +52 -0
- package/dist/pptx/render/chart-style-palette.d.ts.map +1 -0
- package/dist/pptx/render/chart-surface-treemap.cjs +4 -4
- package/dist/pptx/render/chart-surface-treemap.mjs +1 -1
- package/dist/pptx/render/chart-view-model-bars.d.ts +31 -1
- package/dist/pptx/render/chart-view-model-bars.d.ts.map +1 -1
- package/dist/pptx/render/chart-view-model-build.d.ts.map +1 -1
- package/dist/pptx/render/chart-view-model.cjs +53 -41
- package/dist/pptx/render/chart-view-model.mjs +1 -1
- package/dist/pptx/render/chart-waterfall-map.cjs +6 -6
- package/dist/pptx/render/chart-waterfall-map.mjs +1 -1
- package/dist/pptx/render/connector-elbow-geometry.d.ts +7 -43
- package/dist/pptx/render/connector-elbow-geometry.d.ts.map +1 -1
- package/dist/pptx/render/foreign-object-svg-document.d.ts +12 -0
- package/dist/pptx/render/foreign-object-svg-document.d.ts.map +1 -1
- package/dist/pptx/render/index.d.ts +2 -0
- package/dist/pptx/render/index.d.ts.map +1 -1
- package/dist/pptx/render/table-cell-css.d.ts +3 -2
- package/dist/pptx/render/table-cell-css.d.ts.map +1 -1
- package/dist/pptx/render/table-cell-edit.d.ts +1 -1
- package/dist/pptx/render/table-cell-edit.d.ts.map +1 -1
- package/dist/pptx/render/table-cell-paragraphs.d.ts +29 -0
- package/dist/pptx/render/table-cell-paragraphs.d.ts.map +1 -0
- package/dist/pptx/render/table-style.d.ts +2 -0
- package/dist/pptx/render/table-style.d.ts.map +1 -1
- package/dist/pptx/render/title-bar.d.ts +5 -0
- package/dist/pptx/render/title-bar.d.ts.map +1 -1
- package/dist/pptx/render/viewer-root-options.d.ts +54 -0
- package/dist/pptx/render/viewer-root-options.d.ts.map +1 -0
- package/dist/pptx/web-components/office-token-bridge.d.ts.map +1 -1
- package/dist/pptx/web-components/registration-contract.d.ts.map +1 -1
- package/dist/presence.js +3 -3
- package/dist/registry.d.ts +2 -0
- package/dist/registry.d.ts.map +1 -1
- package/dist/ribbon/ribbon-tabs.d.ts +2 -1
- package/dist/ribbon/ribbon-tabs.d.ts.map +1 -1
- package/dist/smartart/smartart-svg.d.ts +3 -2
- package/dist/smartart.js +3 -3
- package/dist/suite/attachment-store.d.ts +13 -0
- package/dist/suite/document-store.d.ts +31 -0
- package/dist/suite/index.d.ts +2 -0
- package/dist/suite.js +132 -1
- package/dist/teams/app/channel-tab.d.ts +5 -0
- package/dist/teams/chat-composer.d.ts +3 -0
- package/dist/teams.js +6 -6
- package/dist/theme.js +2 -2
- package/dist/tokens.d.ts +5 -0
- package/dist/tokens.d.ts.map +1 -1
- package/dist/visio/styles/index.d.ts +2 -0
- package/dist/visio/styles/theme.d.ts +11 -0
- package/dist/visio/styles.d.ts +2 -2
- package/dist/visio.js +76 -25
- package/dist/xlsx/backstage/index.d.ts +4 -1
- package/dist/xlsx/backstage/pages-share.d.ts +19 -0
- package/dist/xlsx/backstage/parts.d.ts +3 -0
- package/dist/xlsx/chart-fill-binding.d.ts +2 -2
- package/dist/xlsx/chart-series-gradient-type.d.ts +3 -2
- package/dist/xlsx/collaboration-session.d.ts +9 -0
- package/dist/xlsx/collaboration-types.d.ts +41 -0
- package/dist/xlsx/collaboration.d.ts +56 -0
- package/dist/xlsx/component.d.ts +8 -0
- package/dist/xlsx/dialogs/comments-list.d.ts +4 -0
- package/dist/xlsx/dialogs/help-dialogs.d.ts +1 -1
- package/dist/xlsx/editor-core.d.ts +3 -0
- package/dist/xlsx/element-api.d.ts +19 -1
- package/dist/xlsx/events.d.ts +4 -1
- package/dist/xlsx/grid/remote-layer.d.ts +3 -0
- package/dist/xlsx/grid/sparkline.d.ts +3 -0
- package/dist/xlsx/grid/styles.d.ts +1 -1
- package/dist/xlsx/index.d.ts +1 -0
- package/dist/xlsx/ribbon-actions.d.ts +21 -0
- package/dist/xlsx/shell-commands.d.ts +1 -1
- package/dist/xlsx/title-bar.d.ts +4 -2
- package/dist/xlsx.js +712 -90
- package/package.json +3 -3
- package/dist/pptx/web-components/status-bar-styles.d.ts +0 -3
- package/dist/pptx/web-components/status-bar-styles.d.ts.map +0 -1
- package/dist/pptx/web-components/title-bar-styles.d.ts +0 -7
- package/dist/pptx/web-components/title-bar-styles.d.ts.map +0 -1
package/dist/pptx/dom/index.cjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkZK344LOB_cjs = require('../chunk-ZK344LOB.cjs');
|
|
4
4
|
require('../chunk-WSTWYZFM.cjs');
|
|
5
5
|
var chunk2JEQHIAL_cjs = require('../chunk-2JEQHIAL.cjs');
|
|
6
6
|
require('../chunk-IOR4KOGN.cjs');
|
|
7
7
|
require('../chunk-X7FS7XHU.cjs');
|
|
8
8
|
require('../chunk-UEF4BFW4.cjs');
|
|
9
9
|
require('../chunk-52LKIMK3.cjs');
|
|
10
|
-
var
|
|
10
|
+
var chunkSTKGUT5S_cjs = require('../chunk-STKGUT5S.cjs');
|
|
11
11
|
require('../chunk-XOAXPD2W.cjs');
|
|
12
12
|
require('../chunk-P27CIE4O.cjs');
|
|
13
13
|
require('../chunk-BSGCZ4JZ.cjs');
|
|
@@ -17,12 +17,12 @@ require('../chunk-ZJFN5POF.cjs');
|
|
|
17
17
|
require('../chunk-STXGHV25.cjs');
|
|
18
18
|
require('../chunk-WB25PCHQ.cjs');
|
|
19
19
|
require('../chunk-W3X2UVYQ.cjs');
|
|
20
|
-
var
|
|
20
|
+
var chunkYRHK45AB_cjs = require('../chunk-YRHK45AB.cjs');
|
|
21
21
|
var chunkFOE75Z6N_cjs = require('../chunk-FOE75Z6N.cjs');
|
|
22
22
|
var chunkNTXHQHCS_cjs = require('../chunk-NTXHQHCS.cjs');
|
|
23
23
|
require('../chunk-JJP5HOLA.cjs');
|
|
24
24
|
require('../chunk-QWF3PGUX.cjs');
|
|
25
|
-
var
|
|
25
|
+
var chunkXIQMFSNG_cjs = require('../chunk-XIQMFSNG.cjs');
|
|
26
26
|
require('../chunk-G4WRLFMJ.cjs');
|
|
27
27
|
require('../chunk-73IDQGYI.cjs');
|
|
28
28
|
require('../chunk-X4FNVH7J.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 chunkSM3CWDIQ_cjs = require('../chunk-SM3CWDIQ.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 = chunkZK344LOB_cjs.getActiveXControlOverlayView(control, canvasSize, index);
|
|
99
99
|
const style = {
|
|
100
100
|
position: "absolute",
|
|
101
101
|
left: `${view.left}px`,
|
|
@@ -130,7 +130,7 @@ function appendCommentMarkers(doc, stage, comments, canvasSize, t, onMarkerClick
|
|
|
130
130
|
pointerEvents: "none",
|
|
131
131
|
zIndex: "45"
|
|
132
132
|
});
|
|
133
|
-
const markers =
|
|
133
|
+
const markers = chunkZK344LOB_cjs.buildCommentMarkers(
|
|
134
134
|
comments,
|
|
135
135
|
canvasSize.width,
|
|
136
136
|
canvasSize.height,
|
|
@@ -139,10 +139,10 @@ function appendCommentMarkers(doc, stage, comments, canvasSize, t, onMarkerClick
|
|
|
139
139
|
for (const marker of markers) {
|
|
140
140
|
const dot = createEl(doc, "button", "pptxv-comment-marker", {
|
|
141
141
|
position: "absolute",
|
|
142
|
-
left: `${marker.x -
|
|
143
|
-
top: `${marker.y -
|
|
144
|
-
width: `${
|
|
145
|
-
height: `${
|
|
142
|
+
left: `${marker.x - chunkZK344LOB_cjs.COMMENT_MARKER_SIZE / 2}px`,
|
|
143
|
+
top: `${marker.y - chunkZK344LOB_cjs.COMMENT_MARKER_SIZE / 2}px`,
|
|
144
|
+
width: `${chunkZK344LOB_cjs.COMMENT_MARKER_SIZE}px`,
|
|
145
|
+
height: `${chunkZK344LOB_cjs.COMMENT_MARKER_SIZE}px`,
|
|
146
146
|
display: "flex",
|
|
147
147
|
alignItems: "center",
|
|
148
148
|
justifyContent: "center",
|
|
@@ -210,7 +210,7 @@ function merge3dStyle(base, computed) {
|
|
|
210
210
|
}
|
|
211
211
|
function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
212
212
|
if (el.type === "group") {
|
|
213
|
-
const fx2 =
|
|
213
|
+
const fx2 = chunkZK344LOB_cjs.getComputedEffectStyle(el);
|
|
214
214
|
const groupStyle = {};
|
|
215
215
|
if (fx2.filter) {
|
|
216
216
|
groupStyle.filter = fx2.filter;
|
|
@@ -226,16 +226,16 @@ function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
|
226
226
|
const ss = el.shapeStyle;
|
|
227
227
|
const style = {};
|
|
228
228
|
if (ss) {
|
|
229
|
-
const fill = animatesFill ? void 0 :
|
|
229
|
+
const fill = animatesFill ? void 0 : chunkYRHK45AB_cjs.getComputedFillStyle(el);
|
|
230
230
|
for (const [key, value] of Object.entries(fill ?? {})) {
|
|
231
231
|
if (value !== void 0) {
|
|
232
232
|
style[key] = value;
|
|
233
233
|
}
|
|
234
234
|
}
|
|
235
|
-
const stroke =
|
|
235
|
+
const stroke = chunkZK344LOB_cjs.getComputedStrokeStyle(el);
|
|
236
236
|
if (stroke.borderWidth > 0) {
|
|
237
237
|
if (animatesStroke) {
|
|
238
|
-
style["borderWidth"] =
|
|
238
|
+
style["borderWidth"] = chunkZK344LOB_cjs.px(stroke.borderWidth);
|
|
239
239
|
style["borderStyle"] = stroke.borderStyle ?? "solid";
|
|
240
240
|
} else {
|
|
241
241
|
style["border"] = stroke.border ?? "";
|
|
@@ -251,7 +251,7 @@ function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
|
251
251
|
style["strokeMiterlimit"] = stroke.strokeMiterlimit;
|
|
252
252
|
}
|
|
253
253
|
}
|
|
254
|
-
const fx =
|
|
254
|
+
const fx = chunkZK344LOB_cjs.getComputedEffectStyle(el);
|
|
255
255
|
if (fx.boxShadow) {
|
|
256
256
|
style["boxShadow"] = fx.boxShadow;
|
|
257
257
|
}
|
|
@@ -268,11 +268,11 @@ function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
|
268
268
|
if (fx.overflowVisible) {
|
|
269
269
|
style["overflow"] = "visible";
|
|
270
270
|
}
|
|
271
|
-
merge3dStyle(style,
|
|
272
|
-
if (
|
|
271
|
+
merge3dStyle(style, chunkZK344LOB_cjs.getComputed3dStyle(el));
|
|
272
|
+
if (chunkZK344LOB_cjs.isHollowShapeElement(el)) {
|
|
273
273
|
style["pointerEvents"] = "none";
|
|
274
274
|
}
|
|
275
|
-
const geometry =
|
|
275
|
+
const geometry = chunkZK344LOB_cjs.resolveShapeGeometry(el);
|
|
276
276
|
switch (geometry.kind) {
|
|
277
277
|
case "bare":
|
|
278
278
|
style["backgroundColor"] = "transparent";
|
|
@@ -292,7 +292,7 @@ function getShapeFillStrokeStyle(el, animatesFill, animatesStroke) {
|
|
|
292
292
|
case "lineEdge":
|
|
293
293
|
style["backgroundColor"] = "transparent";
|
|
294
294
|
style["border"] = "none";
|
|
295
|
-
style["borderTop"] = `${
|
|
295
|
+
style["borderTop"] = `${chunkZK344LOB_cjs.px(geometry.strokeWidth)} ${chunkYRHK45AB_cjs.getCssBorderDashStyle(el.shapeStyle?.strokeDash)} ${el.shapeStyle?.strokeColor ?? chunkYRHK45AB_cjs.DEFAULT_STROKE_COLOR}`;
|
|
296
296
|
return style;
|
|
297
297
|
default:
|
|
298
298
|
return style;
|
|
@@ -302,12 +302,12 @@ function getTextBlockStyle(el) {
|
|
|
302
302
|
if (!pptx.hasTextProperties(el)) {
|
|
303
303
|
return {};
|
|
304
304
|
}
|
|
305
|
-
const base =
|
|
306
|
-
fallbackColor:
|
|
305
|
+
const base = chunkZK344LOB_cjs.buildTextBlockStyle(el, {
|
|
306
|
+
fallbackColor: chunkYRHK45AB_cjs.DEFAULT_TEXT_COLOR,
|
|
307
307
|
bodyLayout: true,
|
|
308
308
|
pxLengths: true
|
|
309
309
|
});
|
|
310
|
-
const scene3d =
|
|
310
|
+
const scene3d = chunkZK344LOB_cjs.buildTextBody3DSceneStyle(el.textStyle, { width: el.width, height: el.height });
|
|
311
311
|
if (!scene3d) {
|
|
312
312
|
return base;
|
|
313
313
|
}
|
|
@@ -410,7 +410,7 @@ function renderSlideStage(options) {
|
|
|
410
410
|
"--pptx-slide-w": `${canvasSize.width}px`,
|
|
411
411
|
"--pptx-slide-h": `${canvasSize.height}px`,
|
|
412
412
|
"--pptxv-grid-size": `${options.gridSpacingPx ?? 10}px`,
|
|
413
|
-
...
|
|
413
|
+
...chunkZK344LOB_cjs.getSlideBackgroundStyle(slide, { widthPx: canvasSize.width, heightPx: canvasSize.height })
|
|
414
414
|
});
|
|
415
415
|
if (interactive || options.reading) {
|
|
416
416
|
stage.setAttribute("role", "region");
|
|
@@ -451,19 +451,19 @@ function renderSlideStage(options) {
|
|
|
451
451
|
selectedElementIds: options.selectedElementIds,
|
|
452
452
|
registry,
|
|
453
453
|
renderElement(element, zIndex) {
|
|
454
|
-
if (!
|
|
454
|
+
if (!chunkZK344LOB_cjs.isElementRendered(element)) {
|
|
455
455
|
return null;
|
|
456
456
|
}
|
|
457
457
|
const node = registry.resolve(element.type)(element, zIndex, context);
|
|
458
458
|
if (node && interactive && "setAttribute" in node) {
|
|
459
|
-
const templateLocked =
|
|
459
|
+
const templateLocked = chunkZK344LOB_cjs.isTemplateElementId(element.id) && !options.templateEditing;
|
|
460
460
|
if (templateLocked) {
|
|
461
461
|
node.style.pointerEvents = "none";
|
|
462
462
|
}
|
|
463
463
|
node.setAttribute("data-pptx-element", "true");
|
|
464
464
|
}
|
|
465
|
-
if (node && element.type !== "text" && element.type !== "shape" && element.type !== "connector" &&
|
|
466
|
-
const hitTargetStyle =
|
|
465
|
+
if (node && element.type !== "text" && element.type !== "shape" && element.type !== "connector" && chunkZK344LOB_cjs.shouldRenderHitTarget(interactive, options.presenting ?? false)) {
|
|
466
|
+
const hitTargetStyle = chunkZK344LOB_cjs.elementHitTargetStyle(element);
|
|
467
467
|
if (hitTargetStyle) {
|
|
468
468
|
const hitTarget = createEl(doc, "div", void 0, hitTargetStyle);
|
|
469
469
|
hitTarget.setAttribute("aria-hidden", "true");
|
|
@@ -482,20 +482,20 @@ function renderSlideStage(options) {
|
|
|
482
482
|
}
|
|
483
483
|
});
|
|
484
484
|
if (interactive || options.reading) {
|
|
485
|
-
|
|
485
|
+
chunkZK344LOB_cjs.applyRenderedElementAccessibility(stage, slide.elements, {
|
|
486
486
|
presenting: options.presenting ?? false
|
|
487
487
|
});
|
|
488
488
|
}
|
|
489
489
|
if (interactive) {
|
|
490
|
-
|
|
490
|
+
chunkZK344LOB_cjs.applyElementActionAffordances(
|
|
491
491
|
stage,
|
|
492
492
|
slide.elements.filter(
|
|
493
|
-
(element) => options.templateEditing || !
|
|
493
|
+
(element) => options.templateEditing || !chunkZK344LOB_cjs.isTemplateElementId(element.id)
|
|
494
494
|
),
|
|
495
495
|
{
|
|
496
496
|
canInteract: true,
|
|
497
497
|
presenting: options.presenting ?? false,
|
|
498
|
-
labels:
|
|
498
|
+
labels: chunkZK344LOB_cjs.actionAffordanceLabels((key) => t(key))
|
|
499
499
|
}
|
|
500
500
|
);
|
|
501
501
|
}
|
|
@@ -551,7 +551,7 @@ function createChartTitleEditor(container, onCommit) {
|
|
|
551
551
|
|
|
552
552
|
// src/pptx/dom/elements/chart-editable.ts
|
|
553
553
|
function attachChartEditing(container, element, context, repaint) {
|
|
554
|
-
if (element.type !== "chart" || !context.interactive || !context.onChartPointChange || !
|
|
554
|
+
if (element.type !== "chart" || !context.interactive || !context.onChartPointChange || !chunkZK344LOB_cjs.canDrillDown(element)) {
|
|
555
555
|
return;
|
|
556
556
|
}
|
|
557
557
|
const chart = element;
|
|
@@ -561,13 +561,13 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
561
561
|
if (!context.selectedElementIds?.has(element.id)) {
|
|
562
562
|
return;
|
|
563
563
|
}
|
|
564
|
-
|
|
565
|
-
container.classList.add(
|
|
564
|
+
chunkSTKGUT5S_cjs.ensureChartInteractionStyles();
|
|
565
|
+
container.classList.add(chunkSTKGUT5S_cjs.CHART_INTERACTIVE_CLASS);
|
|
566
566
|
let active = null;
|
|
567
567
|
let activeMark = null;
|
|
568
568
|
let selected = context.chartPartSelection?.elementId === element.id ? context.chartPartSelection.part : null;
|
|
569
569
|
let badge = null;
|
|
570
|
-
|
|
570
|
+
chunkSTKGUT5S_cjs.applyChartPartHighlight(container, selected);
|
|
571
571
|
const showBadge = (text) => {
|
|
572
572
|
if (!badge) {
|
|
573
573
|
badge = container.ownerDocument.createElement("div");
|
|
@@ -591,26 +591,26 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
591
591
|
if (!rect) {
|
|
592
592
|
return;
|
|
593
593
|
}
|
|
594
|
-
const step2 =
|
|
594
|
+
const step2 = chunkZK344LOB_cjs.advanceChartMarkDrag(activeMark, event.clientX, event.clientY, rect);
|
|
595
595
|
if (!step2) {
|
|
596
596
|
return;
|
|
597
597
|
}
|
|
598
598
|
repaint(step2.chartData);
|
|
599
|
-
|
|
600
|
-
showBadge(
|
|
599
|
+
chunkSTKGUT5S_cjs.applyChartPartHighlight(container, selected);
|
|
600
|
+
showBadge(chunkYRHK45AB_cjs.formatAxisValue(step2.value));
|
|
601
601
|
return;
|
|
602
602
|
}
|
|
603
603
|
if (!active) {
|
|
604
604
|
return;
|
|
605
605
|
}
|
|
606
606
|
const height = container.querySelector("svg")?.getBoundingClientRect().height ?? 0;
|
|
607
|
-
const step =
|
|
607
|
+
const step = chunkSTKGUT5S_cjs.advanceChartValueDrag(active, event.clientY, height);
|
|
608
608
|
if (!step) {
|
|
609
609
|
return;
|
|
610
610
|
}
|
|
611
611
|
repaint(step.chartData);
|
|
612
|
-
|
|
613
|
-
showBadge(
|
|
612
|
+
chunkSTKGUT5S_cjs.applyChartPartHighlight(container, selected);
|
|
613
|
+
showBadge(chunkYRHK45AB_cjs.formatAxisValue(step.value));
|
|
614
614
|
};
|
|
615
615
|
const onUp = () => {
|
|
616
616
|
if (active || activeMark) {
|
|
@@ -636,12 +636,12 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
636
636
|
}
|
|
637
637
|
if ((finished?.moved || finishedMark?.moved) && chart.chartData) {
|
|
638
638
|
repaint(chart.chartData);
|
|
639
|
-
|
|
639
|
+
chunkSTKGUT5S_cjs.applyChartPartHighlight(container, selected);
|
|
640
640
|
}
|
|
641
641
|
}
|
|
642
642
|
const openTitleEditor = createChartTitleEditor(container, (value) => {
|
|
643
643
|
if (chart.chartData) {
|
|
644
|
-
context.onChartPointChange?.(element,
|
|
644
|
+
context.onChartPointChange?.(element, chunkSTKGUT5S_cjs.withChartTitle(chart.chartData, value));
|
|
645
645
|
}
|
|
646
646
|
});
|
|
647
647
|
container.addEventListener("dblclick", (event) => {
|
|
@@ -656,24 +656,24 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
656
656
|
}
|
|
657
657
|
return;
|
|
658
658
|
}
|
|
659
|
-
if (
|
|
659
|
+
if (chunkSTKGUT5S_cjs.findChartPartTarget(event.target)) {
|
|
660
660
|
event.stopPropagation();
|
|
661
661
|
}
|
|
662
662
|
});
|
|
663
663
|
container.addEventListener("pointerdown", (event) => {
|
|
664
|
-
const part =
|
|
664
|
+
const part = chunkSTKGUT5S_cjs.findChartPartTarget(event.target);
|
|
665
665
|
if (!part || !chart.chartData) {
|
|
666
666
|
return;
|
|
667
667
|
}
|
|
668
668
|
event.stopPropagation();
|
|
669
669
|
selected = part;
|
|
670
|
-
|
|
670
|
+
chunkSTKGUT5S_cjs.applyChartPartHighlight(container, selected);
|
|
671
671
|
context.onChartPartSelect?.(element, part);
|
|
672
|
-
const vm =
|
|
672
|
+
const vm = chunkYRHK45AB_cjs.buildChartViewModel(chart);
|
|
673
673
|
let captured = false;
|
|
674
|
-
const chartKind =
|
|
674
|
+
const chartKind = chunkYRHK45AB_cjs.resolveChartKind(chart.chartData.chartType ?? "bar");
|
|
675
675
|
if (part.pointIndex !== void 0 && chartKind !== "unsupported") {
|
|
676
|
-
const markGeometry =
|
|
676
|
+
const markGeometry = chunkSTKGUT5S_cjs.buildChartMarkDragGeometry({
|
|
677
677
|
kind: chartKind,
|
|
678
678
|
element: chart,
|
|
679
679
|
chartData: chart.chartData,
|
|
@@ -681,7 +681,7 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
681
681
|
seriesIndex: part.seriesIndex,
|
|
682
682
|
pointIndex: part.pointIndex
|
|
683
683
|
});
|
|
684
|
-
const startedMark =
|
|
684
|
+
const startedMark = chunkZK344LOB_cjs.beginChartMarkDrag({
|
|
685
685
|
part,
|
|
686
686
|
geometry: markGeometry,
|
|
687
687
|
chartData: chart.chartData,
|
|
@@ -696,7 +696,7 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
696
696
|
}
|
|
697
697
|
}
|
|
698
698
|
if (!captured) {
|
|
699
|
-
const started =
|
|
699
|
+
const started = chunkSTKGUT5S_cjs.beginChartValueDrag({
|
|
700
700
|
part,
|
|
701
701
|
viewModel: vm,
|
|
702
702
|
chartData: chart.chartData,
|
|
@@ -726,7 +726,7 @@ function attachChartEditing(container, element, context, repaint) {
|
|
|
726
726
|
var pool = null;
|
|
727
727
|
function collectThreeViews(root) {
|
|
728
728
|
const views = /* @__PURE__ */ new Map();
|
|
729
|
-
for (const view of root.querySelectorAll(
|
|
729
|
+
for (const view of root.querySelectorAll(chunkXIQMFSNG_cjs.THREE_VIEW_TAG)) {
|
|
730
730
|
if (view.spec && !views.has(view.spec)) {
|
|
731
731
|
views.set(view.spec, view);
|
|
732
732
|
}
|
|
@@ -762,8 +762,8 @@ function rendering3DFlagsOf(context) {
|
|
|
762
762
|
};
|
|
763
763
|
}
|
|
764
764
|
function mountThreeViewInto(doc, wrapper, options) {
|
|
765
|
-
|
|
766
|
-
const view = takeReusableThreeView(options.spec) ?? doc.createElement(
|
|
765
|
+
chunkXIQMFSNG_cjs.defineThreeViewElement(doc.defaultView?.customElements);
|
|
766
|
+
const view = takeReusableThreeView(options.spec) ?? doc.createElement(chunkXIQMFSNG_cjs.THREE_VIEW_TAG);
|
|
767
767
|
view.replaceChildren(...Array.from(wrapper.childNodes));
|
|
768
768
|
view.spec = options.spec;
|
|
769
769
|
view.interactive = options.interactive;
|
|
@@ -773,7 +773,7 @@ function mountThreeViewInto(doc, wrapper, options) {
|
|
|
773
773
|
return view;
|
|
774
774
|
}
|
|
775
775
|
function isChart3DEditable(element, context) {
|
|
776
|
-
return element.type === "chart" && Boolean(context.interactive) && Boolean(context.onChartPointChange) && Boolean(context.selectedElementIds?.has(element.id)) &&
|
|
776
|
+
return element.type === "chart" && Boolean(context.interactive) && Boolean(context.onChartPointChange) && Boolean(context.selectedElementIds?.has(element.id)) && chunkZK344LOB_cjs.canDrillDown(element);
|
|
777
777
|
}
|
|
778
778
|
function selectedChartPartOf(element, context) {
|
|
779
779
|
return context.chartPartSelection?.elementId === element.id ? context.chartPartSelection.part : null;
|
|
@@ -807,7 +807,7 @@ function wireChartThreeViewEvents(view, element, context, badgeHost) {
|
|
|
807
807
|
badge.className = "pptxv-chart-drag-badge";
|
|
808
808
|
badgeHost.appendChild(badge);
|
|
809
809
|
}
|
|
810
|
-
badge.textContent =
|
|
810
|
+
badge.textContent = chunkYRHK45AB_cjs.formatAxisValue(value);
|
|
811
811
|
},
|
|
812
812
|
commitChartData: (next) => context.onChartPointChange?.(element, next)
|
|
813
813
|
};
|
|
@@ -815,19 +815,19 @@ function wireChartThreeViewEvents(view, element, context, badgeHost) {
|
|
|
815
815
|
const listeners = new AbortController();
|
|
816
816
|
chartViewListeners.set(view, listeners);
|
|
817
817
|
view.addEventListener(
|
|
818
|
-
|
|
819
|
-
(event) =>
|
|
818
|
+
chunkZK344LOB_cjs.THREE_VIEW_EVENTS.select,
|
|
819
|
+
(event) => chunkZK344LOB_cjs.applyChart3DSelect(bridge, event.detail.part),
|
|
820
820
|
{ signal: listeners.signal }
|
|
821
821
|
);
|
|
822
822
|
view.addEventListener(
|
|
823
|
-
|
|
824
|
-
(event) =>
|
|
823
|
+
chunkZK344LOB_cjs.THREE_VIEW_EVENTS.drag,
|
|
824
|
+
(event) => chunkZK344LOB_cjs.applyChart3DDrag(bridge, event.detail),
|
|
825
825
|
{ signal: listeners.signal }
|
|
826
826
|
);
|
|
827
827
|
}
|
|
828
828
|
var chartViewListeners = /* @__PURE__ */ new WeakMap();
|
|
829
829
|
function applyThreeViewTextStyle(el, style) {
|
|
830
|
-
for (const view of el.querySelectorAll(
|
|
830
|
+
for (const view of el.querySelectorAll(chunkXIQMFSNG_cjs.THREE_VIEW_TAG)) {
|
|
831
831
|
view.textStyle = style;
|
|
832
832
|
}
|
|
833
833
|
}
|
|
@@ -835,7 +835,7 @@ function applyThreeViewTextStyle(el, style) {
|
|
|
835
835
|
// src/pptx/dom/elements/chart.ts
|
|
836
836
|
var renderChartElement = (element, zIndex, context) => {
|
|
837
837
|
const wrapper = renderChartSvgElement(element, zIndex, context);
|
|
838
|
-
const spec = wrapper ?
|
|
838
|
+
const spec = wrapper ? chunkZK344LOB_cjs.resolveChartThreeViewSpec(element, rendering3DFlagsOf(context)) : null;
|
|
839
839
|
if (!wrapper || !spec) {
|
|
840
840
|
return wrapper;
|
|
841
841
|
}
|
|
@@ -857,16 +857,16 @@ var renderChartSvgElement = (element, zIndex, context) => {
|
|
|
857
857
|
doc,
|
|
858
858
|
"div",
|
|
859
859
|
"pptxv-element pptxv-chart",
|
|
860
|
-
|
|
860
|
+
chunkZK344LOB_cjs.getContainerStyle(element, zIndex)
|
|
861
861
|
);
|
|
862
862
|
container.dataset.elementId = element.id;
|
|
863
863
|
const animationState = context.presentationStates?.get(element.id);
|
|
864
|
-
const chartData = element.chartData ?
|
|
864
|
+
const chartData = element.chartData ? chunkZK344LOB_cjs.resolveRevealedChartData(element.chartData, animationState) : element.chartData;
|
|
865
865
|
if (!chartData || chartData.series.length === 0) {
|
|
866
866
|
container.appendChild(renderChartPlaceholder(doc, chartData?.chartType ?? "bar", context.t));
|
|
867
867
|
return container;
|
|
868
868
|
}
|
|
869
|
-
const kind =
|
|
869
|
+
const kind = chunkYRHK45AB_cjs.resolveChartKind(chartData.chartType ?? "bar");
|
|
870
870
|
if (kind === "unsupported") {
|
|
871
871
|
container.appendChild(renderChartPlaceholder(doc, chartData.chartType, context.t));
|
|
872
872
|
return container;
|
|
@@ -875,16 +875,16 @@ var renderChartSvgElement = (element, zIndex, context) => {
|
|
|
875
875
|
const paint = (data) => {
|
|
876
876
|
const themedElement = {
|
|
877
877
|
...element,
|
|
878
|
-
chartData: { ...data, colorPalette:
|
|
878
|
+
chartData: { ...data, colorPalette: resolveChartPalette2(data) }
|
|
879
879
|
};
|
|
880
880
|
container.querySelector("svg")?.remove();
|
|
881
881
|
container.appendChild(
|
|
882
|
-
|
|
882
|
+
chunkSTKGUT5S_cjs.renderChartViewModelSvg(doc, chunkYRHK45AB_cjs.buildChartViewModel(themedElement), preserveAspectRatio)
|
|
883
883
|
);
|
|
884
884
|
};
|
|
885
885
|
paint(chartData);
|
|
886
886
|
attachChartEditing(container, element, context, paint);
|
|
887
|
-
const unsubscribe =
|
|
887
|
+
const unsubscribe = chunkYRHK45AB_cjs.subscribeBarFacePicturePixelSamples(() => {
|
|
888
888
|
if (!container.isConnected) {
|
|
889
889
|
unsubscribe();
|
|
890
890
|
return;
|
|
@@ -893,11 +893,8 @@ var renderChartSvgElement = (element, zIndex, context) => {
|
|
|
893
893
|
});
|
|
894
894
|
return container;
|
|
895
895
|
};
|
|
896
|
-
function
|
|
897
|
-
|
|
898
|
-
return [...chartData.colorPalette];
|
|
899
|
-
}
|
|
900
|
-
return [...chunkAIL3BNZS_cjs.getChartStylePalette(chartData.style?.styleId)];
|
|
896
|
+
function resolveChartPalette2(chartData) {
|
|
897
|
+
return chunkYRHK45AB_cjs.resolveChartPalette(chartData);
|
|
901
898
|
}
|
|
902
899
|
function renderChartPlaceholder(doc, chartType, t) {
|
|
903
900
|
const placeholder = createEl(doc, "div", "pptxv-placeholder pptxv-chart-placeholder", {
|
|
@@ -912,7 +909,7 @@ function renderChartPlaceholder(doc, chartType, t) {
|
|
|
912
909
|
border: "1px dashed #cbd5e1",
|
|
913
910
|
boxSizing: "border-box"
|
|
914
911
|
});
|
|
915
|
-
placeholder.textContent =
|
|
912
|
+
placeholder.textContent = chunkZK344LOB_cjs.chartPlaceholderLabel(chartType, (key, params) => t(key, params));
|
|
916
913
|
return placeholder;
|
|
917
914
|
}
|
|
918
915
|
|
|
@@ -976,7 +973,7 @@ function createRunBaseNode(doc, run) {
|
|
|
976
973
|
verticalAlign: "middle",
|
|
977
974
|
fontFamily: "'Cambria Math', 'STIX Two Math', serif"
|
|
978
975
|
});
|
|
979
|
-
math.innerHTML =
|
|
976
|
+
math.innerHTML = chunkZK344LOB_cjs.runEquationMathMl(run.equation);
|
|
980
977
|
host.appendChild(math);
|
|
981
978
|
if (run.equation.number) {
|
|
982
979
|
const number = createEl(doc, "span", "pptxv-equation-number", {
|
|
@@ -1088,7 +1085,7 @@ function renderTextBlock(doc, paragraphs, textStyle, build) {
|
|
|
1088
1085
|
bullet.textContent = para.bulletMarker;
|
|
1089
1086
|
p.appendChild(bullet);
|
|
1090
1087
|
}
|
|
1091
|
-
const spec = build ?
|
|
1088
|
+
const spec = build ? chunkZK344LOB_cjs.buildTextBuildSpec(
|
|
1092
1089
|
build.elementId,
|
|
1093
1090
|
paragraphs.indexOf(para),
|
|
1094
1091
|
para.runs.filter((run) => run.text !== NEWLINE_RUN).map((run) => ({ text: run.text, style: run.style })),
|
|
@@ -1097,7 +1094,7 @@ function renderTextBlock(doc, paragraphs, textStyle, build) {
|
|
|
1097
1094
|
if (spec && spec.granularity !== "paragraph") {
|
|
1098
1095
|
for (const span of spec.spans ?? []) {
|
|
1099
1096
|
const node = createEl(doc, "span");
|
|
1100
|
-
applyStyleMap(node, { ...span.style ?? {}, ...
|
|
1097
|
+
applyStyleMap(node, { ...span.style ?? {}, ...chunkZK344LOB_cjs.textBuildSpanStyle(span) });
|
|
1101
1098
|
if (span.animId) {
|
|
1102
1099
|
node.setAttribute("data-anim-id", span.animId);
|
|
1103
1100
|
}
|
|
@@ -1110,7 +1107,7 @@ function renderTextBlock(doc, paragraphs, textStyle, build) {
|
|
|
1110
1107
|
let runHost = p;
|
|
1111
1108
|
if (spec) {
|
|
1112
1109
|
const wrapper = createEl(doc, "span");
|
|
1113
|
-
applyStyleMap(wrapper,
|
|
1110
|
+
applyStyleMap(wrapper, chunkZK344LOB_cjs.textBuildSpanStyle(spec));
|
|
1114
1111
|
if (spec.animId) {
|
|
1115
1112
|
wrapper.setAttribute("data-anim-id", spec.animId);
|
|
1116
1113
|
}
|
|
@@ -1137,9 +1134,9 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1137
1134
|
const doc = context.document;
|
|
1138
1135
|
const ss = pptx.hasShapeProperties(element) ? element.shapeStyle : void 0;
|
|
1139
1136
|
const strokeWidth = Math.max(0, ss?.strokeWidth ?? 2);
|
|
1140
|
-
const strokeColor = ss?.strokeColor ??
|
|
1137
|
+
const strokeColor = ss?.strokeColor ?? chunkYRHK45AB_cjs.DEFAULT_STROKE_COLOR;
|
|
1141
1138
|
const strokeOpacity = ss?.strokeOpacity ?? 1;
|
|
1142
|
-
const dashArray =
|
|
1139
|
+
const dashArray = chunkYRHK45AB_cjs.buildDashArray(ss?.strokeDash, strokeWidth, ss?.customDashSegments);
|
|
1143
1140
|
const w = Math.max(element.width, 1);
|
|
1144
1141
|
const h = Math.max(element.height, 1);
|
|
1145
1142
|
const wrapper = createEl(doc, "div", "pptxv-element pptxv-connector", {
|
|
@@ -1166,7 +1163,7 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1166
1163
|
if (element.hidden) {
|
|
1167
1164
|
wrapper.style.display = "none";
|
|
1168
1165
|
}
|
|
1169
|
-
const lineGlow =
|
|
1166
|
+
const lineGlow = chunkZK344LOB_cjs.getLineGlowFilterCss(ss);
|
|
1170
1167
|
if (lineGlow) {
|
|
1171
1168
|
wrapper.style.filter = lineGlow;
|
|
1172
1169
|
}
|
|
@@ -1174,7 +1171,7 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1174
1171
|
svg.setAttribute("style", "overflow:visible;display:block");
|
|
1175
1172
|
const seed = element.id.replace(/[^a-zA-Z0-9_-]/gu, "_");
|
|
1176
1173
|
const defs = createSvgEl(doc, "defs");
|
|
1177
|
-
const lineShadow =
|
|
1174
|
+
const lineShadow = chunkZK344LOB_cjs.getLineShadowParams(ss);
|
|
1178
1175
|
const shadowId = lineShadow ? `${seed}-line-shadow` : void 0;
|
|
1179
1176
|
if (lineShadow && shadowId) {
|
|
1180
1177
|
const filter = createSvgEl(doc, "filter", {
|
|
@@ -1195,8 +1192,8 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1195
1192
|
);
|
|
1196
1193
|
defs.appendChild(filter);
|
|
1197
1194
|
}
|
|
1198
|
-
const startArrow =
|
|
1199
|
-
const endArrow =
|
|
1195
|
+
const startArrow = chunkZK344LOB_cjs.normalizeArrow(ss?.connectorStartArrow);
|
|
1196
|
+
const endArrow = chunkZK344LOB_cjs.normalizeArrow(ss?.connectorEndArrow);
|
|
1200
1197
|
const startMarkerId = startArrow ? `${seed}-start` : void 0;
|
|
1201
1198
|
const endMarkerId = endArrow ? `${seed}-end` : void 0;
|
|
1202
1199
|
if (startArrow && startMarkerId) {
|
|
@@ -1219,10 +1216,10 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1219
1216
|
svg.appendChild(defs);
|
|
1220
1217
|
}
|
|
1221
1218
|
const compound = ss?.compoundLine;
|
|
1222
|
-
const offsets =
|
|
1223
|
-
const widths =
|
|
1219
|
+
const offsets = chunkZK344LOB_cjs.getCompoundLineOffsets(compound, strokeWidth);
|
|
1220
|
+
const widths = chunkZK344LOB_cjs.getCompoundLineWidths(compound, strokeWidth);
|
|
1224
1221
|
const shapeType = pptx.hasShapeProperties(element) ? element.shapeType : void 0;
|
|
1225
|
-
const usePath =
|
|
1222
|
+
const usePath = chunkZK344LOB_cjs.connectorNeedsPath(shapeType) && pptx.hasShapeProperties(element);
|
|
1226
1223
|
const pathData = usePath ? pptx.getConnectorPathGeometry(element).pathData : void 0;
|
|
1227
1224
|
const x1 = element.flipHorizontal ? w : 0;
|
|
1228
1225
|
const y1 = element.flipVertical ? h : 0;
|
|
@@ -1233,7 +1230,7 @@ var renderConnectorElement = (element, zIndex, context) => {
|
|
|
1233
1230
|
d: pathData ?? `M${x1},${y1} L${x2},${y2}`,
|
|
1234
1231
|
fill: "none",
|
|
1235
1232
|
stroke: "transparent",
|
|
1236
|
-
"stroke-width":
|
|
1233
|
+
"stroke-width": chunkZK344LOB_cjs.connectorHitStrokeWidth(strokeWidth),
|
|
1237
1234
|
"stroke-linecap": "round",
|
|
1238
1235
|
"stroke-linejoin": "round"
|
|
1239
1236
|
});
|
|
@@ -1281,7 +1278,7 @@ function appendConnectorLabel(wrapper, element, context) {
|
|
|
1281
1278
|
if (!pptx.hasTextProperties(element)) {
|
|
1282
1279
|
return;
|
|
1283
1280
|
}
|
|
1284
|
-
const paragraphs =
|
|
1281
|
+
const paragraphs = chunkZK344LOB_cjs.buildParagraphs(element, context.fieldContext);
|
|
1285
1282
|
if (!paragraphs.some((paragraph) => paragraph.runs.length > 0)) {
|
|
1286
1283
|
return;
|
|
1287
1284
|
}
|
|
@@ -1301,7 +1298,7 @@ function appendConnectorLabel(wrapper, element, context) {
|
|
|
1301
1298
|
}
|
|
1302
1299
|
function buildMarker(context, id, arrow, strokeColor, size) {
|
|
1303
1300
|
const doc = context.document;
|
|
1304
|
-
const shape =
|
|
1301
|
+
const shape = chunkZK344LOB_cjs.markerPath(arrow, size.width, size.length);
|
|
1305
1302
|
const marker = createSvgEl(doc, "marker", {
|
|
1306
1303
|
id,
|
|
1307
1304
|
viewBox: "0 0 10 10",
|
|
@@ -1385,7 +1382,7 @@ var renderContentPartElement = (element, zIndex, context) => {
|
|
|
1385
1382
|
doc,
|
|
1386
1383
|
"div",
|
|
1387
1384
|
"pptxv-element pptxv-contentpart",
|
|
1388
|
-
|
|
1385
|
+
chunkZK344LOB_cjs.getContainerStyle(element, zIndex)
|
|
1389
1386
|
);
|
|
1390
1387
|
el.dataset.elementId = element.id;
|
|
1391
1388
|
const strokes = element.inkStrokes;
|
|
@@ -1418,7 +1415,7 @@ var renderContentPartElement = (element, zIndex, context) => {
|
|
|
1418
1415
|
return el;
|
|
1419
1416
|
};
|
|
1420
1417
|
function renderEquations(element, context) {
|
|
1421
|
-
if (!pptx.hasTextProperties(element) || !
|
|
1418
|
+
if (!pptx.hasTextProperties(element) || !chunkZK344LOB_cjs.isEquationOnlyText(element.textSegments)) {
|
|
1422
1419
|
return null;
|
|
1423
1420
|
}
|
|
1424
1421
|
const equations = (element.textSegments ?? []).filter((segment) => segment.equationXml);
|
|
@@ -1432,7 +1429,7 @@ function renderEquations(element, context) {
|
|
|
1432
1429
|
fontFamily: "'Cambria Math', 'STIX Two Math', serif"
|
|
1433
1430
|
});
|
|
1434
1431
|
for (const segment of equations) {
|
|
1435
|
-
const mathml =
|
|
1432
|
+
const mathml = chunkZK344LOB_cjs.convertOmmlToMathMl(segment.equationXml);
|
|
1436
1433
|
if (!mathml) {
|
|
1437
1434
|
continue;
|
|
1438
1435
|
}
|
|
@@ -1446,7 +1443,7 @@ function renderEquations(element, context) {
|
|
|
1446
1443
|
flex: 1,
|
|
1447
1444
|
textAlign: "center"
|
|
1448
1445
|
});
|
|
1449
|
-
math.innerHTML =
|
|
1446
|
+
math.innerHTML = chunkZK344LOB_cjs.sanitizeMathMl(mathml);
|
|
1450
1447
|
row.appendChild(math);
|
|
1451
1448
|
if (segment.equationNumber) {
|
|
1452
1449
|
const number = createEl(context.document, "span", "pptxv-equation-number", {
|
|
@@ -1463,8 +1460,8 @@ function renderExtrusionOverlay(doc, element) {
|
|
|
1463
1460
|
if (!pptx.hasShapeProperties(element)) {
|
|
1464
1461
|
return null;
|
|
1465
1462
|
}
|
|
1466
|
-
const fill =
|
|
1467
|
-
const data =
|
|
1463
|
+
const fill = chunkYRHK45AB_cjs.getComputedFillStyle(element)?.backgroundColor;
|
|
1464
|
+
const data = chunkZK344LOB_cjs.build3DExtrusionData(
|
|
1468
1465
|
element.shapeStyle?.shape3d,
|
|
1469
1466
|
element.shapeStyle?.scene3d,
|
|
1470
1467
|
fill,
|
|
@@ -1526,7 +1523,7 @@ function appendOwnReflection(doc, host, element, mediaDataUrls, suppressOwnRefle
|
|
|
1526
1523
|
if (suppressOwnReflection) {
|
|
1527
1524
|
return;
|
|
1528
1525
|
}
|
|
1529
|
-
const wrapperStyle =
|
|
1526
|
+
const wrapperStyle = chunkZK344LOB_cjs.getComputedEffectStyle(element).reflection;
|
|
1530
1527
|
if (!wrapperStyle) {
|
|
1531
1528
|
return;
|
|
1532
1529
|
}
|
|
@@ -1550,9 +1547,9 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1550
1547
|
if (groupFilterDefs) {
|
|
1551
1548
|
wrap.appendChild(groupFilterDefs);
|
|
1552
1549
|
}
|
|
1553
|
-
const childParentFill =
|
|
1550
|
+
const childParentFill = chunkZK344LOB_cjs.getGroupChildParentFill(element, parentGroupFill);
|
|
1554
1551
|
for (const child of element.children ?? []) {
|
|
1555
|
-
const childWrap = createEl(doc, "div", void 0,
|
|
1552
|
+
const childWrap = createEl(doc, "div", void 0, chunkZK344LOB_cjs.getContainerStyle(child, 0));
|
|
1556
1553
|
childWrap.appendChild(
|
|
1557
1554
|
buildReflectionMirrorContent(doc, child, mediaDataUrls, childParentFill)
|
|
1558
1555
|
);
|
|
@@ -1566,7 +1563,7 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1566
1563
|
height: "100%",
|
|
1567
1564
|
...getShapeFillStrokeStyle(element)
|
|
1568
1565
|
});
|
|
1569
|
-
const inheritedFill =
|
|
1566
|
+
const inheritedFill = chunkZK344LOB_cjs.resolveGroupChildFill(element, parentGroupFill);
|
|
1570
1567
|
if (inheritedFill) {
|
|
1571
1568
|
applyInheritedFill(box, inheritedFill);
|
|
1572
1569
|
}
|
|
@@ -1587,12 +1584,12 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1587
1584
|
box.appendChild(gradientOutline);
|
|
1588
1585
|
}
|
|
1589
1586
|
if (pptx.isImageLikeElement(element)) {
|
|
1590
|
-
const src =
|
|
1587
|
+
const src = chunkZK344LOB_cjs.getImageSrc(element, new Map(mediaDataUrls));
|
|
1591
1588
|
if (src) {
|
|
1592
1589
|
const img = createEl(doc, "img", void 0, {
|
|
1593
1590
|
width: "100%",
|
|
1594
1591
|
height: "100%",
|
|
1595
|
-
...
|
|
1592
|
+
...chunkZK344LOB_cjs.getImageFitStyle(element)
|
|
1596
1593
|
});
|
|
1597
1594
|
img.setAttribute("src", src);
|
|
1598
1595
|
img.setAttribute("alt", "");
|
|
@@ -1602,7 +1599,7 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1602
1599
|
appendOwnReflection(doc, box, element, mediaDataUrls, suppressOwnReflection);
|
|
1603
1600
|
return box;
|
|
1604
1601
|
}
|
|
1605
|
-
const paragraphs =
|
|
1602
|
+
const paragraphs = chunkZK344LOB_cjs.buildParagraphs(element);
|
|
1606
1603
|
const hasText = paragraphs.some((p) => p.runs.length > 0 || p.bulletMarker !== void 0);
|
|
1607
1604
|
if (hasText) {
|
|
1608
1605
|
box.appendChild(renderTextBlock(doc, paragraphs, getTextBlockStyle(element)));
|
|
@@ -1614,20 +1611,20 @@ function buildReflectionMirrorContent(doc, element, mediaDataUrls, parentGroupFi
|
|
|
1614
1611
|
// src/pptx/dom/elements/shape-filter-defs.ts
|
|
1615
1612
|
var OUTLINE_SVG_STYLE = "position:absolute;inset:0;width:100%;height:100%;min-width:1px;min-height:1px;overflow:visible;pointer-events:none";
|
|
1616
1613
|
function renderShapeFilterDefs(doc, element) {
|
|
1617
|
-
const style =
|
|
1614
|
+
const style = chunkZK344LOB_cjs.getEffectStyleSource(element);
|
|
1618
1615
|
if (!style) {
|
|
1619
1616
|
return null;
|
|
1620
1617
|
}
|
|
1621
1618
|
const markups = [];
|
|
1622
|
-
const duotone =
|
|
1619
|
+
const duotone = chunkZK344LOB_cjs.getDuotoneSvgFilter(style, element.id);
|
|
1623
1620
|
if (duotone) {
|
|
1624
1621
|
markups.push(duotone.filterMarkup);
|
|
1625
1622
|
}
|
|
1626
|
-
const softEdge =
|
|
1623
|
+
const softEdge = chunkZK344LOB_cjs.getSoftEdgeSvgFilter(style, element.id);
|
|
1627
1624
|
if (softEdge) {
|
|
1628
1625
|
markups.push(softEdge.filterMarkup);
|
|
1629
1626
|
}
|
|
1630
|
-
const bevelLighting =
|
|
1627
|
+
const bevelLighting = chunkZK344LOB_cjs.getBevelLightingSvgFilter(element);
|
|
1631
1628
|
if (bevelLighting) {
|
|
1632
1629
|
markups.push(bevelLighting.filterMarkup);
|
|
1633
1630
|
}
|
|
@@ -1645,7 +1642,7 @@ function renderShapeFillOverlay(doc, element) {
|
|
|
1645
1642
|
if (!pptx.hasShapeProperties(element)) {
|
|
1646
1643
|
return null;
|
|
1647
1644
|
}
|
|
1648
|
-
const overlay =
|
|
1645
|
+
const overlay = chunkZK344LOB_cjs.getComputedEffectStyle(element).fillOverlay;
|
|
1649
1646
|
if (!overlay) {
|
|
1650
1647
|
return null;
|
|
1651
1648
|
}
|
|
@@ -1660,7 +1657,7 @@ function renderShapeFillOverlay(doc, element) {
|
|
|
1660
1657
|
return layer;
|
|
1661
1658
|
}
|
|
1662
1659
|
function renderReflectionOverlay(doc, element, mediaDataUrls) {
|
|
1663
|
-
const wrapperStyle =
|
|
1660
|
+
const wrapperStyle = chunkZK344LOB_cjs.getComputedEffectStyle(element).reflection;
|
|
1664
1661
|
if (!wrapperStyle) {
|
|
1665
1662
|
return null;
|
|
1666
1663
|
}
|
|
@@ -1670,13 +1667,13 @@ function renderReflectionOverlay(doc, element, mediaDataUrls) {
|
|
|
1670
1667
|
return layer;
|
|
1671
1668
|
}
|
|
1672
1669
|
function renderHollowHitOutline(doc, element) {
|
|
1673
|
-
const hit =
|
|
1670
|
+
const hit = chunkZK344LOB_cjs.buildHollowHitOutline(element);
|
|
1674
1671
|
if (!hit) {
|
|
1675
1672
|
return null;
|
|
1676
1673
|
}
|
|
1677
1674
|
const svg = createSvgEl(doc, "svg", {
|
|
1678
1675
|
"aria-hidden": "true",
|
|
1679
|
-
viewBox:
|
|
1676
|
+
viewBox: chunkZK344LOB_cjs.strokeOutlineViewBox(element),
|
|
1680
1677
|
preserveAspectRatio: "none"
|
|
1681
1678
|
});
|
|
1682
1679
|
svg.setAttribute("style", OUTLINE_SVG_STYLE);
|
|
@@ -1691,7 +1688,7 @@ function renderHollowHitOutline(doc, element) {
|
|
|
1691
1688
|
return svg;
|
|
1692
1689
|
}
|
|
1693
1690
|
function renderShapeSubpathFillOverlay(doc, element) {
|
|
1694
|
-
const overlay =
|
|
1691
|
+
const overlay = chunkYRHK45AB_cjs.buildSubpathFillOverlay(element);
|
|
1695
1692
|
if (!overlay) {
|
|
1696
1693
|
return null;
|
|
1697
1694
|
}
|
|
@@ -1709,20 +1706,20 @@ function renderShapeSubpathFillOverlay(doc, element) {
|
|
|
1709
1706
|
return svg;
|
|
1710
1707
|
}
|
|
1711
1708
|
function renderStrokeOutline(doc, element) {
|
|
1712
|
-
const outline =
|
|
1709
|
+
const outline = chunkZK344LOB_cjs.buildStrokeOutline(element);
|
|
1713
1710
|
if (!outline) {
|
|
1714
1711
|
return null;
|
|
1715
1712
|
}
|
|
1716
1713
|
const svg = createSvgEl(doc, "svg", {
|
|
1717
1714
|
class: "pptx-vanilla-gradient-outline",
|
|
1718
1715
|
"aria-hidden": "true",
|
|
1719
|
-
viewBox:
|
|
1716
|
+
viewBox: chunkZK344LOB_cjs.strokeOutlineViewBox(element),
|
|
1720
1717
|
preserveAspectRatio: "none"
|
|
1721
1718
|
});
|
|
1722
1719
|
svg.setAttribute("style", OUTLINE_SVG_STYLE);
|
|
1723
1720
|
if (outline.paint) {
|
|
1724
1721
|
const defs = createSvgEl(doc, "defs");
|
|
1725
|
-
if (
|
|
1722
|
+
if (chunkZK344LOB_cjs.isPatternPaint(outline.paint)) {
|
|
1726
1723
|
const pattern = createSvgEl(doc, "pattern", {
|
|
1727
1724
|
id: outline.paint.id,
|
|
1728
1725
|
width: outline.paint.width,
|
|
@@ -1737,7 +1734,7 @@ function renderStrokeOutline(doc, element) {
|
|
|
1737
1734
|
pattern.appendChild(image);
|
|
1738
1735
|
defs.appendChild(pattern);
|
|
1739
1736
|
} else {
|
|
1740
|
-
defs.innerHTML =
|
|
1737
|
+
defs.innerHTML = chunkZK344LOB_cjs.svgGradientMarkup(outline.paint);
|
|
1741
1738
|
}
|
|
1742
1739
|
svg.appendChild(defs);
|
|
1743
1740
|
}
|
|
@@ -1787,14 +1784,14 @@ function indexRenderedNodes(root) {
|
|
|
1787
1784
|
return byId;
|
|
1788
1785
|
}
|
|
1789
1786
|
function paintInheritedFill(node, element, parentGroupFill) {
|
|
1790
|
-
const inherited =
|
|
1787
|
+
const inherited = chunkZK344LOB_cjs.resolveGroupChildFill(element, parentGroupFill);
|
|
1791
1788
|
if (inherited) {
|
|
1792
1789
|
applyGroupChildFill(node, inherited);
|
|
1793
1790
|
}
|
|
1794
1791
|
if (element.type !== "group") {
|
|
1795
1792
|
return;
|
|
1796
1793
|
}
|
|
1797
|
-
const childFill =
|
|
1794
|
+
const childFill = chunkZK344LOB_cjs.getGroupChildParentFill(element, parentGroupFill);
|
|
1798
1795
|
if (!childFill) {
|
|
1799
1796
|
return;
|
|
1800
1797
|
}
|
|
@@ -1808,7 +1805,7 @@ function paintInheritedFill(node, element, parentGroupFill) {
|
|
|
1808
1805
|
}
|
|
1809
1806
|
var renderGroupElement = (element, zIndex, context) => {
|
|
1810
1807
|
const el = createEl(context.document, "div", "pptxv-element pptxv-group", {
|
|
1811
|
-
...
|
|
1808
|
+
...chunkZK344LOB_cjs.getContainerStyle(element, zIndex),
|
|
1812
1809
|
// A group paints no fill/outline of its own, but `p:grpSpPr/a:effectLst`
|
|
1813
1810
|
// DOES carry a shadow/glow/soft-edge for the group's own composite
|
|
1814
1811
|
// raster (see shared `getComputedEffectStyle`), expressed as `filter` /
|
|
@@ -1825,7 +1822,7 @@ var renderGroupElement = (element, zIndex, context) => {
|
|
|
1825
1822
|
el.appendChild(reflection);
|
|
1826
1823
|
}
|
|
1827
1824
|
if (element.type === "group" && element.children?.length) {
|
|
1828
|
-
const parentGroupFill =
|
|
1825
|
+
const parentGroupFill = chunkZK344LOB_cjs.getGroupChildParentFill(element);
|
|
1829
1826
|
element.children.forEach((child, index) => {
|
|
1830
1827
|
const childEl = context.renderElement(child, index);
|
|
1831
1828
|
if (childEl) {
|
|
@@ -1840,12 +1837,12 @@ var renderGroupElement = (element, zIndex, context) => {
|
|
|
1840
1837
|
// src/pptx/dom/elements/image.ts
|
|
1841
1838
|
var renderImageElement = (element, zIndex, context) => {
|
|
1842
1839
|
const doc = context.document;
|
|
1843
|
-
const geometry = element.type === "image" || element.type === "picture" ?
|
|
1840
|
+
const geometry = element.type === "image" || element.type === "picture" ? chunkZK344LOB_cjs.resolveShapeGeometry(element) : void 0;
|
|
1844
1841
|
const geometryClipPath = geometry?.kind === "clipPath" ? geometry.clipPath : void 0;
|
|
1845
|
-
const cropShapeClipPath = element.type === "image" || element.type === "picture" ?
|
|
1842
|
+
const cropShapeClipPath = element.type === "image" || element.type === "picture" ? chunkZK344LOB_cjs.getCropShapeClipPath(element.cropShape, element.width, element.height) : void 0;
|
|
1846
1843
|
const el = createEl(doc, "div", "pptxv-element pptxv-image", {
|
|
1847
|
-
...
|
|
1848
|
-
overflow:
|
|
1844
|
+
...chunkZK344LOB_cjs.getContainerStyle(element, zIndex),
|
|
1845
|
+
overflow: chunkZK344LOB_cjs.getImageOverflow(element),
|
|
1849
1846
|
// The picture's own shape geometry (prstGeom / custGeom) clips the frame,
|
|
1850
1847
|
// not the `<img>` - a pixel-space clip on the img would be scaled and
|
|
1851
1848
|
// shifted by the crop transform.
|
|
@@ -1853,11 +1850,11 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1853
1850
|
...geometryClipPath ? { clipPath: geometryClipPath } : cropShapeClipPath ? { clipPath: cropShapeClipPath } : {}
|
|
1854
1851
|
});
|
|
1855
1852
|
el.dataset.elementId = element.id;
|
|
1856
|
-
const src =
|
|
1853
|
+
const src = chunkZK344LOB_cjs.getImageSrc(element, new Map(context.mediaDataUrls));
|
|
1857
1854
|
if (!src) {
|
|
1858
1855
|
return el;
|
|
1859
1856
|
}
|
|
1860
|
-
const fx =
|
|
1857
|
+
const fx = chunkZK344LOB_cjs.getComputedImageStyle(element);
|
|
1861
1858
|
for (const f of fx.svgFilters) {
|
|
1862
1859
|
const svg = createSvgEl(doc, "svg", { width: 0, height: 0, "aria-hidden": "true" });
|
|
1863
1860
|
svg.setAttribute("style", "position:absolute;width:0;height:0;overflow:hidden");
|
|
@@ -1870,7 +1867,7 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1870
1867
|
el.appendChild(svg);
|
|
1871
1868
|
}
|
|
1872
1869
|
const reflection = renderReflectionOverlay(doc, element, context.mediaDataUrls);
|
|
1873
|
-
const tiling =
|
|
1870
|
+
const tiling = chunkZK344LOB_cjs.getImageTilingStyle(element, chunkZK344LOB_cjs.getCachedNativeImageSize(src));
|
|
1874
1871
|
if (tiling) {
|
|
1875
1872
|
const tile = createEl(doc, "div", "pptxv-image-tile", tiling);
|
|
1876
1873
|
if (fx.filter) {
|
|
@@ -1879,10 +1876,10 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1879
1876
|
if (fx.opacity !== void 0) {
|
|
1880
1877
|
tile.style.opacity = String(fx.opacity);
|
|
1881
1878
|
}
|
|
1882
|
-
if (!
|
|
1883
|
-
void
|
|
1879
|
+
if (!chunkZK344LOB_cjs.getCachedNativeImageSize(src)) {
|
|
1880
|
+
void chunkZK344LOB_cjs.probeNativeImageSize(src).then((size) => {
|
|
1884
1881
|
if (size) {
|
|
1885
|
-
applyStyleMap(tile,
|
|
1882
|
+
applyStyleMap(tile, chunkZK344LOB_cjs.getImageTilingStyle(element, size) ?? {});
|
|
1886
1883
|
}
|
|
1887
1884
|
return void 0;
|
|
1888
1885
|
});
|
|
@@ -1893,8 +1890,8 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1893
1890
|
}
|
|
1894
1891
|
return el;
|
|
1895
1892
|
}
|
|
1896
|
-
const fit =
|
|
1897
|
-
const fillCounterTransform =
|
|
1893
|
+
const fit = chunkZK344LOB_cjs.getImageFitStyle(element);
|
|
1894
|
+
const fillCounterTransform = chunkZK344LOB_cjs.getImageFillCounterTransform(element, Boolean(fit.transform));
|
|
1898
1895
|
const img = createEl(doc, "img", void 0, {
|
|
1899
1896
|
...fit,
|
|
1900
1897
|
display: "block",
|
|
@@ -1912,14 +1909,14 @@ var renderImageElement = (element, zIndex, context) => {
|
|
|
1912
1909
|
if (element.type === "image" || element.type === "picture") {
|
|
1913
1910
|
const clrChange = element.imageEffects?.clrChange;
|
|
1914
1911
|
if (clrChange) {
|
|
1915
|
-
void
|
|
1912
|
+
void chunkZK344LOB_cjs.resolveColorChangedImageSource(src, clrChange).then((resolved) => {
|
|
1916
1913
|
if (img.src === src || img.getAttribute("src") === src) {
|
|
1917
1914
|
img.src = resolved;
|
|
1918
1915
|
}
|
|
1919
1916
|
return void 0;
|
|
1920
1917
|
});
|
|
1921
1918
|
}
|
|
1922
|
-
const wash =
|
|
1919
|
+
const wash = chunkZK344LOB_cjs.getImageColorWashStyle(element.imageEffects?.colorWash);
|
|
1923
1920
|
if (wash) {
|
|
1924
1921
|
el.appendChild(
|
|
1925
1922
|
createEl(doc, "div", "pptxv-image-color-wash", {
|
|
@@ -1948,7 +1945,7 @@ var renderInkElement = (element, zIndex, context) => {
|
|
|
1948
1945
|
doc,
|
|
1949
1946
|
"div",
|
|
1950
1947
|
"pptxv-element pptxv-ink",
|
|
1951
|
-
|
|
1948
|
+
chunkZK344LOB_cjs.getContainerStyle(element, zIndex)
|
|
1952
1949
|
);
|
|
1953
1950
|
wrapper.dataset.elementId = element.id;
|
|
1954
1951
|
const paths = element.inkPaths;
|
|
@@ -1969,7 +1966,7 @@ var renderInkElement = (element, zIndex, context) => {
|
|
|
1969
1966
|
keyframes.textContent = chunkNTXHQHCS_cjs.INK_REPLAY_KEYFRAMES;
|
|
1970
1967
|
svg.appendChild(keyframes);
|
|
1971
1968
|
}
|
|
1972
|
-
const views =
|
|
1969
|
+
const views = chunkZK344LOB_cjs.buildInkGroupStrokes(element, { color: chunkYRHK45AB_cjs.DEFAULT_STROKE_COLOR, width: 1 });
|
|
1973
1970
|
for (const [i, view] of views.entries()) {
|
|
1974
1971
|
svg.appendChild(buildStrokeSvg(doc, view, replayStyles[i]));
|
|
1975
1972
|
}
|
|
@@ -2023,12 +2020,12 @@ function wireMediaFullscreenOverlay(doc, container, mediaNode, element, context,
|
|
|
2023
2020
|
let stopButton = null;
|
|
2024
2021
|
const update = (playing) => {
|
|
2025
2022
|
const input = { fullScreen: element.fullScreen, presenting: context.presenting, playing };
|
|
2026
|
-
const active =
|
|
2023
|
+
const active = chunkZK344LOB_cjs.isMediaFullscreenActive(input);
|
|
2027
2024
|
applyStyleMap(
|
|
2028
2025
|
container,
|
|
2029
|
-
active ?
|
|
2026
|
+
active ? chunkZK344LOB_cjs.MEDIA_FULLSCREEN_OVERLAY_STYLE : mediaFullscreenResetStyle(baseStyle)
|
|
2030
2027
|
);
|
|
2031
|
-
if (
|
|
2028
|
+
if (chunkZK344LOB_cjs.shouldShowMediaFullscreenStopButton(input)) {
|
|
2032
2029
|
if (!stopButton) {
|
|
2033
2030
|
stopButton = buildFullscreenStopButton(
|
|
2034
2031
|
doc,
|
|
@@ -2053,12 +2050,12 @@ function wireMediaFullscreenOverlay(doc, container, mediaNode, element, context,
|
|
|
2053
2050
|
|
|
2054
2051
|
// src/pptx/dom/elements/media.ts
|
|
2055
2052
|
function applyMediaPresentingState(el, presenting, playback) {
|
|
2056
|
-
|
|
2053
|
+
chunkZK344LOB_cjs.applyMediaPlaybackAttributes(el, playback);
|
|
2057
2054
|
if (presenting) {
|
|
2058
|
-
|
|
2059
|
-
|
|
2055
|
+
chunkZK344LOB_cjs.startMediaAutoplay(el, { trimStartMs: playback.trimStartMs });
|
|
2056
|
+
chunkZK344LOB_cjs.scheduleMediaTrimAndFade(el, {
|
|
2060
2057
|
...playback,
|
|
2061
|
-
volume:
|
|
2058
|
+
volume: chunkZK344LOB_cjs.mediaPlaybackAttributes(playback).volume
|
|
2062
2059
|
});
|
|
2063
2060
|
} else if (!el.paused) {
|
|
2064
2061
|
el.pause();
|
|
@@ -2068,18 +2065,18 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2068
2065
|
if (element.type !== "media") {
|
|
2069
2066
|
return null;
|
|
2070
2067
|
}
|
|
2071
|
-
const surface =
|
|
2068
|
+
const surface = chunkZK344LOB_cjs.mediaSurfaceOf({
|
|
2072
2069
|
interactive: context.interactive === true || context.reading === true,
|
|
2073
2070
|
presenting: context.presenting
|
|
2074
2071
|
});
|
|
2075
|
-
const showTransport =
|
|
2072
|
+
const showTransport = chunkZK344LOB_cjs.mediaTransportVisible({ ...surface, canvasTransport: true });
|
|
2076
2073
|
const doc = context.document;
|
|
2077
|
-
const baseStyle =
|
|
2074
|
+
const baseStyle = chunkZK344LOB_cjs.getContainerStyle(element, zIndex);
|
|
2078
2075
|
const el = createEl(doc, "div", "pptxv-element pptxv-media", baseStyle);
|
|
2079
2076
|
el.dataset.elementId = element.id;
|
|
2080
2077
|
const mediaSrc = element.mediaData ?? (element.mediaPath ? context.mediaDataUrls.get(element.mediaPath) : void 0);
|
|
2081
|
-
const posterSrc =
|
|
2082
|
-
const onlineVideoEmbedUrl =
|
|
2078
|
+
const posterSrc = chunkZK344LOB_cjs.getImageSrc(element, new Map(context.mediaDataUrls));
|
|
2079
|
+
const onlineVideoEmbedUrl = chunkZK344LOB_cjs.getOnlineVideoEmbed(element)?.embedUrl;
|
|
2083
2080
|
if (onlineVideoEmbedUrl && element.mediaType === "video") {
|
|
2084
2081
|
const iframe = createEl(doc, "iframe", "pptxv-media-video pptxv-media-iframe", {
|
|
2085
2082
|
width: "100%",
|
|
@@ -2089,8 +2086,8 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2089
2086
|
});
|
|
2090
2087
|
iframe.src = onlineVideoEmbedUrl;
|
|
2091
2088
|
iframe.title = context.t("pptx.media.onlineVideoTitle");
|
|
2092
|
-
iframe.allow =
|
|
2093
|
-
iframe.sandbox.value =
|
|
2089
|
+
iframe.allow = chunkZK344LOB_cjs.ONLINE_VIDEO_IFRAME_ALLOW;
|
|
2090
|
+
iframe.sandbox.value = chunkZK344LOB_cjs.ONLINE_VIDEO_IFRAME_SANDBOX;
|
|
2094
2091
|
iframe.allowFullscreen = true;
|
|
2095
2092
|
el.appendChild(iframe);
|
|
2096
2093
|
return el;
|
|
@@ -2119,21 +2116,21 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2119
2116
|
audio.src = mediaSrc;
|
|
2120
2117
|
audio.controls = showTransport;
|
|
2121
2118
|
el.appendChild(audio);
|
|
2122
|
-
if (context.presenting &&
|
|
2119
|
+
if (context.presenting && chunkZK344LOB_cjs.registerCrossSlideAudio(element, mediaSrc)) {
|
|
2123
2120
|
audio.muted = true;
|
|
2124
|
-
|
|
2121
|
+
chunkZK344LOB_cjs.applyMediaPlaybackAttributes(audio, element);
|
|
2125
2122
|
return el;
|
|
2126
2123
|
}
|
|
2127
2124
|
applyMediaPresentingState(audio, context.presenting, element);
|
|
2128
2125
|
wireMediaFullscreenOverlay(doc, el, audio, element, context, baseStyle);
|
|
2129
2126
|
return el;
|
|
2130
2127
|
}
|
|
2131
|
-
const fallback =
|
|
2128
|
+
const fallback = chunkZK344LOB_cjs.mediaFallbackVisual(surface, {
|
|
2132
2129
|
hasPoster: Boolean(posterSrc),
|
|
2133
2130
|
missing: element.mediaMissing === true
|
|
2134
2131
|
});
|
|
2135
|
-
const icon =
|
|
2136
|
-
const labelKey =
|
|
2132
|
+
const icon = chunkZK344LOB_cjs.mediaFallbackIcon(fallback, element.mediaType);
|
|
2133
|
+
const labelKey = chunkZK344LOB_cjs.mediaFallbackLabelKey(fallback, element.mediaType);
|
|
2137
2134
|
if (fallback.poster && posterSrc) {
|
|
2138
2135
|
const img = createEl(doc, "img", "pptxv-media-poster", {
|
|
2139
2136
|
width: "100%",
|
|
@@ -2150,7 +2147,7 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2150
2147
|
if (fallback.badge === "missing") {
|
|
2151
2148
|
badge.classList.add("pptxv-media-badge-missing");
|
|
2152
2149
|
}
|
|
2153
|
-
badge.setAttribute(
|
|
2150
|
+
badge.setAttribute(chunkZK344LOB_cjs.MEDIA_CHROME_ATTRIBUTE, fallback.badge);
|
|
2154
2151
|
badge.appendChild(buildIcon(doc, icon));
|
|
2155
2152
|
if (labelKey !== void 0 && fallback.badge === "missing") {
|
|
2156
2153
|
const text = createEl(doc, "span");
|
|
@@ -2163,7 +2160,7 @@ var renderMediaElement = (element, zIndex, context) => {
|
|
|
2163
2160
|
}
|
|
2164
2161
|
if (fallback.placeholder !== "none") {
|
|
2165
2162
|
el.classList.add("pptxv-placeholder", "pptxv-media-placeholder");
|
|
2166
|
-
el.setAttribute(
|
|
2163
|
+
el.setAttribute(chunkZK344LOB_cjs.MEDIA_CHROME_ATTRIBUTE, fallback.placeholder);
|
|
2167
2164
|
if (icon.length > 0) {
|
|
2168
2165
|
el.appendChild(buildIcon(doc, icon));
|
|
2169
2166
|
}
|
|
@@ -2199,7 +2196,7 @@ var renderModel3dElement = (element, zIndex, context) => {
|
|
|
2199
2196
|
doc,
|
|
2200
2197
|
"div",
|
|
2201
2198
|
"pptxv-element pptxv-model3d",
|
|
2202
|
-
|
|
2199
|
+
chunkZK344LOB_cjs.getContainerStyle(element, zIndex)
|
|
2203
2200
|
);
|
|
2204
2201
|
el.dataset.elementId = element.id;
|
|
2205
2202
|
const label = context.t("pptx.model3d.label");
|
|
@@ -2336,7 +2333,7 @@ function buildOleIcon(doc, type, color) {
|
|
|
2336
2333
|
fill: "none",
|
|
2337
2334
|
"aria-hidden": "true"
|
|
2338
2335
|
});
|
|
2339
|
-
for (const shape of
|
|
2336
|
+
for (const shape of chunkZK344LOB_cjs.getOleIconShapes(type)) {
|
|
2340
2337
|
const node = createSvgEl(doc, shape.tag, shape.attrs);
|
|
2341
2338
|
if (shape.tag === "text") {
|
|
2342
2339
|
node.setAttribute("fill", color);
|
|
@@ -2355,21 +2352,21 @@ var renderOleElement = (element, zIndex, context) => {
|
|
|
2355
2352
|
return null;
|
|
2356
2353
|
}
|
|
2357
2354
|
const doc = context.document;
|
|
2358
|
-
const oleType =
|
|
2359
|
-
const typeColor =
|
|
2360
|
-
const typeLabel =
|
|
2361
|
-
const el = createEl(doc, "div", "pptxv-element pptxv-ole",
|
|
2355
|
+
const oleType = chunkZK344LOB_cjs.resolveOleType(element);
|
|
2356
|
+
const typeColor = chunkZK344LOB_cjs.getOleTypeColor(oleType);
|
|
2357
|
+
const typeLabel = chunkZK344LOB_cjs.getOleTypeLabel(oleType);
|
|
2358
|
+
const el = createEl(doc, "div", "pptxv-element pptxv-ole", chunkZK344LOB_cjs.getContainerStyle(element, zIndex));
|
|
2362
2359
|
el.dataset.elementId = element.id;
|
|
2363
2360
|
el.setAttribute("role", "group");
|
|
2364
|
-
el.setAttribute("aria-label",
|
|
2361
|
+
el.setAttribute("aria-label", chunkZK344LOB_cjs.getOleAriaLabel(element));
|
|
2365
2362
|
el.title = infoLines(element, typeLabel).join("\n");
|
|
2366
2363
|
if (element.previewImageData) {
|
|
2367
|
-
el.appendChild(buildPreview(doc, element, typeColor,
|
|
2364
|
+
el.appendChild(buildPreview(doc, element, typeColor, chunkZK344LOB_cjs.getOleBadgeLabel(oleType)));
|
|
2368
2365
|
} else {
|
|
2369
2366
|
el.appendChild(buildPlaceholder2(doc, element, oleType, typeColor, typeLabel));
|
|
2370
2367
|
}
|
|
2371
|
-
const showActions =
|
|
2372
|
-
|
|
2368
|
+
const showActions = chunkZK344LOB_cjs.oleActionsVisible(
|
|
2369
|
+
chunkZK344LOB_cjs.mediaSurfaceOf({
|
|
2373
2370
|
interactive: context.interactive === true,
|
|
2374
2371
|
presenting: context.presenting
|
|
2375
2372
|
})
|
|
@@ -2385,7 +2382,7 @@ function infoLines(el, typeLabel) {
|
|
|
2385
2382
|
if (name) {
|
|
2386
2383
|
lines.push(name);
|
|
2387
2384
|
}
|
|
2388
|
-
const size =
|
|
2385
|
+
const size = chunkZK344LOB_cjs.formatBytes(el.oleEmbeddedByteSize);
|
|
2389
2386
|
if (size) {
|
|
2390
2387
|
lines.push(size);
|
|
2391
2388
|
}
|
|
@@ -2409,7 +2406,7 @@ function buildPreview(doc, el, typeColor, badgeLabel) {
|
|
|
2409
2406
|
display: "block"
|
|
2410
2407
|
});
|
|
2411
2408
|
img.src = el.previewImageData ?? "";
|
|
2412
|
-
img.alt =
|
|
2409
|
+
img.alt = chunkZK344LOB_cjs.getOleAriaLabel(el);
|
|
2413
2410
|
img.draggable = false;
|
|
2414
2411
|
preview.appendChild(img);
|
|
2415
2412
|
const badge = createSvgEl(doc, "svg", { width: 24, height: 24, viewBox: "0 0 24 24" });
|
|
@@ -2436,7 +2433,7 @@ function buildPreview(doc, el, typeColor, badgeLabel) {
|
|
|
2436
2433
|
}
|
|
2437
2434
|
function buildPlaceholder2(doc, el, oleType, typeColor, typeLabel) {
|
|
2438
2435
|
const box = createEl(doc, "div", "pptxv-ole-placeholder", {
|
|
2439
|
-
...
|
|
2436
|
+
...chunkZK344LOB_cjs.getPlaceholderStyle(oleType),
|
|
2440
2437
|
width: "100%",
|
|
2441
2438
|
height: "100%",
|
|
2442
2439
|
display: "flex",
|
|
@@ -2457,7 +2454,7 @@ function buildPlaceholder2(doc, el, oleType, typeColor, typeLabel) {
|
|
|
2457
2454
|
whiteSpace: "nowrap",
|
|
2458
2455
|
color: typeColor
|
|
2459
2456
|
});
|
|
2460
|
-
name.textContent =
|
|
2457
|
+
name.textContent = chunkZK344LOB_cjs.getOleDisplayName(el);
|
|
2461
2458
|
box.appendChild(name);
|
|
2462
2459
|
if (el.fileName) {
|
|
2463
2460
|
const sublabel = createEl(doc, "span", "pptxv-ole-sublabel", {
|
|
@@ -2509,7 +2506,7 @@ function buildActionBar(doc, el, typeLabel, context) {
|
|
|
2509
2506
|
for (const type of ["pointerdown", "mousedown", "click"]) {
|
|
2510
2507
|
bar.addEventListener(type, (event) => event.stopPropagation());
|
|
2511
2508
|
}
|
|
2512
|
-
const size =
|
|
2509
|
+
const size = chunkZK344LOB_cjs.formatBytes(el.oleEmbeddedByteSize);
|
|
2513
2510
|
if (size) {
|
|
2514
2511
|
const meta = createEl(doc, "span", "pptxv-ole-meta", {
|
|
2515
2512
|
marginRight: "auto",
|
|
@@ -2529,14 +2526,14 @@ function buildActionBar(doc, el, typeLabel, context) {
|
|
|
2529
2526
|
download.title = downloadTitle;
|
|
2530
2527
|
download.textContent = context.t("pptx.ole.download");
|
|
2531
2528
|
bar.appendChild(download);
|
|
2532
|
-
if (
|
|
2529
|
+
if (chunkZK344LOB_cjs.isBrowserOpenableMime(el.oleEmbeddedMimeType)) {
|
|
2533
2530
|
const open = createEl(doc, "button", "pptxv-ole-action", ACTION_STYLE);
|
|
2534
2531
|
open.type = "button";
|
|
2535
2532
|
const openTitle = context.t("pptx.ole.openName", { name: downloadName });
|
|
2536
2533
|
open.setAttribute("aria-label", openTitle);
|
|
2537
2534
|
open.title = openTitle;
|
|
2538
2535
|
open.textContent = context.t("pptx.ole.open");
|
|
2539
|
-
open.addEventListener("click", () =>
|
|
2536
|
+
open.addEventListener("click", () => chunkZK344LOB_cjs.openUrlInNewTab(data));
|
|
2540
2537
|
bar.appendChild(open);
|
|
2541
2538
|
}
|
|
2542
2539
|
return bar;
|
|
@@ -2548,12 +2545,12 @@ var renderPlaceholderElement = (element, zIndex, context) => {
|
|
|
2548
2545
|
context.document,
|
|
2549
2546
|
"div",
|
|
2550
2547
|
"pptxv-element pptxv-placeholder",
|
|
2551
|
-
|
|
2548
|
+
chunkZK344LOB_cjs.getContainerStyle(element, zIndex)
|
|
2552
2549
|
);
|
|
2553
2550
|
el.dataset.elementId = element.id;
|
|
2554
2551
|
el.dataset.elementType = element.type;
|
|
2555
2552
|
const label = createEl(context.document, "div", "pptxv-placeholder-label");
|
|
2556
|
-
label.textContent =
|
|
2553
|
+
label.textContent = chunkSM3CWDIQ_cjs.keyToLabel(element.type);
|
|
2557
2554
|
el.appendChild(label);
|
|
2558
2555
|
return el;
|
|
2559
2556
|
};
|
|
@@ -2564,7 +2561,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2564
2561
|
return null;
|
|
2565
2562
|
}
|
|
2566
2563
|
const doc = context.document;
|
|
2567
|
-
const summaryView =
|
|
2564
|
+
const summaryView = chunkZK344LOB_cjs.buildSummaryZoomView(
|
|
2568
2565
|
element,
|
|
2569
2566
|
(index) => {
|
|
2570
2567
|
const slide = context.slides?.[index];
|
|
@@ -2584,7 +2581,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2584
2581
|
doc,
|
|
2585
2582
|
"div",
|
|
2586
2583
|
"pptxv-element pptxv-zoom pptxv-summary-zoom",
|
|
2587
|
-
|
|
2584
|
+
chunkZK344LOB_cjs.getContainerStyle(element, zIndex)
|
|
2588
2585
|
);
|
|
2589
2586
|
const content = createEl(doc, "div", "pptxv-summary-zoom-content", summaryView.containerStyle);
|
|
2590
2587
|
root.dataset.elementId = element.id;
|
|
@@ -2650,7 +2647,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2650
2647
|
const target = element.targetSlideIndex ?? 0;
|
|
2651
2648
|
const targetSlide = context.slides?.[target];
|
|
2652
2649
|
const interactive = context.presenting && context.onZoomClick !== void 0;
|
|
2653
|
-
const el = createEl(doc, "div", "pptxv-element pptxv-zoom",
|
|
2650
|
+
const el = createEl(doc, "div", "pptxv-element pptxv-zoom", chunkZK344LOB_cjs.getContainerStyle(element, zIndex));
|
|
2654
2651
|
el.dataset.elementId = element.id;
|
|
2655
2652
|
el.dataset.zoomType = zoomType;
|
|
2656
2653
|
el.dataset.zoomTarget = String(target);
|
|
@@ -2660,7 +2657,7 @@ var renderZoomElement = (element, zIndex, context) => {
|
|
|
2660
2657
|
el.tabIndex = 0;
|
|
2661
2658
|
el.style.cursor = "pointer";
|
|
2662
2659
|
const activate = () => {
|
|
2663
|
-
const zoomTarget =
|
|
2660
|
+
const zoomTarget = chunkZK344LOB_cjs.resolveZoomNavigationTarget(element);
|
|
2664
2661
|
if (zoomTarget) {
|
|
2665
2662
|
context.onZoomClick?.(zoomTarget, context.currentSlideIndex ?? 0);
|
|
2666
2663
|
}
|
|
@@ -2775,7 +2772,7 @@ function registerExtraRenderers(registry) {
|
|
|
2775
2772
|
// src/pptx/dom/elements/smartart-3d.ts
|
|
2776
2773
|
var renderSmartArt3DElement = (element, zIndex, context) => {
|
|
2777
2774
|
const wrapper = renderSmartArtSvg(element, zIndex, context);
|
|
2778
|
-
const spec = wrapper ?
|
|
2775
|
+
const spec = wrapper ? chunkZK344LOB_cjs.resolveSmartArtThreeViewSpec(element, context.smartArt3D) : null;
|
|
2779
2776
|
if (!wrapper || !spec) {
|
|
2780
2777
|
return wrapper;
|
|
2781
2778
|
}
|
|
@@ -2785,18 +2782,18 @@ var renderSmartArt3DElement = (element, zIndex, context) => {
|
|
|
2785
2782
|
textStyle: context.presentationStates?.get(element.id)?.textStyle
|
|
2786
2783
|
});
|
|
2787
2784
|
if (context.onSmartArtNodeTextChange && context.interactive && !context.presenting) {
|
|
2788
|
-
const layer = renderSmartArtSvg(
|
|
2785
|
+
const layer = renderSmartArtSvg(chunkZK344LOB_cjs.elementInLocalFrame(element), 0, context);
|
|
2789
2786
|
if (layer) {
|
|
2790
2787
|
layer.classList.add("pptxv-smartart-3d-edit-layer");
|
|
2791
2788
|
layer.setAttribute("data-smartart-3d-edit-layer", "true");
|
|
2792
|
-
|
|
2789
|
+
chunkZK344LOB_cjs.stripEditLayerMarkers(layer);
|
|
2793
2790
|
layer.setAttribute("aria-hidden", "true");
|
|
2794
2791
|
Object.assign(layer.style, { position: "absolute", inset: "0", zIndex: "1" });
|
|
2795
2792
|
for (const svg of layer.querySelectorAll("svg")) {
|
|
2796
2793
|
svg.style.opacity = "0";
|
|
2797
2794
|
}
|
|
2798
2795
|
wrapper.appendChild(layer);
|
|
2799
|
-
|
|
2796
|
+
chunkZK344LOB_cjs.routeEditLayerPointerToNodes(layer);
|
|
2800
2797
|
}
|
|
2801
2798
|
}
|
|
2802
2799
|
return wrapper;
|
|
@@ -2809,7 +2806,7 @@ function nodeTarget(target) {
|
|
|
2809
2806
|
}
|
|
2810
2807
|
function enableSmartArtEditing(chrome, element, context) {
|
|
2811
2808
|
const data = element.smartArtData;
|
|
2812
|
-
if (!data || !context.onSmartArtNodeTextChange && !context.onSmartArtNodeFillChange || !
|
|
2809
|
+
if (!data || !context.onSmartArtNodeTextChange && !context.onSmartArtNodeFillChange || !chunkZK344LOB_cjs.canDrillDown(element)) {
|
|
2813
2810
|
return;
|
|
2814
2811
|
}
|
|
2815
2812
|
let editor = null;
|
|
@@ -2831,8 +2828,8 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2831
2828
|
}
|
|
2832
2829
|
event.stopPropagation();
|
|
2833
2830
|
const textNode = target.querySelector("text");
|
|
2834
|
-
const textRect = textNode ?
|
|
2835
|
-
const rect = textRect && textRect.width > 0 ? textRect :
|
|
2831
|
+
const textRect = textNode ? chunkZK344LOB_cjs.measureSvgViewportRect(textNode) : null;
|
|
2832
|
+
const rect = textRect && textRect.width > 0 ? textRect : chunkZK344LOB_cjs.measureSvgViewportRect(target);
|
|
2836
2833
|
if (!rect) {
|
|
2837
2834
|
return;
|
|
2838
2835
|
}
|
|
@@ -2856,7 +2853,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2856
2853
|
textAlign: "center"
|
|
2857
2854
|
});
|
|
2858
2855
|
editor = input;
|
|
2859
|
-
input.value =
|
|
2856
|
+
input.value = chunkZK344LOB_cjs.findSmartArtNodeText(data, nodeId) ?? "";
|
|
2860
2857
|
const commit = () => {
|
|
2861
2858
|
if (input !== editor) {
|
|
2862
2859
|
return;
|
|
@@ -2888,7 +2885,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2888
2885
|
}
|
|
2889
2886
|
cancelHide();
|
|
2890
2887
|
swatches?.remove();
|
|
2891
|
-
const rect =
|
|
2888
|
+
const rect = chunkZK344LOB_cjs.measureSvgViewportRect(target);
|
|
2892
2889
|
if (!rect) {
|
|
2893
2890
|
return;
|
|
2894
2891
|
}
|
|
@@ -2907,7 +2904,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
2907
2904
|
});
|
|
2908
2905
|
swatches.setAttribute("role", "group");
|
|
2909
2906
|
swatches.setAttribute("aria-label", context.t("pptx.smartArt.fillColor"));
|
|
2910
|
-
for (const color of
|
|
2907
|
+
for (const color of chunkZK344LOB_cjs.resolvePalette(data).slice(0, 6)) {
|
|
2911
2908
|
const button = createEl(chrome.ownerDocument, "button", "", {
|
|
2912
2909
|
width: "18px",
|
|
2913
2910
|
height: "18px",
|
|
@@ -3006,7 +3003,7 @@ function buildSmartArtFallbackSvg(doc, layout, a11yNodes = [], nodeIds = []) {
|
|
|
3006
3003
|
svg.setAttribute("class", "pptxv-smartart-svg");
|
|
3007
3004
|
svg.setAttribute("style", SMARTART_SVG_STYLE);
|
|
3008
3005
|
for (const conn of layout.connectors) {
|
|
3009
|
-
const paint =
|
|
3006
|
+
const paint = chunkZK344LOB_cjs.smartArtConnectorPaint(conn);
|
|
3010
3007
|
svg.appendChild(
|
|
3011
3008
|
createSvgEl(doc, "path", {
|
|
3012
3009
|
d: paint.d,
|
|
@@ -3065,7 +3062,7 @@ function buildFallbackNode(doc, node, shadowFilter, a11yLabel, nodeId) {
|
|
|
3065
3062
|
})
|
|
3066
3063
|
);
|
|
3067
3064
|
}
|
|
3068
|
-
const label =
|
|
3065
|
+
const label = chunkZK344LOB_cjs.smartArtNodeLabel(node);
|
|
3069
3066
|
if (label.visible) {
|
|
3070
3067
|
appendSvgTextLines(doc, g, {
|
|
3071
3068
|
lines: label.lines,
|
|
@@ -3101,41 +3098,41 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
3101
3098
|
doc,
|
|
3102
3099
|
"div",
|
|
3103
3100
|
"pptxv-element pptxv-smartart",
|
|
3104
|
-
|
|
3101
|
+
chunkZK344LOB_cjs.getContainerStyle(element, zIndex)
|
|
3105
3102
|
);
|
|
3106
3103
|
wrapper.dataset.elementId = element.id;
|
|
3107
3104
|
wrapper.dataset.testid = `smartart-${data?.layout ?? "diagram"}`;
|
|
3108
|
-
const chrome = createEl(doc, "div", "pptxv-smartart-chrome",
|
|
3105
|
+
const chrome = createEl(doc, "div", "pptxv-smartart-chrome", chunkZK344LOB_cjs.buildChromeStyle(data?.chrome));
|
|
3109
3106
|
chrome.style.position = "relative";
|
|
3110
3107
|
wrapper.appendChild(chrome);
|
|
3111
3108
|
if (data) {
|
|
3112
|
-
const a11y =
|
|
3109
|
+
const a11y = chunkZK344LOB_cjs.buildSmartArtA11y(data);
|
|
3113
3110
|
chrome.setAttribute("role", "img");
|
|
3114
3111
|
chrome.setAttribute("aria-label", a11y.label);
|
|
3115
3112
|
}
|
|
3116
3113
|
const nodes = data?.nodes ?? [];
|
|
3117
3114
|
const drawingShapes = data?.drawingShapes ?? [];
|
|
3118
3115
|
const animationState = context.presentationStates?.get(element.id);
|
|
3119
|
-
const { nodes: revealedNodesFull } =
|
|
3116
|
+
const { nodes: revealedNodesFull } = chunkZK344LOB_cjs.resolveRevealedSmartArtNodes(
|
|
3120
3117
|
nodes,
|
|
3121
3118
|
animationState,
|
|
3122
3119
|
data?.presLayoutVars
|
|
3123
3120
|
);
|
|
3124
3121
|
if (data && drawingShapes.length > 0) {
|
|
3125
|
-
const revealedShapes =
|
|
3122
|
+
const revealedShapes = chunkZK344LOB_cjs.resolveRevealedDrawingShapes(drawingShapes, nodes, animationState);
|
|
3126
3123
|
chrome.appendChild(
|
|
3127
|
-
buildDrawingShapesSvg(doc, element.id, data,
|
|
3124
|
+
buildDrawingShapesSvg(doc, element.id, data, chunkZK344LOB_cjs.buildSmartArtA11y(data).nodes, revealedShapes)
|
|
3128
3125
|
);
|
|
3129
3126
|
enableSmartArtEditing(chrome, element, context);
|
|
3130
3127
|
return wrapper;
|
|
3131
3128
|
}
|
|
3132
3129
|
if (data && nodes.length > 0) {
|
|
3133
3130
|
const revealedNodes = revealedNodesFull;
|
|
3134
|
-
const layout =
|
|
3131
|
+
const layout = chunkZK344LOB_cjs.computeSmartArtElementLayout(
|
|
3135
3132
|
data,
|
|
3136
3133
|
revealedNodes,
|
|
3137
3134
|
{ width: element.width, height: element.height },
|
|
3138
|
-
|
|
3135
|
+
chunkZK344LOB_cjs.resolvePalette(data),
|
|
3139
3136
|
data.style ?? "flat",
|
|
3140
3137
|
element.id
|
|
3141
3138
|
);
|
|
@@ -3143,8 +3140,8 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
3143
3140
|
buildSmartArtFallbackSvg(
|
|
3144
3141
|
doc,
|
|
3145
3142
|
layout,
|
|
3146
|
-
|
|
3147
|
-
|
|
3143
|
+
chunkZK344LOB_cjs.buildSmartArtA11y(data).nodes,
|
|
3144
|
+
chunkZK344LOB_cjs.flattenNodes(revealedNodes).map((node) => node.id)
|
|
3148
3145
|
)
|
|
3149
3146
|
);
|
|
3150
3147
|
enableSmartArtEditing(chrome, element, context);
|
|
@@ -3167,17 +3164,17 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
3167
3164
|
function buildDrawingShapesSvg(doc, elementId, data, a11yNodes, revealedShapes) {
|
|
3168
3165
|
const allShapes = data.drawingShapes ?? [];
|
|
3169
3166
|
const style = data.style ?? "flat";
|
|
3170
|
-
const viewBox =
|
|
3171
|
-
const rendered =
|
|
3167
|
+
const viewBox = chunkZK344LOB_cjs.computeDrawingViewBox(allShapes);
|
|
3168
|
+
const rendered = chunkZK344LOB_cjs.projectDrawingShapes(
|
|
3172
3169
|
elementId,
|
|
3173
3170
|
revealedShapes,
|
|
3174
3171
|
viewBox,
|
|
3175
|
-
|
|
3172
|
+
chunkZK344LOB_cjs.resolvePalette(data),
|
|
3176
3173
|
style
|
|
3177
3174
|
);
|
|
3178
|
-
const shadow =
|
|
3175
|
+
const shadow = chunkZK344LOB_cjs.styleShadowFilter(style);
|
|
3179
3176
|
const labelsById = new Map(a11yNodes.map((node) => [node.id, node.label]));
|
|
3180
|
-
const nodeIds =
|
|
3177
|
+
const nodeIds = chunkZK344LOB_cjs.resolveRevealedDrawingShapeNodeIds(allShapes, revealedShapes, data.nodes);
|
|
3181
3178
|
const svg = createSvgEl(doc, "svg", {
|
|
3182
3179
|
viewBox: `0 0 ${viewBox.width} ${viewBox.height}`,
|
|
3183
3180
|
preserveAspectRatio: "xMidYMid meet"
|
|
@@ -3312,7 +3309,7 @@ function enableTableResize(container, table, element, context) {
|
|
|
3312
3309
|
for (const handle of [...colHandles, ...rowHandles]) {
|
|
3313
3310
|
handle.remove();
|
|
3314
3311
|
}
|
|
3315
|
-
colHandles =
|
|
3312
|
+
colHandles = chunkZK344LOB_cjs.computeColumnBoundaries(tableData.columnWidths).map((leftPct) => {
|
|
3316
3313
|
const handle = createEl(doc, "div", "pptxv-table-resize-col", {
|
|
3317
3314
|
position: "absolute",
|
|
3318
3315
|
top: "0",
|
|
@@ -3368,14 +3365,14 @@ function enableTableResize(container, table, element, context) {
|
|
|
3368
3365
|
const deltaProp = (event.clientX - active.startPos) / (rect.width || 1);
|
|
3369
3366
|
context.onTableResizeColumns?.(
|
|
3370
3367
|
element,
|
|
3371
|
-
|
|
3368
|
+
chunkZK344LOB_cjs.computeResizedColumnWidths(active.initialWidths, active.index, deltaProp)
|
|
3372
3369
|
);
|
|
3373
3370
|
} else if (event.clientY !== active.startPos && active.type === "row") {
|
|
3374
3371
|
const deltaY = event.clientY - active.startPos;
|
|
3375
3372
|
context.onTableResizeRow?.(
|
|
3376
3373
|
element,
|
|
3377
3374
|
active.index,
|
|
3378
|
-
|
|
3375
|
+
chunkZK344LOB_cjs.computeResizedRowHeight(active.initialRowHeight ?? chunkZK344LOB_cjs.DEFAULT_ROW_HEIGHT, deltaY)
|
|
3379
3376
|
);
|
|
3380
3377
|
}
|
|
3381
3378
|
drawHandles();
|
|
@@ -3384,8 +3381,8 @@ function enableTableResize(container, table, element, context) {
|
|
|
3384
3381
|
const rect = container.getBoundingClientRect();
|
|
3385
3382
|
const localX = event.clientX - rect.left;
|
|
3386
3383
|
const localY = event.clientY - rect.top;
|
|
3387
|
-
const scaleY =
|
|
3388
|
-
const colBoundaries =
|
|
3384
|
+
const scaleY = chunkZK344LOB_cjs.getTableResizeScale(rect.height, container.offsetHeight);
|
|
3385
|
+
const colBoundaries = chunkZK344LOB_cjs.computeColumnBoundaries(tableData.columnWidths);
|
|
3389
3386
|
for (let i = 0; i < colBoundaries.length; i++) {
|
|
3390
3387
|
const boundaryX = colBoundaries[i] / 100 * rect.width;
|
|
3391
3388
|
if (Math.abs(localX - boundaryX) <= HANDLE_ZONE) {
|
|
@@ -3418,7 +3415,7 @@ function enableTableResize(container, table, element, context) {
|
|
|
3418
3415
|
index: i,
|
|
3419
3416
|
startPos: event.clientY,
|
|
3420
3417
|
handleEl: rowHandles[i] ?? container,
|
|
3421
|
-
initialRowHeight: tr?.offsetHeight ??
|
|
3418
|
+
initialRowHeight: tr?.offsetHeight ?? chunkZK344LOB_cjs.DEFAULT_ROW_HEIGHT
|
|
3422
3419
|
};
|
|
3423
3420
|
win.addEventListener("mousemove", onMouseMove);
|
|
3424
3421
|
win.addEventListener("mouseup", onMouseUp);
|
|
@@ -3439,7 +3436,7 @@ var renderTableElement = (element, zIndex, context) => {
|
|
|
3439
3436
|
}
|
|
3440
3437
|
const doc = context.document;
|
|
3441
3438
|
const container = createEl(doc, "div", "pptxv-element pptxv-table", {
|
|
3442
|
-
...
|
|
3439
|
+
...chunkZK344LOB_cjs.getContainerStyle(element, zIndex),
|
|
3443
3440
|
overflow: "hidden"
|
|
3444
3441
|
});
|
|
3445
3442
|
container.dataset.elementId = element.id;
|
|
@@ -3450,9 +3447,9 @@ var renderTableElement = (element, zIndex, context) => {
|
|
|
3450
3447
|
tableLayout: "fixed",
|
|
3451
3448
|
// Load-bearing: an unstyled cell otherwise inherits the HOST chrome's
|
|
3452
3449
|
// font stack; all five bindings declare the same shared default here.
|
|
3453
|
-
fontFamily:
|
|
3450
|
+
fontFamily: chunkYRHK45AB_cjs.DEFAULT_FONT_FAMILY,
|
|
3454
3451
|
// `a:tblPr@rtl`: mirrors the column order for right-to-left decks.
|
|
3455
|
-
...
|
|
3452
|
+
...chunkZK344LOB_cjs.tableContainerCss(tableData)
|
|
3456
3453
|
});
|
|
3457
3454
|
appendColgroup(doc, table, tableData.columnWidths);
|
|
3458
3455
|
const tbody = doc.createElement("tbody");
|
|
@@ -3513,13 +3510,13 @@ function renderCell(doc, tableData, cell, rowIndex, cellIndex, rowCount, columnC
|
|
|
3513
3510
|
if (cell.rowSpan && cell.rowSpan > 1) {
|
|
3514
3511
|
td.rowSpan = cell.rowSpan;
|
|
3515
3512
|
}
|
|
3516
|
-
const style =
|
|
3513
|
+
const style = chunkZK344LOB_cjs.tableCellCss(
|
|
3517
3514
|
tableData,
|
|
3518
3515
|
cell,
|
|
3519
3516
|
{ rowIndex, cellIndex, rowCount, columnCount },
|
|
3520
3517
|
styleContext
|
|
3521
3518
|
);
|
|
3522
|
-
const patternFill = cell.style ?
|
|
3519
|
+
const patternFill = cell.style ? chunkZK344LOB_cjs.cellPatternFillCss(cell.style) : null;
|
|
3523
3520
|
if (patternFill) {
|
|
3524
3521
|
delete style["backgroundColor"];
|
|
3525
3522
|
delete style["background"];
|
|
@@ -3532,7 +3529,7 @@ function renderCell(doc, tableData, cell, rowIndex, cellIndex, rowCount, columnC
|
|
|
3532
3529
|
}
|
|
3533
3530
|
applyStyleMap(td, CELL_BASE_STYLE);
|
|
3534
3531
|
applyStyleMap(td, style);
|
|
3535
|
-
const diagonals =
|
|
3532
|
+
const diagonals = chunkZK344LOB_cjs.getCellDiagonalBorders(
|
|
3536
3533
|
cell.style,
|
|
3537
3534
|
tableData,
|
|
3538
3535
|
{ rowIndex, cellIndex, rowCount, columnCount },
|
|
@@ -3585,6 +3582,15 @@ function renderDiagonalOverlay(doc, diagonals) {
|
|
|
3585
3582
|
return svg;
|
|
3586
3583
|
}
|
|
3587
3584
|
function appendCellText(doc, td, cell) {
|
|
3585
|
+
const blocks = chunkZK344LOB_cjs.cellParagraphBlocks(cell);
|
|
3586
|
+
if (blocks) {
|
|
3587
|
+
for (const block of blocks) {
|
|
3588
|
+
const div = createEl(doc, "div", "pptxv-table-para", { display: "block", ...block.css });
|
|
3589
|
+
appendRuns(doc, div, block.runs);
|
|
3590
|
+
td.appendChild(div);
|
|
3591
|
+
}
|
|
3592
|
+
return;
|
|
3593
|
+
}
|
|
3588
3594
|
const richCell = cell;
|
|
3589
3595
|
const textRuns = richCell.textRuns && richCell.textRuns.length > 0 ? richCell.textRuns : null;
|
|
3590
3596
|
if (!textRuns) {
|
|
@@ -3600,16 +3606,21 @@ function appendCellText(doc, td, cell) {
|
|
|
3600
3606
|
);
|
|
3601
3607
|
continue;
|
|
3602
3608
|
}
|
|
3609
|
+
appendRuns(doc, td, [run]);
|
|
3610
|
+
}
|
|
3611
|
+
}
|
|
3612
|
+
function appendRuns(doc, parent, runs) {
|
|
3613
|
+
for (const run of runs) {
|
|
3603
3614
|
if (run.isLineBreak) {
|
|
3604
|
-
|
|
3615
|
+
parent.appendChild(doc.createElement("br"));
|
|
3605
3616
|
continue;
|
|
3606
3617
|
}
|
|
3607
3618
|
const span = createEl(doc, "span", "pptxv-table-run", {
|
|
3608
3619
|
position: "relative",
|
|
3609
|
-
...
|
|
3620
|
+
...chunkZK344LOB_cjs.cellRunStyle(run)
|
|
3610
3621
|
});
|
|
3611
3622
|
span.textContent = run.text;
|
|
3612
|
-
|
|
3623
|
+
parent.appendChild(span);
|
|
3613
3624
|
}
|
|
3614
3625
|
}
|
|
3615
3626
|
|
|
@@ -3620,8 +3631,8 @@ function registerTableChartRenderers(registry) {
|
|
|
3620
3631
|
}
|
|
3621
3632
|
|
|
3622
3633
|
// src/pptx/dom/glyph-outline-cache.ts
|
|
3623
|
-
var glyphOutlineFontCache = new
|
|
3624
|
-
var getGlyphOutline =
|
|
3634
|
+
var glyphOutlineFontCache = new chunkZK344LOB_cjs.GlyphOutlineFontCache();
|
|
3635
|
+
var getGlyphOutline = chunkZK344LOB_cjs.createGlyphOutlineLookup(glyphOutlineFontCache);
|
|
3625
3636
|
|
|
3626
3637
|
// src/pptx/dom/elements/text-warp.ts
|
|
3627
3638
|
function renderWarpedText(element, context) {
|
|
@@ -3633,12 +3644,12 @@ function renderWarpedText(element, context) {
|
|
|
3633
3644
|
if (!preset || preset === "textNoShape" || preset === "textPlain") {
|
|
3634
3645
|
return null;
|
|
3635
3646
|
}
|
|
3636
|
-
const paragraphs =
|
|
3647
|
+
const paragraphs = chunkZK344LOB_cjs.groupIntoParagraphs(element);
|
|
3637
3648
|
if (paragraphs.length === 0) {
|
|
3638
3649
|
return null;
|
|
3639
3650
|
}
|
|
3640
|
-
if (!
|
|
3641
|
-
const transform =
|
|
3651
|
+
if (!chunkZK344LOB_cjs.shouldUseSvgWarp(preset)) {
|
|
3652
|
+
const transform = chunkZK344LOB_cjs.getWarpCssTransform(preset, style?.textWarpAdj, style?.textWarpAdj2);
|
|
3642
3653
|
if (!transform) {
|
|
3643
3654
|
return null;
|
|
3644
3655
|
}
|
|
@@ -3666,7 +3677,7 @@ function renderWarpedText(element, context) {
|
|
|
3666
3677
|
text.textContent = paragraphs.map((p) => p.segments.map((s) => s.text).join("")).join("\n");
|
|
3667
3678
|
return text;
|
|
3668
3679
|
}
|
|
3669
|
-
if (
|
|
3680
|
+
if (chunkZK344LOB_cjs.hasGlyphEnvelope(preset)) {
|
|
3670
3681
|
return renderGlyphWarp(element, paragraphs, context);
|
|
3671
3682
|
}
|
|
3672
3683
|
return renderPathWarp(element, paragraphs, context);
|
|
@@ -3675,7 +3686,7 @@ function segmentFont(segment, elementStyle) {
|
|
|
3675
3686
|
const s = segment.style ?? {};
|
|
3676
3687
|
const family = s.fontFamily || elementStyle.fontFamily;
|
|
3677
3688
|
return {
|
|
3678
|
-
fontFamily: family ? pptx.getSubstituteFontFamily(family) :
|
|
3689
|
+
fontFamily: family ? pptx.getSubstituteFontFamily(family) : chunkYRHK45AB_cjs.DEFAULT_FONT_FAMILY,
|
|
3679
3690
|
fontSizePx: s.fontSize ?? elementStyle.fontSize ?? 18,
|
|
3680
3691
|
bold: s.bold ?? elementStyle.bold,
|
|
3681
3692
|
italic: s.italic ?? elementStyle.italic
|
|
@@ -3692,7 +3703,7 @@ function renderGlyphWarp(element, paragraphs, context) {
|
|
|
3692
3703
|
});
|
|
3693
3704
|
svg.setAttribute("class", "pptxv-wordart");
|
|
3694
3705
|
svg.setAttribute("style", "position:absolute;inset:0;width:100%;height:100%;overflow:visible");
|
|
3695
|
-
const perLine =
|
|
3706
|
+
const perLine = chunkZK344LOB_cjs.buildGlyphEnvelopeBlock(
|
|
3696
3707
|
preset,
|
|
3697
3708
|
paragraphs.map(
|
|
3698
3709
|
(paragraph) => paragraph.segments.map((seg, i) => ({
|
|
@@ -3717,7 +3728,7 @@ function renderGlyphWarp(element, paragraphs, context) {
|
|
|
3717
3728
|
const renderedFamily = s.fontFamily || style.fontFamily;
|
|
3718
3729
|
const textAttrs = {
|
|
3719
3730
|
fill,
|
|
3720
|
-
"font-family": renderedFamily ? pptx.getSubstituteFontFamily(renderedFamily) :
|
|
3731
|
+
"font-family": renderedFamily ? pptx.getSubstituteFontFamily(renderedFamily) : chunkYRHK45AB_cjs.DEFAULT_FONT_FAMILY,
|
|
3721
3732
|
"font-size": s.fontSize ?? style.fontSize ?? 18,
|
|
3722
3733
|
"font-weight": s.bold ?? style.bold ? "bold" : void 0,
|
|
3723
3734
|
"font-style": s.italic ?? style.italic ? "italic" : void 0
|
|
@@ -3787,7 +3798,7 @@ function renderPathWarp(element, paragraphs, context) {
|
|
|
3787
3798
|
defs.appendChild(
|
|
3788
3799
|
createSvgEl(context.document, "path", {
|
|
3789
3800
|
id,
|
|
3790
|
-
d:
|
|
3801
|
+
d: chunkZK344LOB_cjs.buildWarpPath(
|
|
3791
3802
|
preset,
|
|
3792
3803
|
element.width,
|
|
3793
3804
|
element.height,
|
|
@@ -3800,7 +3811,7 @@ function renderPathWarp(element, paragraphs, context) {
|
|
|
3800
3811
|
);
|
|
3801
3812
|
const text = createSvgEl(context.document, "text", {
|
|
3802
3813
|
fill: style.color ?? "#000000",
|
|
3803
|
-
"font-family": style.fontFamily ? pptx.getSubstituteFontFamily(style.fontFamily) :
|
|
3814
|
+
"font-family": style.fontFamily ? pptx.getSubstituteFontFamily(style.fontFamily) : chunkYRHK45AB_cjs.DEFAULT_FONT_FAMILY,
|
|
3804
3815
|
"font-size": style.fontSize ?? 18,
|
|
3805
3816
|
"font-weight": style.bold ? "bold" : void 0,
|
|
3806
3817
|
"font-style": style.italic ? "italic" : void 0
|
|
@@ -3820,7 +3831,7 @@ function renderPathWarp(element, paragraphs, context) {
|
|
|
3820
3831
|
|
|
3821
3832
|
// src/pptx/dom/elements/text-shape.ts
|
|
3822
3833
|
var renderTextShapeElement = (element, zIndex, context) => {
|
|
3823
|
-
const container =
|
|
3834
|
+
const container = chunkZK344LOB_cjs.getContainerStyle(element, zIndex);
|
|
3824
3835
|
const animState = context.presentationStates?.get(element.id);
|
|
3825
3836
|
const shape = getShapeFillStrokeStyle(
|
|
3826
3837
|
element,
|
|
@@ -3835,7 +3846,7 @@ var renderTextShapeElement = (element, zIndex, context) => {
|
|
|
3835
3846
|
const el = createEl(context.document, "div", "pptxv-element pptxv-shape", merged);
|
|
3836
3847
|
el.dataset.elementId = element.id;
|
|
3837
3848
|
if (context.interactive && !context.presenting) {
|
|
3838
|
-
const hitTargetStyle =
|
|
3849
|
+
const hitTargetStyle = chunkZK344LOB_cjs.elementHitTargetStyle(element);
|
|
3839
3850
|
if (hitTargetStyle) {
|
|
3840
3851
|
const hitTarget = createEl(context.document, "div", void 0, hitTargetStyle);
|
|
3841
3852
|
hitTarget.setAttribute("aria-hidden", "true");
|
|
@@ -3878,8 +3889,8 @@ var renderTextShapeElement = (element, zIndex, context) => {
|
|
|
3878
3889
|
} else if (warped) {
|
|
3879
3890
|
el.appendChild(warped);
|
|
3880
3891
|
} else {
|
|
3881
|
-
const linkedSegments =
|
|
3882
|
-
const paragraphs =
|
|
3892
|
+
const linkedSegments = chunkZK344LOB_cjs.getOverflowSegments(element, context.slide?.elements);
|
|
3893
|
+
const paragraphs = chunkZK344LOB_cjs.buildParagraphs(element, context.fieldContext, linkedSegments);
|
|
3883
3894
|
const hasText = paragraphs.some((p) => p.runs.length > 0 || p.bulletMarker !== void 0);
|
|
3884
3895
|
if (hasText) {
|
|
3885
3896
|
el.appendChild(
|
|
@@ -3890,7 +3901,7 @@ var renderTextShapeElement = (element, zIndex, context) => {
|
|
|
3890
3901
|
);
|
|
3891
3902
|
} else {
|
|
3892
3903
|
const mode = context.interactive && !context.presenting ? "edit" : "present";
|
|
3893
|
-
const prompt =
|
|
3904
|
+
const prompt = chunkZK344LOB_cjs.placeholderPromptDescriptor(element, mode);
|
|
3894
3905
|
if (prompt) {
|
|
3895
3906
|
const hint = createEl(context.document, "div", "pptxv-placeholder-prompt", {
|
|
3896
3907
|
...getTextBlockStyle(element),
|
|
@@ -3954,8 +3965,8 @@ async function loadPresentation(buffer, options) {
|
|
|
3954
3965
|
digitalSignatureCount: parsed.digitalSignatureCount ?? 0,
|
|
3955
3966
|
isPasswordProtected: parsed.isPasswordProtected ?? false,
|
|
3956
3967
|
canvasSize: {
|
|
3957
|
-
width: parsed.width ??
|
|
3958
|
-
height: parsed.height ??
|
|
3968
|
+
width: parsed.width ?? chunkYRHK45AB_cjs.DEFAULT_CANVAS_WIDTH,
|
|
3969
|
+
height: parsed.height ?? chunkYRHK45AB_cjs.DEFAULT_CANVAS_HEIGHT
|
|
3959
3970
|
},
|
|
3960
3971
|
mediaDataUrls,
|
|
3961
3972
|
colorScheme: parsed.theme?.colorScheme,
|
|
@@ -4055,19 +4066,19 @@ async function resolveImageUrls(handler, slides) {
|
|
|
4055
4066
|
|
|
4056
4067
|
Object.defineProperty(exports, "buildEmbeddedFontStyles", {
|
|
4057
4068
|
enumerable: true,
|
|
4058
|
-
get: function () { return
|
|
4069
|
+
get: function () { return chunkZK344LOB_cjs.buildEmbeddedFontStyles; }
|
|
4059
4070
|
});
|
|
4060
4071
|
Object.defineProperty(exports, "buildFieldSubstitutionContext", {
|
|
4061
4072
|
enumerable: true,
|
|
4062
|
-
get: function () { return
|
|
4073
|
+
get: function () { return chunkZK344LOB_cjs.buildFieldSubstitutionContext; }
|
|
4063
4074
|
});
|
|
4064
4075
|
Object.defineProperty(exports, "renderChartViewModelSvg", {
|
|
4065
4076
|
enumerable: true,
|
|
4066
|
-
get: function () { return
|
|
4077
|
+
get: function () { return chunkSTKGUT5S_cjs.renderChartViewModelSvg; }
|
|
4067
4078
|
});
|
|
4068
4079
|
Object.defineProperty(exports, "createTranslator", {
|
|
4069
4080
|
enumerable: true,
|
|
4070
|
-
get: function () { return
|
|
4081
|
+
get: function () { return chunkSM3CWDIQ_cjs.createTranslator; }
|
|
4071
4082
|
});
|
|
4072
4083
|
exports.SMARTART_SVG_STYLE = SMARTART_SVG_STYLE;
|
|
4073
4084
|
exports.appendCommentMarkers = appendCommentMarkers;
|
|
@@ -4132,7 +4143,7 @@ exports.renderTextShapeElement = renderTextShapeElement;
|
|
|
4132
4143
|
exports.renderWarpedText = renderWarpedText;
|
|
4133
4144
|
exports.renderZoomElement = renderZoomElement;
|
|
4134
4145
|
exports.rendering3DFlagsOf = rendering3DFlagsOf;
|
|
4135
|
-
exports.resolveChartPalette =
|
|
4146
|
+
exports.resolveChartPalette = resolveChartPalette2;
|
|
4136
4147
|
exports.resolveMediaUrls = resolveMediaUrls;
|
|
4137
4148
|
exports.revokeBlobUrls = revokeBlobUrls;
|
|
4138
4149
|
exports.selectedChartPartOf = selectedChartPartOf;
|