vgapp 1.5.7 → 1.5.9

package/app/langs/en/buttons.json

@@ -7,22 +7,22 @@
     "agree": "Yeah, I agree",
     "cancel": "Cancel"
   },
-  "filepreview": {
-    "open_audio": "Open player",
-    "open_image": "Open image",
-    "open_text": "Open text",
-    "open_video": "Open video",
-    "open_archive": "Open archive",
-    "open_pdf": "Open PDF",
-    "open_office": "Open document",
-    "download": "Download",
-    "preview": "Preview",
-    "prev": "Prev",
-    "next": "Next",
-    "zoom_in": "Zoom +",
-    "zoom_out": "Zoom -"
-  },
-  "loadmore": {
+  "filepreview": {
+    "open_audio": "Open player",
+    "open_image": "Open image",
+    "open_text": "Open text",
+    "open_video": "Open video",
+    "open_archive": "Open archive",
+    "open_pdf": "Open PDF",
+    "open_office": "Open document",
+    "download": "Download",
+    "preview": "Preview",
+    "prev": "Prev",
+    "next": "Next",
+    "zoom_in": "Zoom +",
+    "zoom_out": "Zoom -"
+  },
+  "loadmore": {
     "send": "Uploading...",
     "show": "I'm showing you...",
     "text-ajax": "Upload more",
@@ -36,4 +36,4 @@
   "select": {
     "load-more": "Upload more"
   }
-}
+}

package/app/langs/en/messages.json

@@ -25,42 +25,42 @@
     "description": "It will not be possible to return it",
     "drop-active": "Release to upload"
   },
