vgapp 1.5.7 → 1.5.8

package/app/utils/js/components/backdrop.js

@@ -1,116 +1,116 @@
-import { execute } from "../functions";
-import Html from "../components/templater";
-import { Classes } from "../dom/manipulator";
-import ScrollBarHelper from "./scrollbar";
-
-const NAME = 'backdrop';
-const CLASS_NAME = 'vg-backdrop';
-const CLASS_NAME_FADE = 'fade';
-const CLASS_NAME_SHOW = 'show';
-
-const backdropDelay = 150;
-
-class Backdrop {
-	static get _rootEl() {
-		return document.body;
-	}
-
-	static _scrollbar = new ScrollBarHelper();
-	static _backdrop = null;
-	static _backdrops = [];
-
-	static getElement() {
-		this._syncBackdrops();
-		return this._backdrop;
-	}
-
-	static isActive() {
-		this._syncBackdrops();
-		return this._backdrops.length > 0;
-	}
-
-	/**
-	 * Показывает новый backdrop и кладёт его поверх предыдущих.
-	 * @param {Function} callback - Вызывается после добавления backdrop в DOM.
-	 */
-	static show(callback) {
-		const backdrop = this._append();
-		execute(callback, [backdrop]);
-	}
-
-	/**
-	 * Скрывает только верхний backdrop.
-	 * @param {Function} callback - Вызывается после скрытия.
-	 */
-	static hide(callback, backdrop = null) {
-		this._syncBackdrops();
-
-		const targetBackdrop = backdrop && backdrop.isConnected ? backdrop : this._backdrop;
-
-		if (!targetBackdrop) {
-			execute(callback);
-			return;
-		}
-
-		this._destroy(targetBackdrop).then(execute.bind(null, callback));
-	}
-
-	/**
-	 * Создаёт и добавляет backdrop.
-	 * @returns {HTMLElement}
-	 * @private
-	 */
-	static _append() {
-		const html = Html('dom');
-		const backdrop = html.div({ class: CLASS_NAME });
-
-		this._rootEl.appendChild(backdrop);
-		this._backdrops.push(backdrop);
-		this._backdrop = backdrop;
-
-		requestAnimationFrame(() => {
-			Classes.add(backdrop, CLASS_NAME_SHOW);
-			setTimeout(() => {
-				if (backdrop.isConnected) {
-					Classes.add(backdrop, CLASS_NAME_FADE);
-				}
-			}, backdropDelay);
-		});
-
-		return backdrop;
-	}
-
-	/**
-	 * Удаляет backdrop с анимацией.
-	 * @param {HTMLElement} backdrop
-	 * @returns {Promise}
-	 * @private
-	 */
-	static _destroy(backdrop) {
-		return new Promise((resolve) => {
-			Classes.remove(backdrop, CLASS_NAME_FADE);
-			setTimeout(() => {
-				Classes.remove(backdrop, CLASS_NAME_SHOW);
-				backdrop.remove();
-				this._backdrops = this._backdrops.filter(item => item !== backdrop && item.isConnected);
-				this._backdrop = this._backdrops.length ? this._backdrops[this._backdrops.length - 1] : null;
-
-				if (!this._backdrop) {
-					this._scrollbar.reset();
-				}
-
-				resolve();
-			}, backdropDelay);
-		});
-	}
-
-	static _syncBackdrops() {
-		this._backdrops = this._backdrops.filter(item => item && item.isConnected);
-		if (!this._backdrops.length) {
-			this._backdrops = Array.from(this._rootEl.querySelectorAll(`.${CLASS_NAME}`));
-		}
-		this._backdrop = this._backdrops.length ? this._backdrops[this._backdrops.length - 1] : null;
-	}
-}
-
-export default Backdrop;
+import { execute } from "../functions";
+import Html from "../components/templater";
+import { Classes } from "../dom/manipulator";
+import ScrollBarHelper from "./scrollbar";
+
+const NAME = 'backdrop';
+const CLASS_NAME = 'vg-backdrop';
+const CLASS_NAME_FADE = 'fade';
+const CLASS_NAME_SHOW = 'show';
+
+const backdropDelay = 150;
+
+class Backdrop {
+	static get _rootEl() {
+		return document.body;
+	}
+
+	static _scrollbar = new ScrollBarHelper();
+	static _backdrop = null;
+	static _backdrops = [];
+
+	static getElement() {
+		this._syncBackdrops();
+		return this._backdrop;
+	}
+
+	static isActive() {
+		this._syncBackdrops();
+		return this._backdrops.length > 0;
+	}
+
+	/**
+	 * Показывает новый backdrop и кладёт его поверх предыдущих.
+	 * @param {Function} callback - Вызывается после добавления backdrop в DOM.
+	 */
+	static show(callback) {
+		const backdrop = this._append();
+		execute(callback, [backdrop]);
+	}
+
+	/**
+	 * Скрывает только верхний backdrop.
+	 * @param {Function} callback - Вызывается после скрытия.
+	 */
+	static hide(callback, backdrop = null) {
+		this._syncBackdrops();
+
+		const targetBackdrop = backdrop && backdrop.isConnected ? backdrop : this._backdrop;
+
+		if (!targetBackdrop) {
+			execute(callback);
+			return;
+		}
+
+		this._destroy(targetBackdrop).then(execute.bind(null, callback));
+	}
+
+	/**
+	 * Создаёт и добавляет backdrop.
+	 * @returns {HTMLElement}
+	 * @private
+	 */
+	static _append() {
+		const html = Html('dom');
+		const backdrop = html.div({ class: CLASS_NAME });
+
+		this._rootEl.appendChild(backdrop);
+		this._backdrops.push(backdrop);
+		this._backdrop = backdrop;
+
+		requestAnimationFrame(() => {
+			Classes.add(backdrop, CLASS_NAME_SHOW);
+			setTimeout(() => {
+				if (backdrop.isConnected) {
+					Classes.add(backdrop, CLASS_NAME_FADE);
+				}
+			}, backdropDelay);
+		});
+
+		return backdrop;
+	}
+
+	/**
+	 * Удаляет backdrop с анимацией.
+	 * @param {HTMLElement} backdrop
+	 * @returns {Promise}
+	 * @private
+	 */
+	static _destroy(backdrop) {
+		return new Promise((resolve) => {
+			Classes.remove(backdrop, CLASS_NAME_FADE);
+			setTimeout(() => {
+				Classes.remove(backdrop, CLASS_NAME_SHOW);
+				backdrop.remove();
+				this._backdrops = this._backdrops.filter(item => item !== backdrop && item.isConnected);
+				this._backdrop = this._backdrops.length ? this._backdrops[this._backdrops.length - 1] : null;
+
+				if (!this._backdrop) {
+					this._scrollbar.reset();
+				}
+
+				resolve();
+			}, backdropDelay);
+		});
+	}
+
+	static _syncBackdrops() {
+		this._backdrops = this._backdrops.filter(item => item && item.isConnected);
+		if (!this._backdrops.length) {
+			this._backdrops = Array.from(this._rootEl.querySelectorAll(`.${CLASS_NAME}`));
+		}
+		this._backdrop = this._backdrops.length ? this._backdrops[this._backdrops.length - 1] : null;
+	}
+}
+
+export default Backdrop;

package/app/utils/js/components/file-icon.js

@@ -1,8 +1,8 @@
-/**
- * Описание: определение категории файла и соответствующей SVG-иконки.
- * Возможности: распознаёт MIME-тип и расширение, поддерживает явные имена иконок и общий fallback.
- */
-const FILE_ICON_BY_EXT = {
+/**
+ * Описание: определение категории файла и соответствующей SVG-иконки.
+ * Возможности: распознаёт MIME-тип и расширение, поддерживает явные имена иконок и общий fallback.
+ */
+const FILE_ICON_BY_EXT = {
 	pdf: 'file-pdf',
 	doc: 'file-word',
 	docx: 'file-word',
@@ -38,8 +38,8 @@ const FILE_ICON_BY_EXT = {
 	tiff: 'file-image',
 	heic: 'file-image',
 	heif: 'file-image',
-	avif: 'file-image',
-	ico: 'file-image',
+	avif: 'file-image',
+	ico: 'file-image',
 	mp3: 'file-audio',
 	wav: 'file-audio',
 	ogg: 'file-audio',