vgapp 1.4.4 → 1.4.6

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,109 +1,109 @@
-const FILE_ICON_BY_EXT = {
-	pdf: 'file-pdf',
-	doc: 'file-word',
-	docx: 'file-word',
-	odt: 'file-word',
-	rtf: 'file-word',
-	xls: 'file-exel',
-	xlsx: 'file-exel',
-	xlsm: 'file-exel',
-	ods: 'file-exel',
-	csv: 'file-exel',
-	zip: 'file-zip',
-	rar: 'file-zip',
-	'7z': 'file-zip',
-	tar: 'file-zip',
-	gz: 'file-zip',
-	tgz: 'file-zip',
-	txt: 'file-text',
-	md: 'file-text',
-	log: 'file-text',
-	json: 'file-text',
-	xml: 'file-text',
-	yml: 'file-text',
-	yaml: 'file-text',
-	php: 'file-php',
-	png: 'file-image',
-	jpg: 'file-image',
-	jpeg: 'file-image',
-	gif: 'file-image',
-	webp: 'file-image',
-	svg: 'file-image',
-	bmp: 'file-image',
-	tif: 'file-image',
-	tiff: 'file-image',
-	heic: 'file-image',
-	heif: 'file-image',
-	avif: 'file-image',
-	mp3: 'file-audio',
-	wav: 'file-audio',
-	ogg: 'file-audio',
-	flac: 'file-audio',
-	aac: 'file-audio',
-	m4a: 'file-audio',
-	mp4: 'file-video',
-	webm: 'file-video',
-	mov: 'file-video',
-	mkv: 'file-video',
-	avi: 'file-video'
-};
-
-const extractExtension = (value) => {
-	if (!value) return '';
-
-	const cleanValue = String(value).toLowerCase().split('#')[0].split('?')[0];
-	const lastSegment = cleanValue.split('/').pop() || '';
-	if (!lastSegment.includes('.')) return '';
-
-	return lastSegment.split('.').pop() || '';
-};
-
-const parseFileDescriptor = (value) => {
-	if (!value) return {type: '', ext: ''};
-
-	if (typeof value === 'object') {
-		const type = String(value.type || '').toLowerCase();
-		const name = String(value.name || value.path || value.url || '').toLowerCase();
-		return {type, ext: extractExtension(name)};
-	}
-
-	return {type: '', ext: extractExtension(value)};
-};
-
-const resolveFileIconName = (descriptor) => {
-	const {type, ext} = parseFileDescriptor(descriptor);
-
-	if (type === 'application/pdf') return 'file-pdf';
-	if (type.includes('word')) return 'file-word';
-	if (type.includes('excel') || type.includes('spreadsheet')) return 'file-exel';
-	if (type.includes('zip') || type.includes('compressed')) return 'file-zip';
-	if (type.startsWith('text/')) return 'file-text';
-	if (type.startsWith('image/')) return 'file-image';
-	if (type.startsWith('audio/')) return 'file-audio';
-	if (type.startsWith('video/')) return 'file-video';
-
-	return FILE_ICON_BY_EXT[ext] || 'file-generic';
-};
-
-const getSVG = (name, icons = {}) => {
-	const explicitIcon = icons[name];
-	if (explicitIcon) {
-		return explicitIcon;
-	}
-
-	const autoIconName = resolveFileIconName(name);
-	const autoIcon = icons[autoIconName];
-	if (autoIcon) {
-		return autoIcon;
-	}
-
-	return icons['file-generic'] || '';
-};
-
-export {
-	FILE_ICON_BY_EXT,
-	extractExtension,
-	parseFileDescriptor,
-	resolveFileIconName,
-	getSVG
-};
+const FILE_ICON_BY_EXT = {
+	pdf: 'file-pdf',
+	doc: 'file-word',
+	docx: 'file-word',
+	odt: 'file-word',
+	rtf: 'file-word',
+	xls: 'file-exel',
+	xlsx: 'file-exel',
+	xlsm: 'file-exel',
+	ods: 'file-exel',
+	csv: 'file-exel',
+	zip: 'file-zip',
+	rar: 'file-zip',
+	'7z': 'file-zip',
+	tar: 'file-zip',
+	gz: 'file-zip',
+	tgz: 'file-zip',
+	txt: 'file-text',
+	md: 'file-text',
+	log: 'file-text',
+	json: 'file-text',
+	xml: 'file-text',
+	yml: 'file-text',
+	yaml: 'file-text',
+	php: 'file-php',
+	png: 'file-image',
+	jpg: 'file-image',
+	jpeg: 'file-image',
+	gif: 'file-image',
+	webp: 'file-image',
+	svg: 'file-image',
+	bmp: 'file-image',
+	tif: 'file-image',
+	tiff: 'file-image',
+	heic: 'file-image',
+	heif: 'file-image',
+	avif: 'file-image',
+	mp3: 'file-audio',
+	wav: 'file-audio',
+	ogg: 'file-audio',
+	flac: 'file-audio',
+	aac: 'file-audio',
+	m4a: 'file-audio',
+	mp4: 'file-video',
+	webm: 'file-video',
+	mov: 'file-video',
+	mkv: 'file-video',
+	avi: 'file-video'
+};
+
+const extractExtension = (value) => {
+	if (!value) return '';
+
+	const cleanValue = String(value).toLowerCase().split('#')[0].split('?')[0];
+	const lastSegment = cleanValue.split('/').pop() || '';
+	if (!lastSegment.includes('.')) return '';
+
+	return lastSegment.split('.').pop() || '';
+};
+
+const parseFileDescriptor = (value) => {
+	if (!value) return {type: '', ext: ''};
+
+	if (typeof value === 'object') {
+		const type = String(value.type || '').toLowerCase();
+		const name = String(value.name || value.path || value.url || '').toLowerCase();
+		return {type, ext: extractExtension(name)};
+	}
+
+	return {type: '', ext: extractExtension(value)};
+};
+
+const resolveFileIconName = (descriptor) => {
+	const {type, ext} = parseFileDescriptor(descriptor);
+
+	if (type === 'application/pdf') return 'file-pdf';
+	if (type.includes('word')) return 'file-word';
+	if (type.includes('excel') || type.includes('spreadsheet')) return 'file-exel';
+	if (type.includes('zip') || type.includes('compressed')) return 'file-zip';
+	if (type.startsWith('text/')) return 'file-text';
+	if (type.startsWith('image/')) return 'file-image';
+	if (type.startsWith('audio/')) return 'file-audio';
+	if (type.startsWith('video/')) return 'file-video';
+
+	return FILE_ICON_BY_EXT[ext] || 'file-generic';
+};
+
+const getSVG = (name, icons = {}) => {
+	const explicitIcon = icons[name];
+	if (explicitIcon) {
+		return explicitIcon;
+	}
+
+	const autoIconName = resolveFileIconName(name);
+	const autoIcon = icons[autoIconName];
+	if (autoIcon) {
+		return autoIcon;
+	}
+
+	return icons['file-generic'] || '';
+};
+
+export {
+	FILE_ICON_BY_EXT,
+	extractExtension,
+	parseFileDescriptor,
+	resolveFileIconName,
+	getSVG
+};