chuijs 4.0.2 → 4.0.3

package/framework/components/chui_json_editor/json_editor.js

@@ -1,16 +1,16 @@
-const {setStyles} = require("../../modules/chui_functions");
-const {Validate} = require("../../modules/chui_validate/chui_validate");
-const {Json} = require("../../modules/chui_json/chui_json");
-const {RovingKeyboard} = require("../../modules/chui_a11y/chui_a11y");
-const {CodeEditor} = require("../chui_code_editor/code_editor");
-const {JsonViewer} = require("../chui_json_viewer/json_viewer");
-const {I18n} = require("../../modules/chui_i18n/chui_i18n");
+const { setStyles } = require("../../modules/chui_functions");
+const { Validate } = require("../../modules/chui_validate/chui_validate");
+const { Json } = require("../../modules/chui_json/chui_json");
+const { RovingKeyboard } = require("../../modules/chui_a11y/chui_a11y");
+const { CodeEditor } = require("../chui_code_editor/code_editor");
+const { JsonViewer } = require("../chui_json_viewer/json_viewer");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /** Кнопки панели: ключ подписи, ключ подсказки и действие */
 const ACTIONS = [
-    {id: "format", labelKey: "jsonEditor.format", hintKey: "jsonEditor.formatHint"},
-    {id: "minify", labelKey: "jsonEditor.minify", hintKey: "jsonEditor.minifyHint"},
-    {id: "check", labelKey: "jsonEditor.check", hintKey: "jsonEditor.checkHint"}
+    { id: "format", labelKey: "jsonEditor.format", hintKey: "jsonEditor.formatHint" },
+    { id: "minify", labelKey: "jsonEditor.minify", hintKey: "jsonEditor.minifyHint" },
+    { id: "check", labelKey: "jsonEditor.check", hintKey: "jsonEditor.checkHint" },
 ];
 
 /**
@@ -81,27 +81,29 @@ class JsonEditor {
     #on_change = undefined;
     #notify_paused = false;
 
-    constructor(options = {
-        id: String(),
-        name: String(),
-        title: String(),
-        label: String(),
-        hint: String(),
-        value: String(),
-        data: undefined,
-        height: String(),
-        width: String(),
-        indent: Number(),
-        toolbar: Boolean(),
-        preview: Boolean(),
-        maxLength: Number(),
-        disabled: Boolean(),
-        readOnly: Boolean(),
-        required: Boolean(),
-        messages: Object(),
-        changeListener: undefined,
-        onChange: undefined
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            name: String(),
+            title: String(),
+            label: String(),
+            hint: String(),
+            value: String(),
+            data: undefined,
+            height: String(),
+            width: String(),
+            indent: Number(),
+            toolbar: Boolean(),
+            preview: Boolean(),
+            maxLength: Number(),
+            disabled: Boolean(),
+            readOnly: Boolean(),
+            required: Boolean(),
+            messages: Object(),
+            changeListener: undefined,
+            onChange: undefined,
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_JsonEditor");
         JsonEditor.#counter += 1;
         this.#id = options.id === undefined ? `chui_json_editor_${JsonEditor.#counter}` : options.id;
@@ -157,7 +159,7 @@ class JsonEditor {
         this.validate = () => {
             const result = base_validate();
             if (result.valid === false) {
-                if (result.rule === "validate") return {valid: false, rule: "json", message: result.message};
+                if (result.rule === "validate") return { valid: false, rule: "json", message: result.message };
                 return result;
             }
             const text = this.getValue();
@@ -165,7 +167,7 @@ class JsonEditor {
             if (text.trim() === "") return result;
             const state = Json.parse(text);
             if (state.ok) return result;
-            return {valid: false, rule: "json", message: Json.errorText(state.error)};
+            return { valid: false, rule: "json", message: Json.errorText(state.error) };
         };
         this.setReadOnly(options.readOnly === true);
         this.setDisabled(options.disabled === true);
@@ -204,7 +206,7 @@ class JsonEditor {
     /** Место ошибки разбора: `{line, column, offset}` или `undefined` (у ошибки может не быть места) */
     getErrorPlace() {
         if (this.#error_object === undefined || this.#error_object.offset === undefined) return undefined;
-        return {line: this.#error_object.line, column: this.#error_object.column, offset: this.#error_object.offset};
+        return { line: this.#error_object.line, column: this.#error_object.column, offset: this.#error_object.offset };
     }
 
     /** Текст ошибки разбора словами (пустая строка, если разбор прошёл) */
@@ -370,8 +372,13 @@ class JsonEditor {
         if (this.#viewer !== undefined) this.#viewer.set().hidden = !this.#preview_on;
         if (this.#tree_button !== undefined) {
             this.#tree_button.setAttribute("aria-pressed", this.#preview_on ? "true" : "false");
-            this.#tree_button.setAttribute("aria-label", this.#preview_on ? I18n.t("jsonEditor.showText") : I18n.t("jsonEditor.showTree"));
-            this.#tree_button.innerText = this.#preview_on ? I18n.t("jsonEditor.textShort") : I18n.t("jsonEditor.treeShort");
+            this.#tree_button.setAttribute(
+                "aria-label",
+                this.#preview_on ? I18n.t("jsonEditor.showText") : I18n.t("jsonEditor.showTree")
+            );
+            this.#tree_button.innerText = this.#preview_on
+                ? I18n.t("jsonEditor.textShort")
+                : I18n.t("jsonEditor.treeShort");
         }
         return this;
     }
@@ -450,7 +457,7 @@ class JsonEditor {
             value: "",
             height: this.#height,
             lineNumbers: true,
-            onChange: () => this.#onInput()
+            onChange: () => this.#onInput(),
         });
         this.#editor.setLabel(this.#accessibleName());
         const area = this.#editor.getTextArea();
@@ -486,7 +493,7 @@ class JsonEditor {
             this.#toolbar.appendChild(this.#tree_button);
         }
         // Панель — одна остановка обхода: по кнопкам ходят стрелки/Home/End
-        new RovingKeyboard(this.#toolbar, {itemSelector: "button"});
+        new RovingKeyboard(this.#toolbar, { itemSelector: "button" });
         return this;
     }
 
@@ -498,9 +505,9 @@ class JsonEditor {
         }
         this.#viewer = new JsonViewer({
             id: `${this.#id}_tree`,
-            label: I18n.t("jsonEditor.treeLabel", {name: this.#accessibleName()}),
+            label: I18n.t("jsonEditor.treeLabel", { name: this.#accessibleName() }),
             value: this.getParsed(),
-            emptyText: I18n.t("jsonEditor.unparsed")
+            emptyText: I18n.t("jsonEditor.unparsed"),
         });
         this.#viewer.set().hidden = true;
         this.#panes.appendChild(this.#viewer.set());
@@ -579,7 +586,8 @@ class JsonEditor {
         if (this.#title_text !== undefined && this.#title_text !== "") area.removeAttribute("aria-label");
         else area.setAttribute("aria-label", this.#accessibleName());
         this.#syncDescribedBy();
-        if (this.#viewer !== undefined) this.#viewer.setLabel(I18n.t("jsonEditor.treeLabel", {name: this.#accessibleName()}));
+        if (this.#viewer !== undefined)
+            this.#viewer.setLabel(I18n.t("jsonEditor.treeLabel", { name: this.#accessibleName() }));
         return this;
     }
 
@@ -615,7 +623,9 @@ class JsonEditor {
         this.#parse_line.classList.toggle("json_editor_parse_ok", state.ok && blank === false);
         this.#parse_line.innerText = blank
             ? I18n.t("jsonEditor.empty")
-            : state.ok ? I18n.t("jsonEditor.correct") : Json.errorText(state.error);
+            : state.ok
+              ? I18n.t("jsonEditor.correct")
+              : Json.errorText(state.error);
         this.#syncCount();
         if (this.#viewer !== undefined && this.#viewer.set().hidden === false) this.#viewer.setValue(this.#parsed);
         return this;
@@ -640,4 +650,4 @@ class JsonEditor {
     };
 }
 
-exports.JsonEditor = JsonEditor
+exports.JsonEditor = JsonEditor;

package/framework/components/chui_json_viewer/json_viewer.js

@@ -1,8 +1,8 @@
-const {setStyles} = require("../../modules/chui_functions");
-const {Icon, Icons} = require("../chui_icons/icons");
-const {installHighlightStyles} = require("../../modules/chui_highlight/chui_highlight");
-const {Json} = require("../../modules/chui_json/chui_json");
-const {I18n} = require("../../modules/chui_i18n/chui_i18n");
+const { setStyles } = require("../../modules/chui_functions");
+const { Icon, Icons } = require("../chui_icons/icons");
+const { installHighlightStyles } = require("../../modules/chui_highlight/chui_highlight");
+const { Json } = require("../../modules/chui_json/chui_json");
+const { I18n } = require("../../modules/chui_i18n/chui_i18n");
 
 /** Типы узлов JSON */
 const TYPE = {
@@ -11,7 +11,7 @@ const TYPE = {
     STRING: "string",
     NUMBER: "number",
     BOOLEAN: "boolean",
-    NULL: "null"
+    NULL: "null",
 };
 
 /**
@@ -80,18 +80,20 @@ class JsonViewer {
     #active_path = undefined;
     #focus_path = undefined;
 
-    constructor(options = {
-        id: String(),
-        title: String(),
-        label: String(),
-        value: undefined,
-        text: String(),
-        expandDepth: Number(),
-        expanded: Array(),
-        searchable: Boolean(),
-        height: String(),
-        emptyText: String()
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            title: String(),
+            label: String(),
+            value: undefined,
+            text: String(),
+            expandDepth: Number(),
+            expanded: Array(),
+            searchable: Boolean(),
+            height: String(),
+            emptyText: String(),
+        }
+    ) {
         installHighlightStyles();
         setStyles(__dirname + "/styles.css", "chUiJS_JsonViewer");
         JsonViewer.#counter += 1;
@@ -471,7 +473,7 @@ class JsonViewer {
                 const match = /^\.("(?:\\.|[^"\\])*"|[^.[\]]+)/.exec(text.slice(index));
                 if (match === null) return undefined;
                 const raw = match[1];
-                segments.push(raw.startsWith("\"") ? JSON.parse(raw) : raw);
+                segments.push(raw.startsWith('"') ? JSON.parse(raw) : raw);
                 index += match[0].length;
                 continue;
             }
@@ -502,16 +504,25 @@ class JsonViewer {
 
     static #childrenOf(node = Object()) {
         if (Array.isArray(node.value)) {
-            return node.value.map((item, index) => ({path: `${node.path}[${index}]`, key: String(index), index: index, value: item}));
+            return node.value.map((item, index) => ({
+                path: `${node.path}[${index}]`,
+                key: String(index),
+                index: index,
+                value: item,
+            }));
         }
         if (JsonViewer.#typeOf(node.value) === TYPE.OBJECT) {
-            return Object.keys(node.value).map((key) => ({path: `${node.path}.${JsonViewer.#pathKey(key)}`, key: key, value: node.value[key]}));
+            return Object.keys(node.value).map((key) => ({
+                path: `${node.path}.${JsonViewer.#pathKey(key)}`,
+                key: key,
+                value: node.value[key],
+            }));
         }
         return [];
     }
 
     #rootNode() {
-        return {path: this.getRootPath(), key: undefined, value: this.#value};
+        return { path: this.getRootPath(), key: undefined, value: this.#value };
     }
 
     /** Есть ли такой путь в текущих данных (для чистки раскрытых путей после setValue) */
@@ -555,7 +566,7 @@ class JsonViewer {
         const query = this.#search_text.trim().toLowerCase();
         const walk = (node, level) => {
             if (query !== "" && !this.#matchesTree(node, query)) return;
-            list.push({node: node, level: level});
+            list.push({ node: node, level: level });
             if (!this.#isOpen(node, query)) return;
             for (const child of JsonViewer.#childrenOf(node)) walk(child, level + 1);
         };
@@ -585,14 +596,14 @@ class JsonViewer {
             this.#root.setAttribute("aria-label", this.#accessibleName());
         }
         // Дерево внутри тоже с ролью, поэтому ему нужно своё имя — оттуда же
-        this.#tree.setAttribute("aria-label", I18n.t("jsonViewer.dataTree", {name: this.#accessibleName()}));
+        this.#tree.setAttribute("aria-label", I18n.t("jsonViewer.dataTree", { name: this.#accessibleName() }));
         return this;
     }
 
     #summaryText(value = undefined) {
         // Форму числа выбирает словарь через `Intl.PluralRules` — русские склонения больше не в коде
-        if (Array.isArray(value)) return I18n.t("jsonViewer.elements", {count: value.length});
-        return I18n.t("jsonViewer.properties", {count: Object.keys(value).length});
+        if (Array.isArray(value)) return I18n.t("jsonViewer.elements", { count: value.length });
+        return I18n.t("jsonViewer.properties", { count: Object.keys(value).length });
     }
 
     #toggleNode(node = Object(), open = Boolean()) {
@@ -601,7 +612,10 @@ class JsonViewer {
         toggle.className = "json_viewer_toggle";
         // Стрелка не отдельная остановка: у дерева одна остановка на узел
         toggle.setAttribute("tabindex", "-1");
-        toggle.setAttribute("aria-label", I18n.t(open ? "a11y.collapseNode" : "a11y.expandNode", {name: this.#nodeName(node)}));
+        toggle.setAttribute(
+            "aria-label",
+            I18n.t(open ? "a11y.collapseNode" : "a11y.expandNode", { name: this.#nodeName(node) })
+        );
         toggle.dataset.path = node.path;
         const glyph = new Icon(Icons.NAVIGATION.CHEVRON_RIGHT, "18px").set();
         glyph.setAttribute("aria-hidden", "true");
@@ -691,7 +705,9 @@ class JsonViewer {
         this.#render();
         if (silent) return this;
         const name = segments.length === 0 ? this.#accessibleName() : String(segments[segments.length - 1]);
-        this.#announce(value ? I18n.t("jsonViewer.expanded", {name: name}) : I18n.t("jsonViewer.collapsed", {name: name}));
+        this.#announce(
+            value ? I18n.t("jsonViewer.expanded", { name: name }) : I18n.t("jsonViewer.collapsed", { name: name })
+        );
         return this;
     }
 
@@ -699,7 +715,8 @@ class JsonViewer {
         const query = this.#search_text.trim();
         if (query !== "") {
             const matches = this.getMatches().length;
-            this.#status.innerText = matches === 0 ? I18n.t("common.nothingFound") : I18n.t("jsonViewer.found", {count: matches});
+            this.#status.innerText =
+                matches === 0 ? I18n.t("common.nothingFound") : I18n.t("jsonViewer.found", { count: matches });
             return this;
         }
         if (this.#error_object !== undefined) {
@@ -710,7 +727,7 @@ class JsonViewer {
             this.#status.innerText = this.#empty_text;
             return this;
         }
-        this.#status.innerText = I18n.t("jsonViewer.visible", {count: this.#visibleNodes().length});
+        this.#status.innerText = I18n.t("jsonViewer.visible", { count: this.#visibleNodes().length });
         return this;
     }
 
@@ -759,10 +776,12 @@ class JsonViewer {
     }
 
     #focusPath(path = String()) {
-        const row = [...this.#tree.querySelectorAll(".json_viewer_row")].find((node) => node.dataset.path === String(path));
+        const row = [...this.#tree.querySelectorAll(".json_viewer_row")].find(
+            (node) => node.dataset.path === String(path)
+        );
         if (row === undefined) return this;
         this.#focusRow(row);
-        row.scrollIntoView({block: "nearest"});
+        row.scrollIntoView({ block: "nearest" });
         return this;
     }
 
@@ -860,4 +879,4 @@ class JsonViewer {
     };
 }
 
-exports.JsonViewer = JsonViewer
+exports.JsonViewer = JsonViewer;

package/framework/components/chui_json_viewer/styles.css

@@ -53,7 +53,8 @@ chui_json_viewer {
     height: var(--control_height);
     margin: 0;
     /* Место под кнопку очистки, чтобы текст не заезжал под неё */
-    padding-block: 0 0; padding-inline: 12px 40px;
+    padding-block: 0 0;
+    padding-inline: 12px 40px;
     border: 1px solid var(--border_color);
     border-radius: var(--border_radius);
     background: var(--element_background);
@@ -143,7 +144,7 @@ chui_json_viewer {
     width: 100%;
     overflow: auto;
     padding: 4px 0;
-    font-family: 'chui_mono', monospace;
+    font-family: "chui_mono", monospace;
     font-size: var(--font_default_size);
 }
 

package/framework/components/chui_kanban/kanban.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");
 
 /**
  * Канбан-доска: колонки со карточками и переносом между ними.
@@ -48,14 +48,16 @@ class Kanban {
     #drag_card = undefined;
     #drag_column = undefined;
 
-    constructor(options = {
-        id: String(),
-        columns: [],
-        draggable: Boolean(),
-        label: String(),
-        onCardMove: undefined,
-        onCardClick: undefined
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            columns: [],
+            draggable: Boolean(),
+            label: String(),
+            onCardMove: undefined,
+            onCardClick: undefined,
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_Kanban");
         Kanban.#counter += 1;
         this.#id = options.id === undefined ? `chui_kanban_${Kanban.#counter}` : options.id;
@@ -90,7 +92,7 @@ class Kanban {
 
     /** Колонки с карточками (копия данных) */
     getColumns() {
-        return this.#columns.map((column) => ({...column, cards: column.cards.map((card) => ({...card}))}));
+        return this.#columns.map((column) => ({ ...column, cards: column.cards.map((card) => ({ ...card })) }));
     }
 
     getColumn(id = String()) {
@@ -99,13 +101,13 @@ class Kanban {
 
     getCards(columnId = String()) {
         const column = this.getColumn(columnId);
-        return column === undefined ? [] : column.cards.map((card) => ({...card}));
+        return column === undefined ? [] : column.cards.map((card) => ({ ...card }));
     }
 
     getCard(id = undefined) {
         for (const column of this.#columns) {
             const card = column.cards.find((item) => String(item.id) === String(id));
-            if (card !== undefined) return {...card};
+            if (card !== undefined) return { ...card };
         }
         return undefined;
     }
@@ -146,7 +148,7 @@ class Kanban {
         const column = this.getColumn(columnId);
         if (column === undefined) return this;
         const position = index === undefined ? column.cards.length : Math.max(0, Math.min(index, column.cards.length));
-        column.cards.splice(position, 0, {...card});
+        column.cards.splice(position, 0, { ...card });
         this.#render();
         return this;
     }
@@ -182,19 +184,19 @@ class Kanban {
         if (!Array.isArray(columns)) return [];
         return columns.map((column, index) => ({
             id: column.id === undefined ? `column_${index}` : column.id,
-            title: column.title === undefined ? I18n.t("graphics.kanbanColumn", {index: index + 1}) : column.title,
+            title: column.title === undefined ? I18n.t("graphics.kanbanColumn", { index: index + 1 }) : column.title,
             limit: column.limit,
             cards: (column.cards === undefined ? [] : column.cards).map((card, position) => ({
                 id: card.id === undefined ? `card_${index}_${position}` : card.id,
-                ...card
-            }))
+                ...card,
+            })),
         }));
     }
 
     #findCard(cardId = undefined) {
         for (const column of this.#columns) {
             const index = column.cards.findIndex((card) => String(card.id) === String(cardId));
-            if (index !== -1) return {column: column, index: index, card: column.cards[index]};
+            if (index !== -1) return { column: column, index: index, card: column.cards[index] };
         }
         return undefined;
     }
@@ -217,7 +219,7 @@ class Kanban {
     }
 
     #emitMove(card = Object(), from = String(), to = String(), index = Number()) {
-        if (this.#on_card_move !== undefined) this.#on_card_move(card, {from: from, to: to, index: index});
+        if (this.#on_card_move !== undefined) this.#on_card_move(card, { from: from, to: to, index: index });
     }
 
     #announce(text = String()) {
@@ -227,16 +229,17 @@ class Kanban {
     #cardLabel(column = Object(), card = Object()) {
         const parts = [card.title === undefined ? I18n.t("graphics.kanbanCard") : String(card.title)];
         if (card.description !== undefined) parts.push(String(card.description));
-        if (Array.isArray(card.tags) && card.tags.length > 0) parts.push(I18n.t("graphics.kanbanTags", {value: card.tags.join(", ")}));
-        parts.push(I18n.t("graphics.kanbanColumnOf", {value: column.title}));
+        if (Array.isArray(card.tags) && card.tags.length > 0)
+            parts.push(I18n.t("graphics.kanbanTags", { value: card.tags.join(", ") }));
+        parts.push(I18n.t("graphics.kanbanColumnOf", { value: column.title }));
         return parts.join(", ");
     }
 
     #columnLabel(column = Object()) {
         const count = column.cards.length;
         return column.limit === undefined
-            ? I18n.t("graphics.kanbanColumnCount", {title: column.title, count: count})
-            : I18n.t("graphics.kanbanColumnCountLimit", {title: column.title, count: count, limit: column.limit});
+            ? I18n.t("graphics.kanbanColumnCount", { title: column.title, count: count })
+            : I18n.t("graphics.kanbanColumnCountLimit", { title: column.title, count: count, limit: column.limit });
     }
 
     #render() {
@@ -256,7 +259,8 @@ class Kanban {
         const title = document.createElement("kanban_column_title");
         title.innerText = column.title;
         const count = document.createElement("kanban_column_count");
-        count.innerText = column.limit === undefined ? String(column.cards.length) : `${column.cards.length} / ${column.limit}`;
+        count.innerText =
+            column.limit === undefined ? String(column.cards.length) : `${column.cards.length} / ${column.limit}`;
         head.appendChild(title);
         head.appendChild(count);
         node.appendChild(head);
@@ -306,7 +310,7 @@ class Kanban {
         if (target === null) return undefined;
         const node = target.closest("kanban_column");
         if (node === null || !this.#columns_box.contains(node)) return undefined;
-        return {node: node, column: this.getColumn(node.dataset.column)};
+        return { node: node, column: this.getColumn(node.dataset.column) };
     }
 
     /** Карточка под элементом */
@@ -346,7 +350,11 @@ class Kanban {
         if (target === undefined) return;
         const source = this.getColumn(this.#drag_column);
         // Лимит: карточку из другой колонки в полную колонку не пускаем
-        if (target.column.limit !== undefined && source !== target.column && target.column.cards.length >= target.column.limit) {
+        if (
+            target.column.limit !== undefined &&
+            source !== target.column &&
+            target.column.cards.length >= target.column.limit
+        ) {
             target.node.classList.add("kanban_column_reject");
             if (event.dataTransfer !== null) event.dataTransfer.dropEffect = "none";
             return;
@@ -387,7 +395,9 @@ class Kanban {
         const from = this.#drag_column;
         this.#drag_card = undefined;
         this.#drag_column = undefined;
-        this.#columns_box.querySelectorAll(".kanban_column_reject").forEach((node) => node.classList.remove("kanban_column_reject"));
+        this.#columns_box
+            .querySelectorAll(".kanban_column_reject")
+            .forEach((node) => node.classList.remove("kanban_column_reject"));
         if (card === undefined) return;
         card.classList.remove("kanban_card_dragging");
         const columnNode = card.closest("kanban_column");
@@ -396,15 +406,21 @@ class Kanban {
         const cards = [...columnNode.querySelectorAll(".kanban_card")];
         const index = cards.indexOf(card);
         const cardId = card.dataset.id;
-        if (String(from) === String(to) && this.getColumn(to).cards.findIndex((item) => String(item.id) === String(cardId)) === index) return;
+        if (
+            String(from) === String(to) &&
+            this.getColumn(to).cards.findIndex((item) => String(item.id) === String(cardId)) === index
+        )
+            return;
         // Лимит уже проверен при наведении, поэтому модель приводим к тому, что видно в DOM
         this.#applyMove(cardId, to, index);
-        this.#announce(I18n.t("graphics.kanbanMovedTo", {card: this.#titleOf(cardId), column: this.getColumn(to).title}));
+        this.#announce(
+            I18n.t("graphics.kanbanMovedTo", { card: this.#titleOf(cardId), column: this.getColumn(to).title })
+        );
     }
 
     #titleOf(cardId = undefined) {
         const card = this.getCard(cardId);
-        return card === undefined ? "" : I18n.t("graphics.quotedName", {name: card.title});
+        return card === undefined ? "" : I18n.t("graphics.quotedName", { name: card.title });
     }
 
     // === КЛИК И КЛАВИАТУРА ===
@@ -425,7 +441,9 @@ class Kanban {
         const before = this.#findCard(node.dataset.id);
         if (before === undefined) return;
         if (vertical) {
-            const index = forward ? Math.min(before.index + 1, before.column.cards.length - 1) : Math.max(before.index - 1, 0);
+            const index = forward
+                ? Math.min(before.index + 1, before.column.cards.length - 1)
+                : Math.max(before.index - 1, 0);
             if (index === before.index) return;
             this.moveCard(node.dataset.id, before.column.id, index);
         } else {
@@ -437,13 +455,13 @@ class Kanban {
         const after = this.#findCard(node.dataset.id);
         // Единственная причина отказа — предел колонки: тогда ничего не объявляем о переносе
         if (after.column === before.column && after.index === before.index) {
-            this.#announce(I18n.t("graphics.kanbanMoveRefused", {card: this.#titleOf(node.dataset.id)}));
+            this.#announce(I18n.t("graphics.kanbanMoveRefused", { card: this.#titleOf(node.dataset.id) }));
             return;
         }
         const moved = this.#root.querySelector(`.kanban_card[data-id="${String(node.dataset.id)}"]`);
         if (moved !== null) moved.focus();
-        this.#announce(I18n.t("graphics.kanbanMoved", {card: this.#titleOf(node.dataset.id)}));
+        this.#announce(I18n.t("graphics.kanbanMoved", { card: this.#titleOf(node.dataset.id) }));
     };
 }
 
-exports.Kanban = Kanban
+exports.Kanban = Kanban;

package/framework/components/chui_kbd/kbd.js

@@ -1,4 +1,4 @@
-const {setStyles} = require("../../modules/chui_functions");
+const { setStyles } = require("../../modules/chui_functions");
 
 /**
  * Обозначение горячей клавиши: одна или несколько клавиш в «кнопках», между ними разделитель.
@@ -21,7 +21,7 @@ const {setStyles} = require("../../modules/chui_functions");
 class Kbd {
     static SIZE = {
         SMALL: "small",
-        DEFAULT: "default"
+        DEFAULT: "default",
     };
     static #counter = 0;
 
@@ -30,13 +30,15 @@ class Kbd {
     #keys = [];
     #separator = "+";
 
-    constructor(options = {
-        id: String(),
-        keys: [],
-        separator: String(),
-        size: String(),
-        label: String()
-    }) {
+    constructor(
+        options = {
+            id: String(),
+            keys: [],
+            separator: String(),
+            size: String(),
+            label: String(),
+        }
+    ) {
         setStyles(__dirname + "/styles.css", "chUiJS_Kbd");
         Kbd.#counter += 1;
         this.#id = options.id === undefined ? `chui_kbd_${Kbd.#counter}` : options.id;
@@ -123,4 +125,4 @@ class Kbd {
     }
 }
 
-exports.Kbd = Kbd
+exports.Kbd = Kbd;