pptx-vue-viewer 2.7.0 → 2.8.0

package/dist/{viewer-DyqlqMmF.cjs → viewer-DtEJOaNV.cjs}

@@ -1,4 +1,4 @@
-const e = require("./rolldown-runtime-DoYlGkYw.cjs"), t = require("./dist-Wymvf4Qa.cjs"), n = require("./useViewerSettingsDialog-8V6whAcB.cjs"), o = require("./i18n-gwdCzBc5.cjs");
+const e = require("./rolldown-runtime-DoYlGkYw.cjs"), t = require("./dist-BbaI3U3Z.cjs"), n = require("./useViewerSettingsDialog-CS5M7uDt.cjs"), o = require("./i18n-gwdCzBc5.cjs");
 require("./i18n.cjs");
 let a = require("vue"), r = require("dompurify");
 r = e.__toESM(r, 1);
@@ -88,7 +88,7 @@ var m, f = ["aria-label"], v = { class: "pptx-vue-a11y-panel__header flex items-
 			var n;
 		}), 128))])], 8, E))), 128))])) : ((0, a.openBlock)(), (0, a.createElementBlock)("div", h, [(0, a.createElementVNode)("p", y, (0, a.toDisplayString)((0, a.unref)(l)("pptx.accessibility.noIssuesFound")), 1), (0, a.createElementVNode)("p", b, (0, a.toDisplayString)((0, a.unref)(l)("pptx.accessibility.noIssuesHint")), 1)]))], 8, f));
 	}
-}), I = (0, a.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-CrH4ALw7.cjs")));
+}), I = (0, a.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-BSyvTt8m.cjs")));
 function z(e, t, n) {
 	function o(n, o) {
 		if (n._zod || Object.defineProperty(n, "_zod", {
@@ -10657,7 +10657,19 @@ var vv = { class: "pptx-vue-chart-chrome" }, xv = ["x"], gv = [
 			}, null, 4)) : (0, a.createCommentVNode)("", !0)
 		], 12, ag));
 	}
