pptx-react-viewer 2.14.0 → 2.15.1
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 +4 -0
- package/dist/{AiChatPanel-BJDFFVJG.js → AiChatPanel-JWCGIYBL.js} +22 -22
- package/dist/AiChatPanel-JWCGIYBL.js.br +0 -0
- package/dist/AiChatPanel-JWCGIYBL.js.gz +0 -0
- package/dist/{AiChatPanel-UJUN6HB3.mjs → AiChatPanel-YDX2WONS.mjs} +3 -3
- package/dist/AiChatPanel-YDX2WONS.mjs.br +0 -0
- package/dist/AiChatPanel-YDX2WONS.mjs.gz +0 -0
- package/dist/{Model3DScene-F53NQFY7.js → Model3DScene-4FFR5CF5.js} +2 -2
- package/dist/Model3DScene-4FFR5CF5.js.br +0 -0
- package/dist/Model3DScene-4FFR5CF5.js.gz +0 -0
- package/dist/{Model3DScene-LVFHZUVF.mjs → Model3DScene-ZVWROBJT.mjs} +1 -1
- package/dist/Model3DScene-ZVWROBJT.mjs.br +0 -0
- package/dist/Model3DScene-ZVWROBJT.mjs.gz +0 -0
- package/dist/{SurfaceChart3DScene-MVBQTD6J.mjs → SurfaceChart3DScene-PJLRTJLR.mjs} +1 -1
- package/dist/{SurfaceChart3DScene-MVBQTD6J.mjs.br → SurfaceChart3DScene-PJLRTJLR.mjs.br} +0 -0
- package/dist/SurfaceChart3DScene-PJLRTJLR.mjs.gz +0 -0
- package/dist/{SurfaceChart3DScene-IDJDIHVC.js → SurfaceChart3DScene-WEH6CLAU.js} +2 -2
- package/dist/SurfaceChart3DScene-WEH6CLAU.js.br +0 -0
- package/dist/SurfaceChart3DScene-WEH6CLAU.js.gz +0 -0
- package/dist/{chunk-5MMC7ZR3.mjs → chunk-7TFVXCBY.mjs} +406 -222
- package/dist/chunk-7TFVXCBY.mjs.br +0 -0
- package/dist/chunk-7TFVXCBY.mjs.gz +0 -0
- package/dist/{chunk-HOIF5RQI.js → chunk-BHDUV2LM.js} +1052 -1052
- package/dist/chunk-BHDUV2LM.js.br +0 -0
- package/dist/chunk-BHDUV2LM.js.gz +0 -0
- package/dist/{chunk-GROIHKI5.mjs → chunk-ESUQSKGF.mjs} +9 -9
- package/dist/chunk-ESUQSKGF.mjs.br +0 -0
- package/dist/chunk-ESUQSKGF.mjs.gz +0 -0
- package/dist/{chunk-SMECSYCT.js → chunk-KFGVJONB.js} +245 -245
- package/dist/chunk-KFGVJONB.js.br +0 -0
- package/dist/chunk-KFGVJONB.js.gz +0 -0
- package/dist/{chunk-T4NHPN76.mjs → chunk-LCDAL2JQ.mjs} +2 -2
- package/dist/chunk-LCDAL2JQ.mjs.br +0 -0
- package/dist/chunk-LCDAL2JQ.mjs.gz +0 -0
- package/dist/{chunk-QVQDC7HZ.js → chunk-LZDGIEN3.js} +3 -3
- package/dist/chunk-LZDGIEN3.js.br +0 -0
- package/dist/chunk-LZDGIEN3.js.gz +0 -0
- package/dist/{chunk-7TEZJZ2O.js → chunk-OEK3VKSO.js} +334 -334
- package/dist/chunk-OEK3VKSO.js.br +0 -0
- package/dist/chunk-OEK3VKSO.js.gz +0 -0
- package/dist/{chunk-2KRHLUCG.mjs → chunk-YAWRDLCV.mjs} +1 -1
- package/dist/chunk-YAWRDLCV.mjs.br +0 -0
- package/dist/chunk-YAWRDLCV.mjs.gz +0 -0
- package/dist/{chunk-R7MGJCZN.mjs → chunk-YUPKCGB5.mjs} +2 -2
- package/dist/chunk-YUPKCGB5.mjs.br +0 -0
- package/dist/chunk-YUPKCGB5.mjs.gz +0 -0
- package/dist/{chunk-PB7KVDNV.js → chunk-Z3FYYUGI.js} +410 -221
- package/dist/chunk-Z3FYYUGI.js.br +0 -0
- package/dist/chunk-Z3FYYUGI.js.gz +0 -0
- package/dist/index.js +39 -39
- 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.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 +60 -2
- package/dist/viewer/index.d.ts.map +1 -1
- package/dist/viewer/index.js +41 -21
- 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 +2 -2
- package/dist/AiChatPanel-BJDFFVJG.js.br +0 -0
- package/dist/AiChatPanel-BJDFFVJG.js.gz +0 -0
- package/dist/AiChatPanel-UJUN6HB3.mjs.br +0 -0
- package/dist/AiChatPanel-UJUN6HB3.mjs.gz +0 -0
- package/dist/Model3DScene-F53NQFY7.js.br +0 -0
- package/dist/Model3DScene-F53NQFY7.js.gz +0 -0
- package/dist/Model3DScene-LVFHZUVF.mjs.br +0 -0
- package/dist/Model3DScene-LVFHZUVF.mjs.gz +0 -0
- package/dist/SurfaceChart3DScene-IDJDIHVC.js.br +0 -0
- package/dist/SurfaceChart3DScene-IDJDIHVC.js.gz +0 -0
- package/dist/SurfaceChart3DScene-MVBQTD6J.mjs.gz +0 -0
- package/dist/chunk-2KRHLUCG.mjs.br +0 -0
- package/dist/chunk-2KRHLUCG.mjs.gz +0 -0
- package/dist/chunk-5MMC7ZR3.mjs.br +0 -0
- package/dist/chunk-5MMC7ZR3.mjs.gz +0 -0
- package/dist/chunk-7TEZJZ2O.js.br +0 -0
- package/dist/chunk-7TEZJZ2O.js.gz +0 -0
- package/dist/chunk-GROIHKI5.mjs.br +0 -0
- package/dist/chunk-GROIHKI5.mjs.gz +0 -0
- package/dist/chunk-HOIF5RQI.js.br +0 -0
- package/dist/chunk-HOIF5RQI.js.gz +0 -0
- package/dist/chunk-PB7KVDNV.js.br +0 -0
- package/dist/chunk-PB7KVDNV.js.gz +0 -0
- package/dist/chunk-QVQDC7HZ.js.br +0 -0
- package/dist/chunk-QVQDC7HZ.js.gz +0 -0
- package/dist/chunk-R7MGJCZN.mjs.br +0 -0
- package/dist/chunk-R7MGJCZN.mjs.gz +0 -0
- package/dist/chunk-SMECSYCT.js.br +0 -0
- package/dist/chunk-SMECSYCT.js.gz +0 -0
- package/dist/chunk-T4NHPN76.mjs.br +0 -0
- package/dist/chunk-T4NHPN76.mjs.gz +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var chunk3ISYPBSX_js = require('./chunk-3ISYPBSX.js');
|
|
4
|
-
var
|
|
4
|
+
var chunkZ3FYYUGI_js = require('./chunk-Z3FYYUGI.js');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var tailwindMerge = require('tailwind-merge');
|
|
7
7
|
var React6 = require('react');
|
|
@@ -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 chunkZ3FYYUGI_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 chunkZ3FYYUGI_js.cloneHistorySnapshot(snapshot);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
// src/viewer/constants/scalar.ts
|
|
@@ -63,7 +63,7 @@ var TOOLBAR_SECTIONS = [
|
|
|
63
63
|
{ id: "view", labelKey: "pptx.ribbon.tab.view" },
|
|
64
64
|
{ id: "help", labelKey: "pptx.ribbon.tab.help" }
|
|
65
65
|
];
|
|
66
|
-
var SHORTCUT_REFERENCE_ITEMS =
|
|
66
|
+
var SHORTCUT_REFERENCE_ITEMS = chunkZ3FYYUGI_js.VIEWER_SHORTCUT_REFERENCE;
|
|
67
67
|
|
|
68
68
|
// src/viewer/constants/theme.ts
|
|
69
69
|
var THEME_COLOR_SWATCHES = [
|
|
@@ -107,7 +107,7 @@ var GLYPH_COMPONENTS = {
|
|
|
107
107
|
plus: lu.LuPlus,
|
|
108
108
|
triangle: lu.LuTriangle
|
|
109
109
|
};
|
|
110
|
-
var SHAPE_PRESETS =
|
|
110
|
+
var SHAPE_PRESETS = chunkZ3FYYUGI_js.SHAPE_PRESET_DEFS.map(
|
|
111
111
|
(def) => ({
|
|
112
112
|
type: def.type,
|
|
113
113
|
label: def.label,
|
|
@@ -266,7 +266,7 @@ function isConnectorOrLineElement(element) {
|
|
|
266
266
|
if (element.type === "connector") {
|
|
267
267
|
return true;
|
|
268
268
|
}
|
|
269
|
-
if (!
|
|
269
|
+
if (!chunkZ3FYYUGI_js.hasShapeProperties(element)) {
|
|
270
270
|
return false;
|
|
271
271
|
}
|
|
272
272
|
const st = getShapeType(element.shapeType);
|
|
@@ -277,12 +277,12 @@ function isConnectorOrLineElement(element) {
|
|
|
277
277
|
function partitionTemplateElements(slides) {
|
|
278
278
|
const templateElementsBySlideId = {};
|
|
279
279
|
const nextSlides = slides.map((slide) => {
|
|
280
|
-
const template = slide.elements.filter((el) =>
|
|
280
|
+
const template = slide.elements.filter((el) => chunkZ3FYYUGI_js.isTemplateElement(el));
|
|
281
281
|
if (template.length === 0) {
|
|
282
282
|
return slide;
|
|
283
283
|
}
|
|
284
284
|
templateElementsBySlideId[slide.id] = template;
|
|
285
|
-
return { ...slide, elements: slide.elements.filter((el) => !
|
|
285
|
+
return { ...slide, elements: slide.elements.filter((el) => !chunkZ3FYYUGI_js.isTemplateElement(el)) };
|
|
286
286
|
});
|
|
287
287
|
return { slides: nextSlides, templateElementsBySlideId };
|
|
288
288
|
}
|
|
@@ -298,7 +298,7 @@ function buildSaveSlides(slides, templateElementsBySlideId) {
|
|
|
298
298
|
|
|
299
299
|
// src/viewer/utils/image-style.ts
|
|
300
300
|
function getImageMaskStyle(element) {
|
|
301
|
-
if (!
|
|
301
|
+
if (!chunkZ3FYYUGI_js.hasShapeProperties(element)) {
|
|
302
302
|
return void 0;
|
|
303
303
|
}
|
|
304
304
|
const shapeType = element.shapeType;
|
|
@@ -307,7 +307,7 @@ function getImageMaskStyle(element) {
|
|
|
307
307
|
}
|
|
308
308
|
const normalized = shapeType.toLowerCase();
|
|
309
309
|
if (normalized === "roundrect" || normalized === "round1rect" || normalized === "round2samerect" || normalized === "round2diagrect" || normalized === "sniproundrect" || normalized === "snip1rect" || normalized === "snip2diagrect") {
|
|
310
|
-
const radiusPx =
|
|
310
|
+
const radiusPx = chunkZ3FYYUGI_js.getRoundRectRadiusPx(element);
|
|
311
311
|
if (radiusPx <= 0.01) {
|
|
312
312
|
return void 0;
|
|
313
313
|
}
|
|
@@ -319,7 +319,7 @@ function getImageMaskStyle(element) {
|
|
|
319
319
|
if (normalized === "can" || normalized === "cylinder") {
|
|
320
320
|
return { borderRadius: "48% / 12%" };
|
|
321
321
|
}
|
|
322
|
-
const clipPath =
|
|
322
|
+
const clipPath = chunkZ3FYYUGI_js.getResolvedShapeClipPath(element);
|
|
323
323
|
if (!clipPath) {
|
|
324
324
|
return void 0;
|
|
325
325
|
}
|
|
@@ -328,7 +328,7 @@ function getImageMaskStyle(element) {
|
|
|
328
328
|
function getImageRenderStyle(element) {
|
|
329
329
|
return {
|
|
330
330
|
...getImageMaskStyle(element) || {},
|
|
331
|
-
...
|
|
331
|
+
...chunkZ3FYYUGI_js.getImageFitStyle(element)
|
|
332
332
|
};
|
|
333
333
|
}
|
|
334
334
|
var CROP_SHAPE_CLIP_PATHS = {
|
|
@@ -341,7 +341,7 @@ var CROP_SHAPE_CLIP_PATHS = {
|
|
|
341
341
|
star: "polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)"
|
|
342
342
|
};
|
|
343
343
|
function getCropShapeClipPath(element) {
|
|
344
|
-
if (!
|
|
344
|
+
if (!chunkZ3FYYUGI_js.isImageLikeElement(element)) {
|
|
345
345
|
return void 0;
|
|
346
346
|
}
|
|
347
347
|
const shape = element.cropShape;
|
|
@@ -351,7 +351,7 @@ function getCropShapeClipPath(element) {
|
|
|
351
351
|
return CROP_SHAPE_CLIP_PATHS[shape];
|
|
352
352
|
}
|
|
353
353
|
function isImageTiled(element) {
|
|
354
|
-
if (!
|
|
354
|
+
if (!chunkZ3FYYUGI_js.isImageLikeElement(element)) {
|
|
355
355
|
return false;
|
|
356
356
|
}
|
|
357
357
|
return typeof element.tileScaleX === "number" || typeof element.tileScaleY === "number";
|
|
@@ -409,7 +409,7 @@ function buildMirrorTiledBackground(src, flip, scaleX, scaleY) {
|
|
|
409
409
|
};
|
|
410
410
|
}
|
|
411
411
|
function getImageTilingStyle(element) {
|
|
412
|
-
if (!
|
|
412
|
+
if (!chunkZ3FYYUGI_js.isImageLikeElement(element) || !isImageTiled(element)) {
|
|
413
413
|
return void 0;
|
|
414
414
|
}
|
|
415
415
|
const scaleX = typeof element.tileScaleX === "number" ? element.tileScaleX * 100 : 100;
|
|
@@ -659,9 +659,9 @@ function registerMediaElement(elementId, el) {
|
|
|
659
659
|
};
|
|
660
660
|
}
|
|
661
661
|
function executeMediaCommand(command, frameRoot) {
|
|
662
|
-
return
|
|
662
|
+
return chunkZ3FYYUGI_js.runMediaCommand(
|
|
663
663
|
command,
|
|
664
|
-
(targetId) => registry.get(targetId) ??
|
|
664
|
+
(targetId) => registry.get(targetId) ?? chunkZ3FYYUGI_js.findMediaElementByElementId(targetId, frameRoot?.())
|
|
665
665
|
);
|
|
666
666
|
}
|
|
667
667
|
function PresentationMediaController({
|
|
@@ -705,7 +705,7 @@ function PresentationMediaController({
|
|
|
705
705
|
loop: shouldLoop,
|
|
706
706
|
volume: playbackVolume,
|
|
707
707
|
playbackRate
|
|
708
|
-
} =
|
|
708
|
+
} = chunkZ3FYYUGI_js.mediaPlaybackAttributes({
|
|
709
709
|
loop: element.loop,
|
|
710
710
|
volume: element.volume,
|
|
711
711
|
playbackSpeed: element.playbackSpeed
|
|
@@ -841,7 +841,7 @@ function PresentationMediaController({
|
|
|
841
841
|
if (element.playAcrossSlides && element.mediaType === "audio") {
|
|
842
842
|
const dataUrl = element.mediaData ?? resolvedDataUrl;
|
|
843
843
|
if (dataUrl) {
|
|
844
|
-
|
|
844
|
+
chunkZ3FYYUGI_js.registerPersistentAudio(
|
|
845
845
|
element.id,
|
|
846
846
|
dataUrl,
|
|
847
847
|
element.mediaMimeType,
|
|
@@ -912,7 +912,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
|
|
|
912
912
|
const dataUrl = element.mediaData ?? (mediaPath ? mediaDataUrls.get(mediaPath) : void 0);
|
|
913
913
|
const trimFragment = buildTrimFragment(element);
|
|
914
914
|
const posterUrl = element.posterFrameData ?? void 0;
|
|
915
|
-
const shouldLoop =
|
|
915
|
+
const shouldLoop = chunkZ3FYYUGI_js.mediaPlaybackAttributes(element).loop;
|
|
916
916
|
const shouldAutoPlay = options?.autoPlay === true || element.autoPlay === true;
|
|
917
917
|
const isFullScreen = options?.fullScreen === true;
|
|
918
918
|
const isPresentationMode = options?.isPresentationMode === true;
|
|
@@ -1078,7 +1078,7 @@ function renderMediaElement(element, mediaDataUrls, options) {
|
|
|
1078
1078
|
|
|
1079
1079
|
// src/viewer/utils/text-utils.tsx
|
|
1080
1080
|
function getTextStyleForElement(element, fallbackColor) {
|
|
1081
|
-
return
|
|
1081
|
+
return chunkZ3FYYUGI_js.buildTextBlockStyle(element, { fallbackColor });
|
|
1082
1082
|
}
|
|
1083
1083
|
|
|
1084
1084
|
// src/viewer/utils/text-layout.tsx
|
|
@@ -1103,13 +1103,13 @@ function computeTabSize(tabStops, defaultTabSize) {
|
|
|
1103
1103
|
return avgGap > 0 ? `${Math.round(avgGap)}px` : fromDefault;
|
|
1104
1104
|
}
|
|
1105
1105
|
function getTextLayoutStyle(element) {
|
|
1106
|
-
if (!
|
|
1106
|
+
if (!chunkZ3FYYUGI_js.hasTextProperties(element)) {
|
|
1107
1107
|
return {};
|
|
1108
1108
|
}
|
|
1109
1109
|
const verticalAlign = element.textStyle?.vAlign || "top";
|
|
1110
|
-
const writingMode =
|
|
1111
|
-
const textOrientation =
|
|
1112
|
-
const verticalDirection =
|
|
1110
|
+
const writingMode = chunkZ3FYYUGI_js.toCssWritingMode(element.textStyle?.textDirection);
|
|
1111
|
+
const textOrientation = chunkZ3FYYUGI_js.toCssTextOrientation(element.textStyle?.textDirection);
|
|
1112
|
+
const verticalDirection = chunkZ3FYYUGI_js.toCssVerticalDirection(element.textStyle?.textDirection);
|
|
1113
1113
|
const parsedColumnCount = Number(element.textStyle?.columnCount);
|
|
1114
1114
|
const columnCount = Number.isFinite(parsedColumnCount) ? Math.max(1, Math.min(16, Math.round(parsedColumnCount))) : 1;
|
|
1115
1115
|
const hasColumns = columnCount > 1;
|
|
@@ -1117,7 +1117,7 @@ function getTextLayoutStyle(element) {
|
|
|
1117
1117
|
const tabStops = element.textStyle?.tabStops;
|
|
1118
1118
|
const tabSize = computeTabSize(tabStops, element.textStyle?.defaultTabSize);
|
|
1119
1119
|
const textWrapNone = element.textStyle?.textWrap === "none";
|
|
1120
|
-
const hasParagraphIndents =
|
|
1120
|
+
const hasParagraphIndents = chunkZ3FYYUGI_js.hasTextProperties(element) && element.paragraphIndents && element.paragraphIndents.length > 0;
|
|
1121
1121
|
const paragraphMarginLeft = element.textStyle?.paragraphMarginLeft;
|
|
1122
1122
|
const paragraphIndent = element.textStyle?.paragraphIndent;
|
|
1123
1123
|
const marginLeft = !hasParagraphIndents && typeof paragraphMarginLeft === "number" && paragraphMarginLeft !== 0 ? paragraphMarginLeft : void 0;
|
|
@@ -1126,7 +1126,7 @@ function getTextLayoutStyle(element) {
|
|
|
1126
1126
|
const bodyBottom = element.textStyle?.bodyInsetBottom ?? DEFAULT_BODY_INSET_TB_PX;
|
|
1127
1127
|
const parsedColumnSpacing = Number(element.textStyle?.columnSpacing);
|
|
1128
1128
|
const columnGap = Number.isFinite(parsedColumnSpacing) && parsedColumnSpacing > 0 ? `${parsedColumnSpacing}px` : "0.75em";
|
|
1129
|
-
const kinsokuStyles =
|
|
1129
|
+
const kinsokuStyles = chunkZ3FYYUGI_js.getKinsokuLineBreakStyles(element.textStyle);
|
|
1130
1130
|
if (hasColumns) {
|
|
1131
1131
|
return {
|
|
1132
1132
|
display: "block",
|
|
@@ -1173,10 +1173,10 @@ function getTextLayoutStyle(element) {
|
|
|
1173
1173
|
|
|
1174
1174
|
// src/viewer/utils/text-effects.tsx
|
|
1175
1175
|
function buildTextFillCss2(style) {
|
|
1176
|
-
return
|
|
1176
|
+
return chunkZ3FYYUGI_js.buildTextFillCss(style);
|
|
1177
1177
|
}
|
|
1178
1178
|
function buildTextBody3DSceneStyle2(textStyle) {
|
|
1179
|
-
return
|
|
1179
|
+
return chunkZ3FYYUGI_js.buildTextBody3DSceneStyle(textStyle);
|
|
1180
1180
|
}
|
|
1181
1181
|
|
|
1182
1182
|
// src/viewer/utils/text-warp-css.tsx
|
|
@@ -1361,13 +1361,13 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
|
|
|
1361
1361
|
if (!subElementAnimStates || subElementAnimStates.size === 0) {
|
|
1362
1362
|
return renderedSegments;
|
|
1363
1363
|
}
|
|
1364
|
-
const paraKey = `${elementId}${
|
|
1364
|
+
const paraKey = `${elementId}${chunkZ3FYYUGI_js.TEXT_BUILD_ID_SEP}p${paraIndex}`;
|
|
1365
1365
|
const paraState = subElementAnimStates.get(paraKey);
|
|
1366
1366
|
if (paraState) {
|
|
1367
1367
|
const style = buildAnimStyle(paraState);
|
|
1368
1368
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-anim-id": paraKey, style: { display: "inline", ...style }, children: renderedSegments }, paraKey);
|
|
1369
1369
|
}
|
|
1370
|
-
const spec =
|
|
1370
|
+
const spec = chunkZ3FYYUGI_js.buildTextBuildSpec(
|
|
1371
1371
|
elementId,
|
|
1372
1372
|
paraIndex,
|
|
1373
1373
|
paraSegments.map((entry) => ({ text: entry.segment.text, style: entry })),
|
|
@@ -1385,7 +1385,7 @@ function wrapWithTextBuildAnimation(elementId, paraIndex, renderedSegments, para
|
|
|
1385
1385
|
"span",
|
|
1386
1386
|
{
|
|
1387
1387
|
"data-anim-id": span.animId,
|
|
1388
|
-
style:
|
|
1388
|
+
style: chunkZ3FYYUGI_js.textBuildSpanStyle(span),
|
|
1389
1389
|
children: content
|
|
1390
1390
|
},
|
|
1391
1391
|
span.animId
|
|
@@ -1529,10 +1529,10 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
|
|
|
1529
1529
|
if (!needsScriptFonts || !text) {
|
|
1530
1530
|
return text;
|
|
1531
1531
|
}
|
|
1532
|
-
const runs =
|
|
1532
|
+
const runs = chunkZ3FYYUGI_js.segmentByScript(text);
|
|
1533
1533
|
if (runs.length <= 1) {
|
|
1534
1534
|
if (runs.length === 1) {
|
|
1535
|
-
const font =
|
|
1535
|
+
const font = chunkZ3FYYUGI_js.resolveFontForScript(runs[0].script, scriptFonts);
|
|
1536
1536
|
if (font && font !== baseFontFamily) {
|
|
1537
1537
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontFamily: font }, children: text });
|
|
1538
1538
|
}
|
|
@@ -1540,7 +1540,7 @@ function renderScriptAwareText(text, needsScriptFonts, scriptFonts, baseFontFami
|
|
|
1540
1540
|
return text;
|
|
1541
1541
|
}
|
|
1542
1542
|
return runs.map((run, i) => {
|
|
1543
|
-
const font =
|
|
1543
|
+
const font = chunkZ3FYYUGI_js.resolveFontForScript(run.script, scriptFonts);
|
|
1544
1544
|
if (!font || font === baseFontFamily) {
|
|
1545
1545
|
return /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Fragment, { children: run.text }, `${keyPrefix}-r${i}`);
|
|
1546
1546
|
}
|
|
@@ -1612,8 +1612,8 @@ function renderSegmentContent(elementId, segmentIndex, textValue, lines, needsSc
|
|
|
1612
1612
|
);
|
|
1613
1613
|
}
|
|
1614
1614
|
function renderEquationSegment(elementId, segmentIndex, equationXml, equationNumber) {
|
|
1615
|
-
const mathml =
|
|
1616
|
-
const safeMathml = mathml ?
|
|
1615
|
+
const mathml = chunkZ3FYYUGI_js.convertOmmlToMathMl(equationXml);
|
|
1616
|
+
const safeMathml = mathml ? chunkZ3FYYUGI_js.sanitizeMathMl(mathml) : "";
|
|
1617
1617
|
const equationContent = safeMathml ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1618
1618
|
"span",
|
|
1619
1619
|
{
|
|
@@ -1663,7 +1663,7 @@ function renderEquationSegment(elementId, segmentIndex, equationXml, equationNum
|
|
|
1663
1663
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { children: equationContent }, `${elementId}-seg-${segmentIndex}`);
|
|
1664
1664
|
}
|
|
1665
1665
|
function renderPictureBullet(elementId, segmentIndex, bulletInfo, baseFontSize) {
|
|
1666
|
-
const picture =
|
|
1666
|
+
const picture = chunkZ3FYYUGI_js.resolvePictureBullet(bulletInfo, baseFontSize) ?? {
|
|
1667
1667
|
sizePx: baseFontSize,
|
|
1668
1668
|
fallbackMarker: "\u2022",
|
|
1669
1669
|
accessibleLabel: "Bullet"
|
|
@@ -1714,7 +1714,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
|
|
|
1714
1714
|
}
|
|
1715
1715
|
const segmentStyle = segment.style || {};
|
|
1716
1716
|
const rawText = bulletInfo && typeof bulletHangPx === "number" ? (segment.text || "").trimEnd() : segment.text || "";
|
|
1717
|
-
const textValue =
|
|
1717
|
+
const textValue = chunkZ3FYYUGI_js.substituteFieldText(rawText, segment.fieldType, fieldContext);
|
|
1718
1718
|
const lines = textValue.split("\n");
|
|
1719
1719
|
const textDecorationTokens = [];
|
|
1720
1720
|
if (segmentStyle.underline || segmentStyle.hyperlink) {
|
|
@@ -1724,28 +1724,28 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
|
|
|
1724
1724
|
textDecorationTokens.push("line-through");
|
|
1725
1725
|
}
|
|
1726
1726
|
const isDoubleStrike = segmentStyle.strikethrough && segmentStyle.strikeType === "dblStrike";
|
|
1727
|
-
const resolvedSegmentColor = segmentStyle.hyperlink ?
|
|
1728
|
-
const underlineDecoration =
|
|
1727
|
+
const resolvedSegmentColor = segmentStyle.hyperlink ? chunkZ3FYYUGI_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, HYPERLINK_COLOR) : chunkZ3FYYUGI_js.normalizeHexColor(segmentStyle.color || element.textStyle?.color, fallbackColor);
|
|
1728
|
+
const underlineDecoration = chunkZ3FYYUGI_js.resolveUnderlineDecorationStyle(
|
|
1729
1729
|
Boolean(isDoubleStrike),
|
|
1730
1730
|
segmentStyle.underlineStyle
|
|
1731
1731
|
);
|
|
1732
1732
|
const rawBaseline = typeof segmentStyle.baseline === "number" ? segmentStyle.baseline : 0;
|
|
1733
1733
|
const baselineFraction = rawBaseline === 0 ? 0 : Math.abs(rawBaseline) >= 1e3 ? rawBaseline / 1e5 : rawBaseline / 100;
|
|
1734
1734
|
const baselineFontScale = baselineFraction !== 0 ? 0.65 : 1;
|
|
1735
|
-
const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `calc(${segmentStyle.characterSpacing / 100 * (96 / 72)}px + ${
|
|
1735
|
+
const letterSpacing = typeof segmentStyle.characterSpacing === "number" && segmentStyle.characterSpacing !== 0 ? `calc(${segmentStyle.characterSpacing / 100 * (96 / 72)}px + ${chunkZ3FYYUGI_js.POWERPOINT_METRIC_TRACKING})` : chunkZ3FYYUGI_js.POWERPOINT_METRIC_TRACKING;
|
|
1736
1736
|
const textFillStyles = buildTextFillCss2(segmentStyle);
|
|
1737
1737
|
const rawFontSize = segmentStyle.fontSize || element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE;
|
|
1738
|
-
const autoFitScale =
|
|
1738
|
+
const autoFitScale = chunkZ3FYYUGI_js.resolveAutoFitFontScale(element.textStyle);
|
|
1739
1739
|
const baseFontSize = rawFontSize * autoFitScale;
|
|
1740
1740
|
const baselineShift = baselineFraction !== 0 ? `${baselineFraction * baseFontSize}px` : void 0;
|
|
1741
1741
|
const baseFontSizePt = baseFontSize * (72 / 96);
|
|
1742
1742
|
const fontKerning = typeof segmentStyle.kerning === "number" ? segmentStyle.kerning === 0 ? "none" : baseFontSizePt >= segmentStyle.kerning / 100 ? "normal" : "none" : void 0;
|
|
1743
1743
|
const rawFontFamily = segmentStyle.fontFamily || element.textStyle?.fontFamily;
|
|
1744
|
-
const baseFontFamily = rawFontFamily ?
|
|
1744
|
+
const baseFontFamily = rawFontFamily ? chunkZ3FYYUGI_js.getSubstituteFontFamily(
|
|
1745
1745
|
rawFontFamily,
|
|
1746
|
-
|
|
1746
|
+
chunkZ3FYYUGI_js.parsePanoseString(segmentStyle.latinFontPanose ?? element.textStyle?.latinFontPanose)
|
|
1747
1747
|
) : DEFAULT_FONT_FAMILY2;
|
|
1748
|
-
const scriptFont = (name, panose) => name ?
|
|
1748
|
+
const scriptFont = (name, panose) => name ? chunkZ3FYYUGI_js.getSubstituteFontFamily(name, chunkZ3FYYUGI_js.parsePanoseString(panose)) : baseFontFamily;
|
|
1749
1749
|
const scriptFonts = {
|
|
1750
1750
|
latin: baseFontFamily,
|
|
1751
1751
|
eastAsia: scriptFont(
|
|
@@ -1761,7 +1761,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
|
|
|
1761
1761
|
segmentStyle.symbolFontPanose ?? element.textStyle?.symbolFontPanose
|
|
1762
1762
|
)
|
|
1763
1763
|
};
|
|
1764
|
-
const needsScriptFonts =
|
|
1764
|
+
const needsScriptFonts = chunkZ3FYYUGI_js.hasDistinctScriptFonts(scriptFonts);
|
|
1765
1765
|
const spanStyle = {
|
|
1766
1766
|
color: resolvedSegmentColor,
|
|
1767
1767
|
fontSize: baseFontSize * baselineFontScale,
|
|
@@ -1779,15 +1779,15 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
|
|
|
1779
1779
|
fontVariantCaps: segmentStyle.textCaps === "small" ? "small-caps" : void 0,
|
|
1780
1780
|
letterSpacing,
|
|
1781
1781
|
fontKerning,
|
|
1782
|
-
backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ?
|
|
1782
|
+
backgroundColor: textFillStyles ? void 0 : segmentStyle.highlightColor ? chunkZ3FYYUGI_js.normalizeHexColor(segmentStyle.highlightColor, "transparent") : void 0,
|
|
1783
1783
|
...textFillStyles,
|
|
1784
|
-
textDecorationColor: segmentStyle.underlineColor ?
|
|
1785
|
-
WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${
|
|
1784
|
+
textDecorationColor: segmentStyle.underlineColor ? chunkZ3FYYUGI_js.normalizeHexColor(segmentStyle.underlineColor, void 0) : void 0,
|
|
1785
|
+
WebkitTextStroke: segmentStyle.textOutlineWidth && segmentStyle.textOutlineColor ? `${segmentStyle.textOutlineWidth}px ${chunkZ3FYYUGI_js.normalizeHexColor(segmentStyle.textOutlineColor, "#000000")}` : segmentStyle.textOutlineWidth ? `${segmentStyle.textOutlineWidth}px currentColor` : void 0,
|
|
1786
1786
|
paintOrder: segmentStyle.textOutlineWidth ? "stroke fill" : void 0,
|
|
1787
|
-
textShadow:
|
|
1788
|
-
filter:
|
|
1789
|
-
opacity:
|
|
1790
|
-
WebkitBoxReflect:
|
|
1787
|
+
textShadow: chunkZ3FYYUGI_js.buildTextShadowCss(segmentStyle),
|
|
1788
|
+
filter: chunkZ3FYYUGI_js.buildTextRunFilterChain(segmentStyle),
|
|
1789
|
+
opacity: chunkZ3FYYUGI_js.getTextAlphaOpacity(segmentStyle),
|
|
1790
|
+
WebkitBoxReflect: chunkZ3FYYUGI_js.buildTextReflectionCss(segmentStyle)
|
|
1791
1791
|
};
|
|
1792
1792
|
const runRtl = segmentStyle.rtl;
|
|
1793
1793
|
if (runRtl !== void 0 && runRtl !== paragraphRtl) {
|
|
@@ -1807,7 +1807,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
|
|
|
1807
1807
|
spanStyle.fontSize = baseFontSize * (bulletInfo.sizePercent / 100) * baselineFontScale;
|
|
1808
1808
|
}
|
|
1809
1809
|
if (bulletInfo.color) {
|
|
1810
|
-
spanStyle.color =
|
|
1810
|
+
spanStyle.color = chunkZ3FYYUGI_js.normalizeHexColor(bulletInfo.color, resolvedSegmentColor);
|
|
1811
1811
|
}
|
|
1812
1812
|
if (typeof bulletHangPx === "number" && bulletHangPx > 0) {
|
|
1813
1813
|
spanStyle.display = "inline-block";
|
|
@@ -1852,7 +1852,7 @@ function renderSingleSegment(element, segment, segmentIndex, fallbackColor, find
|
|
|
1852
1852
|
textAlign: segment.rubyAlignment === "l" ? "left" : segment.rubyAlignment === "r" ? "right" : segment.rubyAlignment === "dist" || segment.rubyAlignment === "distCat" || segment.rubyAlignment === "distLetter" ? "justify" : "center"
|
|
1853
1853
|
};
|
|
1854
1854
|
if (segment.rubyStyle?.color) {
|
|
1855
|
-
rubyStyle.color =
|
|
1855
|
+
rubyStyle.color = chunkZ3FYYUGI_js.normalizeHexColor(segment.rubyStyle.color, resolvedSegmentColor);
|
|
1856
1856
|
}
|
|
1857
1857
|
innerContent = /* @__PURE__ */ jsxRuntime.jsxs("ruby", { children: [
|
|
1858
1858
|
baseContent,
|
|
@@ -1925,7 +1925,7 @@ function resolveParagraphSpacing(input) {
|
|
|
1925
1925
|
if (typeof exactPt === "number" && exactPt > 0) {
|
|
1926
1926
|
result.lineHeight = `${exactPt * PT_TO_PX}px`;
|
|
1927
1927
|
} else if (typeof multiplier === "number" && multiplier > 0) {
|
|
1928
|
-
result.lineHeight =
|
|
1928
|
+
result.lineHeight = chunkZ3FYYUGI_js.proportionalLineHeight(multiplier);
|
|
1929
1929
|
}
|
|
1930
1930
|
return result;
|
|
1931
1931
|
}
|
|
@@ -1947,7 +1947,7 @@ function groupSegmentsIntoParagraphs(segments) {
|
|
|
1947
1947
|
return paragraphs;
|
|
1948
1948
|
}
|
|
1949
1949
|
function renderTextSegments(element, fallbackColor, emptyFallback, findHighlights, onHyperlinkClick, fieldContext, subElementAnimStates, segmentOverrides, requireCtrlClick) {
|
|
1950
|
-
if (!
|
|
1950
|
+
if (!chunkZ3FYYUGI_js.hasTextProperties(element)) {
|
|
1951
1951
|
return emptyFallback || null;
|
|
1952
1952
|
}
|
|
1953
1953
|
const effectiveSegments = segmentOverrides ?? element.textSegments;
|
|
@@ -1968,10 +1968,10 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
|
|
|
1968
1968
|
return element.text || emptyFallback || "";
|
|
1969
1969
|
}
|
|
1970
1970
|
const paragraphs = groupSegmentsIntoParagraphs(effectiveSegments);
|
|
1971
|
-
const paragraphIndents =
|
|
1972
|
-
const elementRtl =
|
|
1973
|
-
const elementAlign =
|
|
1974
|
-
const bodyStyle =
|
|
1971
|
+
const paragraphIndents = chunkZ3FYYUGI_js.hasTextProperties(element) ? element.paragraphIndents : void 0;
|
|
1972
|
+
const elementRtl = chunkZ3FYYUGI_js.hasTextProperties(element) ? element.textStyle?.rtl : void 0;
|
|
1973
|
+
const elementAlign = chunkZ3FYYUGI_js.hasTextProperties(element) ? element.textStyle?.align : void 0;
|
|
1974
|
+
const bodyStyle = chunkZ3FYYUGI_js.hasTextProperties(element) ? element.textStyle : void 0;
|
|
1975
1975
|
const spaceFirstLast = bodyStyle?.spaceFirstLastParagraph !== false;
|
|
1976
1976
|
return paragraphs.map(({ entries: paraSegments, terminator }, paraIndex) => {
|
|
1977
1977
|
const paraIndent = paragraphIndents?.[paraIndex];
|
|
@@ -1986,14 +1986,14 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
|
|
|
1986
1986
|
return Boolean(segment.text) && segment.text.trim().length > 0;
|
|
1987
1987
|
});
|
|
1988
1988
|
const hasBullet = bulletInfo && !bulletInfo.none && hasVisibleTextContent;
|
|
1989
|
-
const paraRtl =
|
|
1989
|
+
const paraRtl = chunkZ3FYYUGI_js.resolveParagraphRtl(paraSegments, elementRtl);
|
|
1990
1990
|
const isRtlParagraph = paraRtl === true;
|
|
1991
|
-
const paraAlign =
|
|
1992
|
-
const cssTextAlign =
|
|
1991
|
+
const paraAlign = chunkZ3FYYUGI_js.resolveParagraphAlign(paraSegments, elementAlign);
|
|
1992
|
+
const cssTextAlign = chunkZ3FYYUGI_js.resolveCssTextAlign(paraAlign, isRtlParagraph);
|
|
1993
1993
|
const paraMarginLeft = isRtlParagraph ? void 0 : rawMarginLeft;
|
|
1994
1994
|
const paraMarginRight = isRtlParagraph ? rawMarginLeft : void 0;
|
|
1995
1995
|
const paraTextIndent = rawTextIndent;
|
|
1996
|
-
const paraKinsokuStyle =
|
|
1996
|
+
const paraKinsokuStyle = chunkZ3FYYUGI_js.getKinsokuLineBreakStyles(firstSeg?.segment.style);
|
|
1997
1997
|
const hasParaKinsoku = Object.keys(paraKinsokuStyle).length > 0;
|
|
1998
1998
|
const paraProps = effectiveSegments[firstSeg?.globalIndex ?? -1]?.paragraphProperties ?? (paraSegments.length === 0 ? terminator?.paragraphProperties : void 0);
|
|
1999
1999
|
const spacing = resolveParagraphSpacing({
|
|
@@ -2003,7 +2003,7 @@ function renderTextSegments(element, fallbackColor, emptyFallback, findHighlight
|
|
|
2003
2003
|
isLast: paraIndex === paragraphs.length - 1,
|
|
2004
2004
|
spaceFirstLast
|
|
2005
2005
|
});
|
|
2006
|
-
const strutFontSize =
|
|
2006
|
+
const strutFontSize = chunkZ3FYYUGI_js.resolveParagraphStrutFontSize(
|
|
2007
2007
|
paraSegments.length > 0 ? paraSegments.map(({ segment }) => segment) : terminator ? [terminator] : [],
|
|
2008
2008
|
bodyStyle?.fontSize
|
|
2009
2009
|
);
|
|
@@ -2107,13 +2107,13 @@ function hexToRgbUnit(hex) {
|
|
|
2107
2107
|
};
|
|
2108
2108
|
}
|
|
2109
2109
|
function getDuotoneColors(element) {
|
|
2110
|
-
if (!
|
|
2110
|
+
if (!chunkZ3FYYUGI_js.isImageLikeElement(element)) {
|
|
2111
2111
|
return void 0;
|
|
2112
2112
|
}
|
|
2113
2113
|
return element.imageEffects?.duotone;
|
|
2114
2114
|
}
|
|
2115
2115
|
function buildLineShadowCss(element) {
|
|
2116
|
-
if (!
|
|
2116
|
+
if (!chunkZ3FYYUGI_js.hasShapeProperties(element)) {
|
|
2117
2117
|
return void 0;
|
|
2118
2118
|
}
|
|
2119
2119
|
const ss = element.shapeStyle;
|
|
@@ -2124,13 +2124,13 @@ function buildLineShadowCss(element) {
|
|
|
2124
2124
|
const offsetY = typeof ss.lineShadowOffsetY === "number" ? ss.lineShadowOffsetY : 2;
|
|
2125
2125
|
const blur = typeof ss.lineShadowBlur === "number" ? Math.max(0, ss.lineShadowBlur) : 4;
|
|
2126
2126
|
const opacity = typeof ss.lineShadowOpacity === "number" ? Math.max(0, Math.min(1, ss.lineShadowOpacity)) : 0.35;
|
|
2127
|
-
return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${
|
|
2128
|
-
|
|
2127
|
+
return `${Math.round(offsetX)}px ${Math.round(offsetY)}px ${Math.round(blur)}px ${chunkZ3FYYUGI_js.colorWithOpacity(
|
|
2128
|
+
chunkZ3FYYUGI_js.normalizeHexColor(ss.lineShadowColor, "#000000"),
|
|
2129
2129
|
opacity
|
|
2130
2130
|
)}`;
|
|
2131
2131
|
}
|
|
2132
2132
|
function buildLineGlowFilter(element) {
|
|
2133
|
-
if (!
|
|
2133
|
+
if (!chunkZ3FYYUGI_js.hasShapeProperties(element)) {
|
|
2134
2134
|
return void 0;
|
|
2135
2135
|
}
|
|
2136
2136
|
const ss = element.shapeStyle;
|
|
@@ -2139,7 +2139,7 @@ function buildLineGlowFilter(element) {
|
|
|
2139
2139
|
}
|
|
2140
2140
|
const glowOpacity = typeof ss.lineGlowOpacity === "number" ? ss.lineGlowOpacity : 0.75;
|
|
2141
2141
|
const glowRad = Math.round(Math.max(0, ss.lineGlowRadius));
|
|
2142
|
-
const glowCol =
|
|
2142
|
+
const glowCol = chunkZ3FYYUGI_js.colorWithOpacity(chunkZ3FYYUGI_js.normalizeHexColor(ss.lineGlowColor, "#ffff00"), glowOpacity);
|
|
2143
2143
|
return `drop-shadow(0 0 ${glowRad}px ${glowCol})`;
|
|
2144
2144
|
}
|
|
2145
2145
|
function mapDagBlendModeToCss(blend) {
|
|
@@ -2163,7 +2163,7 @@ function getDagDuotoneFilterId(elementId) {
|
|
|
2163
2163
|
return `dag-duotone-${elementId}`;
|
|
2164
2164
|
}
|
|
2165
2165
|
function hasDagDuotoneEffect(element) {
|
|
2166
|
-
if (!
|
|
2166
|
+
if (!chunkZ3FYYUGI_js.hasShapeProperties(element)) {
|
|
2167
2167
|
return false;
|
|
2168
2168
|
}
|
|
2169
2169
|
return Boolean(element.shapeStyle?.dagDuotone);
|
|
@@ -2226,7 +2226,7 @@ function getRoundRectRadiusPx2(element) {
|
|
|
2226
2226
|
|
|
2227
2227
|
// src/viewer/utils/shape-visual-3d.ts
|
|
2228
2228
|
function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elementHeight) {
|
|
2229
|
-
return
|
|
2229
|
+
return chunkZ3FYYUGI_js.build3DExtrusionData(
|
|
2230
2230
|
shape3d,
|
|
2231
2231
|
scene3d,
|
|
2232
2232
|
fillColor,
|
|
@@ -2235,7 +2235,7 @@ function build3DExtrusionData2(shape3d, scene3d, fillColor, elementWidth, elemen
|
|
|
2235
2235
|
);
|
|
2236
2236
|
}
|
|
2237
2237
|
function apply3dEffects2(base, scene3d, shape3d, fillColorFallback) {
|
|
2238
|
-
|
|
2238
|
+
chunkZ3FYYUGI_js.apply3dEffects(base, scene3d, shape3d, fillColorFallback);
|
|
2239
2239
|
}
|
|
2240
2240
|
|
|
2241
2241
|
// src/viewer/utils/shape-visual-style.ts
|
|
@@ -2243,43 +2243,43 @@ function getGradientTilingCss(style) {
|
|
|
2243
2243
|
if (!style || style.fillMode !== "gradient") {
|
|
2244
2244
|
return void 0;
|
|
2245
2245
|
}
|
|
2246
|
-
const isStructuredLinear = (style.fillGradientType || "linear") === "linear" &&
|
|
2246
|
+
const isStructuredLinear = (style.fillGradientType || "linear") === "linear" && chunkZ3FYYUGI_js.sanitizeGradientStops(style.fillGradientStops).length > 0;
|
|
2247
2247
|
if (isStructuredLinear) {
|
|
2248
|
-
const flip =
|
|
2248
|
+
const flip = chunkZ3FYYUGI_js.getGradientTileFlipCss(style.fillGradientFlip);
|
|
2249
2249
|
if (flip) {
|
|
2250
2250
|
return flip;
|
|
2251
2251
|
}
|
|
2252
2252
|
}
|
|
2253
|
-
return
|
|
2253
|
+
return chunkZ3FYYUGI_js.getGradientTileRectCss(style.fillGradientTileRect);
|
|
2254
2254
|
}
|
|
2255
2255
|
function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
|
|
2256
|
-
if (!
|
|
2256
|
+
if (!chunkZ3FYYUGI_js.hasShapeProperties(element)) {
|
|
2257
2257
|
return {};
|
|
2258
2258
|
}
|
|
2259
2259
|
const normalizedShapeType = getShapeType(element.shapeType);
|
|
2260
|
-
const clipPath =
|
|
2260
|
+
const clipPath = chunkZ3FYYUGI_js.getResolvedShapeClipPath(element);
|
|
2261
2261
|
const rendersCustomVectorPath = (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;
|
|
2262
|
-
const rendersStrokeOnlyPreset =
|
|
2262
|
+
const rendersStrokeOnlyPreset = chunkZ3FYYUGI_js.isStrokeOnlyPresetElement(element);
|
|
2263
2263
|
const fillOpacity = element.shapeStyle?.fillOpacity;
|
|
2264
2264
|
const strokeOpacity = element.shapeStyle?.strokeOpacity;
|
|
2265
|
-
const strokeDash =
|
|
2266
|
-
const fillGradient =
|
|
2265
|
+
const strokeDash = chunkZ3FYYUGI_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
|
|
2266
|
+
const fillGradient = chunkZ3FYYUGI_js.buildCssGradientFromShapeStyle(element.shapeStyle, {
|
|
2267
2267
|
rotation: element.rotation,
|
|
2268
2268
|
width: element.width,
|
|
2269
2269
|
height: element.height
|
|
2270
2270
|
}) || element.shapeStyle?.fillGradient;
|
|
2271
|
-
const shadowCss =
|
|
2272
|
-
const innerShadowCss =
|
|
2273
|
-
const resolvedFillColor =
|
|
2274
|
-
const resolvedStrokeColor =
|
|
2271
|
+
const shadowCss = chunkZ3FYYUGI_js.buildShadowCssFromShapeStyle(element.shapeStyle);
|
|
2272
|
+
const innerShadowCss = chunkZ3FYYUGI_js.buildInnerShadowCssFromShapeStyle(element.shapeStyle);
|
|
2273
|
+
const resolvedFillColor = chunkZ3FYYUGI_js.colorWithOpacity(fillColor, fillOpacity);
|
|
2274
|
+
const resolvedStrokeColor = chunkZ3FYYUGI_js.colorWithOpacity(strokeColor, strokeOpacity);
|
|
2275
2275
|
const ss = element.shapeStyle;
|
|
2276
2276
|
const gradientTiling = getGradientTilingCss(ss);
|
|
2277
|
-
const paintsGradientOutline =
|
|
2277
|
+
const paintsGradientOutline = chunkZ3FYYUGI_js.suppressesCssBorder(element);
|
|
2278
2278
|
const hasFillOverlayColor = Boolean(
|
|
2279
2279
|
ss?.dagFillOverlayColor && ss.dagFillOverlayColor !== "transparent"
|
|
2280
2280
|
);
|
|
2281
2281
|
const combinedShadowParts = [];
|
|
2282
|
-
const multiLayerShadow =
|
|
2282
|
+
const multiLayerShadow = chunkZ3FYYUGI_js.buildMultiLayerShadowCss(element.shapeStyle);
|
|
2283
2283
|
if (multiLayerShadow) {
|
|
2284
2284
|
combinedShadowParts.push(multiLayerShadow);
|
|
2285
2285
|
} else if (shadowCss) {
|
|
@@ -2288,7 +2288,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2288
2288
|
if (innerShadowCss) {
|
|
2289
2289
|
combinedShadowParts.push(innerShadowCss);
|
|
2290
2290
|
}
|
|
2291
|
-
const glowBoxShadow =
|
|
2291
|
+
const glowBoxShadow = chunkZ3FYYUGI_js.buildGlowBoxShadow(ss?.glowColor, ss?.glowRadius, ss?.glowOpacity);
|
|
2292
2292
|
if (glowBoxShadow) {
|
|
2293
2293
|
combinedShadowParts.push(glowBoxShadow);
|
|
2294
2294
|
}
|
|
@@ -2296,7 +2296,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2296
2296
|
if (lineShadow) {
|
|
2297
2297
|
combinedShadowParts.push(lineShadow);
|
|
2298
2298
|
}
|
|
2299
|
-
const compoundLineShadow =
|
|
2299
|
+
const compoundLineShadow = chunkZ3FYYUGI_js.getCompoundLineBoxShadow(
|
|
2300
2300
|
element.shapeStyle?.compoundLine,
|
|
2301
2301
|
strokeWidth,
|
|
2302
2302
|
resolvedStrokeColor
|
|
@@ -2309,11 +2309,11 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2309
2309
|
if (ss?.glowColor && ss.glowColor !== "transparent" && ss.glowRadius) {
|
|
2310
2310
|
const glowOpacity = typeof ss.glowOpacity === "number" ? ss.glowOpacity : 0.75;
|
|
2311
2311
|
const glowRad = Math.round(Math.max(0, ss.glowRadius));
|
|
2312
|
-
const glowCol =
|
|
2312
|
+
const glowCol = chunkZ3FYYUGI_js.colorWithOpacity(chunkZ3FYYUGI_js.normalizeHexColor(ss.glowColor, "#ffff00"), glowOpacity);
|
|
2313
2313
|
filterParts.push(`drop-shadow(0 0 ${glowRad}px ${glowCol})`);
|
|
2314
2314
|
}
|
|
2315
2315
|
if (typeof ss?.softEdgeRadius === "number" && ss.softEdgeRadius > 0) {
|
|
2316
|
-
filterParts.push(`url(#${
|
|
2316
|
+
filterParts.push(`url(#${chunkZ3FYYUGI_js.getSoftEdgeFilterId(element.id)})`);
|
|
2317
2317
|
}
|
|
2318
2318
|
if (typeof ss?.blurRadius === "number" && ss.blurRadius > 0) {
|
|
2319
2319
|
filterParts.push(`blur(${Math.round(ss.blurRadius)}px)`);
|
|
@@ -2322,13 +2322,13 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2322
2322
|
if (lineGlowCss) {
|
|
2323
2323
|
filterParts.push(lineGlowCss);
|
|
2324
2324
|
}
|
|
2325
|
-
const dagFilter =
|
|
2325
|
+
const dagFilter = chunkZ3FYYUGI_js.getEffectDagFilter(ss, element.id);
|
|
2326
2326
|
if (dagFilter) {
|
|
2327
2327
|
filterParts.push(dagFilter);
|
|
2328
2328
|
}
|
|
2329
2329
|
const lineJoinCss = ss?.lineJoin === "round" ? "round" : ss?.lineJoin === "bevel" ? "bevel" : ss?.lineJoin === "miter" ? "miter" : void 0;
|
|
2330
2330
|
const miterLimitCss = ss?.lineJoin === "miter" && typeof ss?.miterLimit === "number" ? Math.max(ss.miterLimit / 1e5, 1) : void 0;
|
|
2331
|
-
const patternFill =
|
|
2331
|
+
const patternFill = chunkZ3FYYUGI_js.buildPatternFillCss(element.shapeStyle);
|
|
2332
2332
|
const imageFillUrl = ss?.fillMode === "image" && ss.fillImageUrl ? ss.fillImageUrl : void 0;
|
|
2333
2333
|
const imageFillMode = ss?.fillImageMode || "stretch";
|
|
2334
2334
|
let reflectCss;
|
|
@@ -2340,7 +2340,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2340
2340
|
const endOpacity = typeof ss.reflectionEndOpacity === "number" ? ss.reflectionEndOpacity : 0;
|
|
2341
2341
|
const fadeLength = typeof ss.reflectionEndPosition === "number" ? Math.round(ss.reflectionEndPosition * Math.max(element.height, 1)) : 100;
|
|
2342
2342
|
const blurRadius = typeof ss.reflectionBlurRadius === "number" ? ss.reflectionBlurRadius : 0;
|
|
2343
|
-
reflectCss =
|
|
2343
|
+
reflectCss = chunkZ3FYYUGI_js.buildReflectionCss(distance, startOpacity, endOpacity, fadeLength, blurRadius);
|
|
2344
2344
|
}
|
|
2345
2345
|
}
|
|
2346
2346
|
const base = {
|
|
@@ -2386,9 +2386,9 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2386
2386
|
// path following the shape's geometry, because a CSS border can only take
|
|
2387
2387
|
// one colour. Keeping the border too would draw the parser's averaged
|
|
2388
2388
|
// solid underneath the gradient.
|
|
2389
|
-
borderWidth: strokeWidth > 0 && !paintsGradientOutline ?
|
|
2389
|
+
borderWidth: strokeWidth > 0 && !paintsGradientOutline ? chunkZ3FYYUGI_js.getCompoundLineBorderWidth(ss?.compoundLine, strokeWidth) : 0,
|
|
2390
2390
|
borderColor: strokeWidth > 0 && !paintsGradientOutline ? resolvedStrokeColor : void 0,
|
|
2391
|
-
borderStyle: strokeWidth > 0 && !paintsGradientOutline ?
|
|
2391
|
+
borderStyle: strokeWidth > 0 && !paintsGradientOutline ? chunkZ3FYYUGI_js.getCssBorderDashStyle(strokeDash, ss?.compoundLine) : void 0,
|
|
2392
2392
|
strokeLinejoin: lineJoinCss,
|
|
2393
2393
|
strokeMiterlimit: miterLimitCss,
|
|
2394
2394
|
strokeLinecap: ss?.lineCap === "rnd" ? "round" : ss?.lineCap === "sq" ? "square" : ss?.lineCap === "flat" ? "butt" : void 0
|
|
@@ -2444,7 +2444,7 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2444
2444
|
borderWidth: 0,
|
|
2445
2445
|
borderTopWidth: Math.max(strokeWidth, 2),
|
|
2446
2446
|
borderTopColor: resolvedStrokeColor,
|
|
2447
|
-
borderTopStyle:
|
|
2447
|
+
borderTopStyle: chunkZ3FYYUGI_js.getCssBorderDashStyle(strokeDash)
|
|
2448
2448
|
};
|
|
2449
2449
|
}
|
|
2450
2450
|
if (normalizedShapeType === "cylinder") {
|
|
@@ -2458,13 +2458,13 @@ function getShapeVisualStyle(element, hasFill, fillColor, strokeWidth, strokeCol
|
|
|
2458
2458
|
function getConnectorAdjustment(element, key, fallback) {
|
|
2459
2459
|
const direct = element.shapeAdjustments?.[key];
|
|
2460
2460
|
if (typeof direct === "number" && Number.isFinite(direct)) {
|
|
2461
|
-
return
|
|
2461
|
+
return chunkZ3FYYUGI_js.clampUnitInterval(direct / 1e5);
|
|
2462
2462
|
}
|
|
2463
2463
|
const fallbackKey = element.shapeAdjustments?.adj;
|
|
2464
2464
|
if (typeof fallbackKey === "number" && Number.isFinite(fallbackKey)) {
|
|
2465
|
-
return
|
|
2465
|
+
return chunkZ3FYYUGI_js.clampUnitInterval(fallbackKey / 1e5);
|
|
2466
2466
|
}
|
|
2467
|
-
return
|
|
2467
|
+
return chunkZ3FYYUGI_js.clampUnitInterval(fallback);
|
|
2468
2468
|
}
|
|
2469
2469
|
function getConnectorPathGeometry(element) {
|
|
2470
2470
|
const width = Math.max(element.width, 0);
|
|
@@ -2597,7 +2597,7 @@ function toHexByte(value) {
|
|
|
2597
2597
|
return clamped.toString(16).padStart(2, "0");
|
|
2598
2598
|
}
|
|
2599
2599
|
function shiftHex(hex, factor, towardsWhite) {
|
|
2600
|
-
const channels =
|
|
2600
|
+
const channels = chunkZ3FYYUGI_js.hexToRgbChannels(hex);
|
|
2601
2601
|
if (!channels) {
|
|
2602
2602
|
return hex;
|
|
2603
2603
|
}
|
|
@@ -2623,7 +2623,7 @@ function buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity) {
|
|
|
2623
2623
|
const fillOff = subpath.fillMode === "none" || !hasFill;
|
|
2624
2624
|
return {
|
|
2625
2625
|
d: subpath.d,
|
|
2626
|
-
fill: fillOff ? "none" :
|
|
2626
|
+
fill: fillOff ? "none" : chunkZ3FYYUGI_js.colorWithOpacity(adjustFillForMode(fillColor, subpath.fillMode), fillOpacity),
|
|
2627
2627
|
stroked: subpath.stroke !== false
|
|
2628
2628
|
};
|
|
2629
2629
|
});
|
|
@@ -2639,11 +2639,11 @@ function strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray) {
|
|
|
2639
2639
|
strokePaint,
|
|
2640
2640
|
strokeWidth,
|
|
2641
2641
|
dashArray,
|
|
2642
|
-
lineCap:
|
|
2642
|
+
lineCap: chunkZ3FYYUGI_js.svgLineCap(shapeStyle?.lineCap),
|
|
2643
2643
|
lineJoin,
|
|
2644
2644
|
miterLimit,
|
|
2645
|
-
offsets:
|
|
2646
|
-
widths:
|
|
2645
|
+
offsets: chunkZ3FYYUGI_js.getCompoundLineOffsets(shapeStyle?.compoundLine, strokeWidth),
|
|
2646
|
+
widths: chunkZ3FYYUGI_js.getCompoundLineWidths(shapeStyle?.compoundLine, strokeWidth)
|
|
2647
2647
|
};
|
|
2648
2648
|
}
|
|
2649
2649
|
function strokeStrands(d, keyBase, ctx) {
|
|
@@ -2691,9 +2691,9 @@ function gradientDefs(gradient) {
|
|
|
2691
2691
|
}
|
|
2692
2692
|
function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredPaths, shapeStyle, hasFill, fillColor, fillOpacity, strokePaint, strokeWidth, dashArray, animatesFill = false, gradient) {
|
|
2693
2693
|
const ctx = strokeContext(shapeStyle, strokePaint, strokeWidth, dashArray);
|
|
2694
|
-
const subpaths = structuredPaths && structuredPaths.length > 0 ?
|
|
2694
|
+
const subpaths = structuredPaths && structuredPaths.length > 0 ? chunkZ3FYYUGI_js.customGeometryPathsToSvgSubpaths(structuredPaths, pathWidth, pathHeight) : void 0;
|
|
2695
2695
|
const needsPerSubpath = subpaths !== void 0 && subpaths.some((sp) => sp.fillMode && sp.fillMode !== "norm" || sp.stroke === false);
|
|
2696
|
-
const gradientPaint = gradient ?
|
|
2696
|
+
const gradientPaint = gradient ? chunkZ3FYYUGI_js.svgGradientFillRef(gradient) : void 0;
|
|
2697
2697
|
const nodes = [];
|
|
2698
2698
|
if (subpaths && needsPerSubpath) {
|
|
2699
2699
|
const paints = buildCustomSubpathPaints(subpaths, hasFill, fillColor, fillOpacity);
|
|
@@ -2725,7 +2725,7 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
|
|
|
2725
2725
|
"path",
|
|
2726
2726
|
{
|
|
2727
2727
|
d: pathData,
|
|
2728
|
-
fill: animatesFill ? "inherit" : gradientPaint ??
|
|
2728
|
+
fill: animatesFill ? "inherit" : gradientPaint ?? chunkZ3FYYUGI_js.colorWithOpacity(fillColor, fillOpacity),
|
|
2729
2729
|
stroke: "none",
|
|
2730
2730
|
vectorEffect: "non-scaling-stroke"
|
|
2731
2731
|
},
|
|
@@ -2751,14 +2751,14 @@ function renderCustomGeometryVector(pathData, pathWidth, pathHeight, structuredP
|
|
|
2751
2751
|
);
|
|
2752
2752
|
}
|
|
2753
2753
|
function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor, animatesFill, animatesStroke) {
|
|
2754
|
-
if (!
|
|
2754
|
+
if (!chunkZ3FYYUGI_js.hasShapeProperties(element)) {
|
|
2755
2755
|
return null;
|
|
2756
2756
|
}
|
|
2757
2757
|
const normalizedType = (element.shapeType || "").toLowerCase();
|
|
2758
|
-
const fillPaint = animatesFill ? "inherit" :
|
|
2759
|
-
const strokePaint = animatesStroke ? "inherit" :
|
|
2760
|
-
const dashType =
|
|
2761
|
-
const dashArray =
|
|
2758
|
+
const fillPaint = animatesFill ? "inherit" : chunkZ3FYYUGI_js.colorWithOpacity(fillColor, element.shapeStyle?.fillOpacity);
|
|
2759
|
+
const strokePaint = animatesStroke ? "inherit" : chunkZ3FYYUGI_js.colorWithOpacity(strokeColor, element.shapeStyle?.strokeOpacity);
|
|
2760
|
+
const dashType = chunkZ3FYYUGI_js.normalizeStrokeDashType(element.shapeStyle?.strokeDash);
|
|
2761
|
+
const dashArray = chunkZ3FYYUGI_js.getSvgStrokeDasharray(
|
|
2762
2762
|
dashType,
|
|
2763
2763
|
Math.max(strokeWidth, 1),
|
|
2764
2764
|
element.shapeStyle?.customDashSegments
|
|
@@ -2839,21 +2839,21 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
|
|
|
2839
2839
|
// container's `background-image` is suppressed for custom geometry, so
|
|
2840
2840
|
// without this the shape fell back to the parser's representative solid
|
|
2841
2841
|
// and lost every fade (issue #132).
|
|
2842
|
-
|
|
2842
|
+
chunkZ3FYYUGI_js.buildSvgGradientDef(element.shapeStyle, element.id)
|
|
2843
2843
|
);
|
|
2844
2844
|
}
|
|
2845
|
-
if (
|
|
2845
|
+
if (chunkZ3FYYUGI_js.isCalloutShape(normalizedType)) {
|
|
2846
2846
|
const width = Math.max(element.width, 1);
|
|
2847
2847
|
const height = Math.max(element.height, 1);
|
|
2848
|
-
const geometry =
|
|
2848
|
+
const geometry = chunkZ3FYYUGI_js.getCalloutLeaderLineGeometry(
|
|
2849
2849
|
normalizedType,
|
|
2850
2850
|
width,
|
|
2851
2851
|
height,
|
|
2852
2852
|
element.shapeAdjustments
|
|
2853
2853
|
);
|
|
2854
2854
|
if (geometry && geometry.points.length >= 2) {
|
|
2855
|
-
const leaderPath =
|
|
2856
|
-
const bounds =
|
|
2855
|
+
const leaderPath = chunkZ3FYYUGI_js.buildCalloutLeaderLineSvgPath(geometry);
|
|
2856
|
+
const bounds = chunkZ3FYYUGI_js.getCalloutViewBoxBounds(width, height, geometry);
|
|
2857
2857
|
const lineStroke = Math.max(strokeWidth, 1);
|
|
2858
2858
|
const offsetLeft = bounds.minX;
|
|
2859
2859
|
const offsetTop = bounds.minY;
|
|
@@ -2916,10 +2916,10 @@ function renderVectorShape(element, hasFill, fillColor, strokeWidth, strokeColor
|
|
|
2916
2916
|
const endArrowW = element.shapeStyle?.connectorEndArrowWidth;
|
|
2917
2917
|
const endArrowL = element.shapeStyle?.connectorEndArrowLength;
|
|
2918
2918
|
const compoundLine = element.shapeStyle?.compoundLine;
|
|
2919
|
-
const connectorLineCap =
|
|
2919
|
+
const connectorLineCap = chunkZ3FYYUGI_js.svgLineCap(element.shapeStyle?.lineCap);
|
|
2920
2920
|
const hitTargetWidth = Math.max(strokeWidth * 3, 12);
|
|
2921
|
-
const offsets =
|
|
2922
|
-
const widths =
|
|
2921
|
+
const offsets = chunkZ3FYYUGI_js.getCompoundLineOffsets(compoundLine, strokeWidth);
|
|
2922
|
+
const widths = chunkZ3FYYUGI_js.getCompoundLineWidths(compoundLine, strokeWidth);
|
|
2923
2923
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2924
2924
|
"svg",
|
|
2925
2925
|
{
|
|
@@ -2986,15 +2986,15 @@ function parseGradientFillCss(gradFill) {
|
|
|
2986
2986
|
}
|
|
2987
2987
|
const parsed = stops.map((gs) => {
|
|
2988
2988
|
const pos = Number.parseInt(String(gs["@_pos"] || "0"), 10) / 1e3;
|
|
2989
|
-
const color =
|
|
2990
|
-
const opacity =
|
|
2991
|
-
return { pos, color:
|
|
2989
|
+
const color = chunkZ3FYYUGI_js.parseDrawingColor(gs) ?? "#888888";
|
|
2990
|
+
const opacity = chunkZ3FYYUGI_js.parseDrawingColorOpacity(gs);
|
|
2991
|
+
return { pos, color: chunkZ3FYYUGI_js.colorWithOpacity(color, opacity) };
|
|
2992
2992
|
}).sort((a, b) => a.pos - b.pos);
|
|
2993
2993
|
const stopStrings = parsed.map((s) => `${s.color} ${s.pos.toFixed(1)}%`).join(", ");
|
|
2994
2994
|
const lin = gradFill["a:lin"];
|
|
2995
2995
|
if (lin) {
|
|
2996
2996
|
const angRaw = Number.parseInt(String(lin["@_ang"] || "0"), 10);
|
|
2997
|
-
const angleDeg = Math.round(
|
|
2997
|
+
const angleDeg = Math.round(chunkZ3FYYUGI_js.ooxmlGradientAngleToCssDegrees(angRaw / 6e4));
|
|
2998
2998
|
return `linear-gradient(${angleDeg}deg, ${stopStrings})`;
|
|
2999
2999
|
}
|
|
3000
3000
|
const path = gradFill["a:path"];
|
|
@@ -3029,8 +3029,8 @@ function parsePatternFillCss(pattFill) {
|
|
|
3029
3029
|
if (!pattFill) {
|
|
3030
3030
|
return void 0;
|
|
3031
3031
|
}
|
|
3032
|
-
const fgColor =
|
|
3033
|
-
const bgColor =
|
|
3032
|
+
const fgColor = chunkZ3FYYUGI_js.parseDrawingColor(pattFill["a:fgClr"]) ?? "#000000";
|
|
3033
|
+
const bgColor = chunkZ3FYYUGI_js.parseDrawingColor(pattFill["a:bgClr"]) ?? "#ffffff";
|
|
3034
3034
|
const preset = String(pattFill["@_prst"] || "ltDnDiag");
|
|
3035
3035
|
switch (preset) {
|
|
3036
3036
|
case "ltHorz":
|
|
@@ -3141,11 +3141,11 @@ function parseCellBorders(cellProperties) {
|
|
|
3141
3141
|
const prstDash = ln["a:prstDash"];
|
|
3142
3142
|
const dashVal = prstDash ? String(prstDash["@_val"] || "") : void 0;
|
|
3143
3143
|
const cssBorderStyle = ooxmlDashToCss(dashVal);
|
|
3144
|
-
const color =
|
|
3144
|
+
const color = chunkZ3FYYUGI_js.parseDrawingColor(ln["a:solidFill"]);
|
|
3145
3145
|
if (color) {
|
|
3146
|
-
const opacity =
|
|
3146
|
+
const opacity = chunkZ3FYYUGI_js.parseDrawingColorOpacity(ln["a:solidFill"]);
|
|
3147
3147
|
const key = `${edge.prefix}`;
|
|
3148
|
-
borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${
|
|
3148
|
+
borderStyle[key] = `${widthPx}px ${cssBorderStyle} ${chunkZ3FYYUGI_js.colorWithOpacity(color, opacity)}`;
|
|
3149
3149
|
}
|
|
3150
3150
|
}
|
|
3151
3151
|
return borderStyle;
|
|
@@ -3158,7 +3158,7 @@ function parseCellTextEffects(runProps) {
|
|
|
3158
3158
|
const textShadowParts = [];
|
|
3159
3159
|
const outerShdw = effectLst["a:outerShdw"];
|
|
3160
3160
|
if (outerShdw) {
|
|
3161
|
-
const shdwColor =
|
|
3161
|
+
const shdwColor = chunkZ3FYYUGI_js.parseDrawingColor(outerShdw);
|
|
3162
3162
|
if (shdwColor) {
|
|
3163
3163
|
const blurRad = Number.parseInt(String(outerShdw["@_blurRad"] || "0"), 10);
|
|
3164
3164
|
const blurPx = blurRad > 0 ? Math.round(blurRad / 12700) : 0;
|
|
@@ -3176,7 +3176,7 @@ function parseCellTextEffects(runProps) {
|
|
|
3176
3176
|
}
|
|
3177
3177
|
const glow = effectLst["a:glow"];
|
|
3178
3178
|
if (glow) {
|
|
3179
|
-
const glowColor =
|
|
3179
|
+
const glowColor = chunkZ3FYYUGI_js.parseDrawingColor(glow);
|
|
3180
3180
|
if (glowColor) {
|
|
3181
3181
|
const glowRad = Number.parseInt(String(glow["@_rad"] || "0"), 10);
|
|
3182
3182
|
const glowPx = glowRad > 0 ? Math.round(glowRad / 12700) : 2;
|
|
@@ -3255,10 +3255,10 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
|
|
|
3255
3255
|
if (runProps?.["@_u"] !== void 0) {
|
|
3256
3256
|
cellStyle.textDecorationLine = runProps["@_u"] === "sng" ? "underline" : "none";
|
|
3257
3257
|
}
|
|
3258
|
-
const runColor =
|
|
3258
|
+
const runColor = chunkZ3FYYUGI_js.parseDrawingColor(runProps?.["a:solidFill"], schemeColorOverrides) || chunkZ3FYYUGI_js.parseDrawingColor(runProps?.["a:highlight"], schemeColorOverrides);
|
|
3259
3259
|
if (runColor) {
|
|
3260
|
-
const opacity =
|
|
3261
|
-
cellStyle.color =
|
|
3260
|
+
const opacity = chunkZ3FYYUGI_js.parseDrawingColorOpacity(runProps?.["a:solidFill"]);
|
|
3261
|
+
cellStyle.color = chunkZ3FYYUGI_js.colorWithOpacity(runColor, opacity);
|
|
3262
3262
|
}
|
|
3263
3263
|
const fontFamily = runProps?.["a:latin"]?.["@_typeface"] || runProps?.["a:ea"]?.["@_typeface"] || runProps?.["a:cs"]?.["@_typeface"];
|
|
3264
3264
|
if (fontFamily) {
|
|
@@ -3268,15 +3268,15 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
|
|
|
3268
3268
|
cellStyle.textAlign = parseParagraphAlignment(paragraphProperties["@_algn"]);
|
|
3269
3269
|
}
|
|
3270
3270
|
const cellProperties = cellXml["a:tcPr"];
|
|
3271
|
-
const cellFill =
|
|
3271
|
+
const cellFill = chunkZ3FYYUGI_js.parseDrawingColor(
|
|
3272
3272
|
cellProperties?.["a:solidFill"],
|
|
3273
3273
|
schemeColorOverrides
|
|
3274
3274
|
);
|
|
3275
3275
|
if (cellFill) {
|
|
3276
|
-
const opacity =
|
|
3276
|
+
const opacity = chunkZ3FYYUGI_js.parseDrawingColorOpacity(
|
|
3277
3277
|
cellProperties?.["a:solidFill"]
|
|
3278
3278
|
);
|
|
3279
|
-
cellStyle.backgroundColor =
|
|
3279
|
+
cellStyle.backgroundColor = chunkZ3FYYUGI_js.colorWithOpacity(cellFill, opacity);
|
|
3280
3280
|
} else {
|
|
3281
3281
|
const gradCss = parseGradientFillCss(cellProperties?.["a:gradFill"]);
|
|
3282
3282
|
if (gradCss) {
|
|
@@ -3291,16 +3291,16 @@ function extractTableCellStyle(cellXml, fallbackStyle, schemeColorOverrides) {
|
|
|
3291
3291
|
const edgeBorders = parseCellBorders(cellProperties);
|
|
3292
3292
|
Object.assign(cellStyle, edgeBorders);
|
|
3293
3293
|
if (!cellStyle.borderLeftColor && !cellStyle.borderRightColor && !cellStyle.borderTopColor && !cellStyle.borderBottomColor) {
|
|
3294
|
-
const borderColor =
|
|
3294
|
+
const borderColor = chunkZ3FYYUGI_js.parseDrawingColor(
|
|
3295
3295
|
cellProperties?.["a:lnL"]?.["a:solidFill"],
|
|
3296
3296
|
schemeColorOverrides
|
|
3297
|
-
) ||
|
|
3297
|
+
) || chunkZ3FYYUGI_js.parseDrawingColor(
|
|
3298
3298
|
cellProperties?.["a:lnR"]?.["a:solidFill"],
|
|
3299
3299
|
schemeColorOverrides
|
|
3300
|
-
) ||
|
|
3300
|
+
) || chunkZ3FYYUGI_js.parseDrawingColor(
|
|
3301
3301
|
cellProperties?.["a:lnT"]?.["a:solidFill"],
|
|
3302
3302
|
schemeColorOverrides
|
|
3303
|
-
) ||
|
|
3303
|
+
) || chunkZ3FYYUGI_js.parseDrawingColor(
|
|
3304
3304
|
cellProperties?.["a:lnB"]?.["a:solidFill"],
|
|
3305
3305
|
schemeColorOverrides
|
|
3306
3306
|
);
|
|
@@ -3379,10 +3379,10 @@ function resolveTableStyleFillColor(fill, colorScheme) {
|
|
|
3379
3379
|
}
|
|
3380
3380
|
let color = base;
|
|
3381
3381
|
if (fill.tint !== void 0 && fill.tint > 0) {
|
|
3382
|
-
color =
|
|
3382
|
+
color = chunkZ3FYYUGI_js.tintColor2(color, fill.tint / 1e5);
|
|
3383
3383
|
}
|
|
3384
3384
|
if (fill.shade !== void 0 && fill.shade > 0) {
|
|
3385
|
-
color =
|
|
3385
|
+
color = chunkZ3FYYUGI_js.shadeColor2(color, 1 - fill.shade / 1e5);
|
|
3386
3386
|
}
|
|
3387
3387
|
return color;
|
|
3388
3388
|
}
|
|
@@ -3407,7 +3407,7 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
|
|
|
3407
3407
|
style.fontFamily = text.fontFace;
|
|
3408
3408
|
applied = true;
|
|
3409
3409
|
} else {
|
|
3410
|
-
const refFont =
|
|
3410
|
+
const refFont = chunkZ3FYYUGI_js.resolveFontRefIdx(text.fontRefIdx, fontScheme);
|
|
3411
3411
|
if (refFont) {
|
|
3412
3412
|
style.fontFamily = refFont;
|
|
3413
3413
|
applied = true;
|
|
@@ -3418,10 +3418,10 @@ function applyTableStyleText(text, colorScheme, style, fontScheme) {
|
|
|
3418
3418
|
if (base) {
|
|
3419
3419
|
let color = base;
|
|
3420
3420
|
if (text.fontTint !== void 0 && text.fontTint > 0) {
|
|
3421
|
-
color =
|
|
3421
|
+
color = chunkZ3FYYUGI_js.tintColor2(color, text.fontTint / 1e5);
|
|
3422
3422
|
}
|
|
3423
3423
|
if (text.fontShade !== void 0 && text.fontShade > 0) {
|
|
3424
|
-
color =
|
|
3424
|
+
color = chunkZ3FYYUGI_js.shadeColor2(color, 1 - text.fontShade / 1e5);
|
|
3425
3425
|
}
|
|
3426
3426
|
style.color = color;
|
|
3427
3427
|
applied = true;
|
|
@@ -3610,7 +3610,7 @@ function parseTableElementData(element, fallbackTextStyle) {
|
|
|
3610
3610
|
};
|
|
3611
3611
|
}
|
|
3612
3612
|
function getCellDiagonalBorders2(style, tableData, pos, styleCtx) {
|
|
3613
|
-
return
|
|
3613
|
+
return chunkZ3FYYUGI_js.getCellDiagonalBorders(style, tableData, pos, {
|
|
3614
3614
|
tableStyleMap: styleCtx?.tableStyleMap,
|
|
3615
3615
|
colorScheme: styleCtx?.theme?.colorScheme,
|
|
3616
3616
|
fontScheme: styleCtx?.theme?.fontScheme
|
|
@@ -3758,9 +3758,9 @@ function cellStyleToCss(style) {
|
|
|
3758
3758
|
if (style.gradientFillCss) {
|
|
3759
3759
|
css.background = style.gradientFillCss;
|
|
3760
3760
|
} else if (style.fillMode === "pattern" && style.patternFillPreset) {
|
|
3761
|
-
const fg =
|
|
3762
|
-
const bg =
|
|
3763
|
-
const svgPattern =
|
|
3761
|
+
const fg = chunkZ3FYYUGI_js.normalizeHexColor(style.patternFillForeground, "#000000");
|
|
3762
|
+
const bg = chunkZ3FYYUGI_js.normalizeHexColor(style.patternFillBackground, "#ffffff");
|
|
3763
|
+
const svgPattern = chunkZ3FYYUGI_js.getPatternSvg(style.patternFillPreset, fg, bg);
|
|
3764
3764
|
if (svgPattern) {
|
|
3765
3765
|
const encoded = encodeURIComponent(svgPattern);
|
|
3766
3766
|
css.backgroundImage = `url("data:image/svg+xml,${encoded}")`;
|
|
@@ -3836,7 +3836,7 @@ function cellStyleToCss(style) {
|
|
|
3836
3836
|
if (edge.width || edge.color) {
|
|
3837
3837
|
const w = edge.width ?? 1;
|
|
3838
3838
|
const c = edge.color ?? style.borderColor ?? "#000000";
|
|
3839
|
-
const s =
|
|
3839
|
+
const s = chunkZ3FYYUGI_js.ooxmlDashToCssBorderStyle(edge.dash);
|
|
3840
3840
|
css[edge.prefix] = `${w}px ${s} ${c}`;
|
|
3841
3841
|
}
|
|
3842
3842
|
}
|
|
@@ -3867,7 +3867,7 @@ function cellStyleToCss(style) {
|
|
|
3867
3867
|
css.textShadow = textShadowParts.join(", ");
|
|
3868
3868
|
}
|
|
3869
3869
|
if (style.cell3D) {
|
|
3870
|
-
Object.assign(css,
|
|
3870
|
+
Object.assign(css, chunkZ3FYYUGI_js.cell3DBevelCss(style.cell3D));
|
|
3871
3871
|
}
|
|
3872
3872
|
return css;
|
|
3873
3873
|
}
|
|
@@ -3881,7 +3881,7 @@ function TableResizeOverlay({
|
|
|
3881
3881
|
const containerRef = React6.useRef(null);
|
|
3882
3882
|
const [rowBounds, setRowBounds] = React6.useState([]);
|
|
3883
3883
|
const dragRef = React6.useRef(null);
|
|
3884
|
-
const colBoundaries = React6.useMemo(() =>
|
|
3884
|
+
const colBoundaries = React6.useMemo(() => chunkZ3FYYUGI_js.computeColumnBoundaries(columnWidths), [columnWidths]);
|
|
3885
3885
|
const measureRows = React6.useCallback(() => {
|
|
3886
3886
|
const container = containerRef.current;
|
|
3887
3887
|
if (!container) {
|
|
@@ -3928,11 +3928,11 @@ function TableResizeOverlay({
|
|
|
3928
3928
|
const rect = containerRef.current.getBoundingClientRect();
|
|
3929
3929
|
if (drag.type === "col" && drag.initialWidths && onResizeColumns) {
|
|
3930
3930
|
const deltaProp = (e.clientX - drag.startPos) / rect.width;
|
|
3931
|
-
onResizeColumns(
|
|
3931
|
+
onResizeColumns(chunkZ3FYYUGI_js.computeResizedColumnWidths(drag.initialWidths, drag.index, deltaProp));
|
|
3932
3932
|
} else if (drag.type === "row" && onResizeRow) {
|
|
3933
3933
|
const deltaY = e.clientY - drag.startPos;
|
|
3934
|
-
const newHeight =
|
|
3935
|
-
drag.initialRowHeight ??
|
|
3934
|
+
const newHeight = chunkZ3FYYUGI_js.computeResizedRowHeight(
|
|
3935
|
+
drag.initialRowHeight ?? chunkZ3FYYUGI_js.DEFAULT_ROW_HEIGHT,
|
|
3936
3936
|
deltaY
|
|
3937
3937
|
);
|
|
3938
3938
|
onResizeRow(drag.index, newHeight);
|
|
@@ -3970,7 +3970,7 @@ function TableResizeOverlay({
|
|
|
3970
3970
|
e.stopPropagation();
|
|
3971
3971
|
const table = containerRef.current?.querySelector("table");
|
|
3972
3972
|
const tr = table?.querySelectorAll("tbody > tr")[index];
|
|
3973
|
-
const actualHeight = tr?.offsetHeight ??
|
|
3973
|
+
const actualHeight = tr?.offsetHeight ?? chunkZ3FYYUGI_js.DEFAULT_ROW_HEIGHT;
|
|
3974
3974
|
document.body.style.cursor = "row-resize";
|
|
3975
3975
|
document.body.style.userSelect = "none";
|
|
3976
3976
|
dragRef.current = {
|
|
@@ -4018,7 +4018,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
4018
4018
|
}
|
|
4019
4019
|
const first = selectedCell.selectedCells[0];
|
|
4020
4020
|
const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
|
|
4021
|
-
return
|
|
4021
|
+
return chunkZ3FYYUGI_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableData);
|
|
4022
4022
|
})();
|
|
4023
4023
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4024
4024
|
TableResizeOverlay,
|
|
@@ -4038,7 +4038,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
4038
4038
|
"table",
|
|
4039
4039
|
{
|
|
4040
4040
|
className: "w-full h-full border-collapse table-fixed",
|
|
4041
|
-
style: { fontFamily:
|
|
4041
|
+
style: { fontFamily: chunkZ3FYYUGI_js.DEFAULT_FONT_FAMILY },
|
|
4042
4042
|
children: [
|
|
4043
4043
|
tableData.columnWidths.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: tableData.columnWidths.map((w, ci) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4044
4044
|
"col",
|
|
@@ -4056,7 +4056,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
4056
4056
|
return null;
|
|
4057
4057
|
}
|
|
4058
4058
|
const isCellSelected = selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex;
|
|
4059
|
-
const isInMultiSelection =
|
|
4059
|
+
const isInMultiSelection = chunkZ3FYYUGI_js.isCellInRect(rowIndex, cellIndex, selectionRect);
|
|
4060
4060
|
const isCellEditing = isCellSelected && selectedCell?.isEditing;
|
|
4061
4061
|
const diag = getCellDiagonalBorders2(
|
|
4062
4062
|
cell.style,
|
|
@@ -4086,7 +4086,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
4086
4086
|
}
|
|
4087
4087
|
event.stopPropagation();
|
|
4088
4088
|
if (event.shiftKey && selectedCell) {
|
|
4089
|
-
const rect =
|
|
4089
|
+
const rect = chunkZ3FYYUGI_js.computeSelectionRect(
|
|
4090
4090
|
selectedCell.rowIndex,
|
|
4091
4091
|
selectedCell.columnIndex,
|
|
4092
4092
|
rowIndex,
|
|
@@ -4096,7 +4096,7 @@ function renderTableFromTableData(element, textStyle, options) {
|
|
|
4096
4096
|
options?.onSelectCell?.({
|
|
4097
4097
|
rowIndex: selectedCell.rowIndex,
|
|
4098
4098
|
columnIndex: selectedCell.columnIndex,
|
|
4099
|
-
selectedCells:
|
|
4099
|
+
selectedCells: chunkZ3FYYUGI_js.rectToCells(rect)
|
|
4100
4100
|
});
|
|
4101
4101
|
} else {
|
|
4102
4102
|
options?.onSelectCell?.({
|
|
@@ -4175,7 +4175,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
4175
4175
|
}
|
|
4176
4176
|
const first = selectedCell.selectedCells[0];
|
|
4177
4177
|
const last = selectedCell.selectedCells[selectedCell.selectedCells.length - 1];
|
|
4178
|
-
return
|
|
4178
|
+
return chunkZ3FYYUGI_js.computeSelectionRect(first.row, first.col, last.row, last.col, tableEl.tableData);
|
|
4179
4179
|
})();
|
|
4180
4180
|
const schemeOverrides = options?.styleCtx?.theme?.colorScheme ? options.styleCtx.theme.colorScheme : void 0;
|
|
4181
4181
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -4196,7 +4196,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
4196
4196
|
"table",
|
|
4197
4197
|
{
|
|
4198
4198
|
className: "w-full h-full border-collapse table-fixed",
|
|
4199
|
-
style: { fontFamily:
|
|
4199
|
+
style: { fontFamily: chunkZ3FYYUGI_js.DEFAULT_FONT_FAMILY },
|
|
4200
4200
|
children: [
|
|
4201
4201
|
parsedTable.columnPercentages.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("colgroup", { children: parsedTable.columnPercentages.map((percentage, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
4202
4202
|
"col",
|
|
@@ -4257,7 +4257,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
4257
4257
|
"border px-1 py-0.5 align-top",
|
|
4258
4258
|
isEditable && hasCellSelectionHandler ? "border-blue-200/70 cursor-cell" : "border-white/30",
|
|
4259
4259
|
selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex ? "ring-1 ring-inset ring-blue-500" : null,
|
|
4260
|
-
|
|
4260
|
+
chunkZ3FYYUGI_js.isCellInRect(rowIndex, cellIndex, xmlSelectionRect) && !(selectedCell?.rowIndex === rowIndex && selectedCell?.columnIndex === cellIndex) ? "bg-blue-500/15 ring-1 ring-inset ring-blue-400/50" : null
|
|
4261
4261
|
),
|
|
4262
4262
|
colSpan,
|
|
4263
4263
|
rowSpan: rSpan,
|
|
@@ -4268,7 +4268,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
4268
4268
|
}
|
|
4269
4269
|
event.stopPropagation();
|
|
4270
4270
|
if (event.shiftKey && selectedCell && tableEl.tableData) {
|
|
4271
|
-
const rect =
|
|
4271
|
+
const rect = chunkZ3FYYUGI_js.computeSelectionRect(
|
|
4272
4272
|
selectedCell.rowIndex,
|
|
4273
4273
|
selectedCell.columnIndex,
|
|
4274
4274
|
rowIndex,
|
|
@@ -4278,7 +4278,7 @@ function renderTableElement(element, textStyle, options) {
|
|
|
4278
4278
|
options?.onSelectCell?.({
|
|
4279
4279
|
rowIndex: selectedCell.rowIndex,
|
|
4280
4280
|
columnIndex: selectedCell.columnIndex,
|
|
4281
|
-
selectedCells:
|
|
4281
|
+
selectedCells: chunkZ3FYYUGI_js.rectToCells(rect)
|
|
4282
4282
|
});
|
|
4283
4283
|
} else {
|
|
4284
4284
|
options?.onSelectCell?.({
|
|
@@ -4335,24 +4335,24 @@ function renderTableElement(element, textStyle, options) {
|
|
|
4335
4335
|
}
|
|
4336
4336
|
var LEGEND_ITEM_WIDTH = 80;
|
|
4337
4337
|
function partAttrs(part) {
|
|
4338
|
-
return part ?
|
|
4338
|
+
return part ? chunkZ3FYYUGI_js.chartPartToAttrs(part) : void 0;
|
|
4339
4339
|
}
|
|
4340
4340
|
function resolveReactPalette(chartData) {
|
|
4341
4341
|
if (chartData.colorPalette && chartData.colorPalette.length > 0) {
|
|
4342
4342
|
return chartData.colorPalette;
|
|
4343
4343
|
}
|
|
4344
|
-
return [...
|
|
4344
|
+
return [...chunkZ3FYYUGI_js.getChartStylePalette(chartData.style?.styleId)];
|
|
4345
4345
|
}
|
|
4346
4346
|
function buildReactChartViewModel(element) {
|
|
4347
4347
|
if (element.type !== "chart" || !element.chartData) {
|
|
4348
|
-
return
|
|
4348
|
+
return chunkZ3FYYUGI_js.buildChartViewModel(element);
|
|
4349
4349
|
}
|
|
4350
4350
|
const palette = resolveReactPalette(element.chartData);
|
|
4351
4351
|
const themedElement = {
|
|
4352
4352
|
...element,
|
|
4353
4353
|
chartData: { ...element.chartData, colorPalette: palette }
|
|
4354
4354
|
};
|
|
4355
|
-
return
|
|
4355
|
+
return chunkZ3FYYUGI_js.buildChartViewModel(themedElement);
|
|
4356
4356
|
}
|
|
4357
4357
|
function renderPrimitive(prim, key) {
|
|
4358
4358
|
switch (prim.kind) {
|
|
@@ -4741,7 +4741,7 @@ function renderMapChart(element, chartData, categoryLabels) {
|
|
|
4741
4741
|
const unmatchedRows = [];
|
|
4742
4742
|
categories.forEach((cat, i) => {
|
|
4743
4743
|
const value = values[i] ?? 0;
|
|
4744
|
-
const code =
|
|
4744
|
+
const code = chunkZ3FYYUGI_js.resolveRegionCode(cat);
|
|
4745
4745
|
if (code) {
|
|
4746
4746
|
regionValueMap.set(code, { value, label: cat });
|
|
4747
4747
|
} else {
|
|
@@ -4779,8 +4779,8 @@ function renderMapChart(element, chartData, categoryLabels) {
|
|
|
4779
4779
|
let fill = "#e2e8f0";
|
|
4780
4780
|
let dataLabel = null;
|
|
4781
4781
|
if (entry) {
|
|
4782
|
-
const t =
|
|
4783
|
-
fill =
|
|
4782
|
+
const t = chunkZ3FYYUGI_js.normalizeValue(entry.value, minVal, maxVal);
|
|
4783
|
+
fill = chunkZ3FYYUGI_js.sequentialColorScale(t);
|
|
4784
4784
|
dataLabel = /* @__PURE__ */ jsxRuntime.jsx(
|
|
4785
4785
|
"text",
|
|
4786
4786
|
{
|
|
@@ -4791,7 +4791,7 @@ function renderMapChart(element, chartData, categoryLabels) {
|
|
|
4791
4791
|
fontWeight: 600,
|
|
4792
4792
|
fill: "#1e293b",
|
|
4793
4793
|
style: { pointerEvents: "none" },
|
|
4794
|
-
children:
|
|
4794
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(entry.value)
|
|
4795
4795
|
},
|
|
4796
4796
|
`${element.id}-map-dl-${region.code}`
|
|
4797
4797
|
);
|
|
@@ -4809,7 +4809,7 @@ function renderMapChart(element, chartData, categoryLabels) {
|
|
|
4809
4809
|
opacity: 0.9,
|
|
4810
4810
|
children: /* @__PURE__ */ jsxRuntime.jsxs("title", { children: [
|
|
4811
4811
|
region.name,
|
|
4812
|
-
entry ? `: ${
|
|
4812
|
+
entry ? `: ${chunkZ3FYYUGI_js.formatAxisValue(entry.value)}` : ""
|
|
4813
4813
|
] })
|
|
4814
4814
|
}
|
|
4815
4815
|
),
|
|
@@ -4847,7 +4847,7 @@ function renderMapChart(element, chartData, categoryLabels) {
|
|
|
4847
4847
|
fontSize: 7,
|
|
4848
4848
|
fill: "#64748b",
|
|
4849
4849
|
textAnchor: "middle",
|
|
4850
|
-
children:
|
|
4850
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(minVal)
|
|
4851
4851
|
},
|
|
4852
4852
|
`${element.id}-map-legend-min`
|
|
4853
4853
|
),
|
|
@@ -4859,7 +4859,7 @@ function renderMapChart(element, chartData, categoryLabels) {
|
|
|
4859
4859
|
fontSize: 7,
|
|
4860
4860
|
fill: "#64748b",
|
|
4861
4861
|
textAnchor: "middle",
|
|
4862
|
-
children:
|
|
4862
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(maxVal)
|
|
4863
4863
|
},
|
|
4864
4864
|
`${element.id}-map-legend-max`
|
|
4865
4865
|
)
|
|
@@ -4925,7 +4925,7 @@ function renderMapChart(element, chartData, categoryLabels) {
|
|
|
4925
4925
|
y,
|
|
4926
4926
|
fontSize,
|
|
4927
4927
|
fill: "#475569",
|
|
4928
|
-
children:
|
|
4928
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(row.value)
|
|
4929
4929
|
},
|
|
4930
4930
|
`${element.id}-map-ft-val-${i}`
|
|
4931
4931
|
)
|
|
@@ -4996,7 +4996,7 @@ function renderStackedBarChart(element, _chartData, _categoryLabels) {
|
|
|
4996
4996
|
|
|
4997
4997
|
// src/viewer/utils/chart-overlay-utils.ts
|
|
4998
4998
|
function sColor(series, idx) {
|
|
4999
|
-
return
|
|
4999
|
+
return chunkZ3FYYUGI_js.seriesColor(series, idx);
|
|
5000
5000
|
}
|
|
5001
5001
|
function valToY(val, range, topY, bottomY) {
|
|
5002
5002
|
const usable = bottomY - topY;
|
|
@@ -5535,7 +5535,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
|
|
|
5535
5535
|
width: 10,
|
|
5536
5536
|
height: 10,
|
|
5537
5537
|
rx: 2,
|
|
5538
|
-
fill:
|
|
5538
|
+
fill: chunkZ3FYYUGI_js.seriesColor(s, i, style?.styleId, colorPalette)
|
|
5539
5539
|
},
|
|
5540
5540
|
`${id}-leg-r-${i}`
|
|
5541
5541
|
)
|
|
@@ -5559,7 +5559,7 @@ function renderLegend(id, style, series, layout, colorPalette) {
|
|
|
5559
5559
|
width: 10,
|
|
5560
5560
|
height: 10,
|
|
5561
5561
|
rx: 2,
|
|
5562
|
-
fill:
|
|
5562
|
+
fill: chunkZ3FYYUGI_js.seriesColor(s, i, style?.styleId, colorPalette)
|
|
5563
5563
|
}
|
|
5564
5564
|
),
|
|
5565
5565
|
/* @__PURE__ */ jsxRuntime.jsx("text", { x: x + 14, y: cy + 8, fontSize: 9, fill: "#475569", children: s.name || `Series ${i + 1}` })
|
|
@@ -5572,9 +5572,9 @@ function renderGridlines(id, style, range, layout) {
|
|
|
5572
5572
|
}
|
|
5573
5573
|
const lines = [];
|
|
5574
5574
|
if (range.logScale && range.logBase) {
|
|
5575
|
-
const ticks =
|
|
5575
|
+
const ticks = chunkZ3FYYUGI_js.generateLogTicks(range);
|
|
5576
5576
|
ticks.forEach((tickVal, i) => {
|
|
5577
|
-
const y =
|
|
5577
|
+
const y = chunkZ3FYYUGI_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
|
|
5578
5578
|
lines.push(
|
|
5579
5579
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5580
5580
|
"line",
|
|
@@ -5595,7 +5595,7 @@ function renderGridlines(id, style, range, layout) {
|
|
|
5595
5595
|
const steps = 4;
|
|
5596
5596
|
for (let i = 0; i <= steps; i++) {
|
|
5597
5597
|
const val = range.min + range.span * i / steps;
|
|
5598
|
-
const y =
|
|
5598
|
+
const y = chunkZ3FYYUGI_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
|
|
5599
5599
|
lines.push(
|
|
5600
5600
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5601
5601
|
"line",
|
|
@@ -5619,9 +5619,9 @@ function renderValueAxis(id, range, layout, axisFormatting) {
|
|
|
5619
5619
|
const labels = [];
|
|
5620
5620
|
const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
|
|
5621
5621
|
if (range.logScale && range.logBase) {
|
|
5622
|
-
const ticks =
|
|
5622
|
+
const ticks = chunkZ3FYYUGI_js.generateLogTicks(range);
|
|
5623
5623
|
ticks.forEach((tickVal, i) => {
|
|
5624
|
-
const y =
|
|
5624
|
+
const y = chunkZ3FYYUGI_js.valueToY(tickVal, range, layout.plotTop, layout.plotBottom);
|
|
5625
5625
|
labels.push(
|
|
5626
5626
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5627
5627
|
"text",
|
|
@@ -5631,7 +5631,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
|
|
|
5631
5631
|
textAnchor: "end",
|
|
5632
5632
|
fontSize: 8,
|
|
5633
5633
|
fill: "#64748b",
|
|
5634
|
-
children: hasDisplayUnits ?
|
|
5634
|
+
children: hasDisplayUnits ? chunkZ3FYYUGI_js.formatAxisValueWithUnits(tickVal, axisFormatting) : chunkZ3FYYUGI_js.formatAxisValue(tickVal)
|
|
5635
5635
|
},
|
|
5636
5636
|
`${id}-vaxis-log-${i}`
|
|
5637
5637
|
)
|
|
@@ -5641,7 +5641,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
|
|
|
5641
5641
|
const steps = 4;
|
|
5642
5642
|
for (let i = 0; i <= steps; i++) {
|
|
5643
5643
|
const val = range.min + range.span * i / steps;
|
|
5644
|
-
const y =
|
|
5644
|
+
const y = chunkZ3FYYUGI_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
|
|
5645
5645
|
labels.push(
|
|
5646
5646
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5647
5647
|
"text",
|
|
@@ -5651,7 +5651,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
|
|
|
5651
5651
|
textAnchor: "end",
|
|
5652
5652
|
fontSize: 8,
|
|
5653
5653
|
fill: "#64748b",
|
|
5654
|
-
children: hasDisplayUnits ?
|
|
5654
|
+
children: hasDisplayUnits ? chunkZ3FYYUGI_js.formatAxisValueWithUnits(val, axisFormatting) : chunkZ3FYYUGI_js.formatAxisValue(val)
|
|
5655
5655
|
},
|
|
5656
5656
|
`${id}-vaxis-${i}`
|
|
5657
5657
|
)
|
|
@@ -5659,7 +5659,7 @@ function renderValueAxis(id, range, layout, axisFormatting) {
|
|
|
5659
5659
|
}
|
|
5660
5660
|
}
|
|
5661
5661
|
if (hasDisplayUnits) {
|
|
5662
|
-
const unitLabel =
|
|
5662
|
+
const unitLabel = chunkZ3FYYUGI_js.getDisplayUnitLabel(
|
|
5663
5663
|
axisFormatting.displayUnits,
|
|
5664
5664
|
axisFormatting.displayUnitsLabel
|
|
5665
5665
|
);
|
|
@@ -5734,7 +5734,7 @@ function renderZeroLine(id, range, layout) {
|
|
|
5734
5734
|
if (range.min >= 0) {
|
|
5735
5735
|
return null;
|
|
5736
5736
|
}
|
|
5737
|
-
const y =
|
|
5737
|
+
const y = chunkZ3FYYUGI_js.valueToY(0, range, layout.plotTop, layout.plotBottom);
|
|
5738
5738
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
5739
5739
|
"line",
|
|
5740
5740
|
{
|
|
@@ -5758,7 +5758,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
|
|
|
5758
5758
|
const hasDisplayUnits = Boolean(axisFormatting?.displayUnits);
|
|
5759
5759
|
for (let i = 0; i <= steps; i++) {
|
|
5760
5760
|
const val = range.min + range.span * i / steps;
|
|
5761
|
-
const y =
|
|
5761
|
+
const y = chunkZ3FYYUGI_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
|
|
5762
5762
|
labels.push(
|
|
5763
5763
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5764
5764
|
"text",
|
|
@@ -5770,7 +5770,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
|
|
|
5770
5770
|
fontFamily,
|
|
5771
5771
|
fontWeight,
|
|
5772
5772
|
fill: fontColor,
|
|
5773
|
-
children: hasDisplayUnits ?
|
|
5773
|
+
children: hasDisplayUnits ? chunkZ3FYYUGI_js.formatAxisValueWithUnits(val, axisFormatting) : chunkZ3FYYUGI_js.formatAxisValue(val)
|
|
5774
5774
|
},
|
|
5775
5775
|
`${id}-sec-vaxis-${i}`
|
|
5776
5776
|
)
|
|
@@ -5794,7 +5794,7 @@ function renderSecondaryValueAxis(id, range, layout, axisFormatting) {
|
|
|
5794
5794
|
);
|
|
5795
5795
|
}
|
|
5796
5796
|
if (hasDisplayUnits) {
|
|
5797
|
-
const unitLabel =
|
|
5797
|
+
const unitLabel = chunkZ3FYYUGI_js.getDisplayUnitLabel(
|
|
5798
5798
|
axisFormatting.displayUnits,
|
|
5799
5799
|
axisFormatting.displayUnitsLabel
|
|
5800
5800
|
);
|
|
@@ -5825,7 +5825,7 @@ function renderSecondaryAxisTicks(id, range, layout) {
|
|
|
5825
5825
|
const ticks = [];
|
|
5826
5826
|
for (let i = 0; i <= steps; i++) {
|
|
5827
5827
|
const val = range.min + range.span * i / steps;
|
|
5828
|
-
const y =
|
|
5828
|
+
const y = chunkZ3FYYUGI_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
|
|
5829
5829
|
ticks.push(
|
|
5830
5830
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5831
5831
|
"line",
|
|
@@ -5852,7 +5852,7 @@ function renderSecondaryGridlines(id, range, layout, axisFormatting) {
|
|
|
5852
5852
|
const gridColor = axisFormatting.majorGridlinesSpPr?.strokeColor ?? "#e2e8f0";
|
|
5853
5853
|
for (let i = 0; i <= steps; i++) {
|
|
5854
5854
|
const val = range.min + range.span * i / steps;
|
|
5855
|
-
const y =
|
|
5855
|
+
const y = chunkZ3FYYUGI_js.valueToY(val, range, layout.plotTop, layout.plotBottom);
|
|
5856
5856
|
lines.push(
|
|
5857
5857
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5858
5858
|
"line",
|
|
@@ -6014,7 +6014,7 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
|
|
|
6014
6014
|
width: 8,
|
|
6015
6015
|
height: 8,
|
|
6016
6016
|
borderRadius: 2,
|
|
6017
|
-
backgroundColor:
|
|
6017
|
+
backgroundColor: chunkZ3FYYUGI_js.seriesColor(
|
|
6018
6018
|
s,
|
|
6019
6019
|
si,
|
|
6020
6020
|
chartData.style?.styleId,
|
|
@@ -6052,10 +6052,10 @@ function renderChartDataTable(elementId, chartData, svgWidth) {
|
|
|
6052
6052
|
}
|
|
6053
6053
|
function renderStockChart(element, chartData, categoryLabels) {
|
|
6054
6054
|
const style = chartData.style;
|
|
6055
|
-
const areaFill =
|
|
6055
|
+
const areaFill = chunkZ3FYYUGI_js.chartAreaFill(chartData);
|
|
6056
6056
|
const legendPos = style?.legendPosition || "b";
|
|
6057
|
-
const range =
|
|
6058
|
-
const layout =
|
|
6057
|
+
const range = chunkZ3FYYUGI_js.computeValueRangeForChart(chartData.series, chartData.axes);
|
|
6058
|
+
const layout = chunkZ3FYYUGI_js.computeLayout(element.width, element.height, style, true, legendPos);
|
|
6059
6059
|
const catCount = Math.max(categoryLabels.length, 1);
|
|
6060
6060
|
const barGroupWidth = layout.plotWidth / catCount;
|
|
6061
6061
|
const candleWidth = barGroupWidth * 0.5;
|
|
@@ -6076,10 +6076,10 @@ function renderStockChart(element, chartData, categoryLabels) {
|
|
|
6076
6076
|
const close = closeSeries.values[ci] ?? high;
|
|
6077
6077
|
const isUp = close >= open;
|
|
6078
6078
|
const cx = layout.plotLeft + barGroupWidth * ci + barGroupWidth / 2;
|
|
6079
|
-
const highY =
|
|
6080
|
-
const lowY =
|
|
6081
|
-
const openY =
|
|
6082
|
-
const closeY =
|
|
6079
|
+
const highY = chunkZ3FYYUGI_js.valueToY(high, range, layout.plotTop, layout.plotBottom);
|
|
6080
|
+
const lowY = chunkZ3FYYUGI_js.valueToY(low, range, layout.plotTop, layout.plotBottom);
|
|
6081
|
+
const openY = chunkZ3FYYUGI_js.valueToY(open, range, layout.plotTop, layout.plotBottom);
|
|
6082
|
+
const closeY = chunkZ3FYYUGI_js.valueToY(close, range, layout.plotTop, layout.plotBottom);
|
|
6083
6083
|
elements.push(
|
|
6084
6084
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6085
6085
|
"line",
|
|
@@ -6122,7 +6122,7 @@ function renderStockChart(element, chartData, categoryLabels) {
|
|
|
6122
6122
|
textAnchor: "middle",
|
|
6123
6123
|
fontSize: 7,
|
|
6124
6124
|
fill: "#334155",
|
|
6125
|
-
children:
|
|
6125
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(close)
|
|
6126
6126
|
},
|
|
6127
6127
|
`${element.id}-stock-dl-${ci}`
|
|
6128
6128
|
)
|
|
@@ -6164,7 +6164,7 @@ function FailedToLoad() {
|
|
|
6164
6164
|
var LazySurfaceChart3DScene = React6__default.default.lazy(
|
|
6165
6165
|
async () => {
|
|
6166
6166
|
try {
|
|
6167
|
-
return await import('./SurfaceChart3DScene-
|
|
6167
|
+
return await import('./SurfaceChart3DScene-WEH6CLAU.js');
|
|
6168
6168
|
} catch {
|
|
6169
6169
|
return { default: FailedToLoad };
|
|
6170
6170
|
}
|
|
@@ -6188,7 +6188,7 @@ var SurfaceChart3DErrorBoundary = class extends React6__default.default.Componen
|
|
|
6188
6188
|
function buildSurfaceData(chartData, categoryLabels) {
|
|
6189
6189
|
const rows = chartData.series.length;
|
|
6190
6190
|
const cols = Math.max(categoryLabels.length, 1);
|
|
6191
|
-
const range =
|
|
6191
|
+
const range = chunkZ3FYYUGI_js.computeValueRangeForChart(chartData.series, chartData.axes);
|
|
6192
6192
|
const heightMap = new Float32Array(rows * cols);
|
|
6193
6193
|
const colorMap = new Float32Array(rows * cols * 3);
|
|
6194
6194
|
for (let r = 0; r < rows; r++) {
|
|
@@ -6307,10 +6307,10 @@ function darkenRgb(r, g, b, factor) {
|
|
|
6307
6307
|
}
|
|
6308
6308
|
function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
|
|
6309
6309
|
const style = chartData.style;
|
|
6310
|
-
const areaFill =
|
|
6310
|
+
const areaFill = chunkZ3FYYUGI_js.chartAreaFill(chartData);
|
|
6311
6311
|
const legendPos = style?.legendPosition || "b";
|
|
6312
|
-
const layout =
|
|
6313
|
-
const range =
|
|
6312
|
+
const layout = chunkZ3FYYUGI_js.computeLayout(element.width, element.height, style, false, legendPos);
|
|
6313
|
+
const range = chunkZ3FYYUGI_js.computeValueRangeForChart(chartData.series, chartData.axes);
|
|
6314
6314
|
const catCount = Math.max(categoryLabels.length, 1);
|
|
6315
6315
|
const seriesCount = chartData.series.length;
|
|
6316
6316
|
const cols = catCount - 1;
|
|
@@ -6399,10 +6399,10 @@ function renderIsometricSurfaceChart(element, chartData, categoryLabels) {
|
|
|
6399
6399
|
}
|
|
6400
6400
|
function renderFlatSurfaceChart(element, chartData, categoryLabels) {
|
|
6401
6401
|
const style = chartData.style;
|
|
6402
|
-
const areaFill =
|
|
6402
|
+
const areaFill = chunkZ3FYYUGI_js.chartAreaFill(chartData);
|
|
6403
6403
|
const legendPos = style?.legendPosition || "b";
|
|
6404
|
-
const layout =
|
|
6405
|
-
const range =
|
|
6404
|
+
const layout = chunkZ3FYYUGI_js.computeLayout(element.width, element.height, style, true, legendPos);
|
|
6405
|
+
const range = chunkZ3FYYUGI_js.computeValueRangeForChart(chartData.series, chartData.axes);
|
|
6406
6406
|
const catCount = Math.max(categoryLabels.length, 1);
|
|
6407
6407
|
const seriesCount = chartData.series.length;
|
|
6408
6408
|
const cellW = layout.plotWidth / Math.max(catCount - 1, 1);
|
|
@@ -6464,9 +6464,9 @@ function renderSurfaceChart(element, chartData, categoryLabels) {
|
|
|
6464
6464
|
}
|
|
6465
6465
|
function renderTreemapChart(element, chartData, categoryLabels) {
|
|
6466
6466
|
const style = chartData.style;
|
|
6467
|
-
const areaFill =
|
|
6467
|
+
const areaFill = chunkZ3FYYUGI_js.chartAreaFill(chartData);
|
|
6468
6468
|
const legendPos = style?.legendPosition || "b";
|
|
6469
|
-
const layout =
|
|
6469
|
+
const layout = chunkZ3FYYUGI_js.computeLayout(element.width, element.height, style, false, legendPos);
|
|
6470
6470
|
const allValues = chartData.series.flatMap((s) => s.values);
|
|
6471
6471
|
const totalAbs = allValues.reduce((sum, v) => sum + Math.abs(v), 0) || 1;
|
|
6472
6472
|
const rects = [];
|
|
@@ -6489,7 +6489,7 @@ function renderTreemapChart(element, chartData, categoryLabels) {
|
|
|
6489
6489
|
y: curY,
|
|
6490
6490
|
width: Math.max(w - 1, 1),
|
|
6491
6491
|
height: Math.max(h - 1, 1),
|
|
6492
|
-
fill:
|
|
6492
|
+
fill: chunkZ3FYYUGI_js.paletteColor(item.index, chartData.style?.styleId, chartData.colorPalette),
|
|
6493
6493
|
rx: 2,
|
|
6494
6494
|
opacity: 0.85
|
|
6495
6495
|
},
|
|
@@ -6540,11 +6540,11 @@ function renderTreemapChart(element, chartData, categoryLabels) {
|
|
|
6540
6540
|
}
|
|
6541
6541
|
function renderWaterfallChart(element, chartData, categoryLabels) {
|
|
6542
6542
|
const style = chartData.style;
|
|
6543
|
-
const areaFill =
|
|
6543
|
+
const areaFill = chunkZ3FYYUGI_js.chartAreaFill(chartData);
|
|
6544
6544
|
const legendPos = style?.legendPosition || "b";
|
|
6545
6545
|
const values = chartData.series[0]?.values ?? [];
|
|
6546
|
-
const range =
|
|
6547
|
-
const layout =
|
|
6546
|
+
const range = chunkZ3FYYUGI_js.computeValueRangeForChart(chartData.series, chartData.axes);
|
|
6547
|
+
const layout = chunkZ3FYYUGI_js.computeLayout(element.width, element.height, style, true, legendPos);
|
|
6548
6548
|
const catCount = Math.max(categoryLabels.length, values.length, 1);
|
|
6549
6549
|
const barWidth = layout.plotWidth / catCount * 0.6;
|
|
6550
6550
|
const gap = layout.plotWidth / catCount * 0.2;
|
|
@@ -6555,8 +6555,8 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
|
|
|
6555
6555
|
const isLast = i === values.length - 1;
|
|
6556
6556
|
const startVal = isLast ? 0 : runningTotal;
|
|
6557
6557
|
const endVal = isLast ? runningTotal + val : runningTotal + val;
|
|
6558
|
-
const barStartY =
|
|
6559
|
-
const barEndY =
|
|
6558
|
+
const barStartY = chunkZ3FYYUGI_js.valueToY(startVal, range, layout.plotTop, layout.plotBottom);
|
|
6559
|
+
const barEndY = chunkZ3FYYUGI_js.valueToY(endVal, range, layout.plotTop, layout.plotBottom);
|
|
6560
6560
|
const x = layout.plotLeft + layout.plotWidth / catCount * i + gap;
|
|
6561
6561
|
const y = Math.min(barStartY, barEndY);
|
|
6562
6562
|
const h = Math.max(Math.abs(barEndY - barStartY), 1);
|
|
@@ -6585,7 +6585,7 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
|
|
|
6585
6585
|
textAnchor: "middle",
|
|
6586
6586
|
fontSize: 7,
|
|
6587
6587
|
fill: "#334155",
|
|
6588
|
-
children:
|
|
6588
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(isLast ? endVal : val)
|
|
6589
6589
|
},
|
|
6590
6590
|
`${element.id}-wf-dl-${i}`
|
|
6591
6591
|
)
|
|
@@ -6632,20 +6632,20 @@ function renderWaterfallChart(element, chartData, categoryLabels) {
|
|
|
6632
6632
|
}
|
|
6633
6633
|
function renderComboChart(element, chartData, categoryLabels) {
|
|
6634
6634
|
const style = chartData.style;
|
|
6635
|
-
const areaFill =
|
|
6635
|
+
const areaFill = chunkZ3FYYUGI_js.chartAreaFill(chartData);
|
|
6636
6636
|
const legendPos = style?.legendPosition || "b";
|
|
6637
|
-
const layoutOpts =
|
|
6637
|
+
const layoutOpts = chunkZ3FYYUGI_js.computeLayoutOptions(
|
|
6638
6638
|
chartData.axes,
|
|
6639
6639
|
chartData.dataTable,
|
|
6640
6640
|
chartData.series.length
|
|
6641
6641
|
);
|
|
6642
|
-
const layout =
|
|
6643
|
-
const { primary, secondary } =
|
|
6642
|
+
const layout = chunkZ3FYYUGI_js.computeLayout(element.width, element.height, style, true, legendPos, layoutOpts);
|
|
6643
|
+
const { primary, secondary } = chunkZ3FYYUGI_js.splitSeriesByAxis(chartData.series, chartData.axes);
|
|
6644
6644
|
const primarySeries = primary.length > 0 ? primary.map((e) => e.series) : chartData.series;
|
|
6645
6645
|
const secondarySeries = secondary.map((e) => e.series);
|
|
6646
|
-
const range =
|
|
6647
|
-
const secondaryRange = secondarySeries.length > 0 ?
|
|
6648
|
-
const secondaryAxisFmt =
|
|
6646
|
+
const range = chunkZ3FYYUGI_js.computeValueRangeForChart(primarySeries, chartData.axes);
|
|
6647
|
+
const secondaryRange = secondarySeries.length > 0 ? chunkZ3FYYUGI_js.computeValueRange(secondarySeries) : void 0;
|
|
6648
|
+
const secondaryAxisFmt = chunkZ3FYYUGI_js.getSecondaryValueAxis(chartData.axes);
|
|
6649
6649
|
const catCount = Math.max(categoryLabels.length, 1);
|
|
6650
6650
|
const barSeriesCount = 1;
|
|
6651
6651
|
const barGroupWidth = layout.plotWidth / catCount;
|
|
@@ -6661,8 +6661,8 @@ function renderComboChart(element, chartData, categoryLabels) {
|
|
|
6661
6661
|
const barRange = isBarSecondary && secondaryRange ? secondaryRange : range;
|
|
6662
6662
|
barSeries.values.forEach((val, vi) => {
|
|
6663
6663
|
const x = layout.plotLeft + barGroupWidth * vi + barOffset;
|
|
6664
|
-
const zeroY =
|
|
6665
|
-
const valY =
|
|
6664
|
+
const zeroY = chunkZ3FYYUGI_js.valueToY(0, barRange, layout.plotTop, layout.plotBottom);
|
|
6665
|
+
const valY = chunkZ3FYYUGI_js.valueToY(val, barRange, layout.plotTop, layout.plotBottom);
|
|
6666
6666
|
const y = Math.min(zeroY, valY);
|
|
6667
6667
|
const h = Math.max(Math.abs(zeroY - valY), 1);
|
|
6668
6668
|
barElements.push(
|
|
@@ -6673,7 +6673,7 @@ function renderComboChart(element, chartData, categoryLabels) {
|
|
|
6673
6673
|
y,
|
|
6674
6674
|
width: barWidth,
|
|
6675
6675
|
height: h,
|
|
6676
|
-
fill:
|
|
6676
|
+
fill: chunkZ3FYYUGI_js.seriesColor(barSeries, 0, chartData.style?.styleId, chartData.colorPalette),
|
|
6677
6677
|
rx: 1
|
|
6678
6678
|
},
|
|
6679
6679
|
`${element.id}-combo-bar-${vi}`
|
|
@@ -6689,7 +6689,7 @@ function renderComboChart(element, chartData, categoryLabels) {
|
|
|
6689
6689
|
textAnchor: "middle",
|
|
6690
6690
|
fontSize: 7,
|
|
6691
6691
|
fill: "#334155",
|
|
6692
|
-
children:
|
|
6692
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(val)
|
|
6693
6693
|
},
|
|
6694
6694
|
`${element.id}-combo-bar-dl-${vi}`
|
|
6695
6695
|
)
|
|
@@ -6706,10 +6706,10 @@ function renderComboChart(element, chartData, categoryLabels) {
|
|
|
6706
6706
|
const activeRange = isSecondary && secondaryRange ? secondaryRange : range;
|
|
6707
6707
|
const points = series.values.map((val, vi) => {
|
|
6708
6708
|
const x = layout.plotLeft + barGroupWidth * vi + barGroupWidth / 2;
|
|
6709
|
-
const y =
|
|
6709
|
+
const y = chunkZ3FYYUGI_js.valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
|
|
6710
6710
|
return { x, y, val };
|
|
6711
6711
|
});
|
|
6712
|
-
const c =
|
|
6712
|
+
const c = chunkZ3FYYUGI_js.seriesColor(series, seriesIdx, chartData.style?.styleId, chartData.colorPalette);
|
|
6713
6713
|
lineElements.push(
|
|
6714
6714
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6715
6715
|
"polyline",
|
|
@@ -6736,7 +6736,7 @@ function renderComboChart(element, chartData, categoryLabels) {
|
|
|
6736
6736
|
textAnchor: "middle",
|
|
6737
6737
|
fontSize: 7,
|
|
6738
6738
|
fill: "#334155",
|
|
6739
|
-
children:
|
|
6739
|
+
children: chunkZ3FYYUGI_js.formatAxisValue(p.val)
|
|
6740
6740
|
},
|
|
6741
6741
|
`${element.id}-combo-line-dl-${si}-${vi}`
|
|
6742
6742
|
)
|
|
@@ -7882,14 +7882,14 @@ function buildNotesPdf(pages) {
|
|
|
7882
7882
|
notes: page.notes,
|
|
7883
7883
|
slideNumber: page.slideNumber
|
|
7884
7884
|
}));
|
|
7885
|
-
const bytes =
|
|
7885
|
+
const bytes = chunkZ3FYYUGI_js.buildNotesPdfBytes(images, meta);
|
|
7886
7886
|
const blob = new Blob([bytes], { type: "application/pdf" });
|
|
7887
7887
|
return URL.createObjectURL(blob);
|
|
7888
7888
|
}
|
|
7889
7889
|
|
|
7890
7890
|
// src/viewer/utils/pdf-builder-slides.ts
|
|
7891
7891
|
function buildPdfFromImageData(images) {
|
|
7892
|
-
const bytes =
|
|
7892
|
+
const bytes = chunkZ3FYYUGI_js.buildSlidesPdfBytes(images);
|
|
7893
7893
|
const blob = new Blob([bytes], { type: "application/pdf" });
|
|
7894
7894
|
return URL.createObjectURL(blob);
|
|
7895
7895
|
}
|
|
@@ -7898,7 +7898,7 @@ function buildPdfFromImageData(images) {
|
|
|
7898
7898
|
var activePreview = null;
|
|
7899
7899
|
function startPreviewAnimation(elementId, preset, options) {
|
|
7900
7900
|
stopPreviewAnimation();
|
|
7901
|
-
const descriptor =
|
|
7901
|
+
const descriptor = chunkZ3FYYUGI_js.buildPreviewAnimation(preset, options);
|
|
7902
7902
|
if (!descriptor) {
|
|
7903
7903
|
return;
|
|
7904
7904
|
}
|
|
@@ -7911,7 +7911,7 @@ function startMotionPathPreview(elementId, path, options) {
|
|
|
7911
7911
|
return;
|
|
7912
7912
|
}
|
|
7913
7913
|
const stage = domEl.offsetParent;
|
|
7914
|
-
const descriptor =
|
|
7914
|
+
const descriptor = chunkZ3FYYUGI_js.buildMotionPathPreview({
|
|
7915
7915
|
path,
|
|
7916
7916
|
slideWidth: stage?.offsetWidth || DEFAULT_PREVIEW_SLIDE_WIDTH,
|
|
7917
7917
|
slideHeight: stage?.offsetHeight || DEFAULT_PREVIEW_SLIDE_HEIGHT,
|