poe-svelte-ui-lib 1.56.0 → 1.58.0

package/README.md

@@ -57,7 +57,9 @@ npm install poe-svelte-ui-lib
 
 **Поверхности — четыре ступени, заметные в обеих темах:** фон страницы `--bg-body` → панель `--back-color` → блок внутри панели `--container-color` → поле `--field-color` (в тёмной теме поле темнее блока — «утоплено»). Готовые рецепты — классы `ui-panel` (блок прямо на фоне страницы: карточка, шапка раздела, холст, область чата — заливка панели, волосяная рамка, лёгкая тень) и `ui-inset` (блок внутри панели: группа полей, шапка карточки, подложка сообщения). Отступы и скругление задаёт страница классами Tailwind. Панели не делаются полупрозрачными (`bg-(--back-color)/50` сливается с фоном): выпадающие меню и всплывающие блоки — `ui-panel` с тенью `--elevation-3`, свои сообщения в чатах — `--accent-soft`, чужие — `--container-color`.
 
-**Подсказки смарт-виджетов** — `hints.ts`: у каждого виджета своя кнопка «?» в правом краю шапки (`WidgetHeader` с пропом `hints`), выбор запоминается в браузере для виджетов этого типа (`hintsSetting("WidgetPFD")`, ключ `localStorage` `Hints.<тип>`), глобального переключателя нет. Элемент получает подсказку действием `use:hint={{ text, enabled: $hints }}` — всплывающее окно в стиле темы над элементом; тексты — в словаре библиотеки (`widget.*.hint.*`), только там, где смысл поля не очевиден.
+**Названия смарт-виджетов** — в словаре библиотеки на всех языках (WiFi, «Об устройстве», «Файловая система», «Стек и задачи», «RGB лента», «Пилотажный дисплей», «Карта»); пустой `label.name` показывает название на языке пользователя, `widgetTitle(type)` отдаёт его сразу на всех языках `{ ru, en, zh }` — так конструктор заполняет заголовок нового виджета.
+
+**Подсказки смарт-виджетов** — `hints.ts`: у каждого виджета своя кнопка «?» в правом краю шапки (`WidgetHeader` с пропом `hints`), по умолчанию подсказки выключены, выбор оператора запоминается в браузере для виджетов этого типа (`hintsSetting("WidgetPFD")`, ключ `localStorage` `WidgetHints.<тип>`, пишется только по нажатию «?»), глобального переключателя нет. Элемент получает подсказку действием `use:hint={{ text, enabled: $hints }}` — всплывающее окно в стиле темы над элементом; тексты — в словаре библиотеки (`widget.*.hint.*`), только там, где смысл поля не очевиден.
 
 **Предпросмотр темы** — вкладка «Тема» на главной витрины (`src/routes/ThemePreview.svelte`): палитра токенов и состояния, затем все компоненты и виджеты в порядке меню витрины — каждый тип в своём разделе с живыми демо-данными (графики, видео, полёт для PFD и карты), в конце типографика и Markdown; тема переключается кнопкой в шапке витрины. Правьте `theme.css` и смотрите результат там.
 

package/dist/Table/README.md

@@ -21,7 +21,7 @@
 
 ### Шапка
 
-- Фон шапки — токен `--table-header-color`, по умолчанию `--container-color`. Внутри смарт-виджета он равен мягкому оттенку мастер-цвета (`widgetAccentStyle`), поэтому шапка перекрашивается вместе с виджетом.
+- Фон шапки — токен `--table-header-color`, по умолчанию мягкий акцент `--accent-soft`, текст шапки — в тон акценту. Внутри смарт-виджета он равен мягкому оттенку мастер-цвета (`widgetAccentStyle`), поэтому шапка перекрашивается вместе с виджетом.
 - Когда у тела появляется полоса прокрутки, шапка сдвигается ровно на её фактическую ширину (`offsetWidth − clientWidth`, пересчёт при изменении строк и размеров) — столбцы шапки и строк совпадают. Для полос поверх содержимого (macOS) сдвиг 0.
 
 ### Адаптивность

package/dist/Table/Table.svelte

@@ -259,7 +259,7 @@
   <div class="relative flex h-full w-full flex-col overflow-hidden rounded-[14px] border border-(--hairline-color) bg-(--back-color)">
     <!-- Table Header -->
     <div
