pptx-react-viewer 3.5.0 → 3.5.2
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/CHANGELOG.md +23 -0
- package/dist/{AiChatPanel-M7RSMOZV.js → AiChatPanel-AR6FYCHC.js} +24 -24
- package/dist/AiChatPanel-AR6FYCHC.js.br +0 -0
- package/dist/AiChatPanel-AR6FYCHC.js.gz +0 -0
- package/dist/{AiChatPanel-KZX4NZ5R.mjs → AiChatPanel-GZCDFIGE.mjs} +3 -3
- package/dist/AiChatPanel-GZCDFIGE.mjs.br +0 -0
- package/dist/AiChatPanel-GZCDFIGE.mjs.gz +0 -0
- package/dist/{Area3DChartScene-AD6BO2VM.mjs → Area3DChartScene-EZFIY4YQ.mjs} +1 -1
- package/dist/Area3DChartScene-EZFIY4YQ.mjs.br +0 -0
- package/dist/Area3DChartScene-EZFIY4YQ.mjs.gz +0 -0
- package/dist/{Area3DChartScene-7AYWOGBC.js → Area3DChartScene-NB6Q6KNP.js} +2 -2
- package/dist/Area3DChartScene-NB6Q6KNP.js.br +0 -0
- package/dist/Area3DChartScene-NB6Q6KNP.js.gz +0 -0
- package/dist/{Bar3DChartScene-FWKMBT4O.js → Bar3DChartScene-3A6MUJW7.js} +2 -2
- package/dist/Bar3DChartScene-3A6MUJW7.js.br +0 -0
- package/dist/Bar3DChartScene-3A6MUJW7.js.gz +0 -0
- package/dist/{Bar3DChartScene-JOGF3C5E.mjs → Bar3DChartScene-ZVTJM5EB.mjs} +1 -1
- package/dist/Bar3DChartScene-ZVTJM5EB.mjs.br +0 -0
- package/dist/Bar3DChartScene-ZVTJM5EB.mjs.gz +0 -0
- package/dist/{Line3DChartScene-X2BJNGIK.js → Line3DChartScene-RQGOPRGY.js} +2 -2
- package/dist/Line3DChartScene-RQGOPRGY.js.br +0 -0
- package/dist/Line3DChartScene-RQGOPRGY.js.gz +0 -0
- package/dist/{Line3DChartScene-ADORAAXV.mjs → Line3DChartScene-XTWON2Q4.mjs} +1 -1
- package/dist/Line3DChartScene-XTWON2Q4.mjs.br +0 -0
- package/dist/Line3DChartScene-XTWON2Q4.mjs.gz +0 -0
- package/dist/{Model3DScene-RORDMQ6Q.mjs → Model3DScene-42VYK4DR.mjs} +1 -1
- package/dist/Model3DScene-42VYK4DR.mjs.br +0 -0
- package/dist/Model3DScene-42VYK4DR.mjs.gz +0 -0
- package/dist/{Model3DScene-KSZHZAVD.js → Model3DScene-V4WPP5CC.js} +2 -2
- package/dist/{Model3DScene-KSZHZAVD.js.br → Model3DScene-V4WPP5CC.js.br} +0 -0
- package/dist/Model3DScene-V4WPP5CC.js.gz +0 -0
- package/dist/{PieChart3DScene-IXJHU3MI.mjs → PieChart3DScene-GHNKD5TN.mjs} +1 -1
- package/dist/PieChart3DScene-GHNKD5TN.mjs.br +0 -0
- package/dist/PieChart3DScene-GHNKD5TN.mjs.gz +0 -0
- package/dist/{PieChart3DScene-BXMI7U2X.js → PieChart3DScene-UVYGUNRM.js} +2 -2
- package/dist/PieChart3DScene-UVYGUNRM.js.br +0 -0
- package/dist/PieChart3DScene-UVYGUNRM.js.gz +0 -0
- package/dist/{SurfaceChart3DScene-SJ2IDLP6.mjs → SurfaceChart3DScene-AEKTCMYZ.mjs} +1 -1
- package/dist/SurfaceChart3DScene-AEKTCMYZ.mjs.br +0 -0
- package/dist/SurfaceChart3DScene-AEKTCMYZ.mjs.gz +0 -0
- package/dist/{SurfaceChart3DScene-TTBGVNYL.js → SurfaceChart3DScene-E7OHBIM3.js} +2 -2
- package/dist/{SurfaceChart3DScene-TTBGVNYL.js.br → SurfaceChart3DScene-E7OHBIM3.js.br} +0 -0
- package/dist/SurfaceChart3DScene-E7OHBIM3.js.gz +0 -0
- package/dist/{chunk-X6OJYCTW.mjs → chunk-3LYWPIRW.mjs} +1 -1
- package/dist/chunk-3LYWPIRW.mjs.br +0 -0
- package/dist/chunk-3LYWPIRW.mjs.gz +0 -0
- package/dist/{chunk-C7ZSRYF4.mjs → chunk-5F4RXVTA.mjs} +7 -2
- package/dist/chunk-5F4RXVTA.mjs.br +0 -0
- package/dist/chunk-5F4RXVTA.mjs.gz +0 -0
- package/dist/{chunk-AU5YFUUK.js → chunk-5FIC2LG3.js} +339 -206
- package/dist/chunk-5FIC2LG3.js.br +0 -0
- package/dist/chunk-5FIC2LG3.js.gz +0 -0
- package/dist/{chunk-24XC5C2B.mjs → chunk-HNTAGERM.mjs} +5 -1
- package/dist/chunk-HNTAGERM.mjs.br +0 -0
- package/dist/chunk-HNTAGERM.mjs.gz +0 -0
- package/dist/{chunk-AEP6X24D.js → chunk-LIIV45TR.js} +164 -160
- package/dist/chunk-LIIV45TR.js.br +0 -0
- package/dist/chunk-LIIV45TR.js.gz +0 -0
- package/dist/{chunk-X7L3RHFQ.mjs → chunk-OHNNWSCP.mjs} +337 -207
- package/dist/chunk-OHNNWSCP.mjs.br +0 -0
- package/dist/chunk-OHNNWSCP.mjs.gz +0 -0
- package/dist/{chunk-XSHYXVPD.js → chunk-OTKVJT4R.js} +1197 -1184
- package/dist/chunk-OTKVJT4R.js.br +0 -0
- package/dist/chunk-OTKVJT4R.js.gz +0 -0
- package/dist/{chunk-DUC32SQJ.mjs → chunk-RCPRMTPJ.mjs} +41 -28
- package/dist/chunk-RCPRMTPJ.mjs.br +0 -0
- package/dist/chunk-RCPRMTPJ.mjs.gz +0 -0
- package/dist/{chunk-JTS7AZYQ.js → chunk-VEU3QLEZ.js} +5 -5
- package/dist/chunk-VEU3QLEZ.js.br +0 -0
- package/dist/chunk-VEU3QLEZ.js.gz +0 -0
- package/dist/{chunk-HCTJCUGP.js → chunk-XGNK2IZ4.js} +435 -430
- package/dist/chunk-XGNK2IZ4.js.br +0 -0
- package/dist/chunk-XGNK2IZ4.js.gz +0 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +45 -45
- package/dist/index.js.br +0 -0
- package/dist/index.js.gz +0 -0
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.br +0 -0
- package/dist/index.mjs.gz +0 -0
- package/dist/internals.d.ts +1 -0
- package/dist/internals.js +78 -78
- package/dist/internals.js.br +0 -0
- package/dist/internals.js.gz +0 -0
- package/dist/internals.mjs +3 -3
- package/dist/internals.mjs.br +0 -0
- package/dist/internals.mjs.gz +0 -0
- package/dist/viewer/index.d.ts +1 -0
- package/dist/viewer/index.js +26 -26
- package/dist/viewer/index.js.br +0 -0
- package/dist/viewer/index.js.gz +0 -0
- package/dist/viewer/index.mjs +5 -5
- package/dist/viewer/index.mjs.br +0 -0
- package/dist/viewer/index.mjs.gz +0 -0
- package/package.json +1 -1
- package/dist/AiChatPanel-KZX4NZ5R.mjs.br +0 -0
- package/dist/AiChatPanel-KZX4NZ5R.mjs.gz +0 -0
- package/dist/AiChatPanel-M7RSMOZV.js.br +0 -0
- package/dist/AiChatPanel-M7RSMOZV.js.gz +0 -0
- package/dist/Area3DChartScene-7AYWOGBC.js.br +0 -0
- package/dist/Area3DChartScene-7AYWOGBC.js.gz +0 -0
- package/dist/Area3DChartScene-AD6BO2VM.mjs.br +0 -3
- package/dist/Area3DChartScene-AD6BO2VM.mjs.gz +0 -0
- package/dist/Bar3DChartScene-FWKMBT4O.js.br +0 -0
- package/dist/Bar3DChartScene-FWKMBT4O.js.gz +0 -0
- package/dist/Bar3DChartScene-JOGF3C5E.mjs.br +0 -0
- package/dist/Bar3DChartScene-JOGF3C5E.mjs.gz +0 -0
- package/dist/Line3DChartScene-ADORAAXV.mjs.br +0 -3
- package/dist/Line3DChartScene-ADORAAXV.mjs.gz +0 -0
- package/dist/Line3DChartScene-X2BJNGIK.js.br +0 -0
- package/dist/Line3DChartScene-X2BJNGIK.js.gz +0 -0
- package/dist/Model3DScene-KSZHZAVD.js.gz +0 -0
- package/dist/Model3DScene-RORDMQ6Q.mjs.br +0 -0
- package/dist/Model3DScene-RORDMQ6Q.mjs.gz +0 -0
- package/dist/PieChart3DScene-BXMI7U2X.js.br +0 -0
- package/dist/PieChart3DScene-BXMI7U2X.js.gz +0 -0
- package/dist/PieChart3DScene-IXJHU3MI.mjs.br +0 -0
- package/dist/PieChart3DScene-IXJHU3MI.mjs.gz +0 -0
- package/dist/SurfaceChart3DScene-SJ2IDLP6.mjs.br +0 -0
- package/dist/SurfaceChart3DScene-SJ2IDLP6.mjs.gz +0 -0
- package/dist/SurfaceChart3DScene-TTBGVNYL.js.gz +0 -0
- package/dist/chunk-24XC5C2B.mjs.br +0 -0
- package/dist/chunk-24XC5C2B.mjs.gz +0 -0
- package/dist/chunk-AEP6X24D.js.br +0 -0
- package/dist/chunk-AEP6X24D.js.gz +0 -0
- package/dist/chunk-AU5YFUUK.js.br +0 -0
- package/dist/chunk-AU5YFUUK.js.gz +0 -0
- package/dist/chunk-C7ZSRYF4.mjs.br +0 -0
- package/dist/chunk-C7ZSRYF4.mjs.gz +0 -0
- package/dist/chunk-DUC32SQJ.mjs.br +0 -0
- package/dist/chunk-DUC32SQJ.mjs.gz +0 -0
- package/dist/chunk-HCTJCUGP.js.br +0 -0
- package/dist/chunk-HCTJCUGP.js.gz +0 -0
- package/dist/chunk-JTS7AZYQ.js.br +0 -0
- package/dist/chunk-JTS7AZYQ.js.gz +0 -0
- package/dist/chunk-X6OJYCTW.mjs.br +0 -0
- package/dist/chunk-X6OJYCTW.mjs.gz +0 -0
- package/dist/chunk-X7L3RHFQ.mjs.br +0 -0
- package/dist/chunk-X7L3RHFQ.mjs.gz +0 -0
- package/dist/chunk-XSHYXVPD.js.br +0 -0
- package/dist/chunk-XSHYXVPD.js.gz +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunk5FIC2LG3_js = require('./chunk-5FIC2LG3.js');
|
|
4
4
|
var chunkUTIMT5CZ_js = require('./chunk-UTIMT5CZ.js');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var tailwindMerge = require('tailwind-merge');
|
|
@@ -15,7 +15,7 @@ var React6__default = /*#__PURE__*/_interopDefault(React6);
|
|
|
15
15
|
|
|
16
16
|
// src/viewer/utils/animation-effects.ts
|
|
17
17
|
function getAnimationInitialStyle2(preset, nativeAnimation) {
|
|
18
|
-
return
|
|
18
|
+
return chunk5FIC2LG3_js.getAnimationInitialStyle(preset, nativeAnimation);
|
|
19
19
|
}
|
|
20
20
|
function cn(...inputs) {
|
|
21
21
|
return tailwindMerge.twMerge(clsx.clsx(inputs));
|
|
@@ -23,7 +23,7 @@ function cn(...inputs) {
|
|
|
23
23
|
|
|
24
24
|
// src/viewer/utils/clone.ts
|
|
25
25
|
function cloneHistorySnapshot2(snapshot) {
|
|
26
|
-
return
|
|
26
|
+
return chunk5FIC2LG3_js.cloneHistorySnapshot(snapshot);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
// src/viewer/constants/scalar.ts
|
|
@@ -61,7 +61,7 @@ var TOOLBAR_SECTIONS = [
|
|
|
61
61
|
{ id: "view", labelKey: "pptx.ribbon.tab.view" },
|
|
62
62
|
{ id: "help", labelKey: "pptx.ribbon.tab.help" }
|
|
63
63
|
];
|
|
64
|
-
var SHORTCUT_REFERENCE_ITEMS =
|
|
64
|
+
var SHORTCUT_REFERENCE_ITEMS = chunk5FIC2LG3_js.VIEWER_SHORTCUT_REFERENCE;
|
|
65
65
|
|
|
66
66
|
// src/viewer/constants/theme.ts
|
|
67
67
|
var THEME_COLOR_SWATCHES = [
|
|
@@ -105,7 +105,7 @@ var GLYPH_COMPONENTS = {
|
|
|
105
105
|
plus: lu.LuPlus,
|
|
106
106
|
triangle: lu.LuTriangle
|
|
107
107
|
};
|
|
108
|
-
var SHAPE_PRESETS =
|
|
108
|
+
var SHAPE_PRESETS = chunk5FIC2LG3_js.SHAPE_PRESET_DEFS.map(
|
|
109
109
|
(def) => ({
|
|
110
110
|
type: def.type,
|
|
111
111
|
label: def.label,
|
|
@@ -130,7 +130,7 @@ var ARROW_SIZE_OPTIONS = [
|
|
|
130
130
|
{ value: "med", label: "Medium", i18nKey: "pptx.connectorOptions.sizeMedium" },
|
|
131
131
|
{ value: "lg", label: "Large", i18nKey: "pptx.connectorOptions.sizeLarge" }
|
|
132
132
|
];
|
|
133
|
-
var STROKE_DASH_OPTIONS2 =
|
|
133
|
+
var STROKE_DASH_OPTIONS2 = chunk5FIC2LG3_js.STROKE_DASH_OPTIONS;
|
|
134
134
|
|
|
135
135
|
// src/viewer/utils/shape-types.tsx
|
|
136
136
|
function getShapeType(shapeType) {
|
|
@@ -239,7 +239,7 @@ function isConnectorOrLineElement(element) {
|
|
|
239
239
|
if (element.type === "connector") {
|
|
240
240
|
return true;
|
|
241
241
|
}
|
|
242
|
-
if (!
|
|
242
|
+
if (!chunk5FIC2LG3_js.hasShapeProperties(element)) {
|
|
243
243
|
return false;
|
|
244
244
|
}
|
|
245
245
|
const st = getShapeType(element.shapeType);
|
|
@@ -248,17 +248,17 @@ function isConnectorOrLineElement(element) {
|
|
|
248
248
|
|
|
249
249
|
// src/viewer/utils/image-style.ts
|
|
250
250
|
function getImageMaskStyle(element) {
|
|
251
|
-
if (!
|
|
251
|
+
if (!chunk5FIC2LG3_js.hasShapeProperties(element)) {
|
|
252
252
|
return void 0;
|
|
253
253
|
}
|
|
254
|
-
const geometry =
|
|
254
|
+
const geometry = chunk5FIC2LG3_js.resolveShapeGeometry(element);
|
|
255
255
|
if (geometry.kind === "borderRadius") {
|
|
256
256
|
return { borderRadius: geometry.radius };
|
|
257
257
|
}
|
|
258
258
|
return geometry.kind === "clipPath" ? { clipPath: geometry.clipPath } : void 0;
|
|
259
259
|
}
|
|
260
260
|
function getImageRenderStyle(element) {
|
|
261
|
-
const fit =
|
|
261
|
+
const fit = chunk5FIC2LG3_js.getImageFitStyle(element);
|
|
262
262
|
return {
|
|
263
263
|
// A translated/scaled crop must be masked by its stationary wrapper, not
|
|
264
264
|
// by the moving bitmap itself.
|
|
@@ -275,7 +275,7 @@ function getImageSurfaceMaskStyle(element) {
|
|
|
275
275
|
};
|
|
276
276
|
}
|
|
277
277
|
function getImageSurfaceStyle(element) {
|
|
278
|
-
const fill =
|
|
278
|
+
const fill = chunk5FIC2LG3_js.hasShapeProperties(element) ? chunk5FIC2LG3_js.getComputedFillStyle(element) : void 0;
|
|
279
279
|
return {
|
|
280
280
|
position: "absolute",
|
|
281
281
|
inset: 0,
|
|
@@ -288,13 +288,13 @@ function getImageSurfaceStyle(element) {
|
|
|
288
288
|
};
|
|
289
289
|
}
|
|
290
290
|
function getCropShapeClipPath2(element) {
|
|
291
|
-
if (!
|
|
291
|
+
if (!chunk5FIC2LG3_js.isImageLikeElement(element)) {
|
|
292
292
|
return void 0;
|
|
293
293
|
}
|
|
294
|
-
return
|
|
294
|
+
return chunk5FIC2LG3_js.getCropShapeClipPath(element.cropShape, element.width, element.height);
|
|
295
295
|
}
|
|
296
296
|
function getImageTilingStyle2(element) {
|
|
297
|
-
return
|
|
297
|
+
return chunk5FIC2LG3_js.getImageTilingStyle(element);
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
// src/viewer/utils/geometry-image.ts
|
|
@@ -436,7 +436,7 @@ function VideoWithMetadata({
|
|
|
436
436
|
{
|
|
437
437
|
ref: mediaRef,
|
|
438
438
|
className: "w-full h-full pointer-events-auto",
|
|
439
|
-
style: isFullScreen ? { objectFit: "cover" } :
|
|
439
|
+
style: isFullScreen ? { objectFit: "cover" } : chunk5FIC2LG3_js.getImageFitStyle(element),
|
|
440
440
|
controls: showTransport,
|
|
441
441
|
preload: "metadata",
|
|
442
442
|
playsInline: true,
|
|
@@ -509,7 +509,7 @@ function PresentationMediaController({
|
|
|
509
509
|
}
|
|
510
510
|
};
|
|
511
511
|
}, []);
|
|
512
|
-
const { volume: playbackVolume, playbackRate } =
|
|
512
|
+
const { volume: playbackVolume, playbackRate } = chunk5FIC2LG3_js.mediaPlaybackAttributes({
|
|
513
513
|
loop: element.loop,
|
|
514
514
|
volume: element.volume,
|
|
515
515
|
playbackSpeed: element.playbackSpeed
|
|
@@ -644,7 +644,7 @@ function PresentationMediaController({
|
|
|
644
644
|
}
|
|
645
645
|
if (element.playAcrossSlides && element.mediaType === "audio") {
|
|
646
646
|
const dataUrl = element.mediaData ?? resolvedDataUrl;
|
|
647
|
-
if (
|
|
647
|
+
if (chunk5FIC2LG3_js.registerCrossSlideAudio(element, dataUrl)) {
|
|
648
648
|
return;
|
|
649
649
|
}
|
|
650
650
|
}
|
|
@@ -723,17 +723,17 @@ function Badge({
|
|
|
723
723
|
"div",
|
|
724
724
|
{
|
|
725
725
|
className: `absolute inset-0 flex flex-col items-center justify-center ${isMissing ? "gap-1" : ""}`,
|
|
726
|
-
...{ [
|
|
726
|
+
...{ [chunk5FIC2LG3_js.MEDIA_CHROME_ATTRIBUTE]: visual.badge },
|
|
727
727
|
children: [
|
|
728
728
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
729
729
|
FallbackIcon,
|
|
730
730
|
{
|
|
731
|
-
paths:
|
|
731
|
+
paths: chunk5FIC2LG3_js.mediaFallbackIcon(visual, element.mediaType),
|
|
732
732
|
size: isMissing ? 32 : 48,
|
|
733
733
|
className: isMissing ? "text-white/60" : "text-white/80 drop-shadow-md"
|
|
734
734
|
}
|
|
735
735
|
),
|
|
736
|
-
isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(
|
|
736
|
+
isMissing && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-white/60", children: label(chunk5FIC2LG3_js.mediaFallbackLabelKey(visual, element.mediaType)) })
|
|
737
737
|
]
|
|
738
738
|
}
|
|
739
739
|
);
|
|
@@ -750,17 +750,17 @@ function Placeholder({
|
|
|
750
750
|
"div",
|
|
751
751
|
{
|
|
752
752
|
className: `w-full h-full flex flex-col items-center justify-center gap-1 pointer-events-none rounded ${isMissing ? "bg-black/30 border border-dashed border-white/20" : element.mediaType === "audio" ? "bg-black/10" : "bg-black/20"}`,
|
|
753
|
-
...{ [
|
|
753
|
+
...{ [chunk5FIC2LG3_js.MEDIA_CHROME_ATTRIBUTE]: visual.placeholder },
|
|
754
754
|
children: [
|
|
755
755
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
756
756
|
FallbackIcon,
|
|
757
757
|
{
|
|
758
|
-
paths:
|
|
758
|
+
paths: chunk5FIC2LG3_js.mediaFallbackIcon(visual, element.mediaType),
|
|
759
759
|
size: isMissing ? 36 : element.mediaType === "audio" ? 24 : 32,
|
|
760
760
|
className: isMissing ? "text-white/50" : "text-white/70"
|
|
761
761
|
}
|
|
762
762
|
),
|
|
763
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(
|
|
763
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-[10px] ${isMissing ? "text-white/50" : "text-white/70"}`, children: label(chunk5FIC2LG3_js.mediaFallbackLabelKey(visual, element.mediaType)) })
|
|
764
764
|
]
|
|
765
765
|
}
|
|
766
766
|
);
|
|
@@ -770,7 +770,7 @@ function renderMediaFallback({
|
|
|
770
770
|
posterUrl,
|
|
771
771
|
surface
|
|
772
772
|
}) {
|
|
773
|
-
const visual =
|
|
773
|
+
const visual = chunk5FIC2LG3_js.mediaFallbackVisual(surface, {
|
|
774
774
|
hasPoster: Boolean(posterUrl),
|
|
775
775
|
missing: element.mediaMissing === true
|
|
776
776
|
});
|
|
@@ -782,7 +782,7 @@ function renderMediaFallback({
|
|
|
782
782
|
src: posterUrl,
|
|
783
783
|
alt: visual.dimPoster ? chunkUTIMT5CZ_js.translationsEn["pptx.media.posterAlt"] : chunkUTIMT5CZ_js.translationsEn["pptx.media.videoPosterAlt"],
|
|
784
784
|
className: `w-full h-full${visual.dimPoster ? " opacity-50" : ""}`,
|
|
785
|
-
style:
|
|
785
|
+
style: chunk5FIC2LG3_js.getImageFitStyle(element)
|
|
786
786
|
}
|
|
787
787
|
),
|
|
788
788
|
/* @__PURE__ */ jsxRuntime.jsx(Badge, { visual, element })
|
|
@@ -800,7 +800,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
|
|
|
800
800
|
const dataUrl = element.mediaData ?? (mediaPath ? mediaDataUrls.get(mediaPath) : void 0);
|
|
801
801
|
const trimFragment = buildTrimFragment(element);
|
|
802
802
|
const posterUrl = element.posterFrameData ?? void 0;
|
|
803
|
-
const shouldLoop =
|
|
803
|
+
const shouldLoop = chunk5FIC2LG3_js.mediaPlaybackAttributes(element).loop;
|
|
804
804
|
const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
|
|
805
805
|
const isFullScreen = options?.fullScreen === true;
|
|
806
806
|
const isPresentationMode = options?.isPresentationMode === true;
|
|
@@ -883,20 +883,20 @@ function renderMediaElement(element, mediaDataUrls, options) {
|
|
|
883
883
|
|
|
884
884
|
// src/viewer/utils/text-utils.tsx
|
|
885
885
|
function getTextStyleForElement(element, fallbackColor) {
|
|
886
|
-
return
|
|
886
|
+
return chunk5FIC2LG3_js.buildTextBlockStyle(element, { fallbackColor });
|
|
887
887
|
}
|
|
888
888
|
|
|
889
889
|
// src/viewer/utils/text-layout.tsx
|
|
890
890
|
function getTextLayoutStyle(element) {
|
|
891
|
-
if (!
|
|
891
|
+
if (!chunk5FIC2LG3_js.hasTextProperties(element)) {
|
|
892
892
|
return {};
|
|
893
893
|
}
|
|
894
|
-
const writingMode =
|
|
895
|
-
const textOrientation =
|
|
896
|
-
const verticalDirection =
|
|
894
|
+
const writingMode = chunk5FIC2LG3_js.toCssWritingMode(element.textStyle?.textDirection);
|
|
895
|
+
const textOrientation = chunk5FIC2LG3_js.toCssTextOrientation(element.textStyle?.textDirection);
|
|
896
|
+
const verticalDirection = chunk5FIC2LG3_js.toCssVerticalDirection(element.textStyle?.textDirection);
|
|
897
897
|
const textWrapNone = element.textStyle?.textWrap === "none";
|
|
898
898
|
const shapeAutoFitTextBox = element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
|
|
899
|
-
const hasParagraphIndents =
|
|
899
|
+
const hasParagraphIndents = chunk5FIC2LG3_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
|
|
900
900
|
const paragraphMarginLeft = element.textStyle?.paragraphMarginLeft;
|
|
901
901
|
const paragraphIndent = element.textStyle?.paragraphIndent;
|
|
902
902
|
const marginLeft = !hasParagraphIndents && typeof paragraphMarginLeft === "number" && paragraphMarginLeft !== 0 ? paragraphMarginLeft : void 0;
|
|
@@ -905,7 +905,7 @@ function getTextLayoutStyle(element) {
|
|
|
905
905
|
const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
|
|
906
906
|
return {
|
|
907
907
|
// Columns / flex anchoring / anchorCtr / tab-size / kinsoku, from shared.
|
|
908
|
-
...
|
|
908
|
+
...chunk5FIC2LG3_js.buildTextBodyLayoutStyle(element),
|
|
909
909
|
// Body inset only. Paragraph spacing (spcBef/spcAft) is applied
|
|
910
910
|
// per-paragraph by the paragraph renderer, not collapsed here.
|
|
911
911
|
paddingTop: bodyTop,
|
|
@@ -933,7 +933,7 @@ function getTextLayoutStyle(element) {
|
|
|
933
933
|
|
|
934
934
|
// src/viewer/utils/text-effects.tsx
|
|
935
935
|
function buildTextBody3DSceneStyle2(textStyle) {
|
|
936
|
-
return
|
|
936
|
+
return chunk5FIC2LG3_js.buildTextBody3DSceneStyle(textStyle);
|
|
937
937
|
}
|
|
938
938
|
|
|
939
939
|
// src/viewer/utils/text-warp-css.tsx
|
|
@@ -1118,13 +1118,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
|
|
|
1118
1118
|
if (!subElementAnimStates || subElementAnimStates.size === 0) {
|
|
1119
1119
|
return renderedSegments;
|
|
1120
1120
|
}
|
|
1121
|
-
const paraKey = `${elementId}${
|
|
1121
|
+
const paraKey = `${elementId}${chunk5FIC2LG3_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
|
|
1122
1122
|
const paraState = subElementAnimStates.get(paraKey);
|
|
1123
1123
|
if (paraState) {
|
|
1124
1124
|
const style = buildAnimStyle(paraState);
|
|
1125
1125
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-anim-id": paraKey, style: { display: "inline", ...style }, children: renderedSegments }, paraKey);
|
|
1126
1126
|
}
|
|
1127
|
-
const spec =
|
|
1127
|
+
const spec = chunk5FIC2LG3_js.buildTextBuildSpec(
|
|
1128
1128
|
elementId,
|
|
1129
1129
|
paraIndex,
|
|
1130
1130
|
paraRuns.map((run) => ({ text: run.text, style: run })),
|
|
@@ -1142,7 +1142,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
|
|
|
1142
1142
|
"span",
|
|
1143
1143
|
{
|
|
1144
1144
|
"data-anim-id": span.animId,
|
|
1145
|
-
style:
|
|
1145
|
+
style: chunk5FIC2LG3_js.textBuildSpanStyle(span),
|
|
1146
1146
|
children: content
|
|
1147
1147
|
},
|
|
1148
1148
|
span.animId
|
|
@@ -1150,7 +1150,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
|
|
|
1150
1150
|
});
|
|
1151
1151
|
}
|
|
1152
1152
|
function renderTabbedLine(line, ctx, keyPrefix, renderPiece, nestedStyle) {
|
|
1153
|
-
const [lineLayout] =
|
|
1153
|
+
const [lineLayout] = chunk5FIC2LG3_js.buildRunTabLines(line, ctx, nestedStyle);
|
|
1154
1154
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { display: "inline-block", whiteSpace: "nowrap" }, children: lineLayout.pieces.map((piece, i) => {
|
|
1155
1155
|
const key = `${keyPrefix}-tab-${i}`;
|
|
1156
1156
|
return /* @__PURE__ */ jsxRuntime.jsxs(React6__default.default.Fragment, { children: [
|
|
@@ -1163,7 +1163,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
|
|
|
1163
1163
|
if (!needsScriptFonts || !text) {
|
|
1164
1164
|
return text;
|
|
1165
1165
|
}
|
|
1166
|
-
const pieces =
|
|
1166
|
+
const pieces = chunk5FIC2LG3_js.splitRunByScriptFont(
|
|
1167
1167
|
text,
|
|
1168
1168
|
scriptFonts,
|
|
1169
1169
|
baseFontFamily,
|
|
@@ -1180,7 +1180,7 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
|
|
|
1180
1180
|
if (!metric || !text) {
|
|
1181
1181
|
return inner(text, keyPrefix);
|
|
1182
1182
|
}
|
|
1183
|
-
const pieces =
|
|
1183
|
+
const pieces = chunk5FIC2LG3_js.splitRunForMetrics(text, metric.font);
|
|
1184
1184
|
if (pieces.length <= 1) {
|
|
1185
1185
|
return inner(text, keyPrefix);
|
|
1186
1186
|
}
|
|
@@ -1189,7 +1189,7 @@ function renderMetricPieces(text, metric, keyPrefix, inner) {
|
|
|
1189
1189
|
{
|
|
1190
1190
|
style: {
|
|
1191
1191
|
...metric.nestedStyle,
|
|
1192
|
-
letterSpacing:
|
|
1192
|
+
letterSpacing: chunk5FIC2LG3_js.pieceLetterSpacing(metric.authoredPx, piece.tracking)
|
|
1193
1193
|
},
|
|
1194
1194
|
children: inner(piece.text, `${keyPrefix}-w${i}`)
|
|
1195
1195
|
},
|
|
@@ -1276,8 +1276,8 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
|
|
|
1276
1276
|
});
|
|
1277
1277
|
}
|
|
1278
1278
|
function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
|
|
1279
|
-
const mathml =
|
|
1280
|
-
const safeMathml = mathml ?
|
|
1279
|
+
const mathml = chunk5FIC2LG3_js.convertOmmlToMathMl(equationXml);
|
|
1280
|
+
const safeMathml = mathml ? chunk5FIC2LG3_js.sanitizeMathMl(mathml) : "";
|
|
1281
1281
|
const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1282
1282
|
"span",
|
|
1283
1283
|
{
|
|
@@ -1405,7 +1405,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
|
|
|
1405
1405
|
const segmentStyle = segment?.style ?? {};
|
|
1406
1406
|
const textValue = run.text;
|
|
1407
1407
|
const lines = textValue.split("\n");
|
|
1408
|
-
const resolvedSegmentColor =
|
|
1408
|
+
const resolvedSegmentColor = chunk5FIC2LG3_js.normalizeHexColor(
|
|
1409
1409
|
segmentStyle.color || element.textStyle?.color,
|
|
1410
1410
|
run.hyperlink ? HYPERLINK_COLOR : fallbackColor
|
|
1411
1411
|
);
|
|
@@ -1413,16 +1413,16 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
|
|
|
1413
1413
|
const baselineFraction = rawBaseline === 0 ? 0 : Math.abs(rawBaseline) >= 1e3 ? rawBaseline / 1e5 : rawBaseline / 100;
|
|
1414
1414
|
const baselineFontScale = baselineFraction !== 0 ? BASELINE_FONT_SCALE : 1;
|
|
1415
1415
|
const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
|
|
1416
|
-
const baseFontSize = rawFontSize *
|
|
1416
|
+
const baseFontSize = rawFontSize * chunk5FIC2LG3_js.resolveAutoFitFontScale(element.textStyle);
|
|
1417
1417
|
const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
|
|
1418
|
-
const fontKerning =
|
|
1418
|
+
const fontKerning = chunk5FIC2LG3_js.resolveFontKerning(segmentStyle.kerning, baseFontSize);
|
|
1419
1419
|
const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
|
|
1420
|
-
const baseFontFamily = rawFontFamily ?
|
|
1420
|
+
const baseFontFamily = rawFontFamily ? chunk5FIC2LG3_js.getSubstituteFontFamily(
|
|
1421
1421
|
rawFontFamily,
|
|
1422
|
-
|
|
1422
|
+
chunk5FIC2LG3_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
|
|
1423
1423
|
) : DEFAULT_FONT_FAMILY2;
|
|
1424
|
-
const scriptFonts =
|
|
1425
|
-
const needsScriptFonts =
|
|
1424
|
+
const scriptFonts = chunk5FIC2LG3_js.resolveScriptFontSet(segmentStyle, element.textStyle, baseFontFamily);
|
|
1425
|
+
const needsScriptFonts = chunk5FIC2LG3_js.hasDistinctScriptFonts(scriptFonts);
|
|
1426
1426
|
const authoredLetterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? segmentStyle.characterSpacing / 100 * (96 / 72) : 0;
|
|
1427
1427
|
const metricFont = {
|
|
1428
1428
|
fontFamily: baseFontFamily,
|
|
@@ -1430,7 +1430,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
|
|
|
1430
1430
|
bold: Boolean(segmentStyle.bold),
|
|
1431
1431
|
italic: Boolean(segmentStyle.italic)
|
|
1432
1432
|
};
|
|
1433
|
-
const nestedStyle =
|
|
1433
|
+
const nestedStyle = chunk5FIC2LG3_js.nestedTextDecorationStyle(run.style);
|
|
1434
1434
|
const metricContext = { font: metricFont, authoredPx: authoredLetterSpacing, nestedStyle };
|
|
1435
1435
|
const spanStyle = { ...run.style };
|
|
1436
1436
|
spanStyle.color = resolvedSegmentColor;
|
|
@@ -1438,11 +1438,11 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
|
|
|
1438
1438
|
spanStyle.fontFamily = baseFontFamily;
|
|
1439
1439
|
spanStyle.verticalAlign = baselineShift;
|
|
1440
1440
|
spanStyle.fontKerning = fontKerning;
|
|
1441
|
-
spanStyle.letterSpacing =
|
|
1441
|
+
spanStyle.letterSpacing = chunk5FIC2LG3_js.pieceLetterSpacing(
|
|
1442
1442
|
authoredLetterSpacing,
|
|
1443
|
-
|
|
1443
|
+
chunk5FIC2LG3_js.resolveMetricTrackingPx(textValue, metricFont)
|
|
1444
1444
|
);
|
|
1445
|
-
const hollow =
|
|
1445
|
+
const hollow = chunk5FIC2LG3_js.hollowTextFillStyle(segmentStyle, {
|
|
1446
1446
|
color: resolvedSegmentColor,
|
|
1447
1447
|
textStroke: typeof spanStyle.WebkitTextStroke === "string" ? spanStyle.WebkitTextStroke : void 0
|
|
1448
1448
|
});
|
|
@@ -1463,7 +1463,7 @@ function renderParagraphRun(run, segment, ctx, keySuffix = "") {
|
|
|
1463
1463
|
scriptFonts,
|
|
1464
1464
|
baseFontFamily,
|
|
1465
1465
|
findHighlights,
|
|
1466
|
-
|
|
1466
|
+
chunk5FIC2LG3_js.buildTabContext(
|
|
1467
1467
|
element.textStyle?.tabStops,
|
|
1468
1468
|
element.textStyle?.defaultTabSize,
|
|
1469
1469
|
baseFontSize,
|
|
@@ -1489,7 +1489,7 @@ function renderRubyOrText(run, baseContent) {
|
|
|
1489
1489
|
] });
|
|
1490
1490
|
}
|
|
1491
1491
|
function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick, placeholderPrompt) {
|
|
1492
|
-
if (!
|
|
1492
|
+
if (!chunk5FIC2LG3_js.hasTextProperties(element)) {
|
|
1493
1493
|
return emptyFallback || null;
|
|
1494
1494
|
}
|
|
1495
1495
|
const segments = segmentOverrides ?? element.textSegments;
|
|
@@ -1499,7 +1499,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
|
|
|
1499
1499
|
}
|
|
1500
1500
|
return element.text || emptyFallback || "";
|
|
1501
1501
|
}
|
|
1502
|
-
const paragraphs =
|
|
1502
|
+
const paragraphs = chunk5FIC2LG3_js.buildParagraphs(element, fieldContext, segmentOverrides);
|
|
1503
1503
|
const ctx = {
|
|
1504
1504
|
element,
|
|
1505
1505
|
fallbackColor,
|
|
@@ -1592,6 +1592,8 @@ function renderBulletMarker(para, paraIndex, elementId) {
|
|
|
1592
1592
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1593
1593
|
"img",
|
|
1594
1594
|
{
|
|
1595
|
+
"data-pptx-bullet-marker": true,
|
|
1596
|
+
contentEditable: false,
|
|
1595
1597
|
src: picture.src,
|
|
1596
1598
|
alt: picture.accessibleLabel,
|
|
1597
1599
|
style: {
|
|
@@ -1613,6 +1615,8 @@ function renderBulletMarker(para, paraIndex, elementId) {
|
|
|
1613
1615
|
"span",
|
|
1614
1616
|
{
|
|
1615
1617
|
className: "pptx-bullet",
|
|
1618
|
+
"data-pptx-bullet-marker": true,
|
|
1619
|
+
contentEditable: false,
|
|
1616
1620
|
style: para.bulletStyle,
|
|
1617
1621
|
"aria-label": picture?.accessibleLabel,
|
|
1618
1622
|
children: para.bulletMarker
|
|
@@ -1621,13 +1625,13 @@ function renderBulletMarker(para, paraIndex, elementId) {
|
|
|
1621
1625
|
);
|
|
1622
1626
|
}
|
|
1623
1627
|
function getDuotoneColors(element) {
|
|
1624
|
-
if (!
|
|
1628
|
+
if (!chunk5FIC2LG3_js.isImageLikeElement(element)) {
|
|
1625
1629
|
return void 0;
|
|
1626
1630
|
}
|
|
1627
1631
|
return element.imageEffects?.duotone;
|
|
1628
1632
|
}
|
|
1629
1633
|
function buildLineShadowCss(element) {
|
|
1630
|
-
if (!
|
|
1634
|
+
if (!chunk5FIC2LG3_js.hasShapeProperties(element)) {
|
|
1631
1635
|
return void 0;
|
|
1632
1636
|
}
|
|
1633
1637
|
const ss = element.shapeStyle;
|
|
@@ -1638,13 +1642,13 @@ function buildLineShadowCss(element) {
|
|
|
1638
1642
|
const offsetY = typeof ss.lineShadowOffsetY === "number" ? ss.lineShadowOffsetY : 2;
|
|
1639
1643
|
const blur = typeof ss.lineShadowBlur === "number" ? Math.max(0, ss.lineShadowBlur) : 4;
|
|
1640
1644
|
const opacity = typeof ss.lineShadowOpacity === "number" ? Math.max(0, Math.min(1, ss.lineShadowOpacity)) : 0.35;
|
|
1641
|
-
return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${
|
|
1642
|
-
|
|
1645
|
+
return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunk5FIC2LG3_js.colorWithOpacity(
|
|
1646
|
+
chunk5FIC2LG3_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
|
|
1643
1647
|
opacity
|
|
1644
1648
|
)}`;
|
|
1645
1649
|
}
|
|
1646
1650
|
function buildLineGlowFilter(element) {
|
|
1647
|
-
if (!
|
|
1651
|
+
if (!chunk5FIC2LG3_js.hasShapeProperties(element)) {
|
|
1648
1652
|
return void 0;
|
|
1649
1653
|
}
|
|
1650
1654
|
const ss = element.shapeStyle;
|
|
@@ -1653,22 +1657,22 @@ function buildLineGlowFilter(element) {
|
|
|
1653
1657
|
}
|
|
1654
1658
|
const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
|
|
1655
1659
|
const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
|
|
1656
|
-
const glowCol =
|
|
1660
|
+
const glowCol = chunk5FIC2LG3_js.colorWithOpacity(chunk5FIC2LG3_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
|
|
1657
1661
|
return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
|
|
1658
1662
|
}
|
|
1659
1663
|
function getDagDuotoneFilterId(elementId) {
|
|
1660
1664
|
return `dag-duotone-${elementId}`;
|
|
1661
1665
|
}
|
|
1662
1666
|
function hasDagDuotoneEffect(element) {
|
|
1663
|
-
if (!
|
|
1667
|
+
if (!chunk5FIC2LG3_js.hasShapeProperties(element)) {
|
|
1664
1668
|
return false;
|
|
1665
1669
|
}
|
|
1666
1670
|
return Boolean(element.shapeStyle?.dagDuotone);
|
|
1667
1671
|
}
|
|
1668
1672
|
function renderDagDuotoneSvgFilter(elementId, color1, color2) {
|
|
1669
1673
|
const filterId = getDagDuotoneFilterId(elementId);
|
|
1670
|
-
const c1 =
|
|
1671
|
-
const c2 =
|
|
1674
|
+
const c1 = chunk5FIC2LG3_js.hexToRgbUnit(color1);
|
|
1675
|
+
const c2 = chunk5FIC2LG3_js.hexToRgbUnit(color2);
|
|
1672
1676
|
const grayscaleMatrix = [
|
|
1673
1677
|
0.2126,
|
|
1674
1678
|
0.7152,
|
|
@@ -1712,7 +1716,7 @@ function renderDagDuotoneSvgFilter(elementId, color1, color2) {
|
|
|
1712
1716
|
|
|
1713
1717
|
// src/viewer/utils/shape-visual-3d.ts
|
|
1714
1718
|
function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
|
|
1715
|
-
return
|
|
1719
|
+
return chunk5FIC2LG3_js.build3DExtrusionData(
|
|
1716
1720
|
shape3d,
|
|
1717
1721
|
scene3d,
|
|
1718
1722
|
fillColor,
|
|
@@ -1721,7 +1725,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
|
|
|
1721
1725
|
);
|
|
1722
1726
|
}
|
|
1723
1727
|
function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
|
|
1724
|
-
|
|
1728
|
+
chunk5FIC2LG3_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
|
|
1725
1729
|
}
|
|
1726
1730
|
|
|
1727
1731
|
// src/viewer/utils/shape-visual-style.ts
|
|
@@ -1729,16 +1733,16 @@ function rendersCustomVectorPath(element) {
|
|
|
1729
1733
|
return (element.type === "shape" || element.type === "image" || element.type === "picture") && Boolean(element.pathData) && typeof element.pathWidth === "number" && element.pathWidth > 0 && typeof element.pathHeight === "number" && element.pathHeight > 0;
|
|
1730
1734
|
}
|
|
1731
1735
|
function rendersWedgeCalloutVector(element) {
|
|
1732
|
-
return element.type === "shape" &&
|
|
1736
|
+
return element.type === "shape" && chunk5FIC2LG3_js.isWedgeCalloutPresetShape(element.shapeType);
|
|
1733
1737
|
}
|
|
1734
1738
|
function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _strokeColor, animatesFill, animatesStroke, parentGroupFill) {
|
|
1735
|
-
if (!
|
|
1739
|
+
if (!chunk5FIC2LG3_js.hasShapeProperties(element)) {
|
|
1736
1740
|
return {};
|
|
1737
1741
|
}
|
|
1738
1742
|
const ss = element.shapeStyle;
|
|
1739
|
-
const fill = animatesFill ? void 0 :
|
|
1740
|
-
const fx =
|
|
1741
|
-
const stroke =
|
|
1743
|
+
const fill = animatesFill ? void 0 : chunk5FIC2LG3_js.getComputedFillStyle(element, parentGroupFill);
|
|
1744
|
+
const fx = chunk5FIC2LG3_js.getComputedEffectStyle(element);
|
|
1745
|
+
const stroke = chunk5FIC2LG3_js.getComputedStrokeStyle(element);
|
|
1742
1746
|
const base = {
|
|
1743
1747
|
// A gradient fill REPLACES the solid fill, it does not sit on top of it;
|
|
1744
1748
|
// the whole precedence lives in shared's `getComputedFillStyle`.
|
|
@@ -1777,7 +1781,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
|
|
|
1777
1781
|
};
|
|
1778
1782
|
Object.assign(
|
|
1779
1783
|
base,
|
|
1780
|
-
|
|
1784
|
+
chunk5FIC2LG3_js.getAnimationColorBaseStyle(element, {
|
|
1781
1785
|
animatesFill,
|
|
1782
1786
|
animatesStroke,
|
|
1783
1787
|
parentGroupFill
|
|
@@ -1789,7 +1793,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
|
|
|
1789
1793
|
base.borderStyle = void 0;
|
|
1790
1794
|
}
|
|
1791
1795
|
apply3dEffects2(base, ss?.scene3d, ss?.shape3d, ss?.fillColor ?? fillColor);
|
|
1792
|
-
if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) ||
|
|
1796
|
+
if (rendersCustomVectorPath(element) || rendersWedgeCalloutVector(element) || chunk5FIC2LG3_js.isStrokeOnlyPresetElement(element)) {
|
|
1793
1797
|
base.backgroundColor = "transparent";
|
|
1794
1798
|
base.backgroundImage = void 0;
|
|
1795
1799
|
base.borderWidth = void 0;
|
|
@@ -1803,7 +1807,7 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
|
|
|
1803
1807
|
if (rendersWedgeCalloutVector(element)) {
|
|
1804
1808
|
return base;
|
|
1805
1809
|
}
|
|
1806
|
-
const geometry =
|
|
1810
|
+
const geometry = chunk5FIC2LG3_js.resolveShapeGeometry(element);
|
|
1807
1811
|
switch (geometry.kind) {
|
|
1808
1812
|
case "bare":
|
|
1809
1813
|
return { backgroundColor: "transparent", borderWidth: 0, borderStyle: "none" };
|
|
@@ -1829,13 +1833,13 @@ function getShapeVisualStyle(element, _hasFill, fillColor, _strokeWidth, _stroke
|
|
|
1829
1833
|
function getConnectorAdjustment(element, key, fallback) {
|
|
1830
1834
|
const direct = element.shapeAdjustments?.[key];
|
|
1831
1835
|
if (typeof direct === "number" && Number.isFinite(direct)) {
|
|
1832
|
-
return
|
|
1836
|
+
return chunk5FIC2LG3_js.clampUnitInterval(direct / 1e5);
|
|
1833
1837
|
}
|
|
1834
1838
|
const fallbackKey = element.shapeAdjustments?.adj;
|
|
1835
1839
|
if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
|
|
1836
|
-
return
|
|
1840
|
+
return chunk5FIC2LG3_js.clampUnitInterval(fallbackKey / 1e5);
|
|
1837
1841
|
}
|
|
1838
|
-
return
|
|
1842
|
+
return chunk5FIC2LG3_js.clampUnitInterval(fallback);
|
|
1839
1843
|
}
|
|
1840
1844
|
function getConnectorPathGeometry(element) {
|
|
1841
1845
|
const width = Math.max(element.width, 0);
|
|
@@ -1972,11 +1976,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
|
|
|
1972
1976
|
strokePaint,
|
|
1973
1977
|
strokeWidth,
|
|
1974
1978
|
dashArray,
|
|
1975
|
-
lineCap:
|
|
1979
|
+
lineCap: chunk5FIC2LG3_js.svgLineCap(shapeStyle?.lineCap),
|
|
1976
1980
|
lineJoin,
|
|
1977
1981
|
miterLimit,
|
|
1978
|
-
offsets:
|
|
1979
|
-
widths:
|
|
1982
|
+
offsets: chunk5FIC2LG3_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
|
|
1983
|
+
widths: chunk5FIC2LG3_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
|
|
1980
1984
|
};
|
|
1981
1985
|
}
|
|
1982
1986
|
function strokeStrands(d, keyBase, ctx) {
|
|
@@ -2024,12 +2028,12 @@ function gradientDefs(gradient) {
|
|
|
2024
2028
|
}
|
|
2025
2029
|
function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredPaths, shapeStyle, hasFill, fillColor, fillOpacity, strokePaint, strokeWidth, dashArray, animatesFill = false, gradient) {
|
|
2026
2030
|
const ctx = strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray);
|
|
2027
|
-
const subpaths = structuredPaths && structuredPaths.length > 0 ?
|
|
2031
|
+
const subpaths = structuredPaths && structuredPaths.length > 0 ? chunk5FIC2LG3_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
|
|
2028
2032
|
const needsPerSubpath = subpaths !== void 0 && subpaths.some((sp) => sp.fillMode && sp.fillMode !== "norm" || sp.stroke === false);
|
|
2029
|
-
const gradientPaint = gradient ?
|
|
2033
|
+
const gradientPaint = gradient ? chunk5FIC2LG3_js.svgGradientFillRef(gradient) : void 0;
|
|
2030
2034
|
const nodes = [];
|
|
2031
2035
|
if (subpaths && needsPerSubpath) {
|
|
2032
|
-
const paints =
|
|
2036
|
+
const paints = chunk5FIC2LG3_js.buildSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
|
|
2033
2037
|
paints.forEach((paint, idx) => {
|
|
2034
2038
|
if (paint.fill !== "none") {
|
|
2035
2039
|
const mode = subpaths[idx]?.fillMode;
|
|
@@ -2058,7 +2062,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
|
|
|
2058
2062
|
"path",
|
|
2059
2063
|
{
|
|
2060
2064
|
d: pathData,
|
|
2061
|
-
fill: animatesFill ? "inherit" : gradientPaint ??
|
|
2065
|
+
fill: animatesFill ? "inherit" : gradientPaint ?? chunk5FIC2LG3_js.colorWithOpacity(fillColor, fillOpacity),
|
|
2062
2066
|
stroke: "none",
|
|
2063
2067
|
vectorEffect: "non-scaling-stroke"
|
|
2064
2068
|
},
|
|
@@ -2101,14 +2105,14 @@ function renderGradientDefs(gradient) {
|
|
|
2101
2105
|
) });
|
|
2102
2106
|
}
|
|
2103
2107
|
function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
|
|
2104
|
-
if (!
|
|
2108
|
+
if (!chunk5FIC2LG3_js.hasShapeProperties(element)) {
|
|
2105
2109
|
return null;
|
|
2106
2110
|
}
|
|
2107
2111
|
const normalizedType = (element.shapeType || "").toLowerCase();
|
|
2108
|
-
const fillPaint = animatesFill ? "inherit" :
|
|
2109
|
-
const strokePaint = animatesStroke ? "inherit" :
|
|
2110
|
-
const dashType =
|
|
2111
|
-
const dashArray =
|
|
2112
|
+
const fillPaint = animatesFill ? "inherit" : chunk5FIC2LG3_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
|
|
2113
|
+
const strokePaint = animatesStroke ? "inherit" : chunk5FIC2LG3_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
|
|
2114
|
+
const dashType = chunk5FIC2LG3_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
|
|
2115
|
+
const dashArray = chunk5FIC2LG3_js.getSvgStrokeDasharray(
|
|
2112
2116
|
dashType,
|
|
2113
2117
|
Math.max(strokeWidth, 1),
|
|
2114
2118
|
element.shapeStyle?.customDashSegments
|
|
@@ -2189,13 +2193,13 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
|
|
|
2189
2193
|
// container's `background-image` is suppressed for custom geometry, so
|
|
2190
2194
|
// without this the shape fell back to the parser's representative solid
|
|
2191
2195
|
// and lost every fade (issue #132).
|
|
2192
|
-
|
|
2196
|
+
chunk5FIC2LG3_js.buildSvgGradientDef(element.shapeStyle, element.id)
|
|
2193
2197
|
);
|
|
2194
2198
|
}
|
|
2195
|
-
if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !
|
|
2199
|
+
if ((element.type === "image" || element.type === "picture") && strokeWidth > 0 && !chunk5FIC2LG3_js.buildStrokeOutline(element)) {
|
|
2196
2200
|
const width = Math.max(element.width, 1);
|
|
2197
2201
|
const height = Math.max(element.height, 1);
|
|
2198
|
-
const geometry =
|
|
2202
|
+
const geometry = chunk5FIC2LG3_js.getPresetShapeVectorGeometry(
|
|
2199
2203
|
element.shapeType || "rect",
|
|
2200
2204
|
width,
|
|
2201
2205
|
height,
|
|
@@ -2223,18 +2227,18 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
|
|
|
2223
2227
|
);
|
|
2224
2228
|
}
|
|
2225
2229
|
}
|
|
2226
|
-
if (element.type === "shape" &&
|
|
2230
|
+
if (element.type === "shape" && chunk5FIC2LG3_js.isWedgeCalloutPresetShape(element.shapeType)) {
|
|
2227
2231
|
const width = Math.max(element.width, 1);
|
|
2228
2232
|
const height = Math.max(element.height, 1);
|
|
2229
|
-
const geometry =
|
|
2233
|
+
const geometry = chunk5FIC2LG3_js.getPresetShapeVectorGeometry(
|
|
2230
2234
|
element.shapeType,
|
|
2231
2235
|
width,
|
|
2232
2236
|
height,
|
|
2233
2237
|
element.shapeAdjustments
|
|
2234
2238
|
);
|
|
2235
2239
|
if (geometry) {
|
|
2236
|
-
const gradient =
|
|
2237
|
-
const gradientPaint = gradient ?
|
|
2240
|
+
const gradient = chunk5FIC2LG3_js.buildSvgGradientDef(element.shapeStyle, element.id);
|
|
2241
|
+
const gradientPaint = gradient ? chunk5FIC2LG3_js.svgGradientFillRef(gradient) : void 0;
|
|
2238
2242
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2239
2243
|
"svg",
|
|
2240
2244
|
{
|
|
@@ -2267,18 +2271,18 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
|
|
|
2267
2271
|
);
|
|
2268
2272
|
}
|
|
2269
2273
|
}
|
|
2270
|
-
if (
|
|
2274
|
+
if (chunk5FIC2LG3_js.isCalloutShape(normalizedType)) {
|
|
2271
2275
|
const width = Math.max(element.width, 1);
|
|
2272
2276
|
const height = Math.max(element.height, 1);
|
|
2273
|
-
const geometry =
|
|
2277
|
+
const geometry = chunk5FIC2LG3_js.getCalloutLeaderLineGeometry(
|
|
2274
2278
|
normalizedType,
|
|
2275
2279
|
width,
|
|
2276
2280
|
height,
|
|
2277
2281
|
element.shapeAdjustments
|
|
2278
2282
|
);
|
|
2279
2283
|
if (geometry && geometry.points.length >= 2) {
|
|
2280
|
-
const leaderPath =
|
|
2281
|
-
const bounds =
|
|
2284
|
+
const leaderPath = chunk5FIC2LG3_js.buildCalloutLeaderLineSvgPath(geometry);
|
|
2285
|
+
const bounds = chunk5FIC2LG3_js.getCalloutViewBoxBounds(width, height, geometry);
|
|
2282
2286
|
const lineStroke = Math.max(strokeWidth, 1);
|
|
2283
2287
|
const offsetLeft = bounds.minX;
|
|
2284
2288
|
const offsetTop = bounds.minY;
|
|
@@ -2341,10 +2345,10 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
|
|
|
2341
2345
|
const endArrowW = element.shapeStyle?.connectorEndArrowWidth;
|
|
2342
2346
|
const endArrowL = element.shapeStyle?.connectorEndArrowLength;
|
|
2343
2347
|
const compoundLine = element.shapeStyle?.compoundLine;
|
|
2344
|
-
const connectorLineCap =
|
|
2348
|
+
const connectorLineCap = chunk5FIC2LG3_js.svgLineCap(element.shapeStyle?.lineCap);
|
|
2345
2349
|
const hitTargetWidth = Math.max(strokeWidth * 3, 12);
|
|
2346
|
-
const offsets =
|
|
2347
|
-
const widths =
|
|
2350
|
+
const offsets = chunk5FIC2LG3_js.getCompoundLineOffsets(compoundLine, strokeWidth);
|
|
2351
|
+
const widths = chunk5FIC2LG3_js.getCompoundLineWidths(compoundLine, strokeWidth);
|
|
2348
2352
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2349
2353
|
"svg",
|
|
2350
2354
|
{
|
|
@@ -2411,15 +2415,15 @@ function parseGradientFillCss(gradFill) {
|
|
|
2411
2415
|
}
|
|
2412
2416
|
const rawStops = stops.map((gs) => {
|
|
2413
2417
|
const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
|
|
2414
|
-
const color =
|
|
2415
|
-
const opacity =
|
|
2418
|
+
const color = chunk5FIC2LG3_js.parseDrawingColor(gs) ?? "#888888";
|
|
2419
|
+
const opacity = chunk5FIC2LG3_js.parseDrawingColorOpacity(gs);
|
|
2416
2420
|
return { position: pos, color, opacity };
|
|
2417
2421
|
}).sort((a, b) => a.position - b.position);
|
|
2418
|
-
const stopStrings = rawStops.map((s) => `${
|
|
2422
|
+
const stopStrings = rawStops.map((s) => `${chunk5FIC2LG3_js.colorWithOpacity(s.color, s.opacity)} ${s.position.toFixed(1)}%`).join(", ");
|
|
2419
2423
|
const lin = gradFill["a:lin"];
|
|
2420
2424
|
if (lin) {
|
|
2421
2425
|
const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
|
|
2422
|
-
const angleDeg = Math.round(
|
|
2426
|
+
const angleDeg = Math.round(chunk5FIC2LG3_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
|
|
2423
2427
|
return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
|
|
2424
2428
|
}
|
|
2425
2429
|
const path = gradFill["a:path"];
|
|
@@ -2433,7 +2437,7 @@ function parseGradientFillCss(gradFill) {
|
|
|
2433
2437
|
b: Number.parseInt(String(fillToRectXml["@_b"] || "0"), 10) / 1e5
|
|
2434
2438
|
} : void 0;
|
|
2435
2439
|
if (pathType === "rect") {
|
|
2436
|
-
return
|
|
2440
|
+
return chunk5FIC2LG3_js.buildRectPathGradient(rawStops, void 0, fillToRect);
|
|
2437
2441
|
}
|
|
2438
2442
|
let cx = 50;
|
|
2439
2443
|
let cy = 50;
|
|
@@ -2455,8 +2459,8 @@ function parsePatternFillCss(pattFill) {
|
|
|
2455
2459
|
if (!pattFill) {
|
|
2456
2460
|
return void 0;
|
|
2457
2461
|
}
|
|
2458
|
-
const fgColor =
|
|
2459
|
-
const bgColor =
|
|
2462
|
+
const fgColor = chunk5FIC2LG3_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
|
|
2463
|
+
const bgColor = chunk5FIC2LG3_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
|
|
2460
2464
|
const preset = String(pattFill["@_prst"] || "ltDnDiag");
|
|
2461
2465
|
switch (preset) {
|
|
2462
2466
|
case "ltHorz":
|
|
@@ -2567,11 +2571,11 @@ function parseCellBorders(cellProperties) {
|
|
|
2567
2571
|
const prstDash = ln["a:prstDash"];
|
|
2568
2572
|
const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
|
|
2569
2573
|
const cssBorderStyle = ooxmlDashToCss(dashVal);
|
|
2570
|
-
const color =
|
|
2574
|
+
const color = chunk5FIC2LG3_js.parseDrawingColor(ln["a:solidFill"]);
|
|
2571
2575
|
if (color) {
|
|
2572
|
-
const opacity =
|
|
2576
|
+
const opacity = chunk5FIC2LG3_js.parseDrawingColorOpacity(ln["a:solidFill"]);
|
|
2573
2577
|
const key = `${edge.prefix}`;
|
|
2574
|
-
borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${
|
|
2578
|
+
borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunk5FIC2LG3_js.colorWithOpacity(color, opacity)}`;
|
|
2575
2579
|
}
|
|
2576
2580
|
}
|
|
2577
2581
|
return borderStyle;
|
|
@@ -2584,7 +2588,7 @@ function parseCellTextEffects(runProps) {
|
|
|
2584
2588
|
const textShadowParts = [];
|
|
2585
2589
|
const outerShdw = effectLst["a:outerShdw"];
|
|
2586
2590
|
if (outerShdw) {
|
|
2587
|
-
const shdwColor =
|
|
2591
|
+
const shdwColor = chunk5FIC2LG3_js.parseDrawingColor(outerShdw);
|
|
2588
2592
|
if (shdwColor) {
|
|
2589
2593
|
const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
|
|
2590
2594
|
const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
|
|
@@ -2602,7 +2606,7 @@ function parseCellTextEffects(runProps) {
|
|
|
2602
2606
|
}
|
|
2603
2607
|
const glow = effectLst["a:glow"];
|
|
2604
2608
|
if (glow) {
|
|
2605
|
-
const glowColor =
|
|
2609
|
+
const glowColor = chunk5FIC2LG3_js.parseDrawingColor(glow);
|
|
2606
2610
|
if (glowColor) {
|
|
2607
2611
|
const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
|
|
2608
2612
|
const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
|
|
@@ -2682,10 +2686,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
|
|
|
2682
2686
|
if (runProps?.["@_u"] !== void 0) {
|
|
2683
2687
|
cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
|
|
2684
2688
|
}
|
|
2685
|
-
const runColor =
|
|
2689
|
+
const runColor = chunk5FIC2LG3_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunk5FIC2LG3_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
|
|
2686
2690
|
if (runColor) {
|
|
2687
|
-
const opacity =
|
|
2688
|
-
cellStyle.color =
|
|
2691
|
+
const opacity = chunk5FIC2LG3_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
|
|
2692
|
+
cellStyle.color = chunk5FIC2LG3_js.colorWithOpacity(runColor, opacity);
|
|
2689
2693
|
}
|
|
2690
2694
|
const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
|
|
2691
2695
|
if (fontFamily) {
|
|
@@ -2695,15 +2699,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
|
|
|
2695
2699
|
cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
|
|
2696
2700
|
}
|
|
2697
2701
|
const cellProperties = cellXml["a:tcPr"];
|
|
2698
|
-
const cellFill =
|
|
2702
|
+
const cellFill = chunk5FIC2LG3_js.parseDrawingColor(
|
|
2699
2703
|
cellProperties?.["a:solidFill"],
|
|
2700
2704
|
schemeColorOverrides
|
|
2701
2705
|
);
|
|
2702
2706
|
if (cellFill) {
|
|
2703
|
-
const opacity =
|
|
2707
|
+
const opacity = chunk5FIC2LG3_js.parseDrawingColorOpacity(
|
|
2704
2708
|
cellProperties?.["a:solidFill"]
|
|
2705
2709
|
);
|
|
2706
|
-
cellStyle.backgroundColor =
|
|
2710
|
+
cellStyle.backgroundColor = chunk5FIC2LG3_js.colorWithOpacity(cellFill, opacity);
|
|
2707
2711
|
} else {
|
|
2708
2712
|
const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
|
|
2709
2713
|
if (gradCss) {
|
|
@@ -2718,16 +2722,16 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
|
|
|
2718
2722
|
const edgeBorders = parseCellBorders(cellProperties);
|
|
2719
2723
|
Object.assign(cellStyle, edgeBorders);
|
|
2720
2724
|
if (!cellStyle.borderLeftColor && !cellStyle.borderRightColor && !cellStyle.borderTopColor && !cellStyle.borderBottomColor) {
|
|
2721
|
-
const borderColor =
|
|
2725
|
+
const borderColor = chunk5FIC2LG3_js.parseDrawingColor(
|
|
2722
2726
|
cellProperties?.["a:lnL"]?.["a:solidFill"],
|
|
2723
2727
|
schemeColorOverrides
|
|
2724
|
-
) ||
|
|
2728
|
+
) || chunk5FIC2LG3_js.parseDrawingColor(
|
|
2725
2729
|
cellProperties?.["a:lnR"]?.["a:solidFill"],
|
|
2726
2730
|
schemeColorOverrides
|
|
2727
|
-
) ||
|
|
2731
|
+
) || chunk5FIC2LG3_js.parseDrawingColor(
|
|
2728
2732
|
cellProperties?.["a:lnT"]?.["a:solidFill"],
|
|
2729
2733
|
schemeColorOverrides
|
|
2730
|
-
) ||
|
|
2734
|
+
) || chunk5FIC2LG3_js.parseDrawingColor(
|
|
2731
2735
|
cellProperties?.["a:lnB"]?.["a:solidFill"],
|
|
2732
2736
|
schemeColorOverrides
|
|
2733
2737
|
);
|
|
@@ -2799,7 +2803,7 @@ function getTableCellBandStyle2(element, rowIndex, cellIndex, rowCount, columnCo
|
|
|
2799
2803
|
if (element.type !== "table") {
|
|
2800
2804
|
return void 0;
|
|
2801
2805
|
}
|
|
2802
|
-
return
|
|
2806
|
+
return chunk5FIC2LG3_js.getTableCellBandStyle(element.tableData, rowIndex, cellIndex, rowCount, columnCount, {
|
|
2803
2807
|
tableStyleMap: styleCtx?.tableStyleMap,
|
|
2804
2808
|
colorScheme: styleCtx?.theme?.colorScheme,
|
|
2805
2809
|
fontScheme: styleCtx?.theme?.fontScheme
|
|
@@ -2875,7 +2879,7 @@ function renderTableCellContent(cell, fallbackText) {
|
|
|
2875
2879
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2876
2880
|
"span",
|
|
2877
2881
|
{
|
|
2878
|
-
style: { position: "relative", ...
|
|
2882
|
+
style: { position: "relative", ...chunk5FIC2LG3_js.cellRunStyle(run) },
|
|
2879
2883
|
children: run.text
|
|
2880
2884
|
},
|
|
2881
2885
|
`r-${index}`
|
|
@@ -2883,7 +2887,7 @@ function renderTableCellContent(cell, fallbackText) {
|
|
|
2883
2887
|
});
|
|
2884
2888
|
}
|
|
2885
2889
|
function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
|
|
2886
|
-
return
|
|
2890
|
+
return chunk5FIC2LG3_js.getCellDiagonalBorders(style, tableData, pos, {
|
|
2887
2891
|
tableStyleMap: styleCtx?.tableStyleMap,
|
|
2888
2892
|
colorScheme: styleCtx?.theme?.colorScheme,
|
|
2889
2893
|
fontScheme: styleCtx?.theme?.fontScheme
|
|
@@ -3016,7 +3020,7 @@ function TableResizeOverlay({
|
|
|
3016
3020
|
const containerRef = React6.useRef(null);
|
|
3017
3021
|
const [rowBounds, setRowBounds] = React6.useState([]);
|
|
3018
3022
|
const dragRef = React6.useRef(null);
|
|
3019
|
-
const colBoundaries = React6.useMemo(() =>
|
|
3023
|
+
const colBoundaries = React6.useMemo(() => chunk5FIC2LG3_js.computeColumnBoundaries(columnWidths), [columnWidths]);
|
|
3020
3024
|
const measureRows = React6.useCallback(() => {
|
|
3021
3025
|
const container = containerRef.current;
|
|
3022
3026
|
if (!container) {
|
|
@@ -3063,11 +3067,11 @@ function TableResizeOverlay({
|
|
|
3063
3067
|
const rect = containerRef.current.getBoundingClientRect();
|
|
3064
3068
|
if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
|
|
3065
3069
|
const deltaProp = (e.clientX - drag.startPos) / rect.width;
|
|
3066
|
-
onResizeColumns(
|
|
3070
|
+
onResizeColumns(chunk5FIC2LG3_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
|
|
3067
3071
|
} else if (drag.type === "row" && onResizeRow) {
|
|
3068
3072
|
const deltaY = e.clientY - drag.startPos;
|
|
3069
|
-
const newHeight =
|
|
3070
|
-
drag.initialRowHeight ??
|
|
3073
|
+
const newHeight = chunk5FIC2LG3_js.computeResizedRowHeight(
|
|
3074
|
+
drag.initialRowHeight ?? chunk5FIC2LG3_js.DEFAULT_ROW_HEIGHT,
|
|
3071
3075
|
deltaY
|
|
3072
3076
|
);
|
|
3073
3077
|
onResizeRow(drag.index, newHeight);
|
|
@@ -3105,7 +3109,7 @@ function TableResizeOverlay({
|
|
|
3105
3109
|
e.stopPropagation();
|
|
3106
3110
|
const table = containerRef.current?.querySelector("table");
|
|
3107
3111
|
const tr = table?.querySelectorAll("tbody > tr")[index];
|
|
3108
|
-
const actualHeight = tr?.offsetHeight ??
|
|
3112
|
+
const actualHeight = tr?.offsetHeight ?? chunk5FIC2LG3_js.DEFAULT_ROW_HEIGHT;
|
|
3109
3113
|
document.body.style.cursor = "row-resize";
|
|
3110
3114
|
document.body.style.userSelect = "none";
|
|
3111
3115
|
dragRef.current = {
|
|
@@ -3152,7 +3156,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
3152
3156
|
colorScheme: options?.styleCtx?.theme?.colorScheme,
|
|
3153
3157
|
fontScheme: options?.styleCtx?.theme?.fontScheme
|
|
3154
3158
|
};
|
|
3155
|
-
const cellCss = (cell, rowIndex, cellIndex) =>
|
|
3159
|
+
const cellCss = (cell, rowIndex, cellIndex) => chunk5FIC2LG3_js.tableCellCss(
|
|
3156
3160
|
tableData,
|
|
3157
3161
|
cell,
|
|
3158
3162
|
{ rowIndex, cellIndex, rowCount, columnCount },
|
|
@@ -3165,7 +3169,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
3165
3169
|
}
|
|
3166
3170
|
const first = selectedCell.selectedCells[0];
|
|
3167
3171
|
const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
|
|
3168
|
-
return
|
|
3172
|
+
return chunk5FIC2LG3_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
|
|
3169
3173
|
})();
|
|
3170
3174
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3171
3175
|
TableResizeOverlay,
|
|
@@ -3186,9 +3190,9 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
3186
3190
|
{
|
|
3187
3191
|
className: "w-full h-full border-collapse table-fixed",
|
|
3188
3192
|
style: {
|
|
3189
|
-
fontFamily:
|
|
3193
|
+
fontFamily: chunk5FIC2LG3_js.DEFAULT_FONT_FAMILY,
|
|
3190
3194
|
// `a:tblPr@rtl` mirrors the column order for RTL decks.
|
|
3191
|
-
...
|
|
3195
|
+
...chunk5FIC2LG3_js.tableContainerCss(tableData)
|
|
3192
3196
|
},
|
|
3193
3197
|
children: [
|
|
3194
3198
|
tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3207,7 +3211,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
3207
3211
|
return null;
|
|
3208
3212
|
}
|
|
3209
3213
|
const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
|
|
3210
|
-
const isInMultiSelection =
|
|
3214
|
+
const isInMultiSelection = chunk5FIC2LG3_js.isCellInRect(rowIndex, cellIndex, selectionRect);
|
|
3211
3215
|
const isCellEditing = isCellSelected && selectedCell?.isEditing;
|
|
3212
3216
|
const diag = getCellDiagonalBorders2(
|
|
3213
3217
|
cell.style,
|
|
@@ -3236,7 +3240,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
3236
3240
|
}
|
|
3237
3241
|
event.stopPropagation();
|
|
3238
3242
|
if (event.shiftKey && selectedCell) {
|
|
3239
|
-
const rect =
|
|
3243
|
+
const rect = chunk5FIC2LG3_js.computeSelectionRect(
|
|
3240
3244
|
selectedCell.rowIndex,
|
|
3241
3245
|
selectedCell.columnIndex,
|
|
3242
3246
|
rowIndex,
|
|
@@ -3246,7 +3250,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
3246
3250
|
options?.onSelectCell?.({
|
|
3247
3251
|
rowIndex: selectedCell.rowIndex,
|
|
3248
3252
|
columnIndex: selectedCell.columnIndex,
|
|
3249
|
-
selectedCells:
|
|
3253
|
+
selectedCells: chunk5FIC2LG3_js.rectToCells(rect)
|
|
3250
3254
|
});
|
|
3251
3255
|
} else {
|
|
3252
3256
|
options?.onSelectCell?.({
|
|
@@ -3322,7 +3326,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
3322
3326
|
}
|
|
3323
3327
|
const first = selectedCell.selectedCells[0];
|
|
3324
3328
|
const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
|
|
3325
|
-
return
|
|
3329
|
+
return chunk5FIC2LG3_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
|
|
3326
3330
|
})();
|
|
3327
3331
|
const schemeOverrides = options?.styleCtx?.theme?.colorScheme ? options.styleCtx.theme.colorScheme : void 0;
|
|
3328
3332
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3344,9 +3348,9 @@ function renderTableElement(element, textStyle, options) {
|
|
|
3344
3348
|
{
|
|
3345
3349
|
className: "w-full h-full border-collapse table-fixed",
|
|
3346
3350
|
style: {
|
|
3347
|
-
fontFamily:
|
|
3351
|
+
fontFamily: chunk5FIC2LG3_js.DEFAULT_FONT_FAMILY,
|
|
3348
3352
|
// `a:tblPr@rtl` mirrors the column order for RTL decks.
|
|
3349
|
-
...
|
|
3353
|
+
...chunk5FIC2LG3_js.tableContainerCss(tableEl.tableData)
|
|
3350
3354
|
},
|
|
3351
3355
|
children: [
|
|
3352
3356
|
parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -3403,7 +3407,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
3403
3407
|
color: textStyle.color,
|
|
3404
3408
|
...bandStyle,
|
|
3405
3409
|
...xmlCellStyle,
|
|
3406
|
-
...tdCellOverride ?
|
|
3410
|
+
...tdCellOverride ? chunk5FIC2LG3_js.cellStyleToCss(tdCellOverride) : void 0,
|
|
3407
3411
|
...diag ? { position: "relative" } : void 0
|
|
3408
3412
|
};
|
|
3409
3413
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -3413,7 +3417,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
3413
3417
|
"border px-1 py-0.5 align-top",
|
|
3414
3418
|
isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-white/30",
|
|
3415
3419
|
selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex ? "ring-1 ring-inset ring-blue-500" : null,
|
|
3416
|
-
|
|
3420
|
+
chunk5FIC2LG3_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
|
|
3417
3421
|
),
|
|
3418
3422
|
colSpan,
|
|
3419
3423
|
rowSpan: rSpan,
|
|
@@ -3424,7 +3428,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
3424
3428
|
}
|
|
3425
3429
|
event.stopPropagation();
|
|
3426
3430
|
if (event.shiftKey && selectedCell && tableEl.tableData) {
|
|
3427
|
-
const rect =
|
|
3431
|
+
const rect = chunk5FIC2LG3_js.computeSelectionRect(
|
|
3428
3432
|
selectedCell.rowIndex,
|
|
3429
3433
|
selectedCell.columnIndex,
|
|
3430
3434
|
rowIndex,
|
|
@@ -3434,7 +3438,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
3434
3438
|
options?.onSelectCell?.({
|
|
3435
3439
|
rowIndex: selectedCell.rowIndex,
|
|
3436
3440
|
columnIndex: selectedCell.columnIndex,
|
|
3437
|
-
selectedCells:
|
|
3441
|
+
selectedCells: chunk5FIC2LG3_js.rectToCells(rect)
|
|
3438
3442
|
});
|
|
3439
3443
|
} else {
|
|
3440
3444
|
options?.onSelectCell?.({
|
|
@@ -3493,23 +3497,23 @@ function renderTableElement(element, textStyle, options) {
|
|
|
3493
3497
|
);
|
|
3494
3498
|
}
|
|
3495
3499
|
function partAttrs(part) {
|
|
3496
|
-
return part ?
|
|
3500
|
+
return part ? chunk5FIC2LG3_js.chartPartToAttrs(part) : void 0;
|
|
3497
3501
|
}
|
|
3498
3502
|
function resolveReactPalette(chartData) {
|
|
3499
3503
|
if (chartData.colorPalette && chartData.colorPalette.length > 0) {
|
|
3500
3504
|
return chartData.colorPalette;
|
|
3501
3505
|
}
|
|
3502
|
-
return [...
|
|
3506
|
+
return [...chunk5FIC2LG3_js.getChartStylePalette(chartData.style?.styleId)];
|
|
3503
3507
|
}
|
|
3504
3508
|
function buildReactChartViewModel(element) {
|
|
3505
3509
|
if (element.type !== "chart" || !element.chartData) {
|
|
3506
|
-
return
|
|
3510
|
+
return chunk5FIC2LG3_js.buildChartViewModel(element);
|
|
3507
3511
|
}
|
|
3508
3512
|
const palette = resolveReactPalette(element.chartData), themedElement = {
|
|
3509
3513
|
...element,
|
|
3510
3514
|
chartData: { ...element.chartData, colorPalette: palette }
|
|
3511
3515
|
};
|
|
3512
|
-
return
|
|
3516
|
+
return chunk5FIC2LG3_js.buildChartViewModel(themedElement);
|
|
3513
3517
|
}
|
|
3514
3518
|
function renderPrimitive(prim, key) {
|
|
3515
3519
|
switch (prim.kind) {
|
|
@@ -3658,7 +3662,7 @@ function renderText(t, key) {
|
|
|
3658
3662
|
);
|
|
3659
3663
|
}
|
|
3660
3664
|
function renderChartViewModel(elementId, vm, preserveAspectRatio = "none") {
|
|
3661
|
-
const legendItems =
|
|
3665
|
+
const legendItems = chunk5FIC2LG3_js.computeChartLegendLayout(vm);
|
|
3662
3666
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3663
3667
|
"svg",
|
|
3664
3668
|
{
|
|
@@ -3757,11 +3761,11 @@ function renderChartElement(element) {
|
|
|
3757
3761
|
if (!chartData || chartData.series.length === 0) {
|
|
3758
3762
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: chunkUTIMT5CZ_js.translationsEn["pptx.chart.heading"] });
|
|
3759
3763
|
}
|
|
3760
|
-
const kind =
|
|
3764
|
+
const kind = chunk5FIC2LG3_js.resolveChartKind(chartData.chartType ?? "bar");
|
|
3761
3765
|
return renderChartViewModel(
|
|
3762
3766
|
element.id,
|
|
3763
3767
|
buildReactChartViewModel(element),
|
|
3764
|
-
|
|
3768
|
+
chunk5FIC2LG3_js.chartPreserveAspectRatio(kind)
|
|
3765
3769
|
);
|
|
3766
3770
|
}
|
|
3767
3771
|
|
|
@@ -3781,14 +3785,14 @@ function buildNotesPdf(pages) {
|
|
|
3781
3785
|
notes: page.notes,
|
|
3782
3786
|
slideNumber: page.slideNumber
|
|
3783
3787
|
}));
|
|
3784
|
-
const bytes =
|
|
3788
|
+
const bytes = chunk5FIC2LG3_js.buildNotesPdfBytes(images, meta);
|
|
3785
3789
|
const blob = new Blob([bytes], { type: "application/pdf" });
|
|
3786
3790
|
return URL.createObjectURL(blob);
|
|
3787
3791
|
}
|
|
3788
3792
|
|
|
3789
3793
|
// src/viewer/utils/pdf-builder-slides.ts
|
|
3790
3794
|
function buildPdfFromImageData(images) {
|
|
3791
|
-
const bytes =
|
|
3795
|
+
const bytes = chunk5FIC2LG3_js.buildSlidesPdfBytes(images);
|
|
3792
3796
|
const blob = new Blob([bytes], { type: "application/pdf" });
|
|
3793
3797
|
return URL.createObjectURL(blob);
|
|
3794
3798
|
}
|
|
@@ -3797,7 +3801,7 @@ function buildPdfFromImageData(images) {
|
|
|
3797
3801
|
var activePreview = null;
|
|
3798
3802
|
function startPreviewAnimation(elementId, preset, options) {
|
|
3799
3803
|
stopPreviewAnimation();
|
|
3800
|
-
const descriptor =
|
|
3804
|
+
const descriptor = chunk5FIC2LG3_js.buildPreviewAnimation(preset, options);
|
|
3801
3805
|
if (!descriptor) {
|
|
3802
3806
|
return;
|
|
3803
3807
|
}
|
|
@@ -3810,7 +3814,7 @@ function startMotionPathPreview(elementId, path, options) {
|
|
|
3810
3814
|
return;
|
|
3811
3815
|
}
|
|
3812
3816
|
const stage = domEl.offsetParent;
|
|
3813
|
-
const descriptor =
|
|
3817
|
+
const descriptor = chunk5FIC2LG3_js.buildMotionPathPreview({
|
|
3814
3818
|
path,
|
|
3815
3819
|
slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
|
|
3816
3820
|
slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,
|