-  "filepreview": {
-    "audio_title": "Audio file",
-    "image_title": "Image preview",
-    "image_thumbnail_alt": "Image thumbnail",
-    "text_title": "Text preview",
-    "video_title": "Video preview",
-    "pdf_title": "PDF preview",
-    "office_title": "Office preview",
-    "archive_title": "Archive preview",
-    "loading_text": "Loading...",
-    "loading_archive": "Loading archive...",
-    "loading_entry": "Loading entry...",
-    "cannot_open_file": "Cannot open file",
-    "cannot_open_archive": "Cannot open archive",
-    "cannot_preview_entry": "Cannot preview entry",
-    "office_fallback": "If embedded preview is unavailable, download the file.",
-    "invalid_zip": "Invalid ZIP file",
-    "central_directory_not_found": "Central directory not found",
-    "archive_buffer_missing": "Archive buffer is missing",
-    "entry_corrupted": "Archive entry is corrupted",
-    "compression_not_supported": "Compression method is not supported",
-    "deflate_not_supported": "Deflate decompression is not supported by the browser",
-    "unknown_error": "Unknown error",
-    "empty_file": "(empty file)",
-    "archive_empty_unsupported": "Archive is empty or unsupported.",
-    "archive_type_dir": "dir",
-    "archive_type_file": "file",
-    "archive_table_name": "Name",
-    "archive_table_type": "Type",
-    "archive_table_packed": "Packed",
-    "archive_table_size": "Size",
-    "archive_table_preview": "Preview",
-    "pdf_page": "Page",
-    "pdf_zoom": "Zoom"
-  },
-  "alert": {
+  "filepreview": {
+    "audio_title": "Audio file",
+    "image_title": "Image preview",
+    "image_thumbnail_alt": "Image thumbnail",
+    "text_title": "Text preview",
+    "video_title": "Video preview",
+    "pdf_title": "PDF preview",
+    "office_title": "Office preview",
+    "archive_title": "Archive preview",
+    "loading_text": "Loading...",
+    "loading_archive": "Loading archive...",
+    "loading_entry": "Loading entry...",
+    "cannot_open_file": "Cannot open file",
+    "cannot_open_archive": "Cannot open archive",
+    "cannot_preview_entry": "Cannot preview entry",
+    "office_fallback": "If embedded preview is unavailable, download the file.",
+    "invalid_zip": "Invalid ZIP file",
+    "central_directory_not_found": "Central directory not found",
+    "archive_buffer_missing": "Archive buffer is missing",
+    "entry_corrupted": "Archive entry is corrupted",
+    "compression_not_supported": "Compression method is not supported",
+    "deflate_not_supported": "Deflate decompression is not supported by the browser",
+    "unknown_error": "Unknown error",
+    "empty_file": "(empty file)",
+    "archive_empty_unsupported": "Archive is empty or unsupported.",
+    "archive_type_dir": "dir",
+    "archive_type_file": "file",
+    "archive_table_name": "Name",
+    "archive_table_type": "Type",
+    "archive_table_packed": "Packed",
+    "archive_table_size": "Size",
+    "archive_table_preview": "Preview",
+    "pdf_page": "Page",
+    "pdf_zoom": "Zoom"
+  },
+  "alert": {
     "title": "Default header",
     "description": "Description of the current action",
     "reason": "Alert already open"

package/app/langs/ru/buttons.json

@@ -7,22 +7,22 @@
     "agree": "Да",
     "cancel": "Нет"
   },
-  "filepreview": {
-    "open_audio": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u043b\u0435\u0435\u0440",
-    "open_image": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435",
-    "open_text": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0442\u0435\u043a\u0441\u0442",
-    "open_video": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432\u0438\u0434\u0435\u043e",
-    "open_archive": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0430\u0440\u0445\u0438\u0432",
-    "open_pdf": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c PDF",
-    "open_office": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442",
-    "download": "\u0421\u043a\u0430\u0447\u0430\u0442\u044c",
-    "preview": "\u041f\u0440\u0435\u0432\u044c\u044e",
-    "prev": "\u041d\u0430\u0437\u0430\u0434",
-    "next": "\u0412\u043f\u0435\u0440\u0435\u0434",
-    "zoom_in": "\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c",
-    "zoom_out": "\u0423\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c"
-  },
-  "loadmore": {
+  "filepreview": {
+    "open_audio": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u043f\u043b\u0435\u0435\u0440",
+    "open_image": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435",
+    "open_text": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0442\u0435\u043a\u0441\u0442",
+    "open_video": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0432\u0438\u0434\u0435\u043e",
+    "open_archive": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0430\u0440\u0445\u0438\u0432",
+    "open_pdf": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c PDF",
+    "open_office": "\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442",
+    "download": "\u0421\u043a\u0430\u0447\u0430\u0442\u044c",
+    "preview": "\u041f\u0440\u0435\u0432\u044c\u044e",
+    "prev": "\u041d\u0430\u0437\u0430\u0434",
+    "next": "\u0412\u043f\u0435\u0440\u0435\u0434",
+    "zoom_in": "\u0423\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c",
+    "zoom_out": "\u0423\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c"
+  },
+  "loadmore": {
     "send": "Загружаю...",
     "show": "Показываю...",
     "text-ajax": "Загрузить еще",
@@ -36,4 +36,4 @@
   "select": {
     "load-more": "Загрузить еще"
   }
-}
+}

package/app/langs/ru/messages.json

@@ -16,7 +16,7 @@
   },
   "files": {
     "is-count": "Превышен лимит по количеству файлов",
-    "is-sizes": "Превышен размер файла",
+    "is-sizes": "Превышен размер файла",
     "is-types": "Недопустимый тип файла",
     "is-total-size": "Превышен максимально разрешённый размер для выбранных файлов",
     "titles": "Удаление файлов",

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

@@ -3,8 +3,8 @@
  * Возможности: modal, overlay и dropdown-рендер, компактный размер, Data API, AJAX и Promise-сценарии.
  */
 import BaseModule from "../../base-module";
-import VGModal from "../../vgmodal";
-import VGSidebar from "../../vgsidebar";
+import VGModal from "../../vgmodal";
+import VGSidebar from "../../vgsidebar";
 import VGDropdown from "../../vgdropdown";
 
 import { execute, isElement, isVisible, makeRandomString, mergeDeepObject, reflow } from "../../../utils/js/functions";
@@ -451,22 +451,25 @@ class VGAlert {
 			};
 		}
 
