chuijs 4.0.1 → 4.0.3

package/framework/components/chui_settings/settings.js

@@ -1,9 +1,9 @@
-const {setStyles} = require("../../modules/chui_functions");
-const {A11Y_FOCUSABLE_SELECTOR} = require("../../modules/chui_a11y/chui_a11y");
-const {store: shared_store} = require("../../modules/chui_store/chui_store");
-const {ThemeToggle} = require("../chui_theme_toggle/theme_toggle");
-const {Toggle} = require("../chui_inputs/chui_toggle/toggle");
-const {I18n} = require("../../modules/chui_i18n/chui_i18n");
+const { setStyles } = require("../../modules/chui_functions");
+const { A11Y_FOCUSABLE_SELECTOR } = require("../../modules/chui_a11y/chui_a11y");
+const { store: shared_store } = require("../../modules/chui_store/chui_store");
+const { ThemeToggle } = require("../chui_theme_toggle/theme_toggle");
+const { Toggle } = require("../chui_inputs/chui_toggle/toggle");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /** Заполнено ли текстовое поле: пустая строка равнозначна отсутствию */
 const hasText = (value) => value !== undefined && value !== null && String(value).trim() !== "";
@@ -81,15 +81,17 @@ class Settings {
     /** Последние известные значения строк: расхождение со снимком и есть правка пользователя */
     #seen = new Map();
 
-    constructor(options = {
-        id: String(),
-        title: String(),
-        description: String(),
-        sections: [],
-        store: undefined,
-        storeKey: String(),
-        onChange: undefined
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            title: String(),
+            description: String(),
+            sections: [],
+            store: undefined,
+            storeKey: String(),
+            onChange: undefined,
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_Settings");
         Settings.#counter += 1;
         this.#id = options.id === undefined ? `chui_settings_${Settings.#counter}` : options.id;
@@ -128,7 +130,13 @@ class Settings {
 
     /** Строки в порядке добавления: `{title, name, node, control, disabled}` */
     getControls() {
-        return this.#rows.map((row) => ({title: row.title, name: row.name, node: row.node, control: row.control, disabled: row.disabled}));
+        return this.#rows.map((row) => ({
+            title: row.title,
+            name: row.name,
+            node: row.node,
+            control: row.control,
+            disabled: row.disabled,
+        }));
     }
 
     /** Контрол строки: адрес — описание из `Settings.Row(...)`, название или имя */
@@ -252,13 +260,15 @@ class Settings {
      * действие, а не значение) ничего не меняет и потому ничего не сообщает.
      */
     #onUserEdit = (event) => {
-        if (event.type === "click" && event.target instanceof Element && event.target.closest("button") !== null) return;
-        if (this.#store_key === undefined && this.#change_listeners.length === 0 && this.#on_change === undefined) return;
+        if (event.type === "click" && event.target instanceof Element && event.target.closest("button") !== null)
+            return;
+        if (this.#store_key === undefined && this.#change_listeners.length === 0 && this.#on_change === undefined)
+            return;
         const changed = this.#changedRows();
         if (changed.length === 0) return;
         if (this.#store_key !== undefined) this.save();
         for (const record of changed) this.#emitChange(record);
-    }
+    };
 
     /**
      * Строки, значение которых разошлось со снимком; снимок тут же обновляется, поэтому одна и та же
@@ -284,7 +294,7 @@ class Settings {
             section: record.section,
             title: record.title,
             name: record.name,
-            value: this.#readValue(record.control)
+            value: this.#readValue(record.control),
         };
         for (const listener of [...this.#change_listeners]) listener(change, this);
         if (this.#on_change !== undefined) this.#on_change(change, this);
@@ -337,7 +347,8 @@ class Settings {
             node.appendChild(head);
         }
         const rows = document.createElement("settings_rows");
-        for (const row of section.rows === undefined ? [] : section.rows) rows.appendChild(this.#buildRow(row, section));
+        for (const row of section.rows === undefined ? [] : section.rows)
+            rows.appendChild(this.#buildRow(row, section));
         node.appendChild(rows);
         return node;
     }
@@ -352,7 +363,8 @@ class Settings {
         node.classList.toggle("settings_row_stretch", row.stretch === true);
         const description_id = solo ? undefined : this.#buildRowText(row, node);
         const holder = document.createElement("settings_row_control");
-        const control = row.control === undefined ? undefined : (row.control instanceof Element ? row.control : row.control.set());
+        const control =
+            row.control === undefined ? undefined : row.control instanceof Element ? row.control : row.control.set();
         if (control !== undefined) {
             holder.appendChild(control);
             this.#applyControlA11y(control, titled ? String(row.title) : String(), description_id);
@@ -364,16 +376,17 @@ class Settings {
             section: section,
             title: titled ? String(row.title) : String(),
             // Ключ строки: имя постоянно, а название видно пользователю и меняется при переименовании
-            name: named ? String(row.name) : (titled ? String(row.title) : String()),
+            name: named ? String(row.name) : titled ? String(row.title) : String(),
             node: node,
             holder: holder,
             control: row.control,
             disabled: false,
-            natives: []
+            natives: [],
         };
         // Запрет панель ставит и полям готового узла, поэтому их исходное состояние запоминаем заранее —
         // иначе включение вернуло бы строку в другое состояние, чем было до выключения
-        for (const native of holder.querySelectorAll(Settings.#NATIVE_CONTROLS)) record.natives.push({node: native, disabled: native.disabled});
+        for (const native of holder.querySelectorAll(Settings.#NATIVE_CONTROLS))
+            record.natives.push({ node: native, disabled: native.disabled });
         this.#rows.push(record);
         if (row.disabled === true) this.#setRowDisabled(record, true);
         return node;
@@ -419,15 +432,21 @@ class Settings {
     /** Строка по описанию из `Settings.Row(...)`, названию или имени (у строки-контрола их может и не быть) */
     #findRow(row_or_title = undefined) {
         if (row_or_title === undefined || row_or_title === null) return undefined;
-        return this.#rows.find((row) => row.row === row_or_title
-            || (row.title.length > 0 && row.title === row_or_title)
-            || (row.name.length > 0 && row.name === row_or_title));
+        return this.#rows.find(
+            (row) =>
+                row.row === row_or_title ||
+                (row.title.length > 0 && row.title === row_or_title) ||
+                (row.name.length > 0 && row.name === row_or_title)
+        );
     }
 
     /** Раздел по описанию из `Settings.Section(...)` или по заголовку (у раздела без заголовка — только описание) */
     #findSection(section_or_title = undefined) {
         if (section_or_title === undefined || section_or_title === null) return undefined;
