pptx-svelte-viewer 4.74.0 → 4.76.0

package/dist/index.js

@@ -1,60 +1,633 @@
-import { T as s, _ as o, c as a, g as i, h as S, m as r, s as t, t as T, u as _, v as l } from "./export-BSqJw7u_.js";
-import { i as I } from "./translator-2U8GG-ce.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 { BACKSTAGE_CARD_IDS as D, BACKSTAGE_PAGE_IDS as N, CANVAS_CONTEXT_MENU_COMMAND_IDS as A, EDITOR_SHORTCUT_ACTION_IDS as m, ELEMENT_CONTEXT_MENU_COMMAND_IDS as P, OPTIONS_PAGE_IDS as d, OPTIONS_SECTION_IDS as C, OPTIONS_SETTING_IDS as R, PPTX_OPEN_ACCEPT as p, PRESENTATION_OPEN_EXTENSIONS as v, RIBBON_CONTROL_IDS as B, RIBBON_GROUP_IDS as g, RIBBON_TAB_IDS as h, TOOLBAR_BUTTON_IDS as u, VIEWER_DIALOG_IDS as c, VIEWER_EXPORT_FORMAT_IDS as L, VIEWER_FEATURE_IDS as M, VIEWER_PANEL_IDS as V, createImageElementFromFile as b, defaultCssVars as f, defaultRadius as k, defaultThemeColors as G, deleteAutosaveSnapshot as x, describeCollaborationShellState as F, forgetSessionDeck as U, getAutosaveSnapshot as X, getSessionTabId as W, isLegacyBinaryPresentation as w, isSupportedPresentationFile as y, listAutosaveSnapshots as K, loadPresentationDeck as H, loadSessionDeck as j, parsePresentationSessionId as q, presentationBaseName as z, rememberSessionDeck as J, restoreSessionDeck as Q, savedPresentationFileName as Y, themeToCssVars as Z, vermilionDarkColors as $, vermilionDarkTheme as ee, vermilionLightColors as se, vermilionLightTheme as oe, vermilionRadius as ae } 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 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: o.openPasswordSet(),
+        recommendation: { kind: t.readOnlyRec.recommendation.kind },
+        hasModifyVerifier: r.modifyVerifier !== void 0,
+        customProperties: n.customProperties
+      }),
+      customProperties: () => n.customProperties,
+      applyOpenPassword: (a) => {
+        a === null ? n.clearSavePassword() : n.setSavePassword(a), o.setOpenPasswordSet(a !== null);
+      },
+      applyCustomProperties: (a) => g({ custom: a }),
+      markDirty: d
+    },
+    documentProperties: {
+      current: () => ({
+        core: n.coreProperties ?? {},
+        custom: n.customProperties,
+        app: n.appProperties ?? {}
+      }),
+      applyUpdate: (a) => g({
+        ...a.core ? { core: {
+          ...n.coreProperties,
+          ...a.core
+        } } : {},
+        ...a.app ? { app: {
+          ...n.appProperties,
+          ...a.app
+        } } : {},
+        ...a.custom ? { custom: a.custom } : {}
+      })
+    },
+    fontEmbedding: {
+      input: () => ({
+        embedFonts: n.embedFonts,
+        embeddedFamilies: [...n.embeddedFontFamilies],
+        usedFamilies: ne(n.slides),
+        descriptor: n.fontEmbedding
+      }),
+      apply: (a) => {
+        n.embedFonts = a;
+      },
+      markDirty: d
+    },
+    digitalSignatures: {
+      signed: () => r.hasDigitalSignatures,
+      count: () => r.digitalSignatureCount,
+      content: () => o.content(),
+      markDirty: d
+    },
+    setUpSlideShow: {
+      presentationProperties: () => n.presentationProperties,
+      slideCount: () => n.slides.length,
+      customShows: () => n.customShows,
+      save: (a) => {
+        n.presentationMetadata.updatePresentationProperties(a), i.activeCustomShowId = ge(a, n.customShows) ?? null;
+      }
+    },
+    customShows: {
+      customShows: () => n.customShows,
+      slides: () => n.slides,
+      activeId: () => i.activeCustomShowId,
+      commit: (a, m) => {
+        n.presentationMetadata.updateCustomShows(a), m && n.commitSlides([...m]);
+      },
+      start: (a) => {
+        i.activeCustomShowId = a, t.presentation.firstSlide(), t.onFullscreenToggle();
+      }
+    },
+    shortcuts: {
+      open: () => i.shortcutsOpen,
+      setOpen: (a) => {
+        i.shortcutsOpen = a;
+      },
+      toggle: () => {
+        i.shortcutsOpen = !i.shortcutsOpen;
+      },
+      translate: (a) => t.t(a)
+    }
+  };
+}
+function A(o, t) {
+  e.user_effect(() => {
+    o() && k(t);
+  });
+}
+function C(o) {
+  return o.editor.selectedElements[0] ?? null;
+}
+function R(o, t) {
+  return Se([...t], o.editor.slides[o.viewer.current]?.layoutPath);
+}
+function N(o) {
+  return o.editable && !o.collab.readOnly && !o.readOnlyRec.locked;
+}
+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: r !== void 0,
+    canEdit: N(t),
+    editing: t.editingActive && !t.editor.masterViewTarget,
+    canInsert: !t.protectedViewActive && !t.readOnlyRec.locked,
+    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 _e(o) {
+  return {
+    open: o.open,
+    setOpen: (t) => {
+      t !== o.open && o.toggle();
+    },
+    query: o.query,
+    replacement: o.replacement,
+    options: {
+      matchCase: o.matchCase,
+      includeNotes: o.includeNotes,
+      includeChartTitles: o.includeChartTitles,
+      includeChartData: o.includeChartData
+    },
+    matches: o.results,
+    currentIndex: o.index,
+    setQuery: (t) => {
+      o.query = t;
+    },
+    setReplacement: (t) => {
+      o.replacement = t;
+    },
+    setOptions: (t) => {
+      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: () => o.search(),
+    navigate: (t) => t > 0 ? o.next() : o.prev(),
+    replaceCurrent: () => o.replaceCurrent(),
+    replaceAll: () => o.replaceAll()
+  };
+}
+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: () => ye(o),
+    onCancel: () => {
+      t.parityUi.shortcutsOpen = !1;
+    },
+    fileLimits: () => o.options().fileLimits,
+    onRequest: (i) => o.options().onRequest?.(i),
+    target: () => ({
+      deck: t.loader.handler,
+      slideId: n.slides[t.viewer.current]?.id,
+      slideIndex: t.viewer.current
+    }),
+    canvasSize: () => t.loader.canvasSize,
+    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 (i, d) => {
+      const g = await U(i, t.loader.canvasSize);
+      return g ? d() ? (n.insertElement(g), B) : _("stale-target") : _("decode-failed");
+    },
+    applyHyperlink: (i) => {
+      const d = de(i);
+      return d.ok ? r({ actionClick: d.actionClick }) : d;
+    },
+    removeHyperlink: () => {
+      const i = C(t);
+      return i && !i.actionClick ? _("no-hyperlink") : r({ actionClick: void 0 });
+    },
+    insertSmartArt: (i, d) => {
+      n.insertElement(q(i, d, t.loader.canvasSize));
+    },
+    insertChart: (i, d) => {
+      n.insertElement(ee(i, t.loader.canvasSize, d));
+    },
+    insertEquation: (i) => {
+      n.insertElement(K(i, t.loader.canvasSize));
+    },
+    updateEquation: (i) => {
+      const d = C(t);
+      d && (n.equationOps.editingId = d.id, n.equationOps.apply(i));
+    },
+    findReplace: () => _e(t.findReplace),
+    applyLayout: async (i) => {
+      if (await n.slidesOps.applyLayout(i) === null) throw new Error(`Layout ${i} was not applied`);
+    }
+  };
+}
+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(n);
+    },
+    get autosave() {
+      return r("autosave") === !0;
+    },
+    get fileName() {
+      return r("fileName");
+    },
+    get filePath() {
+      return r("filePath");
+    },
+    get initialSlide() {
+      return r("initialSlide");
+    },
+    get googleFonts() {
+      return r("googleFonts");
+    },
+    get listConversionScope() {
+      return r("listConversionScope");
+    },
+    get allowExternalContent() {
+      return r("allowExternalContent");
+    },
+    get limits() {
+      return r("limits");
+    },
+    get collaboration() {
+      return r("collaboration");
+    },
+    get fitPadding() {
+      return r("fitPadding");
+    },
+    get maxFitScale() {
+      return r("maxFitScale");
+    },
+    get authorName() {
+      return r("authorName") ?? r("userName");
+    },
+    get onload() {
+      return r("onLoad");
+    },
+    get onerror() {
+      return r("onError");
+    },
+    get onslidechange() {
+      return r("onSlideChange");
+    },
+    get ondirtychange() {
+      return r("onDirtyChange");
+    },
+    get oncontentchange() {
+      return r("onContentChange");
+    },
+    get onselectionchange() {
+      return r("onSelectionChange");
+    }
+  };
+}
+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(n),
+    getRootEl: () => e.get(t),
+    getViewportWidth: () => e.get(r),
+    getViewportHeight: () => e.get(i),
+    getMasterScale: () => 1
+  })), { editor: u } = s;
+  W(v, s.optionsState), oe(() => o().onElementRenderError);
+  const p = ae(Pe({
+    state: s,
+    options: o,
+    layouts: () => e.get(d)
+  }));
+  ce(p, Ce({
+    state: s,
+    content: () => ke(o().content),
+    openPasswordSet: () => e.get(g),
+    setOpenPasswordSet: (l) => {
+      e.set(g, l, !0);
+    }
+  }));
+  const P = z(p.requests);
+  e.user_effect(() => {
+    const l = s.loader.handler;
+    let h = !1;
+    return l ? k(() => u.slidesOps.availableLayouts()).then((w) => {
+      h || e.set(d, w);
+    }).catch(() => {
+    }) : e.set(d, []), () => {
+      h = !0;
+    };
+  }), e.user_effect(() => {
+    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 c = !1;
+  e.user_effect(() => {
+    const l = s.parityUi.shortcutsOpen;
+    l !== c && (c = l, k(() => p.announce({
+      kind: "shortcuts",
+      open: l
+    }, l)));
+  });
+  let S = !1;
+  const f = () => {
+    S || (S = !0, s.destroy());
+  };
+  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: u.slides.length ? s.viewer.current : -1,
+    slideCount: u.slides.length,
+    canUndo: u.canUndo,
+    canRedo: u.canRedo,
+    dirty: u.dirty
+  });
+  return {
+    get actions() {
+      return P.current, p.actions();
+    },
+    get state() {
+      return y();
+    },
+    get toolbar() {
+      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: o().hiddenActions
+      });
+    },
+    runToolbarControl(l) {
+      ve(l, p, {
+        undo: () => u.undo(),
+        redo: () => u.redo(),
+        toggleFind: () => s.findReplace.toggle(),
+        zoomOut: () => s.deck.zoomOut(),
+        zoomIn: () => s.deck.zoomIn(),
+        zoomToFit: () => {
+          s.viewer.zoomPercent = null;
+        },
+        previousSlide: () => s.deck.goPrev(),
+        nextSlide: () => s.deck.goNext()
+      });
+    },
+    slidesPaneProps: Z(s, { onopenlayoutgallery: (l) => o().onOpenLayoutGallery?.(l) }),
+    get findHighlights() {
+      return le(s.findReplace.results, s.findReplace.index, s.viewer.current);
+    },
+    t: (l) => a(l),
+    viewerState: s,
+    session: p,
+    canvas: {
+      setRoot(l) {
+        e.set(t, l);
+      },
+      setStageHolder(l) {
+        e.set(n, l);
+      },
+      setViewportSize(l) {
+        e.set(r, l.width, !0), e.set(i, l.height, !0);
+      }
+    },
+    destroy: f
+  };
+}
+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 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) };
+  }
+  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(u, (c) => {
+    e.get(r).loader.error && c(p);
+  });
+  var P = e.sibling(u, 2);
+  {
+    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(r).activeSlide;
+      },
+      get canvasSize() {
+        return e.get(r).loader.canvasSize;
+      },
+      get mediaDataUrls() {
+        return e.get(r).loader.mediaDataUrls;
+      },
+      get scale() {
+        return e.get(r).scale;
+      },
+      get editingActive() {
+        return e.get(r).editingActive;
+      },
+      get editTemplateMode() {
+        return e.get(r).editor.editTemplateMode;
+      },
+      get editingElementId() {
+        return e.get(r).controller.editingId;
+      },
+      get selectedElementIds() {
+        return e.get(r).editor.selection.ids;
+      },
+      get findHighlights() {
+        return t.blocks.findHighlights;
+      },
+      get ontablecellcommit() {
+        return e.get(c);
+      },
+      get onsmartartnodecommit() {
+        return e.get(S);
+      },
+      get onsmartartnodefill() {
+        return e.get(f);
+      },
+      get onchartpointcommit() {
+        return e.get(E);
+      },
+      get ontableresizecolumns() {
+        return e.get(y);
+      },
+      get ontableresizerow() {
+        return e.get(l);
+      },
+      onstageholder: (h) => {
+        t.blocks.canvas.setStageHolder(h ?? void 0);
+      },
+      get onstagepointerdown() {
+        return e.get(r).controller.onStagePointerDown;
+      },
+      get onstagepointermove() {
+        return e.get(r).controller.onStagePointerMove;
+      },
+      get onstagedblclick() {
+        return e.get(r).controller.onStageDblClick;
+      },
+      get onstageclick() {
+        return e.get(r).controller.onStageClick;
+      },
+      children: (h, w) => {
+        var T = Te(), I = e.first_child(T), x = (b) => {
+          L(b, {
+            get controller() {
+              return e.get(r).controller;
+            },
+            get scale() {
+              return e.get(r).scale;
+            }
+          });
+        };
+        e.if(I, (b) => {
+          e.get(r).editingActive && b(x);
+        });
+        var O = e.sibling(I, 2);
+        {
+          let b = e.derived(() => e.get(r).activeSlide?.elements ?? []);
+          F(O, {
+            get presences() {
+              return e.get(r).collab.remotePresences;
+            },
+            get elements() {
+              return e.get(b);
+            },
+            get activeSlideIndex() {
+              return e.get(r).viewer.current;
+            },
+            get zoom() {
+              return e.get(r).scale;
+            }
+          });
+        }
+        var D = e.sibling(O, 2);
+        j(D, {
+          get cursors() {
+            return e.get(r).collab.cursors;
+          },
+          get zoom() {
+            return e.get(r).scale;
+          }
+        }), e.append(h, T);
+      },
+      $$slots: { default: !0 }
+    });
+  }
+  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 Be = e.from_html('<div data-pptx-block="slides-pane"><!></div>');
+function Ae(o, t) {
+  e.push(t, !0);
+  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 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 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 Ht = Oe, Gt = De, Kt = Ae;
 export {
-  D as BACKSTAGE_CARD_IDS,
-  N as BACKSTAGE_PAGE_IDS,
-  A as CANVAS_CONTEXT_MENU_COMMAND_IDS,
-  m as EDITOR_SHORTCUT_ACTION_IDS,
-  P as ELEMENT_CONTEXT_MENU_COMMAND_IDS,
-  d as OPTIONS_PAGE_IDS,
-  C as OPTIONS_SECTION_IDS,
-  R as OPTIONS_SETTING_IDS,
-  p as PPTX_OPEN_ACCEPT,
-  v as PRESENTATION_OPEN_EXTENSIONS,
-  _ as PowerPointViewer,
-  B as RIBBON_CONTROL_IDS,
-  g as RIBBON_GROUP_IDS,
-  h as RIBBON_TAB_IDS,
-  t as SlideThumbnail,
-  a as SlidesPane,
-  u as TOOLBAR_BUTTON_IDS,
-  c as VIEWER_DIALOG_IDS,
-  L as VIEWER_EXPORT_FORMAT_IDS,
-  M as VIEWER_FEATURE_IDS,
-  V as VIEWER_PANEL_IDS,
-  b as createImageElementFromFile,
-  T as createSlidesPaneProps,
-  f as defaultCssVars,
-  k as defaultRadius,
-  G as defaultThemeColors,
-  x as deleteAutosaveSnapshot,
-  F as describeCollaborationShellState,
-  r as exportAllSlidesToSvg,
-  S as exportAllSlidesToSvgBlobs,
-  i as exportSlideAsSvg,
-  o as exportSlideToSvg,
-  l as exportSlideToSvgBlob,
-  U as forgetSessionDeck,
-  X as getAutosaveSnapshot,
-  W as getSessionTabId,
-  w as isLegacyBinaryPresentation,
-  y as isSupportedPresentationFile,
-  K as listAutosaveSnapshots,
-  H as loadPresentationDeck,
-  j as loadSessionDeck,
-  q as parsePresentationSessionId,
-  z as presentationBaseName,
-  I as registerTranslations,
-  J as rememberSessionDeck,
-  s as renderToCanvas,
-  Q as restoreSessionDeck,
-  Y as savedPresentationFileName,
-  Z as themeToCssVars,
-  $ as vermilionDarkColors,
-  ee as vermilionDarkTheme,
-  se as vermilionLightColors,
-  oe as vermilionLightTheme,
-  ae as vermilionRadius
+  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,
+  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
 };