vgapp 1.1.9 → 1.2.1

package/CHANGELOG.md

@@ -1,14 +1,29 @@
-# VEGAS-APP 1.1.7 (Апрель, 13, 2026)
-## Новые фичи
-* В VGFilePreview добавлена поддержка атрибута `data-name` для явной установки отображаемого имени файла (в приоритете над `data-vg-filepreview-display-name`).
-
-## Изменения
-* Обновлена версия пакета в `package.json`: `1.1.6` -> `1.1.7`.
-
----
-
-# VEGAS-APP 1.1.6 (Апрель, 10, 2026)
-## Новые фичи
+# VEGAS-APP 1.2.0 (Июнь, 16, 2026)
+## Новые фичи
+* В VGToast добавлен параметр `type` со встроенными SVG-иконками для типов `success`, `error`, `warning`, `info`.
+* В VGFormSender добавлен новый режим алертов `alert.type = 'toast'` с интеграцией через `VGToast`.
+
+## Изменения
+* В VGToast добавлена мапа типов уведомлений на набор иконок `getSVG`, включая `error -> danger`.
+* Вставка SVG-иконок в VGToast переведена на безопасную схему через `Sanitize.toSafeHtmlString()` и DOM fragment вместо прямого `innerHTML`.
+* В VGFormSender выделена общая подготовка содержимого алертов в `_prepareAlertResponse()`, чтобы единообразно собирать `title/message` для modal, collapse и toast.
+* В VGFormSender добавлена сборка toast-параметров из `alert.*` и `alert.toast`, включая проброс `theme`, `type`, `placement`, `autohide`, `delay`, `drag`, `resize`, `stack`, `animation`, `ajax`.
+* В VGRollup исправлена инициализация локализованных текстов: язык и подписи кнопок теперь подставляются до слияния параметров, с учётом `data-lang` и `params.lang`.
+* Обновлена версия пакета в `package.json`: `1.1.7` -> `1.2.0`.
+
+---
+
+# VEGAS-APP 1.1.7 (Апрель, 13, 2026)
+## Новые фичи
+* В VGFilePreview добавлена поддержка атрибута `data-name` для явной установки отображаемого имени файла (в приоритете над `data-vg-filepreview-display-name`).
+
+## Изменения
+* Обновлена версия пакета в `package.json`: `1.1.6` -> `1.1.7`.
+
+---
+
+# VEGAS-APP 1.1.6 (Апрель, 10, 2026)
+## Новые фичи
 * **VGToast**: добавлены встроенные модули VGToastDrag и VGToastResize с поддержкой параметров drag/resize (enable, threshold, edgeSize, minWidth/minHeight, debug).
 
 ## Изменения
@@ -298,3 +313,7 @@
 ---
 
 
+
+
+
+

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

