vgapp 0.1.9 → 0.2.1

package/CHANGELOG.md

@@ -1,19 +1,23 @@
-# VEGAS-NAV 0.1.9 (Март, 13, 2025)
+# VEGAS-APP 0.2.1 (Март, 13, 2025)
+## Модуль VGDROPDOWN
+* Теперь можно открыть выпадающих список через параметр data-vg-target
+
+# VEGAS-APP 0.1.9 (Март, 13, 2025)
 ## Модуль VGFORMSENDER
 * Новый параметр timeout. Задержка показа модального окна после закрытия других открытых окон.
 
 
-# VEGAS-NAV 0.1.8 (Март, 13, 2025)
+# VEGAS-APP 0.1.8 (Март, 13, 2025)
 ## Модуль VGSelect
 * Релиз
 
 
-# VEGAS-NAV 0.1.6 - 0.1.7 (Март, 12, 2025)
+# VEGAS-APP 0.1.6 - 0.1.7 (Март, 12, 2025)
 ## Модуль VGSelect
 * Исправлены ошибки
 
 
-# VEGAS-NAV 0.1.5 (Март, 11, 2025)
+# VEGAS-APP 0.1.5 (Март, 11, 2025)
 ## Модуль VGSelect
 ### Добавлено:
 * data-placeholder
@@ -26,7 +30,7 @@
 * Событие после аякс запроса NAME_KEY.loaded
 
 
-# VEGAS-NAV 0.1.3 - 0.1.4 (Март, 10, 2025)
+# VEGAS-APP 0.1.3 - 0.1.4 (Март, 10, 2025)
 * Перенесен плагин (<a href="https://github.com/vegas-dev/vegas-select">VGSelect</a>) в модуль VGSelect
 * для модулей VGSidebar и VGModal добавлена возможность собирать параметры с кнопки вызова элемента
 * в модуль VGSidebar добавлен класс vg-sidebar-open в тело документа

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

@@ -55,8 +55,10 @@ class VGDropdown extends BaseModule {
 
 		this._params = this._getParams(element, mergeDeepObject(defaultParams, params));
 
+		const target = Selectors.getElementFromSelector(this._element);
+
 		this._parent = this._element.parentNode;
-		this._drop = Selectors.find('.' + TARGET_CONTAINER, this._parent);
+		this._drop = target || Selectors.find('.' + TARGET_CONTAINER, this._parent);
 		this._isPlacement = false;
 
 		this._params.animation.delay = !this._params.animation.enable ? 0 : this._params.animation.delay;

package/app/modules/vgformsender/js/vgformsender.js

@@ -32,7 +32,7 @@ class VGFormSender extends BaseModule {
 			validate: false,
 			submit: false,
 			fields: [],
-			timeout: 600,
+			timeout: 50,
 			alert: {
 				enabled: true,
 				type: 'modal'
@@ -260,7 +260,7 @@ class VGFormSender extends BaseModule {
 		[...document.getElementsByClassName('vg-modal')].forEach(function (element) {
 			if (element && element.classList.contains('show')) {
 				const mVG = VGModal.getOrCreateInstance(element);
-				mVG.hide();
+				mVG.hide([mVG]);
 			}
 		});
 

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

@@ -159,7 +159,7 @@ class VGModal extends BaseModule {
 		Backdrop.show(() => this._showElement(relatedTarget));
 	}
 
-	hide() {
+	hide(openedModals = []) {
 		if (!this._isShown || this._isTransitioning) return;
 
 		const hideEvent = EventHandler.trigger(this._element, EVENT_KEY_HIDE);
@@ -170,17 +170,19 @@ class VGModal extends BaseModule {
 
 		setTimeout(() => {
 			this._element.classList.remove(CLASS_NAME_SHOW);
-			this._queueCallback(() => this._hideModal(), this._element, this._isAnimatedFade());
+			this._queueCallback(() => this._hideModal(openedModals), this._element, this._isAnimatedFade());
 		}, this._params.animation.delay);
 	}
 
-	_hideModal() {
+	_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;
 
+		if (openedModals.length) return;
+
 		Backdrop.hide(() => {
 			document.body.classList.remove(CLASS_NAME_OPEN);
 			this._resetAdjustments();
@@ -336,7 +338,7 @@ EventHandler.on(document, EVENT_KEY_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, functi
 	});
 
 	const alreadyOpen = Selectors.find(OPEN_SELECTOR);
-	if (alreadyOpen) VGModal.getInstance(alreadyOpen).hide();
+	if (alreadyOpen) VGModal.getInstance(alreadyOpen).hide([alreadyOpen]);
 
 	const data = VGModal.getOrCreateInstance(target);
 	data.toggle(this);

package/app/modules/vgnav/scss/vgnav.scss

@@ -49,6 +49,8 @@
 		}
 
 		.dropdown {
+			position: relative;
+
 			.dropdown-content {
 				transition: var(--vg-nav-drop-transition);
 				list-style: none;