ooxml-ui 1.27.1 → 1.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chart/format-pane-3d.d.ts +0 -1
- package/dist/chart/format-pane-types.d.ts +1 -0
- package/dist/chart/format-pane-view.d.ts +1 -0
- package/dist/pptx/{chunk-TMCN2OVN.cjs → chunk-3AFB46RL.cjs} +41 -41
- package/dist/pptx/{chunk-OD6REJDV.mjs → chunk-7OD74VJC.mjs} +1 -1
- package/dist/pptx/{chunk-XZX7EHX4.mjs → chunk-CT7UD6VL.mjs} +102 -9
- package/dist/pptx/{chunk-VMDMICQC.cjs → chunk-WBFAVFD4.cjs} +106 -8
- package/dist/pptx/dom/index.cjs +381 -381
- package/dist/pptx/dom/index.mjs +4 -4
- package/dist/pptx/index.cjs +3022 -3002
- package/dist/pptx/index.mjs +1 -1
- package/dist/pptx/render/customization/customization-controller.d.ts +8 -0
- package/dist/pptx/render/customization/customization-controller.d.ts.map +1 -1
- package/dist/pptx/render/options/external-content-policy.d.ts +31 -0
- package/dist/pptx/render/options/external-content-policy.d.ts.map +1 -0
- package/dist/pptx/render/options/index.d.ts +1 -0
- package/dist/pptx/render/options/index.d.ts.map +1 -1
- package/dist/pptx/render/options/viewer-options-constraints.d.ts +15 -1
- package/dist/pptx/render/options/viewer-options-constraints.d.ts.map +1 -1
- package/dist/pptx/render/options/viewer-options-store.d.ts.map +1 -1
- package/dist/pptx/render/viewer-props-manifest.d.ts.map +1 -1
- package/dist/pptx/{smartart-insert-preview-MCDHVWHZ.cjs → smartart-insert-preview-3BY6HNZL.cjs} +3 -3
- package/dist/pptx/{smartart-insert-preview-QQH5ZBSF.mjs → smartart-insert-preview-7CRBDPYF.mjs} +2 -2
- package/package.json +2 -2
|
@@ -4,4 +4,3 @@ import type { ChartFormatThreeDView } from './format-pane-view.js';
|
|
|
4
4
|
export declare const CHART_BEVEL_TYPES: readonly ['circle', 'relaxedInset', 'cross', 'coolSlant', 'angle', 'softRound', 'convex', 'slope', 'divot', 'riblet', 'hardEdge', 'artDeco'];
|
|
5
5
|
/** The 3-D Format section for an element with `threeD` as its current 3-D settings. */
|
|
6
6
|
export declare function threeDSection(threeD: ChartFormatThreeDView): ChartFormatSection;
|
|
7
|
-
//# sourceMappingURL=format-pane-3d.d.ts.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkWBFAVFD4_cjs = require('./chunk-WBFAVFD4.cjs');
|
|
4
4
|
var chunkCWWL7MCL_cjs = require('./chunk-CWWL7MCL.cjs');
|
|
5
5
|
var chunk6KLPQQYP_cjs = require('./chunk-6KLPQQYP.cjs');
|
|
6
6
|
var chunkFM4C4MBJ_cjs = require('./chunk-FM4C4MBJ.cjs');
|
|
@@ -145,13 +145,13 @@ function wireChartThreeViewEvents(view, element, context, badgeHost) {
|
|
|
145
145
|
const listeners = new AbortController();
|
|
146
146
|
chartViewListeners.set(view, listeners);
|
|
147
147
|
view.addEventListener(
|
|
148
|
-
|
|
149
|
-
(event) =>
|
|
148
|
+
chunkWBFAVFD4_cjs.THREE_VIEW_EVENTS.select,
|
|
149
|
+
(event) => chunkWBFAVFD4_cjs.applyChart3DSelect(bridge, event.detail.part),
|
|
150
150
|
{ signal: listeners.signal }
|
|
151
151
|
);
|
|
152
152
|
view.addEventListener(
|
|
153
|
-
|
|
154
|
-
(event) =>
|
|
153
|
+
chunkWBFAVFD4_cjs.THREE_VIEW_EVENTS.drag,
|
|
154
|
+
(event) => chunkWBFAVFD4_cjs.applyChart3DDrag(bridge, event.detail),
|
|
155
155
|
{ signal: listeners.signal }
|
|
156
156
|
);
|
|
157
157
|
}
|
|
@@ -165,7 +165,7 @@ function applyThreeViewTextStyle(el, style) {
|
|
|
165
165
|
// src/pptx/dom/elements/smartart-3d.ts
|
|
166
166
|
var renderSmartArt3DElement = (element, zIndex, context) => {
|
|
167
167
|
const wrapper = renderSmartArtSvg(element, zIndex, context);
|
|
168
|
-
const spec = wrapper ?
|
|
168
|
+
const spec = wrapper ? chunkWBFAVFD4_cjs.resolveSmartArtThreeViewSpec(element, context.smartArt3D) : null;
|
|
169
169
|
if (!wrapper || !spec) {
|
|
170
170
|
return wrapper;
|
|
171
171
|
}
|
|
@@ -175,18 +175,18 @@ var renderSmartArt3DElement = (element, zIndex, context) => {
|
|
|
175
175
|
textStyle: context.presentationStates?.get(element.id)?.textStyle
|
|
176
176
|
});
|
|
177
177
|
if (context.onSmartArtNodeTextChange && context.interactive && !context.presenting) {
|
|
178
|
-
const layer = renderSmartArtSvg(
|
|
178
|
+
const layer = renderSmartArtSvg(chunkWBFAVFD4_cjs.elementInLocalFrame(element), 0, context);
|
|
179
179
|
if (layer) {
|
|
180
180
|
layer.classList.add("pptxv-smartart-3d-edit-layer");
|
|
181
|
-
layer.setAttribute(
|
|
182
|
-
|
|
181
|
+
layer.setAttribute(chunkWBFAVFD4_cjs.SMARTART_3D_EDIT_LAYER_ATTRIBUTE, "true");
|
|
182
|
+
chunkWBFAVFD4_cjs.stripEditLayerMarkers(layer);
|
|
183
183
|
layer.setAttribute("aria-hidden", "true");
|
|
184
184
|
Object.assign(layer.style, { position: "absolute", inset: "0", zIndex: "1" });
|
|
185
185
|
for (const svg of layer.querySelectorAll("svg")) {
|
|
186
186
|
svg.style.opacity = "0";
|
|
187
187
|
}
|
|
188
188
|
wrapper.appendChild(layer);
|
|
189
|
-
|
|
189
|
+
chunkWBFAVFD4_cjs.routeEditLayerPointerToNodes(layer);
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
192
|
return wrapper;
|
|
@@ -206,7 +206,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
206
206
|
let swatches = null;
|
|
207
207
|
let hideTimer;
|
|
208
208
|
const cancelHide = () => clearTimeout(hideTimer);
|
|
209
|
-
const ignoredHover = (event) => chrome.closest(`[${
|
|
209
|
+
const ignoredHover = (event) => chrome.closest(`[${chunkWBFAVFD4_cjs.SMARTART_3D_EDIT_LAYER_ATTRIBUTE}]`) !== null && !chunkWBFAVFD4_cjs.isForwardedEditLayerEvent(event);
|
|
210
210
|
const closeEditor = (input = editor) => {
|
|
211
211
|
if (!input || input !== editor) {
|
|
212
212
|
return;
|
|
@@ -222,8 +222,8 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
222
222
|
}
|
|
223
223
|
event.stopPropagation();
|
|
224
224
|
const textNode = target.querySelector("text");
|
|
225
|
-
const textRect = textNode ?
|
|
226
|
-
const rect = textRect && textRect.width > 0 ? textRect :
|
|
225
|
+
const textRect = textNode ? chunkWBFAVFD4_cjs.measureSvgViewportRect(textNode) : null;
|
|
226
|
+
const rect = textRect && textRect.width > 0 ? textRect : chunkWBFAVFD4_cjs.measureSvgViewportRect(target);
|
|
227
227
|
if (!rect) {
|
|
228
228
|
return;
|
|
229
229
|
}
|
|
@@ -247,7 +247,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
247
247
|
textAlign: "center"
|
|
248
248
|
});
|
|
249
249
|
editor = input;
|
|
250
|
-
input.value =
|
|
250
|
+
input.value = chunkWBFAVFD4_cjs.findSmartArtNodeText(data, nodeId) ?? "";
|
|
251
251
|
const commit = () => {
|
|
252
252
|
if (input !== editor) {
|
|
253
253
|
return;
|
|
@@ -282,7 +282,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
282
282
|
}
|
|
283
283
|
cancelHide();
|
|
284
284
|
swatches?.remove();
|
|
285
|
-
const rect =
|
|
285
|
+
const rect = chunkWBFAVFD4_cjs.measureSvgViewportRect(target);
|
|
286
286
|
if (!rect) {
|
|
287
287
|
return;
|
|
288
288
|
}
|
|
@@ -301,7 +301,7 @@ function enableSmartArtEditing(chrome, element, context) {
|
|
|
301
301
|
});
|
|
302
302
|
swatches.setAttribute("role", "group");
|
|
303
303
|
swatches.setAttribute("aria-label", context.t("pptx.smartArt.fillColor"));
|
|
304
|
-
for (const color of
|
|
304
|
+
for (const color of chunkWBFAVFD4_cjs.resolvePalette(data).slice(0, 6)) {
|
|
305
305
|
const button = createEl(chrome.ownerDocument, "button", "", {
|
|
306
306
|
width: "18px",
|
|
307
307
|
height: "18px",
|
|
@@ -403,7 +403,7 @@ function buildSmartArtFallbackSvg(doc, layout, a11yNodes = [], nodeIds = []) {
|
|
|
403
403
|
svg.setAttribute("class", "pptxv-smartart-svg");
|
|
404
404
|
svg.setAttribute("style", SMARTART_SVG_STYLE);
|
|
405
405
|
for (const conn of layout.connectors) {
|
|
406
|
-
const paint =
|
|
406
|
+
const paint = chunkWBFAVFD4_cjs.smartArtConnectorPaint(conn);
|
|
407
407
|
svg.appendChild(
|
|
408
408
|
createSvgEl(doc, "path", {
|
|
409
409
|
d: paint.d,
|
|
@@ -462,7 +462,7 @@ function buildFallbackNode(doc, node, shadowFilter, a11yLabel, nodeId) {
|
|
|
462
462
|
})
|
|
463
463
|
);
|
|
464
464
|
}
|
|
465
|
-
const label =
|
|
465
|
+
const label = chunkWBFAVFD4_cjs.smartArtNodeLabel(node);
|
|
466
466
|
if (label.visible) {
|
|
467
467
|
appendSvgTextLines(doc, g, {
|
|
468
468
|
lines: label.lines,
|
|
@@ -498,41 +498,41 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
498
498
|
doc,
|
|
499
499
|
"div",
|
|
500
500
|
"pptxv-element pptxv-smartart",
|
|
501
|
-
|
|
501
|
+
chunkWBFAVFD4_cjs.getContainerStyle(element, zIndex)
|
|
502
502
|
);
|
|
503
503
|
wrapper.dataset.elementId = element.id;
|
|
504
504
|
wrapper.dataset.testid = `smartart-${data?.layout ?? "diagram"}`;
|
|
505
|
-
const chrome = createEl(doc, "div", "pptxv-smartart-chrome",
|
|
505
|
+
const chrome = createEl(doc, "div", "pptxv-smartart-chrome", chunkWBFAVFD4_cjs.buildChromeStyle(data?.chrome));
|
|
506
506
|
chrome.style.position = "relative";
|
|
507
507
|
wrapper.appendChild(chrome);
|
|
508
508
|
if (data) {
|
|
509
|
-
const a11y =
|
|
509
|
+
const a11y = chunkWBFAVFD4_cjs.buildSmartArtA11y(data);
|
|
510
510
|
chrome.setAttribute("role", "img");
|
|
511
511
|
chrome.setAttribute("aria-label", a11y.label);
|
|
512
512
|
}
|
|
513
513
|
const nodes = data?.nodes ?? [];
|
|
514
514
|
const drawingShapes = data?.drawingShapes ?? [];
|
|
515
515
|
const animationState = context.presentationStates?.get(element.id);
|
|
516
|
-
const { nodes: revealedNodesFull } =
|
|
516
|
+
const { nodes: revealedNodesFull } = chunkWBFAVFD4_cjs.resolveRevealedSmartArtNodes(
|
|
517
517
|
nodes,
|
|
518
518
|
animationState,
|
|
519
519
|
data?.presLayoutVars
|
|
520
520
|
);
|
|
521
521
|
if (data && drawingShapes.length > 0) {
|
|
522
|
-
const revealedShapes =
|
|
522
|
+
const revealedShapes = chunkWBFAVFD4_cjs.resolveRevealedDrawingShapes(drawingShapes, nodes, animationState);
|
|
523
523
|
chrome.appendChild(
|
|
524
|
-
buildDrawingShapesSvg(doc, element.id, data,
|
|
524
|
+
buildDrawingShapesSvg(doc, element.id, data, chunkWBFAVFD4_cjs.buildSmartArtA11y(data).nodes, revealedShapes)
|
|
525
525
|
);
|
|
526
526
|
enableSmartArtEditing(chrome, element, context);
|
|
527
527
|
return wrapper;
|
|
528
528
|
}
|
|
529
529
|
if (data && nodes.length > 0) {
|
|
530
530
|
const revealedNodes = revealedNodesFull;
|
|
531
|
-
const layout =
|
|
531
|
+
const layout = chunkWBFAVFD4_cjs.computeSmartArtElementLayout(
|
|
532
532
|
data,
|
|
533
533
|
revealedNodes,
|
|
534
534
|
{ width: element.width, height: element.height },
|
|
535
|
-
|
|
535
|
+
chunkWBFAVFD4_cjs.resolvePalette(data),
|
|
536
536
|
data.style ?? "flat",
|
|
537
537
|
element.id
|
|
538
538
|
);
|
|
@@ -540,8 +540,8 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
540
540
|
buildSmartArtFallbackSvg(
|
|
541
541
|
doc,
|
|
542
542
|
layout,
|
|
543
|
-
|
|
544
|
-
|
|
543
|
+
chunkWBFAVFD4_cjs.buildSmartArtA11y(data).nodes,
|
|
544
|
+
chunkWBFAVFD4_cjs.flattenNodes(revealedNodes).map((node) => node.id)
|
|
545
545
|
)
|
|
546
546
|
);
|
|
547
547
|
enableSmartArtEditing(chrome, element, context);
|
|
@@ -564,17 +564,17 @@ var renderSmartArtSvg = (element, zIndex, context) => {
|
|
|
564
564
|
function buildDrawingShapesSvg(doc, elementId, data, a11yNodes, revealedShapes) {
|
|
565
565
|
const allShapes = data.drawingShapes ?? [];
|
|
566
566
|
const style = data.style ?? "flat";
|
|
567
|
-
const viewBox =
|
|
568
|
-
const rendered =
|
|
567
|
+
const viewBox = chunkWBFAVFD4_cjs.computeDrawingViewBox(allShapes);
|
|
568
|
+
const rendered = chunkWBFAVFD4_cjs.projectDrawingShapes(
|
|
569
569
|
elementId,
|
|
570
570
|
revealedShapes,
|
|
571
571
|
viewBox,
|
|
572
|
-
|
|
572
|
+
chunkWBFAVFD4_cjs.resolvePalette(data),
|
|
573
573
|
style
|
|
574
574
|
);
|
|
575
|
-
const shadow =
|
|
575
|
+
const shadow = chunkWBFAVFD4_cjs.styleShadowFilter(style);
|
|
576
576
|
const labelsById = new Map(a11yNodes.map((node) => [node.id, node.label]));
|
|
577
|
-
const nodeIds =
|
|
577
|
+
const nodeIds = chunkWBFAVFD4_cjs.resolveRevealedDrawingShapeNodeIds(allShapes, revealedShapes, data.nodes);
|
|
578
578
|
const svg = createSvgEl(doc, "svg", {
|
|
579
579
|
viewBox: `0 0 ${viewBox.width} ${viewBox.height}`,
|
|
580
580
|
preserveAspectRatio: "xMidYMid meet"
|
|
@@ -703,26 +703,26 @@ function createElementRendererRegistry() {
|
|
|
703
703
|
// src/pptx/dom/smartart-insert-preview.ts
|
|
704
704
|
function buildSmartArtInsertPreview(doc, t, layout, size) {
|
|
705
705
|
const scale = Math.min(
|
|
706
|
-
size.width /
|
|
707
|
-
size.height /
|
|
706
|
+
size.width / chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_WIDTH,
|
|
707
|
+
size.height / chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_HEIGHT
|
|
708
708
|
);
|
|
709
709
|
const box = createEl(doc, "div", "pptxv-smartart-option-preview", {
|
|
710
|
-
width: `${Math.round(
|
|
711
|
-
height: `${Math.round(
|
|
710
|
+
width: `${Math.round(chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_WIDTH * scale)}px`,
|
|
711
|
+
height: `${Math.round(chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_HEIGHT * scale)}px`,
|
|
712
712
|
overflow: "hidden",
|
|
713
713
|
pointerEvents: "none",
|
|
714
714
|
position: "relative"
|
|
715
715
|
});
|
|
716
716
|
box.setAttribute("aria-hidden", "true");
|
|
717
717
|
const stage = createEl(doc, "div", void 0, {
|
|
718
|
-
width: `${
|
|
719
|
-
height: `${
|
|
718
|
+
width: `${chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_WIDTH}px`,
|
|
719
|
+
height: `${chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_HEIGHT}px`,
|
|
720
720
|
transform: `scale(${scale})`,
|
|
721
721
|
transformOrigin: "top left",
|
|
722
722
|
position: "relative"
|
|
723
723
|
});
|
|
724
724
|
box.appendChild(stage);
|
|
725
|
-
const element =
|
|
725
|
+
const element = chunkWBFAVFD4_cjs.buildSmartArtPreviewElement(layout);
|
|
726
726
|
const slide = {
|
|
727
727
|
id: "smartart-preview",
|
|
728
728
|
rId: "smartart-preview",
|
|
@@ -732,7 +732,7 @@ function buildSmartArtInsertPreview(doc, t, layout, size) {
|
|
|
732
732
|
const context = {
|
|
733
733
|
document: doc,
|
|
734
734
|
slide,
|
|
735
|
-
canvasSize: { width:
|
|
735
|
+
canvasSize: { width: chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_WIDTH, height: chunkWBFAVFD4_cjs.SMARTART_PREVIEW_ELEMENT_HEIGHT },
|
|
736
736
|
scale: 1,
|
|
737
737
|
mediaDataUrls: /* @__PURE__ */ new Map(),
|
|
738
738
|
t,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { THREE_VIEW_EVENTS, applyChart3DSelect, applyChart3DDrag, resolveSmartArtThreeViewSpec, elementInLocalFrame, SMARTART_3D_EDIT_LAYER_ATTRIBUTE, stripEditLayerMarkers, routeEditLayerPointerToNodes, measureSvgViewportRect, findSmartArtNodeText, resolvePalette, smartArtConnectorPaint, smartArtNodeLabel, getContainerStyle, buildChromeStyle, buildSmartArtA11y, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, computeSmartArtElementLayout, flattenNodes, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveRevealedDrawingShapeNodeIds, SMARTART_PREVIEW_ELEMENT_WIDTH, SMARTART_PREVIEW_ELEMENT_HEIGHT, buildSmartArtPreviewElement, isForwardedEditLayerEvent } from './chunk-
|
|
1
|
+
import { THREE_VIEW_EVENTS, applyChart3DSelect, applyChart3DDrag, resolveSmartArtThreeViewSpec, elementInLocalFrame, SMARTART_3D_EDIT_LAYER_ATTRIBUTE, stripEditLayerMarkers, routeEditLayerPointerToNodes, measureSvgViewportRect, findSmartArtNodeText, resolvePalette, smartArtConnectorPaint, smartArtNodeLabel, getContainerStyle, buildChromeStyle, buildSmartArtA11y, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, computeSmartArtElementLayout, flattenNodes, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveRevealedDrawingShapeNodeIds, SMARTART_PREVIEW_ELEMENT_WIDTH, SMARTART_PREVIEW_ELEMENT_HEIGHT, buildSmartArtPreviewElement, isForwardedEditLayerEvent } from './chunk-CT7UD6VL.mjs';
|
|
2
2
|
import { canDrillDown } from './chunk-FUKVYJPM.mjs';
|
|
3
3
|
import { formatAxisValue } from './chunk-34LEUH5R.mjs';
|
|
4
4
|
import { THREE_VIEW_TAG, defineThreeViewElement } from './chunk-AMW2AR7J.mjs';
|