poe-svelte-ui-lib 1.81.0 → 1.82.1

package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte

@@ -153,7 +153,13 @@
             <UI.Input label={{ name: $T("widget.info.web_user") }} bind:value={info.WebUser} maxlength={16} />
           </div>
           <div use:hint={{ text: $T("widget.info.hint.web_psw"), enabled: $hints }}>
-            <UI.Input type="password" label={{ name: $T("widget.info.web_psw") }} bind:value={info.WebPsw} maxlength={16} help={{ autocomplete: "off" }} />
+            <UI.Input
+              type="password"
+              label={{ name: $T("widget.info.web_psw") }}
+              bind:value={info.WebPsw}
+              maxlength={16}
+              help={{ autocomplete: "one-time-code" }}
+            />
           </div>
         </div>
       </div>

package/dist/WidgetRGBStrip/README.md

@@ -44,7 +44,7 @@
 
 - **Свечение** — палитра цвета, белый канал (только для модели SK6812), эффект и скорость. Каждое изменение сразу уходит в `onChange`.
 - **Оборудование** — количество светодиодов (1…`MaxCount`), модель чипа и порядок цветов. Редактируются локально и отправляются одним пакетом по «Сохранить»: прошивка пересоздаёт драйвер ленты. Пока правок нет, поля показывают свежие значения с устройства.
-- В шапке — образец текущего цвета.
+- В шапке — образец цвета первого светодиода (`Color`): оттенок без учёта яркости, как превью палитры; выбранный цвет показывается сразу, до ответа устройства. Эффекты Rainbow/Palette/Fire цвет пикселей не сообщают — образец остаётся базовым `Color`.
 
 ## Пропсы
 

package/dist/WidgetRGBStrip/WidgetRGBStrip.svelte

@@ -80,7 +80,26 @@
     onSave?.($state.snapshot(hardware))
     savedSnapshot = JSON.stringify(hardware)
   }
-  const sendColor = (rgbw: number[]) => onChange?.("Color", rgbw)
+
+  /* Образец в шапке — цвет первого светодиода: отправленный сразу, до ответа устройства; новое значение с устройства его заменяет */
+  let sentColor: number[] | null = $state(null)
+  let colorKey = $derived(color.join(","))
+  $effect(() => {
+    void colorKey
+    sentColor = null
+  })
+  /* Как превью палитры: оттенок без учёта яркости (тусклый светодиод светится тем же цветом), белый — своим уровнем */
+  let headerColor = $derived.by(() => {
+    const [r, g, b] = sentColor ?? color
+    const max = Math.max(r, g, b)
+    if (max === 0 || (r === g && g === b)) return [r, g, b]
+    return [r, g, b].map((c) => Math.round((c / max) * 255))
+  })
+
+  const sendColor = (rgbw: number[]) => {
+    sentColor = rgbw
+    onChange?.("Color", rgbw)
+  }
 </script>
 
 <div