-        return this.#sections.find((section) => section === section_or_title || (hasText(section.title) && String(section.title) === section_or_title));
+        return this.#sections.find(
+            (section) =>
+                section === section_or_title || (hasText(section.title) && String(section.title) === section_or_title)
+        );
     }
 
     /** Карта «ключ — значение» по отобранным строкам; строка без имени и названия ключа дать не может */
@@ -459,18 +478,22 @@ class Settings {
      * выбранные значения (свой `value` вернул бы только первый пункт).
      */
     #readValue(control = undefined) {
-        if (control !== undefined && control !== null && typeof control.getValue === "function") return control.getValue();
+        if (control !== undefined && control !== null && typeof control.getValue === "function")
+            return control.getValue();
         const field = Settings.#valueField(control);
         if (field === undefined) return undefined;
         if (field.type === "checkbox" || field.type === "radio") return field.checked;
-        if (field.tagName === "SELECT" && field.multiple === true) return Array.from(field.selectedOptions, (option) => option.value);
+        if (field.tagName === "SELECT" && field.multiple === true)
+            return Array.from(field.selectedOptions, (option) => option.value);
         return field.value;
     }
 
     /** Поле готового узла, с которого панель читает значение */
     static #valueField(control = undefined) {
         if (!(control instanceof Element)) return undefined;
