vgapp 1.3.0 → 1.3.1

package/app/modules/base-module.js

@@ -15,8 +15,8 @@ import Animation from "../utils/js/components/animation";
 import Ajax from "../utils/js/components/ajax";
 import Html from "../utils/js/components/templater";
 
-class BaseModule {
-	constructor(element) {
+class BaseModule {
+	constructor(element) {
 		if (!element) return
 
 		this._element = Selectors.find(element);
@@ -54,13 +54,13 @@ class BaseModule {
 	 * - timeout = задержка перед отправкой, по умолчанию 0
 	 * @param callback
 	 */
-	_route(callback) {
-		if (typeof callback !== 'function') {
-			return this._requestRoute(callback);
-		}
-
-		let $content = null,
-			timeout = this._params.ajax.timeout || 0;
+	_route(callback) {
+		if (typeof callback !== 'function') {
+			return this._requestRoute(callback);
+		}
+
+		let $content = null,
+			timeout = this._params.ajax.timeout || 0;
 
 		if (this._isLoaded) return;
 
@@ -137,83 +137,83 @@ class BaseModule {
 			if (this._params.ajax.method.toLowerCase() === 'delete') {
 				ajax.delete(this._params.ajax.route, ajaxData);
 			}
-		}, timeout);
-	}
-
-	_requestRoute(options = {}) {
-		const config = this._normalizeRouteRequestOptions(options);
-		return Ajax.requestRoute(config);
-	}
-
-	_buildRouteUrl(params = {}, endpoint = '', options = {}) {
-		const config = this._normalizeRouteRequestOptions(Object.assign({}, options, {
-			params,
-			route: endpoint || options.route || '',
-		}));
-		return Ajax.buildRouteUrl(config.route, {
-			params: config.params,
-			baseParams: config.baseParams,
-		});
-	}
-
-	_normalizeRouteRequestOptions(options = {}) {
-		const requestOptions = this._params && isObject(this._params.request)
-			? this._params.request
-			: {};
-		const ajaxOptions = this._params && isObject(this._params.ajax)
-			? this._params.ajax
-			: {};
-		const source = isObject(options) ? options : {};
-		const route = String(
-			source.route
-			|| source.endpoint
-			|| requestOptions.route
-			|| ajaxOptions.route
-			|| ''
-		).trim();
-		const method = String(
-			source.method
-			|| requestOptions.method
-			|| ajaxOptions.method
-			|| 'GET'
-		).toUpperCase().trim() || 'GET';
-		const credentials = String(
-			source.credentials
-			|| requestOptions.credentials
-			|| 'same-origin'
-		).trim() || 'same-origin';
-		const headers = mergeDeepObject(
-			{
-				'Accept': 'application/json',
-				'X-Requested-With': 'XMLHttpRequest',
-			},
-			isObject(requestOptions.headers) ? requestOptions.headers : {},
-			isObject(source.headers) ? source.headers : {}
-		);
-		const baseParams = mergeDeepObject(
-			{},
-			isObject(requestOptions.params) ? requestOptions.params : {},
-			isObject(source.baseParams) ? source.baseParams : {},
-			isObject(source.paramsBase) ? source.paramsBase : {}
-		);
-		const params = isObject(source.params) ? source.params : {};
-		const body = source.body !== undefined
-			? source.body
-			: (source.data !== undefined ? source.data : null);
-		return {
-			route,
-			method,
-			credentials,
-			headers,
-			baseParams,
-			params,
-			body,
-			signal: source.signal || null,
-			responseType: String(source.responseType || source.parse || 'auto').toLowerCase().trim() || 'auto',
-		};
-	}
-
-	_dismissElement() {
+		}, timeout);
+	}
+
+	_requestRoute(options = {}) {
+		const config = this._normalizeRouteRequestOptions(options);
+		return Ajax.requestRoute(config);
+	}
+
+	_buildRouteUrl(params = {}, endpoint = '', options = {}) {
+		const config = this._normalizeRouteRequestOptions(Object.assign({}, options, {
+			params,
+			route: endpoint || options.route || '',
+		}));
+		return Ajax.buildRouteUrl(config.route, {
+			params: config.params,
+			baseParams: config.baseParams,
+		});
+	}
+
+	_normalizeRouteRequestOptions(options = {}) {
+		const requestOptions = this._params && isObject(this._params.request)
+			? this._params.request
+			: {};
+		const ajaxOptions = this._params && isObject(this._params.ajax)
+			? this._params.ajax
+			: {};
+		const source = isObject(options) ? options : {};
+		const route = String(
+			source.route
+			|| source.endpoint
+			|| requestOptions.route
+			|| ajaxOptions.route
+			|| ''
+		).trim();
+		const method = String(
+			source.method
+			|| requestOptions.method
+			|| ajaxOptions.method
+			|| 'GET'
+		).toUpperCase().trim() || 'GET';
+		const credentials = String(
+			source.credentials
+			|| requestOptions.credentials
+			|| 'same-origin'
+		).trim() || 'same-origin';
+		const headers = mergeDeepObject(
+			{
+				'Accept': 'application/json',
+				'X-Requested-With': 'XMLHttpRequest',
+			},
+			isObject(requestOptions.headers) ? requestOptions.headers : {},
+			isObject(source.headers) ? source.headers : {}
+		);
+		const baseParams = mergeDeepObject(
+			{},
+			isObject(requestOptions.params) ? requestOptions.params : {},
+			isObject(source.baseParams) ? source.baseParams : {},
+			isObject(source.paramsBase) ? source.paramsBase : {}
+		);
+		const params = isObject(source.params) ? source.params : {};
+		const body = source.body !== undefined
+			? source.body
+			: (source.data !== undefined ? source.data : null);
+		return {
+			route,
+			method,
+			credentials,
+			headers,
+			baseParams,
+			params,
+			body,
+			signal: source.signal || null,
+			responseType: String(source.responseType || source.parse || 'auto').toLowerCase().trim() || 'auto',
+		};
+	}
+
+	_dismissElement() {
 		let cross = getSVG('cross'),
 			button = this._element.querySelector('.vg-btn-close');
 
@@ -235,34 +235,34 @@ class BaseModule {
 		return Data.get(Selectors.find(element), this.NAME_KEY)
 	}
 
-	static getOrCreateInstance(element, params = {}) {
-		return this.getInstance(element) || new this(element, !isEmptyObj(params) ? params : {})
-	}
-
-	static boot(params = {}) {
-		if (typeof this.initAll === 'function') {
-			return this.initAll(params);
-		}
-
-		if (typeof this.init !== 'function') {
-			return null;
-		}
-
-		if (params && Object.prototype.hasOwnProperty.call(params, 'element')) {
-			const { element, ...options } = params;
-			return this.init(element, options);
-		}
-
-		return null;
-	}
-
-	static get DATA_KEY() {
-		return `vg.${this.NAME}`
-	}
+	static getOrCreateInstance(element, params = {}) {
+		return this.getInstance(element) || new this(element, !isEmptyObj(params) ? params : {})
+	}
+
+	static boot(params = {}) {
+		if (typeof this.initAll === 'function') {
+			return this.initAll(params);
+		}
+
+		if (typeof this.init !== 'function') {
+			return null;
+		}
+
+		if (params && Object.prototype.hasOwnProperty.call(params, 'element')) {
+			const { element, ...options } = params;
+			return this.init(element, options);
+		}
+
+		return null;
+	}
+
+	static get DATA_KEY() {
+		return `vg.${this.NAME}`
+	}
 
 	static get EVENT_KEY() {
 		return `.${this.DATA_KEY}`
 	}
 }
 
-export default BaseModule;
+export default BaseModule;

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';
     }