chuijs 4.0.2 → 4.0.4

package/framework/components/chui_diff_viewer/diff_viewer.js

@@ -1,5 +1,5 @@
-const {setStyles} = require("../../modules/chui_functions");
-const {I18n} = require("../../modules/chui_i18n/chui_i18n");
+const { setStyles } = require("../../modules/chui_functions");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /** Типы строк модели сравнения */
 const EQUAL = "equal";
@@ -46,8 +46,8 @@ const GAP = "gap";
  * Слушателей вне своих узлов нет, поэтому `destroy()` не нужен.
  */
 class DiffViewer {
-    static MODE = {SIDE_BY_SIDE: "side", UNIFIED: "unified"};
-    static ROW = {EQUAL: EQUAL, INSERT: INSERT, DELETE: DELETE, REPLACE: REPLACE, GAP: GAP};
+    static MODE = { SIDE_BY_SIDE: "side", UNIFIED: "unified" };
+    static ROW = { EQUAL: EQUAL, INSERT: INSERT, DELETE: DELETE, REPLACE: REPLACE, GAP: GAP };
     /** Предел таблицы LCS (ячеек): больше — середина расхождения показывается одним блоком */
     static LCS_LIMIT = 250000;
     static #counter = 0;
@@ -56,65 +56,67 @@ class DiffViewer {
     #title = document.createElement("diff_viewer_title");
     #head = document.createElement("diff_viewer_head");
     #stats = document.createElement("diff_viewer_stats");
-    #stat_removed = document.createElement("diff_viewer_stat");
-    #stat_added = document.createElement("diff_viewer_stat");
-    #stat_changed = document.createElement("diff_viewer_stat");
+    #statRemoved = document.createElement("diff_viewer_stat");
+    #statAdded = document.createElement("diff_viewer_stat");
+    #statChanged = document.createElement("diff_viewer_stat");
     #prev = document.createElement("button");
     #next = document.createElement("button");
     #grid = document.createElement("diff_viewer_grid");
-    #head_row = document.createElement("diff_viewer_head_row");
+    #headRow = document.createElement("diff_viewer_head_row");
     #body = document.createElement("diff_viewer_body");
     #empty = document.createElement("diff_viewer_empty");
     #status = document.createElement("diff_viewer_status");
     #id = undefined;
     #left = "";
     #right = "";
-    #left_title = undefined;
-    #right_title = undefined;
+    #leftTitle = undefined;
+    #rightTitle = undefined;
     #mode = DiffViewer.MODE.SIDE_BY_SIDE;
     #context = 3;
-    #line_numbers = true;
+    #lineNumbers = true;
     #height = "360px";
-    #title_text = undefined;
-    #label_text = undefined;
-    #empty_text = undefined;
+    #titleText = undefined;
+    #labelText = undefined;
+    #emptyText = undefined;
     #rows = [];
-    #stats_data = {equal: 0, added: 0, removed: 0, changed: 0, groups: 0};
+    #statsData = { equal: 0, added: 0, removed: 0, changed: 0, groups: 0 };
     #approximate = false;
     #expanded = [];
-    #active_index = undefined;
-    #focus_index = undefined;
-
-    constructor(options = {
-        id: String(),
-        title: String(),
-        label: String(),
-        left: String(),
-        right: String(),
-        leftTitle: String(),
-        rightTitle: String(),
-        mode: String(),
-        context: Number(),
-        lineNumbers: Boolean(),
-        height: String(),
-        emptyText: String()
-    }) {
+    #activeIndex = undefined;
+    #focusIndex = undefined;
+
+    constructor(
+        options = {
+            id: String(),
+            title: String(),
+            label: String(),
+            left: String(),
+            right: String(),
+            leftTitle: String(),
+            rightTitle: String(),
+            mode: String(),
+            context: Number(),
+            lineNumbers: Boolean(),
+            height: String(),
+            emptyText: String(),
+        }
+    ) {
         require("../../modules/chui_fonts").installMono();
         setStyles(__dirname + "/styles.css", "chUiJS_DiffViewer");
         DiffViewer.#counter += 1;
         this.#id = options.id === undefined ? `chui_diff_viewer_${DiffViewer.#counter}` : options.id;
         this.#root.id = this.#id;
         this.#root.setAttribute("role", "group");
-        this.#label_text = options.label;
-        if (options.leftTitle !== undefined) this.#left_title = String(options.leftTitle);
-        else this.#left_title = I18n.t("diffViewer.before");
-        if (options.rightTitle !== undefined) this.#right_title = String(options.rightTitle);
-        else this.#right_title = I18n.t("diffViewer.after");
-        if (options.emptyText !== undefined) this.#empty_text = String(options.emptyText);
-        else this.#empty_text = I18n.t("diffViewer.noChanges");
+        this.#labelText = options.label;
+        if (options.leftTitle !== undefined) this.#leftTitle = String(options.leftTitle);
+        else this.#leftTitle = I18n.t("diffViewer.before");
+        if (options.rightTitle !== undefined) this.#rightTitle = String(options.rightTitle);
+        else this.#rightTitle = I18n.t("diffViewer.after");
+        if (options.emptyText !== undefined) this.#emptyText = String(options.emptyText);
+        else this.#emptyText = I18n.t("diffViewer.noChanges");
         this.#mode = options.mode === DiffViewer.MODE.UNIFIED ? DiffViewer.MODE.UNIFIED : DiffViewer.MODE.SIDE_BY_SIDE;
         this.#context = options.context === undefined ? this.#context : options.context;
-        this.#line_numbers = options.lineNumbers !== false;
+        this.#lineNumbers = options.lineNumbers !== false;
         this.#title.className = "diff_viewer_title";
         this.#title.id = `${this.#id}_title`;
         this.#head.className = "diff_viewer_head";
@@ -123,8 +125,8 @@ class DiffViewer {
         this.#stats.setAttribute("aria-hidden", "true");
         this.#grid.className = "diff_viewer_grid";
         this.#grid.setAttribute("role", "table");
-        this.#head_row.className = "diff_viewer_head_row";
-        this.#head_row.setAttribute("role", "row");
+        this.#headRow.className = "diff_viewer_head_row";
+        this.#headRow.setAttribute("role", "row");
         this.#body.className = "diff_viewer_body";
         this.#body.setAttribute("role", "rowgroup");
         this.#empty.className = "diff_viewer_empty";
@@ -134,14 +136,14 @@ class DiffViewer {
         this.#buildHead();
         this.#root.appendChild(this.#title);
         this.#root.appendChild(this.#head);
-        this.#grid.appendChild(this.#head_row);
+        this.#grid.appendChild(this.#headRow);
         this.#grid.appendChild(this.#body);
         this.#root.appendChild(this.#grid);
         this.#root.appendChild(this.#empty);
         this.#root.appendChild(this.#status);
         if (options.title !== undefined) this.setTitle(options.title);
         else this.#title.hidden = true;
-        this.setLabel(this.#label_text === undefined ? I18n.t("diffViewer.title") : this.#label_text);
+        this.setLabel(this.#labelText === undefined ? I18n.t("diffViewer.title") : this.#labelText);
         // Высота из опций: без неё остаётся своя по умолчанию (360px, тело прокручивается)
         this.setHeight(options.height === undefined ? this.#height : options.height);
         this.setTexts(options.left === undefined ? "" : options.left, options.right === undefined ? "" : options.right);
@@ -156,12 +158,12 @@ class DiffViewer {
     }
 
     getTitle() {
-        return this.#title_text;
+        return this.#titleText;
     }
 
     /** Доступное имя компонента, заданное в `label` */
     getLabel() {
-        return this.#label_text;
+        return this.#labelText;
     }
 
     getMode() {
@@ -177,11 +179,11 @@ class DiffViewer {
     }
 
     getLeftTitle() {
-        return this.#left_title;
+        return this.#leftTitle;
     }
 
     getRightTitle() {
-        return this.#right_title;
+        return this.#rightTitle;
     }
 
     /** Строки модели: `{type, left, right}` (у вставки нет левой строки, у удаления — правой) */
@@ -191,19 +193,21 @@ class DiffViewer {
 
     /** Счёт изменений: `{equal, added, removed, changed, groups}` */
     getStats() {
-        return Object.assign({}, this.#stats_data);
+        return Object.assign({}, this.#statsData);
     }
 
     /** Строки с учётом свёрнутых участков: у пропуска `{type: "gap", from, to}` (индексы модели) */
     getVisibleRows() {
-        return this.#visibleRows().map((entry) => (entry.type === GAP
-            ? {type: GAP, from: entry.from, to: entry.to}
-            : DiffViewer.#describe(entry.row)));
+        return this.#visibleRows().map((entry) =>
+            entry.type === GAP ? { type: GAP, from: entry.from, to: entry.to } : DiffViewer.#describe(entry.row)
+        );
     }
 
     /** Показан ли хоть один пропуск */
     getGaps() {
-        return this.#visibleRows().filter((entry) => entry.type === GAP).map((entry) => ({from: entry.from, to: entry.to}));
+        return this.#visibleRows()
+            .filter((entry) => entry.type === GAP)
+            .map((entry) => ({ from: entry.from, to: entry.to }));
     }
 
     getContext() {
@@ -211,7 +215,7 @@ class DiffViewer {
     }
 
     isLineNumbers() {
-        return this.#line_numbers;
+        return this.#lineNumbers;
     }
 
     getHeight() {
@@ -219,7 +223,7 @@ class DiffViewer {
     }
 
     getEmptyText() {
-        return this.#empty_text;
+        return this.#emptyText;
     }
 
     /** Сработал ли предел алгоритма: середина расхождения показана одним блоком */
@@ -238,7 +242,7 @@ class DiffViewer {
 
     /** Подпись над сравнением; `undefined` её убирает (имя тогда даёт `label`) */
     setTitle(text = undefined) {
-        this.#title_text = text;
+        this.#titleText = text;
         if (text === undefined || text === "") {
             this.#title.hidden = true;
             this.#title.innerText = "";
@@ -253,19 +257,19 @@ class DiffViewer {
 
     /** Имя сравнения, когда подписи в разметке нет */
     setLabel(text = undefined) {
-        this.#label_text = text;
+        this.#labelText = text;
         this.#syncLabel();
         return this;
     }
 
     setLeftTitle(text = String()) {
-        this.#left_title = String(text);
+        this.#leftTitle = String(text);
         this.#render();
         return this;
     }
 
     setRightTitle(text = String()) {
-        this.#right_title = String(text);
+        this.#rightTitle = String(text);
         this.#render();
         return this;
     }
@@ -294,8 +298,8 @@ class DiffViewer {
         this.#expanded = [];
         this.#approximate = false;
         this.#rows = this.#buildRows(DiffViewer.#split(this.#left), DiffViewer.#split(this.#right));
-        this.#stats_data = this.#collectStats();
-        this.#active_index = undefined;
+        this.#statsData = this.#collectStats();
+        this.#activeIndex = undefined;
         this.#render();
         this.#announce();
         return this;
@@ -317,14 +321,14 @@ class DiffViewer {
 
     /** Раскрыть пропуск по индексам модели (как кнопка «Показать N строк») */
     expandRange(from = Number(), to = Number()) {
-        this.#expanded.push({from: Number(from), to: Number(to)});
-        this.#focus_index = Number(from);
+        this.#expanded.push({ from: Number(from), to: Number(to) });
+        this.#focusIndex = Number(from);
         this.#render();
         return this;
     }
 
     setLineNumbers(shown = Boolean()) {
-        this.#line_numbers = shown !== false;
+        this.#lineNumbers = shown !== false;
         this.#render();
         return this;
     }
@@ -343,7 +347,7 @@ class DiffViewer {
     }
 
     setEmptyText(text = String()) {
-        this.#empty_text = text === undefined ? "" : String(text);
+        this.#emptyText = text === undefined ? "" : String(text);
         this.#render();
         return this;
     }
@@ -380,9 +384,9 @@ class DiffViewer {
     }
 
     static #describe(row = Object()) {
-        const descriptor = {type: row.type};
-        if (row.left !== undefined) descriptor.left = {number: row.left.number, text: row.left.text};
-        if (row.right !== undefined) descriptor.right = {number: row.right.number, text: row.right.text};
+        const descriptor = { type: row.type };
+        if (row.left !== undefined) descriptor.left = { number: row.left.number, text: row.left.text };
+        if (row.right !== undefined) descriptor.right = { number: row.right.number, text: row.right.text };
         return descriptor;
     }
 
@@ -394,9 +398,10 @@ class DiffViewer {
         const table = new Int32Array((rows + 1) * width);
         for (let i = rows - 1; i >= 0; i -= 1) {
             for (let j = columns - 1; j >= 0; j -= 1) {
-                table[i * width + j] = left[i] === right[j]
-                    ? table[(i + 1) * width + (j + 1)] + 1
-                    : Math.max(table[(i + 1) * width + j], table[i * width + (j + 1)]);
+                table[i * width + j] =
+                    left[i] === right[j]
+                        ? table[(i + 1) * width + (j + 1)] + 1
+                        : Math.max(table[(i + 1) * width + j], table[i * width + (j + 1)]);
             }
         }
         const pairs = [];
@@ -419,14 +424,14 @@ class DiffViewer {
         let li = 0;
         let ri = 0;
         for (const [i, j] of DiffViewer.#pairs(left, right)) {
-            if (i > li) operations.push({type: DELETE, from: li, to: i});
-            if (j > ri) operations.push({type: INSERT, from: ri, to: j});
-            operations.push({type: EQUAL, i: i, j: j});
+            if (i > li) operations.push({ type: DELETE, from: li, to: i });
+            if (j > ri) operations.push({ type: INSERT, from: ri, to: j });
+            operations.push({ type: EQUAL, i: i, j: j });
             li = i + 1;
             ri = j + 1;
         }
-        if (li < left.length) operations.push({type: DELETE, from: li, to: left.length});
-        if (ri < right.length) operations.push({type: INSERT, from: ri, to: right.length});
+        if (li < left.length) operations.push({ type: DELETE, from: li, to: left.length });
+        if (ri < right.length) operations.push({ type: INSERT, from: ri, to: right.length });
         return operations;
     }
 
@@ -435,24 +440,28 @@ class DiffViewer {
         let prefix = 0;
         while (prefix < left.length && prefix < right.length && left[prefix] === right[prefix]) prefix += 1;
         let suffix = 0;
-        while (suffix < left.length - prefix && suffix < right.length - prefix &&
-        left[left.length - 1 - suffix] === right[right.length - 1 - suffix]) suffix += 1;
+        while (
+            suffix < left.length - prefix &&
+            suffix < right.length - prefix &&
+            left[left.length - 1 - suffix] === right[right.length - 1 - suffix]
+        )
+            suffix += 1;
         const rows = [];
         for (let i = 0; i < prefix; i += 1) rows.push(DiffViewer.#equalRow(left[i], i + 1, right[i], i + 1));
-        const mid_left = left.slice(prefix, left.length - suffix);
-        const mid_right = right.slice(prefix, right.length - suffix);
-        if (mid_left.length > 0 || mid_right.length > 0) {
+        const middleLeft = left.slice(prefix, left.length - suffix);
+        const middleRight = right.slice(prefix, right.length - suffix);
+        if (middleLeft.length > 0 || middleRight.length > 0) {
             let operations;
-            if (mid_left.length * mid_right.length > DiffViewer.LCS_LIMIT) {
+            if (middleLeft.length * middleRight.length > DiffViewer.LCS_LIMIT) {
                 // Предел алгоритма: вместо честного (но не помещающегося) LCS показываем один блок
                 this.#approximate = true;
                 operations = [];
-                if (mid_left.length > 0) operations.push({type: DELETE, from: 0, to: mid_left.length});
-                if (mid_right.length > 0) operations.push({type: INSERT, from: 0, to: mid_right.length});
+                if (middleLeft.length > 0) operations.push({ type: DELETE, from: 0, to: middleLeft.length });
+                if (middleRight.length > 0) operations.push({ type: INSERT, from: 0, to: middleRight.length });
             } else {
-                operations = DiffViewer.#operations(mid_left, mid_right);
+                operations = DiffViewer.#operations(middleLeft, middleRight);
             }
-            for (const row of DiffViewer.#middleRows(operations, mid_left, mid_right, prefix)) rows.push(row);
+            for (const row of DiffViewer.#middleRows(operations, middleLeft, middleRight, prefix)) rows.push(row);
         }
         for (let k = 0; k < suffix; k += 1) {
             const li = left.length - suffix + k;
@@ -462,11 +471,11 @@ class DiffViewer {
         return rows;
     }
 
-    static #equalRow(left_text = String(), left_number = Number(), right_text = String(), right_number = Number()) {
+    static #equalRow(leftText = String(), leftNumber = Number(), rightText = String(), rightNumber = Number()) {
         return {
             type: EQUAL,
-            left: {number: left_number, text: left_text},
-            right: {number: right_number, text: right_text}
+            left: { number: leftNumber, text: leftText },
+            right: { number: rightNumber, text: rightText },
         };
     }
 
@@ -481,32 +490,41 @@ class DiffViewer {
                 for (let k = 0; k < pairs; k += 1) {
                     const li = operation.from + k;
                     const ri = next.from + k;
-                    const has_left = li < operation.to;
-                    const has_right = ri < next.to;
+                    const hasLeft = li < operation.to;
+                    const hasRight = ri < next.to;
                     rows.push({
-                        type: has_left && has_right ? REPLACE : has_left ? DELETE : INSERT,
-                        left: has_left ? {number: offset + li + 1, text: left[li]} : undefined,
-                        right: has_right ? {number: offset + ri + 1, text: right[ri]} : undefined
+                        type: hasLeft && hasRight ? REPLACE : hasLeft ? DELETE : INSERT,
+                        left: hasLeft ? { number: offset + li + 1, text: left[li] } : undefined,
+                        right: hasRight ? { number: offset + ri + 1, text: right[ri] } : undefined,
                     });
                 }
                 index += 1;
                 continue;
             }
             if (operation.type === EQUAL) {
-                rows.push(DiffViewer.#equalRow(left[operation.i], offset + operation.i + 1, right[operation.j], offset + operation.j + 1));
+                rows.push(
+                    DiffViewer.#equalRow(
+                        left[operation.i],
+                        offset + operation.i + 1,
+                        right[operation.j],
+                        offset + operation.j + 1
+                    )
+                );
                 continue;
             }
             for (let i = operation.from; i < operation.to; i += 1) {
-                rows.push(operation.type === DELETE
-                    ? {type: DELETE, left: {number: offset + i + 1, text: left[i]}, right: undefined}
-                    : {type: INSERT, left: undefined, right: {number: offset + i + 1, text: right[i]}});
+                rows.push(
+                    operation.type === DELETE
+                        ? { type: DELETE, left: { number: offset + i + 1, text: left[i] }, right: undefined }
+                        : { type: INSERT, left: undefined, right: { number: offset + i + 1, text: right[i] } }
+                );
             }
         }
         return rows;
     }
 
     #collectStats() {
-        const stats = {equal: 0, added: 0, removed: 0, changed: 0, groups: 0};
+        const stats = { equal: 0, added: 0, removed: 0, changed: 0, groups: 0 };
         for (const row of this.#rows) {
             if (row.type === EQUAL) stats.equal += 1;
             if (row.type === INSERT) stats.added += 1;
@@ -537,8 +555,9 @@ class DiffViewer {
     #visibleRows() {
         const total = this.#rows.length;
         const list = [];
-        if (this.#context === Infinity || this.#stats_data.groups === 0) {
-            for (let index = 0; index < total; index += 1) list.push({type: this.#rows[index].type, row: this.#rows[index], index: index});
+        if (this.#context === Infinity || this.#statsData.groups === 0) {
+            for (let index = 0; index < total; index += 1)
+                list.push({ type: this.#rows[index].type, row: this.#rows[index], index: index });
             return list;
         }
         const context = Number.isFinite(this.#context) ? Math.max(0, Math.floor(this.#context)) : 0;
@@ -553,29 +572,29 @@ class DiffViewer {
         for (let index = 0; index < total; index += 1) {
             if (keep[index] || this.#isExpanded(index)) {
                 if (gap !== undefined) {
-                    list.push({type: GAP, from: gap.from, to: gap.to});
+                    list.push({ type: GAP, from: gap.from, to: gap.to });
                     gap = undefined;
                 }
-                list.push({type: this.#rows[index].type, row: this.#rows[index], index: index});
+                list.push({ type: this.#rows[index].type, row: this.#rows[index], index: index });
                 continue;
             }
-            if (gap === undefined) gap = {from: index, to: index};
+            if (gap === undefined) gap = { from: index, to: index };
             else gap.to = index;
         }
-        if (gap !== undefined) list.push({type: GAP, from: gap.from, to: gap.to});
+        if (gap !== undefined) list.push({ type: GAP, from: gap.from, to: gap.to });
         return list;
     }
 
     #accessibleName() {
-        if (this.#title_text !== undefined && this.#title_text !== "") return this.#title_text;
-        if (this.#label_text !== undefined && this.#label_text !== "") return this.#label_text;
+        if (this.#titleText !== undefined && this.#titleText !== "") return this.#titleText;
+        if (this.#labelText !== undefined && this.#labelText !== "") return this.#labelText;
         return I18n.t("diffViewer.title");
     }
 
     // Имя компонента: видимая подпись — через aria-labelledby, скрытая — через aria-label.
     // Таблица внутри получает то же имя: у неё своя роль, и без имени она читалась бы безымянной
     #syncLabel() {
-        if (this.#title_text !== undefined && this.#title_text !== "") {
+        if (this.#titleText !== undefined && this.#titleText !== "") {
             this.#root.setAttribute("aria-labelledby", this.#title.id);
             this.#root.removeAttribute("aria-label");
         } else {
@@ -588,12 +607,12 @@ class DiffViewer {
 
     #buildHead() {
         this.#stats.innerHTML = "";
-        this.#stat_removed.className = "diff_viewer_stat diff_viewer_stat_removed";
-        this.#stat_added.className = "diff_viewer_stat diff_viewer_stat_added";
-        this.#stat_changed.className = "diff_viewer_stat diff_viewer_stat_changed";
-        this.#stats.appendChild(this.#stat_removed);
-        this.#stats.appendChild(this.#stat_added);
-        this.#stats.appendChild(this.#stat_changed);
+        this.#statRemoved.className = "diff_viewer_stat diff_viewer_stat_removed";
+        this.#statAdded.className = "diff_viewer_stat diff_viewer_stat_added";
+        this.#statChanged.className = "diff_viewer_stat diff_viewer_stat_changed";
+        this.#stats.appendChild(this.#statRemoved);
+        this.#stats.appendChild(this.#statAdded);
+        this.#stats.appendChild(this.#statChanged);
         this.#prev.type = "button";
         this.#prev.className = "diff_viewer_move diff_viewer_move_prev";
         this.#prev.setAttribute("aria-label", I18n.t("diffViewer.previousChange"));
@@ -612,9 +631,9 @@ class DiffViewer {
 
     // Вид изменения словами: номер строки берётся из «своей» версии текста
     #rowLabel(row = Object()) {
-        if (row.type === INSERT) return I18n.t("diffViewer.lineAdded", {number: row.right.number});
-        if (row.type === DELETE) return I18n.t("diffViewer.lineRemoved", {number: row.left.number});
-        if (row.type === REPLACE) return I18n.t("diffViewer.lineChanged", {number: row.left.number});
+        if (row.type === INSERT) return I18n.t("diffViewer.lineAdded", { number: row.right.number });
+        if (row.type === DELETE) return I18n.t("diffViewer.lineRemoved", { number: row.left.number });
+        if (row.type === REPLACE) return I18n.t("diffViewer.lineChanged", { number: row.left.number });
         return undefined;
     }
 
@@ -639,7 +658,7 @@ class DiffViewer {
         const number = document.createElement("span");
         number.className = "diff_viewer_number";
         number.setAttribute("aria-hidden", "true");
-        number.innerText = this.#line_numbers && line !== undefined ? String(line.number) : "";
+        number.innerText = this.#lineNumbers && line !== undefined ? String(line.number) : "";
         const text = document.createElement("span");
         text.className = "diff_viewer_text";
         text.innerText = line === undefined ? "" : line.text;
@@ -658,7 +677,7 @@ class DiffViewer {
         const label = this.#rowLabel(row);
         if (label !== undefined) node.setAttribute("aria-label", label);
         if (row.type !== EQUAL) node.classList.add(`diff_viewer_row_${row.type}`);
-        node.classList.toggle("diff_viewer_row_no_numbers", this.#line_numbers === false);
+        node.classList.toggle("diff_viewer_row_no_numbers", this.#lineNumbers === false);
         for (const cell of this.#cells(row)) node.appendChild(cell);
         return node;
     }
@@ -696,17 +715,17 @@ class DiffViewer {
         button.className = "diff_viewer_expand";
         button.dataset.from = String(entry.from);
         button.dataset.to = String(entry.to);
-        button.innerText = I18n.t("diffViewer.showLines", {count: count});
+        button.innerText = I18n.t("diffViewer.showLines", { count: count });
         cell.appendChild(button);
         node.appendChild(cell);
         return node;
     }
 
     #applyStats() {
-        const stats = this.#stats_data;
-        this.#stat_removed.innerText = `−${stats.removed}`;
-        this.#stat_added.innerText = `+${stats.added}`;
-        this.#stat_changed.innerText = `~${stats.changed}`;
+        const stats = this.#statsData;
+        this.#statRemoved.innerText = `−${stats.removed}`;
+        this.#statAdded.innerText = `+${stats.added}`;
+        this.#statChanged.innerText = `~${stats.changed}`;
         const empty = stats.groups === 0;
         this.#prev.disabled = empty;
         this.#next.disabled = empty;
@@ -714,13 +733,16 @@ class DiffViewer {
     }
 
     #announce() {
-        const stats = this.#stats_data;
+        const stats = this.#statsData;
         if (stats.groups === 0) {
             this.#status.innerText = I18n.t("diffViewer.noChanges");
             return this;
         }
         this.#status.innerText = I18n.t("diffViewer.summary", {
-            groups: stats.groups, added: stats.added, removed: stats.removed, changed: stats.changed
+            groups: stats.groups,
+            added: stats.added,
+            removed: stats.removed,
+            changed: stats.changed,
         });
         return this;
     }
@@ -729,27 +751,29 @@ class DiffViewer {
         // Строки пересобираются, а фокус живёт на строке: запоминаем её до перерисовки
         const active = document.activeElement;
         const focused = active === null || !this.#grid.contains(active) ? null : active.closest(".diff_viewer_row");
-        if (focused !== null && focused.dataset.index !== undefined) this.#focus_index = Number(focused.dataset.index);
-        this.#head_row.innerHTML = "";
+        if (focused !== null && focused.dataset.index !== undefined) this.#focusIndex = Number(focused.dataset.index);
+        this.#headRow.innerHTML = "";
         this.#body.innerHTML = "";
-        const titles = this.#mode === DiffViewer.MODE.UNIFIED
-            ? [I18n.t("diffViewer.changes")]
-            : [this.#left_title, this.#right_title];
+        const titles =
+            this.#mode === DiffViewer.MODE.UNIFIED
+                ? [I18n.t("diffViewer.changes")]
+                : [this.#leftTitle, this.#rightTitle];
         for (const title of titles) {
             const cell = document.createElement("div");
             cell.className = "diff_viewer_head_cell";
             cell.setAttribute("role", "columnheader");
             cell.innerText = title;
-            this.#head_row.appendChild(cell);
+            this.#headRow.appendChild(cell);
         }
         this.#grid.setAttribute("aria-colcount", String(titles.length));
         this.#grid.classList.toggle("diff_viewer_grid_unified", this.#mode === DiffViewer.MODE.UNIFIED);
         const list = this.#visibleRows();
-        for (const entry of list) this.#body.appendChild(entry.type === GAP ? this.#gapNode(entry) : this.#rowNode(entry));
+        for (const entry of list)
+            this.#body.appendChild(entry.type === GAP ? this.#gapNode(entry) : this.#rowNode(entry));
         this.#grid.setAttribute("aria-rowcount", String(list.length + 1));
         this.#grid.hidden = this.#rows.length === 0;
-        this.#empty.hidden = this.#stats_data.groups !== 0;
-        this.#empty.innerText = this.#empty_text;
+        this.#empty.hidden = this.#statsData.groups !== 0;
+        this.#empty.innerText = this.#emptyText;
         this.#applyStats();
         this.#applyStop();
         return this;
@@ -760,14 +784,14 @@ class DiffViewer {
         const list = [...this.#body.querySelectorAll(".diff_viewer_row")];
         if (list.length === 0) return;
         const stop =
-            list.find((row) => Number(row.dataset.index) === this.#active_index) ??
-            list.find((row) => Number(row.dataset.index) === this.#focus_index) ??
+            list.find((row) => Number(row.dataset.index) === this.#activeIndex) ??
+            list.find((row) => Number(row.dataset.index) === this.#focusIndex) ??
             list[0];
-        this.#active_index = Number(stop.dataset.index);
+        this.#activeIndex = Number(stop.dataset.index);
         for (const row of list) row.setAttribute("tabindex", row === stop ? "0" : "-1");
         // Фокус возвращаем, только если он был в теле: иначе перерисовка его бы украла
-        if (this.#focus_index !== undefined && Number(stop.dataset.index) === this.#focus_index) {
-            this.#focus_index = undefined;
+        if (this.#focusIndex !== undefined && Number(stop.dataset.index) === this.#focusIndex) {
+            this.#focusIndex = undefined;
             stop.focus();
         }
         return this;
@@ -775,7 +799,7 @@ class DiffViewer {
 
     #focusRow(row = undefined) {
         if (row === undefined || row === null) return this;
-        this.#active_index = Number(row.dataset.index);
+        this.#activeIndex = Number(row.dataset.index);
         for (const other of this.#body.querySelectorAll(".diff_viewer_row")) {
             other.setAttribute("tabindex", other === row ? "0" : "-1");
         }
@@ -784,11 +808,12 @@ class DiffViewer {
     }
 
     #focusIndexAt(index = Number()) {
-        const row = [...this.#body.querySelectorAll(".diff_viewer_row")]
-            .find((node) => Number(node.dataset.index) === Number(index));
+        const row = [...this.#body.querySelectorAll(".diff_viewer_row")].find(
+            (node) => Number(node.dataset.index) === Number(index)
+        );
         if (row === undefined) return this;
         this.#focusRow(row);
-        row.scrollIntoView({block: "nearest"});
+        row.scrollIntoView({ block: "nearest" });
         return this;
     }
 
@@ -814,7 +839,7 @@ class DiffViewer {
     #goToChange(direction = Number()) {
         const groups = this.#changeGroups();
         if (groups.length === 0) return this;
-        const current = this.#active_index;
+        const current = this.#activeIndex;
         const forward = direction > 0;
         let target;
         if (current === undefined) target = forward ? groups[0] : groups[groups.length - 1];
@@ -834,7 +859,7 @@ class DiffViewer {
     #onFocusIn = (event) => {
         const row = event.target instanceof Element ? event.target.closest(".diff_viewer_row") : null;
         if (row === null || row.dataset.index === undefined) return;
-        this.#active_index = Number(row.dataset.index);
+        this.#activeIndex = Number(row.dataset.index);
     };
 
     #onKeyDown = (event) => {
@@ -864,4 +889,4 @@ class DiffViewer {
     };
 }
 
-exports.DiffViewer = DiffViewer
+exports.DiffViewer = DiffViewer;