-}), sg = ["data-element-id", "data-pptx-element"], cg = ["src", "controls"], dg = ["src"], pg = ["src"], ug = {
+}), sg = ["data-element-id", "data-pptx-element"], cg = [
+	"src",
+	"controls",
+	"poster",
+	"loop",
+	"autoplay",
+	"muted"
+], dg = [
+	"src",
+	"controls",
+	"loop",
+	"autoplay"
+], pg = ["src"], ug = {
 	key: 3,
 	class: "pptx-vue-placeholder"
 }, mg = (0, a.defineComponent)({
@@ -10681,7 +10693,7 @@ var vv = { class: "pptx-vue-chart-chrome" }, xv = ["x"], gv = [
 		const i = (0, a.computed)(() => Vf(t.element, t.zIndex)), s = (0, a.computed)(() => Tf(t.element, t.mediaDataUrls)), c = (0, a.computed)(() => {
 			const e = t.element;
 			if ("media" === e.type) return e.mediaData ?? (e.mediaPath ? t.mediaDataUrls.get(e.mediaPath) : void 0);
-		}), d = (0, a.computed)(() => "media" === t.element.type ? t.element.mediaType : void 0);
+		}), d = (0, a.computed)(() => "media" === t.element.type ? t.element.mediaType : void 0), p = (0, a.computed)(() => "media" === t.element.type ? t.element.posterFrameData ?? s.value : s.value), u = (0, a.computed)(() => "media" === t.element.type && !0 === t.element.loop), m = (0, a.computed)(() => "media" === t.element.type && !0 === t.element.autoPlay), f = (0, a.computed)(() => !t.presenting);
 		return (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 			class: "pptx-vue-element pptx-vue-media",
 			style: (0, a.normalizeStyle)(i.value),
@@ -10692,7 +10704,11 @@ var vv = { class: "pptx-vue-chart-chrome" }, xv = ["x"], gv = [
 			ref_key: "mediaEl",
 			ref: r,
 			src: c.value,
-			controls: !e.interactive,
+			controls: f.value,
+			poster: p.value,
+			loop: u.value,
+			autoplay: m.value,
+			muted: m.value && !e.presenting,
 			preload: "metadata",
 			playsinline: "",
 			style: (0, a.normalizeStyle)({
@@ -10707,7 +10723,9 @@ var vv = { class: "pptx-vue-chart-chrome" }, xv = ["x"], gv = [
 			ref_key: "mediaEl",
 			ref: r,
 			src: c.value,
-			controls: "",
+			controls: f.value,
+			loop: u.value,
+			autoplay: m.value,
 			style: (0, a.normalizeStyle)({
 				width: "100%",
 				pointerEvents: e.interactive ? "none" : "auto"
@@ -12828,7 +12846,8 @@ var $y, Oy = [
 		templateElements: {},
 		editTemplateMode: { type: Boolean },
 		presenting: { type: Boolean },
-		preserveElementIds: { type: Boolean }
+		preserveElementIds: { type: Boolean },
+		transparentBackground: { type: Boolean }
 	},
 	setup(e) {
 		const t = e, { t: o } = n.useI18n(), r = (0, a.ref)(null), l = (0, a.computed)(() => t.templateElements ?? []), i = (0, a.computed)(() => l.value.length), s = (0, a.computed)(() => [...l.value, ...t.slide?.elements ?? []]);
@@ -12847,7 +12866,10 @@ var $y, Oy = [
 			transformOrigin: "top left",
 			position: "relative",
 			overflow: "hidden",
-			...n.getSlideBackgroundStyle(t.slide)
+			...t.transparentBackground ? {
+				background: "none",
+				backgroundColor: "transparent"
+			} : n.getSlideBackgroundStyle(t.slide)
 		}));
 		return (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 			ref_key: "stageRef",
@@ -21576,7 +21598,7 @@ var MM = { class: "space-y-1" }, $M = ["title", "onClick"], OM = { class: "text-
 			(0, a.createElementVNode)("span", fU, (0, a.toDisplayString)(t.drawingWidth), 1)
 		], 8, uU)])], 64));
 	}
-}), xU = "2.6.6", gU = Symbol("pptx-account-auth");
+}), xU = "2.7.1", gU = Symbol("pptx-account-auth");
 var hU = { class: "pptx-vue-account mt-8 flex max-w-[760px] flex-col gap-6" }, yU = { class: "pptx-vue-account-section border border-border bg-card p-6 text-card-foreground" }, bU = { class: "text-base font-semibold" }, kU = { class: "mt-4 flex items-center gap-4" }, EU = { class: "min-w-0 flex-1" }, wU = { class: "block text-xs font-medium text-muted-foreground" }, SU = ["value", "placeholder"], CU = { class: "mt-4" }, BU = { class: "block text-xs font-medium text-muted-foreground" }, NU = { class: "mt-2 flex gap-2" }, VU = [
 	"aria-pressed",
 	"aria-label",
@@ -25607,13 +25629,15 @@ var rG = { class: "flex items-start gap-3" }, lG = { class: "flex h-10 w-10 item
 				"canvas-size": e.canvasSize,
 				"media-data-urls": e.mediaDataUrls,
 				scale: e.scale,
-				"preserve-element-ids": Boolean(s.value)
+				"preserve-element-ids": Boolean(s.value),
+				"transparent-background": Boolean(s.value)
 			}, null, 8, [
 				"slide",
 				"canvas-size",
 				"media-data-urls",
 				"scale",
-				"preserve-element-ids"
+				"preserve-element-ids",
+				"transparent-background"
 			])], 12, yq),
 			(0, a.createElementVNode)("div", {
 				class: "pptx-vue-transition-layer",
@@ -25635,7 +25659,7 @@ var rG = { class: "flex items-start gap-3" }, lG = { class: "flex h-10 w-10 item
 			])], 12, bq)
 		]));
 	}
