chuijs 4.0.1 → 4.0.3

package/framework/modules/chui_qr/chui_qr.js

@@ -33,63 +33,119 @@ const LEVELS = {
     LOW: "L",
     MEDIUM: "M",
     QUARTILE: "Q",
-    HIGH: "H"
+    HIGH: "H",
 };
 const MODES = {
     AUTO: "auto",
     NUMERIC: "numeric",
     ALPHANUMERIC: "alphanumeric",
-    BYTE: "byte"
+    BYTE: "byte",
 };
 /** Знаки, которые кодируются в алфавитно-цифровом режиме (45 значений) */
 const ALPHANUMERIC_CHARS = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
 /** Биты режима, разрядность счётчика символов по диапазонам версий (1–9, 10–26, 27–40) */
 const MODE_INFO = {
-    numeric: {bits: 0b0001, count: [10, 12, 14]},
-    alphanumeric: {bits: 0b0010, count: [9, 11, 13]},
-    byte: {bits: 0b0100, count: [8, 16, 16]}
+    numeric: { bits: 0b0001, count: [10, 12, 14] },
+    alphanumeric: { bits: 0b0010, count: [9, 11, 13] },
+    byte: { bits: 0b0100, count: [8, 16, 16] },
 };
 /** Биты уровня в информации о формате (порядок в таблицах блоков — L, M, Q, H) */
 const LEVEL_INFO = {
-    L: {format: 0b01, index: 0},
-    M: {format: 0b00, index: 1},
-    Q: {format: 0b11, index: 2},
-    H: {format: 0b10, index: 3}
+    L: { format: 0b01, index: 0 },
+    M: { format: 0b00, index: 1 },
+    Q: { format: 0b11, index: 2 },
+    H: { format: 0b10, index: 3 },
 };
 /** Кодовых слов коррекции в блоке по версиям 1…40 (строки — L, M, Q, H) */
 const EC_CODEWORDS = [
-    [7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
-    [10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],
-    [13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
-    [17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]
+    [
+        7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30,
+        30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
+    ],
+    [
+        10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28,
+        28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28,
+    ],
+    [
+        13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30,
+        30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
+    ],
+    [
+        17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30,
+        30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30,
+    ],
 ];
 /** Число блоков коррекции по версиям 1…40 (строки — L, M, Q, H) */
 const EC_BLOCKS = [
-    [1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],
-    [1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],
-    [1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],
-    [1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]
+    [
+        1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19,
+        19, 20, 21, 22, 24, 25,
+    ],
+    [
+        1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31,
+        33, 35, 37, 38, 40, 43, 45, 47, 49,
+    ],
+    [
+        1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43,
+        45, 48, 51, 53, 56, 59, 62, 65, 68,
+    ],
+    [
+        1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48,
+        51, 54, 57, 60, 63, 66, 70, 74, 77, 81,
+    ],
 ];
 /** Центры узоров выравнивания по версиям 1…40 (пусто у первой версии) */
 const ALIGNMENT_POSITIONS = [
-    [], [6, 18], [6, 22], [6, 26], [6, 30], [6, 34], [6, 22, 38], [6, 24, 42], [6, 26, 46], [6, 28, 50],
-    [6, 30, 54], [6, 32, 58], [6, 34, 62], [6, 26, 46, 66], [6, 26, 48, 70], [6, 26, 50, 74], [6, 30, 54, 78],
-    [6, 30, 56, 82], [6, 30, 58, 86], [6, 34, 62, 90], [6, 28, 50, 72, 94], [6, 26, 50, 74, 98],
-    [6, 30, 54, 78, 102], [6, 28, 54, 80, 106], [6, 32, 58, 84, 110], [6, 30, 58, 86, 114],
-    [6, 34, 62, 90, 118], [6, 26, 50, 74, 98, 122], [6, 30, 54, 78, 102, 126], [6, 26, 52, 78, 104, 130],
-    [6, 30, 56, 82, 108, 134], [6, 34, 60, 86, 112, 138], [6, 30, 58, 86, 114, 142], [6, 34, 62, 90, 118, 146],
-    [6, 30, 54, 78, 102, 126, 150], [6, 24, 50, 76, 102, 128, 154], [6, 28, 54, 80, 106, 132, 158],
-    [6, 32, 58, 84, 110, 136, 162], [6, 26, 54, 82, 110, 138, 166], [6, 30, 58, 86, 114, 142, 170]
+    [],
+    [6, 18],
+    [6, 22],
+    [6, 26],
+    [6, 30],
+    [6, 34],
+    [6, 22, 38],
+    [6, 24, 42],
+    [6, 26, 46],
+    [6, 28, 50],
+    [6, 30, 54],
+    [6, 32, 58],
+    [6, 34, 62],
+    [6, 26, 46, 66],
+    [6, 26, 48, 70],
+    [6, 26, 50, 74],
+    [6, 30, 54, 78],
+    [6, 30, 56, 82],
+    [6, 30, 58, 86],
+    [6, 34, 62, 90],
+    [6, 28, 50, 72, 94],
+    [6, 26, 50, 74, 98],
+    [6, 30, 54, 78, 102],
+    [6, 28, 54, 80, 106],
+    [6, 32, 58, 84, 110],
+    [6, 30, 58, 86, 114],
+    [6, 34, 62, 90, 118],
+    [6, 26, 50, 74, 98, 122],
+    [6, 30, 54, 78, 102, 126],
+    [6, 26, 52, 78, 104, 130],
+    [6, 30, 56, 82, 108, 134],
+    [6, 34, 60, 86, 112, 138],
+    [6, 30, 58, 86, 114, 142],
+    [6, 34, 62, 90, 118, 146],
+    [6, 30, 54, 78, 102, 126, 150],
+    [6, 24, 50, 76, 102, 128, 154],
+    [6, 28, 54, 80, 106, 132, 158],
+    [6, 32, 58, 84, 110, 136, 162],
+    [6, 26, 54, 82, 110, 138, 166],
+    [6, 30, 58, 86, 114, 142, 170],
 ];
 const MIN_VERSION = 1;
 const MAX_VERSION = 40;
 /** Полином поля Галуа и порождающий полином модуля `x^8 + x^4 + x^3 + x^2 + 1` */
-const GF_PRIME = 0x11D;
-const PAD_BYTES = [0xEC, 0x11];
-const PENALTY = {N1: 3, N2: 3, N3: 40, N4: 10};
+const GF_PRIME = 0x11d;
+const PAD_BYTES = [0xec, 0x11];
+const PENALTY = { N1: 3, N2: 3, N3: 40, N4: 10 };
 const FORMAT_POLYNOMIAL = 0x537;
 const FORMAT_MASK = 0x5412;
-const VERSION_POLYNOMIAL = 0x1F25;
+const VERSION_POLYNOMIAL = 0x1f25;
 
 class QR {
     static LEVEL = LEVELS;
@@ -134,9 +190,15 @@ class QR {
         for (const char of String(text)) {
             const code = char.codePointAt(0);
             if (code < 0x80) bytes.push(code);
-            else if (code < 0x800) bytes.push(0xC0 | (code >> 6), 0x80 | (code & 0x3F));
-            else if (code < 0x10000) bytes.push(0xE0 | (code >> 12), 0x80 | ((code >> 6) & 0x3F), 0x80 | (code & 0x3F));
-            else bytes.push(0xF0 | (code >> 18), 0x80 | ((code >> 12) & 0x3F), 0x80 | ((code >> 6) & 0x3F), 0x80 | (code & 0x3F));
+            else if (code < 0x800) bytes.push(0xc0 | (code >> 6), 0x80 | (code & 0x3f));
+            else if (code < 0x10000) bytes.push(0xe0 | (code >> 12), 0x80 | ((code >> 6) & 0x3f), 0x80 | (code & 0x3f));
+            else
+                bytes.push(
+                    0xf0 | (code >> 18),
+                    0x80 | ((code >> 12) & 0x3f),
+                    0x80 | ((code >> 6) & 0x3f),
+                    0x80 | (code & 0x3f)
+                );
         }
         return bytes;
     }
@@ -150,7 +212,7 @@ class QR {
      */
     static encode(value = String(), options = {}) {
         const text = value === undefined || value === null ? "" : String(value);
-        if (text === "") return {ok: false, error: {code: "empty"}};
+        if (text === "") return { ok: false, error: { code: "empty" } };
         // Пустая строка в опции значит «не задана» — общее правило фреймворка
         const level = QR.#checkLevel(QR.#option(options.level));
         const requested = QR.#option(options.mode);
@@ -164,7 +226,7 @@ class QR {
 
         const chosen = mode === MODES.AUTO ? QR.modeOf(text) : mode;
         const payload = QR.#payload(text, chosen);
-        if (payload === undefined) return {ok: false, error: {code: "mode", mode: chosen}};
+        if (payload === undefined) return { ok: false, error: { code: "mode", mode: chosen } };
 
         // Версия — наименьшая, в которую влезает заголовок (4 бита режима и счётчик) и данные
         let version = undefined;
@@ -176,24 +238,34 @@ class QR {
             }
         }
         if (version === undefined) {
-            return {ok: false, error: {
-                code: "tooLong", mode: payload.mode, length: payload.length,
-                needed: payload.length, capacity: QR.#capacity(last, level, payload.mode)
-            }};
+            return {
+                ok: false,
+                error: {
+                    code: "tooLong",
+                    mode: payload.mode,
+                    length: payload.length,
+                    needed: payload.length,
+                    capacity: QR.#capacity(last, level, payload.mode),
+                },
+            };
         }
 
         const codewords = QR.#codewords(payload, version, level);
         const size = QR.size(version);
         const pattern = QR.#functionPatterns(version, level);
         QR.#placeData(pattern.modules, pattern.isFunction, codewords, size);
-        const chosen_mask = mask === undefined
-            ? QR.#bestMask(pattern.modules, pattern.isFunction, size, level)
-            : mask;
+        const chosen_mask = mask === undefined ? QR.#bestMask(pattern.modules, pattern.isFunction, size, level) : mask;
         QR.#applyMask(pattern.modules, pattern.isFunction, size, chosen_mask);
         QR.#drawFormat(pattern.modules, pattern.isFunction, size, level, chosen_mask);
         return {
-            ok: true, matrix: pattern.modules, size: size, version: version, mask: chosen_mask,
-            level: level, mode: payload.mode, length: payload.length
+            ok: true,
+            matrix: pattern.modules,
+            size: size,
+            version: version,
+            mask: chosen_mask,
+            level: level,
+            mode: payload.mode,
+            length: payload.length,
         };
     }
 
@@ -207,23 +279,24 @@ class QR {
                 const group = text.slice(i, i + 3);
                 QR.#append(bits, Number(group), group.length * 3 + 1);
             }
-            return {mode: mode, length: text.length, bits: bits};
+            return { mode: mode, length: text.length, bits: bits };
         }
         if (mode === MODES.ALPHANUMERIC) {
             if (!QR.isAlphanumeric(text)) return undefined;
             const bits = [];
             let i = 0;
             for (; i + 2 <= text.length; i += 2) {
-                const value = ALPHANUMERIC_CHARS.indexOf(text.charAt(i)) * 45 + ALPHANUMERIC_CHARS.indexOf(text.charAt(i + 1));
+                const value =
+                    ALPHANUMERIC_CHARS.indexOf(text.charAt(i)) * 45 + ALPHANUMERIC_CHARS.indexOf(text.charAt(i + 1));
                 QR.#append(bits, value, 11);
             }
             if (i < text.length) QR.#append(bits, ALPHANUMERIC_CHARS.indexOf(text.charAt(i)), 6);
-            return {mode: mode, length: text.length, bits: bits};
+            return { mode: mode, length: text.length, bits: bits };
         }
         const bytes = QR.toBytes(text);
         const bits = [];
         for (const byte of bytes) QR.#append(bits, byte, 8);
-        return {mode: MODES.BYTE, length: bytes.length, bits: bits};
+        return { mode: MODES.BYTE, length: bytes.length, bits: bits };
     }
 
     /** Сколько символов влезает в версию при уровне и режиме */
@@ -281,7 +354,7 @@ class QR {
             const length = short_length + (index < short_blocks ? 0 : 1);
             const chunk = data.slice(offset, offset + length);
             offset += length;
-            chunks.push({data: chunk, ec: QR.#remainder(chunk, divisor)});
+            chunks.push({ data: chunk, ec: QR.#remainder(chunk, divisor) });
         }
         const result = [];
         const longest = short_length + 1;
@@ -358,8 +431,8 @@ class QR {
     /** Матрица со служебными узорами: где можно ставить данные, отмечено в `isFunction` */
     static #functionPatterns(version = MIN_VERSION, level = LEVELS.MEDIUM) {
         const size = QR.size(version);
-        const modules = Array.from({length: size}, () => new Array(size).fill(false));
-        const isFunction = Array.from({length: size}, () => new Array(size).fill(false));
+        const modules = Array.from({ length: size }, () => new Array(size).fill(false));
+        const isFunction = Array.from({ length: size }, () => new Array(size).fill(false));
         const set = (x, y, dark) => {
             if (x < 0 || y < 0 || x >= size || y >= size) return;
             modules[y][x] = dark;
@@ -371,7 +444,11 @@ class QR {
             set(i, 6, i % 2 === 0);
         }
         // Поисковые узоры 7×7 с разделителем: расстояние Чебышёва до центра 3 — тёмное, 2 и 4 — светлое
-        for (const center of [[3, 3], [size - 4, 3], [3, size - 4]]) {
+        for (const center of [
+            [3, 3],
+            [size - 4, 3],
+            [3, size - 4],
+        ]) {
             for (let dy = -4; dy <= 4; dy += 1) {
                 for (let dx = -4; dx <= 4; dx += 1) {
                     const distance = Math.max(Math.abs(dx), Math.abs(dy));
@@ -383,7 +460,8 @@ class QR {
         const centers = ALIGNMENT_POSITIONS[version - 1];
         for (let row = 0; row < centers.length; row += 1) {
             for (let column = 0; column < centers.length; column += 1) {
-                const corner = (row === 0 && column === 0) ||
+                const corner =
+                    (row === 0 && column === 0) ||
                     (row === 0 && column === centers.length - 1) ||
                     (row === centers.length - 1 && column === 0);
                 if (corner) continue;
@@ -398,7 +476,7 @@ class QR {
         // считаются сразу — данные туда не попадут
         QR.#drawFormat(modules, isFunction, size, level, 0);
         QR.#drawVersion(modules, isFunction, size, version);
-        return {modules: modules, isFunction: isFunction};
+        return { modules: modules, isFunction: isFunction };
     }
 
     /** Информация о формате: 5 битов данных, 10 битов BCH-остатка и маска 0x5412 */
@@ -467,15 +545,24 @@ class QR {
     /** Маска: `true` — модуль инвертируется */
     static #maskAt(mask = 0, x = Number(), y = Number()) {
         switch (mask) {
-            case 0: return (x + y) % 2 === 0;
-            case 1: return y % 2 === 0;
-            case 2: return x % 3 === 0;
-            case 3: return (x + y) % 3 === 0;
-            case 4: return (Math.floor(x / 3) + Math.floor(y / 2)) % 2 === 0;
-            case 5: return ((x * y) % 2) + ((x * y) % 3) === 0;
-            case 6: return (((x * y) % 2) + ((x * y) % 3)) % 2 === 0;
-            case 7: return (((x + y) % 2) + ((x * y) % 3)) % 2 === 0;
-            default: throw new RangeError("QR: маска вне диапазона 0…7");
+            case 0:
+                return (x + y) % 2 === 0;
+            case 1:
+                return y % 2 === 0;
+            case 2:
+                return x % 3 === 0;
+            case 3:
+                return (x + y) % 3 === 0;
+            case 4:
+                return (Math.floor(x / 3) + Math.floor(y / 2)) % 2 === 0;
+            case 5:
+                return ((x * y) % 2) + ((x * y) % 3) === 0;
+            case 6:
+                return (((x * y) % 2) + ((x * y) % 3)) % 2 === 0;
+            case 7:
+                return (((x + y) % 2) + ((x * y) % 3)) % 2 === 0;
+            default:
+                throw new RangeError("QR: маска вне диапазона 0…7");
         }
     }
 
@@ -520,7 +607,8 @@ class QR {
         for (let y = 0; y < size - 1; y += 1) {
             for (let x = 0; x < size - 1; x += 1) {
                 const dark = modules[y][x];
-                if (dark === modules[y][x + 1] && dark === modules[y + 1][x] && dark === modules[y + 1][x + 1]) score += PENALTY.N2;
+                if (dark === modules[y][x + 1] && dark === modules[y + 1][x] && dark === modules[y + 1][x + 1])
+                    score += PENALTY.N2;
             }
         }
         // Правило 4: доля тёмных модулей вне 45…55 %, шаг — 5 %
@@ -581,10 +669,13 @@ class QR {
     /** Узор 1:1:3:1:1 в истории полос: тёмная полоса шириной 3 единицы в тёмной рамке */
     static #finderRuns(history = []) {
         const unit = history[1];
-        const core = unit > 0 && history[2] === unit && history[3] === unit * 3 && history[4] === unit && history[5] === unit;
+        const core =
+            unit > 0 && history[2] === unit && history[3] === unit * 3 && history[4] === unit && history[5] === unit;
         if (!core) return 0;
-        return (history[0] >= unit * 4 && history[6] >= unit ? 1 : 0) +
-            (history[6] >= unit * 4 && history[0] >= unit ? 1 : 0);
+        return (
+            (history[0] >= unit * 4 && history[6] >= unit ? 1 : 0) +
+            (history[6] >= unit * 4 && history[0] >= unit ? 1 : 0)
+        );
     }
 
     /** Число, записанное `length` битами, в конец потока */
@@ -622,4 +713,4 @@ class QR {
     }
 }
 
-exports.QR = QR
+exports.QR = QR;

package/framework/modules/chui_scrollbar/chui_scrollbar.js

@@ -1,4 +1,4 @@
-const {setStyles} = require("../chui_functions");
+const { setStyles } = require("../chui_functions");
 
 /**
  * Полосы прокрутки поверх содержимого (overlay), автоматически на все прокручиваемые узлы.
@@ -36,7 +36,7 @@ const {setStyles} = require("../chui_functions");
  */
 const AXIS = {
     VERTICAL: "vertical",
-    HORIZONTAL: "horizontal"
+    HORIZONTAL: "horizontal",
 };
 const AXES = [AXIS.VERTICAL, AXIS.HORIZONTAL];
 /** Толщина глифа и зазор от края узла: глиф ложится в отступ узла, а не на содержимое */
@@ -239,7 +239,7 @@ class Scrollbar {
             top: read("--scrollbar_inset_top"),
             right: read("--scrollbar_inset_right"),
             bottom: read("--scrollbar_inset_bottom"),
-            left: read("--scrollbar_inset_left")
+            left: read("--scrollbar_inset_left"),
         };
         return this.#inset_cache;
     }
@@ -278,7 +278,7 @@ class Scrollbar {
             travel: track - thumb_size,
             offset: vertical ? element.scrollTop : element.scrollLeft,
             start: vertical ? insets.top : insets.left,
-            end: vertical ? insets.bottom : insets.right
+            end: vertical ? insets.bottom : insets.right,
         };
     }
 
@@ -289,17 +289,17 @@ class Scrollbar {
         const vertical = axis === AXIS.VERTICAL;
         const box = vertical
             ? {
-                left: Math.round(rect.right - metrics.end - this.#inset - this.#thickness),
-                top: Math.round(rect.top + metrics.start + position),
-                width: this.#thickness,
-                height: metrics.thumb_size
-            }
+                  left: Math.round(rect.right - metrics.end - this.#inset - this.#thickness),
+                  top: Math.round(rect.top + metrics.start + position),
+                  width: this.#thickness,
+                  height: metrics.thumb_size,
+              }
             : {
-                left: Math.round(rect.left + metrics.start + position),
-                top: Math.round(rect.bottom - metrics.end - this.#inset - this.#thickness),
-                width: metrics.thumb_size,
-                height: this.#thickness
-            };
+                  left: Math.round(rect.left + metrics.start + position),
+                  top: Math.round(rect.bottom - metrics.end - this.#inset - this.#thickness),
+                  width: metrics.thumb_size,
+                  height: this.#thickness,
+              };
         // Запись в стиль всегда обнуляет разметку, а пересчёт идёт каждый кадр прокрутки:
         // одинаковую геометрию не переписываем, иначе получаем reflow на каждый узел
         const signature = `${box.left}|${box.top}|${box.width}|${box.height}`;
@@ -321,8 +321,13 @@ class Scrollbar {
             return;
         }
         const rect = element.getBoundingClientRect();
-        const on_screen = rect.width > 0 && rect.height > 0 && rect.bottom > 0
-            && rect.top < window.innerHeight && rect.right > 0 && rect.left < window.innerWidth;
+        const on_screen =
+            rect.width > 0 &&
+            rect.height > 0 &&
+            rect.bottom > 0 &&
+            rect.top < window.innerHeight &&
+            rect.right > 0 &&
+            rect.left < window.innerWidth;
         // Узел за пределами окна (его вытянет прокрутка родителя): писать в глифы нечего,
         // кроме снятия видимости при уходе — иначе на каждый узел приходился бы reflow
         if (on_screen === false) {
@@ -522,19 +527,25 @@ class OverlayScrollbars {
                 subtree: true,
                 characterData: true,
                 attributes: true,
-                attributeFilter: ["class", "style", "hidden"]
+                attributeFilter: ["class", "style", "hidden"],
             });
         }
         OverlayScrollbars.scan(document.body);
         // Прокрутка любого узла двигает и вложенные в него: свой слушатель есть у каждого
         // накрытого узла, но «прокрутился родитель» его не будит. Событие `scroll` не
         // всплывает, поэтому ловим на фазе захвата — так оно доходит и от потомков.
-        document.addEventListener("scroll", OverlayScrollbars.#onViewportChange, {capture: true, passive: true});
-        window.addEventListener("resize", OverlayScrollbars.#onResize, {passive: true});
+        document.addEventListener("scroll", OverlayScrollbars.#onViewportChange, { capture: true, passive: true });
+        window.addEventListener("resize", OverlayScrollbars.#onResize, { passive: true });
         // Панели и слои появляются анимацией (сдвиг, масштаб). Пока узел ехал, он был за
         // пределами окна и геометрия не считалась, поэтому по завершении анимации пересчитываем.
-        document.addEventListener("transitionend", OverlayScrollbars.#onViewportChange, {capture: true, passive: true});
-        document.addEventListener("animationend", OverlayScrollbars.#onViewportChange, {capture: true, passive: true});
+        document.addEventListener("transitionend", OverlayScrollbars.#onViewportChange, {
+            capture: true,
+            passive: true,
+        });
+        document.addEventListener("animationend", OverlayScrollbars.#onViewportChange, {
+            capture: true,
+            passive: true,
+        });
         return OverlayScrollbars;
     }
 
@@ -542,9 +553,9 @@ class OverlayScrollbars {
     static stop() {
         if (OverlayScrollbars.#started === false) return OverlayScrollbars;
         OverlayScrollbars.#started = false;
-        document.removeEventListener("scroll", OverlayScrollbars.#onViewportChange, {capture: true});
-        document.removeEventListener("transitionend", OverlayScrollbars.#onViewportChange, {capture: true});
-        document.removeEventListener("animationend", OverlayScrollbars.#onViewportChange, {capture: true});
+        document.removeEventListener("scroll", OverlayScrollbars.#onViewportChange, { capture: true });
+        document.removeEventListener("transitionend", OverlayScrollbars.#onViewportChange, { capture: true });
+        document.removeEventListener("animationend", OverlayScrollbars.#onViewportChange, { capture: true });
         window.removeEventListener("resize", OverlayScrollbars.#onResize);
         if (OverlayScrollbars.#observer !== undefined) OverlayScrollbars.#observer.disconnect();
         if (OverlayScrollbars.#resize !== undefined) OverlayScrollbars.#resize.disconnect();

package/framework/modules/chui_scrollbar/styles.css

@@ -22,7 +22,9 @@ chui_scrollbar_thumb {
     opacity: 0;
     /* Плавно только появление и цвет: `top`/`left`/`width`/`height` анимировать нельзя —
        глиф отставал бы от прокрутки и «плыл» за содержимым */
-    transition: opacity var(--transition_time) ease, background-color var(--transition_time) ease;
+    transition:
+        opacity var(--transition_time) ease,
+        background-color var(--transition_time) ease;
 }
 
 chui_scrollbar_thumb.chui_scrollbar_visible {

package/framework/modules/chui_services/chui_channels.js

@@ -43,8 +43,32 @@ const SERVICES_CHANNELS = {
     SHORTCUT_EVENT: "chui_shortcut",
     /** Путь приложения по имени из `APP_PATH_NAMES` */
     APP_PATH: "chui_services_app_path",
+    /**
+     * Тот же путь, но ответ приходит значением, а не промисом: канал синхронный
+     * (`ipcRenderer.sendSync`). `Desktop.app.path` ходит сюда — путь берут на старте, чтобы
+     * собрать свои пути к файлам, и ждать промис там негде. Асинхронный `APP_PATH` оставлен:
+     * карта `window.chui.services` отдаётся странице целиком, её ключи — часть API безопасного
+     * режима, и убрать один из них значило бы сломать чужой вызов.
+     */
+    APP_PATH_SYNC: "chui_services_app_path_sync",
     /** Сведения о приложении: имя, версия, язык, сборка */
     APP_INFO: "chui_services_app_info",
+    /**
+     * Закрыть и перезапустить приложение со страницы. Идут через `Main.stop()`/`restart()`:
+     * это те же шаги, что у пункта меню «Выход», — снимаются обработчики сервисов, глобальные
+     * клавиши и подписки, а не просто закрывается окно.
+     */
+    APP_QUIT: "chui_services_app_quit",
+    APP_RESTART: "chui_services_app_restart",
+    /**
+     * Те же закрытие и перезапуск, но ответ приходит значением, а не промисом: канал
+     * синхронный (`ipcRenderer.sendSync`). `Desktop.app.quit()`/`restart()` ходят сюда — выход
+     * начинается тем же `Main.stop()`/`restart()`, а страница получает ответ сразу, без `await`.
+     * Асинхронные `APP_QUIT`/`APP_RESTART` оставлены: их ключи есть в карте `window.chui.services`,
+     * а это часть API безопасного режима.
+     */
+    APP_QUIT_SYNC: "chui_services_app_quit_sync",
+    APP_RESTART_SYNC: "chui_services_app_restart_sync",
     /** Системные диалоги: окно берётся у отправителя */
     DIALOG_OPEN: "chui_services_dialog_open",
     DIALOG_SAVE: "chui_services_dialog_save",
@@ -52,7 +76,7 @@ const SERVICES_CHANNELS = {
     /** Сессия окна-отправителя: кеш и хранилище */
     SESSION_CACHE_SIZE: "chui_services_session_cache_size",
     SESSION_CLEAR_CACHE: "chui_services_session_clear_cache",
-    SESSION_CLEAR_STORAGE: "chui_services_session_clear_storage"
+    SESSION_CLEAR_STORAGE: "chui_services_session_clear_storage",
 };
 
 /**
@@ -61,8 +85,22 @@ const SERVICES_CHANNELS = {
  * Имена совпадают с именами Electron, кроме `logs` (в Electron это `logs`).
  */
 const APP_PATH_NAMES = [
-    "home", "appData", "userData", "sessionData", "temp", "exe", "module",
-    "desktop", "documents", "downloads", "music", "pictures", "videos", "logs", "recent", "crashDumps"
+    "home",
+    "appData",
+    "userData",
+    "sessionData",
+    "temp",
+    "exe",
+    "module",
+    "desktop",
+    "documents",
+    "downloads",
+    "music",
+    "pictures",
+    "videos",
+    "logs",
+    "recent",
+    "crashDumps",
 ];
 
 /**
@@ -99,12 +137,38 @@ const SERVICES_CALLS = {
     localeSet: SERVICES_CHANNELS.LOCALE_SET,
     appPath: SERVICES_CHANNELS.APP_PATH,
     appInfo: SERVICES_CHANNELS.APP_INFO,
+    appQuit: SERVICES_CHANNELS.APP_QUIT,
+    appRestart: SERVICES_CHANNELS.APP_RESTART,
     dialogOpen: SERVICES_CHANNELS.DIALOG_OPEN,
     dialogSave: SERVICES_CHANNELS.DIALOG_SAVE,
     dialogMessage: SERVICES_CHANNELS.DIALOG_MESSAGE,
     sessionCacheSize: SERVICES_CHANNELS.SESSION_CACHE_SIZE,
     sessionClearCache: SERVICES_CHANNELS.SESSION_CLEAR_CACHE,
-    sessionClearStorage: SERVICES_CHANNELS.SESSION_CLEAR_STORAGE
+    sessionClearStorage: SERVICES_CHANNELS.SESSION_CLEAR_STORAGE,
+};
+
+/**
+ * Синхронные вызовы (`ipcRenderer.sendSync`) — те, где ответ нужен значением, а не промисом.
+ *
+ * Отдельный map, а не строка в `SERVICES_CALLS`: тот мост превращает в методы страницы через
+ * `ipcRenderer.invoke`, а на синхронный канал invoke не отвечает — промис не завершился бы
+ * никогда, и страница молча ждала бы ответа.
+ *
+ * Ответ синхронного канала — конверт `{value}` или `{error}`: у `sendSync` нет канала для
+ * исключения, и без конверта причина отказа (имя пути вне белого списка) потерялась бы,
+ * а страница получила бы `undefined`. Разбирает конверт `Desktop.#callSync` — одинаково
+ * в обычном режиме и в безопасном.
+ *
+ * `sendSync` останавливает страницу на время ответа (main при этом свободен), поэтому
+ * синхронных вызовов должно быть мало и отвечать они обязаны мгновенно: `app.getPath` —
+ * чтение кеша Electron, без обращения к диску.
+ */
+const SERVICES_SYNC_CALLS = {
+    appPathSync: SERVICES_CHANNELS.APP_PATH_SYNC,
+    // Закрытие и перезапуск отвечают мгновенно (`setImmediate` в main откладывает выход),
+    // поэтому синхронный канал здесь так же уместен, как у пути: странице не нужен `await`
+    appQuitSync: SERVICES_CHANNELS.APP_QUIT_SYNC,
+    appRestartSync: SERVICES_CHANNELS.APP_RESTART_SYNC,
 };
 
 /** Каналы моста: окно, тема и прикладные сообщения безопасного окна */
@@ -116,18 +180,19 @@ const BRIDGE_CHANNELS = {
     LOCALE_GET: "chui_bridge_locale_get",
     LOCALE_EVENT: "chui_bridge_locale_event",
     /** Прикладные сообщения страницы в main по своему каналу из белого списка */
-    MESSAGE: "chui_bridge_message"
+    MESSAGE: "chui_bridge_message",
 };
 
 /** Дополнительные аргументы процесса preload'а: страница, белый список каналов и CSP */
 const BRIDGE_ARGS = {
     RENDER: "--chui-render=",
     CHANNELS: "--chui-channels=",
-    CSP: "--chui-csp="
+    CSP: "--chui-csp=",
 };
 
-exports.SERVICES_CHANNELS = SERVICES_CHANNELS
-exports.SERVICES_CALLS = SERVICES_CALLS
-exports.BRIDGE_CHANNELS = BRIDGE_CHANNELS
-exports.APP_PATH_NAMES = APP_PATH_NAMES
-exports.BRIDGE_ARGS = BRIDGE_ARGS
+exports.SERVICES_CHANNELS = SERVICES_CHANNELS;
+exports.SERVICES_CALLS = SERVICES_CALLS;
+exports.SERVICES_SYNC_CALLS = SERVICES_SYNC_CALLS;
+exports.BRIDGE_CHANNELS = BRIDGE_CHANNELS;
+exports.APP_PATH_NAMES = APP_PATH_NAMES;
+exports.BRIDGE_ARGS = BRIDGE_ARGS;