pptx-react-viewer 4.67.0 → 4.69.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/CHANGELOG.md +16 -0
- package/dist/{chunk-ZLPMXC55.js → chunk-ACWPAWFW.js} +126 -122
- package/dist/chunk-ACWPAWFW.js.br +0 -0
- package/dist/chunk-ACWPAWFW.js.gz +0 -0
- package/dist/{chunk-F5UOILTY.js → chunk-BYPHHRBZ.js} +34 -29
- package/dist/chunk-BYPHHRBZ.js.br +0 -0
- package/dist/chunk-BYPHHRBZ.js.gz +0 -0
- package/dist/{chunk-3LJ5QUU3.mjs → chunk-DHCM6STL.mjs} +35 -30
- package/dist/chunk-DHCM6STL.mjs.br +0 -0
- package/dist/chunk-DHCM6STL.mjs.gz +0 -0
- package/dist/{chunk-LRDW6EH7.mjs → chunk-QHZV2LUG.mjs} +6 -2
- package/dist/chunk-QHZV2LUG.mjs.br +0 -0
- package/dist/chunk-QHZV2LUG.mjs.gz +0 -0
- package/dist/index.js +24 -24
- package/dist/index.js.br +0 -0
- package/dist/index.js.gz +0 -0
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.br +0 -0
- package/dist/index.mjs.gz +0 -0
- package/dist/internals.js +80 -80
- package/dist/internals.js.br +0 -0
- package/dist/internals.js.gz +0 -0
- package/dist/internals.mjs +1 -1
- package/dist/internals.mjs.br +0 -0
- package/dist/internals.mjs.gz +0 -0
- package/dist/viewer/index.js +18 -18
- package/dist/viewer/index.js.br +0 -0
- package/dist/viewer/index.js.gz +0 -0
- package/dist/viewer/index.mjs +2 -2
- package/dist/viewer/index.mjs.br +0 -0
- package/dist/viewer/index.mjs.gz +0 -0
- package/package.json +3 -3
- package/dist/chunk-3LJ5QUU3.mjs.br +0 -0
- package/dist/chunk-3LJ5QUU3.mjs.gz +0 -0
- package/dist/chunk-F5UOILTY.js.br +0 -0
- package/dist/chunk-F5UOILTY.js.gz +0 -0
- package/dist/chunk-LRDW6EH7.mjs.br +0 -0
- package/dist/chunk-LRDW6EH7.mjs.gz +0 -0
- package/dist/chunk-ZLPMXC55.js.br +0 -0
- package/dist/chunk-ZLPMXC55.js.gz +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var chunkLVEFHZ76_js = require('./chunk-LVEFHZ76.js');
|
|
4
|
-
var
|
|
4
|
+
var chunkBYPHHRBZ_js = require('./chunk-BYPHHRBZ.js');
|
|
5
5
|
var chunkP2COO2QO_js = require('./chunk-P2COO2QO.js');
|
|
6
6
|
var pptx = require('ooxml-ui/pptx');
|
|
7
7
|
var React108 = require('react');
|
|
@@ -577,7 +577,7 @@ function SlideThumbnailImpl({
|
|
|
577
577
|
...pptx.deviceStrokeStageStyle(scale)
|
|
578
578
|
},
|
|
579
579
|
children: [
|
|
580
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
580
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.SlideBackgroundImageLayer, { slide }),
|
|
581
581
|
slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsxRuntime.jsx(
|
|
582
582
|
"div",
|
|
583
583
|
{
|
|
@@ -587,7 +587,7 @@ function SlideThumbnailImpl({
|
|
|
587
587
|
}
|
|
588
588
|
),
|
|
589
589
|
previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
590
|
-
|
|
590
|
+
chunkBYPHHRBZ_js.StaticElementRenderer,
|
|
591
591
|
{
|
|
592
592
|
element,
|
|
593
593
|
activeSlide: slide,
|
|
@@ -1042,7 +1042,7 @@ function SlidesPaneSidebar({
|
|
|
1042
1042
|
tableStyleContext
|
|
1043
1043
|
}) {
|
|
1044
1044
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
1045
|
-
const collab =
|
|
1045
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
1046
1046
|
const slideRefs = React108.useRef(/* @__PURE__ */ new Map());
|
|
1047
1047
|
const renameInputRef = React108.useRef(null);
|
|
1048
1048
|
const slidePresenceMap = React108.useMemo(() => {
|
|
@@ -1137,7 +1137,7 @@ function SlidesPaneSidebar({
|
|
|
1137
1137
|
[sectionGroups, showSectionHeaders, effectiveCollapsed]
|
|
1138
1138
|
);
|
|
1139
1139
|
const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
|
|
1140
|
-
const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } =
|
|
1140
|
+
const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkBYPHHRBZ_js.useVirtualizedSlides({
|
|
1141
1141
|
totalItems: shouldVirtualize ? flatItems.length : 0,
|
|
1142
1142
|
itemHeight: estimatedItemHeight
|
|
1143
1143
|
});
|
|
@@ -1421,7 +1421,7 @@ function SlideTemplatePreview({
|
|
|
1421
1421
|
transformOrigin: "top left"
|
|
1422
1422
|
},
|
|
1423
1423
|
children: previewSlide.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1424
|
-
|
|
1424
|
+
chunkBYPHHRBZ_js.StaticElementRenderer,
|
|
1425
1425
|
{
|
|
1426
1426
|
element,
|
|
1427
1427
|
activeSlide: previewSlide,
|
|
@@ -1490,7 +1490,7 @@ function SlideTemplateGalleryDialog({
|
|
|
1490
1490
|
scheme
|
|
1491
1491
|
}) {
|
|
1492
1492
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
1493
|
-
const { panelStyle, handlers: dragHandlers } =
|
|
1493
|
+
const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
|
|
1494
1494
|
const [selected, setSelected] = React108.useState(null);
|
|
1495
1495
|
const dialogRef = React108.useRef(null);
|
|
1496
1496
|
useModalFocus(isOpen, dialogRef, onClose);
|
|
@@ -2041,7 +2041,7 @@ function MobileSheet({
|
|
|
2041
2041
|
}) {
|
|
2042
2042
|
const sheetRef = React108.useRef(null);
|
|
2043
2043
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
2044
|
-
const { dragY, dragging, handlers } =
|
|
2044
|
+
const { dragY, dragging, handlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onClose);
|
|
2045
2045
|
useModalFocus(open, sheetRef, onClose);
|
|
2046
2046
|
if (!open) {
|
|
2047
2047
|
return null;
|
|
@@ -2310,7 +2310,7 @@ function WebHomeControls({
|
|
|
2310
2310
|
function ShapeArrangeExtras(p) {
|
|
2311
2311
|
const commands = useShapeFormatContext();
|
|
2312
2312
|
const crop = commands?.crop;
|
|
2313
|
-
const { isHidden } =
|
|
2313
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
|
|
2314
2314
|
const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
|
|
2315
2315
|
const controls = React108.useMemo(
|
|
2316
2316
|
() => pptx.arrangeShapeHomeControls({
|
|
@@ -2645,7 +2645,7 @@ function TransitionsSection(p) {
|
|
|
2645
2645
|
case "soundPreview": {
|
|
2646
2646
|
const url = pptx.ribbonTransitionStockSoundUrl(transition);
|
|
2647
2647
|
if (url) {
|
|
2648
|
-
|
|
2648
|
+
chunkBYPHHRBZ_js.playAnimationSound(url);
|
|
2649
2649
|
}
|
|
2650
2650
|
break;
|
|
2651
2651
|
}
|
|
@@ -2853,7 +2853,7 @@ function AccountPage() {
|
|
|
2853
2853
|
refreshUsage();
|
|
2854
2854
|
setTimeout(() => setCleared(false), 4e3);
|
|
2855
2855
|
};
|
|
2856
|
-
const version = "4.
|
|
2856
|
+
const version = "4.69.0" ;
|
|
2857
2857
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
|
|
2858
2858
|
/* @__PURE__ */ jsxRuntime.jsxs("section", { className: cardClass, children: [
|
|
2859
2859
|
/* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
|
|
@@ -3118,7 +3118,7 @@ function FileSection(p) {
|
|
|
3118
3118
|
const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
|
|
3119
3119
|
const [query, setQuery] = React108.useState("");
|
|
3120
3120
|
const [recent, setRecent] = React108.useState([]);
|
|
3121
|
-
const { isHidden } =
|
|
3121
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
|
|
3122
3122
|
const exportHidden = isHidden("export");
|
|
3123
3123
|
const storage = useViewerStorage();
|
|
3124
3124
|
const cloud = useViewerCloudFiles();
|
|
@@ -3487,7 +3487,7 @@ function LayoutArtwork({
|
|
|
3487
3487
|
backgroundColor
|
|
3488
3488
|
};
|
|
3489
3489
|
return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3490
|
-
|
|
3490
|
+
chunkBYPHHRBZ_js.StaticElementRenderer,
|
|
3491
3491
|
{
|
|
3492
3492
|
element,
|
|
3493
3493
|
activeSlide: slide,
|
|
@@ -3842,7 +3842,7 @@ function SlideShowOptions({
|
|
|
3842
3842
|
}
|
|
3843
3843
|
function SubtitleSettingsControl() {
|
|
3844
3844
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
3845
|
-
const supplied = React108.useContext(
|
|
3845
|
+
const supplied = React108.useContext(chunkBYPHHRBZ_js.ViewerOptionsStoreContext);
|
|
3846
3846
|
const fallback = React108.useRef(null);
|
|
3847
3847
|
if (!supplied) {
|
|
3848
3848
|
fallback.current ??= pptx.createViewerOptionsStore({ persist: false });
|
|
@@ -3876,7 +3876,7 @@ function SubtitleSettingsControl() {
|
|
|
3876
3876
|
}
|
|
3877
3877
|
function SlideShowSection(p) {
|
|
3878
3878
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
3879
|
-
const { isHidden } =
|
|
3879
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
|
|
3880
3880
|
const actions = {
|
|
3881
3881
|
"slideShow.startSlideShow.fromBeginning": p.onPresentFromBeginning ?? (() => p.onSetMode("present")),
|
|
3882
3882
|
"slideShow.startSlideShow.fromCurrent": p.onPresent,
|
|
@@ -4396,7 +4396,7 @@ function MobileMenuSheet(props) {
|
|
|
4396
4396
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
4397
4397
|
const { open, onClose } = props;
|
|
4398
4398
|
const [active, setActive] = React108.useState("home");
|
|
4399
|
-
const { isTabVisible } =
|
|
4399
|
+
const { isTabVisible } = chunkBYPHHRBZ_js.useToolbarVisibility(props.hiddenActions);
|
|
4400
4400
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4401
4401
|
MobileSheet,
|
|
4402
4402
|
{
|
|
@@ -4688,7 +4688,7 @@ function MobileToolbar(props) {
|
|
|
4688
4688
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
4689
4689
|
const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
|
|
4690
4690
|
const [menuOpen, setMenuOpen] = React108.useState(false);
|
|
4691
|
-
const { isHidden } =
|
|
4691
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(props.hiddenActions);
|
|
4692
4692
|
const showEdit = mode === "edit" || mode === "master";
|
|
4693
4693
|
const hidden = [];
|
|
4694
4694
|
if (isHidden("undo")) {
|
|
@@ -4735,7 +4735,7 @@ function MobileToolbar(props) {
|
|
|
4735
4735
|
}
|
|
4736
4736
|
function ChartSelectionStrip() {
|
|
4737
4737
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
4738
|
-
const commands =
|
|
4738
|
+
const commands = chunkBYPHHRBZ_js.useChartFormatContext();
|
|
4739
4739
|
const chart = commands?.chart;
|
|
4740
4740
|
const chartData = chart?.type === "chart" ? chart.chartData : void 0;
|
|
4741
4741
|
const controls = React108.useMemo(
|
|
@@ -4766,7 +4766,7 @@ function PictureSizeStrip({
|
|
|
4766
4766
|
hiddenActions
|
|
4767
4767
|
}) {
|
|
4768
4768
|
const crop = useShapeFormatContext()?.crop;
|
|
4769
|
-
const { isHidden } =
|
|
4769
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(hiddenActions);
|
|
4770
4770
|
const controls = React108.useMemo(
|
|
4771
4771
|
() => pptx.pictureSizeHomeControls({
|
|
4772
4772
|
editable: Boolean(crop),
|
|
@@ -4939,7 +4939,7 @@ var TAB_BASE = "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap t
|
|
|
4939
4939
|
var TAB_UNDERLINE = "after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary";
|
|
4940
4940
|
function RibbonTabBar(p) {
|
|
4941
4941
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
4942
|
-
const viewerOptions =
|
|
4942
|
+
const viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext();
|
|
4943
4943
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4944
4944
|
"div",
|
|
4945
4945
|
{
|
|
@@ -5016,9 +5016,9 @@ function RibbonTabBar(p) {
|
|
|
5016
5016
|
}
|
|
5017
5017
|
function TabRowActions(p) {
|
|
5018
5018
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
5019
|
-
const collab =
|
|
5019
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
5020
5020
|
const isCollaborating = Boolean(collab && collab.status === "connected");
|
|
5021
|
-
const { isHidden } =
|
|
5021
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
|
|
5022
5022
|
const customization = useViewerCustomizationContext();
|
|
5023
5023
|
const ref = React108.useRef(null);
|
|
5024
5024
|
const handlers = React108.useRef(p);
|
|
@@ -5073,7 +5073,7 @@ function TabRowActions(p) {
|
|
|
5073
5073
|
}
|
|
5074
5074
|
function TitleBarElement(p) {
|
|
5075
5075
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
5076
|
-
const options =
|
|
5076
|
+
const options = chunkBYPHHRBZ_js.useViewerOptionsContext();
|
|
5077
5077
|
const customization = useViewerCustomizationContext();
|
|
5078
5078
|
const ref = React108.useRef(null);
|
|
5079
5079
|
const stripVisible = options.quickAccess.visible && pptx.isPanelVisible(customization, "quickAccessToolbar");
|
|
@@ -5504,7 +5504,7 @@ function ToolbarPrimaryRow(p) {
|
|
|
5504
5504
|
onToggleSidebar,
|
|
5505
5505
|
onToggleInspector
|
|
5506
5506
|
} = p;
|
|
5507
|
-
const collab =
|
|
5507
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
5508
5508
|
const customization = useViewerCustomizationContext();
|
|
5509
5509
|
const showSlidesToggle = pptx.isPanelVisible(customization, "slidesPane");
|
|
5510
5510
|
const showInspectorToggle = pptx.isPanelVisible(customization, "inspector");
|
|
@@ -5805,8 +5805,8 @@ function ToolbarLateTabs({
|
|
|
5805
5805
|
function Toolbar(p) {
|
|
5806
5806
|
const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
|
|
5807
5807
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
5808
|
-
const { isTabVisible } =
|
|
5809
|
-
const viewerOptions =
|
|
5808
|
+
const { isTabVisible } = chunkBYPHHRBZ_js.useToolbarVisibility(p.hiddenActions);
|
|
5809
|
+
const viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext();
|
|
5810
5810
|
const customization = useViewerCustomizationContext();
|
|
5811
5811
|
const belowInput = React108.useMemo(
|
|
5812
5812
|
() => ({
|
|
@@ -6783,7 +6783,7 @@ function DrawingOverlaySvg({
|
|
|
6783
6783
|
onPointerDown,
|
|
6784
6784
|
onPointerMove,
|
|
6785
6785
|
onPointerUp,
|
|
6786
|
-
children: isStrokeActive && liveStrokeView ?
|
|
6786
|
+
children: isStrokeActive && liveStrokeView ? chunkBYPHHRBZ_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
|
|
6787
6787
|
"path",
|
|
6788
6788
|
{
|
|
6789
6789
|
d: liveStrokeD,
|
|
@@ -7333,7 +7333,7 @@ function PictureCropOverlay({
|
|
|
7333
7333
|
};
|
|
7334
7334
|
};
|
|
7335
7335
|
const { ghost, frame, handles } = overlay;
|
|
7336
|
-
const src =
|
|
7336
|
+
const src = chunkBYPHHRBZ_js.imgSrc(element);
|
|
7337
7337
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7338
7338
|
"div",
|
|
7339
7339
|
{
|
|
@@ -7509,7 +7509,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
|
|
|
7509
7509
|
}
|
|
7510
7510
|
);
|
|
7511
7511
|
}
|
|
7512
|
-
var HorizontalRuler = /* @__PURE__ */
|
|
7512
|
+
var HorizontalRuler = /* @__PURE__ */ chunkBYPHHRBZ_js.withDisplayName(
|
|
7513
7513
|
/* @__PURE__ */ React108__default.default.memo(HorizontalRulerView),
|
|
7514
7514
|
"HorizontalRuler"
|
|
7515
7515
|
);
|
|
@@ -7583,7 +7583,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
|
|
|
7583
7583
|
}
|
|
7584
7584
|
);
|
|
7585
7585
|
}
|
|
7586
|
-
var VerticalRuler = /* @__PURE__ */
|
|
7586
|
+
var VerticalRuler = /* @__PURE__ */ chunkBYPHHRBZ_js.withDisplayName(
|
|
7587
7587
|
/* @__PURE__ */ React108__default.default.memo(VerticalRulerView),
|
|
7588
7588
|
"VerticalRuler"
|
|
7589
7589
|
);
|
|
@@ -7777,7 +7777,7 @@ function SelectionHandleOverlay({
|
|
|
7777
7777
|
onDoubleClick: (e) => onDoubleClick(element.id, e),
|
|
7778
7778
|
onContextMenu: (e) => onContextMenu(element.id, e),
|
|
7779
7779
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7780
|
-
|
|
7780
|
+
chunkBYPHHRBZ_js.ResizeHandles,
|
|
7781
7781
|
{
|
|
7782
7782
|
elementId: element.id,
|
|
7783
7783
|
adjustmentHandles,
|
|
@@ -8488,7 +8488,7 @@ function SlideCanvas(props) {
|
|
|
8488
8488
|
props.registerInlineEditReader
|
|
8489
8489
|
]
|
|
8490
8490
|
);
|
|
8491
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8491
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
|
|
8492
8492
|
}
|
|
8493
8493
|
function SlideCanvasContent({
|
|
8494
8494
|
imagePaste,
|
|
@@ -8761,7 +8761,7 @@ function SlideCanvasContent({
|
|
|
8761
8761
|
onPointerMove: handleStagePointerMove,
|
|
8762
8762
|
onPointerUp: handleStagePointerUp,
|
|
8763
8763
|
children: [
|
|
8764
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8764
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.SlideBackgroundImageLayer, { slide: activeSlide }),
|
|
8765
8765
|
presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
|
|
8766
8766
|
/* @__PURE__ */ jsxRuntime.jsx(GridOverlay, { canvasSize, gridSpacingPx, visible: showGrid }),
|
|
8767
8767
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -8773,7 +8773,7 @@ function SlideCanvasContent({
|
|
|
8773
8773
|
}
|
|
8774
8774
|
),
|
|
8775
8775
|
templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8776
|
-
|
|
8776
|
+
chunkBYPHHRBZ_js.ElementRenderer,
|
|
8777
8777
|
{
|
|
8778
8778
|
element,
|
|
8779
8779
|
activeSlide,
|
|
@@ -8818,7 +8818,7 @@ function SlideCanvasContent({
|
|
|
8818
8818
|
`tpl-${element.id}`
|
|
8819
8819
|
)),
|
|
8820
8820
|
activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8821
|
-
|
|
8821
|
+
chunkBYPHHRBZ_js.ElementRenderer,
|
|
8822
8822
|
{
|
|
8823
8823
|
element,
|
|
8824
8824
|
activeSlide,
|
|
@@ -8885,7 +8885,7 @@ function SlideCanvasContent({
|
|
|
8885
8885
|
editingMember && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
8886
8886
|
/* @__PURE__ */ jsxRuntime.jsx("style", { children: `[data-element-id="${cssAttr(editingMember.parentId)}"] [data-element-id="${cssAttr(editingMember.member.id)}"]{visibility:hidden}` }),
|
|
8887
8887
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
8888
|
-
|
|
8888
|
+
chunkBYPHHRBZ_js.ElementRenderer,
|
|
8889
8889
|
{
|
|
8890
8890
|
element: editingMember.member,
|
|
8891
8891
|
activeSlide,
|
|
@@ -9230,6 +9230,7 @@ function StatusBar(p) {
|
|
|
9230
9230
|
dirty: p.isDirty,
|
|
9231
9231
|
autosave: p.autosaveStatus,
|
|
9232
9232
|
saveProgress: p.saveProgress ? pptx.saveProgressStatus(p.saveProgress, t) : void 0,
|
|
9233
|
+
fontProgress: p.fontProgress,
|
|
9233
9234
|
zoomPercent: p.scale !== void 0 && !p.hideZoomControls ? p.scale * 100 : void 0,
|
|
9234
9235
|
notesExpanded: p.isNotesExpanded,
|
|
9235
9236
|
viewMode: pptx.statusBarViewMode(p.mode),
|
|
@@ -9401,7 +9402,7 @@ function ContextMenu(props) {
|
|
|
9401
9402
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
9402
9403
|
const customization = useViewerCustomizationContext();
|
|
9403
9404
|
const shapeFormat = useShapeFormatContext();
|
|
9404
|
-
const chartFormat =
|
|
9405
|
+
const chartFormat = chunkBYPHHRBZ_js.useChartFormatContext();
|
|
9405
9406
|
const open = Boolean(contextMenuState) && mode === "edit";
|
|
9406
9407
|
const handlers = {
|
|
9407
9408
|
...contextMenuHandlers(props, shapeFormat),
|
|
@@ -11370,7 +11371,7 @@ function ReadingViewStage({
|
|
|
11370
11371
|
className: "absolute left-0 top-0 origin-top-left",
|
|
11371
11372
|
style: { width, height, transform: `scale(${scale})`, ...pptx.deviceStrokeStageStyle(scale) },
|
|
11372
11373
|
children: elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
11373
|
-
|
|
11374
|
+
chunkBYPHHRBZ_js.StaticElementRenderer,
|
|
11374
11375
|
{
|
|
11375
11376
|
element,
|
|
11376
11377
|
activeSlide: slide,
|
|
@@ -12025,7 +12026,7 @@ function SlideNotesPanel({
|
|
|
12025
12026
|
});
|
|
12026
12027
|
const hasNotes = draft.trim().length > 0;
|
|
12027
12028
|
const slideLabel = activeSlide ? t("pptx.notes.slideN", { n: activeSlide.slideNumber }) : t("pptx.notes.noSlide");
|
|
12028
|
-
const { dragY, handlers: dragHandlers } =
|
|
12029
|
+
const { dragY, handlers: dragHandlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onToggle);
|
|
12029
12030
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
12030
12031
|
isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
|
|
12031
12032
|
"button",
|
|
@@ -13162,7 +13163,7 @@ function DocumentPropertiesDialog({
|
|
|
13162
13163
|
const handleClose = React108.useCallback(() => {
|
|
13163
13164
|
onClose();
|
|
13164
13165
|
}, [onClose]);
|
|
13165
|
-
const { panelStyle, handlers: dragHandlers } =
|
|
13166
|
+
const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(handleClose);
|
|
13166
13167
|
if (!isOpen) {
|
|
13167
13168
|
return null;
|
|
13168
13169
|
}
|
|
@@ -13759,7 +13760,7 @@ function PresentationSubtitleBar({
|
|
|
13759
13760
|
}) {
|
|
13760
13761
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
13761
13762
|
const language = pptx.subtitleRecognitionLanguage(
|
|
13762
|
-
pptx.subtitleSettingsFromOptions(
|
|
13763
|
+
pptx.subtitleSettingsFromOptions(chunkBYPHHRBZ_js.useViewerOptionsContext()),
|
|
13763
13764
|
typeof navigator === "undefined" ? "en-US" : navigator.language
|
|
13764
13765
|
);
|
|
13765
13766
|
const [captionText, setCaptionText] = React108.useState("");
|
|
@@ -13953,7 +13954,7 @@ function ScaledSlidePreviewImpl({
|
|
|
13953
13954
|
...pptx.deviceStrokeStageStyle(scale)
|
|
13954
13955
|
},
|
|
13955
13956
|
children: previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
13956
|
-
|
|
13957
|
+
chunkBYPHHRBZ_js.StaticElementRenderer,
|
|
13957
13958
|
{
|
|
13958
13959
|
element,
|
|
13959
13960
|
activeSlide: slide,
|
|
@@ -15287,7 +15288,7 @@ function EffectSoundRow({
|
|
|
15287
15288
|
}
|
|
15288
15289
|
const asset = pptx.getEffectSoundAsset(soundState.catalogueId);
|
|
15289
15290
|
if (asset) {
|
|
15290
|
-
|
|
15291
|
+
chunkBYPHHRBZ_js.playAnimationSound(asset.dataUrl);
|
|
15291
15292
|
}
|
|
15292
15293
|
};
|
|
15293
15294
|
return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
|
|
@@ -15799,7 +15800,7 @@ function AnimationPanel({
|
|
|
15799
15800
|
onUpdateSlide
|
|
15800
15801
|
}) {
|
|
15801
15802
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
15802
|
-
const { viewportWidth } =
|
|
15803
|
+
const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
|
|
15803
15804
|
const directionBtnPx = Math.max(28, pptx.getDensePanelTouchTargetPx(viewportWidth));
|
|
15804
15805
|
const fieldStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
|
|
15805
15806
|
const handlers = useAnimationHandlers({
|
|
@@ -17924,8 +17925,8 @@ function ChartUserShapeOptions({
|
|
|
17924
17925
|
}
|
|
17925
17926
|
function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
|
|
17926
17927
|
const chartData = selectedElement.chartData;
|
|
17927
|
-
const followDataPoint =
|
|
17928
|
-
const { selection: partSelection } =
|
|
17928
|
+
const followDataPoint = chunkBYPHHRBZ_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
|
|
17929
|
+
const { selection: partSelection } = chunkBYPHHRBZ_js.useChartPartSelection();
|
|
17929
17930
|
const canvasPart = partSelection?.elementId === selectedElement.id ? partSelection.part : null;
|
|
17930
17931
|
const title = chartData?.title;
|
|
17931
17932
|
const chartType = chartData?.chartType;
|
|
@@ -19121,7 +19122,7 @@ function DuotonePanel({
|
|
|
19121
19122
|
] }),
|
|
19122
19123
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
|
|
19123
19124
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-[10px]", children: t("pptx.image.duotonePresets") }),
|
|
19124
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children:
|
|
19125
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkBYPHHRBZ_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
19125
19126
|
"button",
|
|
19126
19127
|
{
|
|
19127
19128
|
type: "button",
|
|
@@ -22379,7 +22380,7 @@ function SmartArtPropertiesPanel({
|
|
|
22379
22380
|
const reflowed = box ? pptx.rebuildDrawingShapesIfCleared(
|
|
22380
22381
|
newData,
|
|
22381
22382
|
newData.layout,
|
|
22382
|
-
|
|
22383
|
+
chunkBYPHHRBZ_js.resolveSmartArtDataPalette(newData),
|
|
22383
22384
|
newData.style ?? "flat",
|
|
22384
22385
|
"inspector",
|
|
22385
22386
|
box
|
|
@@ -22452,7 +22453,7 @@ function TableDataGrid({
|
|
|
22452
22453
|
}) {
|
|
22453
22454
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
22454
22455
|
const grid = pptx.buildTableDataGrid(tableElement);
|
|
22455
|
-
const { viewportWidth } =
|
|
22456
|
+
const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
|
|
22456
22457
|
const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
|
|
22457
22458
|
const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
|
|
22458
22459
|
const stickyGutterClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10" : "";
|
|
@@ -24301,7 +24302,7 @@ function InspectorPaneHeader({
|
|
|
24301
24302
|
onClose
|
|
24302
24303
|
}) {
|
|
24303
24304
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
24304
|
-
const { viewportWidth } =
|
|
24305
|
+
const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
|
|
24305
24306
|
const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
|
|
24306
24307
|
const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
|
|
24307
24308
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -25002,7 +25003,7 @@ function TransitionPreview({
|
|
|
25002
25003
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
25003
25004
|
const durationMs = transition.durationMs ?? 500;
|
|
25004
25005
|
const animations = React108.useMemo(
|
|
25005
|
-
() =>
|
|
25006
|
+
() => chunkBYPHHRBZ_js.getSlideTransitionAnimations(
|
|
25006
25007
|
transition.type,
|
|
25007
25008
|
durationMs,
|
|
25008
25009
|
transition.direction,
|
|
@@ -25071,7 +25072,7 @@ function TransitionPreview({
|
|
|
25071
25072
|
]
|
|
25072
25073
|
}
|
|
25073
25074
|
),
|
|
25074
|
-
/* @__PURE__ */ jsxRuntime.jsx("style", { children:
|
|
25075
|
+
/* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkBYPHHRBZ_js.SLIDE_TRANSITION_KEYFRAMES })
|
|
25075
25076
|
] });
|
|
25076
25077
|
}
|
|
25077
25078
|
var DEFAULT_DURATION_MS = 320;
|
|
@@ -25734,7 +25735,7 @@ function InspectorPane(props) {
|
|
|
25734
25735
|
} = props;
|
|
25735
25736
|
const hasSelection = selectedElement !== null;
|
|
25736
25737
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
25737
|
-
const { dragY, handlers: dragHandlers } =
|
|
25738
|
+
const { dragY, handlers: dragHandlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onClose);
|
|
25738
25739
|
const {
|
|
25739
25740
|
animationPanelHeight,
|
|
25740
25741
|
effectiveThemeOptions,
|
|
@@ -26147,7 +26148,7 @@ function PresentationTouchControls({
|
|
|
26147
26148
|
hideNavigation = false
|
|
26148
26149
|
}) {
|
|
26149
26150
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
26150
|
-
const { isTouchDevice } =
|
|
26151
|
+
const { isTouchDevice } = chunkBYPHHRBZ_js.useIsMobile();
|
|
26151
26152
|
if (!isTouchDevice) {
|
|
26152
26153
|
return null;
|
|
26153
26154
|
}
|
|
@@ -26794,11 +26795,11 @@ function PrintDialog({
|
|
|
26794
26795
|
}) {
|
|
26795
26796
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
26796
26797
|
const regionRenderer = useRegionRenderer("dialog.print");
|
|
26797
|
-
const { panelStyle, handlers: dragHandlers } =
|
|
26798
|
-
const { viewportWidth } =
|
|
26798
|
+
const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
|
|
26799
|
+
const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
|
|
26799
26800
|
const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
|
|
26800
26801
|
const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
|
|
26801
|
-
const printOptionDefaults = pptx.resolveDefaultPrintSettings(
|
|
26802
|
+
const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkBYPHHRBZ_js.useViewerOptionsContext());
|
|
26802
26803
|
const [printWhat, setPrintWhat] = React108.useState(printOptionDefaults?.printWhat ?? "slides");
|
|
26803
26804
|
const [orientation, setOrientation] = React108.useState("landscape");
|
|
26804
26805
|
const [colorMode, setColorMode] = React108.useState(
|
|
@@ -27288,14 +27289,14 @@ function BroadcastDialog({
|
|
|
27288
27289
|
}) {
|
|
27289
27290
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
27290
27291
|
const regionRenderer = useRegionRenderer("dialog.broadcast");
|
|
27291
|
-
const collab =
|
|
27292
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
27292
27293
|
const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
|
|
27293
27294
|
const [roomId, setRoomId] = React108.useState("");
|
|
27294
27295
|
const [userName, setUserName] = React108.useState("");
|
|
27295
27296
|
const [serverUrl, setServerUrl] = React108.useState("");
|
|
27296
27297
|
const [copied, setCopied] = React108.useState(false);
|
|
27297
27298
|
const dialogRef = React108.useRef(null);
|
|
27298
|
-
const { panelStyle, handlers: dragHandlers } =
|
|
27299
|
+
const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
|
|
27299
27300
|
useModalFocus(open, dialogRef, onClose);
|
|
27300
27301
|
React108.useEffect(() => {
|
|
27301
27302
|
if (open && !isBroadcasting) {
|
|
@@ -27611,7 +27612,7 @@ function ActiveSessionView({
|
|
|
27611
27612
|
onCopyRoomId,
|
|
27612
27613
|
onStopCollaboration
|
|
27613
27614
|
}) {
|
|
27614
|
-
const { t } = chunkP2COO2QO_js.useTranslation(), viewerOptions =
|
|
27615
|
+
const { t } = chunkP2COO2QO_js.useTranslation(), viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
|
|
27615
27616
|
localUserName: activeCollaboration?.userName ?? collab.config.userName,
|
|
27616
27617
|
localUserInitials: viewerOptions.general.userInitials,
|
|
27617
27618
|
localUserColor: collab.config.userColor,
|
|
@@ -27710,7 +27711,7 @@ function StartSessionForm({
|
|
|
27710
27711
|
onRetry
|
|
27711
27712
|
}) {
|
|
27712
27713
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
27713
|
-
const { viewportWidth } =
|
|
27714
|
+
const { viewportWidth } = chunkBYPHHRBZ_js.useIsMobile();
|
|
27714
27715
|
const tabBtnStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
|
|
27715
27716
|
const inputReadOnlyClass = preconfigured ? " opacity-70 cursor-not-allowed" : "";
|
|
27716
27717
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
|
|
@@ -27844,7 +27845,7 @@ function ShareDialog({
|
|
|
27844
27845
|
defaultUserName,
|
|
27845
27846
|
defaultServerUrl
|
|
27846
27847
|
}) {
|
|
27847
|
-
const collab =
|
|
27848
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
27848
27849
|
const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
|
|
27849
27850
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
27850
27851
|
const regionRenderer = useRegionRenderer("dialog.share");
|
|
@@ -27855,9 +27856,9 @@ function ShareDialog({
|
|
|
27855
27856
|
const [invitation, setInvitation] = React108.useState("");
|
|
27856
27857
|
const [copied, setCopied] = React108.useState(false);
|
|
27857
27858
|
const dialogRef = React108.useRef(null);
|
|
27858
|
-
const { panelStyle, handlers: dragHandlers } =
|
|
27859
|
+
const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
|
|
27859
27860
|
useModalFocus(open, dialogRef, onClose);
|
|
27860
|
-
const { viewportWidth, viewportHeight } =
|
|
27861
|
+
const { viewportWidth, viewportHeight } = chunkBYPHHRBZ_js.useIsMobile();
|
|
27861
27862
|
const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
|
|
27862
27863
|
const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
|
|
27863
27864
|
const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
|
|
@@ -28156,12 +28157,12 @@ function HyperlinkEditDialog({
|
|
|
28156
28157
|
onCancel
|
|
28157
28158
|
}) {
|
|
28158
28159
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
28159
|
-
const { panelStyle, handlers: dragHandlers } =
|
|
28160
|
+
const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onCancel);
|
|
28160
28161
|
const inputRef = React108.useRef(null);
|
|
28161
|
-
const detectedType =
|
|
28162
|
-
const emailParts =
|
|
28163
|
-
const detectedSlide =
|
|
28164
|
-
const detectedVerb = initialAction ?
|
|
28162
|
+
const detectedType = chunkBYPHHRBZ_js.detectTargetType(initialUrl, initialAction);
|
|
28163
|
+
const emailParts = chunkBYPHHRBZ_js.parseEmailUrl(initialUrl || "");
|
|
28164
|
+
const detectedSlide = chunkBYPHHRBZ_js.parseSlideFromUrl(initialUrl, initialAction);
|
|
28165
|
+
const detectedVerb = initialAction ? chunkBYPHHRBZ_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
|
|
28165
28166
|
const [targetType, setTargetType] = React108.useState(detectedType);
|
|
28166
28167
|
const [url, setUrl] = React108.useState(
|
|
28167
28168
|
detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
|
|
@@ -28422,6 +28423,7 @@ function ViewerBottomPanels({
|
|
|
28422
28423
|
isDirty,
|
|
28423
28424
|
autosaveStatus,
|
|
28424
28425
|
saveProgress,
|
|
28426
|
+
fontProgress,
|
|
28425
28427
|
onToggleNotes,
|
|
28426
28428
|
onUpdateNotes,
|
|
28427
28429
|
collaborationSlot,
|
|
@@ -28439,7 +28441,7 @@ function ViewerBottomPanels({
|
|
|
28439
28441
|
notesStyle,
|
|
28440
28442
|
onNotesHeightChange
|
|
28441
28443
|
}) {
|
|
28442
|
-
const { isHidden } =
|
|
28444
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(hiddenActions);
|
|
28443
28445
|
const customization = useViewerCustomizationContext();
|
|
28444
28446
|
const showNotes = pptx.isPanelVisible(customization, "notes");
|
|
28445
28447
|
const notesRenderer = useRegionRenderer("notes");
|
|
@@ -28496,6 +28498,7 @@ function ViewerBottomPanels({
|
|
|
28496
28498
|
isDirty,
|
|
28497
28499
|
autosaveStatus,
|
|
28498
28500
|
saveProgress,
|
|
28501
|
+
fontProgress,
|
|
28499
28502
|
scale,
|
|
28500
28503
|
onZoomIn,
|
|
28501
28504
|
onZoomOut,
|
|
@@ -28837,7 +28840,7 @@ function ViewerToolbarSection(props) {
|
|
|
28837
28840
|
[activeSlide, propertyHandlers]
|
|
28838
28841
|
);
|
|
28839
28842
|
const scopedLayoutOptions = React108__default.default.useMemo(
|
|
28840
|
-
() =>
|
|
28843
|
+
() => chunkBYPHHRBZ_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
|
|
28841
28844
|
[s.layoutOptions, activeSlide]
|
|
28842
28845
|
);
|
|
28843
28846
|
const handleResetSlide = React108.useCallback(() => {
|
|
@@ -29244,7 +29247,7 @@ function ViewerToolbarSection(props) {
|
|
|
29244
29247
|
isMobileInsertOpen: s.isMobileInsertOpen,
|
|
29245
29248
|
onCloseMobileInsert: () => s.setIsMobileInsertOpen(false),
|
|
29246
29249
|
slideCommentCount: activeSlide?.comments?.length ?? 0,
|
|
29247
|
-
reviewComments:
|
|
29250
|
+
reviewComments: chunkBYPHHRBZ_js.createReviewCommentsHost({
|
|
29248
29251
|
state: s,
|
|
29249
29252
|
activeSlideIndex,
|
|
29250
29253
|
updateSlides: ops.updateSlides,
|
|
@@ -29367,7 +29370,7 @@ function CustomShowsDialog({
|
|
|
29367
29370
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29368
29371
|
[]
|
|
29369
29372
|
);
|
|
29370
|
-
|
|
29373
|
+
chunkBYPHHRBZ_js.useController(controller);
|
|
29371
29374
|
const view = controller.view(slides);
|
|
29372
29375
|
const [active, setActive] = React108.useState(activeCustomShowId ?? "");
|
|
29373
29376
|
const pickerValue = view.shows.some(({ id }) => id === active) ? active : "";
|
|
@@ -29647,7 +29650,7 @@ function EquationEditorDialog({
|
|
|
29647
29650
|
existingOmml
|
|
29648
29651
|
}) {
|
|
29649
29652
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
29650
|
-
const { panelStyle, handlers: dragHandlers } =
|
|
29653
|
+
const { panelStyle, handlers: dragHandlers } = chunkBYPHHRBZ_js.useModalDismissDrag(onClose);
|
|
29651
29654
|
const initialLatex = React108.useMemo(() => {
|
|
29652
29655
|
if (!existingOmml) {
|
|
29653
29656
|
return "";
|
|
@@ -30365,11 +30368,11 @@ function PresentationStage({
|
|
|
30365
30368
|
})
|
|
30366
30369
|
},
|
|
30367
30370
|
children: [
|
|
30368
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
30371
|
+
/* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.SlideBackgroundImageLayer, { slide: activeSlide }),
|
|
30369
30372
|
/* @__PURE__ */ jsxRuntime.jsx("style", { children: pptx.PRESENTATION_HIT_TEST_CSS }),
|
|
30370
30373
|
presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
|
|
30371
30374
|
templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
30372
|
-
|
|
30375
|
+
chunkBYPHHRBZ_js.ElementRenderer,
|
|
30373
30376
|
{
|
|
30374
30377
|
element,
|
|
30375
30378
|
activeSlide,
|
|
@@ -30407,7 +30410,7 @@ function PresentationStage({
|
|
|
30407
30410
|
`tpl-${element.id}`
|
|
30408
30411
|
)),
|
|
30409
30412
|
activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
30410
|
-
|
|
30413
|
+
chunkBYPHHRBZ_js.ElementRenderer,
|
|
30411
30414
|
{
|
|
30412
30415
|
element,
|
|
30413
30416
|
activeSlide,
|
|
@@ -30519,7 +30522,7 @@ function PresentationTransitionMount({
|
|
|
30519
30522
|
templateElementsBySlideId
|
|
30520
30523
|
);
|
|
30521
30524
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
30522
|
-
|
|
30525
|
+
chunkBYPHHRBZ_js.PresentationTransitionOverlay,
|
|
30523
30526
|
{
|
|
30524
30527
|
outgoingSlide,
|
|
30525
30528
|
templateElements: templates.outgoing,
|
|
@@ -30565,8 +30568,8 @@ function ViewerCanvasArea(props) {
|
|
|
30565
30568
|
aiCanvasActive = false
|
|
30566
30569
|
} = props;
|
|
30567
30570
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
30568
|
-
const { isHidden } =
|
|
30569
|
-
const viewerOptions =
|
|
30571
|
+
const { isHidden } = chunkBYPHHRBZ_js.useToolbarVisibility(hiddenActions);
|
|
30572
|
+
const viewerOptions = chunkBYPHHRBZ_js.useViewerOptionsContext();
|
|
30570
30573
|
const outlineAuthoring = useOutlineAuthoring({
|
|
30571
30574
|
state: s,
|
|
30572
30575
|
updateElement: canvasHandlers.handleUpdateSmartArtElement,
|
|
@@ -30699,7 +30702,7 @@ function ViewerCanvasArea(props) {
|
|
|
30699
30702
|
s.setActiveSlideIndex((i) => Math.max(0, i - 1));
|
|
30700
30703
|
}
|
|
30701
30704
|
}, [mode, presentation, s]);
|
|
30702
|
-
const swipe =
|
|
30705
|
+
const swipe = chunkBYPHHRBZ_js.useSwipeNavigation({
|
|
30703
30706
|
enabled: swipeEnabled,
|
|
30704
30707
|
onNext: handleSwipeNext,
|
|
30705
30708
|
onPrev: handleSwipePrev
|
|
@@ -30885,14 +30888,14 @@ function ViewerCanvasArea(props) {
|
|
|
30885
30888
|
outlineAuthoring,
|
|
30886
30889
|
collaborationOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
30887
30890
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
30888
|
-
|
|
30891
|
+
chunkBYPHHRBZ_js.RemoteSelectionOverlay,
|
|
30889
30892
|
{
|
|
30890
30893
|
elements: effectiveSlide?.elements ?? [],
|
|
30891
30894
|
activeSlideIndex
|
|
30892
30895
|
}
|
|
30893
30896
|
),
|
|
30894
30897
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
30895
|
-
|
|
30898
|
+
chunkBYPHHRBZ_js.CollaborationCursorOverlay,
|
|
30896
30899
|
{
|
|
30897
30900
|
activeSlideIndex,
|
|
30898
30901
|
canvasWidth: canvasSize.width,
|
|
@@ -31130,7 +31133,7 @@ function AiChangeOverlay({ batch, activeSlideIndex }) {
|
|
|
31130
31133
|
}
|
|
31131
31134
|
function ChartFormatPanel() {
|
|
31132
31135
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
31133
|
-
const commands =
|
|
31136
|
+
const commands = chunkBYPHHRBZ_js.useChartFormatContext();
|
|
31134
31137
|
const ref = React108.useRef(null);
|
|
31135
31138
|
const chart = commands?.chart;
|
|
31136
31139
|
const chartData = chart?.type === "chart" ? chart.chartData : void 0;
|
|
@@ -31203,7 +31206,7 @@ function MobileDismissSheet({
|
|
|
31203
31206
|
children
|
|
31204
31207
|
}) {
|
|
31205
31208
|
const { t } = chunkP2COO2QO_js.useTranslation();
|
|
31206
|
-
const { dragY, handlers } =
|
|
31209
|
+
const { dragY, handlers } = chunkBYPHHRBZ_js.useSheetDismissDrag(onClose);
|
|
31207
31210
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
31208
31211
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
31209
31212
|
"button",
|
|
@@ -31947,7 +31950,7 @@ function ViewerMainContent(props) {
|
|
|
31947
31950
|
);
|
|
31948
31951
|
const layoutGalleryAnchorRef = React108.useRef(null);
|
|
31949
31952
|
const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
|
|
31950
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
31953
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
|
|
31951
31954
|
showSlidesPane && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
31952
31955
|
slidesPaneRenderer ? (
|
|
31953
31956
|
// The rail's slot (width, collapse, resize handle) stays the viewer's.
|
|
@@ -32452,7 +32455,7 @@ function MobileChromeOverlay(props) {
|
|
|
32452
32455
|
slideSectionGroups,
|
|
32453
32456
|
canEdit,
|
|
32454
32457
|
commentCount
|
|
32455
|
-
} = props, { keyboardInset, isKeyboardOpen } =
|
|
32458
|
+
} = props, { keyboardInset, isKeyboardOpen } = chunkBYPHHRBZ_js.useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
|
|
32456
32459
|
s.setIsSlidesPaneOpen(false);
|
|
32457
32460
|
s.setIsMobileInsertOpen(false);
|
|
32458
32461
|
s.setIsInspectorPaneOpen(false);
|
|
@@ -32929,7 +32932,7 @@ async function exportAiChatLogs(options) {
|
|
|
32929
32932
|
chats,
|
|
32930
32933
|
{ format: options?.format, detailed: options?.detailed, now: options?.now },
|
|
32931
32934
|
(filename, content, mime) => {
|
|
32932
|
-
|
|
32935
|
+
chunkBYPHHRBZ_js.downloadBlob(new Blob([content], { type: mime }), filename);
|
|
32933
32936
|
}
|
|
32934
32937
|
);
|
|
32935
32938
|
}
|
|
@@ -33282,7 +33285,7 @@ function ViewerOptionsProvider({
|
|
|
33282
33285
|
store,
|
|
33283
33286
|
children
|
|
33284
33287
|
}) {
|
|
33285
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
33288
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ViewerOptionsContext.Provider, { value: options, children }) });
|
|
33286
33289
|
}
|
|
33287
33290
|
function useAiBridge(input) {
|
|
33288
33291
|
const ref = React108.useRef(input);
|
|
@@ -33365,7 +33368,7 @@ function useAiPanelController(input) {
|
|
|
33365
33368
|
getSelectedElement: () => inputRef.current.selectedElement
|
|
33366
33369
|
})
|
|
33367
33370
|
);
|
|
33368
|
-
const state =
|
|
33371
|
+
const state = chunkBYPHHRBZ_js.useController(controller);
|
|
33369
33372
|
React108.useEffect(() => () => controller.dispose(), [controller]);
|
|
33370
33373
|
const liveFocusTargets = React108.useMemo(
|
|
33371
33374
|
() => host.computeFocusTargets({ activeSlideIndex, selectedElementIds, selectedElementId }),
|
|
@@ -34143,7 +34146,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34143
34146
|
limits
|
|
34144
34147
|
} = props;
|
|
34145
34148
|
const cloudDocument = React108.useMemo(() => pptx.createCloudDocumentController(), []);
|
|
34146
|
-
const cloudFile =
|
|
34149
|
+
const cloudFile = chunkBYPHHRBZ_js.useController(cloudDocument).file;
|
|
34147
34150
|
const {
|
|
34148
34151
|
storage: viewerStorage,
|
|
34149
34152
|
fileName,
|
|
@@ -34157,7 +34160,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34157
34160
|
filePath: hostFilePath
|
|
34158
34161
|
});
|
|
34159
34162
|
const saveProgress = React108.useMemo(() => pptx.createSaveProgressController(), []);
|
|
34160
|
-
const saveProgressState =
|
|
34163
|
+
const saveProgressState = chunkBYPHHRBZ_js.useController(saveProgress);
|
|
34161
34164
|
const storage = React108.useMemo(
|
|
34162
34165
|
() => viewerStorage ? saveProgress.wrap(viewerStorage) : viewerStorage,
|
|
34163
34166
|
[viewerStorage, saveProgress]
|
|
@@ -34256,7 +34259,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34256
34259
|
},
|
|
34257
34260
|
[hostStorage, cloudDocument]
|
|
34258
34261
|
);
|
|
34259
|
-
const { optionsStore, options: viewerOptions } =
|
|
34262
|
+
const { optionsStore, options: viewerOptions } = chunkBYPHHRBZ_js.useViewerOptions();
|
|
34260
34263
|
const custom = useViewerCustomization(
|
|
34261
34264
|
customization,
|
|
34262
34265
|
legacyHiddenActions,
|
|
@@ -34276,8 +34279,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34276
34279
|
const handleEnableEditing = React108.useCallback(() => {
|
|
34277
34280
|
setProtectedViewOverridden(true);
|
|
34278
34281
|
}, []);
|
|
34279
|
-
const readOnlyRec =
|
|
34280
|
-
const compatToastsState =
|
|
34282
|
+
const readOnlyRec = chunkBYPHHRBZ_js.useReadOnlyRecommendationState(content);
|
|
34283
|
+
const compatToastsState = chunkBYPHHRBZ_js.useCompatibilityToastsState();
|
|
34281
34284
|
const [notesBarHeight, setNotesBarHeight] = React108.useState(0);
|
|
34282
34285
|
const runProgramNoticesState = useRunProgramNoticesState();
|
|
34283
34286
|
const [collaborationReadOnly, setCollaborationReadOnly] = React108.useState(Boolean(collaboration));
|
|
@@ -34300,8 +34303,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34300
34303
|
filePath
|
|
34301
34304
|
});
|
|
34302
34305
|
const [isShareDialogOpen, setIsShareDialogOpen] = React108.useState(false);
|
|
34303
|
-
const { reducedMotion, toggleReducedMotion } =
|
|
34304
|
-
const state =
|
|
34306
|
+
const { reducedMotion, toggleReducedMotion } = chunkBYPHHRBZ_js.useReducedMotion();
|
|
34307
|
+
const state = chunkBYPHHRBZ_js.useViewerState({
|
|
34305
34308
|
content,
|
|
34306
34309
|
canEdit,
|
|
34307
34310
|
inspectorInitiallyOpen: props.inspectorInitiallyOpen
|
|
@@ -34428,16 +34431,16 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34428
34431
|
}
|
|
34429
34432
|
}, [settings, optionsStore]);
|
|
34430
34433
|
const handleClearOptionsCache = useAutosaveCacheMaintenance(viewerOptions, storage);
|
|
34431
|
-
const mobile =
|
|
34434
|
+
const mobile = chunkBYPHHRBZ_js.useIsMobile();
|
|
34432
34435
|
const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
|
|
34433
|
-
const resizablePanels =
|
|
34436
|
+
const resizablePanels = chunkBYPHHRBZ_js.useResizablePanels();
|
|
34434
34437
|
const {
|
|
34435
34438
|
gridSpacingPx,
|
|
34436
34439
|
visibleSlideIndexes,
|
|
34437
34440
|
slideSectionGroups,
|
|
34438
34441
|
masterPseudoSlide,
|
|
34439
34442
|
authoredRange
|
|
34440
|
-
} =
|
|
34443
|
+
} = chunkBYPHHRBZ_js.useDerivedSlideState({
|
|
34441
34444
|
slides,
|
|
34442
34445
|
sections: state.sections,
|
|
34443
34446
|
customShows: state.customShows,
|
|
@@ -34462,7 +34465,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34462
34465
|
state.cropSessionRef
|
|
34463
34466
|
]
|
|
34464
34467
|
);
|
|
34465
|
-
const zoom =
|
|
34468
|
+
const zoom = chunkBYPHHRBZ_js.useZoomViewport({
|
|
34466
34469
|
canvasSize,
|
|
34467
34470
|
selectedElements: state.selectedElements,
|
|
34468
34471
|
fitPadding: props.fitPadding,
|
|
@@ -34478,7 +34481,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34478
34481
|
onChangeCallback.current?.();
|
|
34479
34482
|
}, [setIsDirty]);
|
|
34480
34483
|
const restoreHistoryThemeRef = React108.useRef(void 0);
|
|
34481
|
-
const history =
|
|
34484
|
+
const history = chunkBYPHHRBZ_js.useEditorHistory({
|
|
34482
34485
|
slides,
|
|
34483
34486
|
canvasSize,
|
|
34484
34487
|
activeSlideIndex,
|
|
@@ -34507,7 +34510,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34507
34510
|
setEditTemplateMode: state.setEditTemplateMode,
|
|
34508
34511
|
setHeaderFooter: state.setHeaderFooter
|
|
34509
34512
|
});
|
|
34510
|
-
const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } =
|
|
34513
|
+
const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkBYPHHRBZ_js.usePresentationSetup({
|
|
34511
34514
|
mode,
|
|
34512
34515
|
slides,
|
|
34513
34516
|
visibleSlideIndexes,
|
|
@@ -34586,7 +34589,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34586
34589
|
loading,
|
|
34587
34590
|
error
|
|
34588
34591
|
]);
|
|
34589
|
-
|
|
34592
|
+
chunkBYPHHRBZ_js.useTouchGestures({
|
|
34590
34593
|
targetRef: zoom.canvasViewportRef,
|
|
34591
34594
|
currentScale: zoom.scale,
|
|
34592
34595
|
callbacks: {
|
|
@@ -34608,7 +34611,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34608
34611
|
},
|
|
34609
34612
|
enabled: isTouchDevice
|
|
34610
34613
|
});
|
|
34611
|
-
const dialogs =
|
|
34614
|
+
const dialogs = chunkBYPHHRBZ_js.useViewerDialogs({
|
|
34612
34615
|
mode,
|
|
34613
34616
|
slides,
|
|
34614
34617
|
activeSlide,
|
|
@@ -34636,7 +34639,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34636
34639
|
history,
|
|
34637
34640
|
embeddedFontFamilies: state.embeddedFonts.map((font) => font.name)
|
|
34638
34641
|
});
|
|
34639
|
-
|
|
34642
|
+
chunkBYPHHRBZ_js.useClearSelectionOnSlideChange(state, activeSlideIndex);
|
|
34640
34643
|
const zoomBeforePresentRef = React108.useRef(null);
|
|
34641
34644
|
React108.useEffect(() => {
|
|
34642
34645
|
if (mode !== "present") {
|
|
@@ -34654,7 +34657,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34654
34657
|
zoom.handleZoomToFit();
|
|
34655
34658
|
zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
|
|
34656
34659
|
}, [mode]);
|
|
34657
|
-
const editorOps =
|
|
34660
|
+
const editorOps = chunkBYPHHRBZ_js.useEditorOperations({
|
|
34658
34661
|
state,
|
|
34659
34662
|
history,
|
|
34660
34663
|
zoom,
|
|
@@ -34699,7 +34702,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34699
34702
|
handlerRef,
|
|
34700
34703
|
viewerApi,
|
|
34701
34704
|
loadVersion
|
|
34702
|
-
} =
|
|
34705
|
+
} = chunkBYPHHRBZ_js.useViewerIntegration({
|
|
34703
34706
|
transformCommittedText: (text, previous) => pptx.applyAutoCorrectToEdit(text, previous, viewerOptions.proofing),
|
|
34704
34707
|
state,
|
|
34705
34708
|
zoom,
|
|
@@ -34844,7 +34847,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34844
34847
|
updateElementById: editorOps.ops.updateElementById
|
|
34845
34848
|
});
|
|
34846
34849
|
const ribbonScope = useRibbonScopeToken();
|
|
34847
|
-
const viewPreferencesSync =
|
|
34850
|
+
const viewPreferencesSync = chunkBYPHHRBZ_js.useViewPreferencesSync({
|
|
34848
34851
|
loadVersion,
|
|
34849
34852
|
viewProperties: state.viewProperties,
|
|
34850
34853
|
setViewProperties: state.setViewProperties,
|
|
@@ -34895,7 +34898,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
34895
34898
|
},
|
|
34896
34899
|
[state]
|
|
34897
34900
|
);
|
|
34898
|
-
const layoutSwitching =
|
|
34901
|
+
const layoutSwitching = chunkBYPHHRBZ_js.useLayoutSwitching({
|
|
34899
34902
|
handler: handlerRef.current,
|
|
34900
34903
|
slides,
|
|
34901
34904
|
activeSlideIndex,
|
|
@@ -35165,6 +35168,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
35165
35168
|
isDirty: state.isDirty,
|
|
35166
35169
|
autosaveStatus,
|
|
35167
35170
|
saveProgress: saveProgressState,
|
|
35171
|
+
fontProgress: state.fontProgress,
|
|
35168
35172
|
onToggleNotes: () => state.setIsSlideNotesCollapsed((p) => !p),
|
|
35169
35173
|
onUpdateNotes: propertyHandlers.handleUpdateNotes,
|
|
35170
35174
|
collaborationSlot: collaboration && shareAvailable ? /* @__PURE__ */ jsxRuntime.jsx(CollaborationStatusStrip, {}) : void 0,
|
|
@@ -35415,8 +35419,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
35415
35419
|
// Nothing previously provided it, so every one of those consumers was
|
|
35416
35420
|
// silently reading `DEFAULT_VIEWER_OPTIONS` forever, no matter what
|
|
35417
35421
|
// the user changed in the Options dialog.
|
|
35418
|
-
/* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: hostStorage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCloudFilesContext.Provider, { value: cloudFiles, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
35419
|
-
|
|
35422
|
+
/* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: hostStorage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCloudFilesContext.Provider, { value: cloudFiles, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
35423
|
+
chunkBYPHHRBZ_js.CollaborationProvider,
|
|
35420
35424
|
{
|
|
35421
35425
|
config: collaboration,
|
|
35422
35426
|
canvasWidth: canvasSize.width,
|
|
@@ -35473,19 +35477,19 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
|
|
|
35473
35477
|
slideCount: slides.length
|
|
35474
35478
|
}
|
|
35475
35479
|
),
|
|
35476
|
-
/* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
35480
|
+
/* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(chunkBYPHHRBZ_js.ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
|
|
35477
35481
|
]
|
|
35478
35482
|
}
|
|
35479
35483
|
) }) }) }) }) }) }) }) }) })
|
|
35480
35484
|
);
|
|
35481
35485
|
}
|
|
35482
35486
|
);
|
|
35483
|
-
var PowerPointViewer2 = /* @__PURE__ */
|
|
35487
|
+
var PowerPointViewer2 = /* @__PURE__ */ chunkBYPHHRBZ_js.withDisplayName(
|
|
35484
35488
|
PowerPointViewerComponent,
|
|
35485
35489
|
"PowerPointViewer"
|
|
35486
35490
|
);
|
|
35487
35491
|
function CollaborationStatusStrip() {
|
|
35488
|
-
const collab =
|
|
35492
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
35489
35493
|
if (!collab) {
|
|
35490
35494
|
return null;
|
|
35491
35495
|
}
|
|
@@ -35502,9 +35506,9 @@ function CollaborationStateReporter({
|
|
|
35502
35506
|
onChange,
|
|
35503
35507
|
onStatus
|
|
35504
35508
|
}) {
|
|
35505
|
-
const collab =
|
|
35509
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
35506
35510
|
useCollaborationStateReport(collab, onChange);
|
|
35507
|
-
|
|
35511
|
+
chunkBYPHHRBZ_js.useReportOnChange(collab?.status ?? "disconnected", onStatus, "disconnected");
|
|
35508
35512
|
return null;
|
|
35509
35513
|
}
|
|
35510
35514
|
function CollaborationDocumentSync({
|
|
@@ -35519,8 +35523,8 @@ function CollaborationDocumentSync({
|
|
|
35519
35523
|
onReadOnlyChange,
|
|
35520
35524
|
history
|
|
35521
35525
|
}) {
|
|
35522
|
-
const collab =
|
|
35523
|
-
|
|
35526
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
35527
|
+
chunkBYPHHRBZ_js.useCollaborationDocumentSync({
|
|
35524
35528
|
collaboration: collab,
|
|
35525
35529
|
history,
|
|
35526
35530
|
slides,
|
|
@@ -35540,14 +35544,14 @@ function CollaborationFollowLayer({
|
|
|
35540
35544
|
setActiveSlideIndex,
|
|
35541
35545
|
slideCount
|
|
35542
35546
|
}) {
|
|
35543
|
-
const collab =
|
|
35544
|
-
const { followedClientId, followUser } =
|
|
35547
|
+
const collab = chunkBYPHHRBZ_js.useCollaboration();
|
|
35548
|
+
const { followedClientId, followUser } = chunkBYPHHRBZ_js.useFollowMode({
|
|
35545
35549
|
collab,
|
|
35546
35550
|
activeSlideIndex,
|
|
35547
35551
|
setActiveSlideIndex,
|
|
35548
35552
|
slideCount
|
|
35549
35553
|
});
|
|
35550
|
-
|
|
35554
|
+
chunkBYPHHRBZ_js.useBroadcastFollower({
|
|
35551
35555
|
collab,
|
|
35552
35556
|
activeSlideIndex,
|
|
35553
35557
|
setActiveSlideIndex,
|