vgapp 1.3.3 → 1.3.5

package/app/modules/vgalert/js/vgalert.js

@@ -23,8 +23,8 @@ const NAME_KEY = "vg.alert";
 // Глобальная блокировка: предотвращаем открытие нескольких алертов
 let isAlertOpen = false;
 
-class VGAlert {
-	constructor(params = {}, lang = 'ru') {
+class VGAlert {
+	constructor(params = {}, lang = 'ru') {
 		this.lang = lang;
 		this._defaultParams = {
 			render: {
@@ -90,23 +90,23 @@ class VGAlert {
 				info: getSVG("info"),
 			},
 		};
-		this._params = this._setParams(params);
-	}
-
-	static get NAME() {
-		return NAME;
-	}
-
-	static get NAME_KEY() {
-		return NAME_KEY;
-	}
-
-	static boot() {
-		this._bindDataApi();
-		return null;
-	}
-
-	static call(options = {}, lang = 'ru') {
+		this._params = this._setParams(params);
+	}
+
+	static get NAME() {
+		return NAME;
+	}
+
+	static get NAME_KEY() {
+		return NAME_KEY;
+	}
+
+	static boot() {
+		this._bindDataApi();
+		return null;
+	}
+
+	static call(options = {}, lang = 'ru') {
 		const context = new VGAlert(options, lang);
 
 		if (isAlertOpen) return Promise.reject({ accepted: false, reason: lang_messages(context.lang, NAME_KEY).reason });
@@ -218,7 +218,7 @@ class VGAlert {
 		});
 	}
 
-	static confirm(elem, options = {}) {
+	static confirm(elem, options = {}) {
 		let lang = 'ru';
 
 		if ('lang' in options) {
@@ -228,35 +228,35 @@ class VGAlert {
 		const context = new VGAlert(options, lang);
 		if (context._params.mode !== "confirm") return;
 
-		const instance = VGAlertConfirm.getOrCreateInstance(elem, context._params);
-		instance.run(VGAlert);
-	}
-
-	static _bindDataApi() {
-		if (this._isDataApiBound) {
-			return;
-		}
-
-		this._isDataApiBound = true;
-
-		EventHandler.on(document, EVENT_KEY_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
-			event.preventDefault();
-			const target = event.target;
-
-			if (!isVisible(target) || !isElement(target)) return;
-
-			VGAlert.confirm(target, {
-				buttons: {
-					agree: {
-						class: ["btn-primary"],
-					},
-					cancel: {
-						class: ["btn-outline-primary"],
-					},
-				},
-			});
-		});
-	}
+		const instance = VGAlertConfirm.getOrCreateInstance(elem, context._params);
+		instance.run(VGAlert);
+	}
+
+	static _bindDataApi() {
+		if (this._isDataApiBound) {
+			return;
+		}
+
+		this._isDataApiBound = true;
+
+		EventHandler.on(document, EVENT_KEY_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
+			event.preventDefault();
+			const target = event.target;
+
+			if (!isVisible(target) || !isElement(target)) return;
+
+			VGAlert.confirm(target, {
+				buttons: {
+					agree: {
+						class: ["btn-primary"],
+					},
+					cancel: {
+						class: ["btn-outline-primary"],
+					},
+				},
+			});
+		});
+	}
 
 	_setParams(params) {
 		const merged = mergeDeepObject(this._defaultParams, params);
@@ -434,6 +434,6 @@ class VGAlertConfirm extends BaseModule {
 }
 
 // Делегирование кликов по data-атрибутам
-VGAlert._isDataApiBound = false;
-
-export default VGAlert;
+VGAlert._isDataApiBound = false;
+
+export default VGAlert;

package/app/modules/vgalert/readme.md

@@ -11,12 +11,12 @@
 - Полная **локализация** (настройка языка)
 - Гибкая **настройка кнопок** и сообщений
 - Поддержка **SVG-иконок** и тем стилей (`danger`, `warning`, `success`, `info`)
-- Работа как через **API**, так и через **`data`-атрибуты**
-- Интеграция с промисами (`Promise`)
-- Защита от **множественных одновременных вызовов**
-- Поддержка **клавиатурных сокращений** (Enter, Escape)
-- Два режима рендера: обычный **`modal`** и вложенный **`overlay`**
-- Возможность закрывать родительскую модалку/сайдбар через `render.dismiss`
+- Работа как через **API**, так и через **`data`-атрибуты**
+- Интеграция с промисами (`Promise`)
+- Защита от **множественных одновременных вызовов**
+- Поддержка **клавиатурных сокращений** (Enter, Escape)
+- Два режима рендера: обычный **`modal`** и вложенный **`overlay`**
+- Возможность закрывать родительскую модалку/сайдбар через `render.dismiss`
 
 ---
 
@@ -29,45 +29,45 @@ import VGAlert from "./app/modules/vgalert/js/vgalert.js";
 
 ---
 
-## 🧩 Режимы работы
+## 🧩 Режимы работы
 
 ### 1. `confirm` — Подтверждение действия
 Показывает два действия: **Подтвердить** и **Отмена**.
 
-### 2. `info` — Информационное сообщение
-Показывает только кнопку **ОК** (или "Продолжить").
-
----
-
-## 🖼 Рендер (`render`)
-
-`VGAlert` поддерживает два варианта отображения:
-
-| Параметр | Значение | Описание |
-|--------|--------|----------|
-| `render.type` | `modal` | Обычный alert в отдельной модалке |
-| `render.type` | `overlay` | Alert-оверлей внутри текущей `.vg-modal` или `.vg-sidebar` |
-| `render.dismiss` | `true` / `false` | Для `overlay`: после закрытия alert дополнительно закрывает родительский контейнер |
-
-### Пример: alert поверх открытой модалки
-
-```js
-VGAlert.call({
-    render: {
-        type: "overlay",
-        dismiss: true
-    },
-    relatedTarget: button,
-    message: {
-        title: "Удалить запись",
-        description: "Действие будет выполнено в текущем окне."
-    }
-});
-```
-
-`relatedTarget` нужен для `overlay`, чтобы модуль нашёл ближайшую `.vg-modal` или `.vg-sidebar`, куда надо встроить alert.
-
----
+### 2. `info` — Информационное сообщение
+Показывает только кнопку **ОК** (или "Продолжить").
+
+---
+
+## 🖼 Рендер (`render`)
+
+`VGAlert` поддерживает два варианта отображения:
+
+| Параметр | Значение | Описание |
+|--------|--------|----------|
+| `render.type` | `modal` | Обычный alert в отдельной модалке |
+| `render.type` | `overlay` | Alert-оверлей внутри текущей `.vg-modal` или `.vg-sidebar` |
+| `render.dismiss` | `true` / `false` | Для `overlay`: после закрытия alert дополнительно закрывает родительский контейнер |
+
+### Пример: alert поверх открытой модалки
+
+```js
+VGAlert.call({
+    render: {
+        type: "overlay",
+        dismiss: true
+    },
+    relatedTarget: button,
+    message: {
+        title: "Удалить запись",
+        description: "Действие будет выполнено в текущем окне."
+    }
+});
+```
+
+`relatedTarget` нужен для `overlay`, чтобы модуль нашёл ближайшую `.vg-modal` или `.vg-sidebar`, куда надо встроить alert.
+
+---
 
 ## 🎨 Темы (`theme`)
 | Значение | Иконка | Назначение |
@@ -108,9 +108,9 @@ VGAlert.call({
 });
 ```
 
-### Пример 2: Информационное сообщение
-```js
-VGAlert.call({ 
+### Пример 2: Информационное сообщение
+```js
+VGAlert.call({ 
     mode: "info",
     theme: "success",
     message: {
@@ -123,26 +123,26 @@ VGAlert.call({
             class: ["btn-success"] 
         } 
     } 
-});
-```
-
-### Пример 3: Обработка результата через `Promise`
-```js
-VGAlert.call({
-    message: {
-        title: "Подтвердите действие",
-        description: "Продолжить?"
-    }
-}).then((result) => {
-    console.log(result.accepted); // true
-    console.log(result.timestamp);
-}).catch((error) => {
-    console.log(error.accepted); // false
-    console.log(error.timestamp);
-});
-```
-
----
+});
+```
+
+### Пример 3: Обработка результата через `Promise`
+```js
+VGAlert.call({
+    message: {
+        title: "Подтвердите действие",
+        description: "Продолжить?"
+    }
+}).then((result) => {
+    console.log(result.accepted); // true
+    console.log(result.timestamp);
+}).catch((error) => {
+    console.log(error.accepted); // false
+    console.log(error.timestamp);
+});
+```
+
+---
 
 ## 🔌 Работа с AJAX
 
@@ -169,30 +169,30 @@ VGAlert.confirm(element, {
 
 ---
 
-## 🔔 События
-
-Модуль генерирует события на элементе-триггере, у которого есть `[data-vg-toggle="alert"]`:
-
-| Событие | Описание |
-|--------|--------|
-| `vg.alert.accept` | Пользователь подтвердил действие |
+## 🔔 События
+
+Модуль генерирует события на элементе-триггере, у которого есть `[data-vg-toggle="alert"]`:
+
+| Событие | Описание |
+|--------|--------|
+| `vg.alert.accept` | Пользователь подтвердил действие |
 | `vg.alert.reject` | Пользователь отменил действие |
-| `vg.alert.finally` | Действие завершено (в любом случае) |
-| `vg.alert.loaded` | Получен ответ от сервера (если был AJAX) |
-
-```js 
-const buttons = document.querySelectorAll('[data-vg-toggle="alert"]');
-
-buttons.forEach((button) => {
-    button.addEventListener('vg.alert.accept', function (e) {
-        console.log('Подтверждено:', e.vgalert);
-    });
-});
-```
-
-Если нужен общий глобальный обработчик, событие можно слушать и на `document`, так как оно всплывает.
-
----
+| `vg.alert.finally` | Действие завершено (в любом случае) |
+| `vg.alert.loaded` | Получен ответ от сервера (если был AJAX) |
+
+```js 
+const buttons = document.querySelectorAll('[data-vg-toggle="alert"]');
+
+buttons.forEach((button) => {
+    button.addEventListener('vg.alert.accept', function (e) {
+        console.log('Подтверждено:', e.vgalert);
+    });
+});
+```
+
+Если нужен общий глобальный обработчик, событие можно слушать и на `document`, так как оно всплывает.
+
+---
 
 ## ⌨️ Клавиатурные комбинации
 
@@ -203,16 +203,16 @@ buttons.forEach((button) => {
 
 ## 🛠️ Конфигурация по умолчанию
 ```js
-{ 
-    mode: "confirm", 
-    theme: "danger", 
-    render: {
-        type: "modal",
-        dismiss: false
-    },
-    modal: { 
-        centered: false,
-        backdrop: true, 
+{ 
+    mode: "confirm", 
+    theme: "danger", 
+    render: {
+        type: "modal",
+        dismiss: false
+    },
+    modal: { 
+        centered: false,
+        backdrop: true, 
         keyboard: true,
         dismiss: true 
     }, 
@@ -249,13 +249,13 @@ VGAlert.call(params, 'en');
 
 ## 🧩 Кастомизация кнопок
 
-Поддерживает:
-- `tag: 'button' | 'a'`
-- `type` (для `<button>`)
-- `class` — массив CSS-классов
-- `attr` — любые дополнительные атрибуты
-- `element` — готовый HTML-код кнопки
-- `toggle` — служебный атрибут кнопки (`data-vg-alert-agree` / `data-vg-alert-cancel`), обычно задаётся модулем автоматически
+Поддерживает:
+- `tag: 'button' | 'a'`
+- `type` (для `<button>`)
+- `class` — массив CSS-классов
+- `attr` — любые дополнительные атрибуты
+- `element` — готовый HTML-код кнопки
+- `toggle` — служебный атрибут кнопки (`data-vg-alert-agree` / `data-vg-alert-cancel`), обычно задаётся модулем автоматически
 
 ### Пример: кнопка-ссылка
 ```js
@@ -298,4 +298,4 @@ MIT — свободно используйте и модифицируйте.
 ---
 
 > 🚀 Автор: VEGAS STUDIO (vegas-dev.com)
-> 📍 Поддерживается в проектах VEGAS
+> 📍 Поддерживается в проектах VEGAS

package/app/modules/vgdynamictable/index.js

@@ -1,5 +1,5 @@
-import VGDynamicTable from "./js/vgdynamictable";
-import Editable from "./js/editable";
-
-export {Editable, VGDynamicTable};
-export default VGDynamicTable;
+import VGDynamicTable from "./js/vgdynamictable";
+import Editable from "./js/editable";
+
+export {Editable, VGDynamicTable};
+export default VGDynamicTable;

package/app/modules/vgdynamictable/js/editable.js

@@ -1,13 +1,13 @@
-import EventHandler from "../../../utils/js/dom/event";
-import Data from "../../../utils/js/dom/data";
-
-const TABLE_SELECTOR = '[data-vg-table]';
-const ROW_SELECTOR = 'tbody tr:not([data-group-header="1"])';
-const ROW_CHECK_SELECTOR = '[data-row-select]';
-const CHECK_ALL_SELECTOR = '[data-select-all]';
-const DEFAULT_ROW_REORDER_HANDLE_SELECTOR = '[data-row-reorder-handle]';
-const ROW_REORDER_IGNORE_SELECTOR = 'input, button, a, select, textarea, [contenteditable="true"]';
-const TABLE_DATA_KEY = 'vg.dynamicTable';
+import EventHandler from "../../../utils/js/dom/event";
+import Data from "../../../utils/js/dom/data";
+
+const TABLE_SELECTOR = '[data-vg-table]';
+const ROW_SELECTOR = 'tbody tr:not([data-group-header="1"])';
+const ROW_CHECK_SELECTOR = '[data-row-select]';
+const CHECK_ALL_SELECTOR = '[data-select-all]';
+const DEFAULT_ROW_REORDER_HANDLE_SELECTOR = '[data-row-reorder-handle]';
+const ROW_REORDER_IGNORE_SELECTOR = 'input, button, a, select, textarea, [contenteditable="true"]';
+const TABLE_DATA_KEY = 'vg.dynamicTable';
 const ACTION_CALLBACK_MAP = {
     rowcheck: 'onRowCheck',
     checkall: 'onCheckAll',
@@ -403,12 +403,12 @@ class Editable {
             : {};
     }
 
-    static _getTableInstance(table) {
-        if (!table) {
-            return null;
-        }
-        return Data.get(table, TABLE_DATA_KEY);
-    }
+    static _getTableInstance(table) {
+        if (!table) {
+            return null;
+        }
+        return Data.get(table, TABLE_DATA_KEY);
+    }
 
     static _getEventPrefix(table) {
         const instance = this._getTableInstance(table);
@@ -431,8 +431,8 @@ class Editable {
     }
 }
 
-EventHandler.on(document, 'DOMContentLoaded', () => {
-    Editable.initAll();
-});
+EventHandler.on(document, 'DOMContentLoaded', () => {
+    Editable.initAll();
+});
 
 export default Editable;

package/app/modules/vgdynamictable/js/filters.js

@@ -1,6 +1,6 @@
-import {normalizeNonNegativeInt, safeQuerySelector} from "./utils/common";
-
-class Filters {
+import {normalizeNonNegativeInt, safeQuerySelector} from "./utils/common";
+
+class Filters {
     constructor(options = {}) {
         this._options = Object.assign({
             enabled: true,
@@ -19,12 +19,12 @@ class Filters {
             operatorAttr: 'data-filter-operator',
             defaultOperator: 'eq',
             skipEmpty: true,
-            trimValues: true,
-            emitOnInit: false,
-            initialValues: {},
-            onChange: null,
-            onReset: null,
-        }, options);
+            trimValues: true,
+            emitOnInit: false,
+            initialValues: {},
+            onChange: null,
+            onReset: null,
+        }, options);
 
         this._form = null;
         this._timer = null;
@@ -119,7 +119,7 @@ class Filters {
         if (!selector) {
             return null;
         }
-        return safeQuerySelector(selector);
+        return safeQuerySelector(selector);
     }
 
     _handleInput(event) {
@@ -134,8 +134,8 @@ class Filters {
             this._emit();
             return;
         }
-        clearTimeout(this._timer);
-        this._timer = setTimeout(() => this._emit(), normalizeNonNegativeInt(this._options.debounceMs, 300));
+        clearTimeout(this._timer);
+        this._timer = setTimeout(() => this._emit(), normalizeNonNegativeInt(this._options.debounceMs, 300));
     }
 
     _handleChange(event) {
@@ -169,14 +169,14 @@ class Filters {
         if (!resetButton) {
             return;
         }
-        event.preventDefault();
-        this._reset();
-        if (typeof this._options.onReset === 'function') {
-            this._options.onReset();
-        }
-        clearTimeout(this._timer);
-        this._emit();
-    }
+        event.preventDefault();
+        this._reset();
+        if (typeof this._options.onReset === 'function') {
+            this._options.onReset();
+        }
+        clearTimeout(this._timer);
+        this._emit();
+    }
 
     _handleSubmit(event) {
         if (!this._isManualMode()) {
@@ -441,7 +441,7 @@ class Filters {
         const tag = String(node.tagName || '').toUpperCase();
         return tag === 'INPUT' || tag === 'SELECT' || tag === 'TEXTAREA';
     }
-    _isManualMode() {
+    _isManualMode() {
         const mode = String(this._options.applyMode || 'auto').toLowerCase().trim();
         return mode === 'manual';
     }