vgapp 1.1.9 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,14 +1,29 @@
1
- # VEGAS-APP 1.1.7 (Апрель, 13, 2026)
2
- ## Новые фичи
3
- * В VGFilePreview добавлена поддержка атрибута `data-name` для явной установки отображаемого имени файла приоритете над `data-vg-filepreview-display-name`).
4
-
5
- ## Изменения
6
- * Обновлена версия пакета в `package.json`: `1.1.6` -> `1.1.7`.
7
-
8
- ---
9
-
10
- # VEGAS-APP 1.1.6 (Апрель, 10, 2026)
11
- ## Новые фичи
1
+ # VEGAS-APP 1.2.0 (Июнь, 16, 2026)
2
+ ## Новые фичи
3
+ * В VGToast добавлен параметр `type` со встроенными SVG-иконками для типов `success`, `error`, `warning`, `info`.
4
+ * В VGFormSender добавлен новый режим алертов `alert.type = 'toast'` с интеграцией через `VGToast`.
5
+
6
+ ## Изменения
7
+ * В VGToast добавлена мапа типов уведомлений на набор иконок `getSVG`, включая `error -> danger`.
8
+ * Вставка SVG-иконок в VGToast переведена на безопасную схему через `Sanitize.toSafeHtmlString()` и DOM fragment вместо прямого `innerHTML`.
9
+ * В VGFormSender выделена общая подготовка содержимого алертов в `_prepareAlertResponse()`, чтобы единообразно собирать `title/message` для modal, collapse и toast.
10
+ * В VGFormSender добавлена сборка toast-параметров из `alert.*` и `alert.toast`, включая проброс `theme`, `type`, `placement`, `autohide`, `delay`, `drag`, `resize`, `stack`, `animation`, `ajax`.
11
+ * В VGRollup исправлена инициализация локализованных текстов: язык и подписи кнопок теперь подставляются до слияния параметров, с учётом `data-lang` и `params.lang`.
12
+ * Обновлена версия пакета в `package.json`: `1.1.7` -> `1.2.0`.
13
+
14
+ ---
15
+
16
+ # VEGAS-APP 1.1.7 (Апрель, 13, 2026)
17
+ ## Новые фичи
18
+ * В VGFilePreview добавлена поддержка атрибута `data-name` для явной установки отображаемого имени файла (в приоритете над `data-vg-filepreview-display-name`).
19
+
20
+ ## Изменения
21
+ * Обновлена версия пакета в `package.json`: `1.1.6` -> `1.1.7`.
22
+
23
+ ---
24
+
25
+ # VEGAS-APP 1.1.6 (Апрель, 10, 2026)
26
+ ## Новые фичи
12
27
  * **VGToast**: добавлены встроенные модули VGToastDrag и VGToastResize с поддержкой параметров drag/resize (enable, threshold, edgeSize, minWidth/minHeight, debug).
13
28
 
14
29
  ## Изменения
@@ -298,3 +313,7 @@
298
313
  ---
299
314
 
300
315
 
316
+
317
+
318
+
319
+
@@ -1,10 +1,11 @@
1
1
  import BaseModule from "../../base-module";
2
- import EventHandler from "../../../utils/js/dom/event";
3
- import {dismissTrigger} from "../../module-fn";
4
- import {execute, isDisabled, makeRandomString, mergeDeepObject} from "../../../utils/js/functions";
5
- import Selectors from "../../../utils/js/dom/selectors";
6
- import VGToastDrag from "./vgtoast.drag";
7
- import VGToastResize from "./vgtoast.resize";
2
+ import EventHandler from "../../../utils/js/dom/event";
3
+ import {dismissTrigger, getSVG} from "../../module-fn";
4
+ import Sanitize from "../../../utils/js/components/sanitize";
5
+ import {execute, isDisabled, makeRandomString, mergeDeepObject} from "../../../utils/js/functions";
6
+ import Selectors from "../../../utils/js/dom/selectors";
7
+ import VGToastDrag from "./vgtoast.drag";
8
+ import VGToastResize from "./vgtoast.resize";
8
9
 
