pptx-vue-viewer 4.47.0 → 4.47.1

package/CHANGELOG.md

@@ -7,6 +7,13 @@ A release listed with no entries carried no Conventional Commit in this package'
 scope: scripts/release-plan.mjs releases whenever any published file changes, not only on
 conventional commits.
 
+## [4.47.1](https://github.com/ChristopherVR/ooxml/releases/tag/pptx-vue-viewer@4.47.1) - 2026-10-22
+
+### Bug Fixes
+
+- **ui:** Fit the pptx slide to sub-pixel viewport sizes ([#165](https://github.com/ChristopherVR/ooxml/issues/165)) ([d09a71d](https://github.com/ChristopherVR/ooxml/commit/d09a71d1e478eebc28edec2af309e7f4b0a69dbb))
+- **pptx:** Inject the .ppt svg rasteriser and move it to pptx/node ([be73b10](https://github.com/ChristopherVR/ooxml/commit/be73b10464c4629ebffa86d631b086e46a42fbe3))
+
 ## [4.47.0](https://github.com/ChristopherVR/ooxml/releases/tag/pptx-vue-viewer@4.47.0) - 2026-10-22
 
 ### Features

package/dist/{AiChatPanel-Jcgn-oeY.js → AiChatPanel-DCNyY6ip.js}

@@ -1,5 +1,5 @@
 import { Hr as e } from "./useViewerSettingsDialog-CXbWkqSq.js";
-import { l as t, x as a } from "./viewer-DIlCsUp0.js";
+import { l as t, x as a } from "./viewer-otc0mMwo.js";
 import { Fragment as r, Suspense as s, computed as l, createBlock as o, createCommentVNode as i, createElementBlock as n, createElementVNode as p, createTextVNode as d, createVNode as c, defineComponent as u, nextTick as m, normalizeClass as x, normalizeStyle as g, onBeforeUnmount as f, onMounted as b, openBlock as v, ref as y, renderList as h, resolveDynamicComponent as k, shallowRef as w, toDisplayString as C, unref as P, vModelText as T, watch as S, withAsyncContext as I, withCtx as j, withDirectives as _ } from "vue";
 import { Bot as A, ChartColumn as E, Check as M, Crosshair as F, Eye as B, Film as D, GitMerge as N, History as H, LayoutTemplate as L, LoaderCircle as R, MessageSquare as W, MessageSquarePlus as z, Move as V, Navigation as K, Palette as O, Pin as U, PinOff as $, Plus as q, Search as G, Send as J, Shapes as Q, Sparkles as X, Square as Y, StickyNote as Z, Table as ee, Trash2 as te, TriangleAlert as ae, Type as re, User as se, Wrench as le, X as oe } from "lucide-vue-next";
 import { createAiChatHistoryController as ie, createAiChatSession as ne, deckIdFromBridge as pe, describeToolActivity as de, extractReadyToolCalls as ce, focusTargetChips as ue, humanizeDiffLine as me, isAiAvailable as xe, isTwoTableFocus as ge, mergeTablesDirective as fe, summarizeToolArgs as be, toRenderableParts as ve, toolCanvasTarget as ye, toolLabel as he } from "ooxml-ui/pptx/ai";

package/dist/{AiChatPanel-DijLC9jc.cjs → AiChatPanel-DL_x2P2A.cjs}

@@ -1,4 +1,4 @@
-const e = require("./useViewerSettingsDialog-jAbWHh3J.cjs"), t = require("./viewer-7Z6aaf6w.cjs");
+const e = require("./useViewerSettingsDialog-jAbWHh3J.cjs"), t = require("./viewer-DIeoRrqK.cjs");
 let r = require("vue"), a = require("lucide-vue-next"), n = require("ooxml-ui/pptx/ai");
 var o = { class: "border-t border-border p-2" }, l = { class: "flex items-end gap-1.5 rounded-md border border-input bg-background px-2 py-1.5 focus-within:border-ring" }, s = ["placeholder", "aria-label"], i = ["title", "aria-label"], c = [
 	"disabled",

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./useViewerSettingsDialog-jAbWHh3J.cjs"), r = require("./viewer-7Z6aaf6w.cjs");
+const e = require("./useViewerSettingsDialog-jAbWHh3J.cjs"), r = require("./viewer-DIeoRrqK.cjs");
 let t = require("ooxml-ui/pptx");
 Object.defineProperty(exports, "AUDIENCE_HASH", {
 	enumerable: !0,

package/dist/index.js

@@ -1,4 +1,4 @@
 import { Bn as a, C as s, S as o, Vn as e, it as r, lt as i, w as t, x as l } from "./useViewerSettingsDialog-CXbWkqSq.js";
-import { A as n, D as m, E as p, F as w, I as S, M as b, N as d, O as u, P as x, T as C, _ as f, a as g, b as v, c, d as j, f as P, g as R, h as V, i as y, j as B, k as D, m as E, o as F, p as I, s as M, u as O, v as T, w as h, x as k, y as A } from "./viewer-DIlCsUp0.js";
+import { A as n, D as m, E as p, F as w, I as S, M as b, N as d, O as u, P as x, T as C, _ as f, a as g, b as v, c, d as j, f as P, g as R, h as V, i as y, j as B, k as D, m as E, o as F, p as I, s as M, u as O, v as T, w as h, x as k, y as A } from "./viewer-otc0mMwo.js";
 import { BACKSTAGE_CARD_IDS as N, BACKSTAGE_PAGE_IDS as _, CANVAS_CONTEXT_MENU_COMMAND_IDS as q, EDITOR_SHORTCUT_ACTION_IDS as z, ELEMENT_CONTEXT_MENU_COMMAND_IDS as G, OPTIONS_PAGE_IDS as H, OPTIONS_SECTION_IDS as J, OPTIONS_SETTING_IDS as K, PPTX_OPEN_ACCEPT as L, PRESENTATION_OPEN_EXTENSIONS as Q, RIBBON_TAB_IDS as U, TOOLBAR_BUTTON_IDS as W, VIEWER_DIALOG_IDS as X, VIEWER_EXPORT_FORMAT_IDS as Y, VIEWER_FEATURE_IDS as Z, VIEWER_PANEL_IDS as $, createImageElementFromFile as aa, describeCollaborationShellState as sa, forgetSessionDeck as oa, getSessionTabId as ea, isLegacyBinaryPresentation as ra, isSupportedPresentationFile as ia, loadSessionDeck as ta, parsePresentationSessionId as la, presentationBaseName as na, rememberSessionDeck as ma, restoreSessionDeck as pa, savedPresentationFileName as wa } from "ooxml-ui/pptx";
 export { j as AUDIENCE_HASH, N as BACKSTAGE_CARD_IDS, _ as BACKSTAGE_PAGE_IDS, q as CANVAS_CONTEXT_MENU_COMMAND_IDS, T as CollaborationCursors, h as CollaborationStatusIndicator, z as EDITOR_SHORTCUT_ACTION_IDS, G as ELEMENT_CONTEXT_MENU_COMMAND_IDS, e as ElementRenderer, O as FollowModeBar, H as OPTIONS_PAGE_IDS, J as OPTIONS_SECTION_IDS, K as OPTIONS_SETTING_IDS, L as PPTX_OPEN_ACCEPT, Q as PRESENTATION_OPEN_EXTENSIONS, c as PowerPointViewer, U as RIBBON_TAB_IDS, f as RemoteSelectionOverlay, v as RibbonToolbar, A as SlideCanvas, a as SlideStage, W as TOOLBAR_BUTTON_IDS, X as VIEWER_DIALOG_IDS, Y as VIEWER_EXPORT_FORMAT_IDS, Z as VIEWER_FEATURE_IDS, $ as VIEWER_PANEL_IDS, P as clearAudienceContent, k as cn, aa as createImageElementFromFile, u as defaultCssVars, w as defaultRadius, S as defaultThemeColors, sa as describeCollaborationShellState, l as exportAllSlidesToSvg, o as exportAllSlidesToSvgBlobs, s as exportSlideToSvg, t as exportSlideToSvgBlob, oa as forgetSessionDeck, ea as getSessionTabId, I as isAudienceTab, ra as isLegacyBinaryPresentation, ia as isSupportedPresentationFile, E as loadAudienceContent, ta as loadSessionDeck, V as parseAudienceNonce, la as parsePresentationSessionId, na as presentationBaseName, C as provideViewerTheme, ma as rememberSessionDeck, r as renderToCanvas, pa as restoreSessionDeck, wa as savedPresentationFileName, R as storeAudienceContent, D as themeToCssVars, i as useCollaboration, y as useCollaborativeHistory, g as useCollaborativeState, F as usePresenceTracking, p as useThemeStyle, m as useViewerTheme, M as useYjsProvider, n as vermilionDarkColors, B as vermilionDarkTheme, b as vermilionLightColors, d as vermilionLightTheme, x as vermilionRadius };

package/dist/viewer/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("../useViewerSettingsDialog-jAbWHh3J.cjs"), t = require("../viewer-7Z6aaf6w.cjs");
+const e = require("../useViewerSettingsDialog-jAbWHh3J.cjs"), t = require("../viewer-DIeoRrqK.cjs");
 let r = require("ooxml-ui/pptx");
 Object.defineProperty(exports, "AUDIENCE_HASH", {
 	enumerable: !0,

package/dist/viewer/index.js

@@ -1,3 +1,3 @@
 import { $ as a, Ar as s, Bn as r, C as e, Fr as o, Hn as n, Ir as t, Kn as l, L as i, Lr as d, M as R, Mr as S, N as m, Nr as b, P as C, Pr as w, S as u, Vn as c, X as p, Yn as v, Z as f, br as g, fr as j, j as x, jr as y, kr as I, lr as M, lt as P, pr as T, rr as A, ur as E, w as O, x as V, yr as h } from "../useViewerSettingsDialog-CXbWkqSq.js";
-import { C as k, S as B, _ as D, a as F, b as L, c as N, d as Z, f as q, g as H, h as K, i as W, m as X, n as Y, o as $, p as _, r as z, s as G, t as J, u as Q, v as U, w as aa, y as sa } from "../viewer-DIlCsUp0.js";
+import { C as k, S as B, _ as D, a as F, b as L, c as N, d as Z, f as q, g as H, h as K, i as W, m as X, n as Y, o as $, p as _, r as z, s as G, t as J, u as Q, v as U, w as aa, y as sa } from "../viewer-otc0mMwo.js";
 export { Z as AUDIENCE_HASH, g as ChartRenderer, U as CollaborationCursors, aa as CollaborationStatusIndicator, h as ConnectorRenderer, b as DEFAULT_CANVAS_HEIGHT, w as DEFAULT_CANVAS_WIDTH, o as DEFAULT_FILL_COLOR, t as DEFAULT_STROKE_COLOR, d as DEFAULT_TEXT_COLOR, c as ElementRenderer, T as EquationRenderer, Q as FollowModeBar, j as InkRenderer, k as InlineTextEditor, E as Model3DRenderer, M as OleRenderer, N as PowerPointViewer, D as RemoteSelectionOverlay, L as RibbonToolbar, B as SelectionOverlay, sa as SlideCanvas, r as SlideStage, A as SmartArtRenderer, v as TableRenderer, l as WordArtText, n as ZoomRenderer, R as buildInitialGuides, q as clearAudienceContent, m as collectImagePaths, C as collectMediaElements, V as exportAllSlidesToSvg, u as exportAllSlidesToSvgBlobs, e as exportSlideToSvg, O as exportSlideToSvgBlob, I as getContainerStyle, s as getImageSrc, Y as getResolvedShapeClipPath, z as getResolvedShapeClipPathFor, y as getShapeFillStrokeStyle, S as getTextBlockStyle, _ as isAudienceTab, X as loadAudienceContent, J as overlayInlineTextSnapshot, K as parseAudienceNonce, H as storeAudienceContent, P as useCollaboration, W as useCollaborativeHistory, F as useCollaborativeState, a as useEditorHistory, f as useEditorOperations, p as useElementDrag, i as useInlineEditing, x as useLoadContent, $ as usePresenceTracking, G as useYjsProvider };

package/dist/{viewer-7Z6aaf6w.cjs → viewer-DIeoRrqK.cjs}

@@ -2798,7 +2798,7 @@ var ro = [".state"], io = (0, n.defineComponent)({
 function co() {
 	return (0, n.inject)(so, () => {});
 }
-var po = "4.47.0", uo = Symbol("pptx-account-auth");
+var po = "4.47.1", uo = Symbol("pptx-account-auth");
 var mo = { class: "pptx-vue-account mt-8 flex max-w-[760px] flex-col gap-6" }, vo = { class: "pptx-vue-account-section border border-border bg-card p-6 text-card-foreground" }, go = { class: "text-base font-semibold" }, fo = { class: "mt-4 flex items-center gap-4" }, xo = { class: "min-w-0 flex-1" }, yo = { class: "block text-xs font-medium text-muted-foreground" }, ho = ["value", "placeholder"], bo = { class: "mt-4" }, ko = { class: "block text-xs font-medium text-muted-foreground" }, So = { class: "mt-2 flex gap-2" }, Eo = [
 	"aria-pressed",
 	"aria-label",
@@ -7578,20 +7578,20 @@ var ii = ["placement", ".state"], si = {
 				heightPx: r.canvasSize.height
 			})
 		})), p = (0, n.ref)(null), u = (0, n.ref)(null);
-		function m() {
-			const e = p.value, { width: n, height: o } = r.canvasSize;
-			if (!e || !n || !o) return void i("update:fitScale", 1);
-			const a = r.showRulers ? t.RULER_THICKNESS : 0, l = (0, t.calculateViewportFit)({
-				viewportWidth: e.clientWidth,
-				viewportHeight: e.clientHeight,
-				canvasWidth: n,
-				canvasHeight: o,
+		function m(e) {
+			const n = p.value, { width: o, height: a } = r.canvasSize;
+			if (!n || !o || !a) return void i("update:fitScale", 1);
+			const l = r.showRulers ? t.RULER_THICKNESS : 0, s = e ?? (0, t.measureViewportClientSize)(n), c = (0, t.calculateViewportFit)({
+				viewportWidth: s.width,
+				viewportHeight: s.height,
+				canvasWidth: o,
+				canvasHeight: a,
 				fitPadding: r.fitPadding,
 				maxFitScale: r.maxFitScale,
-				horizontalGutter: 2 * a,
-				verticalGutter: a
-			}, (0, t.editorViewportFitFor)(e.clientWidth));
-			i("update:fitScale", l.scale);
+				horizontalGutter: 2 * l,
+				verticalGutter: l
+			}, (0, t.editorViewportFitFor)(s.width));
+			i("update:fitScale", c.scale);
 		}
 		a({ getStageElement: () => {
 			const e = u.value?.$el;
@@ -7599,16 +7599,16 @@ var ii = ["placement", ".state"], si = {
 		} });
 		let v = null;
 		return (0, n.onMounted)(() => {
-			m(), "undefined" != typeof ResizeObserver && p.value && (v = new ResizeObserver(() => m()), v.observe(p.value));
+			p.value ? v = (0, t.observeViewportClientSize)(p.value, (e) => m(e)) : m();
 		}), (0, n.onBeforeUnmount)(() => {
-			v?.disconnect(), v = null;
+			v?.(), v = null;
 		}), (0, n.watch)(() => [
 			r.canvasSize.width,
 			r.canvasSize.height,
 			r.showRulers,
 			r.fitPadding,
 			r.maxFitScale
-		], m, { deep: !0 }), (t, a) => ((0, n.openBlock)(), (0, n.createElementBlock)("div", {
+		], () => m(), { deep: !0 }), (t, a) => ((0, n.openBlock)(), (0, n.createElementBlock)("div", {
 			ref_key: "viewportRef",
 			ref: p,
 			class: "pptx-vue-canvas-viewport",
@@ -24847,7 +24847,7 @@ var VG = (0, n.defineComponent)({
 			var a;
 		}), 128))])], 8, kK))), 128))])) : ((0, n.openBlock)(), (0, n.createElementBlock)("div", xK, [(0, n.createElementVNode)("p", yK, (0, n.toDisplayString)((0, n.unref)(i)("pptx.accessibility.noIssuesFound")), 1), (0, n.createElementVNode)("p", hK, (0, n.toDisplayString)((0, n.unref)(i)("pptx.accessibility.noIssuesHint")), 1)]))], 8, mK));
 	}
-}), FK = (0, n.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-DijLC9jc.cjs"))), PK = { class: "pptx-vue-custom-shows flex flex-col gap-2 p-2.5 text-xs text-foreground" }, DK = { class: "pptx-vue-cs-header flex items-center" }, IK = { class: "pptx-vue-cs-title m-0 text-[13px] font-semibold" }, AK = { class: "pptx-vue-cs-list-row flex items-center gap-1.5" }, _K = ["aria-label", "value"], zK = {
+}), FK = (0, n.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-DL_x2P2A.cjs"))), PK = { class: "pptx-vue-custom-shows flex flex-col gap-2 p-2.5 text-xs text-foreground" }, DK = { class: "pptx-vue-cs-header flex items-center" }, IK = { class: "pptx-vue-cs-title m-0 text-[13px] font-semibold" }, AK = { class: "pptx-vue-cs-list-row flex items-center gap-1.5" }, _K = ["aria-label", "value"], zK = {
 	key: 0,
 	value: "",
 	disabled: ""