vgapp 0.8.4 → 0.8.6

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+# VEGAS-APP 0.8.3 - 0.8.6 (Январь, 4, 2025)
+* Исправлены ошибки в разных модулях
+
+---
+
 # VEGAS-APP 0.8.2 (Январь, 4, 2025)
 * Оптимизирован модуль VGRollup, см. файл readme.md
 * Оптимизирован модуль VGSidebar, см. файл readme.md

package/app/modules/base-module.js

@@ -154,47 +154,6 @@ class BaseModule {
 		new Animation(element, key, params);
 	}
 
-	isMobileDevice() {
-		const userAgent = navigator.userAgent;
-		const isMobileUA = /Android|iPhone|iPad|iPod/i.test(userAgent);
-		const isTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-		const isSmallScreen = window.innerWidth < 768;
-		const isHighDPI = window.devicePixelRatio >= 2;
-
-		function detectIPadPro() {
-			const userAgent = navigator.userAgent;
-			const platform = navigator.platform;
-
-			const isIPad = /iPad/.test(userAgent) || (platform === 'MacIntel' && navigator.maxTouchPoints > 1);
-
-			if (!isIPad) return { isiPadPro: false };
-
-			const screenWidth = window.screen.width * window.devicePixelRatio;
-			const screenHeight = window.screen.height * window.devicePixelRatio;
-
-			const proResolutions = [
-				{ width: 2048, height: 2732 }, // 12.9"
-				{ width: 1668, height: 2388 }, // 11"
-				{ width: 1668, height: 2224 }  // 10.5"
-			];
-
-			const isProResolution = proResolutions.some(res =>
-				(screenWidth === res.width && screenHeight === res.height) ||
-				(screenWidth === res.height && screenHeight === res.width)
-			);
-
-			return {
-				isiPadPro: isProResolution,
-				screenWidth: screenWidth,
-				screenHeight: screenHeight,
-				userAgent: userAgent,
-				platform: platform
-			};
-		}
-
-		return isMobileUA || (isTouchDevice && isSmallScreen && isHighDPI) || detectIPadPro().isiPadPro;
-	}
-
 	static getInstance(element) {
 		return Data.get(Selectors.find(element), this.NAME_KEY)
 	}

package/app/modules/vgdropdown/js/vgdropdown.js

@@ -1,7 +1,7 @@
 import BaseModule from "../../base-module";
 import EventHandler from "../../../utils/js/dom/event";
 import Selectors from "../../../utils/js/dom/selectors";
-import {isDisabled, mergeDeepObject, noop} from "../../../utils/js/functions";
+import {isDisabled, isMobileDevice, mergeDeepObject, noop} from "../../../utils/js/functions";
 import Placement from "../../../utils/js/components/placement";
 
 /**
@@ -299,7 +299,7 @@ class VGDropdown extends BaseModule {
 	static init(element, params = {}) {
 		const instance = VGDropdown.getOrCreateInstance(element, params);
 
-		if (instance._params.hover && !instance.isMobileDevice()) {
+		if (instance._params.hover && !isMobileDevice()) {
 			let currentElem = null;
 
 			EventHandler.on(instance._parent, EVENT_MOUSEOVER_DATA_API, (event) => {

package/app/modules/vgnav/js/vgnav.js

@@ -1,7 +1,15 @@
 import BaseModule from "../../base-module";
 import Selectors from "../../../utils/js/dom/selectors";
 import {getSVG} from "../../module-fn";
-import {execute, isDisabled, isVisible, mergeDeepObject, noop, normalizeData} from "../../../utils/js/functions";
+import {
+	execute,
+	isDisabled,
+	isMobileDevice,
+	isVisible,
+	mergeDeepObject,
+	noop,
+	normalizeData
+} from "../../../utils/js/functions";
 import EventHandler from "../../../utils/js/dom/event";
 import {Manipulator} from "../../../utils/js/dom/manipulator";
 import Placement from "../../../utils/js/components/placement";
@@ -332,7 +340,7 @@ class VGNav extends BaseModule {
 
 		let drops = Selectors.findAll('.dropdown', instance.navigation);
 
-		if (instance._params.hover && !instance.isMobileDevice()) {
+		if (instance._params.hover && !isMobileDevice()) {
 			[...drops].forEach(function (el) {
 				let currentElem = null;
 
@@ -431,7 +439,7 @@ EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (
 		execute(instance._params.callbacks.afterClick, [instance, event, this]);
 	}
 
-	if (instance._params.hover && !instance.isMobileDevice()) return;
+	if (instance._params.hover && !isMobileDevice()) return;
 
 	event.preventDefault();
 

package/app/modules/vgsidebar/js/vgsidebar.js

@@ -280,24 +280,6 @@ class VGSidebar extends BaseModule {
 			}
 		});
 	}
-
-	/**
-	 * Инициализирует поведение закрытия по клику вне (через `dismissTrigger`).
-	 * @private
-	 */
-	_dismissElement() {
-		dismissTrigger(this);
-	}
-
-	/**
-	 * Заглушка для возможной AJAX-логики. Может быть переопределена.
-	 * @param {Function} callback - Колбэк после загрузки.
-	 * @private
-	 */
-	_route(callback) {
-		// Здесь может быть реализация AJAX-загрузки
-		callback(true, null);
-	}
 }
 
 // Автоматическая инициализация по data-атрибутам