@@ -1,4 +1,4 @@
-/**
+/**
  * VGFormSender Module
  *
  * Этот модуль отвечает за отправку форм с поддержкой AJAX, валидации, отображения уведомлений
@@ -130,13 +130,14 @@ class VGFormSender extends BaseModule {
 				classes: ['vg-form-sender--hide-show-pass'],
 				insert: 'afterend'
 			},
-			alert: {
-				enabled: true,
-				type: 'modal',
-				errors: true,
-				delay: 0,
-				toast: {}
-			},
+			alert: {
+				enabled: true,
+				type: 'modal',
+				errors: true,
+				title: true,
+				delay: 0,
+				toast: {}
+			},
 			ajax: {
 				route: '',
 				target: '',
@@ -634,6 +635,7 @@ class VGFormSender extends BaseModule {
 	 */
 	_getToastParams(status) {
 		const theme = status === 'error' ? 'danger' : status;
+		const toastType = status === 'danger' ? 'error' : status;
 		const delay = this._params.alert.delay > 0 ? this._params.alert.delay : 3000;
 		const flatToastParams = {};
 		const allowedKeys = [
@@ -645,7 +647,6 @@ class VGFormSender extends BaseModule {
 			'enableButtonClose',
 			'keyboard',
 			'theme',
-			'type',
 			'drag',
 			'resize',
 			'stack',
@@ -661,6 +662,7 @@ class VGFormSender extends BaseModule {
 
 		return mergeDeepObject({
 			theme: theme || 'dark',
+			type: toastType || null,
 			enableButtonClose: true,
 			autohide: this._params.alert.delay > 0,
 			delay: delay
@@ -771,10 +773,10 @@ class VGFormSender extends BaseModule {
 					}, response.message);
 				}
 
-				return {
-					title: response.title || '',
-					message: message
-				};
+				return {
+					title: this._params.alert.title ? response.title || '' : '',
+					message: message
+				};
 			}
 		}
 
@@ -873,3 +875,4 @@ EventHandler.on(document, EVENT_SUBMIT_DATA_API, function (event) {
 })
 
 export default VGFormSender;
+

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

@@ -1,10 +1,11 @@
 import BaseModule from "../../base-module";
-import EventHandler from "../../../utils/js/dom/event";
-import {dismissTrigger} from "../../module-fn";
-import {execute, isDisabled, makeRandomString, mergeDeepObject} from "../../../utils/js/functions";
-import Selectors from "../../../utils/js/dom/selectors";
-import VGToastDrag from "./vgtoast.drag";
-import VGToastResize from "./vgtoast.resize";
+import EventHandler from "../../../utils/js/dom/event";
+import {dismissTrigger, getSVG} from "../../module-fn";
+import Sanitize from "../../../utils/js/components/sanitize";
+import {execute, isDisabled, makeRandomString, mergeDeepObject} from "../../../utils/js/functions";
+import Selectors from "../../../utils/js/dom/selectors";
+import VGToastDrag from "./vgtoast.drag";
+import VGToastResize from "./vgtoast.resize";
 
 /**
  * @constant {string} NAME - Имя модуля.
@@ -54,9 +55,15 @@ const EVENT_KEY_LOADED   = `${NAME_KEY}.loaded`;
 const EVENT_KEY_KEYDOWN_DISMISS = `keydown.dismiss.${NAME_KEY}`;
 const EVENT_KEY_HIDE_PREVENTED  = `hidePrevented.${NAME_KEY}`;
 const EVENT_KEY_CLICK_DATA_API  = `click.${NAME_KEY}.data.api`;
-const EVENT_KEY_POINTERDOWN_INTERACTION = `pointerdown.interaction.${NAME_KEY}`;
-const EVENT_KEY_POINTERUP_INTERACTION = `pointerup.interaction.${NAME_KEY}`;
-const EVENT_KEY_POINTERCANCEL_INTERACTION = `pointercancel.interaction.${NAME_KEY}`;
+const EVENT_KEY_POINTERDOWN_INTERACTION = `pointerdown.interaction.${NAME_KEY}`;
+const EVENT_KEY_POINTERUP_INTERACTION = `pointerup.interaction.${NAME_KEY}`;
+const EVENT_KEY_POINTERCANCEL_INTERACTION = `pointercancel.interaction.${NAME_KEY}`;
+const TOAST_ICON_MAP = {
+	success: 'success',
+	error: 'danger',
+	warning: 'warning',
+	info: 'info',
+};
 
 /**
  * @typedef {Object} ToastParams
@@ -65,12 +72,13 @@ const EVENT_KEY_POINTERCANCEL_INTERACTION = `pointercancel.interaction.${NAME_KE
  * @property {boolean} autohide - Автоматически скрывать.
  * @property {number} delay - Задержка перед авто-скрытием (мс).
  * @property {boolean} enableClickToast - Закрывать по клику на тост.
- * @property {boolean} enableButtonClose - Добавить кнопку закрытия.
- * @property {boolean} keyboard - Закрывать по Esc.
- * @property {string} theme - Тема: 'dark', 'light' и т.д.
- * @property {Object} stack - Настройки стека уведомлений.
- * @property {boolean} stack.enable - Разрешить стек.
- * @property {number} stack.max - Макс. количество тостов одновременно.
+ * @property {boolean} enableButtonClose - Добавить кнопку закрытия.
+ * @property {boolean} keyboard - Закрывать по Esc.
+ * @property {string} theme - Тема: 'dark', 'light' и т.д.
+ * @property {('success'|'error'|'warning'|'info'|null)} type - Тип уведомления для вывода иконки.
+ * @property {Object} stack - Настройки стека уведомлений.
+ * @property {boolean} stack.enable - Разрешить стек.
+ * @property {number} stack.max - Макс. количество тостов одновременно.
  * @property {Object} animation - Анимация.
  * @property {boolean} animation.enable - Включить анимацию.
  * @property {string} animation.in - Анимация входа (Animate.css).
@@ -96,12 +104,13 @@ const defaultParams = {
 	autohide: false,
 	delay: 3000,
 	enableClickToast: true,
-	enableButtonClose: false,
-	keyboard: true,
-	theme: 'dark',
-	stack: {
-		enable: true,
-		max: 5
+	enableButtonClose: false,
+	keyboard: true,
+	theme: 'dark',
+	type: null,
+	stack: {
+		enable: true,
+		max: 5
 	},
 	drag: {
 		enable: false,
@@ -239,12 +248,24 @@ class VGToast extends BaseModule {
 		const wrapper = document.createElement('div');
 		wrapper.classList.add('vg-toast-wrapper');
 
-		// Иконка (если задан тип)
-		if (params.type) {
-			const icon = document.createElement('div');
-			icon.classList.add('vg-toast-icon');
-			wrapper.append(icon);
-		}
+		// Иконка (если задан тип)
+		if (params.type) {
+			const iconName = TOAST_ICON_MAP[params.type];
+			const iconSvg = iconName ? getSVG(iconName) : '';
+
+			if (iconSvg) {
+				const icon = document.createElement('div');
+				icon.classList.add('vg-toast-icon');
+				const safeIconSvg = Sanitize.toSafeHtmlString(iconSvg);
+				const fragment = document.createRange().createContextualFragment(safeIconSvg);
+				const svgElement = fragment.firstElementChild;
+
+				if (svgElement) {
+					icon.append(svgElement);
+				}
+				wrapper.append(icon);
+			}
+		}
 
 		const content = document.createElement('div');
 		content.classList.add('vg-toast-content');
@@ -268,13 +289,14 @@ class VGToast extends BaseModule {
 
 		wrapper.append(content);
 
-		// Кнопка закрытия
-		if (params.enableButtonClose) {
-			const button = document.createElement('div');
-			button.classList.add('vg-toast-button');
-			button.innerHTML = '<button class="vg-btn-close" data-vg-dismiss="toast"></button>';
-			wrapper.append(button);
-		}
+		// Кнопка закрытия
+		if (params.enableButtonClose) {
+			target.classList.add('vg-toast-has-button');
+			const button = document.createElement('div');
+			button.classList.add('vg-toast-button');
+			button.innerHTML = '<button class="vg-btn-close" data-vg-dismiss="toast"></button>';
+			wrapper.append(button);
+		}
 
 		target.append(wrapper);
 		document.body.append(target);

package/package.json

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