poe-svelte-ui-lib 1.22.1 → 1.22.2

package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte

@@ -19,6 +19,7 @@
     componentClass = "",
     label = { name: "Информация об устройстве" },
     value = $bindable(),
+    collapsed: initialCollapsed = false,
     persistKey,
     onSave = () => {},
     onRestart = () => {},
@@ -41,7 +42,7 @@
 
   /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон), но в отличие от
      Accordion переживает перезагрузку страницы через localStorage, если передан persistKey */
-  let collapsed = $state(readPersistedCollapsed(persistKey))
+  let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
   $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */

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

@@ -24,6 +24,7 @@
     value = $bindable(),
     allowedModes = [1, 2, 3],
     confirmOnAP = true,
+    collapsed: initialCollapsed = false,
     persistKey,
     onScan,
     onSave = () => {},
@@ -90,7 +91,7 @@
      в шапке кликом не триггерит, только сама кнопка значок+заголовок (см. WidgetHeader.svelte).
      В отличие от Accordion (только начальное значение из GUI) — переживает перезагрузку страницы
      через localStorage, если передан persistKey. */
-  let collapsed = $state(readPersistedCollapsed(persistKey))
+  let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
   $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */

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

package/dist/widgetCollapse.d.ts

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

package/dist/widgetCollapse.js

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

package/package.json

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