-      class="grid border-b border-(--hairline-color) bg-[var(--table-header-color,var(--container-color))] text-[11px] font-bold tracking-[0.06em] text-(--muted-color) uppercase"
+      class="grid border-b border-(--hairline-color) bg-[var(--table-header-color,var(--accent-soft))] text-[11px] font-bold tracking-[0.06em] text-[color-mix(in_srgb,var(--accent-color)_60%,var(--font-color))] uppercase"
       style={`grid-template-columns: ${gridTemplate}; padding-right: ${scrollbarWidth}px;`}
     >
       {#each header as column, index (column)}

package/dist/WidgetDeviceInfo/README.md

@@ -39,7 +39,7 @@
 | ---------------- | ----------------------------------------- | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
 | `wrapperClass`   | `string`                                  | `""`              | CSS-классы для обёртки компонента                                                                                                       |
 | `componentClass` | `string`                                  | `""`              | "Мастер-цвет" виджета — роль вида `"bg-red"` (см. `optionsStore.COLOR_OPTIONS`)                                                         |
-| `label`          | `{ name?: string }`                       | `{}`              | Заголовок карточки; пустой — «Информация об устройстве» на текущем языке                                                                |
+| `label`          | `{ name?: string }`                       | `{}`              | Заголовок карточки; пустой — «Об устройстве» на текущем языке                                                                           |
 | `value`          | `IWidgetDeviceInfoConfig`                 | внутренний дефолт | Текущая информация об устройстве                                                                                                        |
 | `collapsed`      | `boolean`                                 | `false`           | Свёрнуто ли тело виджета (заголовок остаётся); поддерживает двустороннее связывание (`$bindable`)                                       |
 | `persistKey`     | `string`                                  | `undefined`       | Ключ для сохранения состояния `collapsed` в `localStorage` — при заданном ключе состояние сворачивания переживает перезагрузку страницы |
@@ -109,4 +109,4 @@
 
 ### Подсказки
 
-Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета; выбор общий для всех `WidgetDeviceInfo` в браузере (`hintsSetting("WidgetDeviceInfo")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.
+Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета (по умолчанию выключены); выбор общий для всех `WidgetDeviceInfo` в браузере (`hintsSetting("WidgetDeviceInfo")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.

package/dist/WidgetFileSystem/README.md

@@ -118,4 +118,4 @@
 
 ### Подсказки
 
-Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета; выбор общий для всех `WidgetFileSystem` в браузере (`hintsSetting("WidgetFileSystem")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.
+Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета (по умолчанию выключены); выбор общий для всех `WidgetFileSystem` в браузере (`hintsSetting("WidgetFileSystem")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.

package/dist/WidgetMap/README.md

@@ -98,4 +98,4 @@ Telemetry_SendObject(g_telemetry_stream, g_mcfg.DevSN, "Data", dev, sizeof(dev)
 
 ### Подсказки
 
-Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета; выбор общий для всех `WidgetMap` в браузере (`hintsSetting("WidgetMap")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.
+Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета (по умолчанию выключены); выбор общий для всех `WidgetMap` в браузере (`hintsSetting("WidgetMap")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.

package/dist/WidgetPFD/README.md

@@ -70,7 +70,7 @@
 - **Авиагоризонт** — небо и земля по крену и тангажу, лестница тангажа через 5°, дуга крена (10/20/30/45/60°), символ самолёта. Ориентация сглаживается между пакетами (Tween 120 мс).
 - **Лента скорости** (слева, путевая над землёй) и **лента высоты** (справа, над точкой взлёта) с вариометром у края, **лента курса** (снизу): розовый ▲ — трек (куда аппарат реально движется, по `Vx`/`Vy`), зелёный ● — направление на точку взлёта.
 - **Углы под лентами** — воздушная скорость (относительно воздуха, отличается от путевой на ветер) и вертикальная скорость (+ набор зелёным, − снижение оранжевым).
-- **Подсказки** — наведите курсор на любой элемент прибора, строки состояния или значений: расшифровка появляется в информационной строке внизу горизонта: первая строка — величина, единица и текущее значение (обновляется, пока курсор стоит на месте), ниже по строке — что означают знаки, цвета и пороги. Элемент помечен `data-tip` с ключом, тексты собраны в `tips` в скрипте виджета, поэтому её не обрезают края и прокрутка. Без наведения в той же строке — последнее сообщение автопилота (10 с), наведение на неё показывает историю. Включаются и выключаются кнопкой «?» в шапке; выбор общий для всех PFD в браузере (`hintsSetting("WidgetPFD")` из `hints.ts`, ключ `localStorage` `Hints.WidgetPFD`; прежний выбор `WidgetPFD.tips` переносится).
+- **Подсказки** — наведите курсор на любой элемент прибора, строки состояния или значений: расшифровка появляется в информационной строке внизу горизонта: первая строка — величина, единица и текущее значение (обновляется, пока курсор стоит на месте), ниже по строке — что означают знаки, цвета и пороги. Элемент помечен `data-tip` с ключом, тексты собраны в `tips` в скрипте виджета, поэтому её не обрезают края и прокрутка. Без наведения в той же строке — последнее сообщение автопилота (10 с), наведение на неё показывает историю. Включаются и выключаются кнопкой «?» в шапке; выбор общий для всех PFD в браузере (`hintsSetting("WidgetPFD")` из `hints.ts`, ключ `localStorage` `WidgetHints.WidgetPFD`, по умолчанию выключены; прежний выбор `WidgetPFD.tips` переносится).
 - **Под прибором** — группы «Маршрут» (точка, расстояние, боковое отклонение), «Дом» (расстояние и направление), «Трек», «Позиция» (координаты, MSL), «Воздух» (давление, температура); каждая величина показана один раз.
 - **Метки целей** (бирюзовые) — целевая скорость и высота текущей точки на лентах, курс на точку ◆ на ленте курса; цель за пределами ленты прижимается к краю.
 - **Сообщения автопилота** (`STATUSTEXT`) — в информационной строке внизу горизонта на 10 с, цвет по важности; история последних пяти — при наведении на строку.

package/dist/WidgetRGBStrip/ColorPicker.svelte

@@ -1,4 +1,4 @@
-<!-- $lib/WidgetRGBStrip/ColorPicker.svelte — внутренняя палитра виджета «Светодиодная лента» (HSV + белый), отдельным компонентом библиотеки не экспортируется -->
+<!-- $lib/WidgetRGBStrip/ColorPicker.svelte — внутренняя палитра виджета «RGB лента» (HSV + белый), отдельным компонентом библиотеки не экспортируется -->
 <script lang="ts">
   import { twMerge } from "tailwind-merge"
 

package/dist/WidgetRGBStrip/README.md

@@ -53,7 +53,7 @@
 | `id`             | `string`                                                 | `undefined`  | Префикс группы ленты (`"LST"`), используется вызывающим кодом           |
 | `wrapperClass`   | `string`                                                 | `""`         | CSS-классы обёртки                                                      |
 | `componentClass` | `string`                                                 | `""`         | «Мастер-цвет» виджета — роль вида `"bg-red"`, перекрашивает весь виджет |
-| `label`          | `{ name?: string }`                                      | `{}`         | Заголовок карточки; пустой — «Светодиодная лента» на текущем языке      |
+| `label`          | `{ name?: string }`                                      | `{}`         | Заголовок карточки; пустой — «RGB лента» на текущем языке               |
 | `value`          | `Partial<IWidgetRGBStripConfig>`                         | `undefined`  | Поля группы `LST`                                                       |
 | `keys`           | `Partial<Record<keyof IWidgetRGBStripConfig, string>>`   | `undefined`  | Переопределение имён полей устройства                                   |
 | `collapsed`      | `boolean`                                                | `false`      | Свёрнуто ли тело виджета (`$bindable`)                                  |
@@ -81,4 +81,4 @@
 
 ### Подсказки
 
-Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета; выбор общий для всех `WidgetRGBStrip` в браузере (`hintsSetting("WidgetRGBStrip")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.
+Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета (по умолчанию выключены); выбор общий для всех `WidgetRGBStrip` в браузере (`hintsSetting("WidgetRGBStrip")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.

package/dist/WidgetStackInfo/README.md

@@ -46,7 +46,7 @@
 | ---------------- | ------------------------ | ------------ | ------------------------------------------------------------------------- |
 | `wrapperClass`   | `string`                 | `""`         | CSS-классы обёртки                                                        |
 | `componentClass` | `string`                 | `""`         | «Мастер-цвет» виджета — роль вида `"bg-red"`, перекрашивает весь виджет   |
-| `label`          | `{ name?: string }`      | `{}`         | Заголовок карточки; пустой — «Память и задачи» на текущем языке           |
+| `label`          | `{ name?: string }`      | `{}`         | Заголовок карточки; пустой — «Стек и задачи» на текущем языке             |
 | `value`          | `IWidgetStackInfo`       | `undefined`  | Снимок `StackInfo`; без него — «Нет данных»                               |
 | `keys`           | `{ StackInfo?: string }` | `undefined`  | Переопределение имени объекта ответа, по умолчанию `StackInfo`            |
 | `argument`       | `string`                 | `undefined`  | Аргумент запроса, по умолчанию `"StackInfo"` (используется вызывающим)    |
@@ -84,4 +84,4 @@
 
 ### Подсказки
 
-Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета; выбор общий для всех `WidgetStackInfo` в браузере (`hintsSetting("WidgetStackInfo")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.
+Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета (по умолчанию выключены); выбор общий для всех `WidgetStackInfo` в браузере (`hintsSetting("WidgetStackInfo")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.

package/dist/WidgetWiFi/README.md

@@ -100,4 +100,4 @@
 
 ### Подсказки
 
-Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета; выбор общий для всех `WidgetWiFi` в браузере (`hintsSetting("WidgetWiFi")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.
+Кнопка «?» в правом краю шапки включает и выключает подсказки этого виджета (по умолчанию выключены); выбор общий для всех `WidgetWiFi` в браузере (`hintsSetting("WidgetWiFi")`, `hints.ts`). Подсказка всплывает при наведении на поле, смысл которого не очевиден, — что это за значение и на что влияет.

package/dist/WidgetWiFi/WidgetWiFi.svelte

@@ -144,7 +144,7 @@
   style={accentStyle}
 >
   <!-- Заголовок и переключатель режима -->
-  <WidgetHeader icon={WifiIcon} label={label?.name || "WiFi"} bind:collapsed {hints}>
+  <WidgetHeader icon={WifiIcon} label={label?.name || $T("widget.wifi.title")} bind:collapsed {hints}>
     {#snippet right()}
       <div class="w-full sm:w-72" use:hint={{ text: $T("widget.wifi.hint.mode"), enabled: $hints }}>
         <UI.Select

package/dist/hints.js

@@ -6,23 +6,30 @@ import { writable } from "svelte/store";
 /* Прежние ключи хранения — выбор оператора переносится */
 const LEGACY_KEYS = { WidgetPFD: "WidgetPFD.tips" };
 const settings = new Map();
-/* Настройка подсказок виджета: включены по умолчанию, одна на тип виджета */
+/* Настройка подсказок виджета: выключены по умолчанию, одна на тип виджета; в браузер пишется только выбор оператора (нажатие «?»),
+   ключ WidgetHints.<тип> — прежние Hints.<тип> записывались автоматически при первом показе и выбором не являются, удаляются */
 export const hintsSetting = (widget) => {
     const cached = settings.get(widget);
     if (cached)
         return cached;
-    const storageKey = `Hints.${widget}`;
-    let initial = true;
+    const storageKey = `WidgetHints.${widget}`;
+    let initial = false;
     try {
-        const saved = typeof localStorage === "undefined" ? null : (localStorage.getItem(storageKey) ?? localStorage.getItem(LEGACY_KEYS[widget] ?? ""));
-        if (saved !== null)
-            initial = saved !== "0";
+        if (typeof localStorage !== "undefined") {
+            localStorage.removeItem(`Hints.${widget}`);
+            const saved = localStorage.getItem(storageKey) ?? localStorage.getItem(LEGACY_KEYS[widget] ?? "");
+            if (saved !== null)
+                initial = saved === "1";
+        }
     }
     catch {
-        /* хранилище недоступно — подсказки включены */
+        /* хранилище недоступно — подсказки выключены */
     }
     const store = writable(initial);
+    let first = true;
     store.subscribe((on) => {
+        if (first)
+            return void (first = false);
         if (!on)
             hideHint();
         try {

package/dist/locales/i18n.d.ts

@@ -15,3 +15,4 @@ export type Translator = (key: string, params?: TranslateParams) => string;
 export declare const translate: (dictionary: Translations, locale: string, key: string, params?: TranslateParams) => string;
 export declare const createTranslator: (dictionary: Translations) => Readable<Translator>;
 export declare const T: Readable<Translator>;
+export declare const widgetTitle: (type: string) => Partial<Record<LanguageCode, string>>;

package/dist/locales/i18n.js

@@ -1,6 +1,6 @@
 import { derived, get, writable } from "svelte/store";
 import translations from "./translations.js";
-import { DEFAULT_LANGUAGE, LANGUAGES, isLanguageCode, resolveLanguage } from "./languages.js";
+import { DEFAULT_LANGUAGE, LANGUAGES, LANGUAGE_CODES, isLanguageCode, resolveLanguage } from "./languages.js";
 /* Язык и механизм перевода — общие для библиотеки и приложений: приложение берёт отсюда Language/setLanguage/LOCALES и строит свой $T
    из своего словаря через createTranslator (см. README «Языки»); переключение языка одним setLanguage меняет и компоненты, и приложение */
 /*
@@ -56,3 +56,19 @@ export const translate = (dictionary, locale, key, params) => {
 export const createTranslator = (dictionary) => derived(Language, ($lang) => (key, params) => translate(dictionary, $lang, key, params));
 /* $T самой библиотеки */
 export const T = createTranslator(translations);
+/* Названия смарт-виджетов по умолчанию — ключи словаря библиотеки */
+const WIDGET_TITLE_KEYS = {
+    WidgetWiFi: "widget.wifi.title",
+    WidgetDeviceInfo: "widget.info.title",
+    WidgetFileSystem: "widget.fs.title",
+    WidgetStackInfo: "widget.stack.title",
+    WidgetRGBStrip: "widget.rgb.title",
+    WidgetPFD: "pfd.title",
+    WidgetMap: "widget.map.title",
+};
+/* Название виджета сразу на всех языках { ru, en, zh, ... } — конструктор заполняет им заголовок нового виджета,
+   переводы видны и правятся в «Тексты и переводы»; для неизвестного типа — пустой объект */
+export const widgetTitle = (type) => {
+    const entry = translations[WIDGET_TITLE_KEYS[type] ?? ""];
+    return entry ? Object.fromEntries(LANGUAGE_CODES.filter((lang) => entry[lang]).map((lang) => [lang, entry[lang]])) : {};
+};

package/dist/locales/translations.js

@@ -124,8 +124,8 @@ const translations = {
     },
     "component.info.WidgetMap": {
         ru: "🎯 **Назначение**\nКарта объектов в реальном времени: положение, курс и траектория каждого объекта.\n\n📦 **Пакет данных**\n- Поля групп устройства, по группе на объект: по умолчанию `MAV`, несколько — через пробел (`MAV GNSS`); привязывать переменные не нужно\n- Поток телеметрии: координаты — раз в 0.5–1 с, имя и серийный номер — реже\n- Только отображение, ничего не отправляет\n\n🔑 **Ключи**\n- `Lat` — число, °: широта, обязательный; `Lat` и `Lon` = 0 — нет фикса, объект не рисуется\n- `Lon` — число, °: долгота, обязательный\n- `Alt` — число, м: высота\n- `Heading` — число, 0–360°: курс, поворачивает маркер\n- `Sat` — число спутников\n- `DevName` — строка: имя объекта, подпись маркера; без него — имя группы\n- `DevSN` — строка: серийный номер\n\n✨ **Особенности**\n- Ключи общие с «Пилотажным дисплеем» и «Об устройстве» — один пакет питает несколько виджетов\n- Клик по объекту — карточка со всеми значениями, кнопки «Копировать» и «Скрыть»\n- Траекторию, число её точек и таймаут маркеров оператор переключает на карте; объект без новых данных краснеет, ещё через таймаут скрывается\n- «Показать все» в шапке вписывает объекты в экран; сама карта вид не меняет\n- В шапке — сколько объектов на связи из заданных\n- Только 2D: правой кнопкой мыши карта поворачивается, компас под зумом возвращает её на север\n\n⚙️ **Настройки**\n- Группы полей, мастер-цвет\n- Высота карты `S`/`M`/`L`/`XL`, иконка маркера\n- Начальные значения: траектория и число её точек",
-        en: '🎯 **Purpose**\nA real-time map of objects: position, heading and track of each object.\n\n📦 **Data packet**\n- Device field groups, one group per object: `MAV` by default, several separated by spaces (`MAV GNSS`); no variable binding needed\n- Telemetry stream: coordinates every 0.5–1 s, name and serial number less often\n- Display only, sends nothing\n\n🔑 **Keys**\n- `Lat` — number, °: latitude, required; `Lat` and `Lon` = 0 — no fix, the object is not drawn\n- `Lon` — number, °: longitude, required\n- `Alt` — number, m: altitude\n- `Heading` — number, 0–360°: heading, rotates the marker\n- `Sat` — satellite count\n- `DevName` — string: object name, the marker label; without it — the group name\n- `DevSN` — string: serial number\n\n✨ **Features**\n- Keys are shared with the "Flight display" and "Device info" — one packet feeds several widgets\n- Click an object — a card with all values, "Copy" and "Hide" buttons\n- The operator switches the track, its point count and marker timeout on the map; an object without new data turns red, after one more timeout it is hidden\n- "Show all" in the header fits all objects into view; the map never moves by itself\n- The header shows how many of the configured objects are online\n- 2D only: the right mouse button rotates the map, the compass under the zoom returns it to north\n\n⚙️ **Settings**\n- Field groups, master color\n- Map height `S`/`M`/`L`/`XL`, marker icon\n- Defaults: track and its point count',
-        zh: "🎯 **用途**\n实时对象地图：每个对象的位置、航向和轨迹。\n\n📦 **数据包**\n- 设备字段分组，每个分组一个对象：默认 `MAV`，多个用空格分隔（`MAV GNSS`）；无需绑定变量\n- 遥测流：坐标每 0.5–1 秒一次，名称和序列号频率更低\n- 仅显示，不发送任何数据\n\n🔑 **键**\n- `Lat` —— 数字，°：纬度，必需；`Lat` 和 `Lon` 为 0 —— 无定位，不绘制对象\n- `Lon` —— 数字，°：经度，必需\n- `Alt` —— 数字，m：高度\n- `Heading` —— 数字，0–360°：航向，旋转标记\n- `Sat` —— 卫星数\n- `DevName` —— 字符串：对象名称，标记标签；缺省时为分组名\n- `DevSN` —— 字符串：序列号\n\n✨ **特点**\n- 键与「主飞行显示器」和「设备信息」通用 —— 一个数据包可供多个组件使用\n- 点击对象 —— 显示所有值的卡片，带「复制」和「隐藏」按钮\n- 操作员在地图上切换轨迹、轨迹点数和标记超时；无新数据的对象变红，再过一个超时后隐藏\n- 标题栏中的「显示全部」将对象纳入视野；地图本身不会自动移动\n- 标题栏显示已配置对象中在线的数量\n- 仅 2D：按住鼠标右键旋转地图，缩放按钮下方的指南针将其恢复为正北\n\n⚙️ **设置**\n- 字段分组、主色\n- 地图高度 `S`/`M`/`L`/`XL`、标记图标\n- 默认值：轨迹及其点数",
+        en: '🎯 **Purpose**\nA real-time map of objects: position, heading and track of each object.\n\n📦 **Data packet**\n- Device field groups, one group per object: `MAV` by default, several separated by spaces (`MAV GNSS`); no variable binding needed\n- Telemetry stream: coordinates every 0.5–1 s, name and serial number less often\n- Display only, sends nothing\n\n🔑 **Keys**\n- `Lat` — number, °: latitude, required; `Lat` and `Lon` = 0 — no fix, the object is not drawn\n- `Lon` — number, °: longitude, required\n- `Alt` — number, m: altitude\n- `Heading` — number, 0–360°: heading, rotates the marker\n- `Sat` — satellite count\n- `DevName` — string: object name, the marker label; without it — the group name\n- `DevSN` — string: serial number\n\n✨ **Features**\n- Keys are shared with the "Flight Display" and "About Device" — one packet feeds several widgets\n- Click an object — a card with all values, "Copy" and "Hide" buttons\n- The operator switches the track, its point count and marker timeout on the map; an object without new data turns red, after one more timeout it is hidden\n- "Show all" in the header fits all objects into view; the map never moves by itself\n- The header shows how many of the configured objects are online\n- 2D only: the right mouse button rotates the map, the compass under the zoom returns it to north\n\n⚙️ **Settings**\n- Field groups, master color\n- Map height `S`/`M`/`L`/`XL`, marker icon\n- Defaults: track and its point count',
+        zh: "🎯 **用途**\n实时对象地图：每个对象的位置、航向和轨迹。\n\n📦 **数据包**\n- 设备字段分组，每个分组一个对象：默认 `MAV`，多个用空格分隔（`MAV GNSS`）；无需绑定变量\n- 遥测流：坐标每 0.5–1 秒一次，名称和序列号频率更低\n- 仅显示，不发送任何数据\n\n🔑 **键**\n- `Lat` —— 数字，°：纬度，必需；`Lat` 和 `Lon` 为 0 —— 无定位，不绘制对象\n- `Lon` —— 数字，°：经度，必需\n- `Alt` —— 数字，m：高度\n- `Heading` —— 数字，0–360°：航向，旋转标记\n- `Sat` —— 卫星数\n- `DevName` —— 字符串：对象名称，标记标签；缺省时为分组名\n- `DevSN` —— 字符串：序列号\n\n✨ **特点**\n- 键与「飞行显示器」和「关于设备」通用 —— 一个数据包可供多个组件使用\n- 点击对象 —— 显示所有值的卡片，带「复制」和「隐藏」按钮\n- 操作员在地图上切换轨迹、轨迹点数和标记超时；无新数据的对象变红，再过一个超时后隐藏\n- 标题栏中的「显示全部」将对象纳入视野；地图本身不会自动移动\n- 标题栏显示已配置对象中在线的数量\n- 仅 2D：按住鼠标右键旋转地图，缩放按钮下方的指南针将其恢复为正北\n\n⚙️ **设置**\n- 字段分组、主色\n- 地图高度 `S`/`M`/`L`/`XL`、标记图标\n- 默认值：轨迹及其点数",
     },
     "component.info.WidgetStackInfo": {
         ru: '🎯 **Назначение**\nОтладка прошивки: свободная память и запас стека задач.\n\n📦 **Пакет данных**\n- Один объект `StackInfo` из ответа на `GET StackInfo`, привязывать переменные не нужно\n- Запрос — кнопкой «Обновить» или автоопросом\n\n🔑 **Ключи**\n- `Heap` — массив `[{ "Name", "Total", "Free", "MinFree" }]`, байт: кучи памяти — `Internal` встроенная и `PSRAM` внешняя ОЗУ у ESP, `Heap` у STM, в виджете понятными подписями; `MinFree` — минимум свободного с момента старта\n- `Tasks` — массив `[{ "Name", "State", "Prio", "Core", "FreeMin" }]`: задачи; `State` — `0` выполняется, `1` готова, `2` ждёт, `3` приостановлена, `4` удалена; `Core` — ядро (только ESP32, `-1` без привязки); `FreeMin` — минимальный запас стека, байт\n\n✨ **Особенности**\n- Светлая часть полосы кучи — пик занятости\n- Задачи отсортированы по запасу стека — самые рискованные сверху\n- Свёрнутый виджет не опрашивает устройство\n\n⚙️ **Настройки**\n- Порог запаса стека: меньше порога — красным, меньше удвоенного — оранжевым\n- Автоопрос: выкл / 1 / 5 / 10 с; мастер-цвет',
@@ -475,7 +475,7 @@ const translations = {
     "widget.wifi.allowed_modes": { ru: "Разрешённые режимы", en: "Allowed modes", zh: "允许的模式" },
     "widget.wifi.ap_confirm": { ru: "Подтверждение при включении AP", en: "Confirm when enabling AP", zh: "启用 AP 时确认" },
     "widget.wifi.scan_command": { ru: "Команда сканирования", en: "Scan command", zh: "扫描命令" },
-    "widget.info.title": { ru: "Информация об устройстве", en: "Device information", zh: "设备信息" },
+    "widget.info.title": { ru: "Об устройстве", en: "About Device", zh: "关于设备" },
     "widget.info.restart": { ru: "Перезагрузить", en: "Restart", zh: "重启" },
     "widget.info.sn": { ru: "Серийный номер", en: "Serial number", zh: "序列号" },
     "widget.info.id": { ru: "ID устройства", en: "Device ID", zh: "设备 ID" },
@@ -489,7 +489,7 @@ const translations = {
     "widget.info.web_user": { ru: "Пользователь Web", en: "Web user", zh: "Web 用户" },
     "widget.info.web_psw": { ru: "Пароль Web", en: "Web password", zh: "Web 密码" },
     "widget.info.restart_command": { ru: "Команда перезагрузки", en: "Restart command", zh: "重启命令" },
-    "widget.stack.title": { ru: "Память и задачи", en: "Memory and tasks", zh: "内存与任务" },
+    "widget.stack.title": { ru: "Стек и задачи", en: "Stack and Tasks", zh: "堆栈与任务" },
     "widget.stack.off": { ru: "Выкл", en: "Off", zh: "关" },
     "widget.stack.sec": { ru: "{n} с", en: "{n} s", zh: "{n} 秒" },
     "widget.stack.state.running": { ru: "Работает", en: "Running", zh: "运行" },
@@ -548,6 +548,7 @@ const translations = {
         en: 'Auto polling — how often to request data from the device; "Refresh" — request now',
         zh: "自动轮询——向设备请求数据的频率；“刷新”——立即请求",
     },
+    "widget.wifi.title": { ru: "WiFi", en: "WiFi", zh: "WiFi" },
     "widget.wifi.static": { ru: "Статический", en: "Static", zh: "静态" },
     "widget.wifi.hint.mode": {
         ru: "Режим Wi-Fi: клиент — устройство подключается к роутеру, точка — создаёт свою сеть, оба — одновременно; выключено — Wi-Fi не работает",
@@ -702,7 +703,7 @@ const translations = {
     "widget.stack.period": { ru: "Автоопрос по умолчанию, мс (0 — выкл)", en: "Default auto-poll, ms (0 — off)", zh: "默认自动轮询, 毫秒 (0 — 关)" },
     "widget.stack.response": { ru: "Объект ответа", en: "Response object", zh: "响应对象" },
     "widget.stack.request": { ru: "Аргумент запроса", en: "Request argument", zh: "请求参数" },
-    "widget.fs.title": { ru: "Файловая система", en: "File system", zh: "文件系统" },
+    "widget.fs.title": { ru: "Файловая система", en: "File System", zh: "文件系统" },
     "widget.fs.path": { ru: "Путь", en: "Path", zh: "路径" },
     "widget.fs.size": { ru: "Размер", en: "Size", zh: "大小" },
     "widget.fs.name_too_long": { ru: "Имя файла длиннее {n} символов", en: "File name is longer than {n} characters", zh: "文件名超过 {n} 个字符" },
@@ -717,7 +718,7 @@ const translations = {
     "widget.fs.max_name": { ru: "Максимальная длина имени", en: "Maximum name length", zh: "最大名称长度" },
     "widget.fs.state_field": { ru: "Поле состояния ФС", en: "File system state field", zh: "文件系统状态字段" },
     "widget.fs.command_arg": { ru: "Аргумент команд", en: "Command argument", zh: "命令参数" },
-    "widget.rgb.title": { ru: "Светодиодная лента", en: "LED strip", zh: "LED 灯带" },
+    "widget.rgb.title": { ru: "RGB лента", en: "RGB Strip", zh: "RGB 灯带" },
     "widget.rgb.effect.static": { ru: "Статичный", en: "Static", zh: "静态" },
     "widget.rgb.effect.rainbow": { ru: "Радуга", en: "Rainbow", zh: "彩虹" },
     "widget.rgb.effect.breath": { ru: "Дыхание", en: "Breathing", zh: "呼吸" },
@@ -771,7 +772,7 @@ const translations = {
         en: "Select the bit range within the global variable for this component.",
         zh: "为此组件选择全局变量中的位范围。",
     },
-    "pfd.title": { ru: "Пилотажный дисплей", en: "Flight display", zh: "飞行显示器" },
+    "pfd.title": { ru: "Пилотажный дисплей", en: "Flight Display", zh: "飞行显示器" },
     "pfd.fix.none": { ru: "нет", en: "none", zh: "无" },
     "pfd.sev.0": { ru: "АВАРИЯ", en: "EMERGENCY", zh: "紧急" },
     "pfd.sev.1": { ru: "ТРЕВОГА", en: "ALERT", zh: "警报" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.56.0",
+  "version": "1.58.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Oleg-Perevyshin/ElementsUI.git"