vgapp 0.6.7 → 0.6.9

package/CHANGELOG.md

@@ -1,13 +1,25 @@
+# VEGAS-APP 0.6.6 - 0.6.8 (Ноябрь, 17, 2025)
+* isLeaveBackDrop (boolean) - для методов .hide() модулей VGModal и VGSidebar. Если программно нужно сменить модалки или сайдбары и/или одно на другое при этом не будет затронут задний фон Backdrop
+* Исправлены ошибки в разных модулях
+
+---
+ 
 # VEGAS-APP 0.6.2 - 0.6.5 (Ноябрь, 10, 2025)
 * Исправлены ошибки в разных модулях
 
+---
+
 # VEGAS-APP 0.5.6 - 0.6.1 (Август, 21, 2025)
 * Разделение JS и CSS
 * Исправлены ошибки в разных модулях
 
+---
+
 # VEGAS-APP 0.4.6 - 0.5.5 (Июнь, 21, 2025)
 * Исправлены ошибки в разных модулях
 
+---
+
 # VEGAS-APP 0.4.3 - 0.4.6 (Июнь, 3, 2025)
 * Исправлены ошибки в разных модулях
 * Во все модули, где есть группа параметров ajax, добавлен параметр output (boolean), 
@@ -15,6 +27,7 @@
 * Во все модули, где есть группа параметров ajax, добавлен параметр once (boolean), 
 разовый запрос на сервер
 
+---
 ## Модуль VGRollup
 * Исправлено, последовательное открытие свернутого контента
 

package/app/modules/vgmodal/js/vgmodal.js

@@ -149,7 +149,7 @@ class VGModal extends BaseModule {
 	show(relatedTarget) {
 		if (isDisabled(this._element)) return;
 
-		if (this._params.ajax.route && this._params.ajax.target) {
+		if (this._params.ajax.route && this._params.ajax.target && !this._params.ajax.once) {
 			const ajaxTargetContent = Selectors.find(this._params.ajax.target, this._element);
 			if (ajaxTargetContent) ajaxTargetContent.innerHTML = '';
 		}
@@ -178,7 +178,7 @@ class VGModal extends BaseModule {
 		Backdrop.show(() => this._showElement(relatedTarget));
 	}
 
-	hide(openedModals = []) {
+	hide(openedModals = [], isLeaveBackDrop = false) {
 		if (!this._isShown || this._isTransitioning) return;
 
 		const hideEvent = EventHandler.trigger(this._element, EVENT_KEY_HIDE);
@@ -187,32 +187,34 @@ class VGModal extends BaseModule {
 		this._isShown = false;
 		this._isTransitioning = true;
 
+		document.body.classList.remove(CLASS_NAME_OPEN);
+
 		setTimeout(() => {
 			this._element.classList.remove(CLASS_NAME_SHOW);
-			this._queueCallback(() => this._hideModal(openedModals), this._element, this._isAnimatedFade());
+			this._queueCallback(() => this._hideModal(openedModals, isLeaveBackDrop), this._element, this._isAnimatedFade());
 		}, this._params.animation.delay);
 	}
 
-	_hideModal(openedModals) {
-		this._element.style.display = 'none';
-		//this._element.setAttribute('aria-hidden', true);
-		this._element.removeAttribute('aria-modal');
-		this._element.removeAttribute('role');
-		this._isTransitioning = false;
+	_hideModal(openedModals, isLeaveBackDrop) {
+		if (!isLeaveBackDrop) {
+			this._element.style.display = 'none';
+			this._element.removeAttribute('aria-modal');
+			this._element.removeAttribute('role');
+			this._isTransitioning = false;
 
-		if (openedModals.length) return;
+			if (openedModals.length) return;
 
-		if (this._params.hash) {
-			history.pushState("", document.title, window.location.pathname + window.location.search);
-		}
+			if (this._params.hash) {
+				history.pushState("", document.title, window.location.pathname + window.location.search);
+			}
 
-		Backdrop.hide(() => {
-			document.body.classList.remove(CLASS_NAME_OPEN);
-			this._resetAdjustments();
-			this._scrollBar.reset();
+			Backdrop.hide(() => {
+				this._resetAdjustments();
+				this._scrollBar.reset();
 
-			EventHandler.trigger(this._element, EVENT_KEY_HIDDEN);
-		})
+				EventHandler.trigger(this._element, EVENT_KEY_HIDDEN);
+			})
+		}
 	}
 
 	_showElement(relatedTarget) {
@@ -221,7 +223,6 @@ class VGModal extends BaseModule {
 		}
 
 		this._element.style.display = 'block';
-		//this._element.removeAttribute('aria-hidden');
 		this._element.setAttribute('aria-modal', true);
 		this._element.setAttribute('role', 'dialog');
 		this._element.scrollTop = 0;

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

@@ -114,36 +114,38 @@ class VGSidebar extends BaseModule {
 		_this._queueCallback(completeCallBack, _this._element, true, 50)
 	}
 
-	hide() {
-		const _this = this;
-		if (isDisabled(_this._element)) return;
+	hide(isLeaveBackDrop = false) {
+		if (isDisabled(this._element)) return;
 
 		const hideEvent = EventHandler.trigger(this._element, EVENT_KEY_HIDE);
 		if (hideEvent.defaultPrevented) return;
 
+		document.body.classList.remove(CLASS_NAME_OPEN);
+
 		setTimeout(() => {
-			_this._element.setAttribute('aria-expanded', false);
-			_this._element.classList.remove(CLASS_NAME_SHOW);
+			this._element.setAttribute('aria-expanded', false);
+			this._element.classList.remove(CLASS_NAME_SHOW);
 
 			const completeCallback = () => {
-				if (_this._params.backdrop) {
-					Backdrop.hide(function () {
-						if (_this._params.overflow) {
-							Overflow.destroy();
-						}
-					});
-				}
-
-				if (_this._params.overflow) {
-					Overflow.destroy();
-				}
-
-				if (_this._params.hash) {
-					history.pushState("", document.title, window.location.pathname + window.location.search);
+				if (!isLeaveBackDrop) {
+					if (this._params.backdrop) {
+						Backdrop.hide(() => {
+							if (this._params.overflow) {
+								Overflow.destroy();
+							}
+						});
+					}
+
+					if (this._params.overflow) {
+						Overflow.destroy();
+					}
+
+					if (this._params.hash) {
+						history.pushState("", document.title, window.location.pathname + window.location.search);
+					}
+
+					EventHandler.trigger(this._element, EVENT_KEY_HIDDEN);
 				}
-
-				document.body.classList.remove(CLASS_NAME_OPEN);
-				EventHandler.trigger(this._element, EVENT_KEY_HIDDEN);
 			}
 			this._queueCallback(completeCallback, this._element, true);
 		}, this._params.animation.delay);

package/package.json

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