-		const parent = containerWrap.classList.contains('vg-sidebar')
-			? VGSidebar.getOrCreateInstance(containerWrap)
-			: VGModal.getOrCreateInstance(containerWrap);
-		const container = Selectors.find('.vg-modal-content', containerWrap) || containerWrap;
-
-		const overlay = document.createElement('div');
-
-		overlay.className = `${CLASS_NAME_ALERT}-overlay`;
-		this._applySizeClass(overlay);
+		const parent = containerWrap.classList.contains('vg-sidebar')
+			? VGSidebar.getOrCreateInstance(containerWrap)
+			: VGModal.getOrCreateInstance(containerWrap);
+		const container = Selectors.find('.vg-modal-content', containerWrap) || containerWrap;
+
+		const overlay = document.createElement('div');
+
+		overlay.className = `${CLASS_NAME_ALERT}-overlay`;
+		if (containerWrap.classList.contains('vg-modal')) {
+			overlay.classList.add(`${CLASS_NAME_ALERT}-overlay--modal`);
+		}
+		this._applySizeClass(overlay);
 		overlay.append(this._buildContent());
 
 		container.append(overlay);
 
 		return {
 			element: overlay,
-			render: parent,
+			render: parent,
 		};
 	}
 

package/app/modules/vgalert/scss/_variables.scss

