chuijs 4.0.2 → 4.0.4

package/framework/components/chui_print_button/print_button.js

@@ -1,7 +1,8 @@
-const {Button} = require('../chui_button/button');
-const {Icons} = require('../chui_icons/icons');
-const {Desktop} = require('../../modules/chui_services/desktop');
-const {I18n} = require('../../modules/chui_i18n/chui_i18n');
+const { Button } = require("../chui_button/button");
+const { Icons } = require("../chui_icons/icons");
+const { Desktop } = require("../../modules/chui_services/desktop");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
+const { reportError } = require("../../modules/chui_logger/chui_logger");
 
 /**
  * Кнопка печати: печатает страницу целиком, готовый HTML или элемент с его стилями.
@@ -22,7 +23,7 @@ const {I18n} = require('../../modules/chui_i18n/chui_i18n');
 class PrintButton {
     static MODE = {
         PRINT: "print",
-        PDF: "pdf"
+        PDF: "pdf",
     };
 
     #button = undefined;
@@ -30,34 +31,45 @@ class PrintButton {
     #target = undefined;
     #html = undefined;
     #options = {};
-    #file_name = undefined;
-    #document_title = undefined;
-    #on_result = undefined;
+    #fileName = undefined;
+    #documentTitle = undefined;
+    #onResult = undefined;
+    #onError = undefined;
 
-    constructor(options = {
-        title: String(),
-        mode: String(),
-        target: undefined,
-        html: undefined,
-        options: {},
-        fileName: String(),
-        documentTitle: String(),
-        icon: undefined,
-        onResult: undefined
-    }) {
+    constructor(
+        options = {
+            title: String(),
+            mode: String(),
+            target: undefined,
+            html: undefined,
+            options: {},
+            fileName: String(),
+            documentTitle: String(),
+            icon: undefined,
+            onResult: undefined,
+            onError: undefined,
+        }
+    ) {
         this.#mode = options.mode === undefined ? PrintButton.MODE.PRINT : options.mode;
         this.#target = options.target;
         this.#html = options.html;
         this.#options = options.options === undefined ? {} : options.options;
-        this.#file_name = options.fileName;
-        this.#document_title = options.documentTitle;
-        this.#on_result = options.onResult;
+        this.#fileName = options.fileName;
+        this.#documentTitle = options.documentTitle;
+        this.#onResult = options.onResult;
+        this.#onError = options.onError;
         this.#button = new Button({
-            title: options.title === undefined ? (this.#mode === PrintButton.MODE.PDF ? I18n.t("graphics.printSavePdf") : I18n.t("graphics.print")) : options.title,
+            title:
+                options.title === undefined
+                    ? this.#mode === PrintButton.MODE.PDF
+                        ? I18n.t("graphics.printSavePdf")
+                        : I18n.t("graphics.print")
+                    : options.title,
             icon: options.icon === undefined ? Icons.ACTIONS.PRINT : options.icon,
             clickEvent: () => {
-                this.print().catch(() => {});
-            }
+                // Отказ сервиса не глушим: приложению — `onError`, без него — в лог
+                this.print().catch((error) => reportError(error, this.#onError));
+            },
         });
     }
 
@@ -99,13 +111,16 @@ class PrintButton {
     /** Запустить печать или сохранение PDF; возвращает результат сервиса */
     print() {
         const html = this.#buildHtml();
-        const options = {...this.#options};
-        if (this.#file_name !== undefined) options.fileName = this.#file_name;
-        const request = this.#mode === PrintButton.MODE.PDF
-            ? Desktop.print.pdf(html === undefined ? document.documentElement.outerHTML : html, options)
-            : (html === undefined ? Desktop.print.page(options) : Desktop.print.html(html, options));
+        const options = { ...this.#options };
+        if (this.#fileName !== undefined) options.fileName = this.#fileName;
+        const request =
+            this.#mode === PrintButton.MODE.PDF
+                ? Desktop.print.pdf(html === undefined ? document.documentElement.outerHTML : html, options)
+                : html === undefined
+                  ? Desktop.print.page(options)
+                  : Desktop.print.html(html, options);
         return request.then((result) => {
-            if (this.#on_result !== undefined) this.#on_result(result);
+            if (this.#onResult !== undefined) this.#onResult(result);
             return result;
         });
     }
@@ -122,9 +137,9 @@ class PrintButton {
         const node = this.#target instanceof Element ? this.#target : this.#target.set();
         if (node === undefined || node === null) return undefined;
         const styles = [...document.querySelectorAll("style")].map((style) => style.outerHTML).join("\n");
-        const title = this.#document_title === undefined ? "" : `<title>${this.#document_title}</title>`;
+        const title = this.#documentTitle === undefined ? "" : `<title>${this.#documentTitle}</title>`;
         return `<!DOCTYPE html><html><head><meta charset="utf-8">${title}${styles}</head><body>${node.outerHTML}</body></html>`;
     }
 }
 
-exports.PrintButton = PrintButton
+exports.PrintButton = PrintButton;

package/framework/components/chui_progress_bar/progress_bar.js

@@ -7,31 +7,35 @@
  * уходит в `aria-valuetext`, чтобы «40%» не читалось дважды.
  *
  * Значение зажимается в `0…max`, `setMax()` не принимает неположительный максимум —
- * иначе полоса и её озвучка расходились бы.
+ * иначе полоса и её озвучка расходились бы. Смена значения идёт движением: заливка догоняет
+ * число за время токена `--motion_base`, а при уменьшенном движении значение ставится сразу.
  */
+const { animate, reducedMotion } = require("../../modules/chui_animations/motion");
 class ProgressBar {
     #id = require("randomstring").generate();
     #ProgressBar = document.createElement(`progress`);
     #main = document.createElement("progress_block");
-    #progress_count = document.createElement('progress_count');
-    #progress_text = document.createElement('progress_text');
+    #progressCount = document.createElement("progress_count");
+    #progressText = document.createElement("progress_text");
     #label = undefined;
+    // Остановка догоняющих кадров: новое значение отменяет прежнее движение
+    #stop = undefined;
     constructor(options = { max: Number(), label: String() }) {
-        require('../../modules/chui_functions').setStyles(__dirname + "/styles.css", 'chUiJS_ProgressBar');
+        require("../../modules/chui_functions").setStyles(__dirname + "/styles.css", "chUiJS_ProgressBar");
         // Роль дублирует нативную у <progress>, но делает разметку явной для тестов и стендов
         this.#ProgressBar.setAttribute("role", "progressbar");
         if (options.max !== undefined) this.setMax(options.max);
         this.#ProgressBar.id = this.#id;
-        this.#progress_count.setAttribute('for', this.#id);
-        this.#progress_text.setAttribute('for', this.#id);
+        this.#progressCount.setAttribute("for", this.#id);
+        this.#progressText.setAttribute("for", this.#id);
         // Подписи рядом с полосой — внешний вид: значение объявляет сама полоса
-        this.#progress_count.setAttribute('aria-hidden', 'true');
-        this.#progress_text.setAttribute('aria-hidden', 'true');
+        this.#progressCount.setAttribute("aria-hidden", "true");
+        this.#progressText.setAttribute("aria-hidden", "true");
         // Вид подписей полностью в CSS: прежде отступы, ширина и выравнивание
         // задавались отсюда инлайново и расходились с темой
-        this.#main.appendChild(this.#progress_count)
-        this.#main.appendChild(this.#ProgressBar)
-        this.#main.appendChild(this.#progress_text)
+        this.#main.appendChild(this.#progressCount);
+        this.#main.appendChild(this.#ProgressBar);
+        this.#main.appendChild(this.#progressText);
         this.setLabel(options.label);
     }
     #clamp(value) {
@@ -40,10 +44,16 @@ class ProgressBar {
         if (Number.isNaN(number) || Number.isNaN(max) || max <= 0) return 0;
         return Math.min(Math.max(number, 0), max);
     }
-    getValue() { return Number(this.#ProgressBar.value); }
-    getMax() { return Number(this.#ProgressBar.max); }
+    getValue() {
+        return Number(this.#ProgressBar.value);
+    }
+    getMax() {
+        return Number(this.#ProgressBar.max);
+    }
     /** Имя полосы для скринридера */
-    getLabel() { return this.#label; }
+    getLabel() {
+        return this.#label;
+    }
     setLabel(text = String()) {
         this.#label = text === undefined || text === "" ? undefined : text;
         if (this.#label === undefined) this.#ProgressBar.removeAttribute("aria-label");
@@ -62,21 +72,41 @@ class ProgressBar {
         return this;
     }
     setProgressCountText(text = String()) {
-        this.#progress_count.innerText = text;
+        this.#progressCount.innerText = text;
         return this;
     }
     setValue(value = Number()) {
-        this.#ProgressBar.value = this.#clamp(value);
+        this.#animateTo(this.#clamp(value));
         return this;
     }
+
+    /**
+     * Смена значения идёт движением: заливка догоняет число, а не перескакивает кадром.
+     * Ширину заливки у нативного `progress` задаёт браузер — переходом её не задать,
+     * поэтому целевое значение догоняют кадры, а их считает общий движок движения.
+     */
+    #animateTo(target = Number()) {
+        const from = Number(this.#ProgressBar.value);
+        this.#stop?.();
+        this.#stop = undefined;
+        if (from === target || reducedMotion()) {
+            this.#ProgressBar.value = target;
+            return;
+        }
+        this.#stop = animate((t) => {
+            this.#ProgressBar.value = from + (target - from) * t;
+        });
+    }
     setProgressText(text = String()) {
-        this.#progress_text.innerText = text;
+        this.#progressText.innerText = text;
         // Тот же текст читает скринридер вместо числа: подпись помечена aria-hidden
         if (text === undefined || text === "") this.#ProgressBar.removeAttribute("aria-valuetext");
         else this.#ProgressBar.setAttribute("aria-valuetext", String(text));
         return this;
     }
-    set() { return this.#main; }
+    set() {
+        return this.#main;
+    }
 }
 
-exports.ProgressBar = ProgressBar
+exports.ProgressBar = ProgressBar;

package/framework/components/chui_progress_bar/styles.css

@@ -1,24 +1,24 @@
 progress_block {
     /* Толщина дорожки одной переменной: полоса тоньше 29-пиксельного контрола и
        читается индикатором, а не плашкой (прежде было 15px — ростом с кнопку) */
-    --progress_height: 8px;
+    --progress_bar_height: 8px;
     width: max-content;
     height: max-content;
-    margin: var(--margin);
+    margin: var(--block_margin);
     font-size: var(--font_labels_size);
     color: var(--text_color_disabled);
     /* Подписи стоят по левому краю полосы: центрирование расходилось с полосой */
     text-align: start;
-    font-weight: 500
+    font-weight: 500;
 }
 
 progress {
     display: block;
     border-radius: var(--radius_pill);
     text-align: start;
-    margin: var(--margin) 0;
+    margin: var(--block_margin) 0;
     width: -webkit-fill-available;
-    height: var(--progress_height);
+    height: var(--progress_bar_height);
     border: none;
 }
 
@@ -53,4 +53,4 @@ progress_count + progress {
 
 progress + progress_text {
     margin-block-start: 4px;
-}
+}

package/framework/components/chui_progress_ring/progress_ring.js

@@ -1,5 +1,5 @@
-const {setStyles, optionOr} = require('../../modules/chui_functions');
-const {I18n} = require('../../modules/chui_i18n/chui_i18n');
+const { setStyles, optionOr } = require("../../modules/chui_functions");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /**
  * Круговой индикатор прогресса: кольцо с процентом внутри.
@@ -32,30 +32,32 @@ class ProgressRing {
     #root = document.createElement("chui_progress_ring");
     #svg = undefined;
     #track = undefined;
-    #value_arc = undefined;
+    #valueArc = undefined;
     #text = document.createElement("progress_ring_text");
     #id = undefined;
     #value = 0;
     #max = 100;
     #size = ProgressRing.DEFAULT_SIZE;
     #thickness = ProgressRing.DEFAULT_THICKNESS;
-    #show_value = true;
+    #showValue = true;
     #indeterminate = false;
     #label = undefined;
     #format = undefined;
 
-    constructor(options = {
-        id: String(),
-        value: Number(),
-        max: Number(),
-        size: Number(),
-        thickness: Number(),
-        showValue: Boolean(),
-        indeterminate: Boolean(),
-        label: String(),
-        color: String(),
-        format: undefined
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            value: Number(),
+            max: Number(),
+            size: Number(),
+            thickness: Number(),
+            showValue: Boolean(),
+            indeterminate: Boolean(),
+            label: String(),
+            color: String(),
+            format: undefined,
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_ProgressRing");
         ProgressRing.#counter += 1;
         this.#id = options.id === undefined ? `chui_progress_ring_${ProgressRing.#counter}` : options.id;
@@ -64,7 +66,7 @@ class ProgressRing {
         if (options.max !== undefined) this.#max = options.max;
         if (options.size !== undefined) this.#size = options.size;
         if (options.thickness !== undefined) this.#thickness = options.thickness;
-        this.#show_value = options.showValue !== false;
+        this.#showValue = options.showValue !== false;
         this.#format = options.format;
         this.#build();
         if (options.color !== undefined) this.setColor(options.color);
@@ -109,7 +111,7 @@ class ProgressRing {
     }
 
     isValueVisible() {
-        return this.#show_value;
+        return this.#showValue;
     }
 
     // SET
@@ -147,7 +149,7 @@ class ProgressRing {
 
     /** Показывать ли процент внутри кольца */
     setShowValue(visible = Boolean()) {
-        this.#show_value = visible === true;
+        this.#showValue = visible === true;
         this.#render();
         return this;
     }
@@ -200,13 +202,13 @@ class ProgressRing {
         this.#track.setAttribute("cx", "50");
         this.#track.setAttribute("cy", "50");
         this.#track.setAttribute("r", "45");
-        this.#value_arc = document.createElementNS(namespace, "circle");
-        this.#value_arc.setAttribute("class", "progress_ring_value");
-        this.#value_arc.setAttribute("cx", "50");
-        this.#value_arc.setAttribute("cy", "50");
-        this.#value_arc.setAttribute("r", "45");
+        this.#valueArc = document.createElementNS(namespace, "circle");
+        this.#valueArc.setAttribute("class", "progress_ring_value");
+        this.#valueArc.setAttribute("cx", "50");
+        this.#valueArc.setAttribute("cy", "50");
+        this.#valueArc.setAttribute("r", "45");
         this.#svg.appendChild(this.#track);
-        this.#svg.appendChild(this.#value_arc);
+        this.#svg.appendChild(this.#valueArc);
         this.#text.setAttribute("aria-hidden", "true");
         this.#root.appendChild(this.#svg);
         this.#root.appendChild(this.#text);
@@ -228,13 +230,13 @@ class ProgressRing {
         const radius = 50 - thickness / 2;
         this.#svg.style.setProperty("--progress_ring_thickness", String(thickness));
         this.#track.setAttribute("r", String(radius));
-        this.#value_arc.setAttribute("r", String(radius));
+        this.#valueArc.setAttribute("r", String(radius));
         // Длина окружности: dasharray — периметр, dashoffset — доля от него.
         // У неопределённого прогресса дуга фиксированной длины, а крутит её CSS-анимация
         const circuit = 2 * Math.PI * radius;
-        this.#value_arc.style.strokeDasharray = this.#indeterminate ? "60 230" : String(circuit);
-        this.#value_arc.style.strokeDashoffset = this.#indeterminate ? "0" : String(circuit * (1 - this.getRatio()));
-        this.#text.hidden = !this.#show_value;
+        this.#valueArc.style.strokeDasharray = this.#indeterminate ? "60 230" : String(circuit);
+        this.#valueArc.style.strokeDashoffset = this.#indeterminate ? "0" : String(circuit * (1 - this.getRatio()));
+        this.#text.hidden = !this.#showValue;
         this.#text.innerText = this.#indeterminate ? "" : this.#valueText();
         this.#root.setAttribute("aria-valuemin", String(0));
         this.#root.setAttribute("aria-valuemax", String(this.#max));
@@ -244,4 +246,4 @@ class ProgressRing {
     }
 }
 
-exports.ProgressRing = ProgressRing
+exports.ProgressRing = ProgressRing;

package/framework/components/chui_progress_ring/styles.css

@@ -34,7 +34,7 @@ chui_progress_ring {
 .progress_ring_value {
     stroke: var(--progress_ring_color);
     stroke-linecap: round;
-    transition: stroke-dashoffset 0.25s ease;
+    transition: stroke-dashoffset var(--motion_base) var(--motion_ease);
 }
 
 chui_progress_ring.progress_ring_indeterminate .progress_ring_value {

package/framework/components/chui_qrcode/qrcode.js

@@ -1,6 +1,6 @@
-const { setStyles, optionOr } = require('../../modules/chui_functions');
-const { QR } = require('../../modules/chui_qr/chui_qr');
-const { I18n } = require('../../modules/chui_i18n/chui_i18n');
+const { setStyles, optionOr } = require("../../modules/chui_functions");
+const { QR } = require("../../modules/chui_qr/chui_qr");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /** Длинное значение не перечисляется в имени кода — там остаётся только его длина */
 const LONG_VALUE = 64;
@@ -64,20 +64,31 @@ class QRCode {
     #margin = QRCode.DEFAULT_MARGIN;
     #level = QR.LEVEL.MEDIUM;
     #mode = QR.MODE.AUTO;
-    #min_version = undefined;
+    #minVersion = undefined;
     #mask = undefined;
     #dark = QRCode.DEFAULT_DARK;
     #light = QRCode.DEFAULT_LIGHT;
     #label = undefined;
-    #empty_text = undefined;
+    #emptyText = undefined;
     #code = undefined;
-    #error_text = undefined;
+    #errorMessage = undefined;
 
-    constructor(options = {
-        id: String(), value: String(), size: Number(), margin: Number(), level: String(),
-        mode: String(), minVersion: Number(), mask: Number(), dark: String(), light: String(),
-        label: String(), emptyText: String()
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            value: String(),
+            size: Number(),
+            margin: Number(),
+            level: String(),
+            mode: String(),
+            minVersion: Number(),
+            mask: Number(),
+            dark: String(),
+            light: String(),
+            label: String(),
+            emptyText: String(),
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "ChUiJS_QRCode");
         QRCode.#counter += 1;
         this.#id = options.id === undefined ? `chui_qrcode_${QRCode.#counter}` : options.id;
@@ -87,7 +98,7 @@ class QRCode {
         this.#hint.setAttribute("role", "status");
         this.#hint.setAttribute("aria-live", "polite");
         this.#label = options.label;
-        this.#empty_text = options.emptyText;
+        this.#emptyText = options.emptyText;
         this.#root.appendChild(this.#canvas);
         this.#root.appendChild(this.#hint);
         // Пустая заготовка опции равносильна отсутствующей: `String()` в описании опций
@@ -97,45 +108,74 @@ class QRCode {
         if (optionOr(options.level, undefined) !== undefined) this.#level = QRCode.#toLevel(options.level);
         if (optionOr(options.mode, undefined) !== undefined) this.#mode = QRCode.#toMode(options.mode);
         if (Number.isInteger(Number(options.minVersion)) && Number(options.minVersion) > 0) {
-            this.#min_version = QRCode.#toVersion(options.minVersion);
+            this.#minVersion = QRCode.#toVersion(options.minVersion);
         }
-        if (Number.isInteger(Number(options.mask)) && Number(options.mask) >= 0) this.#mask = QRCode.#toMask(options.mask);
+        if (Number.isInteger(Number(options.mask)) && Number(options.mask) >= 0)
+            this.#mask = QRCode.#toMask(options.mask);
         if (optionOr(options.dark, undefined) !== undefined) this.#dark = String(options.dark);
         if (optionOr(options.light, undefined) !== undefined) this.#light = String(options.light);
         this.setValue(options.value);
     }
 
     // GET
-    getId() { return this.#id; }
-    getValue() { return this.#value; }
+    getId() {
+        return this.#id;
+    }
+    getValue() {
+        return this.#value;
+    }
     /** Заданная сторона канвы в CSS-пикселях (итоговая может быть меньше на доли модуля) */
-    getSize() { return this.#size; }
+    getSize() {
+        return this.#size;
+    }
     /** Тихая зона вокруг кода в модулях */
-    getMargin() { return this.#margin; }
-    getLevel() { return this.#level; }
+    getMargin() {
+        return this.#margin;
+    }
+    getLevel() {
+        return this.#level;
+    }
     /** Режим готового кода: при `AUTO` — тот, что подобрался под строку */
-    getMode() { return this.#code === undefined ? this.#mode : this.#code.mode; }
-    getMinVersion() { return this.#min_version; }
+    getMode() {
+        return this.#code === undefined ? this.#mode : this.#code.mode;
+    }
+    getMinVersion() {
+        return this.#minVersion;
+    }
     /** Маска готового кода (0…7); без кода — заданная опция или `undefined` при автоподборе */
-    getMask() { return this.#code === undefined ? this.#mask : this.#code.mask; }
+    getMask() {
+        return this.#code === undefined ? this.#mask : this.#code.mask;
+    }
     /** Цвета кода: тёмные модули и поле */
-    getColors() { return {dark: this.#dark, light: this.#light}; }
-    getCanvas() { return this.#canvas; }
+    getColors() {
+        return { dark: this.#dark, light: this.#light };
+    }
+    getCanvas() {
+        return this.#canvas;
+    }
     /** Описание готового кода: `{version, size, mask, level, mode, length}` или `undefined` */
     getCode() {
         if (this.#code === undefined) return undefined;
         return {
-            version: this.#code.version, size: this.#code.size, mask: this.#code.mask,
-            level: this.#code.level, mode: this.#code.mode, length: this.#code.length
+            version: this.#code.version,
+            size: this.#code.size,
+            mask: this.#code.mask,
+            level: this.#code.level,
+            mode: this.#code.mode,
+            length: this.#code.length,
         };
     }
-    getVersion() { return this.#code === undefined ? undefined : this.#code.version; }
+    getVersion() {
+        return this.#code === undefined ? undefined : this.#code.version;
+    }
     /** Модули готового кода: `matrix[y][x] === true` — тёмный модуль */
     getMatrix() {
         return this.#code === undefined ? undefined : this.#code.matrix.map((row) => row.slice());
     }
     /** Текст незаданного состояния или ошибки; `undefined`, если код построен */
-    getError() { return this.#error_text; }
+    getError() {
+        return this.#errorMessage;
+    }
 
     // SET
     setId(id = String()) {
@@ -175,7 +215,7 @@ class QRCode {
     }
     /** Наименьшая версия кода; `undefined` — подбирать самому */
     setMinVersion(version = undefined) {
-        this.#min_version = version === undefined || version === "" ? undefined : QRCode.#toVersion(version);
+        this.#minVersion = version === undefined || version === "" ? undefined : QRCode.#toVersion(version);
         this.#render();
         return this;
     }
@@ -200,7 +240,7 @@ class QRCode {
     }
     /** Текст подсказки при пустом значении */
     setEmptyText(text = String()) {
-        this.#empty_text = text;
+        this.#emptyText = text;
         this.#render();
         return this;
     }
@@ -213,7 +253,9 @@ class QRCode {
     toDataURL(type = "image/png", quality = undefined) {
         return this.#canvas.toDataURL(type, quality);
     }
-    set() { return this.#root; }
+    set() {
+        return this.#root;
+    }
 
     // === ОТРИСОВКА ===
     #render() {
@@ -221,12 +263,12 @@ class QRCode {
         if (String(value).trim() === "") {
             this.#code = undefined;
             this.#clear();
-            this.#setHint(this.#empty_text === undefined ? I18n.t("graphics.qrEmpty") : this.#empty_text);
+            this.#setHint(this.#emptyText === undefined ? I18n.t("graphics.qrEmpty") : this.#emptyText);
             this.#setLabel(I18n.t("graphics.qrLabel"));
             return this;
         }
-        const options = {level: this.#level, mode: this.#mode};
-        if (this.#min_version !== undefined) options.minVersion = this.#min_version;
+        const options = { level: this.#level, mode: this.#mode };
+        if (this.#minVersion !== undefined) options.minVersion = this.#minVersion;
         if (this.#mask !== undefined) options.mask = this.#mask;
         const result = QR.encode(value, options);
         if (result.ok !== true) {
@@ -292,7 +334,7 @@ class QRCode {
     }
 
     #setHint(text) {
-        this.#error_text = text === "" ? undefined : text;
+        this.#errorMessage = text === "" ? undefined : text;
         this.#hint.innerText = text;
         return this;
     }
@@ -306,8 +348,8 @@ class QRCode {
     /** Имя кода: короткое значение перечисляется, длинное — только по длине */
     static #valueLabel(value = String()) {
         return value.length <= LONG_VALUE
-            ? I18n.t("graphics.qrValue", {value: value})
-            : I18n.t("graphics.qrLongValue", {length: value.length});
+            ? I18n.t("graphics.qrValue", { value: value })
+            : I18n.t("graphics.qrLongValue", { length: value.length });
     }
 
     /** Ошибка генератора словами словаря: пустое значение сюда не доходит */
@@ -315,11 +357,12 @@ class QRCode {
         if (error.code === "tooLong") {
             const bytes = error.mode === QR.MODE.BYTE;
             return I18n.t(bytes ? "graphics.qrTooLongBytes" : "graphics.qrTooLongChars", {
-                needed: error.needed, capacity: error.capacity
+                needed: error.needed,
+                capacity: error.capacity,
             });
         }
         if (error.code === "mode") {
-            return I18n.t("graphics.qrModeMismatch", {mode: I18n.t(`graphics.qrMode.${error.mode}`)});
+            return I18n.t("graphics.qrModeMismatch", { mode: I18n.t(`graphics.qrMode.${error.mode}`) });
         }
         return I18n.t("graphics.qrEmpty");
     }
@@ -357,9 +400,10 @@ class QRCode {
 
     static #toVersion(version = Number()) {
         const value = Number(version);
-        if (!Number.isInteger(value) || value < 1 || value > 40) throw new RangeError("QRCode: версия вне диапазона 1…40");
+        if (!Number.isInteger(value) || value < 1 || value > 40)
+            throw new RangeError("QRCode: версия вне диапазона 1…40");
         return value;
     }
 }
 
-exports.QRCode = QRCode
+exports.QRCode = QRCode;