vgapp 1.2.3 → 1.2.5

package/app/modules/vgmodal/scss/vgmodal.scss

@@ -11,18 +11,19 @@
 @import "../../../utils/scss/variables";
 @import "variables";
 
-.vg-modal {
-	@include mix-vars('modal', $modal-map);
-	position: fixed;
-	left: 0;
-	top: 0;
-	width: 100%;
-	height: 100%;
-	z-index: var(--vg-modal-z-index);
-	display: none;
-	overflow-x: hidden;
-	overflow-y: auto;
-	outline: 0;
+.vg-modal {
+	@include mix-vars('modal', $modal-map);
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	z-index: var(--vg-modal-z-index);
+	display: none;
+	pointer-events: none;
+	overflow-x: hidden;
+	overflow-y: auto;
+	outline: 0;
 
 	&-dialog {
 		position: relative;
@@ -120,4 +121,4 @@
 	.vg-modal-xl {
 		--vg-modal-width: #{$modal-xl};
 	}
-}
+}

package/app/modules/vgtoast/js/vgtoast.js

@@ -184,11 +184,11 @@ class VGToast extends BaseModule {
 		this._dismissElement();
 		this._addEventListeners();
 
-		/** @private */
-		this._timeout = null;
-		this._hideTimeout = null;
-		this._isHiding = false;
-	}
+		/** @private */
+		this._timeout = null;
+		this._hideTimeout = null;
+		this._isHiding = false;
+	}
 
 	/**
 	 * Имя модуля
@@ -318,7 +318,7 @@ class VGToast extends BaseModule {
 	/**
 	 * Переключает состояние (показать/скрыть)
 	 * @param {Element} [relatedTarget] - Элемент, вызвавший тост.
-	 * @returns {VGToast}
+	 * @returns {void}
 	 */
 	toggle(relatedTarget) {
 		return this._isShown() ? this.hide() : this.show(relatedTarget);
@@ -329,105 +329,105 @@ class VGToast extends BaseModule {
 	 * @param {Element} [relatedTarget] - Элемент, инициировавший показ.
 	 * @returns {void}
 	 */
-	show(relatedTarget) {
-		if (isDisabled(this._element)) return;
-
-		const element = this._element;
-		this._clearTimeout();
-		this._clearHideTimeout();
-		this._isHiding = false;
-		this._disableInteractionHandlers();
-
-		this._params = this._getParams(relatedTarget || {}, this._params);
-		this._route((status, data) => {
-			if (this._element !== element) return;
-			EventHandler.trigger(element, EVENT_KEY_LOADED, { stats: status, data });
-		});
-
-		const showEvent = EventHandler.trigger(element, EVENT_KEY_SHOW, { relatedTarget });
-		if (showEvent.defaultPrevented) return;
-
-		element.classList.remove(CLASS_NAME_SHOWN);
-		element.classList.add(CLASS_NAME_SHOW);
-		document.body.classList.add(CLASS_NAME_OPEN);
-
-		this._setPlacement();
-
-		const completeCallBack = () => {
-			if (this._element !== element || this._isHiding) return;
-
-			element.classList.add(CLASS_NAME_SHOWN);
-			this._toggleInteractionHandlers();
-			this._syncInteractiveBounds();
-			this._scheduleHide();
-			EventHandler.trigger(element, EVENT_KEY_SHOWN, { relatedTarget });
-		};
-
-		this._queueCallback(completeCallBack, element, true, this._params.animation.delay);
-	}
+	show(relatedTarget) {
+		if (isDisabled(this._element)) return;
+
+		const element = this._element;
+		this._clearTimeout();
+		this._clearHideTimeout();
+		this._isHiding = false;
+		this._disableInteractionHandlers();
+
+		this._params = this._getParams(relatedTarget || {}, this._params);
+		this._route((status, data) => {
+			if (this._element !== element) return;
+			EventHandler.trigger(element, EVENT_KEY_LOADED, { stats: status, data });
+		});
+
+		const showEvent = EventHandler.trigger(element, EVENT_KEY_SHOW, { relatedTarget });
+		if (showEvent.defaultPrevented) return;
+
+		element.classList.remove(CLASS_NAME_SHOWN);
+		element.classList.add(CLASS_NAME_SHOW);
+		document.body.classList.add(CLASS_NAME_OPEN);
+
+		this._setPlacement();
+
+		const completeCallBack = () => {
+			if (this._element !== element || this._isHiding) return;
+
+			element.classList.add(CLASS_NAME_SHOWN);
+			this._toggleInteractionHandlers();
+			this._syncInteractiveBounds();
+			this._scheduleHide();
+			EventHandler.trigger(element, EVENT_KEY_SHOWN, { relatedTarget });
+		};
+
+		this._queueCallback(completeCallBack, element, true, this._params.animation.delay);
+	}
 
 	/**
 	 * Скрывает тост
 	 * @returns {void}
 	 */
-	hide() {
-		if (isDisabled(this._element) || this._isHiding) return;
-
-		const element = this._element;
-		this._clearTimeout();
-		this._clearHideTimeout();
-
-		const hideEvent = EventHandler.trigger(element, EVENT_KEY_HIDE);
-		if (hideEvent.defaultPrevented) return;
-
-		this._isHiding = true;
-		element.classList.remove(CLASS_NAME_SHOWN);
-		this._disableInteractionHandlers();
-
-		this._hideTimeout = setTimeout(() => {
-			this._hideTimeout = null;
-			if (this._element !== element) return;
-
-			element.classList.remove(CLASS_NAME_SHOW);
-			if (this._params.stack.enable) {
-				this._setPlacement();
-			}
-
-			const completeCallback = () => {
-				if (this._element !== element) return;
-
-				if (!Selectors.find('.vg-toast.show')) {
-					document.body.classList.remove(CLASS_NAME_OPEN);
-				}
-
-				const shouldDispose = !this._params.static;
-				this._isHiding = false;
-				EventHandler.trigger(element, EVENT_KEY_HIDDEN);
-
-				if (this._element !== element) return;
-				if (shouldDispose) {
-					this.dispose();
-				}
-			};
-
-			this._queueCallback(completeCallback, element, false, this._params.animation.delay);
-		}, this._params.animation.delay);
-	}
+	hide() {
+		if (isDisabled(this._element) || this._isHiding) return;
+
+		const element = this._element;
+		this._clearTimeout();
+		this._clearHideTimeout();
+
+		const hideEvent = EventHandler.trigger(element, EVENT_KEY_HIDE);
+		if (hideEvent.defaultPrevented) return;
+
+		this._isHiding = true;
+		element.classList.remove(CLASS_NAME_SHOWN);
+		this._disableInteractionHandlers();
+
+		this._hideTimeout = setTimeout(() => {
+			this._hideTimeout = null;
+			if (this._element !== element) return;
+
+			element.classList.remove(CLASS_NAME_SHOW);
+			if (this._params.stack.enable) {
+				this._setPlacement();
+			}
+
+			const completeCallback = () => {
+				if (this._element !== element) return;
+
+				if (!Selectors.find('.vg-toast.show')) {
+					document.body.classList.remove(CLASS_NAME_OPEN);
+				}
+
+				const shouldDispose = !this._params.static;
+				this._isHiding = false;
+				EventHandler.trigger(element, EVENT_KEY_HIDDEN);
+
+				if (this._element !== element) return;
+				if (shouldDispose) {
+					this.dispose();
+				}
+			};
+
+			this._queueCallback(completeCallback, element, false, this._params.animation.delay);
+		}, this._params.animation.delay);
+	}
 
 	/**
 	 * Удаляет тост из DOM и снимает обработчики
 	 * @override
 	 */
-	dispose() {
-		if (!this._element) return;
-
-		this._clearTimeout();
-		this._clearHideTimeout();
-		this._disableInteractionHandlers();
-		if (!this._params.static) {
-			this._element.remove();
-		}
-		super.dispose();
+	dispose() {
+		if (!this._element) return;
+
+		this._clearTimeout();
+		this._clearHideTimeout();
+		this._disableInteractionHandlers();
+		if (!this._params.static) {
+			this._element.remove();
+		}
+		super.dispose();
 	}
 
 	/**
@@ -446,9 +446,9 @@ class VGToast extends BaseModule {
 	 * @private
 	 * @returns {boolean}
 	 */
-	_isShown() {
-		return !!this._element && this._element.classList.contains(CLASS_NAME_SHOW);
-	}
+	_isShown() {
+		return !!this._element && this._element.classList.contains(CLASS_NAME_SHOW);
+	}
 
 	/**
 	 * Возвращает список активных тостов с вертикальными смещениями
@@ -641,19 +641,19 @@ class VGToast extends BaseModule {
 		return effectValue.trim();
 	}
 
-	_clearTimeout() {
-		if (this._timeout) {
-			clearTimeout(this._timeout);
-			this._timeout = null;
-		}
-	}
-
-	_clearHideTimeout() {
-		if (this._hideTimeout) {
-			clearTimeout(this._hideTimeout);
-			this._hideTimeout = null;
-		}
-	}
+	_clearTimeout() {
+		if (this._timeout) {
+			clearTimeout(this._timeout);
+			this._timeout = null;
+		}
+	}
+
+	_clearHideTimeout() {
+		if (this._hideTimeout) {
+			clearTimeout(this._hideTimeout);
+			this._hideTimeout = null;
+		}
+	}
 
 	/**
 	 * Назначает обработчики событий

package/app/modules/vgtooltip/index.js

@@ -0,0 +1,3 @@
+import VGTooltip from "./js/vgtooltip";
+
+export default VGTooltip;