@@ -1,16 +1,16 @@
-@use "../../../utils/scss" as vg;
-
-$alert-map: (
-	overlay-z-index: 1,
-	overlay-backdrop-bg: rgba(0, 0, 0, 0),
-	overlay-backdrop-show-bg: var(--vg-backdrop-subtle-color, rgba(0, 0, 0, .25)),
-	overlay-backdrop-transition: background-color .05s linear,
-	overlay-wrapper-bg: var(--vg-surface-bg, #{vg.$surface-bg}),
-	overlay-wrapper-width: 90%,
-	overlay-wrapper-top: 1rem,
-	overlay-wrapper-start: 50%,
-	overlay-wrapper-transform: translate(-50%, -1rem),
-	overlay-wrapper-show-transform: translate(-50%, 0),
-	overlay-wrapper-transition: transform .12s ease-out,
-	buttons-bg: var(--vg-surface-muted-bg, #{vg.$surface-muted-bg}),
-) !default;
+@use "../../../utils/scss" as vg;
+
+$alert-map: (
+	overlay-z-index: 1,
+	overlay-backdrop-bg: rgba(0, 0, 0, 0),
+	overlay-backdrop-show-bg: var(--vg-backdrop-subtle-color, rgba(0, 0, 0, .25)),
+	overlay-backdrop-transition: background-color .05s linear,
+	overlay-wrapper-bg: var(--vg-surface-bg, #{vg.$surface-bg}),
+	overlay-wrapper-width: 90%,
+	overlay-wrapper-top: 1rem,
+	overlay-wrapper-start: 50%,
+	overlay-wrapper-transform: translate(-50%, -1rem),
+	overlay-wrapper-show-transform: translate(-50%, 0),
+	overlay-wrapper-transition: transform .12s ease-out,
+	buttons-bg: var(--vg-surface-muted-bg, #{vg.$surface-muted-bg}),
+) !default;

package/app/modules/vgalert/scss/vgalert.scss

@@ -55,17 +55,24 @@
 			}
 		}
 
-		.vg-alert-wrapper {
-			background-color: var(--vg-alert-overlay-wrapper-bg);
-			width: var(--vg-alert-overlay-wrapper-width);
+		.vg-alert-wrapper {
+			background-color: var(--vg-alert-overlay-wrapper-bg);
+			width: var(--vg-alert-overlay-wrapper-width);
 			position: absolute;
 			left: var(--vg-alert-overlay-wrapper-start);
 			z-index: 1;
 			transform: var(--vg-alert-overlay-wrapper-transform);
 			top: var(--vg-alert-overlay-wrapper-top);
-			transition: var(--vg-alert-overlay-wrapper-transition);
-		}
-	}
+			transition: var(--vg-alert-overlay-wrapper-transition);
+		}
+
+		&--modal {
+			.vg-alert-wrapper {
+				position: sticky;
+				top: calc(var(--vg-alert-overlay-wrapper-top) + 1rem);
+			}
+		}
+	}
 
 	&-dropdown {
 		width: 360px;

package/app/modules/vgcollapse/scss/_variables.scss

@@ -1,7 +1,7 @@
-@use "../../../utils/scss" as vg;
-
-$collapse-accordion-map: (
-		border: vg.$border-width vg.$border-style var(--vg-border-color, #{vg.$border-color}),
-		border-radius: vg.$border-radius,
-		padding: 1rem
-) !default;
+@use "../../../utils/scss" as vg;
+
+$collapse-accordion-map: (
+		border: vg.$border-width vg.$border-style var(--vg-border-color, #{vg.$border-color}),
+		border-radius: vg.$border-radius,
+		padding: 1rem
+) !default;

package/app/modules/vgcollapse/scss/vgcollapse.scss

@@ -6,13 +6,13 @@
 *--------------------------------------------------------------------------
 **/
 
-@forward "variables";
-@use "../../../utils/scss" as vg;
-@use "variables" as vars;
+@forward "variables";
+@use "../../../utils/scss" as vg;
+@use "variables" as vars;
 
 
 .vg-accordion {
-	@include vg.mix-vars('accordion', vars.$collapse-accordion-map);
+	@include vg.mix-vars('accordion', vars.$collapse-accordion-map);
 	position: relative;
 	border: var(--vg-accordion-border);
 	border-radius: var(--vg-accordion-border-radius);
@@ -37,4 +37,4 @@
 		display: block;
 		padding: var(--vg-accordion-padding);
 	}
-}
+}

package/app/modules/vgdropdown/scss/_variables.scss

@@ -1,14 +1,14 @@
-@use "../../../utils/scss" as vg;
-
-$dropdown-map: (
-		bg-color:                  var(--vg-surface-bg, #{vg.$surface-bg}),
-		color:                     var(--vg-text-color, #{vg.$color}),
-		box-shadow:                var(--vg-box-shadow, #{vg.$box-shadow}),
-		border-width:              vg.$border-width,
-		border-style:              vg.$border-style,
-		border-color:              var(--vg-border-color, #{vg.$border-color}),
-		border-radius:             vg.$border-radius,
-		z-index:                   vg.$dropdown-index,
-		transition:                vg.$transition-base,
-		min-width:                 225px
-) !default;
+@use "../../../utils/scss" as vg;
+
+$dropdown-map: (
+		bg-color:                  var(--vg-surface-bg, #{vg.$surface-bg}),
+		color:                     var(--vg-text-color, #{vg.$color}),
+		box-shadow:                var(--vg-box-shadow, #{vg.$box-shadow}),
+		border-width:              vg.$border-width,
+		border-style:              vg.$border-style,
+		border-color:              var(--vg-border-color, #{vg.$border-color}),
+		border-radius:             vg.$border-radius,
+		z-index:                   vg.$dropdown-index,
+		transition:                vg.$transition-base,
+		min-width:                 225px
+) !default;

package/app/modules/vgdropdown/scss/vgdropdown.scss

@@ -6,13 +6,13 @@
 *--------------------------------------------------------------------------
 **/
 
-@forward "variables";
-@use "../../../utils/scss" as vg;
-@use "variables" as vars;
+@forward "variables";
+@use "../../../utils/scss" as vg;
+@use "variables" as vars;
 
 .vg-dropdown {
 	position: relative;
-	@include vg.mix-vars('dropdown', vars.$dropdown-map);
+	@include vg.mix-vars('dropdown', vars.$dropdown-map);
 
 	&-content {
 		z-index: var(--vg-dropdown-z-index);
@@ -77,4 +77,4 @@
 		border-radius: var(--vg-dropdown-border-radius);
 		box-shadow: var(--vg-dropdown-box-shadow);
 	}
-}
+}

package/app/modules/vgfilepreview/js/i18n.js

@@ -1,56 +1,56 @@
-import { lang_buttons, lang_messages } from "../../../utils/js/components/lang";
-
-const SUPPORTED_LANGS = new Set(["ru", "en"]);
-
-const normalizeLang = (value, fallback = "ru") => {
-	const candidate = String(value || "").trim().toLowerCase();
-	if (!candidate) {
-		return fallback;
-	}
-
-	const short = candidate.split("-")[0];
-	return SUPPORTED_LANGS.has(short) ? short : fallback;
-};
-
-const resolveFilePreviewLang = (paramsLang, element) => {
-	const fromParams = normalizeLang(paramsLang, "");
-	if (fromParams) {
-		return fromParams;
-	}
-
-	const fromElement = normalizeLang(element?.getAttribute("lang"), "");
-	if (fromElement) {
-		return fromElement;
-	}
-
-	const fromClosest = normalizeLang(element?.closest("[lang]")?.getAttribute("lang"), "");
-	if (fromClosest) {
-		return fromClosest;
-	}
-
-	const fromHtml = normalizeLang(document?.documentElement?.getAttribute("lang"), "");
-	if (fromHtml) {
-		return fromHtml;
-	}
-
-	const fromNavigator = normalizeLang(window?.navigator?.language, "");
-	if (fromNavigator) {
-		return fromNavigator;
-	}
-
-	return "ru";
-};
-
-const createFilePreviewI18n = (lang = "ru") => {
-	const normalizedLang = normalizeLang(lang, "ru");
-	const messages = lang_messages(normalizedLang, "filepreview") || {};
-	const buttons = lang_buttons(normalizedLang, "filepreview") || {};
-
-	return {
-		lang: normalizedLang,
-		message: (key, fallback = "") => messages[key] || fallback,
-		button: (key, fallback = "") => buttons[key] || fallback
-	};
-};
-
-export { createFilePreviewI18n, resolveFilePreviewLang };
+import { lang_buttons, lang_messages } from "../../../utils/js/components/lang";
+
+const SUPPORTED_LANGS = new Set(["ru", "en"]);
+
+const normalizeLang = (value, fallback = "ru") => {
+	const candidate = String(value || "").trim().toLowerCase();
+	if (!candidate) {
+		return fallback;
+	}
+
+	const short = candidate.split("-")[0];
+	return SUPPORTED_LANGS.has(short) ? short : fallback;
+};
+
+const resolveFilePreviewLang = (paramsLang, element) => {
+	const fromParams = normalizeLang(paramsLang, "");
+	if (fromParams) {
+		return fromParams;
+	}
+
+	const fromElement = normalizeLang(element?.getAttribute("lang"), "");
+	if (fromElement) {
+		return fromElement;
+	}
+
+	const fromClosest = normalizeLang(element?.closest("[lang]")?.getAttribute("lang"), "");
+	if (fromClosest) {
+		return fromClosest;
+	}
+
+	const fromHtml = normalizeLang(document?.documentElement?.getAttribute("lang"), "");
+	if (fromHtml) {
+		return fromHtml;
+	}
+
+	const fromNavigator = normalizeLang(window?.navigator?.language, "");
+	if (fromNavigator) {
+		return fromNavigator;
+	}
+
+	return "ru";
+};
+
+const createFilePreviewI18n = (lang = "ru") => {
+	const normalizedLang = normalizeLang(lang, "ru");
+	const messages = lang_messages(normalizedLang, "filepreview") || {};
+	const buttons = lang_buttons(normalizedLang, "filepreview") || {};
+
+	return {
+		lang: normalizedLang,
+		message: (key, fallback = "") => messages[key] || fallback,
+		button: (key, fallback = "") => buttons[key] || fallback
+	};
+};
+
+export { createFilePreviewI18n, resolveFilePreviewLang };