pptx-svelte-viewer 4.75.0 → 4.76.0

package/dist/index.js

@@ -1,43 +1,43 @@
-import { A as L, B as z, F as V, I as q, L as M, M as U, N as xe, O as H, P as G, R as K, _ as Fe, b as Le, c as ze, d as Ve, f as W, j as X, k as j, m as Q, p as J, s as qe, t as Y, u as Z, v as Me, x as Ue, y as He, z as $ } from "./export-CVudgvaM.js";
+import { A as F, B as z, F as L, H as V, I as q, L as U, M, N as ze, O as H, P as G, R as K, V as W, _ as Le, b as Ve, c as qe, d as Ue, f as X, j, k as Q, m as J, p as Y, s as Me, t as Z, u as $, v as He, x as Ge, y as Ke, z as ee } from "./export-B-KZgn51.js";
 import "./i18n.js";
-import { i as We, t as ee } from "./translator-2U8GG-ce.js";
-import { p as te } from "./transition-overlay-SNUzj4xJ.js";
-import { BACKSTAGE_CARD_IDS as Qe, BACKSTAGE_PAGE_IDS as Je, BUILDING_BLOCK_OK as O, CANVAS_CONTEXT_MENU_COMMAND_IDS as Ye, EDITOR_SHORTCUT_ACTION_IDS as Ze, ELEMENT_CONTEXT_MENU_COMMAND_IDS as $e, OPTIONS_PAGE_IDS as et, OPTIONS_SECTION_IDS as tt, OPTIONS_SETTING_IDS as ot, PPTX_OPEN_ACCEPT as rt, PRESENTATION_OPEN_EXTENSIONS as it, RIBBON_CONTROL_IDS as nt, RIBBON_GROUP_IDS as at, RIBBON_TAB_IDS as st, TOOLBAR_BUTTON_IDS as lt, VIEWER_DIALOG_IDS as dt, VIEWER_EXPORT_FORMAT_IDS as ct, VIEWER_FEATURE_IDS as ut, VIEWER_PANEL_IDS as gt, buildingBlockFailure as P, collectUsedFonts as oe, createImageElementFromFile as pt, createPptxBuildingBlockSession as re, defaultCssVars as mt, defaultRadius as vt, defaultThemeColors as St, deleteAutosaveSnapshot as ht, describeBuildingBlockToolbar as ie, describeCollaborationShellState as ft, findHighlightTargets as ne, forgetSessionDeck as bt, getAutosaveSnapshot as _t, getSessionTabId as yt, hyperlinkEditPatch as ae, isLegacyBinaryPresentation as Ct, isSupportedPresentationFile as Pt, listAutosaveSnapshots as kt, loadPresentationDeck as Et, loadSessionDeck as wt, markFindHighlights as A, parsePresentationSessionId as Tt, presentationBaseName as It, registerBuildingBlockGroups as se, rememberSessionDeck as Ot, resetSlideLayoutPath as le, resolveAuthoredCustomShowId as de, resolveBuildingBlockMode as ce, restoreSessionDeck as At, runBuildingBlockToolbarControl as ue, savedPresentationFileName as Bt, scopeLayoutOptionsToSlide as ge, selectionEquation as pe, themeToCssVars as Nt, themeToCssVars as me, vermilionDarkColors as Rt, vermilionDarkTheme as Dt, vermilionLightColors as xt, vermilionLightTheme as Ft, vermilionRadius as Lt } from "ooxml-ui/pptx";
+import { i as je, t as te } from "./translator-2U8GG-ce.js";
+import { g as oe, h as re } from "./transition-overlay-DXsGFRMK.js";
+import { BACKSTAGE_CARD_IDS as Ye, BACKSTAGE_PAGE_IDS as Ze, BUILDING_BLOCK_OK as B, CANVAS_CONTEXT_MENU_COMMAND_IDS as $e, EDITOR_SHORTCUT_ACTION_IDS as et, ELEMENT_CONTEXT_MENU_COMMAND_IDS as tt, OPTIONS_PAGE_IDS as ot, OPTIONS_SECTION_IDS as rt, OPTIONS_SETTING_IDS as nt, PPTX_OPEN_ACCEPT as it, PRESENTATION_OPEN_EXTENSIONS as at, RIBBON_CONTROL_IDS as st, RIBBON_GROUP_IDS as lt, RIBBON_TAB_IDS as dt, TOOLBAR_BUTTON_IDS as ct, VIEWER_DIALOG_IDS as ut, VIEWER_EXPORT_FORMAT_IDS as gt, VIEWER_FEATURE_IDS as pt, VIEWER_PANEL_IDS as mt, buildingBlockFailure as _, collectUsedFonts as ne, createBuildingBlockShell as ie, createImageElementFromFile as vt, createPptxBuildingBlockSession as ae, defaultCssVars as St, defaultRadius as ht, defaultThemeColors as ft, deleteAutosaveSnapshot as bt, describeBuildingBlockToolbar as se, describeCollaborationShellState as Ct, findTextHighlightsByElement as le, forgetSessionDeck as yt, getAutosaveSnapshot as _t, getSessionTabId as Pt, hyperlinkEditPatch as de, isLegacyBinaryPresentation as Et, isSupportedPresentationFile as kt, listAutosaveSnapshots as wt, loadPresentationDeck as Tt, loadSessionDeck as It, parsePresentationSessionId as Ot, presentationBaseName as Bt, registerBuildingBlockGroups as ce, rememberSessionDeck as At, resetSlideLayoutPath as ue, resolveAuthoredCustomShowId as ge, resolveBuildingBlockMode as pe, resolveCollaborationConfig as me, restoreSessionDeck as Rt, runBuildingBlockToolbarControl as ve, savedPresentationFileName as Nt, scopeLayoutOptionsToSlide as Se, selectionEquation as he, themeToCssVars as xt, themeToCssVars as fe, vermilionDarkColors as Dt, vermilionDarkTheme as Ft, vermilionLightColors as zt, vermilionLightTheme as Lt, vermilionRadius as Vt } from "ooxml-ui/pptx";
 import "svelte/internal/disclose-version";
 import * as e from "svelte/internal/client";