-}), [["__scopeId", "data-v-9b142232"]]), wq = { class: "presenter-strip" }, Sq = ["onClick"], Bq = Km((0, a.defineComponent)({
+}), [["__scopeId", "data-v-415321b1"]]), wq = { class: "presenter-strip" }, Sq = ["onClick"], Bq = Km((0, a.defineComponent)({
 	__name: "PresenterControlStrip",
 	props: {
 		snapshot: {},
@@ -26188,6 +26212,31 @@ var rG = { class: "flex items-start gap-3" }, lG = { class: "flex h-10 w-10 item
 		function W(e) {
 			e > 0 ? N() : V();
 		}
+		(function(e) {
+			let t;
+			function o() {
+				void 0 !== t && (clearTimeout(t), t = void 0);
+			}
+			(0, a.watch)(() => [
+				(0, a.toValue)(e.slide),
+				(0, a.toValue)(e.useTimings),
+				(0, a.toValue)(e.suspended)
+			], function r() {
+				if (o(), (0, a.toValue)(e.suspended)) return;
+				const l = n.resolveAutoAdvanceDelayMs((0, a.toValue)(e.slide), { useTimings: (0, a.toValue)(e.useTimings) });
+				void 0 !== l && (t = setTimeout(() => {
+					t = void 0;
+					const n = (0, a.toValue)(e.position);
+					e.advance(), (0, a.toValue)(e.position) === n && r();
+				}, l));
+			}, { immediate: !0 }), (0, a.onBeforeUnmount)(o);
+		})({
+			slide: c,
+			useTimings: () => "manual" !== o.presentationProperties?.advanceMode,
+			suspended: B,
+			position: s,
+			advance: N
+		});
 		const G = (0, a.ref)(null);
 		function q() {
 			G.value = null;
@@ -26490,7 +26539,7 @@ var rG = { class: "flex items-start gap-3" }, lG = { class: "flex h-10 w-10 item
 			])
 		], 512)]));
 	}
-}), [["__scopeId", "data-v-4bf3d4af"]]), vX = { class: "pptx-vue-print-settings flex min-w-0 flex-1 flex-col gap-5" }, xX = { class: "pptx-vue-print-fieldset m-0 border-none p-0" }, gX = { class: "pptx-vue-print-legend mb-2 p-0 text-xs font-medium uppercase tracking-wide text-muted-foreground" }, hX = { class: "pptx-vue-print-grid grid grid-cols-2 gap-2" }, yX = ["checked", "onChange"], bX = {
+}), [["__scopeId", "data-v-0e983855"]]), vX = { class: "pptx-vue-print-settings flex min-w-0 flex-1 flex-col gap-5" }, xX = { class: "pptx-vue-print-fieldset m-0 border-none p-0" }, gX = { class: "pptx-vue-print-legend mb-2 p-0 text-xs font-medium uppercase tracking-wide text-muted-foreground" }, hX = { class: "pptx-vue-print-grid grid grid-cols-2 gap-2" }, yX = ["checked", "onChange"], bX = {
 	key: 0,
 	class: "pptx-vue-print-fieldset m-0 border-none p-0"
 }, kX = { class: "pptx-vue-print-legend mb-2 p-0 text-xs font-medium uppercase tracking-wide text-muted-foreground" }, EX = { class: "pptx-vue-print-chips flex flex-wrap gap-1.5" }, wX = ["onClick"], SX = { class: "pptx-vue-print-fieldset m-0 border-none p-0" }, CX = { class: "pptx-vue-print-legend mb-2 p-0 text-xs font-medium uppercase tracking-wide text-muted-foreground" }, BX = { class: "pptx-vue-print-stack flex flex-col gap-2" }, NX = ["checked"], VX = ["checked"], DX = ["checked"], _X = {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-vue-viewer",
-	"version": "2.7.0",
+	"version": "2.8.0",
 	"description": "Vue 3 PowerPoint viewer and editor component: render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"editor",

package/dist/gif-encoder-291iEEqW.js

@@ -1,2 +0,0 @@
-import { Xi as e } from "./useViewerSettingsDialog-L6tCAcpX.js";
-export { e as encodeGif };

package/dist/gif-encoder-DkuJPaxy.cjs

@@ -1,2 +0,0 @@
-const e = require("./useViewerSettingsDialog-8V6whAcB.cjs");
-exports.encodeGif = e.encodeGif;