@@ -92,7 +111,7 @@
     {#snippet right()}
       <span
         class="size-6 rounded-md border border-(--hairline-color)"
-        style="background: rgb({color[0]}, {color[1]}, {color[2]})"
+        style="background: rgb({headerColor[0]}, {headerColor[1]}, {headerColor[2]})"
         title={$T("widget.rgb.current_color")}
       ></span>
     {/snippet}

package/dist/WidgetWiFi/README.md

@@ -34,18 +34,18 @@
 
 ## Пропсы
 
-| Название         | Тип                                                            | По умолчанию       | Описание                                                                                                                                       |
-| ---------------- | -------------------------------------------------------------- | ------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- |
-| `wrapperClass`   | `string`                                                       | `""`               | CSS-классы для обёртки компонента                                                                                                              |
-| `componentClass` | `string`                                                       | `""`               | "Мастер-цвет" виджета — роль вида `"bg-red"` (см. `optionsStore.COLOR_OPTIONS`); перекрашивает значок, сегмент-контролы и фокус-кольцо у полей |
-| `label`          | `{ name?: string }`                                            | `{ name: "WiFi" }` | Заголовок карточки                                                                                                                             |
-| `value`          | `IWidgetWiFiConfig`                                            | внутренний дефолт  | Текущая конфигурация WiFi                                                                                                                      |
-| `allowedModes`   | `number[]`                                                     | `[1, 2, 3]`        | Какие режимы показывать в сегмент-контроле (1=STA, 2=AP, 3=STA+AP)                                                                             |
-| `confirmOnAP`    | `boolean`                                                      | `true`             | Показывать предупреждение при сохранении чистого режима AP                                                                                     |
-| `collapsed`      | `boolean`                                                      | `false`            | Свёрнуто ли тело виджета (заголовок остаётся); поддерживает двустороннее связывание (`$bindable`)                                              |
-| `persistKey`     | `string`                                                       | `undefined`        | Ключ для сохранения состояния `collapsed` в `localStorage` — при заданном ключе сворачивание переживает перезагрузку страницы                  |
-| `onScan`         | `() => Promise<{ id: string; name: string; value: string }[]>` | `undefined`        | Обработчик сканирования сетей (в проде — `Header: GET, Argument: APsList`)                                                                     |
-| `onSave`         | `(config: IWidgetWiFiConfig) => void`                          | `undefined`        | Срабатывает при нажатии "Сохранить" — конфиг уходит одним пакетом                                                                              |
+| Название         | Тип                                                            | По умолчанию       | Описание                                                                                                                                                            |
+| ---------------- | -------------------------------------------------------------- | ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `wrapperClass`   | `string`                                                       | `""`               | CSS-классы для обёртки компонента                                                                                                                                   |
+| `componentClass` | `string`                                                       | `""`               | "Мастер-цвет" виджета — роль вида `"bg-red"` (см. `optionsStore.COLOR_OPTIONS`); перекрашивает значок, сегмент-контролы и фокус-кольцо у полей                      |
+| `label`          | `{ name?: string }`                                            | `{ name: "WiFi" }` | Заголовок карточки                                                                                                                                                  |
+| `value`          | `IWidgetWiFiConfig`                                            | внутренний дефолт  | Текущая конфигурация WiFi                                                                                                                                           |
+| `allowedModes`   | `number[]`                                                     | `[1, 2, 3]`        | Какие режимы показывать в сегмент-контроле (1=STA, 2=AP, 3=STA+AP)                                                                                                  |
+| `confirmOnAP`    | `boolean`                                                      | `true`             | Показывать предупреждение при сохранении чистого режима AP                                                                                                          |
+| `collapsed`      | `boolean`                                                      | `false`            | Свёрнуто ли тело виджета (заголовок остаётся); поддерживает двустороннее связывание (`$bindable`)                                                                   |
+| `persistKey`     | `string`                                                       | `undefined`        | Ключ для сохранения состояния `collapsed` в `localStorage` — при заданном ключе сворачивание переживает перезагрузку страницы                                       |
+| `onScan`         | `() => Promise<{ id: string; name: string; value: string }[]>` | `undefined`        | Обработчик сканирования сетей (в проде — `Header: GET, Argument: APsList`): `name` — подпись в списке (SSID, RSSI, канал), `value` — SSID, он и пишется в `StaSSID` |
+| `onSave`         | `(config: IWidgetWiFiConfig) => void`                          | `undefined`        | Срабатывает при нажатии "Сохранить" — конфиг уходит одним пакетом                                                                                                   |
 
 ### IWidgetWiFiConfig
 

package/dist/WidgetWiFi/WidgetWiFi.svelte

@@ -175,7 +175,7 @@
                 label={{ name: $T("widget.wifi.ssid") }}
                 value={{ id: "current", name: cfg.StaSSID, value: cfg.StaSSID }}
                 options={foundNetworks}
-                onUpdate={(option) => (cfg.StaSSID = (option as IOption<string>).name ?? "")}
+                onUpdate={(option) => (cfg.StaSSID = String((option as IOption<string>).value ?? (option as IOption<string>).name ?? ""))}
               />
             </div>
             <UI.Button
@@ -187,12 +187,14 @@
             />
           </div>
 
+          <!-- one-time-code: менеджер паролей браузера не считает поле паролем входа и не накрывает список сетей у SSID
+               своими сохранёнными логинами (autocomplete="off" для паролей Chrome игнорирует) -->
           <UI.Input
             type="password"
             label={{ name: $T("widget.common.password") }}
             bind:value={cfg.StaPSK}
             maxlength={64}
-            help={{ autocomplete: "off", regExp: PSK_REGEXP }}
+            help={{ autocomplete: "one-time-code", regExp: PSK_REGEXP }}
           />
 
           <div class="w-48" use:hint={{ text: $T("widget.wifi.hint.ip_mode"), enabled: $hints }}>
@@ -254,7 +256,7 @@
               label={{ name: $T("widget.common.password") }}
               bind:value={cfg.ApPSK}
               maxlength={64}
-              help={{ autocomplete: "off", regExp: PSK_REGEXP }}
+              help={{ autocomplete: "one-time-code", regExp: PSK_REGEXP }}
             />
           </div>
 

package/dist/protocols/PROTOCOL.md

@@ -59,12 +59,12 @@
 
 ## 🚌 Транспорты
 
-| Канал        | Передача                                                                                                                             |
-| ------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
-| CAN / CAN FD | Кадры по 8 / 64 байта; 11-битный ID: бит 10 — последний фрагмент, биты 9-0 — номер пакета; паддинг CAN FD отрезается по длине пакета |
-| RS485        | Сырой поток: начало `0x9F 0x85`, пауза приёма (20 мс) сбрасывает недособранный хвост, мусор сдвигается по байту                      |
-| LoRa         | Пакет целиком в радиокадре                                                                                                           |
-| UART-консоль | Сырой поток вперемешку с текстом загрузчика: начало `0x9F 0x85`, остальное — текст (RAW), хвост сбрасывается после 100 мс тишины     |
+| Канал        | Передача                                                                                                                                                                                                |
+| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| CAN / CAN FD | Кадры по 8 / 64 байта; 11-битный ID: бит 10 — последний фрагмент, биты 9-0 — номер пакета; паддинг CAN FD отрезается по длине пакета                                                                    |
+| RS485        | Сырой поток: начало `0x9F 0x85`, пауза приёма сбрасывает недособранный хвост (прошивка — 20 мс, `createPacketStreamParser` на ПК — 100 мс: USB-адаптер отдаёт байты пачками), мусор сдвигается по байту |
+| LoRa         | Пакет целиком в радиокадре                                                                                                                                                                              |
+| UART-консоль | Сырой поток вперемешку с текстом загрузчика: начало `0x9F 0x85`, остальное — текст (RAW), хвост сбрасывается после 100 мс тишины                                                                        |
 
 ## 🐞 Консоль: отладочные пакеты
 

package/dist/types.d.ts

@@ -205,7 +205,7 @@ export interface IInputProps {
         info?: string;
         copyButton?: boolean;
         regExp?: string | RegExp;
-        autocomplete?: "on" | "off" | "given-name" | "family-name" | "nickname" | "username" | "new-password" | "current-password" | "organization-title" | "country-name" | "address-level1" | "address-level2" | "street-address" | "postal-code" | "email" | "tel" | null;
+        autocomplete?: "on" | "off" | "given-name" | "family-name" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "country-name" | "address-level1" | "address-level2" | "street-address" | "postal-code" | "email" | "tel" | null;
     };
     onUpdate?: (value: string | number) => void;
 }

package/package.json

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