pptx-svelte-viewer 4.1.4 → 4.1.5

package/dist/{export-B2Ws2H1S.js → export-Dl6333sO.js}

@@ -18,7 +18,7 @@ function I0() {
 var M0 = e.from_html('<div class="pptx-svelte-ai-dock svelte-1h57n9l"><!></div>');
 function A0(a, t) {
   var n = M0(), i = e.child(n);
-  e.await(i, () => import("./AiChatPanel-que5Axy5.js"), null, (r, s) => {
+  e.await(i, () => import("./AiChatPanel-DnapEF5O.js"), null, (r, s) => {
     var l = e.derived(() => {
       var { default: u } = e.get(s);
       return { AiChatPanel: u };
@@ -7582,14 +7582,14 @@ var ni = "Calibri Light", ii = "Calibri", XI = class {
     const a = this.#t;
     a?.colorScheme && (this.colors = a.colorScheme, this.name = a.name ?? "Custom Theme", this.#e.onupdatecolorscheme(a.colorScheme), this.setFonts(a.fontScheme?.majorFont?.latin ?? ni, a.fontScheme?.minorFont?.latin ?? ii), this.#e.onupdatename(this.name));
   }
-}, YI = e.from_html('<div class="pptx-svelte-theme-swatch svelte-sm0uf7"><button type="button"></button> <small class="svelte-sm0uf7"> </small></div>'), JI = e.from_html('<div class="pptx-svelte-theme-picker svelte-sm0uf7"><span> </span> <input type="color" class="svelte-sm0uf7"/> <input type="text" class="svelte-sm0uf7"/></div>'), QI = e.from_html('<span class="svelte-sm0uf7"></span>'), $I = e.from_html('<div class="svelte-sm0uf7"></div>'), e3 = e.from_html('<div class="pptx-svelte-theme-block svelte-sm0uf7"><span class="pptx-svelte-theme-heading svelte-sm0uf7"> </span> <div class="pptx-svelte-theme-preview svelte-sm0uf7"></div></div>'), t3 = e.from_html('<div class="pptx-svelte-theme-block svelte-sm0uf7"><span class="pptx-svelte-theme-heading svelte-sm0uf7"> </span> <div class="pptx-svelte-theme-swatches svelte-sm0uf7"></div> <!></div> <!>', 1);
-function a3(a, t) {
+}, YI = e.from_html('<div class="pptx-svelte-theme-swatch svelte-sm0uf7"><button type="button"></button> <small class="svelte-sm0uf7"> </small></div>'), JI = e.from_html('<div class="pptx-svelte-theme-picker svelte-sm0uf7"><span> </span> <input type="color" class="svelte-sm0uf7"/> <input type="text" class="svelte-sm0uf7"/></div>'), QI = e.from_html('<span class="svelte-sm0uf7"></span>'), $I = e.from_html('<div class="svelte-sm0uf7"></div>'), e4 = e.from_html('<div class="pptx-svelte-theme-block svelte-sm0uf7"><span class="pptx-svelte-theme-heading svelte-sm0uf7"> </span> <div class="pptx-svelte-theme-preview svelte-sm0uf7"></div></div>'), t4 = e.from_html('<div class="pptx-svelte-theme-block svelte-sm0uf7"><span class="pptx-svelte-theme-heading svelte-sm0uf7"> </span> <div class="pptx-svelte-theme-swatches svelte-sm0uf7"></div> <!></div> <!>', 1);
+function a4(a, t) {
   e.push(t, !0);
   const n = e.prop(t, "state", 7), i = oe(), r = (y) => mh(y, i), s = e.derived(() => Qx(n().colors, i)), l = e.derived(() => n().activePickerKey);
   function o(y) {
     n().activePickerKey = n().activePickerKey === y ? null : y;
   }
-  var d = t3(), c = e.first_child(d), u = e.child(c), p = e.only_child(u, !0), v = e.sibling(u, 2);
+  var d = t4(), c = e.first_child(d), u = e.child(c), p = e.only_child(u, !0), v = e.sibling(u, 2);
   e.each(v, 20, () => Wo, (y) => y, (y, S) => {
     var w = YI(), x = e.child(w);
     let _;
@@ -7618,7 +7618,7 @@ function a3(a, t) {
     e.get(l) && y(h);
   }), e.reset(c);
   var m = e.sibling(c, 2), g = (y) => {
-    var S = e3(), w = e.child(S), x = e.only_child(w, !0), _ = e.sibling(w, 2);
+    var S = e4(), w = e.child(S), x = e.only_child(w, !0), _ = e.sibling(w, 2);
     e.each(_, 21, () => e.get(s), e.index, (b, T) => {
       var C = $I();
       e.each(C, 21, () => e.get(T), (P) => P.schemeKey, (P, k) => {
@@ -7638,8 +7638,8 @@ e.delegate([
   "input",
   "change"
 ]);
-var n3 = e.from_html('<span class="svelte-13dhn05"></span>'), i3 = e.from_html('<button type="button"><span class="pptx-svelte-theme-preset-strip svelte-13dhn05"></span> <small class="svelte-13dhn05"> </small></button>'), r3 = e.from_html('<div class="pptx-svelte-theme-block svelte-13dhn05"><span class="pptx-svelte-theme-heading svelte-13dhn05"> </span> <div class="pptx-svelte-theme-presets svelte-13dhn05"></div></div>');
-function s3(a, t) {
+var n4 = e.from_html('<span class="svelte-13dhn05"></span>'), i4 = e.from_html('<button type="button"><span class="pptx-svelte-theme-preset-strip svelte-13dhn05"></span> <small class="svelte-13dhn05"> </small></button>'), r4 = e.from_html('<div class="pptx-svelte-theme-block svelte-13dhn05"><span class="pptx-svelte-theme-heading svelte-13dhn05"> </span> <div class="pptx-svelte-theme-presets svelte-13dhn05"></div></div>');
+function s4(a, t) {
   e.push(t, !0);
   const n = oe(), i = [
     "accent1",
@@ -7649,13 +7649,13 @@ function s3(a, t) {
     "accent5",
     "accent6"
   ];
-  var r = r3(), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2);
+  var r = r4(), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2);
   e.each(o, 21, () => Mi, (d) => d.name, (d, c) => {
-    var u = i3();
+    var u = i4();
     let p;
     var v = e.child(u);
     e.each(v, 20, () => i, (m) => m, (m, g) => {
-      var y = n3();
+      var y = n4();
       e.template_effect(() => e.set_style(y, `background:${e.get(c).colorScheme[g]}`)), e.append(m, y);
     }), e.reset(v);
     var f = e.sibling(v, 2), h = e.only_child(f, !0);
@@ -7665,18 +7665,18 @@ function s3(a, t) {
   }), e.reset(o), e.reset(r), e.template_effect((d) => e.set_text(l, d), [() => n("pptx.themeEditor.presetThemes")]), e.append(a, r), e.pop();
 }
 e.delegate(["click"]);
-var qa = e.from_html("<option> </option>"), l3 = e.from_html('<div class="pptx-svelte-theme-editor svelte-sg4mkv"><label class="pptx-svelte-theme-field svelte-sg4mkv"><span class="svelte-sg4mkv"> </span> <input type="text" class="svelte-sg4mkv"/></label> <!> <!> <div class="pptx-svelte-theme-block svelte-sg4mkv"><span class="pptx-svelte-theme-heading svelte-sg4mkv"> </span> <label class="pptx-svelte-theme-field svelte-sg4mkv"><span class="svelte-sg4mkv"> </span> <select class="svelte-sg4mkv"><!><!></select></label> <label class="pptx-svelte-theme-field svelte-sg4mkv"><span class="svelte-sg4mkv"> </span> <select class="svelte-sg4mkv"><!><!></select></label> <p class="pptx-svelte-theme-samples svelte-sg4mkv"><span> </span> <span aria-hidden="true">|</span> <span> </span></p></div> <div class="pptx-svelte-theme-actions svelte-sg4mkv"><button type="button" class="svelte-sg4mkv"> </button> <button type="button" class="svelte-sg4mkv"> </button></div></div>');
-function o3(a, t) {
+var qa = e.from_html("<option> </option>"), l4 = e.from_html('<div class="pptx-svelte-theme-editor svelte-sg4mkv"><label class="pptx-svelte-theme-field svelte-sg4mkv"><span class="svelte-sg4mkv"> </span> <input type="text" class="svelte-sg4mkv"/></label> <!> <!> <div class="pptx-svelte-theme-block svelte-sg4mkv"><span class="pptx-svelte-theme-heading svelte-sg4mkv"> </span> <label class="pptx-svelte-theme-field svelte-sg4mkv"><span class="svelte-sg4mkv"> </span> <select class="svelte-sg4mkv"><!><!></select></label> <label class="pptx-svelte-theme-field svelte-sg4mkv"><span class="svelte-sg4mkv"> </span> <select class="svelte-sg4mkv"><!><!></select></label> <p class="pptx-svelte-theme-samples svelte-sg4mkv"><span> </span> <span aria-hidden="true">|</span> <span> </span></p></div> <div class="pptx-svelte-theme-actions svelte-sg4mkv"><button type="button" class="svelte-sg4mkv"> </button> <button type="button" class="svelte-sg4mkv"> </button></div></div>');
+function o4(a, t) {
   e.push(t, !0);
   const n = oe(), i = new XI(() => t.theme, {
     onupdatecolorscheme: (Z) => t.onupdatecolorscheme(Z),
     onupdatefontscheme: (Z) => t.onupdatefontscheme(Z),
     onupdatename: (Z) => t.onupdatename(Z)
   });
-  var r = l3(), s = e.child(r), l = e.child(s), o = e.only_child(l, !0), d = e.sibling(l, 2);
+  var r = l4(), s = e.child(r), l = e.child(s), o = e.only_child(l, !0), d = e.sibling(l, 2);
   e.remove_input_defaults(d), e.reset(s);
   var c = e.sibling(s, 2);
-  s3(c, {
+  s4(c, {
     get activeName() {
       return i.name;
     },
@@ -7686,7 +7686,7 @@ function o3(a, t) {
     onselect: (Z) => i.selectPreset(Z)
   });
   var u = e.sibling(c, 2);
-  a3(u, {
+  a4(u, {
     get state() {
       return i;
     },
@@ -7751,7 +7751,7 @@ function o3(a, t) {
   }), e.delegated("click", L, () => i.reset()), e.append(a, r), e.pop();
 }
 e.delegate(["change", "click"]);
-var d3 = e.from_html("<option> </option>"), c3 = e.from_html('<label class="svelte-19enjzl"> <span class="svelte-19enjzl"></span> <select class="svelte-19enjzl"></select></label>'), u3 = e.from_html('<div class="aliases svelte-19enjzl"></div>'), v3 = e.from_html('<label class="inline svelte-19enjzl"><input type="checkbox" class="svelte-19enjzl"/> <span> </span></label> <!>', 1), p3 = e.from_html('<!> <details class="edit-theme svelte-19enjzl"><summary class="svelte-19enjzl"> </summary> <!></details>', 1);
+var d4 = e.from_html("<option> </option>"), c4 = e.from_html('<label class="svelte-19enjzl"> <span class="svelte-19enjzl"></span> <select class="svelte-19enjzl"></select></label>'), u4 = e.from_html('<div class="aliases svelte-19enjzl"></div>'), v4 = e.from_html('<label class="inline svelte-19enjzl"><input type="checkbox" class="svelte-19enjzl"/> <span> </span></label> <!>', 1), p4 = e.from_html('<!> <details class="edit-theme svelte-19enjzl"><summary class="svelte-19enjzl"> </summary> <!></details>', 1);
 function tl(a, t) {
   e.push(t, !0);
   const n = e.prop(t, "editor", 7), i = oe();
@@ -7815,17 +7815,17 @@ function tl(a, t) {
     for (const P of Ln) C[P] ??= Ia[P];
     C[b] = T, v(C);
   }
-  var m = p3(), g = e.first_child(m), y = (b) => {
-    var T = v3(), C = e.first_child(T), P = e.child(C);
+  var m = p4(), g = e.first_child(m), y = (b) => {
+    var T = v4(), C = e.first_child(T), P = e.child(C);
     e.remove_input_defaults(P);
     var k = e.sibling(P, 2), E = e.only_child(k, !0);
     e.reset(C);
     var I = e.sibling(C, 2), M = (R) => {
-      var A = u3();
+      var A = u4();
       e.each(A, 20, () => Ln, (z) => z, (z, D) => {
-        var q = c3(), B = e.child(q), N = e.sibling(B), O = e.sibling(N, 2);
+        var q = c4(), B = e.child(q), N = e.sibling(B), O = e.sibling(N, 2);
         e.each(O, 20, () => Wo, (U) => U, (U, L) => {
-          var H = d3(), Z = e.only_child(H, !0), j = {};
+          var H = d4(), Z = e.only_child(H, !0), j = {};
           e.template_effect((K) => {
             e.set_text(Z, K), j !== (j = L) && (H.value = (H.__value = j) ?? "");
           }, [() => Qe(bx, L, i)]), e.append(U, H);
@@ -7848,7 +7848,7 @@ function tl(a, t) {
   var S = e.sibling(g, 2), w = e.child(S), x = e.only_child(w, !0), _ = e.sibling(w, 2);
   {
     let b = e.derived(() => e.get(o) && !e.get(r));
-    o3(_, {
+    o4(_, {
       get theme() {
         return e.get(s);
       },
@@ -7872,11 +7872,11 @@ function tl(a, t) {
   e.reset(S), e.template_effect((b) => e.set_text(x, b), [() => i("pptx.themeEditor.title")]), e.append(a, m), e.pop();
 }
 e.delegate(["change"]);
-var al = e.from_html("<option> </option>"), h3 = e.from_html('<div class="pptx-svelte-theme-selector svelte-1xzrlh2"><label class="svelte-1xzrlh2"><span> </span> <select class="svelte-1xzrlh2"><!></select></label> <div class="buttons svelte-1xzrlh2"><button type="button" class="svelte-1xzrlh2"> </button> <button type="button" class="svelte-1xzrlh2"> </button></div></div>');
-function g3(a, t) {
+var al = e.from_html("<option> </option>"), h4 = e.from_html('<div class="pptx-svelte-theme-selector svelte-1xzrlh2"><label class="svelte-1xzrlh2"><span> </span> <select class="svelte-1xzrlh2"><!></select></label> <div class="buttons svelte-1xzrlh2"><button type="button" class="svelte-1xzrlh2"> </button> <button type="button" class="svelte-1xzrlh2"> </button></div></div>');
+function g4(a, t) {
   e.push(t, !0);
   const n = e.prop(t, "canEdit", 3, !0), i = oe();
-  var r = h3(), s = e.child(r), l = e.child(s), o = e.only_child(l, !0), d = e.sibling(l, 2), c = e.child(d), u = (S) => {
+  var r = h4(), s = e.child(r), l = e.child(s), o = e.only_child(l, !0), d = e.sibling(l, 2), c = e.child(d), u = (S) => {
     var w = al(), x = e.only_child(w, !0);
     w.value = w.__value = "", e.template_effect((_) => e.set_text(x, _), [() => i("pptx.documentProperties.noThemesOption")]), e.append(S, w);
   }, p = (S) => {
@@ -7904,8 +7904,8 @@ function g3(a, t) {
   ]), e.delegated("change", d, (S) => t.onselect(S.currentTarget.value)), e.delegated("click", h, () => t.onapply(t.selectedPath, !1)), e.delegated("click", g, () => t.onapply(t.selectedPath, !0)), e.append(a, r), e.pop();
 }
 e.delegate(["change", "click"]);
-var Ra = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div>'), f3 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy">Slide</h4> <p class="pptx-svelte-inspector-meta svelte-h1vwhy"> </p></div>'), m3 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <!> <!> <!> <!> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><!></div> <!>', 1), _3 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <p class="pptx-svelte-inspector-meta svelte-h1vwhy"> </p></div>'), b3 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><!></div>'), x3 = e.from_html("<!> <!>", 1);
-function y3(a, t) {
+var Ra = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div>'), f4 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy">Slide</h4> <p class="pptx-svelte-inspector-meta svelte-h1vwhy"> </p></div>'), m4 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <!> <!> <!> <!> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <!></div> <div class="pptx-svelte-inspector-section svelte-h1vwhy"><!></div> <!>', 1), _4 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><h4 class="svelte-h1vwhy"> </h4> <p class="pptx-svelte-inspector-meta svelte-h1vwhy"> </p></div>'), b4 = e.from_html('<div class="pptx-svelte-inspector-section svelte-h1vwhy"><!></div>'), x4 = e.from_html("<!> <!>", 1);
+function y4(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => t.deck !== void 0 && t.editor.editable), r = e.derived(() => t.deck?.canvasSize ?? t.canvasSize), s = e.derived(() => t.editor.slides[t.editor.currentSlideIndex]), l = e.derived(() => t.editor.slideMasters[0]?.themePath), o = e.derived(() => {
     const h = t.deck?.themeOptions ?? [];
@@ -7917,7 +7917,7 @@ function y3(a, t) {
   let d = e.state(void 0);
   const c = e.derived(() => e.get(d) ?? e.get(l) ?? e.get(o)[0]?.path ?? "");
   var u = e.comment(), p = e.first_child(u), v = (h) => {
-    var m = m3(), g = e.first_child(m), y = e.child(g), S = e.only_child(y, !0), w = e.sibling(y, 2);
+    var m = m4(), g = e.first_child(m), y = e.child(g), S = e.only_child(y, !0), w = e.sibling(y, 2);
     mI(w, {
       get properties() {
         return t.editor.presentationProperties;
@@ -7928,7 +7928,7 @@ function y3(a, t) {
       onupdate: (K) => t.deck.updatePresentationProperties(K)
     }), e.reset(g);
     var x = e.sibling(g, 2), _ = e.child(x), b = e.only_child(_, !0), T = e.sibling(_, 2);
-    g3(T, {
+    g4(T, {
       get options() {
         return e.get(o);
       },
@@ -8056,7 +8056,7 @@ function y3(a, t) {
       onupdate: (K) => t.editor.updateTagCollections(K)
     }), e.reset(L);
     var Z = e.sibling(L, 2), j = (K) => {
-      var G = f3(), J = e.sibling(e.child(G), 2), W = e.only_child(J);
+      var G = f4(), J = e.sibling(e.child(G), 2), W = e.only_child(J);
       e.reset(G), e.template_effect(() => e.set_text(W, `${e.get(s).elements?.length ?? 0 ?? ""} elements`)), e.append(K, G);
     };
     e.if(Z, (K) => {
@@ -8070,8 +8070,8 @@ function y3(a, t) {
       () => n("pptx.documentProperties.documentHeading")
     ]), e.append(h, m);
   }, f = (h) => {
-    var m = x3(), g = e.first_child(m), y = (x) => {
-      var _ = _3(), b = e.child(_), T = e.only_child(b, !0), C = e.sibling(b, 2), P = e.only_child(C);
+    var m = x4(), g = e.first_child(m), y = (x) => {
+      var _ = _4(), b = e.child(_), T = e.only_child(b, !0), C = e.sibling(b, 2), P = e.only_child(C);
       e.reset(_), e.template_effect((k, E) => {
         e.set_text(T, k), e.set_text(P, `${t.canvasSize.width ?? ""} × ${t.canvasSize.height ?? ""} px · ${E ?? ""}`);
       }, [() => n("pptx.slideSize.title"), () => n("pptx.customShows.slideCount", { count: t.editor.slides.length })]), e.append(x, _);
@@ -8080,7 +8080,7 @@ function y3(a, t) {
       t.canvasSize && x(y);
     });
     var S = e.sibling(g, 2), w = (x) => {
-      var _ = b3(), b = e.child(_);
+      var _ = b4(), b = e.child(_);
       tl(b, {
         get editor() {
           return t.editor;
@@ -8104,19 +8104,19 @@ function y3(a, t) {
     t.deck ? h(v) : h(f, -1);
   }), e.append(a, u), e.pop();
 }
-var w3 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="color" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="range" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="359" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="200" class="svelte-pk2hjx"/></label> <label class="pptx-svelte-effects-check svelte-pk2hjx"><input type="checkbox" class="svelte-pk2hjx"/> <span> </span></label></div>'), S3 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="color" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="range" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="-96" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="-96" max="96" class="svelte-pk2hjx"/></label></div>'), k3 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="color" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="range" min="0" max="100" class="svelte-pk2hjx"/></label></div>'), T3 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="359" class="svelte-pk2hjx"/></label></div>'), C3 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="number" min="0" max="96" step="0.5" class="svelte-pk2hjx"/></label></div>'), E3 = e.from_html('<div class="pptx-svelte-effects svelte-pk2hjx"><label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!></div>');
-function P3(a, t) {
+var w4 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="color" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="range" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="359" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="200" class="svelte-pk2hjx"/></label> <label class="pptx-svelte-effects-check svelte-pk2hjx"><input type="checkbox" class="svelte-pk2hjx"/> <span> </span></label></div>'), S4 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="color" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="range" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="-96" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="-96" max="96" class="svelte-pk2hjx"/></label></div>'), k4 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="color" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="range" min="0" max="100" class="svelte-pk2hjx"/></label></div>'), T4 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="100" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="96" class="svelte-pk2hjx"/></label> <label class="svelte-pk2hjx"> <input type="number" min="0" max="359" class="svelte-pk2hjx"/></label></div>'), C4 = e.from_html('<div class="pptx-svelte-effects-fields svelte-pk2hjx"><label class="svelte-pk2hjx"> <input type="number" min="0" max="96" step="0.5" class="svelte-pk2hjx"/></label></div>'), E4 = e.from_html('<div class="pptx-svelte-effects svelte-pk2hjx"><label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-effects-toggle svelte-pk2hjx"><input type="checkbox"/> <span> </span></label> <!></div>');
+function P4(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => Im(t.el));
   function r(N) {
     t.editor.recordRecentColor(N);
   }
-  var s = E3(), l = e.child(s), o = e.child(l);
+  var s = E4(), l = e.child(s), o = e.child(l);
   e.remove_input_defaults(o);
   var d = e.sibling(o, 2), c = e.only_child(d, !0);
   e.reset(l);
   var u = e.sibling(l, 2), p = (N) => {
-    var O = w3(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
+    var O = w4(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
     e.remove_input_defaults(L), e.reset(F);
     var H = e.sibling(F, 2), Z = e.child(H, !0), j = e.sibling(Z);
     e.remove_input_defaults(j), e.reset(H);
@@ -8154,7 +8154,7 @@ function P3(a, t) {
   var h = e.sibling(f, 2), m = e.only_child(h, !0);
   e.reset(v);
   var g = e.sibling(v, 2), y = (N) => {
-    var O = S3(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
+    var O = S4(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
     e.remove_input_defaults(L), e.reset(F);
     var H = e.sibling(F, 2), Z = e.child(H, !0), j = e.sibling(Z);
     e.remove_input_defaults(j), e.reset(H);
@@ -8187,7 +8187,7 @@ function P3(a, t) {
   var x = e.sibling(w, 2), _ = e.only_child(x, !0);
   e.reset(S);
   var b = e.sibling(S, 2), T = (N) => {
-    var O = k3(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
+    var O = k4(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
     e.remove_input_defaults(L), e.reset(F);
     var H = e.sibling(F, 2), Z = e.child(H, !0), j = e.sibling(Z);
     e.remove_input_defaults(j), e.reset(H);
@@ -8212,7 +8212,7 @@ function P3(a, t) {
   var k = e.sibling(P, 2), E = e.only_child(k, !0);
   e.reset(C);
   var I = e.sibling(C, 2), M = (N) => {
-    var O = T3(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
+    var O = T4(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
     e.remove_input_defaults(L), e.reset(F);
     var H = e.sibling(F, 2), Z = e.child(H, !0), j = e.sibling(Z);
     e.remove_input_defaults(j), e.reset(H);
@@ -8244,7 +8244,7 @@ function P3(a, t) {
   var z = e.sibling(A, 2), D = e.only_child(z, !0);
   e.reset(R);
   var q = e.sibling(R, 2), B = (N) => {
-    var O = C3(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
+    var O = C4(), F = e.child(O), U = e.child(F, !0), L = e.sibling(U);
     e.remove_input_defaults(L), e.reset(F), e.reset(O), e.template_effect((H) => {
       e.set_text(U, H), e.set_value(L, e.get(i).softEdge.radius);
     }, [() => n("pptx.effects.radius")]), e.delegated("change", L, (H) => t.editor.patchSelected(Qr(t.el, Number(H.currentTarget.value)))), e.append(N, O);
@@ -8262,23 +8262,23 @@ function P3(a, t) {
   ]), e.delegated("change", o, (N) => t.editor.patchSelected(N.currentTarget.checked ? Jv(t.el, e.get(i).outerShadow) : kw(t.el))), e.delegated("change", f, (N) => t.editor.patchSelected(N.currentTarget.checked ? V1(t.el, e.get(i).innerShadow) : cb(t.el))), e.delegated("change", w, (N) => t.editor.patchSelected(N.currentTarget.checked ? bf(t.el, e.get(i).glow) : Gx(t.el))), e.delegated("change", P, (N) => t.editor.patchSelected(N.currentTarget.checked ? z1(t.el, e.get(i).reflection) : o0(t.el))), e.delegated("change", A, (N) => t.editor.patchSelected(N.currentTarget.checked ? Qr(t.el, e.get(i).softEdge.radius || 2.5) : qb(t.el))), e.append(a, s), e.pop();
 }
 e.delegate(["change", "input"]);
-var I3 = e.from_html('<button type="button" data-pptx-compact=""></button>'), M3 = e.from_html('<div class="pptx-svelte-theme-swatch-grid-empty svelte-re2kkt"></div>'), A3 = e.from_html('<div class="pptx-svelte-theme-swatch-grid-row svelte-re2kkt"></div>'), z3 = e.from_html('<div class="pptx-svelte-theme-swatch-grid svelte-re2kkt"><div class="pptx-svelte-theme-swatch-grid-heading svelte-re2kkt"> </div> <div class="pptx-svelte-theme-swatch-grid-rows svelte-re2kkt"></div></div>');
+var I4 = e.from_html('<button type="button" data-pptx-compact=""></button>'), M4 = e.from_html('<div class="pptx-svelte-theme-swatch-grid-empty svelte-re2kkt"></div>'), A4 = e.from_html('<div class="pptx-svelte-theme-swatch-grid-row svelte-re2kkt"></div>'), z4 = e.from_html('<div class="pptx-svelte-theme-swatch-grid svelte-re2kkt"><div class="pptx-svelte-theme-swatch-grid-heading svelte-re2kkt"> </div> <div class="pptx-svelte-theme-swatch-grid-rows svelte-re2kkt"></div></div>');
 function bt(a, t) {
   e.push(t, !0);
   const n = e.prop(t, "disabled", 3, !1), i = oe(), r = e.derived(() => Fx(t.themeColorMap)), s = e.derived(() => gg(e.get(r))), l = e.derived(() => Q_(e.get(r), t.selectedRef, t.selectedHex));
   var o = e.comment(), d = e.first_child(o), c = (u) => {
-    var p = z3(), v = e.child(p), f = e.only_child(v, !0), h = e.sibling(v, 2);
+    var p = z4(), v = e.child(p), f = e.only_child(v, !0), h = e.sibling(v, 2);
     e.each(h, 21, () => e.get(s), e.index, (m, g) => {
-      var y = A3();
+      var y = A4();
       e.each(y, 21, () => e.get(g), e.index, (S, w) => {
         var x = e.comment(), _ = e.first_child(x), b = (C) => {
-          var P = I3();
+          var P = I4();
           let k;
           e.template_effect(() => {
             P.disabled = n(), k = e.set_class(P, 1, "pptx-svelte-theme-swatch-grid-swatch svelte-re2kkt", null, k, { "pptx-svelte-theme-swatch-grid-swatch-selected": e.get(l) === e.get(w) }), e.set_style(P, `background-color:${e.get(w).hex}`), e.set_attribute(P, "title", e.get(w).label), e.set_attribute(P, "aria-label", e.get(w).label);
           }), e.delegated("click", P, () => t.onpick(d2(e.get(w)))), e.append(C, P);
         }, T = (C) => {
-          var P = M3();
+          var P = M4();
           e.append(C, P);
         };
         e.if(_, (C) => {
@@ -8292,8 +8292,8 @@ function bt(a, t) {
   }), e.append(a, o), e.pop();
 }
 e.delegate(["click"]);
-var D3 = e.from_html('<div class="pptx-svelte-gradient-stop-group svelte-itg99v"><div class="pptx-svelte-gradient-stop svelte-itg99v"><input type="color" class="svelte-itg99v"/> <input type="number" min="0" max="100" class="svelte-itg99v"/> <button type="button" class="pptx-svelte-gradient-remove svelte-itg99v">&#10005;</button></div> <!></div>'), O3 = e.from_html('<div class="pptx-svelte-gradient svelte-itg99v"><div class="pptx-svelte-gradient-type svelte-itg99v"><button type="button"> </button> <button type="button"> </button></div> <label class="pptx-svelte-gradient-angle svelte-itg99v"><span class="svelte-itg99v"> </span> <input type="number" min="0" max="360" class="svelte-itg99v"/></label> <div class="pptx-svelte-gradient-stops svelte-itg99v"></div> <button type="button" class="pptx-svelte-gradient-add svelte-itg99v"> </button></div>');
-function q3(a, t) {
+var D4 = e.from_html('<div class="pptx-svelte-gradient-stop-group svelte-itg99v"><div class="pptx-svelte-gradient-stop svelte-itg99v"><input type="color" class="svelte-itg99v"/> <input type="number" min="0" max="100" class="svelte-itg99v"/> <button type="button" class="pptx-svelte-gradient-remove svelte-itg99v">&#10005;</button></div> <!></div>'), O4 = e.from_html('<div class="pptx-svelte-gradient svelte-itg99v"><div class="pptx-svelte-gradient-type svelte-itg99v"><button type="button"> </button> <button type="button"> </button></div> <label class="pptx-svelte-gradient-angle svelte-itg99v"><span class="svelte-itg99v"> </span> <input type="number" min="0" max="360" class="svelte-itg99v"/></label> <div class="pptx-svelte-gradient-stops svelte-itg99v"></div> <button type="button" class="pptx-svelte-gradient-add svelte-itg99v"> </button></div>');
+function q4(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => xc(t.el));
   function r(k) {
@@ -8330,7 +8330,7 @@ function q3(a, t) {
     const E = H2(t.el, k);
     E && t.editor.patchSelected(E);
   }
-  var p = O3(), v = e.child(p), f = e.child(v);
+  var p = O4(), v = e.child(p), f = e.child(v);
   let h;
   var m = e.only_child(f, !0), g = e.sibling(f, 2);
   let y;
@@ -8340,7 +8340,7 @@ function q3(a, t) {
   e.remove_input_defaults(b), e.reset(w);
   var T = e.sibling(w, 2);
   e.each(T, 21, () => e.get(i).stops, e.index, (k, E, I) => {
-    var M = D3(), R = e.child(M), A = e.child(R);
+    var M = D4(), R = e.child(M), A = e.child(R);
     e.remove_input_defaults(A);
     var z = e.sibling(A, 2);
     e.remove_input_defaults(z);
@@ -8378,8 +8378,8 @@ function q3(a, t) {
   ]), e.delegated("click", f, () => r("linear")), e.delegated("click", g, () => r("radial")), e.delegated("change", b, (k) => s(k.currentTarget.value)), e.delegated("click", C, l), e.append(a, p), e.pop();
 }
 e.delegate(["click", "change"]);
-var R3 = e.from_html('<span class="pptx-svelte-pattern-swatch-fill svelte-k27rfy"></span>'), N3 = e.from_html('<button type="button" role="option"><!></button>'), F3 = e.from_html('<div class="pptx-svelte-pattern svelte-k27rfy"><span class="pptx-svelte-pattern-label svelte-k27rfy"> </span> <div class="pptx-svelte-pattern-grid svelte-k27rfy" role="listbox"></div> <label class="pptx-svelte-field svelte-k27rfy"><span class="pptx-svelte-field-label svelte-k27rfy"> </span> <input type="color" class="svelte-k27rfy"/></label> <label class="pptx-svelte-field svelte-k27rfy"><span class="pptx-svelte-field-label svelte-k27rfy"> </span> <input type="color" class="svelte-k27rfy"/></label></div>');
-function L3(a, t) {
+var R4 = e.from_html('<span class="pptx-svelte-pattern-swatch-fill svelte-k27rfy"></span>'), N4 = e.from_html('<button type="button" role="option"><!></button>'), F4 = e.from_html('<div class="pptx-svelte-pattern svelte-k27rfy"><span class="pptx-svelte-pattern-label svelte-k27rfy"> </span> <div class="pptx-svelte-pattern-grid svelte-k27rfy" role="listbox"></div> <label class="pptx-svelte-field svelte-k27rfy"><span class="pptx-svelte-field-label svelte-k27rfy"> </span> <input type="color" class="svelte-k27rfy"/></label> <label class="pptx-svelte-field svelte-k27rfy"><span class="pptx-svelte-field-label svelte-k27rfy"> </span> <input type="color" class="svelte-k27rfy"/></label></div>');
+function L4(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => tt(t.el) ? t.el.shapeStyle : void 0), r = e.derived(() => e.get(i)?.fillPatternPreset ?? "pct20"), s = e.derived(() => /^#/.test(e.get(i)?.fillColor ?? "") ? e.get(i)?.fillColor : "#000000"), l = e.derived(() => /^#/.test(e.get(i)?.fillPatternBackgroundColor ?? "") ? e.get(i)?.fillPatternBackgroundColor : "#ffffff");
   function o(_) {
@@ -8392,13 +8392,13 @@ function L3(a, t) {
   function d(_, b) {
     o(_), t.editor.recordRecentColor(b);
   }
-  var c = F3(), u = e.child(c), p = e.only_child(u, !0), v = e.sibling(u, 2);
+  var c = F4(), u = e.child(c), p = e.only_child(u, !0), v = e.sibling(u, 2);
   e.each(v, 21, () => bb, (_) => _.value, (_, b) => {
     const T = e.derived(() => jv(e.get(b).value, e.get(s), e.get(l)));
-    var C = N3();
+    var C = N4();
     let P;
     var k = e.child(C), E = (I) => {
-      var M = R3();
+      var M = R4();
       e.template_effect((R) => e.set_style(M, R), [() => `background-image:url('data:image/svg+xml;utf8,${encodeURIComponent(e.get(T))}')`]), e.append(I, M);
     };
     e.if(k, (I) => {
@@ -8420,14 +8420,14 @@ function L3(a, t) {
   ]), e.delegated("change", g, (_) => d({ fillColor: _.currentTarget.value }, _.currentTarget.value)), e.delegated("change", x, (_) => d({ fillPatternBackgroundColor: _.currentTarget.value }, _.currentTarget.value)), e.append(a, c), e.pop();
 }
 e.delegate(["click", "change"]);
-var B3 = e.from_html('<button type="button" class="pptx-svelte-recent-colors-swatch svelte-1wviede" data-pptx-compact=""></button>'), j3 = e.from_html('<div class="pptx-svelte-recent-colors svelte-1wviede" data-testid="pptx-color-recent"><span class="svelte-1wviede"> </span> <div class="pptx-svelte-recent-colors-swatches svelte-1wviede"></div></div>');
+var B4 = e.from_html('<button type="button" class="pptx-svelte-recent-colors-swatch svelte-1wviede" data-pptx-compact=""></button>'), j4 = e.from_html('<div class="pptx-svelte-recent-colors svelte-1wviede" data-testid="pptx-color-recent"><span class="svelte-1wviede"> </span> <div class="pptx-svelte-recent-colors-swatches svelte-1wviede"></div></div>');
 function tn(a, t) {
   e.push(t, !0);
   const n = e.prop(t, "disabled", 3, !1), i = oe();
   var r = e.comment(), s = e.first_child(r), l = (o) => {
-    var d = j3(), c = e.child(d), u = e.only_child(c, !0), p = e.sibling(c, 2);
+    var d = j4(), c = e.child(d), u = e.only_child(c, !0), p = e.sibling(c, 2);
     e.each(p, 20, () => t.colors, (v) => v, (v, f) => {
-      var h = B3();
+      var h = B4();
       e.template_effect(() => {
         e.set_style(h, `background-color:${f}`), e.set_attribute(h, "title", f), e.set_attribute(h, "aria-label", `Recent ${f}`), h.disabled = n();
       }), e.delegated("click", h, () => t.onselect(f)), e.append(v, h);
@@ -8440,8 +8440,8 @@ function tn(a, t) {
   }), e.append(a, r), e.pop();
 }
 e.delegate(["click"]);
-var U3 = e.from_html('<div class="pptx-svelte-inspector-color-row svelte-18k0lox"><label class="pptx-svelte-inspector-color svelte-18k0lox"><span class="svelte-18k0lox"> </span> <input type="color" class="svelte-18k0lox"/> <!> <!></label> <label class="pptx-svelte-inspector-color svelte-18k0lox"><span class="svelte-18k0lox"> </span> <input type="color" class="svelte-18k0lox"/> <!> <!></label></div> <label class="pptx-svelte-field svelte-18k0lox"><span class="pptx-svelte-field-label svelte-18k0lox"> <b class="svelte-18k0lox"> </b></span> <input type="range" min="0" max="1" step="0.01" class="svelte-18k0lox"/></label> <label class="pptx-svelte-field svelte-18k0lox"><span class="pptx-svelte-field-label svelte-18k0lox"> <b class="svelte-18k0lox"> </b></span> <input type="range" min="0" max="1" step="0.01" class="svelte-18k0lox"/></label> <label class="pptx-svelte-field-checkbox svelte-18k0lox"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-field-checkbox svelte-18k0lox"><input type="checkbox"/> <span> </span></label> <!>', 1);
-function H3(a, t) {
+var U4 = e.from_html('<div class="pptx-svelte-inspector-color-row svelte-18k0lox"><label class="pptx-svelte-inspector-color svelte-18k0lox"><span class="svelte-18k0lox"> </span> <input type="color" class="svelte-18k0lox"/> <!> <!></label> <label class="pptx-svelte-inspector-color svelte-18k0lox"><span class="svelte-18k0lox"> </span> <input type="color" class="svelte-18k0lox"/> <!> <!></label></div> <label class="pptx-svelte-field svelte-18k0lox"><span class="pptx-svelte-field-label svelte-18k0lox"> <b class="svelte-18k0lox"> </b></span> <input type="range" min="0" max="1" step="0.01" class="svelte-18k0lox"/></label> <label class="pptx-svelte-field svelte-18k0lox"><span class="pptx-svelte-field-label svelte-18k0lox"> <b class="svelte-18k0lox"> </b></span> <input type="range" min="0" max="1" step="0.01" class="svelte-18k0lox"/></label> <label class="pptx-svelte-field-checkbox svelte-18k0lox"><input type="checkbox"/> <span> </span></label> <!> <label class="pptx-svelte-field-checkbox svelte-18k0lox"><input type="checkbox"/> <span> </span></label> <!>', 1);
+function H4(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => Sd(t.el)), r = e.derived(() => hc(t.el)), s = e.derived(() => qT(t.el)), l = e.derived(() => NT(t.el)), o = e.derived(() => g_(t.el)), d = e.derived(() => tt(t.el) ? t.el.shapeStyle?.fillMode === "pattern" : !1);
   function c(re) {
@@ -8475,7 +8475,7 @@ function H3(a, t) {
       } });
     } else t.editor.patchSelected(ha(t.el, e.get(i)));
   }
-  var S = U3(), w = e.first_child(S), x = e.child(w), _ = e.child(x), b = e.only_child(_, !0), T = e.sibling(_, 2);
+  var S = U4(), w = e.first_child(S), x = e.child(w), _ = e.child(x), b = e.only_child(_, !0), T = e.sibling(_, 2);
   e.remove_input_defaults(T);
   var C = e.sibling(T, 2);
   bt(C, {
@@ -8532,7 +8532,7 @@ function H3(a, t) {
   var J = e.sibling(G, 2), W = e.only_child(J, !0);
   e.reset(K);
   var Y = e.sibling(K, 2), V = (re) => {
-    q3(re, {
+    q4(re, {
       get editor() {
         return t.editor;
       },
@@ -8549,7 +8549,7 @@ function H3(a, t) {
   var $ = e.sibling(X, 2), te = e.only_child($, !0);
   e.reset(Q);
   var ne = e.sibling(Q, 2), ae = (re) => {
-    L3(re, {
+    L4(re, {
       get editor() {
         return t.editor;
       },
@@ -8576,21 +8576,21 @@ function H3(a, t) {
   ]), e.delegated("change", T, (re) => p(re.currentTarget.value)), e.delegated("change", M, (re) => f(re.currentTarget.value)), e.delegated("input", O, (re) => t.editor.patchSelected(RT(t.el, Number(re.currentTarget.value)))), e.delegated("input", j, (re) => t.editor.patchSelected(FT(t.el, Number(re.currentTarget.value)))), e.delegated("change", G, (re) => u(re.currentTarget.checked)), e.delegated("change", X, (re) => y(re.currentTarget.checked)), e.append(a, S), e.pop();
 }
 e.delegate(["change", "input"]);
-var V3 = e.from_html('<button type="button" class="svelte-grn4ko"></button>'), K3 = e.from_html('<div class="pptx-svelte-quick-styles svelte-grn4ko"><span class="pptx-svelte-quick-styles-label svelte-grn4ko"> </span> <div class="pptx-svelte-quick-styles-grid svelte-grn4ko"></div></div>');
-function W3(a, t) {
+var V4 = e.from_html('<button type="button" class="svelte-grn4ko"></button>'), K4 = e.from_html('<div class="pptx-svelte-quick-styles svelte-grn4ko"><span class="pptx-svelte-quick-styles-label svelte-grn4ko"> </span> <div class="pptx-svelte-quick-styles-grid svelte-grn4ko"></div></div>');
+function W4(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => t.editor.editable);
-  var r = K3(), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2);
+  var r = K4(), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2);
   e.each(o, 21, () => td, (d) => d.name, (d, c) => {
-    var u = V3();
+    var u = V4();
     e.template_effect((p) => {
       u.disabled = !e.get(i), e.set_attribute(u, "title", e.get(c).name), e.set_attribute(u, "aria-label", e.get(c).name), e.set_style(u, p);
     }, [() => Eb(e.get(c))]), e.delegated("click", u, () => t.editor.applyElementPatch(t.el.id, Ny(t.el, e.get(c).style))), e.append(d, u);
   }), e.reset(o), e.reset(r), e.template_effect((d) => e.set_text(l, d), [() => n("pptx.shape.quickStyles")]), e.append(a, r), e.pop();
 }
 e.delegate(["click"]);
-var Z3 = e.from_html("<option> </option>"), G3 = e.from_html('<label class="svelte-kk65t1"> <select class="svelte-kk65t1"></select></label>'), X3 = e.from_html('<div class="grid svelte-kk65t1"></div>');
-function Y3(a, t) {
+var Z4 = e.from_html("<option> </option>"), G4 = e.from_html('<label class="svelte-kk65t1"> <select class="svelte-kk65t1"></select></label>'), X4 = e.from_html('<div class="grid svelte-kk65t1"></div>');
+function Y4(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => dt(t.el, "changeArrowheads"));
   function r(l, o) {
@@ -8599,11 +8599,11 @@ function Y3(a, t) {
       ...Cm(l, o)
     } });
   }
-  var s = X3();
+  var s = X4();
   e.each(s, 21, () => wb, (l) => l.styleKey, (l, o) => {
-    var d = G3(), c = e.child(d, !0), u = e.sibling(c);
+    var d = G4(), c = e.child(d, !0), u = e.sibling(c);
     e.each(u, 20, () => e.get(o).values, (v) => v, (v, f) => {
-      var h = Z3(), m = e.only_child(h, !0), g = {};
+      var h = Z4(), m = e.only_child(h, !0), g = {};
       e.template_effect((y) => {
         e.set_text(m, y), g !== (g = f) && (h.value = (h.__value = g) ?? "");
       }, [() => Qe(e.get(o).optionLabelKeys, f, n)]), e.append(v, h);
@@ -8619,8 +8619,8 @@ function Y3(a, t) {
   }), e.reset(s), e.append(a, s), e.pop();
 }
 e.delegate(["change"]);
-var J3 = e.from_html("<option> </option>"), Q3 = e.from_html('<label class="svelte-1xnp05p">Shape type<select aria-label="Shape type" class="svelte-1xnp05p"></select></label>'), $3 = e.from_html('<button type="button" class="svelte-1xnp05p"></button>'), e4 = e.from_html('<!> <div class="styles svelte-1xnp05p" aria-label="Quick styles"></div> <button type="button" class="svelte-1xnp05p">Eyedropper</button> <!>', 1);
-function t4(a, t) {
+var J4 = e.from_html("<option> </option>"), Q4 = e.from_html('<label class="svelte-1xnp05p">Shape type<select aria-label="Shape type" class="svelte-1xnp05p"></select></label>'), $4 = e.from_html('<button type="button" class="svelte-1xnp05p"></button>'), e3 = e.from_html('<!> <div class="styles svelte-1xnp05p" aria-label="Quick styles"></div> <button type="button" class="svelte-1xnp05p">Eyedropper</button> <!>', 1);
+function t3(a, t) {
   e.push(t, !0);
   const n = e.derived(() => "shapeStyle" in t.el ? t.el.shapeStyle : void 0), i = e.derived(() => "shapeType" in t.el ? t.el.shapeType : void 0);
   function r(h) {
@@ -8639,10 +8639,10 @@ function t4(a, t) {
       fillColor: (await new h().open()).sRGBHex
     });
   }
-  var o = e4(), d = e.first_child(o), c = (h) => {
-    var m = Q3(), g = e.sibling(e.child(m));
+  var o = e3(), d = e.first_child(o), c = (h) => {
+    var m = Q4(), g = e.sibling(e.child(m));
     e.each(g, 21, () => Ht, e.index, (S, w) => {
-      var x = J3(), _ = e.only_child(x, !0), b = {};
+      var x = J4(), _ = e.only_child(x, !0), b = {};
       e.template_effect(() => {
         e.set_text(_, e.get(w).label), b !== (b = e.get(w).type) && (x.value = (x.__value = b) ?? "");
       }), e.append(S, x);
@@ -8657,7 +8657,7 @@ function t4(a, t) {
   });
   var u = e.sibling(d, 2);
   e.each(u, 21, () => td, e.index, (h, m) => {
-    var g = $3();
+    var g = $4();
     e.template_effect(() => {
       e.set_attribute(g, "title", e.get(m).name), e.set_style(g, `--fill:${e.get(m).style.fillColor ?? "transparent"};--stroke:${e.get(m).style.strokeColor ?? "transparent"}`);
     }), e.delegated("click", g, () => r(e.get(m).style)), e.append(h, g);
@@ -8665,7 +8665,7 @@ function t4(a, t) {
   var p = e.sibling(u, 2);
   p.disabled = typeof window > "u" || !("EyeDropper" in window);
   var v = e.sibling(p, 2), f = (h) => {
-    Y3(h, {
+    Y4(h, {
       get editor() {
         return t.editor;
       },
@@ -8684,12 +8684,12 @@ function t4(a, t) {
   }), e.append(a, o), e.pop();
 }
 e.delegate(["change", "click"]);
-var a4 = e.from_html('<div class="pptx-svelte-inspector-section"><h4> </h4> <!> <!> <!></div> <div class="pptx-svelte-inspector-section"><h4> </h4> <!></div>', 1);
-function n4(a, t) {
+var a3 = e.from_html('<div class="pptx-svelte-inspector-section"><h4> </h4> <!> <!> <!></div> <div class="pptx-svelte-inspector-section"><h4> </h4> <!></div>', 1);
+function n3(a, t) {
   e.push(t, !0);
   const n = oe();
-  var i = a4(), r = e.first_child(i), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2), d = (m) => {
-    W3(m, {
+  var i = a3(), r = e.first_child(i), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2), d = (m) => {
+    W4(m, {
       get editor() {
         return t.editor;
       },
@@ -8702,7 +8702,7 @@ function n4(a, t) {
     t.canQuickStyle && m(d);
   });
   var c = e.sibling(o, 2);
-  t4(c, {
+  t3(c, {
     get editor() {
       return t.editor;
     },
@@ -8711,7 +8711,7 @@ function n4(a, t) {
     }
   });
   var u = e.sibling(c, 2);
-  H3(u, {
+  H4(u, {
     get editor() {
       return t.editor;
     },
@@ -8720,7 +8720,7 @@ function n4(a, t) {
     }
   }), e.reset(r);
   var p = e.sibling(r, 2), v = e.child(p), f = e.only_child(v, !0), h = e.sibling(v, 2);
-  P3(h, {
+  P4(h, {
     get editor() {
       return t.editor;
     },
@@ -8731,8 +8731,8 @@ function n4(a, t) {
     e.set_text(l, m), e.set_text(f, g);
   }, [() => n("pptx.inspector.fillStroke"), () => n("pptx.inspector.effects")]), e.append(a, i), e.pop();
 }
-var i4 = e.from_html('<button type="button"> </button>'), nl = e.from_html("<option> </option>"), r4 = e.from_html('<div><button type="button" class="svelte-1ysxmga"> </button> <input type="text" data-testid="smartart-node-text" class="svelte-1ysxmga"/></div>'), s4 = e.from_html('<div class="pptx-svelte-smartart-style svelte-1ysxmga"><label class="svelte-1ysxmga">Fill<input type="color" class="svelte-1ysxmga"/></label><label class="svelte-1ysxmga">Font<input type="color" class="svelte-1ysxmga"/></label><button type="button">Bold</button><button type="button">Italic</button></div>'), l4 = e.from_html('<span class="pptx-svelte-smartart-label svelte-1ysxmga"> </span> <div class="pptx-svelte-smartart-layouts svelte-1ysxmga"></div> <label class="pptx-svelte-smartart-field svelte-1ysxmga"><span> </span> <select data-testid="smartart-color-scheme" class="svelte-1ysxmga"></select></label> <label class="pptx-svelte-smartart-field svelte-1ysxmga"><span>Diagram style</span><select aria-label="Diagram style" class="svelte-1ysxmga"></select></label> <span class="pptx-svelte-smartart-label svelte-1ysxmga"> </span> <div class="pptx-svelte-smartart-nodes svelte-1ysxmga"></div> <div class="pptx-svelte-smartart-actions svelte-1ysxmga"><button type="button" class="svelte-1ysxmga">Add</button><button type="button" class="svelte-1ysxmga">Remove</button><button type="button" class="svelte-1ysxmga">Up</button><button type="button" class="svelte-1ysxmga">Down</button><button type="button" class="svelte-1ysxmga">Promote</button><button type="button" class="svelte-1ysxmga">Demote</button></div> <!>', 1);
-function o4(a, t) {
+var i3 = e.from_html('<button type="button"> </button>'), nl = e.from_html("<option> </option>"), r3 = e.from_html('<div><button type="button" class="svelte-1ysxmga"> </button> <input type="text" data-testid="smartart-node-text" class="svelte-1ysxmga"/></div>'), s3 = e.from_html('<div class="pptx-svelte-smartart-style svelte-1ysxmga"><label class="svelte-1ysxmga">Fill<input type="color" class="svelte-1ysxmga"/></label><label class="svelte-1ysxmga">Font<input type="color" class="svelte-1ysxmga"/></label><button type="button">Bold</button><button type="button">Italic</button></div>'), l3 = e.from_html('<span class="pptx-svelte-smartart-label svelte-1ysxmga"> </span> <div class="pptx-svelte-smartart-layouts svelte-1ysxmga"></div> <label class="pptx-svelte-smartart-field svelte-1ysxmga"><span> </span> <select data-testid="smartart-color-scheme" class="svelte-1ysxmga"></select></label> <label class="pptx-svelte-smartart-field svelte-1ysxmga"><span>Diagram style</span><select aria-label="Diagram style" class="svelte-1ysxmga"></select></label> <span class="pptx-svelte-smartart-label svelte-1ysxmga"> </span> <div class="pptx-svelte-smartart-nodes svelte-1ysxmga"></div> <div class="pptx-svelte-smartart-actions svelte-1ysxmga"><button type="button" class="svelte-1ysxmga">Add</button><button type="button" class="svelte-1ysxmga">Remove</button><button type="button" class="svelte-1ysxmga">Up</button><button type="button" class="svelte-1ysxmga">Down</button><button type="button" class="svelte-1ysxmga">Promote</button><button type="button" class="svelte-1ysxmga">Demote</button></div> <!>', 1);
+function o3(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => t.el.smartArtData);
   let r = e.state(null);
@@ -8806,9 +8806,9 @@ function o4(a, t) {
     }
   }
   var y = e.comment(), S = e.first_child(y), w = (x) => {
-    var _ = l4(), b = e.first_child(_), T = e.only_child(b, !0), C = e.sibling(b, 2);
+    var _ = l3(), b = e.first_child(_), T = e.only_child(b, !0), C = e.sibling(b, 2);
     e.each(C, 21, () => K_, e.index, (G, J) => {
-      var W = i4();
+      var W = i3();
       let Y;
       var V = e.only_child(W, !0);
       e.template_effect((Q) => {
@@ -8835,7 +8835,7 @@ function o4(a, t) {
     e.init_select(A), e.reset(R);
     var D = e.sibling(R, 2), q = e.only_child(D, !0), B = e.sibling(D, 2);
     e.each(B, 23, () => e.get(i).nodes, (G) => G.id, (G, J, W) => {
-      var Y = r4();
+      var Y = r3();
       let V;
       var Q = e.child(Y), X = e.only_child(Q, !0), $ = e.sibling(Q, 2);
       e.remove_input_defaults($), e.reset(Y), e.template_effect((te) => {
@@ -8845,7 +8845,7 @@ function o4(a, t) {
     var N = e.sibling(B, 2), O = e.child(N), F = e.sibling(O), U = e.sibling(F), L = e.sibling(U), H = e.sibling(L), Z = e.sibling(H);
     e.reset(N);
     var j = e.sibling(N, 2), K = (G) => {
-      var J = s4(), W = e.child(J), Y = e.sibling(e.child(W));
+      var J = s3(), W = e.child(J), Y = e.sibling(e.child(W));
       e.remove_input_defaults(Y), e.reset(W);
       var V = e.sibling(W), Q = e.sibling(e.child(V));
       e.remove_input_defaults(Q), e.reset(V);
@@ -8889,8 +8889,8 @@ e.delegate([
   "change",
   "keydown"
 ]);
-var d4 = e.from_html('<button type="button" class="bookmark svelte-103ls4g" data-pptx-compact=""></button>'), c4 = e.from_html('<div class="times svelte-103ls4g"><span> </span><span> </span></div> <div class="timeline svelte-103ls4g" role="slider" aria-label="Media trim timeline" aria-valuemin="0" tabindex="0"><div class="range svelte-103ls4g"></div> <div class="playhead svelte-103ls4g"></div> <button type="button" class="handle start svelte-103ls4g" aria-label="Trim start" data-pptx-compact=""></button> <button type="button" class="handle end svelte-103ls4g" aria-label="Trim end" data-pptx-compact=""></button> <!></div>', 1);
-function u4(a, t) {
+var d3 = e.from_html('<button type="button" class="bookmark svelte-103ls4g" data-pptx-compact=""></button>'), c3 = e.from_html('<div class="times svelte-103ls4g"><span> </span><span> </span></div> <div class="timeline svelte-103ls4g" role="slider" aria-label="Media trim timeline" aria-valuemin="0" tabindex="0"><div class="range svelte-103ls4g"></div> <div class="playhead svelte-103ls4g"></div> <button type="button" class="handle start svelte-103ls4g" aria-label="Trim start" data-pptx-compact=""></button> <button type="button" class="handle end svelte-103ls4g" aria-label="Trim end" data-pptx-compact=""></button> <!></div>', 1);
+function u3(a, t) {
   e.push(t, !0);
   let n = e.state(void 0), i = e.state(null);
   const r = e.derived(() => Math.max(t.duration, 0.1)), s = e.derived(() => t.endMs ?? 0), l = e.derived(() => Sb(t.duration, e.get(s))), o = e.derived(() => Ay(t.duration, t.startMs, e.get(s), t.currentTime));
@@ -8906,13 +8906,13 @@ function u4(a, t) {
   function u(T) {
     T.key !== "ArrowLeft" && T.key !== "ArrowRight" || (T.preventDefault(), t.onseek(Math.max(0, Math.min(t.duration, t.currentTime + (T.key === "ArrowRight" ? 0.5 : -0.5)))));
   }
-  var p = c4();
+  var p = c3();
   e.event("pointermove", e.window, c), e.event("pointerup", e.window, () => e.set(i, null));
   var v = e.first_child(p), f = e.child(v), h = e.only_child(f), m = e.sibling(f), g = e.only_child(m);
   e.reset(v);
   var y = e.sibling(v, 2), S = e.child(y), w = e.sibling(S, 2), x = e.sibling(w, 2), _ = e.sibling(x, 2), b = e.sibling(_, 2);
   e.each(b, 17, () => t.bookmarks, e.index, (T, C) => {
-    var P = d4();
+    var P = d3();
     e.template_effect(() => {
       e.set_attribute(P, "title", e.get(C).label), e.set_attribute(P, "aria-label", e.get(C).label), e.set_style(P, `left:${e.get(C).time / e.get(r) * 100}%`);
     }), e.delegated("click", P, (k) => {
@@ -8931,13 +8931,13 @@ e.delegate([
   "keydown",
   "pointerdown"
 ]);
-function v4(a, t) {
+function v3(a, t) {
   return a.mediaData ?? (a.mediaPath ? t.get(a.mediaPath) : void 0);
 }
-var p4 = e.from_html("<track/>"), h4 = e.from_html('<video preload="metadata" class="svelte-ffwgdm"><track kind="captions" label="Captions" src="data:text/vtt;charset=utf-8,WEBVTT"/><!></video>', 2), g4 = e.from_html('<audio preload="metadata" class="svelte-ffwgdm"></audio>'), f4 = e.from_html('<div class="preview svelte-ffwgdm"><!><button type="button" class="svelte-ffwgdm"> </button><span> </span><!></div>'), m4 = e.from_html("<option> </option>"), _4 = e.from_html('<div class="row svelte-ffwgdm"><input class="svelte-ffwgdm"/><input type="number" min="0" step="0.1" class="svelte-ffwgdm"/><button aria-label="Remove bookmark" class="svelte-ffwgdm">×</button></div>'), b4 = e.from_html('<fieldset class="svelte-ffwgdm"><div class="grid svelte-ffwgdm"><label class="svelte-ffwgdm">Label<input class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Language<input class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Kind<select aria-label="Kind" class="svelte-ffwgdm"><option>subtitles</option><option>captions</option><option>descriptions</option></select></label><label class="inline svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Default</label></div><label class="svelte-ffwgdm">Source<input placeholder="captions.vtt or data URL" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Inline WebVTT<textarea rows="4" class="svelte-ffwgdm"></textarea></label><button class="svelte-ffwgdm">Remove track</button></fieldset>'), x4 = e.from_html('<div class="section svelte-ffwgdm"><!> <div class="checks svelte-ffwgdm"><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Auto play</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Loop</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Full screen</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Across slides</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Hide when stopped</label></div> <label class="svelte-ffwgdm">Volume <input type="range" min="0" max="1" step="0.05" class="svelte-ffwgdm"/></label> <label class="svelte-ffwgdm">Speed <select aria-label="Speed" class="svelte-ffwgdm"></select></label> <div class="grid svelte-ffwgdm"><label class="svelte-ffwgdm">Trim start ms<input type="number" min="0" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Trim end ms<input type="number" min="0" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Fade in seconds<input type="number" min="0" step="0.1" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Fade out seconds<input type="number" min="0" step="0.1" class="svelte-ffwgdm"/></label></div> <details open="" class="svelte-ffwgdm"><summary class="svelte-ffwgdm">Bookmarks</summary><!><div class="row svelte-ffwgdm"><input placeholder="Bookmark label" class="svelte-ffwgdm"/><input type="number" min="0" step="0.1" class="svelte-ffwgdm"/><button aria-label="Add bookmark" class="svelte-ffwgdm">+</button></div></details> <details open="" class="svelte-ffwgdm"><summary class="svelte-ffwgdm">Caption tracks</summary><!><button class="svelte-ffwgdm">Add caption track</button></details></div>');
-function y4(a, t) {
+var p3 = e.from_html("<track/>"), h3 = e.from_html('<video preload="metadata" class="svelte-ffwgdm"><track kind="captions" label="Captions" src="data:text/vtt;charset=utf-8,WEBVTT"/><!></video>', 2), g3 = e.from_html('<audio preload="metadata" class="svelte-ffwgdm"></audio>'), f3 = e.from_html('<div class="preview svelte-ffwgdm"><!><button type="button" class="svelte-ffwgdm"> </button><span> </span><!></div>'), m3 = e.from_html("<option> </option>"), _3 = e.from_html('<div class="row svelte-ffwgdm"><input class="svelte-ffwgdm"/><input type="number" min="0" step="0.1" class="svelte-ffwgdm"/><button aria-label="Remove bookmark" class="svelte-ffwgdm">×</button></div>'), b3 = e.from_html('<fieldset class="svelte-ffwgdm"><div class="grid svelte-ffwgdm"><label class="svelte-ffwgdm">Label<input class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Language<input class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Kind<select aria-label="Kind" class="svelte-ffwgdm"><option>subtitles</option><option>captions</option><option>descriptions</option></select></label><label class="inline svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Default</label></div><label class="svelte-ffwgdm">Source<input placeholder="captions.vtt or data URL" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Inline WebVTT<textarea rows="4" class="svelte-ffwgdm"></textarea></label><button class="svelte-ffwgdm">Remove track</button></fieldset>'), x3 = e.from_html('<div class="section svelte-ffwgdm"><!> <div class="checks svelte-ffwgdm"><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Auto play</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Loop</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Full screen</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Across slides</label><label class="svelte-ffwgdm"><input type="checkbox" class="svelte-ffwgdm"/>Hide when stopped</label></div> <label class="svelte-ffwgdm">Volume <input type="range" min="0" max="1" step="0.05" class="svelte-ffwgdm"/></label> <label class="svelte-ffwgdm">Speed <select aria-label="Speed" class="svelte-ffwgdm"></select></label> <div class="grid svelte-ffwgdm"><label class="svelte-ffwgdm">Trim start ms<input type="number" min="0" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Trim end ms<input type="number" min="0" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Fade in seconds<input type="number" min="0" step="0.1" class="svelte-ffwgdm"/></label><label class="svelte-ffwgdm">Fade out seconds<input type="number" min="0" step="0.1" class="svelte-ffwgdm"/></label></div> <details open="" class="svelte-ffwgdm"><summary class="svelte-ffwgdm">Bookmarks</summary><!><div class="row svelte-ffwgdm"><input placeholder="Bookmark label" class="svelte-ffwgdm"/><input type="number" min="0" step="0.1" class="svelte-ffwgdm"/><button aria-label="Add bookmark" class="svelte-ffwgdm">+</button></div></details> <details open="" class="svelte-ffwgdm"><summary class="svelte-ffwgdm">Caption tracks</summary><!><button class="svelte-ffwgdm">Add caption track</button></details></div>');
+function y3(a, t) {
   e.push(t, !0);
-  const n = e.prop(t, "mediaDataUrls", 19, () => /* @__PURE__ */ new Map()), i = e.derived(() => t.editor.selectedElement?.type === "media" ? t.editor.selectedElement : void 0), r = e.derived(() => e.get(i) ? v4(e.get(i), n()) : void 0);
+  const n = e.prop(t, "mediaDataUrls", 19, () => /* @__PURE__ */ new Map()), i = e.derived(() => t.editor.selectedElement?.type === "media" ? t.editor.selectedElement : void 0), r = e.derived(() => e.get(i) ? v3(e.get(i), n()) : void 0);
   let s = e.state(void 0), l = e.state(0), o = e.state(0), d = e.state(!1), c = e.state(""), u = e.state(0);
   const p = e.derived(() => e.get(l) * 1e3), v = e.derived(() => e.get(i) ? P2(e.get(p), e.get(i).trimEndMs ?? 0) : 0);
   function f(b) {
@@ -8976,11 +8976,11 @@ function y4(a, t) {
     e.get(s) && (e.get(s).currentTime = b), e.set(o, b, !0);
   }
   var w = e.comment(), x = e.first_child(w), _ = (b) => {
-    var T = x4(), C = e.child(T), P = (le) => {
-      var ue = f4(), ve = e.child(ue), se = (Ie) => {
-        var Te = h4(), Ce = e.sibling(e.child(Te));
+    var T = x3(), C = e.child(T), P = (le) => {
+      var ue = f3(), ve = e.child(ue), se = (Ie) => {
+        var Te = h3(), Ce = e.sibling(e.child(Te));
         e.each(Ce, 17, () => e.get(i).captionTracks ?? [], e.index, (Ne, qe) => {
-          var Se = p4();
+          var Se = p3();
           e.template_effect((_e) => {
             e.set_attribute(Se, "kind", e.get(qe).kind === "subtitles" ? "subtitles" : "captions"), e.set_attribute(Se, "label", e.get(qe).label), e.set_attribute(Se, "srclang", e.get(qe).language), e.set_attribute(Se, "src", _e), Se.default = e.get(qe).isDefault;
           }, [() => e.get(qe).src ?? `data:text/vtt;charset=utf-8,${encodeURIComponent(e.get(qe).content ?? "WEBVTT")}`]), e.append(Ne, Se);
@@ -8988,7 +8988,7 @@ function y4(a, t) {
           e.get(s) && e.set(o, e.get(s).currentTime, !0);
         }), e.event("play", Te, () => e.set(d, !0)), e.event("pause", Te, () => e.set(d, !1)), e.append(Ie, Te);
       }, ie = (Ie) => {
-        var Te = g4();
+        var Te = g3();
         e.bind_this(Te, (Ce) => e.set(s, Ce), () => e.get(s)), e.template_effect(() => e.set_attribute(Te, "src", e.get(r))), e.event("loadedmetadata", Te, () => e.set(l, e.get(s) && Number.isFinite(e.get(s).duration) ? e.get(s).duration : 0, !0)), e.event("timeupdate", Te, () => {
           e.get(s) && e.set(o, e.get(s).currentTime, !0);
         }), e.event("play", Te, () => e.set(d, !0)), e.event("pause", Te, () => e.set(d, !1)), e.append(Ie, Te);
@@ -8999,7 +8999,7 @@ function y4(a, t) {
       var ce = e.sibling(ve), fe = e.only_child(ce, !0), ge = e.sibling(ce), ye = e.only_child(ge), Pe = e.sibling(ge), we = (Ie) => {
         {
           let Te = e.derived(() => e.get(i).trimStartMs ?? 0), Ce = e.derived(() => e.get(i).bookmarks ?? []);
-          u4(Ie, {
+          u3(Ie, {
             get duration() {
               return e.get(l);
             },
@@ -9056,7 +9056,7 @@ function y4(a, t) {
       3,
       4
     ], e.index, (le, ue) => {
-      var ve = m4(), se = e.only_child(ve), ie = {};
+      var ve = m3(), se = e.only_child(ve), ie = {};
       e.template_effect(() => {
         e.set_text(se, `${ue ?? ""}x`), ie !== (ie = ue) && (ve.value = (ve.__value = ie) ?? "");
       }), e.append(le, ve);
@@ -9073,7 +9073,7 @@ function y4(a, t) {
     e.remove_input_defaults(Q), e.reset(V), e.reset(Z);
     var X = e.sibling(Z, 2), $ = e.sibling(e.child(X));
     e.each($, 17, () => [...e.get(i).bookmarks ?? []].sort((le, ue) => le.time - ue.time), e.index, (le, ue) => {
-      var ve = _4(), se = e.child(ve);
+      var ve = _3(), se = e.child(ve);
       e.remove_input_defaults(se);
       var ie = e.sibling(se);
       e.remove_input_defaults(ie);
@@ -9096,7 +9096,7 @@ function y4(a, t) {
     e.reset(te), e.reset(X);
     var pe = e.sibling(X, 2), he = e.sibling(e.child(pe));
     e.each(he, 17, () => e.get(i).captionTracks ?? [], e.index, (le, ue, ve) => {
-      var se = b4(), ie = e.child(se), ce = e.child(ie), fe = e.sibling(e.child(ce));
+      var se = b3(), ie = e.child(se), ce = e.child(ie), fe = e.sibling(e.child(ce));
       e.remove_input_defaults(fe), e.reset(ce);
       var ge = e.sibling(ce), ye = e.sibling(e.child(ge));
       e.remove_input_defaults(ye), e.reset(ge);
@@ -9133,21 +9133,21 @@ e.delegate([
   "change",
   "input"
 ]);
-var w4 = 40;
-function S4(a) {
+var w3 = 40;
+function S3(a) {
   const t = mc(a), n = ka(a);
   return {
     gridPlan: t,
     cellMinWidthStyle: `min-width: ${t.minCellWidthPx}px`,
     touchStyle: `min-width: ${n}px; min-height: ${n}px;`,
     gutterClass: t.stickyFirstColumn ? "pptx-svelte-table-grid-sticky" : "",
-    cornerStyle: `width: ${Math.max(w4, n)}px`
+    cornerStyle: `width: ${Math.max(w3, n)}px`
   };
 }
-var k4 = e.from_html('<div class="pptx-svelte-table-grid-actions svelte-1kbvnat"><button type="button" class="svelte-1kbvnat"> </button> <button type="button" class="svelte-1kbvnat"> </button> <button type="button" class="svelte-1kbvnat"> </button> <button type="button" class="svelte-1kbvnat"> </button></div>'), il = e.from_html('<button type="button" class="pptx-svelte-table-grid-remove svelte-1kbvnat">&times;</button>'), T4 = e.from_html('<div class="pptx-svelte-table-grid-header svelte-1kbvnat" role="columnheader"><span> </span> <!></div>'), C4 = e.from_html('<div class="pptx-svelte-table-grid-cell svelte-1kbvnat" role="gridcell"><input type="text" class="svelte-1kbvnat"/></div>'), E4 = e.from_html('<div class="pptx-svelte-table-grid-row svelte-1kbvnat" role="row"><div role="rowheader"><span> </span> <!></div> <!></div>'), P4 = e.from_html('<section class="pptx-svelte-table-grid svelte-1kbvnat"><div class="pptx-svelte-table-grid-head svelte-1kbvnat"><h5 class="svelte-1kbvnat"> </h5> <!></div> <div class="pptx-svelte-table-grid-scroll svelte-1kbvnat"><div class="pptx-svelte-table-grid-body svelte-1kbvnat" role="grid"><div class="pptx-svelte-table-grid-row svelte-1kbvnat" role="row"><div role="columnheader"></div> <!></div> <!></div></div></section>');
-function I4(a, t) {
+var k3 = e.from_html('<div class="pptx-svelte-table-grid-actions svelte-1kbvnat"><button type="button" class="svelte-1kbvnat"> </button> <button type="button" class="svelte-1kbvnat"> </button> <button type="button" class="svelte-1kbvnat"> </button> <button type="button" class="svelte-1kbvnat"> </button></div>'), il = e.from_html('<button type="button" class="pptx-svelte-table-grid-remove svelte-1kbvnat">&times;</button>'), T3 = e.from_html('<div class="pptx-svelte-table-grid-header svelte-1kbvnat" role="columnheader"><span> </span> <!></div>'), C3 = e.from_html('<div class="pptx-svelte-table-grid-cell svelte-1kbvnat" role="gridcell"><input type="text" class="svelte-1kbvnat"/></div>'), E3 = e.from_html('<div class="pptx-svelte-table-grid-row svelte-1kbvnat" role="row"><div role="rowheader"><span> </span> <!></div> <!></div>'), P3 = e.from_html('<section class="pptx-svelte-table-grid svelte-1kbvnat"><div class="pptx-svelte-table-grid-head svelte-1kbvnat"><h5 class="svelte-1kbvnat"> </h5> <!></div> <div class="pptx-svelte-table-grid-scroll svelte-1kbvnat"><div class="pptx-svelte-table-grid-body svelte-1kbvnat" role="grid"><div class="pptx-svelte-table-grid-row svelte-1kbvnat" role="row"><div role="columnheader"></div> <!></div> <!></div></div></section>');
+function I3(a, t) {
   e.push(t, !0);
-  const n = oe(), i = $t(), r = e.derived(() => S4(i.width)), s = e.derived(() => t.el.type === "table" ? t.el : void 0), l = e.derived(() => e.get(s) ? sy(e.get(s)) : void 0), o = e.derived(() => t.editor.editable);
+  const n = oe(), i = $t(), r = e.derived(() => S3(i.width)), s = e.derived(() => t.el.type === "table" ? t.el : void 0), l = e.derived(() => e.get(s) ? sy(e.get(s)) : void 0), o = e.derived(() => t.editor.editable);
   function d(v) {
     !e.get(s) || v === e.get(s) || t.editor.applyElementPatch(e.get(s).id, {
       tableData: v.tableData,
@@ -9155,8 +9155,8 @@ function I4(a, t) {
     });
   }
   var c = e.comment(), u = e.first_child(c), p = (v) => {
-    var f = P4(), h = e.child(f), m = e.child(h), g = e.only_child(m, !0), y = e.sibling(m, 2), S = (P) => {
-      var k = k4(), E = e.child(k), I = e.only_child(E, !0), M = e.sibling(E, 2), R = e.only_child(M, !0), A = e.sibling(M, 2), z = e.only_child(A, !0), D = e.sibling(A, 2), q = e.only_child(D, !0);
+    var f = P3(), h = e.child(f), m = e.child(h), g = e.only_child(m, !0), y = e.sibling(m, 2), S = (P) => {
+      var k = k3(), E = e.child(k), I = e.only_child(E, !0), M = e.sibling(E, 2), R = e.only_child(M, !0), A = e.sibling(M, 2), z = e.only_child(A, !0), D = e.sibling(A, 2), q = e.only_child(D, !0);
       e.reset(k), e.template_effect((B, N, O, F, U, L, H, Z) => {
         e.set_style(E, e.get(r).touchStyle), e.set_attribute(E, "title", B), e.set_text(I, N), e.set_style(M, e.get(r).touchStyle), M.disabled = !e.get(l).canRemoveRow, e.set_attribute(M, "title", O), e.set_text(R, F), e.set_style(A, e.get(r).touchStyle), e.set_attribute(A, "title", U), e.set_text(z, L), e.set_style(D, e.get(r).touchStyle), D.disabled = !e.get(l).canRemoveColumn, e.set_attribute(D, "title", H), e.set_text(q, Z);
       }, [
@@ -9175,7 +9175,7 @@ function I4(a, t) {
     }), e.reset(h);
     var w = e.sibling(h, 2), x = e.child(w), _ = e.child(x), b = e.child(_), T = e.sibling(b, 2);
     e.each(T, 16, () => e.get(l).colIndices, (P) => P, (P, k) => {
-      var E = T4(), I = e.child(E), M = e.only_child(I, !0), R = e.sibling(I, 2), A = (z) => {
+      var E = T3(), I = e.child(E), M = e.only_child(I, !0), R = e.sibling(I, 2), A = (z) => {
         var D = il();
         e.template_effect((q, B) => {
           e.set_style(D, e.get(r).touchStyle), e.set_attribute(D, "aria-label", q), e.set_attribute(D, "title", B);
@@ -9189,7 +9189,7 @@ function I4(a, t) {
     }), e.reset(_);
     var C = e.sibling(_, 2);
     e.each(C, 17, () => e.get(l).rows, (P) => P.rowIndex, (P, k) => {
-      var E = E4(), I = e.child(E), M = e.child(I), R = e.only_child(M, !0), A = e.sibling(M, 2), z = (q) => {
+      var E = E3(), I = e.child(E), M = e.child(I), R = e.only_child(M, !0), A = e.sibling(M, 2), z = (q) => {
         var B = il();
         e.template_effect((N, O) => {
           e.set_style(B, e.get(r).touchStyle), e.set_attribute(B, "aria-label", N), e.set_attribute(B, "title", O);
@@ -9200,7 +9200,7 @@ function I4(a, t) {
       }), e.reset(I);
       var D = e.sibling(I, 2);
       e.each(D, 17, () => e.get(k).cells, (q) => q.colIndex, (q, B) => {
-        var N = C4(), O = e.child(N);
+        var N = C3(), O = e.child(N);
         e.remove_input_defaults(O), e.reset(N), e.template_effect((F) => {
           e.set_style(N, e.get(r).cellMinWidthStyle), O.disabled = !e.get(o), e.set_attribute(O, "aria-label", F), e.set_value(O, e.get(B).text);
         }, [() => n("pptx.tableDataEditor.cellAriaLabel", {
@@ -9219,8 +9219,8 @@ function I4(a, t) {
   }), e.append(a, c), e.pop();
 }
 e.delegate(["click", "input"]);
-var rl = e.from_html("<option></option>"), M4 = e.from_html("<button> </button>"), ri = e.from_html("<option> </option>"), A4 = e.from_html('<label class="svelte-161ldm2"> <input type="color" class="svelte-161ldm2"/></label>'), z4 = e.from_html('<div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Type<select aria-label="Type" class="svelte-161ldm2"><option>linear</option><option>radial</option></select></label><label class="svelte-161ldm2">Angle<input type="number" min="0" max="360" class="svelte-161ldm2"/></label><!></div>'), D4 = e.from_html('<div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Pattern<select aria-label="Pattern" class="svelte-161ldm2"></select></label><label class="svelte-161ldm2">Foreground<input type="color" class="svelte-161ldm2"/></label><label class="svelte-161ldm2">Background<input type="color" class="svelte-161ldm2"/></label></div>'), O4 = e.from_html('<label class="svelte-161ldm2"> <input type="number" min="0" class="svelte-161ldm2"/></label>'), q4 = e.from_html('<label class="svelte-161ldm2"> <input type="color" class="svelte-161ldm2"/></label><label class="svelte-161ldm2"> <input type="number" min="0" max="10" class="svelte-161ldm2"/></label>', 1), R4 = e.from_html('<div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Font size<input type="number" min="6" max="200" class="svelte-161ldm2"/></label><div class="colorField svelte-161ldm2"><label class="svelte-161ldm2">Text color<input type="color" class="svelte-161ldm2"/></label><!></div><div class="colorField svelte-161ldm2"><label class="svelte-161ldm2">Background<input type="color" class="svelte-161ldm2"/></label><!></div><label class="svelte-161ldm2">Fill<select aria-label="Fill" class="svelte-161ldm2"><option>Solid</option><option>Gradient</option><option>Pattern</option><option>None</option></select></label></div> <div class="buttons svelte-161ldm2"></div> <div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Horizontal<select aria-label="Horizontal" class="svelte-161ldm2"></select></label><label class="svelte-161ldm2">Vertical<select aria-label="Vertical" class="svelte-161ldm2"></select></label></div> <!> <!> <div class="grid svelte-161ldm2"></div> <h6 class="svelte-161ldm2">Borders</h6><div class="grid svelte-161ldm2"></div> <div class="merge svelte-161ldm2"><button class="svelte-161ldm2">Merge right</button><button class="svelte-161ldm2">Merge down</button><button class="svelte-161ldm2">Split</button></div>', 1), N4 = e.from_html('<details open="" class="svelte-161ldm2"><summary class="svelte-161ldm2">Cell formatting</summary> <div class="picker svelte-161ldm2"><label class="svelte-161ldm2">Row<select aria-label="Row" class="svelte-161ldm2"></select></label><label class="svelte-161ldm2">Column<select aria-label="Column" class="svelte-161ldm2"></select></label></div> <!></details>');
-function F4(a, t) {
+var rl = e.from_html("<option></option>"), M3 = e.from_html("<button> </button>"), ri = e.from_html("<option> </option>"), A3 = e.from_html('<label class="svelte-161ldm2"> <input type="color" class="svelte-161ldm2"/></label>'), z3 = e.from_html('<div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Type<select aria-label="Type" class="svelte-161ldm2"><option>linear</option><option>radial</option></select></label><label class="svelte-161ldm2">Angle<input type="number" min="0" max="360" class="svelte-161ldm2"/></label><!></div>'), D3 = e.from_html('<div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Pattern<select aria-label="Pattern" class="svelte-161ldm2"></select></label><label class="svelte-161ldm2">Foreground<input type="color" class="svelte-161ldm2"/></label><label class="svelte-161ldm2">Background<input type="color" class="svelte-161ldm2"/></label></div>'), O3 = e.from_html('<label class="svelte-161ldm2"> <input type="number" min="0" class="svelte-161ldm2"/></label>'), q3 = e.from_html('<label class="svelte-161ldm2"> <input type="color" class="svelte-161ldm2"/></label><label class="svelte-161ldm2"> <input type="number" min="0" max="10" class="svelte-161ldm2"/></label>', 1), R3 = e.from_html('<div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Font size<input type="number" min="6" max="200" class="svelte-161ldm2"/></label><div class="colorField svelte-161ldm2"><label class="svelte-161ldm2">Text color<input type="color" class="svelte-161ldm2"/></label><!></div><div class="colorField svelte-161ldm2"><label class="svelte-161ldm2">Background<input type="color" class="svelte-161ldm2"/></label><!></div><label class="svelte-161ldm2">Fill<select aria-label="Fill" class="svelte-161ldm2"><option>Solid</option><option>Gradient</option><option>Pattern</option><option>None</option></select></label></div> <div class="buttons svelte-161ldm2"></div> <div class="grid svelte-161ldm2"><label class="svelte-161ldm2">Horizontal<select aria-label="Horizontal" class="svelte-161ldm2"></select></label><label class="svelte-161ldm2">Vertical<select aria-label="Vertical" class="svelte-161ldm2"></select></label></div> <!> <!> <div class="grid svelte-161ldm2"></div> <h6 class="svelte-161ldm2">Borders</h6><div class="grid svelte-161ldm2"></div> <div class="merge svelte-161ldm2"><button class="svelte-161ldm2">Merge right</button><button class="svelte-161ldm2">Merge down</button><button class="svelte-161ldm2">Split</button></div>', 1), N3 = e.from_html('<details open="" class="svelte-161ldm2"><summary class="svelte-161ldm2">Cell formatting</summary> <div class="picker svelte-161ldm2"><label class="svelte-161ldm2">Row<select aria-label="Row" class="svelte-161ldm2"></select></label><label class="svelte-161ldm2">Column<select aria-label="Column" class="svelte-161ldm2"></select></label></div> <!></details>');
+function F3(a, t) {
   e.push(t, !0);
   const n = oe(), i = [
     "ltDnDiag",
@@ -9298,7 +9298,7 @@ function F4(a, t) {
       patternFillBackground: e.get(p).patternFillBackground ?? "#ffffff"
     } : { fillMode: k });
   }
-  var S = N4(), w = e.sibling(e.child(S), 2), x = e.child(w), _ = e.sibling(e.child(x));
+  var S = N3(), w = e.sibling(e.child(S), 2), x = e.child(w), _ = e.sibling(e.child(x));
   e.each(_, 21, () => t.table.rows, e.index, (k, E, I) => {
     var M = rl();
     M.textContent = I + 1, M.value = M.__value = I, e.append(k, M);
@@ -9309,7 +9309,7 @@ function F4(a, t) {
     M.textContent = I + 1, M.value = M.__value = I, e.append(k, M);
   }), e.reset(T), e.init_select(T), e.reset(b), e.reset(w);
   var C = e.sibling(w, 2), P = (k) => {
-    var E = R4(), I = e.first_child(E), M = e.child(I), R = e.sibling(e.child(M));
+    var E = R3(), I = e.first_child(E), M = e.child(I), R = e.sibling(e.child(M));
     e.remove_input_defaults(R), e.reset(M);
     var A = e.sibling(M), z = e.child(A), D = e.sibling(e.child(z));
     e.remove_input_defaults(D), e.reset(z);
@@ -9365,7 +9365,7 @@ function F4(a, t) {
       ["italic", "I"],
       ["underline", "U"]
     ], e.index, (ie, ce) => {
-      var fe = M4();
+      var fe = M3();
       let ge;
       var ye = e.only_child(fe, !0);
       e.template_effect((Pe) => {
@@ -9391,13 +9391,13 @@ function F4(a, t) {
     var te;
     e.init_select($), e.reset(X), e.reset(W);
     var ne = e.sibling(W, 2), ae = (ie) => {
-      var ce = z4(), fe = e.child(ce), ge = e.sibling(e.child(fe)), ye;
+      var ce = z3(), fe = e.child(ce), ge = e.sibling(e.child(fe)), ye;
       e.init_select(ge), e.reset(fe);
       var Pe = e.sibling(fe), we = e.sibling(e.child(Pe));
       e.remove_input_defaults(we), e.reset(Pe);
       var Ie = e.sibling(Pe);
       e.each(Ie, 17, () => e.get(p).gradientFillStops ?? [], e.index, (Te, Ce, Ne) => {
-        var qe = A4(), Se = e.child(qe);
+        var qe = A3(), Se = e.child(qe);
         Se.nodeValue = `Stop ${Ne + 1}`;
         var _e = e.sibling(Se);
         e.remove_input_defaults(_e), e.reset(qe), e.template_effect(() => e.set_value(_e, e.get(Ce).color)), e.delegated("change", _e, (Oe) => f({ gradientFillStops: (e.get(p).gradientFillStops ?? []).map((De, Ue) => Ue === Ne ? {
@@ -9412,7 +9412,7 @@ function F4(a, t) {
       e.get(p).fillMode === "gradient" && ie(ae);
     });
     var re = e.sibling(ne, 2), pe = (ie) => {
-      var ce = D4(), fe = e.child(ce), ge = e.sibling(e.child(fe));
+      var ce = D3(), fe = e.child(ce), ge = e.sibling(e.child(fe));
       e.each(ge, 21, () => i, e.index, (Ce, Ne) => {
         var qe = ri(), Se = e.only_child(qe, !0), _e = {};
         e.template_effect((Oe) => {
@@ -9438,7 +9438,7 @@ function F4(a, t) {
       ["marginLeft", "Left margin"],
       ["marginRight", "Right margin"]
     ], e.index, (ie, ce) => {
-      var fe = O4(), ge = e.child(fe, !0), ye = e.sibling(ge);
+      var fe = O3(), ge = e.child(fe, !0), ye = e.sibling(ge);
       e.remove_input_defaults(ye), e.reset(fe), e.template_effect((Pe) => {
         e.set_text(ge, ce[1]), e.set_value(ye, Pe);
       }, [() => Number(e.get(p)[ce[0]] ?? 0)]), e.delegated("change", ye, (Pe) => v({ [ce[0]]: Number(Pe.currentTarget.value) })), e.append(ie, fe);
@@ -9450,7 +9450,7 @@ function F4(a, t) {
       ["borderLeft", "Left"],
       ["borderRight", "Right"]
     ], e.index, (ie, ce) => {
-      var fe = q4(), ge = e.first_child(fe), ye = e.child(ge), Pe = e.sibling(ye);
+      var fe = q3(), ge = e.first_child(fe), ye = e.child(ge), Pe = e.sibling(ye);
       e.remove_input_defaults(Pe), e.reset(ge);
       var we = e.sibling(ge), Ie = e.child(we), Te = e.sibling(Ie);
       e.remove_input_defaults(Te), e.reset(we), e.template_effect((Ce, Ne) => {
@@ -9474,11 +9474,11 @@ function F4(a, t) {
   }), e.reset(S), e.bind_select_value(_, () => e.get(d), (k) => e.set(d, k)), e.bind_select_value(T, () => e.get(c), (k) => e.set(c, k)), e.append(a, S), e.pop();
 }
 e.delegate(["change", "click"]);
-var L4 = e.from_html("<option> </option>"), B4 = e.from_html('<div class="border-row svelte-zai6c0"><span class="side-lbl svelte-zai6c0"> </span> <input type="color" class="svelte-zai6c0"/> <input type="number" min="0" max="20" class="svelte-zai6c0"/> <select class="svelte-zai6c0"></select> <label class="check svelte-zai6c0"><input type="checkbox"/> </label></div>'), j4 = e.from_html('<div class="group svelte-zai6c0"><span class="hdg svelte-zai6c0"> </span> <div class="row svelte-zai6c0"><button type="button"> </button> <button type="button"> </button> <button type="button"> </button></div> <label class="row svelte-zai6c0"> <input type="color" class="svelte-zai6c0"/></label> <!></div> <div class="group svelte-zai6c0"><span class="hdg svelte-zai6c0"> </span> <!></div>', 1), U4 = e.from_html('<div class="fields svelte-zai6c0"><div class="group svelte-zai6c0"><span class="hdg svelte-zai6c0"> </span> <div class="row svelte-zai6c0"><input type="color" class="svelte-zai6c0"/> <label class="check svelte-zai6c0"><input type="checkbox"/> </label></div> <!></div> <!></div>');
-function H4(a, t) {
+var L3 = e.from_html("<option> </option>"), B3 = e.from_html('<div class="border-row svelte-zai6c0"><span class="side-lbl svelte-zai6c0"> </span> <input type="color" class="svelte-zai6c0"/> <input type="number" min="0" max="20" class="svelte-zai6c0"/> <select class="svelte-zai6c0"></select> <label class="check svelte-zai6c0"><input type="checkbox"/> </label></div>'), j3 = e.from_html('<div class="group svelte-zai6c0"><span class="hdg svelte-zai6c0"> </span> <div class="row svelte-zai6c0"><button type="button"> </button> <button type="button"> </button> <button type="button"> </button></div> <label class="row svelte-zai6c0"> <input type="color" class="svelte-zai6c0"/></label> <!></div> <div class="group svelte-zai6c0"><span class="hdg svelte-zai6c0"> </span> <!></div>', 1), U3 = e.from_html('<div class="fields svelte-zai6c0"><div class="group svelte-zai6c0"><span class="hdg svelte-zai6c0"> </span> <div class="row svelte-zai6c0"><input type="color" class="svelte-zai6c0"/> <label class="check svelte-zai6c0"><input type="checkbox"/> </label></div> <!></div> <!></div>');
+function H3(a, t) {
   e.push(t, !0);
   const n = oe();
-  var i = U4(), r = e.child(i), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2), d = e.child(o);
+  var i = U3(), r = e.child(i), s = e.child(r), l = e.only_child(s, !0), o = e.sibling(s, 2), d = e.child(o);
   e.remove_input_defaults(d);
   var c = e.sibling(d, 2), u = e.child(c);
   e.remove_input_defaults(u);
@@ -9509,7 +9509,7 @@ function H4(a, t) {
   }
   e.reset(r);
   var f = e.sibling(r, 2), h = (m) => {
-    var g = j4(), y = e.first_child(g), S = e.child(y), w = e.only_child(S, !0), x = e.sibling(S, 2), _ = e.child(x);
+    var g = j3(), y = e.first_child(g), S = e.child(y), w = e.only_child(S, !0), x = e.sibling(S, 2), _ = e.child(x);
     let b;
     var T = e.only_child(_, !0), C = e.sibling(_, 2);
     let P;
@@ -9546,13 +9546,13 @@ function H4(a, t) {
     var q = e.sibling(y, 2), B = e.child(q), N = e.only_child(B, !0), O = e.sibling(B, 2);
     e.each(O, 16, () => c2, (F) => F, (F, U) => {
       const L = e.derived(() => t.descriptor.borders[U]);
-      var H = B4(), Z = e.child(H), j = e.only_child(Z, !0), K = e.sibling(Z, 2);
+      var H = B3(), Z = e.child(H), j = e.only_child(Z, !0), K = e.sibling(Z, 2);
       e.remove_input_defaults(K);
       var G = e.sibling(K, 2);
       e.remove_input_defaults(G);
       var J = e.sibling(G, 2);
       e.each(J, 20, () => D_, (X) => X, (X, $) => {
-        var te = L4(), ne = e.only_child(te, !0), ae = {};
+        var te = L3(), ne = e.only_child(te, !0), ae = {};
         e.template_effect(() => {
           e.set_text(ne, $), ae !== (ae = $) && (te.value = (te.__value = ae) ?? "");
         }), e.append(X, te);
@@ -9620,8 +9620,8 @@ function H4(a, t) {
   })), e.append(a, i), e.pop();
 }
 e.delegate(["change", "click"]);
-var V4 = e.from_html('<div class="empty svelte-1rp4i0h"> </div>'), K4 = e.from_html('<button type="button"> </button>'), W4 = e.from_html('<div class="parts svelte-1rp4i0h"></div>'), Z4 = e.from_html('<button type="button" class="svelte-1rp4i0h"> </button>'), G4 = e.from_html('<div class="editor svelte-1rp4i0h" data-testid="table-style-editor"><div class="hdr svelte-1rp4i0h"><span class="hdg svelte-1rp4i0h"> </span> <button type="button" class="svelte-1rp4i0h"> </button></div> <!> <!> <!> <div class="actions svelte-1rp4i0h"><button type="button" class="svelte-1rp4i0h"> </button> <!></div></div>');
-function X4(a, t) {
+var V3 = e.from_html('<div class="empty svelte-1rp4i0h"> </div>'), K3 = e.from_html('<button type="button"> </button>'), W3 = e.from_html('<div class="parts svelte-1rp4i0h"></div>'), Z3 = e.from_html('<button type="button" class="svelte-1rp4i0h"> </button>'), G3 = e.from_html('<div class="editor svelte-1rp4i0h" data-testid="table-style-editor"><div class="hdr svelte-1rp4i0h"><span class="hdg svelte-1rp4i0h"> </span> <button type="button" class="svelte-1rp4i0h"> </button></div> <!> <!> <!> <div class="actions svelte-1rp4i0h"><button type="button" class="svelte-1rp4i0h"> </button> <!></div></div>');
+function X3(a, t) {
   e.push(t, !0);
   const n = e.prop(t, "canEdit", 3, !0), i = oe();
   let r = e.state(e.proxy(t.styleId ? Ch(t.styleId) : "")), s = e.state("wholeTbl");
@@ -9648,19 +9648,19 @@ function X4(a, t) {
     const I = { ...t.styleMap };
     Ww(I, e.get(l).styleId), t.onStyleMapChange(I), t.onDeleteStyle(e.get(l).styleId), t.onClose();
   }
-  var p = G4(), v = e.child(p), f = e.child(v), h = e.only_child(f, !0), m = e.sibling(f, 2), g = e.only_child(m, !0);
+  var p = G3(), v = e.child(p), f = e.child(v), h = e.only_child(f, !0), m = e.sibling(f, 2), g = e.only_child(m, !0);
   e.reset(v);
   var y = e.sibling(v, 2), S = (I) => {
-    var M = V4(), R = e.only_child(M, !0);
+    var M = V3(), R = e.only_child(M, !0);
     e.template_effect((A) => e.set_text(R, A), [() => i("pptx.tableStyleEditor.noStyleSelected")]), e.append(I, M);
   };
   e.if(y, (I) => {
     e.get(l) || I(S);
   });
   var w = e.sibling(y, 2), x = (I) => {
-    var M = W4();
+    var M = W3();
     e.each(M, 21, () => x_, (R) => R.id, (R, A) => {
-      var z = K4();
+      var z = K3();
       let D;
       var q = e.only_child(z, !0);
       e.template_effect((B) => {
@@ -9672,7 +9672,7 @@ function X4(a, t) {
     e.get(l) && I(x);
   });
   var _ = e.sibling(w, 2), b = (I) => {
-    H4(I, {
+    H3(I, {
       get descriptor() {
         return e.get(o);
       },
@@ -9689,7 +9689,7 @@ function X4(a, t) {
     e.get(o) && I(b);
   });
   var T = e.sibling(_, 2), C = e.child(T), P = e.only_child(C, !0), k = e.sibling(C, 2), E = (I) => {
-    var M = Z4(), R = e.only_child(M, !0);
+    var M = Z3(), R = e.only_child(M, !0);
     e.template_effect((A) => {
       M.disabled = !n(), e.set_text(R, A);
     }, [() => i("pptx.tableStyleEditor.deleteStyle")]), e.delegated("click", M, u), e.append(I, M);
@@ -9707,7 +9707,7 @@ function X4(a, t) {
   }), e.delegated("click", C, c), e.append(a, p), e.pop();
 }
 e.delegate(["click"]);
-var Y4 = e.from_html('<label class="svelte-hsedem"><input type="checkbox" class="svelte-hsedem"/> </label>'), J4 = e.from_html('<button type="button" class="preset-swatch svelte-hsedem"><span class="svelte-hsedem"></span> <span class="svelte-hsedem"></span> <span class="svelte-hsedem"></span></button>'), Q4 = e.from_html('<button type="button" class="edit-style-btn svelte-hsedem"> </button>'), $4 = e.from_html('<label class="svelte-hsedem">Row band cycle<input type="number" min="1" class="svelte-hsedem"/></label>'), e5 = e.from_html('<label class="svelte-hsedem">Column band cycle<input type="number" min="1" class="svelte-hsedem"/></label>'), t5 = e.from_html('<label class="svelte-hsedem"> <input type="range" min="5" max="80" class="svelte-hsedem"/></label>'), a5 = e.from_html('<label class="svelte-hsedem"> <input type="number" min="16" max="500" class="svelte-hsedem"/></label>'), n5 = e.from_html('<div class="checks svelte-hsedem"></div> <div class="presets svelte-hsedem"><span class="presets-label svelte-hsedem"> </span> <div class="presets-grid svelte-hsedem"></div> <!></div> <!> <label class="svelte-hsedem">Cell padding<input type="number" min="0" class="svelte-hsedem"/></label> <div class="structure svelte-hsedem"><label class="svelte-hsedem">Row<input type="number" min="1" class="svelte-hsedem"/></label><button type="button" class="svelte-hsedem">Insert row</button><button type="button" class="svelte-hsedem">Delete row</button><label class="svelte-hsedem">Column<input type="number" min="1" class="svelte-hsedem"/></label><button type="button" class="svelte-hsedem">Insert column</button><button type="button" class="svelte-hsedem">Delete column</button></div> <!> <!> <details class="svelte-hsedem"><summary class="svelte-hsedem">Column widths</summary><button type="button" class="svelte-hsedem">Distribute evenly</button><!></details> <details class="svelte-hsedem"><summary class="svelte-hsedem">Row heights</summary><button type="button" class="svelte-hsedem">Distribute evenly</button><!></details> <!>', 1);
+var Y3 = e.from_html('<label class="svelte-hsedem"><input type="checkbox" class="svelte-hsedem"/> </label>'), J3 = e.from_html('<button type="button" class="preset-swatch svelte-hsedem"><span class="svelte-hsedem"></span> <span class="svelte-hsedem"></span> <span class="svelte-hsedem"></span></button>'), Q3 = e.from_html('<button type="button" class="edit-style-btn svelte-hsedem"> </button>'), $3 = e.from_html('<label class="svelte-hsedem">Row band cycle<input type="number" min="1" class="svelte-hsedem"/></label>'), e5 = e.from_html('<label class="svelte-hsedem">Column band cycle<input type="number" min="1" class="svelte-hsedem"/></label>'), t5 = e.from_html('<label class="svelte-hsedem"> <input type="range" min="5" max="80" class="svelte-hsedem"/></label>'), a5 = e.from_html('<label class="svelte-hsedem"> <input type="number" min="16" max="500" class="svelte-hsedem"/></label>'), n5 = e.from_html('<div class="checks svelte-hsedem"></div> <div class="presets svelte-hsedem"><span class="presets-label svelte-hsedem"> </span> <div class="presets-grid svelte-hsedem"></div> <!></div> <!> <label class="svelte-hsedem">Cell padding<input type="number" min="0" class="svelte-hsedem"/></label> <div class="structure svelte-hsedem"><label class="svelte-hsedem">Row<input type="number" min="1" class="svelte-hsedem"/></label><button type="button" class="svelte-hsedem">Insert row</button><button type="button" class="svelte-hsedem">Delete row</button><label class="svelte-hsedem">Column<input type="number" min="1" class="svelte-hsedem"/></label><button type="button" class="svelte-hsedem">Insert column</button><button type="button" class="svelte-hsedem">Delete column</button></div> <!> <!> <details class="svelte-hsedem"><summary class="svelte-hsedem">Column widths</summary><button type="button" class="svelte-hsedem">Distribute evenly</button><!></details> <details class="svelte-hsedem"><summary class="svelte-hsedem">Row heights</summary><button type="button" class="svelte-hsedem">Distribute evenly</button><!></details> <!>', 1);
 function i5(a, t) {
   e.push(t, !0);
   const n = oe(), i = e.derived(() => If(t.el)), r = e.derived(() => t.el.type === "table" ? t.el : void 0), s = e.derived(() => e.get(r)?.tableData);
@@ -9740,7 +9740,7 @@ function i5(a, t) {
       ["lastCol", "pptx.table.lastColumn"],
       ["lastRow", "pptx.table.lastRow"]
     ], e.index, (Y, V) => {
-      var Q = Y4(), X = e.child(Q);
+      var Q = Y3(), X = e.child(Q);
       e.remove_input_defaults(X);
       var $ = e.sibling(X, 1, !0);
       e.reset(Q), e.template_effect((te, ne) => {
@@ -9749,7 +9749,7 @@ function i5(a, t) {
     }), e.reset(y);
     var S = e.sibling(y, 2), w = e.child(S), x = e.only_child(w, !0), _ = e.sibling(w, 2);
     e.each(_, 21, () => X_, (Y) => Y.id, (Y, V) => {
-      var Q = J4(), X = e.child(Q);
+      var Q = J3(), X = e.child(Q);
       let $;
       var te = e.sibling(X, 2);
       let ne;
@@ -9760,14 +9760,14 @@ function i5(a, t) {
       }), e.delegated("click", Q, () => c({ rows: O2(e.get(s), e.get(V)) })), e.append(Y, Q);
     }), e.reset(_);
     var b = e.sibling(_, 2), T = (Y) => {
-      var V = Q4(), Q = e.only_child(V, !0);
+      var V = Q3(), Q = e.only_child(V, !0);
       e.template_effect((X) => e.set_text(Q, X), [() => n("pptx.tableStyleEditor.editButton")]), e.delegated("click", V, () => e.set(d, !e.get(d))), e.append(Y, V);
     };
     e.if(b, (Y) => {
       t.tableStyleMap !== void 0 && Y(T);
     }), e.reset(S);
     var C = e.sibling(S, 2), P = (Y) => {
-      X4(Y, {
+      X3(Y, {
         get styleMap() {
           return t.tableStyleMap;
         },
@@ -9795,7 +9795,7 @@ function i5(a, t) {
     var B = e.sibling(D), N = e.sibling(B);
     e.reset(I);
     var O = e.sibling(I, 2), F = (Y) => {
-      var V = $4(), Q = e.sibling(e.child(V));
+      var V = $3(), Q = e.sibling(e.child(V));
       e.remove_input_defaults(Q), e.reset(V), e.template_effect(() => e.set_value(Q, e.get(s).bandRowCycle ?? 1)), e.delegated("change", Q, (X) => c({ bandRowCycle: Math.max(1, Number(X.currentTarget.value)) })), e.append(Y, V);
     };
     e.if(O, (Y) => {
@@ -9826,7 +9826,7 @@ function i5(a, t) {
       } : ae) })), e.append(Y, X);
     }), e.reset(K);
     var W = e.sibling(K, 2);
-    F4(W, {
+    F3(W, {
       get editor() {
         return t.editor;
       },
@@ -10261,7 +10261,7 @@ function Tr(a, t) {
       e.get(b) && se(Z);
     });
     var j = e.sibling(H, 2), K = (se) => {
-      n4(se, {
+      n3(se, {
         get editor() {
           return t.editor;
         },
@@ -10329,7 +10329,7 @@ function Tr(a, t) {
     });
     var X = e.sibling(V, 2), $ = (se) => {
       var ie = S5(), ce = e.first_child(ie), fe = e.child(ce);
-      I4(fe, {
+      I3(fe, {
         get editor() {
           return t.editor;
         },
@@ -10365,7 +10365,7 @@ function Tr(a, t) {
     });
     var te = e.sibling(X, 2), ne = (se) => {
       var ie = oa(), ce = e.child(ie), fe = e.only_child(ce, !0), ge = e.sibling(ce, 2);
-      o4(ge, {
+      o3(ge, {
         get editor() {
           return t.editor;
         },
@@ -10388,7 +10388,7 @@ function Tr(a, t) {
     });
     var pe = e.sibling(ae, 2), he = (se) => {
       var ie = sl(), ce = e.child(ie), fe = e.only_child(ce, !0), ge = e.sibling(ce);
-      y4(ge, {
+      y3(ge, {
         get editor() {
           return t.editor;
         },
@@ -10411,7 +10411,7 @@ function Tr(a, t) {
     }), e.reset(me), e.template_effect((se) => e.set_text(ue, se), [() => i("pptx.action.title")]), e.append(B, N);
   }, D = (B) => {
     var N = C5(), O = e.first_child(N);
-    y3(O, {
+    y4(O, {
       get editor() {
         return t.editor;
       },
@@ -13911,7 +13911,7 @@ function ez(a, t) {
 var tz = e.from_html('<button type="button"></button>'), vl = e.from_html('<p class="svelte-dgy1er"> </p>'), az = e.from_html('<p class="notice svelte-dgy1er"> </p>'), nz = e.from_html('<p class="svelte-dgy1er"> </p> <button type="button" class="primary svelte-dgy1er"> </button>', 1), iz = e.from_html('<section class="card svelte-dgy1er"><h2 class="svelte-dgy1er"> </h2> <!></section>'), rz = e.from_html('<div class="pptx-svelte-account svelte-dgy1er"><section class="card svelte-dgy1er"><h2 class="svelte-dgy1er"> </h2> <div class="profile-row svelte-dgy1er"><span class="avatar svelte-dgy1er"> </span> <label class="name-field svelte-dgy1er"><span> </span> <input type="text" class="svelte-dgy1er"/></label></div> <span class="swatches-label svelte-dgy1er"> </span> <div class="swatch-row svelte-dgy1er" role="group"></div></section> <section class="card svelte-dgy1er"><h2 class="svelte-dgy1er"> </h2> <!> <button type="button" class="secondary svelte-dgy1er"> </button> <!> <p class="muted svelte-dgy1er"> </p></section> <section class="card svelte-dgy1er"><h2 class="svelte-dgy1er"> </h2> <p class="svelte-dgy1er">pptx-svelte-viewer</p> <p class="muted svelte-dgy1er"> </p></section> <!></div>');
 function sz(a, t) {
   e.push(t, !0);
-  const n = oe(), i = "4.1.3";
+  const n = oe(), i = "4.1.4";
   let r = e.state(e.proxy(Ti().profile ?? { ...ds })), s = e.state(void 0), l = e.state(!1);
   async function o() {
     e.set(s, await Fp(), !0);
@@ -14163,7 +14163,7 @@ function oi(a, t) {
     });
   }), e.append(a, r);
 }
-var pl = e.from_html('<button type="button"><span class="svelte-6wgrz0"><!></span> </button>'), yz = e.from_html('<button type="button" class="svelte-6wgrz0"><b class="svelte-6wgrz0"></b><strong class="svelte-6wgrz0"> </strong><small class="svelte-6wgrz0"> </small></button>'), wz = e.from_html('<h2 class="svelte-6wgrz0"> </h2><div class="templates svelte-6wgrz0"></div>', 1), Sz = e.from_html('<button class="primary svelte-6wgrz0" type="button"><!> </button>'), kz = e.from_html('<button type="button" class="svelte-6wgrz0"><span class="name svelte-6wgrz0"><b class="svelte-6wgrz0">P</b><span><strong class="svelte-6wgrz0"> </strong><small class="svelte-6wgrz0"> </small></span></span><span class="svelte-6wgrz0"> </span><span class="svelte-6wgrz0"> </span></button>'), Tz = e.from_html('<p class="svelte-6wgrz0"> </p>'), Cz = e.from_html('<div class="search svelte-6wgrz0"><!><input type="search" class="svelte-6wgrz0"/></div><!><h2 class="svelte-6wgrz0"> </h2><div class="recent svelte-6wgrz0"><header class="svelte-6wgrz0"><span class="svelte-6wgrz0"> </span><span class="svelte-6wgrz0"> </span><span class="svelte-6wgrz0"> </span></header><!></div>', 1), Ez = e.from_html('<div class="actions svelte-6wgrz0"></div>'), Pz = e.from_html('<button class="primary svelte-6wgrz0" type="button"> </button>'), Iz = e.from_html('<section class="card svelte-6wgrz0"><b class="avatar svelte-6wgrz0"><!></b><h2 class="svelte-6wgrz0"> </h2><p class="svelte-6wgrz0"> </p><!></section>'), Mz = e.from_html('<div class="bs svelte-6wgrz0" role="dialog" aria-modal="true"><aside class="svelte-6wgrz0"><button class="back svelte-6wgrz0" type="button"><!></button><nav class="svelte-6wgrz0"><!><i class="svelte-6wgrz0"></i> <!></nav></aside> <main class="svelte-6wgrz0"><h1 class="svelte-6wgrz0"> </h1> <!> <!> <!> <!> <!> <footer class="svelte-6wgrz0"> </footer></main></div>');
+var pl = e.from_html('<button type="button"><span class="svelte-6wgrz0"><!></span> </button>'), yz = e.from_html('<button type="button" class="svelte-6wgrz0"><b class="svelte-6wgrz0"></b><strong class="svelte-6wgrz0"> </strong><small class="svelte-6wgrz0"> </small></button>'), wz = e.from_html('<h2 class="svelte-6wgrz0"> </h2><div class="templates svelte-6wgrz0"></div>', 1), Sz = e.from_html('<button class="primary svelte-6wgrz0" type="button"><!> </button>'), kz = e.from_html('<button type="button" class="svelte-6wgrz0"><span class="name svelte-6wgrz0"><b class="svelte-6wgrz0">P</b><span><strong class="svelte-6wgrz0"> </strong><small class="svelte-6wgrz0"> </small></span></span><span class="svelte-6wgrz0"> </span><span class="svelte-6wgrz0"> </span></button>'), Tz = e.from_html('<p class="svelte-6wgrz0"> </p>'), Cz = e.from_html('<div class="search svelte-6wgrz0" data-pptx-search-surface=""><!><input data-pptx-search-input="" type="search" class="svelte-6wgrz0"/></div><!><h2 class="svelte-6wgrz0"> </h2><div class="recent svelte-6wgrz0"><header class="svelte-6wgrz0"><span class="svelte-6wgrz0"> </span><span class="svelte-6wgrz0"> </span><span class="svelte-6wgrz0"> </span></header><!></div>', 1), Ez = e.from_html('<div class="actions svelte-6wgrz0"></div>'), Pz = e.from_html('<button class="primary svelte-6wgrz0" type="button"> </button>'), Iz = e.from_html('<section class="card svelte-6wgrz0"><b class="avatar svelte-6wgrz0"><!></b><h2 class="svelte-6wgrz0"> </h2><p class="svelte-6wgrz0"> </p><!></section>'), Mz = e.from_html('<div class="bs svelte-6wgrz0" role="dialog" aria-modal="true"><aside class="svelte-6wgrz0"><button class="back svelte-6wgrz0" type="button"><!></button><nav class="svelte-6wgrz0"><!><i class="svelte-6wgrz0"></i> <!></nav></aside> <main class="svelte-6wgrz0"><h1 class="svelte-6wgrz0"> </h1> <!> <!> <!> <!> <!> <footer class="svelte-6wgrz0"> </footer></main></div>');
 function uu(a, t) {
   e.push(t, !0);
   const n = oe(), i = Rt();
@@ -14301,9 +14301,10 @@ function uu(a, t) {
     }, (ne) => {
       var ae = Tz(), re = e.only_child(ae, !0);
       e.template_effect((pe) => e.set_text(re, pe), [() => n("pptx.backstage.noRecent")]), e.append(ne, ae);
-    }), e.reset(G), e.template_effect((ne, ae, re, pe, he) => {
-      e.set_attribute(L, "placeholder", ne), e.set_text(K, ae), e.set_text(Y, re), e.set_text(Q, pe), e.set_text($, he);
+    }), e.reset(G), e.template_effect((ne, ae, re, pe, he, me) => {
+      e.set_attribute(L, "placeholder", ne), e.set_attribute(L, "aria-label", ae), e.set_text(K, re), e.set_text(Y, pe), e.set_text(Q, he), e.set_text($, me);
     }, [
+      () => n("pptx.backstage.searchPlaceholder"),
       () => n("pptx.backstage.searchPlaceholder"),
       () => n("pptx.backstage.recentHeading"),
       () => n("pptx.backstage.columnName"),
@@ -19141,7 +19142,7 @@ function Mu(a, t) {
     return i;
   } }));
 }
-var L8 = e.from_html('<small class="svelte-ak2654"> </small>'), B8 = e.from_html('<button type="button" class="svelte-ak2654"><!><!></button>'), j8 = e.from_html('<span class="pptx-svelte-titlebar-autosave svelte-ak2654"><span> </span> <button type="button" role="switch" class="svelte-ak2654"><span class="svelte-ak2654"></span></button> <span> </span></span> <span class="pptx-svelte-titlebar-separator svelte-ak2654"></span> <div class="pptx-svelte-titlebar-actions svelte-ak2654" role="group"><button type="button" class="svelte-ak2654"><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><path d="M3 2.5h8l2 2v9h-10zM5 2.5v4h5v-4M5 13.5v-4h6v4" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg></button> <button type="button" class="svelte-ak2654"><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><path d="M6 4 3 7l3 3M3 7h6.5a3.5 3.5 0 0 1 0 7H8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> <button type="button" class="svelte-ak2654"><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><path d="M10 4l3 3-3 3M13 7H6.5a3.5 3.5 0 0 0 0 7H8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> <!></div> <span class="pptx-svelte-titlebar-separator svelte-ak2654"></span>', 1), U8 = e.from_html('<span aria-hidden="true">&bull;</span><span> </span>', 1), H8 = e.from_html('<button type="button" class="svelte-ak2654"> <small class="svelte-ak2654"> </small></button>'), V8 = e.from_html('<span class="svelte-ak2654"> </span> <!>', 1), K8 = e.from_html('<span class="svelte-ak2654"> </span>'), W8 = e.from_html('<div class="pptx-svelte-titlebar-results svelte-ak2654"><!> <button type="button" class="svelte-ak2654"><!> </button></div>'), Z8 = e.from_html('<div class="pptx-svelte-titlebar-search svelte-ak2654"><div><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><circle cx="7" cy="7" r="3.7" fill="none" stroke="currentColor" stroke-width="1.4"></circle><path d="m10 10 3 3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path></svg> <input type="text" class="svelte-ak2654"/></div> <!></div>'), G8 = e.from_html('<div class="pptx-svelte-titlebar svelte-ak2654" data-pptx-title-bar=""><span class="pptx-svelte-titlebar-logo svelte-ak2654" aria-hidden="true">P</span> <!> <span class="pptx-svelte-titlebar-file svelte-ak2654"><strong class="svelte-ak2654"> </strong><!></span> <!></div>');
+var L8 = e.from_html('<small class="svelte-ak2654"> </small>'), B8 = e.from_html('<button type="button" class="svelte-ak2654"><!><!></button>'), j8 = e.from_html('<span class="pptx-svelte-titlebar-autosave svelte-ak2654"><span> </span> <button type="button" role="switch" class="svelte-ak2654"><span class="svelte-ak2654"></span></button> <span> </span></span> <span class="pptx-svelte-titlebar-separator svelte-ak2654"></span> <div class="pptx-svelte-titlebar-actions svelte-ak2654" role="group"><button type="button" class="svelte-ak2654"><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><path d="M3 2.5h8l2 2v9h-10zM5 2.5v4h5v-4M5 13.5v-4h6v4" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"></path></svg></button> <button type="button" class="svelte-ak2654"><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><path d="M6 4 3 7l3 3M3 7h6.5a3.5 3.5 0 0 1 0 7H8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> <button type="button" class="svelte-ak2654"><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><path d="M10 4l3 3-3 3M13 7H6.5a3.5 3.5 0 0 0 0 7H8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button> <!></div> <span class="pptx-svelte-titlebar-separator svelte-ak2654"></span>', 1), U8 = e.from_html('<span aria-hidden="true">&bull;</span><span> </span>', 1), H8 = e.from_html('<button type="button" class="svelte-ak2654"> <small class="svelte-ak2654"> </small></button>'), V8 = e.from_html('<span class="svelte-ak2654"> </span> <!>', 1), K8 = e.from_html('<span class="svelte-ak2654"> </span>'), W8 = e.from_html('<div class="pptx-svelte-titlebar-results svelte-ak2654"><!> <button type="button" class="svelte-ak2654"><!> </button></div>'), Z8 = e.from_html('<div class="pptx-svelte-titlebar-search svelte-ak2654"><div data-pptx-search-surface=""><svg viewBox="0 0 16 16" aria-hidden="true" class="svelte-ak2654"><circle cx="7" cy="7" r="3.7" fill="none" stroke="currentColor" stroke-width="1.4"></circle><path d="m10 10 3 3" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"></path></svg> <input data-pptx-search-input="" type="text" class="svelte-ak2654"/></div> <!></div>'), G8 = e.from_html('<div class="pptx-svelte-titlebar svelte-ak2654" data-pptx-title-bar=""><span class="pptx-svelte-titlebar-logo svelte-ak2654" aria-hidden="true">P</span> <!> <span class="pptx-svelte-titlebar-file svelte-ak2654"><strong class="svelte-ak2654"> </strong><!></span> <!></div>');
 function X8(a, t) {
   e.push(t, !0);
   const n = {