@shower/core 3.3.1 → 3.4.1

package/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Core for Shower HTML presentation engine
- * @shower/core v3.3.1, https://github.com/shower/shower/tree/main/packages/core
+ * @shower/core v3.4.0, https://github.com/shower/shower/tree/main/packages/core
  * @copyright 2010–2026 Vadim Makeev, https://pepelsbey.dev
  * @license MIT
  */
@@ -182,6 +182,27 @@
 		shower.addEventListener('slidechange', updateLiveRegion);
 	};
 
+	var fullscreen = (shower) => {
+		const toggleFullScreen = () => {
+			if (document.fullscreenElement) {
+				document.exitFullscreen();
+			} else {
+				document.documentElement.requestFullscreen();
+			}
+		};
+
+		shower.container.addEventListener('keydown', (event) => {
+			if (event.defaultPrevented) return;
+			if (isInteractiveElement(event.target)) return;
+			if (event.ctrlKey || event.altKey || event.metaKey) return;
+
+			if (event.key.toUpperCase() === 'F') {
+				event.preventDefault();
+				toggleFullScreen();
+			}
+		});
+	};
+
 	var keys = (shower) => {
 		const doSlideActions = (event) => {
 			const isShowerAction = !(event.ctrlKey || event.altKey || event.metaKey);
@@ -543,14 +564,16 @@
 				container.classList.add(listModeClass);
 			}
 
-			updateScale();
+			requestAnimationFrame(() => {
+				updateScale();
 
-			if (shower.isFullMode) return;
+				if (shower.isFullMode) return;
 
-			const slide = shower.activeSlide;
-			if (slide) {
-				slide.element.scrollIntoView({ block: 'center' });
-			}
+				const slide = shower.activeSlide;
+				if (slide) {
+					slide.element.scrollIntoView({ block: 'center' });
+				}
+			});
 		};
 
 		shower.addEventListener('start', updateModeView);
@@ -644,6 +667,7 @@
 
 	var installModules = (shower) => {
 		a11y(shower);
+		fullscreen(shower);
 		progress(shower);
 		keys(shower);
 		next(shower);

package/lib/modules/fullscreen.js

@@ -0,0 +1,22 @@
+import { isInteractiveElement } from '../utils.js';
+
+export default (shower) => {
+	const toggleFullScreen = () => {
+		if (document.fullscreenElement) {
+			document.exitFullscreen();
+		} else {
+			document.documentElement.requestFullscreen();
+		}
+	};
+
+	shower.container.addEventListener('keydown', (event) => {
+		if (event.defaultPrevented) return;
+		if (isInteractiveElement(event.target)) return;
+		if (event.ctrlKey || event.altKey || event.metaKey) return;
+
+		if (event.key.toUpperCase() === 'F') {
+			event.preventDefault();
+			toggleFullScreen();
+		}
+	});
+};

package/lib/modules/install.js

@@ -1,4 +1,5 @@
 import a11y from './a11y.js';
+import fullscreen from './fullscreen.js';
 import keys from './keys.js';
 import location from './location.js';
 import next from './next.js';
@@ -11,6 +12,7 @@ import mouse from './mouse.js';
 
 export default (shower) => {
 	a11y(shower);
+	fullscreen(shower);
 	progress(shower);
 	keys(shower);
 	next(shower);

package/lib/modules/view.js

@@ -31,14 +31,16 @@ export default (shower) => {
 			container.classList.add(listModeClass);
 		}
 
-		updateScale();
+		requestAnimationFrame(() => {
+			updateScale();
 
-		if (shower.isFullMode) return;
+			if (shower.isFullMode) return;
 
-		const slide = shower.activeSlide;
-		if (slide) {
-			slide.element.scrollIntoView({ block: 'center' });
-		}
+			const slide = shower.activeSlide;
+			if (slide) {
+				slide.element.scrollIntoView({ block: 'center' });
+			}
+		});
 	};
 
 	shower.addEventListener('start', updateModeView);

package/package.json

@@ -2,7 +2,7 @@
 	"type": "module",
 	"name": "@shower/core",
 	"description": "Core for Shower HTML presentation engine",
-	"version": "3.3.1",
+	"version": "3.4.1",
 	"publishConfig": {
 		"access": "public"
 	},