-import { onDestroy as ve, tick as Se, untrack as E } from "svelte";
-function he(r) {
-  const { state: t } = r, { editor: i, loader: o, parityUi: n } = t, d = () => {
-    i.dirty = !0;
-  }, p = (a) => i.updateDocumentProperties(a.core ?? i.coreProperties ?? {}, a.app ?? i.appProperties ?? {}, a.custom ?? i.customProperties, a.core ?? null);
+import { onDestroy as be, untrack as k } from "svelte";
+function Ce(o) {
+  const { state: t } = o, { editor: n, loader: r, parityUi: i } = t, d = () => {
+    n.dirty = !0;
+  }, g = (a) => n.updateDocumentProperties(a.core ?? n.coreProperties ?? {}, a.app ?? n.appProperties ?? {}, a.custom ?? n.customProperties, a.core ?? null);
   return {
     passwordProtection: {
       input: () => ({
-        openPasswordSet: r.openPasswordSet(),
+        openPasswordSet: o.openPasswordSet(),
         recommendation: { kind: t.readOnlyRec.recommendation.kind },
-        hasModifyVerifier: o.modifyVerifier !== void 0,
-        customProperties: i.customProperties
+        hasModifyVerifier: r.modifyVerifier !== void 0,
+        customProperties: n.customProperties
       }),
-      customProperties: () => i.customProperties,
+      customProperties: () => n.customProperties,
       applyOpenPassword: (a) => {
-        a === null ? i.clearSavePassword() : i.setSavePassword(a), r.setOpenPasswordSet(a !== null);
+        a === null ? n.clearSavePassword() : n.setSavePassword(a), o.setOpenPasswordSet(a !== null);
       },
-      applyCustomProperties: (a) => p({ custom: a }),
+      applyCustomProperties: (a) => g({ custom: a }),
       markDirty: d
     },
     documentProperties: {
       current: () => ({
-        core: i.coreProperties ?? {},
-        custom: i.customProperties,
-        app: i.appProperties ?? {}
+        core: n.coreProperties ?? {},
+        custom: n.customProperties,
+        app: n.appProperties ?? {}
       }),
-      applyUpdate: (a) => p({
+      applyUpdate: (a) => g({
         ...a.core ? { core: {
-          ...i.coreProperties,
+          ...n.coreProperties,
           ...a.core
         } } : {},
         ...a.app ? { app: {
-          ...i.appProperties,
+          ...n.appProperties,
           ...a.app
         } } : {},
         ...a.custom ? { custom: a.custom } : {}
@@ -45,325 +45,343 @@ function he(r) {
     },
     fontEmbedding: {
       input: () => ({
-        embedFonts: i.embedFonts,
-        embeddedFamilies: [...i.embeddedFontFamilies],
-        usedFamilies: oe(i.slides),
-        descriptor: i.fontEmbedding
+        embedFonts: n.embedFonts,
+        embeddedFamilies: [...n.embeddedFontFamilies],
+        usedFamilies: ne(n.slides),
+        descriptor: n.fontEmbedding
       }),
       apply: (a) => {
-        i.embedFonts = a;
+        n.embedFonts = a;
       },
       markDirty: d
     },
     digitalSignatures: {
-      signed: () => o.hasDigitalSignatures,
-      count: () => o.digitalSignatureCount,
-      content: () => r.content(),
+      signed: () => r.hasDigitalSignatures,
+      count: () => r.digitalSignatureCount,
+      content: () => o.content(),
       markDirty: d
     },
     setUpSlideShow: {
-      presentationProperties: () => i.presentationProperties,
-      slideCount: () => i.slides.length,
-      customShows: () => i.customShows,
+      presentationProperties: () => n.presentationProperties,
+      slideCount: () => n.slides.length,
+      customShows: () => n.customShows,
       save: (a) => {
-        i.presentationMetadata.updatePresentationProperties(a), n.activeCustomShowId = de(a, i.customShows) ?? null;
+        n.presentationMetadata.updatePresentationProperties(a), i.activeCustomShowId = ge(a, n.customShows) ?? null;
       }
     },
     customShows: {
-      customShows: () => i.customShows,
-      slides: () => i.slides,
-      activeId: () => n.activeCustomShowId,
-      commit: (a, g) => {
-        i.presentationMetadata.updateCustomShows(a), g && i.commitSlides([...g]);
+      customShows: () => n.customShows,
+      slides: () => n.slides,
+      activeId: () => i.activeCustomShowId,
+      commit: (a, m) => {
+        n.presentationMetadata.updateCustomShows(a), m && n.commitSlides([...m]);
       },
       start: (a) => {
-        n.activeCustomShowId = a, t.presentation.firstSlide(), t.onFullscreenToggle();
+        i.activeCustomShowId = a, t.presentation.firstSlide(), t.onFullscreenToggle();
       }
     },
     shortcuts: {
-      open: () => n.shortcutsOpen,
+      open: () => i.shortcutsOpen,
       setOpen: (a) => {
-        n.shortcutsOpen = a;
+        i.shortcutsOpen = a;
       },
       toggle: () => {
-        n.shortcutsOpen = !n.shortcutsOpen;
+        i.shortcutsOpen = !i.shortcutsOpen;
       },
       translate: (a) => t.t(a)
     }
   };
 }
-function B(r, t) {
+function A(o, t) {
   e.user_effect(() => {
-    r() && E(t);
+    o() && k(t);
   });
 }
-function f(r) {
-  return r.editor.selectedElements[0] ?? null;
+function C(o) {
+  return o.editor.selectedElements[0] ?? null;
 }
-function N(r, t) {
-  return ge([...t], r.editor.slides[r.viewer.current]?.layoutPath);
+function R(o, t) {
+  return Se([...t], o.editor.slides[o.viewer.current]?.layoutPath);
 }
-function R(r) {
-  return r.editable && !r.collab.readOnly && !r.readOnlyRec.locked;
+function N(o) {
+  return o.editable && !o.collab.readOnly && !o.readOnlyRec.locked;
 }
-function fe(r) {
-  const { state: t } = r, i = f(t), o = t.editor.slides[t.viewer.current];
+function ye(o) {
+  const { state: t } = o, n = C(t), r = t.editor.slides[t.viewer.current];
   return {
     ready: !t.loader.loading && !t.loader.error,
-    hasActiveSlide: o !== void 0,
-    canEdit: R(t),
+    hasActiveSlide: r !== void 0,
+    canEdit: N(t),
     editing: t.editingActive && !t.editor.masterViewTarget,
     canInsert: !t.protectedViewActive && !t.readOnlyRec.locked,
-    hasSelection: i !== null,
-    selectionHasHyperlink: !!i?.actionClick,
-    selectionHasEquation: pe(i) !== null,
-    layoutCount: N(t, r.layouts()).length,
-    hasCurrentLayout: le(o) !== void 0,
+    hasSelection: n !== null,
+    selectionHasHyperlink: !!n?.actionClick,
+    selectionHasEquation: he(n) !== null,
+    layoutCount: R(t, o.layouts()).length,
+    hasCurrentLayout: ue(r) !== void 0,
     hasHandler: t.loader.handler !== null
   };
 }
-function be(r) {
+function _e(o) {
   return {
-    open: r.open,
+    open: o.open,
     setOpen: (t) => {
-      t !== r.open && r.toggle();
+      t !== o.open && o.toggle();
     },
-    query: r.query,
-    replacement: r.replacement,
+    query: o.query,
+    replacement: o.replacement,
     options: {
-      matchCase: r.matchCase,
-      includeNotes: r.includeNotes,
-      includeChartTitles: r.includeChartTitles,
-      includeChartData: r.includeChartData
+      matchCase: o.matchCase,
+      includeNotes: o.includeNotes,
+      includeChartTitles: o.includeChartTitles,
+      includeChartData: o.includeChartData
     },
-    matches: r.results,
-    currentIndex: r.index,
+    matches: o.results,
+    currentIndex: o.index,
     setQuery: (t) => {
-      r.query = t;
+      o.query = t;
     },
     setReplacement: (t) => {
-      r.replacement = t;
+      o.replacement = t;
     },
     setOptions: (t) => {
-      t.matchCase !== void 0 && (r.matchCase = t.matchCase), t.includeNotes !== void 0 && (r.includeNotes = t.includeNotes), t.includeChartTitles !== void 0 && (r.includeChartTitles = t.includeChartTitles), t.includeChartData !== void 0 && (r.includeChartData = t.includeChartData);
+      t.matchCase !== void 0 && (o.matchCase = t.matchCase), t.includeNotes !== void 0 && (o.includeNotes = t.includeNotes), t.includeChartTitles !== void 0 && (o.includeChartTitles = t.includeChartTitles), t.includeChartData !== void 0 && (o.includeChartData = t.includeChartData);
     },
-    find: () => r.search(),
-    navigate: (t) => t > 0 ? r.next() : r.prev(),
-    replaceCurrent: () => r.replaceCurrent(),
-    replaceAll: () => r.replaceAll()
+    find: () => o.search(),
+    navigate: (t) => t > 0 ? o.next() : o.prev(),
+    replaceCurrent: () => o.replaceCurrent(),
+    replaceAll: () => o.replaceAll()
   };
 }
-function _e(r) {
-  const { state: t } = r, { editor: i } = t, o = (n) => {
-    const d = f(t);
-    return d ? (i.applyElementPatch(d.id, n), O) : P("no-selection");
+function Pe(o) {
+  const { state: t } = o, { editor: n } = t, r = (i) => {
+    const d = C(t);
+    return d ? (n.applyElementPatch(d.id, i), B) : _("no-selection");
   };
   return {
-    availabilityInput: () => fe(r),
+    availabilityInput: () => ye(o),
     onCancel: () => {
       t.parityUi.shortcutsOpen = !1;
     },
-    fileLimits: () => r.options().fileLimits,
-    onRequest: (n) => r.options().onRequest?.(n),
+    fileLimits: () => o.options().fileLimits,
+    onRequest: (i) => o.options().onRequest?.(i),
     target: () => ({
       deck: t.loader.handler,
-      slideId: i.slides[t.viewer.current]?.id,
+      slideId: n.slides[t.viewer.current]?.id,
       slideIndex: t.viewer.current
     }),
     canvasSize: () => t.loader.canvasSize,
-    selectedElement: () => f(t),
-    slideCount: () => i.slides.length,
-    activeSlide: () => i.slides[t.viewer.current],
-    scopedLayouts: () => N(t, r.layouts()),
-    addElement: (n) => {
-      i.insertElement(n);
+    selectedElement: () => C(t),
+    slideCount: () => n.slides.length,
+    activeSlide: () => n.slides[t.viewer.current],
+    scopedLayouts: () => R(t, o.layouts()),
+    addElement: (i) => {
+      n.insertElement(i);
     },
-    insertMediaFile: async (n, d) => {
-      const p = await M(n, t.loader.canvasSize);
-      return p ? d() ? (i.insertElement(p), O) : P("stale-target") : P("decode-failed");
+    insertMediaFile: async (i, d) => {
+      const g = await U(i, t.loader.canvasSize);
+      return g ? d() ? (n.insertElement(g), B) : _("stale-target") : _("decode-failed");
     },
-    applyHyperlink: (n) => {
-      const d = ae(n);
-      return d.ok ? o({ actionClick: d.actionClick }) : d;
+    applyHyperlink: (i) => {
+      const d = de(i);
+      return d.ok ? r({ actionClick: d.actionClick }) : d;
     },
     removeHyperlink: () => {
-      const n = f(t);
-      return n && !n.actionClick ? P("no-hyperlink") : o({ actionClick: void 0 });
+      const i = C(t);
+      return i && !i.actionClick ? _("no-hyperlink") : r({ actionClick: void 0 });
     },
-    insertSmartArt: (n, d) => {
-      i.insertElement(q(n, d, t.loader.canvasSize));
+    insertSmartArt: (i, d) => {
+      n.insertElement(q(i, d, t.loader.canvasSize));
     },
-    insertChart: (n, d) => {
-      i.insertElement($(n, t.loader.canvasSize, d));
+    insertChart: (i, d) => {
+      n.insertElement(ee(i, t.loader.canvasSize, d));
     },
-    insertEquation: (n) => {
-      i.insertElement(K(n, t.loader.canvasSize));
+    insertEquation: (i) => {
+      n.insertElement(K(i, t.loader.canvasSize));
     },
-    updateEquation: (n) => {
-      const d = f(t);
-      d && (i.equationOps.editingId = d.id, i.equationOps.apply(n));
+    updateEquation: (i) => {
+      const d = C(t);
+      d && (n.equationOps.editingId = d.id, n.equationOps.apply(i));
     },
-    findReplace: () => be(t.findReplace),
-    applyLayout: async (n) => {
-      if (await i.slidesOps.applyLayout(n) === null) throw new Error(`Layout ${n} was not applied`);
+    findReplace: () => _e(t.findReplace),
+    applyLayout: async (i) => {
+      if (await n.slidesOps.applyLayout(i) === null) throw new Error(`Layout ${i} was not applied`);
     }
   };
 }
-function ye(r) {
-  const t = e.derived(() => r().content), i = e.derived(() => r().canEdit === !0), o = (n) => r()[n];
+function Ee(o) {
+  const t = e.derived(() => o().content), n = e.derived(() => o().canEdit === !0), r = (i) => o()[i];
   return {
     get source() {
       return e.get(t);
     },
     get editable() {
-      return e.get(i);
+      return e.get(n);
     },
     get autosave() {
-      return o("autosave") === !0;
+      return r("autosave") === !0;
     },
     get fileName() {
-      return o("fileName");
+      return r("fileName");
     },
     get filePath() {
-      return o("filePath");
+      return r("filePath");
     },
     get initialSlide() {
-      return o("initialSlide");
+      return r("initialSlide");
     },
     get googleFonts() {
-      return o("googleFonts");
+      return r("googleFonts");
     },
     get listConversionScope() {
-      return o("listConversionScope");
+      return r("listConversionScope");
     },
     get allowExternalContent() {
-      return o("allowExternalContent");
+      return r("allowExternalContent");
     },
     get limits() {
-      return o("limits");
+      return r("limits");
     },
     get collaboration() {
-      return o("collaboration");
+      return r("collaboration");
     },
     get fitPadding() {
-      return o("fitPadding");
+      return r("fitPadding");
     },
     get maxFitScale() {
-      return o("maxFitScale");
+      return r("maxFitScale");
     },
     get authorName() {
-      return o("authorName") ?? o("userName");
+      return r("authorName") ?? r("userName");
     },
     get onload() {
-      return o("onLoad");
+      return r("onLoad");
     },
     get onerror() {
-      return o("onError");
+      return r("onError");
     },
     get onslidechange() {
-      return o("onSlideChange");
+      return r("onSlideChange");
     },
     get ondirtychange() {
-      return o("onDirtyChange");
+      return r("onDirtyChange");
     },
     get oncontentchange() {
-      return o("onContentChange");
+      return r("onContentChange");
     },
     get onselectionchange() {
-      return o("onSelectionChange");
+      return r("onSelectionChange");
     }
   };
 }
-var Ce = (r) => r instanceof ArrayBuffer || r instanceof Uint8Array ? r : null;
-function qt(r) {
-  let t = e.state(void 0), i = e.state(void 0), o = e.state(0), n = e.state(0), d = e.state([]), p = e.state(!1);
-  const a = ee(() => r().locale ?? "en"), g = ye(r), s = Q(J(() => g, {
+var ke = (o) => o instanceof ArrayBuffer || o instanceof Uint8Array ? o : null;
+function Mt(o) {
+  let t = e.state(void 0), n = e.state(void 0), r = e.state(0), i = e.state(0), d = e.state([]), g = e.state(!1);
+  const a = te(() => o().locale ?? "en"), m = Ee(o), v = V(() => {
+  }, () => o().allowExternalContent, () => o().googleFonts), s = J(Y(() => m, {
     t: a,
-    getStageHolderEl: () => e.get(i),
+    getStageHolderEl: () => e.get(n),
     getRootEl: () => e.get(t),
-    getViewportWidth: () => e.get(o),
-    getViewportHeight: () => e.get(n),
+    getViewportWidth: () => e.get(r),
+    getViewportHeight: () => e.get(i),
     getMasterScale: () => 1
-  })), { editor: c } = s, m = re(_e({
+  })), { editor: u } = s;
+  W(v, s.optionsState), oe(() => o().onElementRenderError);
+  const p = ae(Pe({
     state: s,
-    options: r,
+    options: o,
     layouts: () => e.get(d)
   }));
-  se(m, he({
+  ce(p, Ce({
     state: s,
-    content: () => Ce(r().content),
-    openPasswordSet: () => e.get(p),
+    content: () => ke(o().content),
+    openPasswordSet: () => e.get(g),
     setOpenPasswordSet: (l) => {
-      e.set(p, l, !0);
+      e.set(g, l, !0);
     }
   }));
-  const S = z(m.requests);
+  const P = z(p.requests);
   e.user_effect(() => {
     const l = s.loader.handler;
-    let y = !1;
-    return l ? E(() => c.slidesOps.availableLayouts()).then((k) => {
-      y || e.set(d, k);
+    let h = !1;
+    return l ? k(() => u.slidesOps.availableLayouts()).then((w) => {
+      h || e.set(d, w);
     }).catch(() => {
     }) : e.set(d, []), () => {
-      y = !0;
+      h = !0;
     };
   }), e.user_effect(() => {
-    e.set(p, s.loader.isPasswordProtected, !0);
-  }), B(() => s.controller.hyperlinkOpen, () => {
-    s.controller.hyperlinkOpen = !1, m.request({ kind: "hyperlink" });
-  }), B(() => !!c.equationOps.editingId, () => {
-    const l = c.equationOps.omml;
-    c.equationOps.close(), m.request({
+    e.set(g, s.loader.isPasswordProtected, !0);
+  }), A(() => s.controller.hyperlinkOpen, () => {
+    s.controller.hyperlinkOpen = !1, p.request({ kind: "hyperlink" });
+  }), A(() => !!u.equationOps.editingId, () => {
+    const l = u.equationOps.omml;
+    u.equationOps.close(), p.request({
       kind: "equation",
       existingOmml: l
     });
   });
-  let b = !1;
+  let c = !1;
   e.user_effect(() => {
     const l = s.parityUi.shortcutsOpen;
-    l !== b && (b = l, E(() => m.announce({
+    l !== c && (c = l, k(() => p.announce({
       kind: "shortcuts",
       open: l
     }, l)));
   });
-  let _ = !1;
-  const u = () => {
-    _ || (_ = !0, s.destroy());
+  let S = !1;
+  const f = () => {
+    S || (S = !0, s.destroy());
   };
-  ve(u);
-  const v = () => ({
-    mode: ce(s.viewerMode, R(s)),
+  be(f);
+  const E = ie(() => {
+    const { collab: l, loader: h } = s;
+    return {
+      shell: {
+        authorizedCanEdit: o().canEdit === !0,
+        configured: !!l.activeCollaboration || !!me(o().collaboration),
+        readOnly: l.readOnly,
+        sourcePending: !!o().content && h.loading,
+        sourceError: !!h.error,
+        status: l.status,
+        remoteUsers: l.remotePresences
+      },
+      collaboration: l.state
+    };
+  }), y = () => ({
+    ...E.current(),
+    mode: pe(s.viewerMode, N(s)),
     loading: s.loader.loading,
     error: s.loader.error,
-    slideIndex: c.slides.length ? s.viewer.current : -1,
-    slideCount: c.slides.length,
-    canUndo: c.canUndo,
-    canRedo: c.canRedo,
-    dirty: c.dirty
+    slideIndex: u.slides.length ? s.viewer.current : -1,
+    slideCount: u.slides.length,
+    canUndo: u.canUndo,
+    canRedo: u.canRedo,
+    dirty: u.dirty
   });
   return {
     get actions() {
-      return S.current, m.actions();
+      return P.current, p.actions();
     },
     get state() {
-      return v();
+      return y();
     },
     get toolbar() {
-      const l = v();
-      return ie({
-        availability: m.actions().availability,
+      const l = y();
+      return se({
+        availability: p.actions().availability,
         canUndo: l.canUndo,
         canRedo: l.canRedo,
         findOpen: s.findReplace.open,
         slideIndex: l.slideIndex,
         slideCount: l.slideCount,
-        hiddenActions: r().hiddenActions
+        hiddenActions: o().hiddenActions
       });
     },
     runToolbarControl(l) {
-      ue(l, m, {
-        undo: () => c.undo(),
-        redo: () => c.redo(),
+      ve(l, p, {
+        undo: () => u.undo(),
+        redo: () => u.redo(),
         toggleFind: () => s.findReplace.toggle(),
         zoomOut: () => s.deck.zoomOut(),
         zoomIn: () => s.deck.zoomIn(),
@@ -374,251 +392,242 @@ function qt(r) {
         nextSlide: () => s.deck.goNext()
       });
     },
-    slidesPaneProps: Y(s, { onopenlayoutgallery: (l) => r().onOpenLayoutGallery?.(l) }),
+    slidesPaneProps: Z(s, { onopenlayoutgallery: (l) => o().onOpenLayoutGallery?.(l) }),
     get findHighlights() {
-      return ne(s.findReplace.results, s.findReplace.index, s.viewer.current);
+      return le(s.findReplace.results, s.findReplace.index, s.viewer.current);
     },
     t: (l) => a(l),
     viewerState: s,
-    session: m,
+    session: p,
     canvas: {
       setRoot(l) {
         e.set(t, l);
       },
       setStageHolder(l) {
-        e.set(i, l);
+        e.set(n, l);
       },
       setViewportSize(l) {
-        e.set(o, l.width, !0), e.set(n, l.height, !0);
+        e.set(r, l.width, !0), e.set(i, l.height, !0);
       }
     },
-    destroy: u
+    destroy: f
   };
 }
-var Pe = e.from_html('<p role="alert"> </p>'), ke = e.from_html("<!> <!> <!>", 1), Ee = e.from_html('<div data-pptx-block="canvas" data-pptx-theme-root="" data-pptx-editor-chrome="" role="application" tabindex="0"><!> <!> <div class="pptx-svelte-blocks-viewport svelte-uasggf" data-pptx-viewport=""><!> <!></div></div>');
-function we(r, t) {
+var we = e.from_html('<p role="alert"> </p>'), Te = e.from_html("<!> <!> <!>", 1), Ie = e.from_html('<div data-pptx-block="canvas" data-pptx-theme-root="" data-pptx-editor-chrome="" role="application" tabindex="0"><!> <!> <div class="pptx-svelte-blocks-viewport svelte-uasggf" data-pptx-viewport=""><!> <!></div></div>');
+function Oe(o, t) {
   e.push(t, !0);
-  const i = e.prop(t, "class", 3, ""), o = e.derived(() => t.blocks.viewerState), n = e.derived(() => j(e.get(o).editor)), d = e.derived(() => t.theme ? te(me(t.theme)) : void 0);
-  let p = e.state(void 0);
-  function a(u) {
-    return t.blocks.canvas.setRoot(u), { destroy: () => t.blocks.canvas.setRoot(void 0) };
+  const n = e.prop(t, "class", 3, ""), r = e.derived(() => t.blocks.viewerState), i = e.derived(() => Q(e.get(r).editor)), d = e.derived(() => t.theme ? re(fe(t.theme)) : void 0);
+  function g(c) {
+    return t.blocks.canvas.setRoot(c), { destroy: () => t.blocks.canvas.setRoot(void 0) };
   }
-  e.user_effect(() => {
-    const u = t.blocks.findHighlights;
-    if (e.get(o).activeSlide, !e.get(p) || u.length === 0) return;
-    const v = e.get(p);
-    let l = !1;
-    return Se().then(() => {
-      l || A(v, u);
-    }), () => {
-      l = !0, A(v, []);
-    };
-  });
-  var g = Ee(), s = e.child(g);
-  W(s, {});
-  var c = e.sibling(s, 2);
-  H(c, {});
-  var m = e.sibling(c, 2), S = e.child(m), b = (u) => {
-    var v = Pe(), l = e.only_child(v, !0);
-    e.template_effect(() => e.set_text(l, e.get(o).loader.error)), e.append(u, v);
+  var a = Ie(), m = e.child(a);
+  X(m, {});
+  var v = e.sibling(m, 2);
+  H(v, {});
+  var s = e.sibling(v, 2), u = e.child(s), p = (c) => {
+    var S = we(), f = e.only_child(S, !0);
+    e.template_effect(() => e.set_text(f, e.get(r).loader.error)), e.append(c, S);
   };
-  e.if(S, (u) => {
-    e.get(o).loader.error && u(b);
+  e.if(u, (c) => {
+    e.get(r).loader.error && c(p);
   });
-  var _ = e.sibling(S, 2);
+  var P = e.sibling(u, 2);
   {
-    let u = e.derived(() => e.get(o).editingActive ? e.get(n).commitTableCell : void 0), v = e.derived(() => e.get(o).editingActive ? e.get(n).commitSmartArtNode : void 0), l = e.derived(() => e.get(o).editingActive ? e.get(n).commitSmartArtFill : void 0), y = e.derived(() => e.get(o).editingActive ? e.get(n).commitChartPoint : void 0), k = e.derived(() => e.get(o).editingActive ? e.get(n).commitTableResizeColumns : void 0), D = e.derived(() => e.get(o).editingActive ? e.get(n).commitTableResizeRow : void 0);
-    U(_, {
+    let c = e.derived(() => e.get(r).editingActive ? e.get(i).commitTableCell : void 0), S = e.derived(() => e.get(r).editingActive ? e.get(i).commitSmartArtNode : void 0), f = e.derived(() => e.get(r).editingActive ? e.get(i).commitSmartArtFill : void 0), E = e.derived(() => e.get(r).editingActive ? e.get(i).commitChartPoint : void 0), y = e.derived(() => e.get(r).editingActive ? e.get(i).commitTableResizeColumns : void 0), l = e.derived(() => e.get(r).editingActive ? e.get(i).commitTableResizeRow : void 0);
+    M(P, {
       get slide() {
-        return e.get(o).activeSlide;
+        return e.get(r).activeSlide;
       },
       get canvasSize() {
-        return e.get(o).loader.canvasSize;
+        return e.get(r).loader.canvasSize;
       },
       get mediaDataUrls() {
-        return e.get(o).loader.mediaDataUrls;
+        return e.get(r).loader.mediaDataUrls;
       },
       get scale() {
-        return e.get(o).scale;
+        return e.get(r).scale;
       },
       get editingActive() {
-        return e.get(o).editingActive;
+        return e.get(r).editingActive;
       },
       get editTemplateMode() {
-        return e.get(o).editor.editTemplateMode;
+        return e.get(r).editor.editTemplateMode;
       },
       get editingElementId() {
-        return e.get(o).controller.editingId;
+        return e.get(r).controller.editingId;
       },
       get selectedElementIds() {
-        return e.get(o).editor.selection.ids;
+        return e.get(r).editor.selection.ids;
+      },
+      get findHighlights() {
+        return t.blocks.findHighlights;
       },
       get ontablecellcommit() {
-        return e.get(u);
+        return e.get(c);
       },
       get onsmartartnodecommit() {
-        return e.get(v);
+        return e.get(S);
       },
       get onsmartartnodefill() {
-        return e.get(l);
+        return e.get(f);
       },
       get onchartpointcommit() {
-        return e.get(y);
+        return e.get(E);
       },
       get ontableresizecolumns() {
-        return e.get(k);
+        return e.get(y);
       },
       get ontableresizerow() {
-        return e.get(D);
+        return e.get(l);
       },
-      onstageholder: (C) => {
-        e.set(p, C ?? void 0), t.blocks.canvas.setStageHolder(C ?? void 0);
+      onstageholder: (h) => {
+        t.blocks.canvas.setStageHolder(h ?? void 0);
       },
       get onstagepointerdown() {
-        return e.get(o).controller.onStagePointerDown;
+        return e.get(r).controller.onStagePointerDown;
       },
       get onstagepointermove() {
-        return e.get(o).controller.onStagePointerMove;
+        return e.get(r).controller.onStagePointerMove;
       },
       get onstagedblclick() {
-        return e.get(o).controller.onStageDblClick;
+        return e.get(r).controller.onStageDblClick;
       },
       get onstageclick() {
-        return e.get(o).controller.onStageClick;
+        return e.get(r).controller.onStageClick;
       },
-      children: (C, Re) => {
-        var w = ke(), T = e.first_child(w), x = (h) => {
-          V(h, {
+      children: (h, w) => {
+        var T = Te(), I = e.first_child(T), x = (b) => {
+          L(b, {
             get controller() {
-              return e.get(o).controller;
+              return e.get(r).controller;
             },
             get scale() {
-              return e.get(o).scale;
+              return e.get(r).scale;
             }
           });
         };
-        e.if(T, (h) => {
-          e.get(o).editingActive && h(x);
+        e.if(I, (b) => {
+          e.get(r).editingActive && b(x);
         });
-        var I = e.sibling(T, 2);
+        var O = e.sibling(I, 2);
         {
-          let h = e.derived(() => e.get(o).activeSlide?.elements ?? []);
-          L(I, {
+          let b = e.derived(() => e.get(r).activeSlide?.elements ?? []);
+          F(O, {
             get presences() {
-              return e.get(o).collab.remotePresences;
+              return e.get(r).collab.remotePresences;
             },
             get elements() {
-              return e.get(h);
+              return e.get(b);
             },
             get activeSlideIndex() {
-              return e.get(o).viewer.current;
+              return e.get(r).viewer.current;
             },
             get zoom() {
-              return e.get(o).scale;
+              return e.get(r).scale;
             }
           });
         }
-        var F = e.sibling(I, 2);
-        X(F, {
+        var D = e.sibling(O, 2);
+        j(D, {
           get cursors() {
-            return e.get(o).collab.cursors;
+            return e.get(r).collab.cursors;
           },
           get zoom() {
-            return e.get(o).scale;
+            return e.get(r).scale;
           }
-        }), e.append(C, w);
+        }), e.append(h, T);
       },
       $$slots: { default: !0 }
     });
   }
-  e.reset(m), e.action(m, (u, v) => G?.(u, v), () => t.blocks.canvas.setViewportSize), e.reset(g), e.action(g, (u) => a?.(u)), e.template_effect((u) => {
-    e.set_class(g, 1, `pptx-svelte-viewer pptx-svelte-blocks-canvas ${i()}`, "svelte-uasggf"), e.set_style(g, e.get(d)), e.set_attribute(g, "aria-label", u), e.set_attribute(g, "aria-busy", e.get(o).loader.loading);
-  }, [() => t.blocks.t("pptx.titleBar.defaultFileName")]), e.delegated("keydown", g, function(...u) {
-    e.get(o).onKeydown?.apply(this, u);
-  }), e.append(r, g), e.pop();
+  e.reset(s), e.action(s, (c, S) => G?.(c, S), () => t.blocks.canvas.setViewportSize), e.reset(a), e.action(a, (c) => g?.(c)), e.template_effect((c) => {
+    e.set_class(a, 1, `pptx-svelte-viewer pptx-svelte-blocks-canvas ${n()}`, "svelte-uasggf"), e.set_style(a, e.get(d)), e.set_attribute(a, "aria-label", c), e.set_attribute(a, "aria-busy", e.get(r).loader.loading);
+  }, [() => t.blocks.t("pptx.titleBar.defaultFileName")]), e.delegated("keydown", a, function(...c) {
+    e.get(r).onKeydown?.apply(this, c);
+  }), e.append(o, a), e.pop();
 }
 e.delegate(["keydown"]);
-var Te = e.from_html('<div data-pptx-block="slides-pane"><!></div>');
-function Ie(r, t) {
+var Be = e.from_html('<div data-pptx-block="slides-pane"><!></div>');
+function Ae(o, t) {
   e.push(t, !0);
-  const i = e.prop(t, "class", 3, "");
-  var o = Te(), n = e.child(o);
-  Z(n, e.spread_props(() => t.blocks.slidesPaneProps)), e.reset(o), e.template_effect(() => e.set_class(o, 1, `pptx-svelte-viewer pptx-svelte-bb-slides-pane ${i()}`, "svelte-1ouyhsr")), e.append(r, o), e.pop();
+  const n = e.prop(t, "class", 3, "");
+  var r = Be(), i = e.child(r);
+  $(i, e.spread_props(() => t.blocks.slidesPaneProps)), e.reset(r), e.template_effect(() => e.set_class(r, 1, `pptx-svelte-viewer pptx-svelte-bb-slides-pane ${n()}`, "svelte-1ouyhsr")), e.append(o, r), e.pop();
 }
-var Oe = e.from_html('<button type="button"> </button>'), Ae = e.from_html('<span role="group" class="svelte-14vg6om"></span>'), Be = e.from_html('<div data-pptx-block="toolbar" role="toolbar"></div>');
-function Ne(r, t) {
+var Re = e.from_html('<button type="button"> </button>'), Ne = e.from_html('<span role="group" class="svelte-14vg6om"></span>'), xe = e.from_html('<div data-pptx-block="toolbar" role="toolbar"></div>');
+function De(o, t) {
   e.push(t, !0);
-  const i = e.prop(t, "class", 3, ""), o = e.derived(() => t.blocks.toolbar.filter((d) => !t.include || t.include.includes(d.id)));
-  var n = Be();
-  e.each(n, 21, () => e.get(o), (d) => d.id, (d, p) => {
-    var a = Ae();
-    e.each(a, 21, () => e.get(p).controls, (g) => g.id, (g, s) => {
-      var c = Oe(), m = e.only_child(c, !0);
-      e.template_effect((S) => {
-        e.set_attribute(c, "data-control", e.get(s).id), c.disabled = e.get(s).disabled, e.set_attribute(c, "aria-pressed", e.get(s).pressed === void 0 ? void 0 : e.get(s).pressed), e.set_text(m, S);
-      }, [() => t.blocks.t(e.get(s).labelKey)]), e.delegated("click", c, () => t.blocks.runToolbarControl(e.get(s).id)), e.append(g, c);
-    }), e.reset(a), e.template_effect(() => e.set_attribute(a, "data-group", e.get(p).id)), e.append(d, a);
-  }), e.reset(n), e.template_effect(() => e.set_class(n, 1, `pptx-svelte-bb-toolbar ${i()}`, "svelte-14vg6om")), e.append(r, n), e.pop();
+  const n = e.prop(t, "class", 3, ""), r = e.derived(() => t.blocks.toolbar.filter((d) => !t.include || t.include.includes(d.id)));
+  var i = xe();
+  e.each(i, 21, () => e.get(r), (d) => d.id, (d, g) => {
+    var a = Ne();
+    e.each(a, 21, () => e.get(g).controls, (m) => m.id, (m, v) => {
+      var s = Re(), u = e.only_child(s, !0);
+      e.template_effect((p) => {
+        e.set_attribute(s, "data-control", e.get(v).id), s.disabled = e.get(v).disabled, e.set_attribute(s, "aria-pressed", e.get(v).pressed === void 0 ? void 0 : e.get(v).pressed), e.set_text(u, p);
+      }, [() => t.blocks.t(e.get(v).labelKey)]), e.delegated("click", s, () => t.blocks.runToolbarControl(e.get(v).id)), e.append(m, s);
+    }), e.reset(a), e.template_effect(() => e.set_attribute(a, "data-group", e.get(g).id)), e.append(d, a);
+  }), e.reset(i), e.template_effect(() => e.set_class(i, 1, `pptx-svelte-bb-toolbar ${n()}`, "svelte-14vg6om")), e.append(o, i), e.pop();
 }
 e.delegate(["click"]);
-var Mt = we, Ut = Ne, Ht = Ie;
+var Ht = Oe, Gt = De, Kt = Ae;
 export {
-  Qe as BACKSTAGE_CARD_IDS,
-  Je as BACKSTAGE_PAGE_IDS,
-  Mt as BuildingBlocksCanvas,
-  Ht as BuildingBlocksSlidesPane,
-  Ut as BuildingBlocksToolbar,
-  Ye as CANVAS_CONTEXT_MENU_COMMAND_IDS,
-  Ze as EDITOR_SHORTCUT_ACTION_IDS,
-  $e as ELEMENT_CONTEXT_MENU_COMMAND_IDS,
-  et as OPTIONS_PAGE_IDS,
-  tt as OPTIONS_SECTION_IDS,
-  ot as OPTIONS_SETTING_IDS,
-  rt as PPTX_OPEN_ACCEPT,
-  it as PRESENTATION_OPEN_EXTENSIONS,
-  Ve as PowerPointViewer,
-  nt as RIBBON_CONTROL_IDS,
-  at as RIBBON_GROUP_IDS,
-  st as RIBBON_TAB_IDS,
-  qe as SlideThumbnail,
-  ze as SlidesPane,
-  lt as TOOLBAR_BUTTON_IDS,
-  dt as VIEWER_DIALOG_IDS,
-  ct as VIEWER_EXPORT_FORMAT_IDS,
-  ut as VIEWER_FEATURE_IDS,
-  gt as VIEWER_PANEL_IDS,
-  pt as createImageElementFromFile,
-  Y as createSlidesPaneProps,
-  qt as createViewerBuildingBlocks,
-  mt as defaultCssVars,
-  vt as defaultRadius,
-  St as defaultThemeColors,
-  ht as deleteAutosaveSnapshot,
-  ft as describeCollaborationShellState,
-  Fe as exportAllSlidesToSvg,
-  Me as exportAllSlidesToSvgBlobs,
-  He as exportSlideAsSvg,
-  Le as exportSlideToSvg,
-  Ue as exportSlideToSvgBlob,
-  bt as forgetSessionDeck,
+  Ye as BACKSTAGE_CARD_IDS,
+  Ze as BACKSTAGE_PAGE_IDS,
+  Ht as BuildingBlocksCanvas,
+  Kt as BuildingBlocksSlidesPane,
+  Gt as BuildingBlocksToolbar,
+  $e as CANVAS_CONTEXT_MENU_COMMAND_IDS,
+  et as EDITOR_SHORTCUT_ACTION_IDS,
+  tt as ELEMENT_CONTEXT_MENU_COMMAND_IDS,
+  ot as OPTIONS_PAGE_IDS,
+  rt as OPTIONS_SECTION_IDS,
+  nt as OPTIONS_SETTING_IDS,
+  it as PPTX_OPEN_ACCEPT,
+  at as PRESENTATION_OPEN_EXTENSIONS,
+  Ue as PowerPointViewer,
+  st as RIBBON_CONTROL_IDS,
+  lt as RIBBON_GROUP_IDS,
+  dt as RIBBON_TAB_IDS,
+  Me as SlideThumbnail,
+  qe as SlidesPane,
+  ct as TOOLBAR_BUTTON_IDS,
+  ut as VIEWER_DIALOG_IDS,
+  gt as VIEWER_EXPORT_FORMAT_IDS,
+  pt as VIEWER_FEATURE_IDS,
+  mt as VIEWER_PANEL_IDS,
+  vt as createImageElementFromFile,
+  Z as createSlidesPaneProps,
+  Mt as createViewerBuildingBlocks,
+  St as defaultCssVars,
+  ht as defaultRadius,
+  ft as defaultThemeColors,
+  bt as deleteAutosaveSnapshot,
+  Ct as describeCollaborationShellState,
+  Le as exportAllSlidesToSvg,
+  He as exportAllSlidesToSvgBlobs,
+  Ke as exportSlideAsSvg,
+  Ve as exportSlideToSvg,
+  Ge as exportSlideToSvgBlob,
+  yt as forgetSessionDeck,
   _t as getAutosaveSnapshot,
-  yt as getSessionTabId,
-  Ct as isLegacyBinaryPresentation,
-  Pt as isSupportedPresentationFile,
-  kt as listAutosaveSnapshots,
-  Et as loadPresentationDeck,
-  wt as loadSessionDeck,
-  Tt as parsePresentationSessionId,
-  It as presentationBaseName,
-  We as registerTranslations,
-  Ot as rememberSessionDeck,
-  xe as renderToCanvas,
-  At as restoreSessionDeck,
-  Bt as savedPresentationFileName,
-  Nt as themeToCssVars,
-  Rt as vermilionDarkColors,
-  Dt as vermilionDarkTheme,
-  xt as vermilionLightColors,
-  Ft as vermilionLightTheme,
-  Lt as vermilionRadius
+  Pt as getSessionTabId,
+  Et as isLegacyBinaryPresentation,
+  kt as isSupportedPresentationFile,
+  wt as listAutosaveSnapshots,
+  Tt as loadPresentationDeck,
+  It as loadSessionDeck,
+  Ot as parsePresentationSessionId,
+  Bt as presentationBaseName,
+  je as registerTranslations,
+  At as rememberSessionDeck,
+  ze as renderToCanvas,
+  Rt as restoreSessionDeck,
+  Nt as savedPresentationFileName,
+  xt as themeToCssVars,
+  Dt as vermilionDarkColors,
+  Ft as vermilionDarkTheme,
+  zt as vermilionLightColors,
+  Lt as vermilionLightTheme,
+  Vt as vermilionRadius
 };