-        const field = control.matches(Settings.#NATIVE_VALUES) ? control : control.querySelector(Settings.#NATIVE_VALUES);
+        const field = control.matches(Settings.#NATIVE_VALUES)
+            ? control
+            : control.querySelector(Settings.#NATIVE_VALUES);
         return field === null ? undefined : field;
     }
 
@@ -517,46 +540,97 @@ class Settings {
      */
     #applyControlA11y(control = new HTMLElement(), label = String(), description_id = undefined) {
         const role = control.getAttribute("role");
-        const target = role === null || role === "presentation"
-            ? (control.matches(Settings.#FOCUSABLE) ? control : control.querySelector(Settings.#FOCUSABLE))
-            : control;
+        const target =
+            role === null || role === "presentation"
+                ? control.matches(Settings.#FOCUSABLE)
+                    ? control
+                    : control.querySelector(Settings.#FOCUSABLE)
+                : control;
         if (target === null) return;
         if (description_id !== undefined) target.setAttribute("aria-describedby", description_id);
         if (label.length === 0) return;
         if (target.getAttribute("aria-label") !== null) return;
         const wrapper = target.closest("label");
-        const labelled = (wrapper !== null && wrapper.innerText.trim().length > 0)
-            || (target.id !== "" && control.querySelector(`label[for="${target.id}"]`) !== null);
+        const labelled =
+            (wrapper !== null && wrapper.innerText.trim().length > 0) ||
+            (target.id !== "" && control.querySelector(`label[for="${target.id}"]`) !== null);
         if (!labelled) target.setAttribute("aria-label", label);
     }
 
-    static Section(options = {title: String(), description: String(), rows: []}) {
-        return {title: options.title, description: options.description, rows: options.rows};
+    static Section(options = { title: String(), description: String(), rows: [] }) {
+        return { title: options.title, description: options.description, rows: options.rows };
     }
 
-    static Row(options = {title: String(), description: String(), name: String(), control: undefined, disabled: Boolean(), stretch: Boolean()}) {
-        return {title: options.title, description: options.description, name: options.name, control: options.control, disabled: options.disabled === true, stretch: options.stretch === true};
+    static Row(
+        options = {
+            title: String(),
+            description: String(),
+            name: String(),
+            control: undefined,
+            disabled: Boolean(),
+            stretch: Boolean(),
+        }
+    ) {
+        return {
+            title: options.title,
+            description: options.description,
+            name: options.name,
+            control: options.control,
+            disabled: options.disabled === true,
+            stretch: options.stretch === true,
+        };
     }
 
     /** Строка с переключателем темы: `control` — сам `ThemeToggle` */
-    static ThemeRow(options = {title: I18n.t("graphics.settingsTheme"), description: String(), name: String(), modes: [], labels: {}, onChange: undefined, disabled: Boolean()}) {
+    static ThemeRow(
+        options = {
+            title: I18n.t("graphics.settingsTheme"),
+            description: String(),
+            name: String(),
+            modes: [],
+            labels: {},
+            onChange: undefined,
+            disabled: Boolean(),
+        }
+    ) {
         const toggle = new ThemeToggle({
             modes: options.modes,
             labels: options.labels,
             label: options.title === undefined ? I18n.t("graphics.settingsAppearance") : options.title,
-            onChange: options.onChange
+            onChange: options.onChange,
+        });
+        return Settings.Row({
+            title: options.title === undefined ? I18n.t("graphics.settingsTheme") : options.title,
+            description: options.description,
+            name: options.name,
+            control: toggle,
+            disabled: options.disabled,
         });
-        return Settings.Row({title: options.title === undefined ? I18n.t("graphics.settingsTheme") : options.title, description: options.description, name: options.name, control: toggle, disabled: options.disabled});
     }
 
     /** Строка с флажком: `control` — сам `Toggle` */
-    static ToggleRow(options = {title: String(), description: String(), name: String(), value: Boolean(), onChange: undefined, disabled: Boolean()}) {
+    static ToggleRow(
+        options = {
+            title: String(),
+            description: String(),
+            name: String(),
+            value: Boolean(),
+            onChange: undefined,
+            disabled: Boolean(),
+        }
+    ) {
         // Подпись строки сразу уходит в сам переключатель: вне Settings он остаётся без имени
-        const toggle = new Toggle({label: options.title});
+        const toggle = new Toggle({ label: options.title });
         if (options.value !== undefined) toggle.setValue(options.value === true);
         if (options.onChange !== undefined) toggle.addChangeListener(options.onChange);
-        return Settings.Row({title: options.title, description: options.description, name: options.name, control: toggle, disabled: options.disabled});
+        return Settings.Row({
+            title: options.title,
+            description: options.description,
+            name: options.name,
+            control: toggle,
+            disabled: options.disabled,
+        });
     }
 }
 
-exports.Settings = Settings
+exports.Settings = Settings;

package/framework/components/chui_shortcut_help/shortcut_help.js

@@ -1,7 +1,7 @@
-const {setStyles, optionOr} = require('../../modules/chui_functions');
-const {TextInput} = require('../chui_inputs/chui_text/text');
-const {Kbd} = require('../chui_kbd/kbd');
-const {I18n} = require('../../modules/chui_i18n/chui_i18n');
+const { setStyles, optionOr } = require("../../modules/chui_functions");
+const { TextInput } = require("../chui_inputs/chui_text/text");
+const { Kbd } = require("../chui_kbd/kbd");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /**
  * Шпаргалка горячих клавиш: сочетания с пояснениями, разложенные по группам.
@@ -59,11 +59,20 @@ class ShortcutHelp {
     #empty_text = undefined;
     #kbd_size = Kbd.SIZE.DEFAULT;
 
-    constructor(options = {
-        id: String(), title: undefined, groups: [], items: [],
-        columns: Number(), searchable: Boolean(), searchPlaceholder: String(),
-        emptyText: String(), label: String(), kbdSize: String()
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            title: undefined,
+            groups: [],
+            items: [],
+            columns: Number(),
+            searchable: Boolean(),
+            searchPlaceholder: String(),
+            emptyText: String(),
+            label: String(),
+            kbdSize: String(),
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_ShortcutHelp");
         ShortcutHelp.#counter += 1;
         this.#id = optionOr(options.id, `chui_shortcut_help_${ShortcutHelp.#counter}`);
@@ -110,7 +119,11 @@ class ShortcutHelp {
     getGroups() {
         return this.#source.map((group) => ({
             title: group.title,
-            items: group.items.map((item) => ({keys: [...item.keys], description: item.description, label: item.label}))
+            items: group.items.map((item) => ({
+                keys: [...item.keys],
+                description: item.description,
+                label: item.label,
+            })),
         }));
     }
 
@@ -129,7 +142,10 @@ class ShortcutHelp {
 
     /** Сколько строк видно с учётом фильтра */
     getVisibleCount() {
-        return this.#groups.reduce((sum, group) => sum + group.rows.filter((row) => row.node.hidden !== true).length, 0);
+        return this.#groups.reduce(
+            (sum, group) => sum + group.rows.filter((row) => row.node.hidden !== true).length,
+            0
+        );
     }
 
     // SET
@@ -143,7 +159,9 @@ class ShortcutHelp {
     setTitle(text = undefined) {
         this.#title_hidden = text === null;
         this.#title_value = typeof text === "string" && text !== "" ? text : undefined;
-        this.#title.innerText = this.#title_hidden ? "" : optionOr(this.#title_value, I18n.t("navigation.shortcutHelp"));
+        this.#title.innerText = this.#title_hidden
+            ? ""
+            : optionOr(this.#title_value, I18n.t("navigation.shortcutHelp"));
         this.#title.hidden = this.#title_hidden;
         this.#syncAria();
         return this;
@@ -172,12 +190,15 @@ class ShortcutHelp {
                 placeholder: optionOr(this.#placeholder, I18n.t("navigation.shortcutHelpSearch")),
                 width: "100%",
                 // Слушатель обновляет и строки, и объявление найденного числа
-                inputListener: () => this.#syncSearch()
+                inputListener: () => this.#syncSearch(),
             });
             // Видимой подписи у поля нет, а пл҃ейсхолдер — не имя: имя ставим явно
             const search_field = this.#input.set().querySelector("input");
             if (search_field !== null) {
-                search_field.setAttribute("aria-label", optionOr(this.#placeholder, I18n.t("navigation.shortcutHelpSearch")));
+                search_field.setAttribute(
+                    "aria-label",
+                    optionOr(this.#placeholder, I18n.t("navigation.shortcutHelpSearch"))
+                );
             }
             this.#search.appendChild(this.#input.set());
         }
@@ -189,7 +210,7 @@ class ShortcutHelp {
 
     /** Заменить содержимое целиком */
     setGroups(groups = []) {
-        this.#source = ShortcutHelp.#normalizeSource({groups: groups});
+        this.#source = ShortcutHelp.#normalizeSource({ groups: groups });
         this.#render();
         return this;
     }
@@ -197,7 +218,7 @@ class ShortcutHelp {
     /** Добавить группу: `add({title: 'Правка', items: [...]})` */
     addGroup(group = undefined) {
         if (group === undefined || group === null) return this;
-        this.#source = ShortcutHelp.#normalizeSource({groups: [...this.#source, group]});
+        this.#source = ShortcutHelp.#normalizeSource({ groups: [...this.#source, group] });
         this.#render();
         return this;
     }
@@ -217,27 +238,30 @@ class ShortcutHelp {
     /** `groups` плюс короткая форма `items` (одна группа без заголовка) */
     static #normalizeSource(options = {}) {
         const groups = [];
-        const items = (options.items === undefined ? [] : options.items).map((item) => ShortcutHelp.#normalizeItem(item));
-        if (items.length > 0) groups.push({title: "", items: items});
+        const items = (options.items === undefined ? [] : options.items).map((item) =>
+            ShortcutHelp.#normalizeItem(item)
+        );
+        if (items.length > 0) groups.push({ title: "", items: items });
         for (const group of options.groups === undefined ? [] : options.groups) {
             groups.push({
                 title: group.title === undefined ? "" : String(group.title),
-                items: (group.items === undefined ? [] : group.items).map((item) => ShortcutHelp.#normalizeItem(item))
+                items: (group.items === undefined ? [] : group.items).map((item) => ShortcutHelp.#normalizeItem(item)),
             });
         }
         return groups;
     }
 
     static #normalizeItem(item = {}) {
-        const keys = item.keys === undefined || item.keys === null
-            ? []
-            : (Array.isArray(item.keys) ? item.keys : String(item.keys).split("+"))
-                .map((key) => String(key).trim())
-                .filter((key) => key.length > 0);
+        const keys =
+            item.keys === undefined || item.keys === null
+                ? []
+                : (Array.isArray(item.keys) ? item.keys : String(item.keys).split("+"))
+                      .map((key) => String(key).trim())
+                      .filter((key) => key.length > 0);
         return {
             keys: keys,
             description: item.description === undefined ? "" : String(item.description),
-            label: item.label
+            label: item.label,
         };
     }
 
@@ -270,7 +294,7 @@ class ShortcutHelp {
                 if (item.keys.length > 0) {
                     const keys = document.createElement("shortcut_help_keys");
                     // Сочетание рисует Kbd: клавиша — настоящий <kbd>, значковым нужен label
-                    keys.appendChild(new Kbd({keys: item.keys, size: this.#kbd_size, label: item.label}).set());
+                    keys.appendChild(new Kbd({ keys: item.keys, size: this.#kbd_size, label: item.label }).set());
                     line.appendChild(keys);
                 }
                 const text = document.createElement("shortcut_help_text");
@@ -278,11 +302,11 @@ class ShortcutHelp {
                 line.appendChild(text);
                 row.appendChild(line);
                 list.appendChild(row);
-                rows.push({node: row, search: `${item.description} ${item.keys.join(" ")}`.toLowerCase()});
+                rows.push({ node: row, search: `${item.description} ${item.keys.join(" ")}`.toLowerCase() });
             }
             node.appendChild(list);
             this.#groups_node.appendChild(node);
-            this.#groups.push({node: node, rows: rows});
+            this.#groups.push({ node: node, rows: rows });
         });
         this.#empty.innerText = optionOr(this.#empty_text, I18n.t("navigation.shortcutHelpEmpty"));
         this.#syncSearch();
@@ -313,9 +337,8 @@ class ShortcutHelp {
     #syncSearch() {
         this.#search.hidden = this.#searchable !== true;
         const visible = this.#filter(this.#input === undefined ? "" : this.#input.getValue());
-        this.#status.innerText = this.#searchable === true
-            ? I18n.t("navigation.shortcutHelpCount", {count: visible})
-            : "";
+        this.#status.innerText =
+            this.#searchable === true ? I18n.t("navigation.shortcutHelpCount", { count: visible }) : "";
         // Без поиска пустая строка не показывается: скрывать нечего
         if (this.#searchable !== true) this.#empty.hidden = true;
     }
@@ -333,4 +356,4 @@ class ShortcutHelp {
     }
 }
 
-exports.ShortcutHelp = ShortcutHelp
+exports.ShortcutHelp = ShortcutHelp;

package/framework/components/chui_sidebar_nav/sidebar_nav.js

@@ -1,6 +1,6 @@
-const {setStyles} = require("../../modules/chui_functions");
-const {Icon, Icons} = require("../chui_icons/icons");
-const {I18n} = require("../../modules/chui_i18n/chui_i18n");
+const { setStyles } = require("../../modules/chui_functions");
+const { Icon, Icons } = require("../chui_icons/icons");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /** Служебные ключи пункта: всё остальное — данные пункта */
 const SERVICE_KEYS = ["id", "type", "title", "icon", "badge", "children", "disabled", "href"];
@@ -69,18 +69,20 @@ class SidebarNav {
     #active_id = undefined;
     #focus_id = undefined;
 
-    constructor(options = {
-        id: String(),
-        title: String(),
-        label: String(),
-        items: Array(),
-        value: String(),
-        collapsible: Boolean(),
-        collapsed: Boolean(),
-        onSelect: undefined,
-        onToggle: undefined,
-        changeEvent: undefined
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            title: String(),
+            label: String(),
+            items: Array(),
+            value: String(),
+            collapsible: Boolean(),
+            collapsed: Boolean(),
+            onSelect: undefined,
+            onToggle: undefined,
+            changeEvent: undefined,
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_SidebarNav");
         SidebarNav.#counter += 1;
         this.#id = options.id === undefined ? `chui_sidebar_nav_${SidebarNav.#counter}` : options.id;
@@ -203,7 +205,7 @@ class SidebarNav {
         let section = undefined;
         for (const item of Array.isArray(items) ? items : []) {
             if (item !== null && typeof item === "object" && item.type === "section") {
-                section = {type: "section", title: item.title === undefined ? "" : String(item.title), children: []};
+                section = { type: "section", title: item.title === undefined ? "" : String(item.title), children: [] };
                 this.#items.push(section);
                 continue;
             }
@@ -285,7 +287,10 @@ class SidebarNav {
         this.#root.classList.toggle("sidebar_nav_collapsed", this.#collapsed);
         if (this.#collapse !== undefined) {
             this.#collapse.setAttribute("aria-expanded", this.#collapsed ? "false" : "true");
-            this.#collapse.setAttribute("aria-label", this.#collapsed ? I18n.t("navigation.sidebarExpand") : I18n.t("navigation.sidebarCollapse"));
+            this.#collapse.setAttribute(
+                "aria-label",
+                this.#collapsed ? I18n.t("navigation.sidebarExpand") : I18n.t("navigation.sidebarCollapse")
+            );
         }
         this.#render();
         return this;
@@ -319,7 +324,7 @@ class SidebarNav {
 
     // === ВНУТРЕННЕЕ ===
     static #toNode(item = Object()) {
-        const source = typeof item === "string" ? {title: item} : item;
+        const source = typeof item === "string" ? { title: item } : item;
         const data = {};
         for (const key of Object.keys(source === null ? {} : source)) {
             if (!SERVICE_KEYS.includes(key)) data[key] = source[key];
@@ -341,13 +346,17 @@ class SidebarNav {
 
     #describeEntry(node) {
         if (node.type === "section") {
-            return {type: "section", title: node.title, children: node.children.map((child) => this.#describeEntry(child))};
+            return {
+                type: "section",
+                title: node.title,
+                children: node.children.map((child) => this.#describeEntry(child)),
+            };
         }
         return this.#describe(node);
     }
 
     #describe(node) {
-        const descriptor = {id: node.id, title: node.title, icon: node.icon};
+        const descriptor = { id: node.id, title: node.title, icon: node.icon };
         if (node.badge !== undefined) descriptor.badge = node.badge;
         for (const key of Object.keys(node.data)) descriptor[key] = node.data[key];
         descriptor.disabled = node.disabled;
@@ -377,7 +386,8 @@ class SidebarNav {
     #siblingsOf(node) {
         const parent = this.#parentNode(node);
         if (parent !== undefined) return parent.children;
-        for (const entry of this.#items) if (entry.type === "section" && entry.children.includes(node)) return entry.children;
+        for (const entry of this.#items)
+            if (entry.type === "section" && entry.children.includes(node)) return entry.children;
         return this.#items;
     }
 
@@ -604,7 +614,7 @@ class SidebarNav {
         const link = target === undefined ? null : target.closest(".sidebar_nav_link");
         if (link !== null && link !== undefined) return link;
         const id = this.#active_id;
-        return id === undefined ? null : this.#links().find((node) => node.dataset.id === id) ?? null;
+        return id === undefined ? null : (this.#links().find((node) => node.dataset.id === id) ?? null);
     }
 
     #onClick = (event) => {
@@ -663,4 +673,4 @@ class SidebarNav {
     };
 }
 
-exports.SidebarNav = SidebarNav
+exports.SidebarNav = SidebarNav;