vgapp 0.5.9 → 0.6.1

package/CHANGELOG.md

@@ -1,4 +1,4 @@
-# VEGAS-APP 0.5.6 - 0.5.9 (Август, 08, 2025)
+# VEGAS-APP 0.5.6 - 0.6.1 (Август, 21, 2025)
 * Разделение JS и CSS
 * Исправлены ошибки в разных модулях
 

package/app/modules/base-module.js

@@ -96,6 +96,47 @@ 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

@@ -35,7 +35,7 @@ class VGDropdown extends BaseModule {
 			overflow: false,
 			keyboard: false,
 			placement: 'bottom',
-			timeoutAnimation: 350,
+			timeoutAnimation: 10,
 			hover: false,
 			ajax: {
 				route: '',
@@ -184,18 +184,11 @@ class VGDropdown extends BaseModule {
 		const _this = this;
 
 		if (!_this._isPlacement) {
-			let placement = new Placement({
-				element: this._parent,
-				drop: this._drop
-			})._getPlacement();
-
-			if (placement.isFixed) {
-				_this._drop.style.position = 'fixed';
-				_this._drop.style.transform = 'translateY(-20%)'; // todo this is костыль поfixить
-			}
+			const $placement = new Placement({
+				drop: _this._drop
+			})
 
-			_this._drop.style.left = placement.left + 'px';
-			_this._drop.style.top =  placement.top + 'px';
+			$placement._setPlacement();
 		}
 
 		if (_this._params.offset) {
@@ -209,8 +202,9 @@ class VGDropdown extends BaseModule {
 	static init(element, params = {}) {
 		const instance = VGDropdown.getOrCreateInstance(element, params);
 
-		if (instance._params.hover) {
+		if (instance._params.hover && !instance.isMobileDevice()) {
 			let currentElem = null;
+
 			EventHandler.on(instance._parent, EVENT_MOUSEOVER_DATA_API, function (event) {
 				if (currentElem) return;
 				VGDropdown.hideOpenToggles(event);
@@ -236,16 +230,16 @@ class VGDropdown extends BaseModule {
 				currentElem = null;
 				instance._completeHide({relatedTarget: instance._element});
 			})
-		} else {
-			EventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_DATA_TOGGLE, VGDropdown.keydownHandler);
-			EventHandler.on(document, EVENT_KEYDOWN_DATA_API, '.' + TARGET_CONTAINER, VGDropdown.keydownHandler);
-			EventHandler.on(document, EVENT_KEYUP_DATA_API, VGDropdown.clearDrops);
-			EventHandler.on(document, EVENT_CLICK_DATA_API, VGDropdown.clearDrops);
-			EventHandler.on(element, EVENT_CLICK_DATA_API, function (event) {
-				event.preventDefault();
-				instance.toggle();
-			});
 		}
+
+		EventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_DATA_TOGGLE, VGDropdown.keydownHandler);
+		EventHandler.on(document, EVENT_KEYDOWN_DATA_API, '.' + TARGET_CONTAINER, VGDropdown.keydownHandler);
+		EventHandler.on(document, EVENT_KEYUP_DATA_API, VGDropdown.clearDrops);
+		EventHandler.on(document, EVENT_CLICK_DATA_API, VGDropdown.clearDrops);
+		EventHandler.on(element, EVENT_CLICK_DATA_API, function (event) {
+			event.preventDefault();
+			instance.toggle();
+		});
 	}
 
 	static hideOpenToggles(event) {

package/app/modules/vgdropdown/scss/vgdropdown.scss

@@ -17,11 +17,13 @@
 
 	&-content {
 		z-index: var(--vg-dropdown-z-index);
-		position: absolute;
-		opacity: 0;
 		transform: translateY(20%);
 		transition: var(--vg-dropdown-transition);
 		min-width: var(--vg-dropdown-min-width);
+		position: absolute;
+		opacity: 0;
+		left: 0;
+		top: 100%;
 
 		&:not(.show) {
 			display: none;
@@ -35,6 +37,33 @@
 			opacity: 1;
 			transform: translateY(0);
 		}
+
+		&.top {
+			bottom: 0;
+		}
+
+		&.bottom {
+			top: 0;
+		}
+
+		&.left {
+			left: 0;
+		}
+
+		&.right {
+			left: auto;
+			right: 0;
+		}
+
+		&.show {
+			&.top {
+				bottom: 100%;
+			}
+
+			&.bottom {
+				top: 100%;
+			}
+		}
 	}
 
 	&-container {