poe-svelte-ui-lib 1.22.0 → 1.22.2

package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte

@@ -12,12 +12,15 @@
   import RestartIcon from "./RestartIcon.svelte"
   import WidgetHeader from "../WidgetHeader.svelte"
   import { widgetAccentStyle } from "../widgetAccent"
+  import { readPersistedCollapsed, writePersistedCollapsed } from "../widgetCollapse"
 
   let {
     wrapperClass = "",
     componentClass = "",
     label = { name: "Информация об устройстве" },
     value = $bindable(),
+    collapsed: initialCollapsed = false,
+    persistKey,
     onSave = () => {},
     onRestart = () => {},
   }: IWidgetDeviceInfoProps = $props()
@@ -37,8 +40,10 @@
     },
   )
 
-  /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон) */
-  let collapsed = $state(false)
+  /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон), но в отличие от
+     Accordion переживает перезагрузку страницы через localStorage, если передан persistKey */
+  let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
+  $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */
   let savedSnapshot = $state(JSON.stringify(info))

package/dist/WidgetDeviceInfo/WidgetDeviceInfoProps.svelte

@@ -22,5 +22,11 @@
       value={component.properties.componentClass ?? ""}
       onUpdate={(value) => updateProperty("componentClass", value, component, onPropertyChange)}
     />
+    <UI.Switch
+      label={{ name: "Свёрнут по умолчанию" }}
+      value={component.properties.collapsed ? 1 : 0}
+      options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
+      onChange={(value) => updateProperty("collapsed", value === 1, component, onPropertyChange)}
+    />
   </div>
 </div>

package/dist/WidgetWiFi/WidgetWiFi.svelte

@@ -15,6 +15,7 @@
   import WarningIcon from "./WarningIcon.svelte"
   import WidgetHeader from "../WidgetHeader.svelte"
   import { widgetAccentStyle } from "../widgetAccent"
+  import { readPersistedCollapsed, writePersistedCollapsed } from "../widgetCollapse"
 
   let {
     wrapperClass = "",
@@ -23,6 +24,8 @@
     value = $bindable(),
     allowedModes = [1, 2, 3],
     confirmOnAP = true,
+    collapsed: initialCollapsed = false,
+    persistKey,
     onScan,
     onSave = () => {},
   }: IWidgetWiFiProps = $props()
@@ -85,8 +88,11 @@
   }
 
   /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон) — переключатель режима
-     в шапке кликом не триггерит, только сама кнопка значок+заголовок (см. WidgetHeader.svelte) */
-  let collapsed = $state(false)
+     в шапке кликом не триггерит, только сама кнопка значок+заголовок (см. WidgetHeader.svelte).
+     В отличие от Accordion (только начальное значение из GUI) — переживает перезагрузку страницы
+     через localStorage, если передан persistKey. */
+  let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
+  $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */
   let savedSnapshot = $state(JSON.stringify(cfg))

package/dist/WidgetWiFi/WidgetWiFiProps.svelte

@@ -55,6 +55,15 @@
   />
 {/snippet}
 
+{#snippet WidgetCollapsed()}
+  <UI.Switch
+    label={{ name: "Свёрнут по умолчанию" }}
+    value={component.properties.collapsed ? 1 : 0}
+    options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
+    onChange={(value) => updateProperty("collapsed", value === 1, component, onPropertyChange)}
+  />
+{/snippet}
+
 <div class="flex w-full flex-col gap-3">
   <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
     {@render WidgetLabel()}
@@ -62,4 +71,5 @@
   </div>
   {@render WidgetAllowedModes()}
   {@render WidgetColor()}
+  {@render WidgetCollapsed()}
 </div>

package/dist/types.d.ts

@@ -516,6 +516,8 @@ export interface IWidgetWiFiProps {
     value?: IWidgetWiFiConfig;
     allowedModes?: number[];
     confirmOnAP?: boolean;
+    collapsed?: boolean;
+    persistKey?: string;
     onScan?: () => Promise<{
         id: string;
         name: string;
@@ -541,6 +543,8 @@ export interface IWidgetDeviceInfoProps {
         name?: string;
     };
     value?: IWidgetDeviceInfoConfig;
+    collapsed?: boolean;
+    persistKey?: string;
     onSave?: (info: IWidgetDeviceInfoConfig) => void;
     onRestart?: () => void;
 }

package/dist/widgetCollapse.d.ts

@@ -0,0 +1,2 @@
+export declare const readPersistedCollapsed: (persistKey: string | undefined, defaultValue?: boolean) => boolean;
+export declare const writePersistedCollapsed: (persistKey: string | undefined, collapsed: boolean) => void;

package/dist/widgetCollapse.js

@@ -0,0 +1,26 @@
+/* $lib/widgetCollapse.ts — запоминание свёрнутости смарт-виджетов в localStorage браузера
+   (Accordion этого не делает — isOpen у него только начальное значение из сохранённого GUI,
+   без переживания перезагрузки; виджеты сделаны надёжнее). typeof window-проверка вместо
+   $app/environment — библиотека не должна знать про SvelteKit. */
+const STORAGE_PREFIX = "widget-collapsed:";
+export const readPersistedCollapsed = (persistKey, defaultValue = false) => {
+    if (!persistKey || typeof window === "undefined")
+        return defaultValue;
+    try {
+        const saved = window.localStorage.getItem(STORAGE_PREFIX + persistKey);
+        return saved === null ? defaultValue : saved === "1";
+    }
+    catch {
+        return defaultValue;
+    }
+};
+export const writePersistedCollapsed = (persistKey, collapsed) => {
+    if (!persistKey || typeof window === "undefined")
+        return;
+    try {
+        window.localStorage.setItem(STORAGE_PREFIX + persistKey, collapsed ? "1" : "0");
+    }
+    catch {
+        /* приватный режим/заблокировано — молча игнорируем, просто не запомнится */
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.22.0",
+  "version": "1.22.2",
   "license": "MIT",
   "type": "module",
   "scripts": {