9
10
  /**
10
11
  * @constant {string} NAME - Имя модуля.
@@ -54,9 +55,15 @@ const EVENT_KEY_LOADED = `${NAME_KEY}.loaded`;
54
55
  const EVENT_KEY_KEYDOWN_DISMISS = `keydown.dismiss.${NAME_KEY}`;
55
56
  const EVENT_KEY_HIDE_PREVENTED = `hidePrevented.${NAME_KEY}`;
56
57
  const EVENT_KEY_CLICK_DATA_API = `click.${NAME_KEY}.data.api`;
57
- const EVENT_KEY_POINTERDOWN_INTERACTION = `pointerdown.interaction.${NAME_KEY}`;
58
- const EVENT_KEY_POINTERUP_INTERACTION = `pointerup.interaction.${NAME_KEY}`;
59
- const EVENT_KEY_POINTERCANCEL_INTERACTION = `pointercancel.interaction.${NAME_KEY}`;
58
+ const EVENT_KEY_POINTERDOWN_INTERACTION = `pointerdown.interaction.${NAME_KEY}`;
59
+ const EVENT_KEY_POINTERUP_INTERACTION = `pointerup.interaction.${NAME_KEY}`;
60
+ const EVENT_KEY_POINTERCANCEL_INTERACTION = `pointercancel.interaction.${NAME_KEY}`;
61
+ const TOAST_ICON_MAP = {
62
+ success: 'success',
63
+ error: 'danger',
64
+ warning: 'warning',
65
+ info: 'info',
66
+ };
60
67
 
61
68
  /**
62
69
  * @typedef {Object} ToastParams
@@ -65,12 +72,13 @@ const EVENT_KEY_POINTERCANCEL_INTERACTION = `pointercancel.interaction.${NAME_KE
65
72
  * @property {boolean} autohide - Автоматически скрывать.
66
73
  * @property {number} delay - Задержка перед авто-скрытием (мс).
67
74
  * @property {boolean} enableClickToast - Закрывать по клику на тост.
68
- * @property {boolean} enableButtonClose - Добавить кнопку закрытия.
69
- * @property {boolean} keyboard - Закрывать по Esc.
70
- * @property {string} theme - Тема: 'dark', 'light' и т.д.
71
- * @property {Object} stack - Настройки стека уведомлений.
72
- * @property {boolean} stack.enable - Разрешить стек.
73
- * @property {number} stack.max - Макс. количество тостов одновременно.
75
+ * @property {boolean} enableButtonClose - Добавить кнопку закрытия.
76
+ * @property {boolean} keyboard - Закрывать по Esc.
77
+ * @property {string} theme - Тема: 'dark', 'light' и т.д.
78
+ * @property {('success'|'error'|'warning'|'info'|null)} type - Тип уведомления для вывода иконки.
79
+ * @property {Object} stack - Настройки стека уведомлений.
80
+ * @property {boolean} stack.enable - Разрешить стек.
81
+ * @property {number} stack.max - Макс. количество тостов одновременно.
74
82
  * @property {Object} animation - Анимация.
75
83
  * @property {boolean} animation.enable - Включить анимацию.
76
84
  * @property {string} animation.in - Анимация входа (Animate.css).
@@ -96,12 +104,13 @@ const defaultParams = {
96
104
  autohide: false,
97
105
  delay: 3000,
98
106
  enableClickToast: true,
99
- enableButtonClose: false,
100
- keyboard: true,
101
- theme: 'dark',
102
- stack: {
103
- enable: true,
104
- max: 5
107
+ enableButtonClose: false,
108
+ keyboard: true,
109
+ theme: 'dark',
110
+ type: null,
111
+ stack: {
112
+ enable: true,
113
+ max: 5
105
114
  },
106
115
  drag: {
107
116
  enable: false,
@@ -239,12 +248,24 @@ class VGToast extends BaseModule {
239
248
  const wrapper = document.createElement('div');
240
249
  wrapper.classList.add('vg-toast-wrapper');
241
250
 
242
- // Иконка (если задан тип)
243
- if (params.type) {
244
- const icon = document.createElement('div');
245
- icon.classList.add('vg-toast-icon');
246
- wrapper.append(icon);
247
- }
251
+ // Иконка (если задан тип)
252
+ if (params.type) {
253
+ const iconName = TOAST_ICON_MAP[params.type];
254
+ const iconSvg = iconName ? getSVG(iconName) : '';
255
+
256
+ if (iconSvg) {
257
+ const icon = document.createElement('div');
258
+ icon.classList.add('vg-toast-icon');
259
+ const safeIconSvg = Sanitize.toSafeHtmlString(iconSvg);
260
+ const fragment = document.createRange().createContextualFragment(safeIconSvg);
261
+ const svgElement = fragment.firstElementChild;
262
+
263
+ if (svgElement) {
264
+ icon.append(svgElement);
265
+ }
266
+ wrapper.append(icon);
267
+ }
268
+ }
248
269
 
249
270
  const content = document.createElement('div');
250
271
  content.classList.add('vg-toast-content');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vgapp",
3
- "version": "1.1.9",
3
+ "version": "1.2.0",
4
4
  "description": "",
5
5
  "author": {
6
6
  "name": "Vegas Studio",