package/app/utils/js/components/backdrop.js

@@ -10,7 +10,7 @@ const CLASS_NAME_FADE = 'fade';
 const CLASS_NAME_SHOW = 'show';
 const EVENT_MOUSEDOWN = `mousedown.vg.${NAME}`;
 
-const backdropDelay = 150; // Уменьшено для более плавного UX
+const backdropDelay = 150;
 
 class Backdrop {
 	static get _rootEl() {

package/app/utils/js/components/scrollbar.js

@@ -10,7 +10,7 @@
 
 import { Manipulator } from "../dom/manipulator";
 import Selectors from "../dom/selectors";
-import { isElement } from "../functions";
+import {isElement, isMobileDevice} from "../functions";
 
 /**
  * Константы
@@ -50,14 +50,16 @@ class ScrollBarHelper {
 	 * Скрывает скроллбар и корректирует макет
 	 */
 	hide() {
-		const width = this.getWidth();
-		if (width === 0) return;
-
-		this._disableOverflow();
-
-		this._setStyle(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, width, (value) => value + width);
-		this._setStyle(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, width, (value) => value - width);
-		this._setStyle(this._element, PROPERTY_PADDING, width, (value) => value + width);
+		if (this.isOverflowing && !isMobileDevice()) {
+			const width = this.getWidth();
+			this._disableOverflow();
+
+			this._setStyle(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, width, (value) => value + width);
+			this._setStyle(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, width, (value) => value - width);
+			this._setStyle(this._element, PROPERTY_PADDING, width, (value) => value + width);
+		} else if (isMobileDevice()) {
+			this._disableOverflow();
+		}
 	}
 
 	/**
@@ -70,8 +72,6 @@ class ScrollBarHelper {
 		this._resetStyle(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN);
 	}
 
-	// === Приватные методы ===
-
 	/**
 	 * Блокирует overflow у body
 	 * @private

package/app/utils/js/functions.js

@@ -309,6 +309,47 @@ const getDeepestLastChild = (el) => {
  */
 const isRTL = () => document.documentElement.dir === 'rtl';
 
+function isMobileDevice() {
+	const userAgent = navigator.userAgent;
+	const isMobileUA = /Android|iPhone|iPad|iPod/i.test(userAgent);
+	const isTouchDevice = "ontouchstart" in window || navigator.maxTouchPoints > 0;
+	const isSmallScreen = window.innerWidth < 768;
+	const isHighDPI = window.devicePixelRatio >= 2;
+
+	function detectIPadPro() {
+		const userAgent = navigator.userAgent;
+		const platform = navigator.platform;
+
+		const isIPad = /iPad/.test(userAgent) || (platform === 'MacIntel' && navigator.maxTouchPoints > 1);
+
+		if (!isIPad) return { isiPadPro: false };
+
+		const screenWidth = window.screen.width * window.devicePixelRatio;
+		const screenHeight = window.screen.height * window.devicePixelRatio;
+
+		const proResolutions = [
+			{ width: 2048, height: 2732 }, // 12.9"
+			{ width: 1668, height: 2388 }, // 11"
+			{ width: 1668, height: 2224 }  // 10.5"
+		];
+
+		const isProResolution = proResolutions.some(res =>
+			(screenWidth === res.width && screenHeight === res.height) ||
+			(screenWidth === res.height && screenHeight === res.width)
+		);
+
+		return {
+			isiPadPro: isProResolution,
+			screenWidth: screenWidth,
+			screenHeight: screenHeight,
+			userAgent: userAgent,
+			platform: platform
+		};
+	}
+
+	return isMobileUA || (isTouchDevice && isSmallScreen && isHighDPI) || detectIPadPro().isiPadPro;
+}
+
 // экспорт
 export {
 	getDeepestLastChild,
@@ -331,4 +372,5 @@ export {
 	getNextActiveElement,
 	getTransitionDurationFromElement,
 	triggerTransitionEnd,
+	isMobileDevice
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vgapp",
-	"version": "0.8.4",
+	"version": "0.8.6",
 	"description": "",
 	"author": {
 		"name": "Vegas Studio",