poe-svelte-ui-lib 1.23.0 → 1.23.1

package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte

@@ -19,7 +19,7 @@
     componentClass = "",
     label = { name: "Информация об устройстве" },
     value = $bindable(),
-    collapsed: initialCollapsed = false,
+    collapsed = $bindable(false),
     persistKey,
     onSave = () => {},
     onRestart = () => {},
@@ -40,9 +40,18 @@
     },
   )
 
-  /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон), но в отличие от
-     Accordion переживает перезагрузку страницы через localStorage, если передан persistKey */
-  let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
+  /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон). collapsed — bindable:
+     в конструкторе родитель биндит его на component.properties.collapsed, клик по шапке сразу
+     сохраняется в GUI (как isOpen у Accordion в ConstructorUI.svelte). На реальном устройстве
+     (GUIPreview) проп передаётся однонаправленно — поверх дефолта только переживает перезагрузку
+     через localStorage (persistKey). */
+  let hasMergedPersisted = false
+  $effect(() => {
+    if (hasMergedPersisted) return
+    hasMergedPersisted = true
+    const persisted = readPersistedCollapsed(persistKey, collapsed)
+    if (persisted !== collapsed) collapsed = persisted
+  })
   $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */

package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte.d.ts

@@ -1,4 +1,4 @@
 import * as UI from "..";
-declare const WidgetDeviceInfo: import("svelte").Component<UI.IWidgetDeviceInfoProps, {}, "value">;
+declare const WidgetDeviceInfo: import("svelte").Component<UI.IWidgetDeviceInfoProps, {}, "value" | "collapsed">;
 type WidgetDeviceInfo = ReturnType<typeof WidgetDeviceInfo>;
 export default WidgetDeviceInfo;

package/dist/WidgetDeviceInfo/WidgetDeviceInfoProps.svelte

@@ -13,24 +13,14 @@
   }>()
 </script>
 
-<div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
-  <PropsGroup label={$T("constructor.props.group.general")}>
-    <UI.Input
-      label={{ name: "Заголовок" }}
-      value={component.properties.label?.name}
-      onUpdate={(value) => updateProperty("label.name", value as string, component, onPropertyChange)}
-    />
-    <WidgetAccentPicker
-      value={component.properties.componentClass ?? ""}
-      onUpdate={(value) => updateProperty("componentClass", value, component, onPropertyChange)}
-    />
-  </PropsGroup>
-  <PropsGroup label={$T("constructor.props.group.behavior")}>
-    <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)}
-    />
-  </PropsGroup>
-</div>
+<PropsGroup label={$T("constructor.props.group.general")}>
+  <UI.Input
+    label={{ name: "Заголовок" }}
+    value={component.properties.label?.name}
+    onUpdate={(value) => updateProperty("label.name", value as string, component, onPropertyChange)}
+  />
+  <WidgetAccentPicker
+    value={component.properties.componentClass ?? ""}
+    onUpdate={(value) => updateProperty("componentClass", value, component, onPropertyChange)}
+  />
+</PropsGroup>

package/dist/WidgetWiFi/WidgetWiFi.svelte

@@ -24,7 +24,7 @@
     value = $bindable(),
     allowedModes = [1, 2, 3],
     confirmOnAP = true,
-    collapsed: initialCollapsed = false,
+    collapsed = $bindable(false),
     persistKey,
     onScan,
     onSave = () => {},
@@ -89,9 +89,17 @@
 
   /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон) — переключатель режима
      в шапке кликом не триггерит, только сама кнопка значок+заголовок (см. WidgetHeader.svelte).
-     В отличие от Accordion (только начальное значение из GUI) — переживает перезагрузку страницы
-     через localStorage, если передан persistKey. */
-  let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
+     collapsed — bindable: в конструкторе родитель биндит его на component.properties.collapsed,
+     клик по шапке сразу сохраняется в GUI (как isOpen у Accordion в ConstructorUI.svelte). На
+     реальном устройстве (GUIPreview) проп передаётся однонаправленно — локальные изменения не
+     утекают наверх, поверх дефолта только переживают перезагрузку через localStorage (persistKey). */
+  let hasMergedPersisted = false
+  $effect(() => {
+    if (hasMergedPersisted) return
+    hasMergedPersisted = true
+    const persisted = readPersistedCollapsed(persistKey, collapsed)
+    if (persisted !== collapsed) collapsed = persisted
+  })
   $effect(() => writePersistedCollapsed(persistKey, collapsed))
 
   /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */

package/dist/WidgetWiFi/WidgetWiFi.svelte.d.ts

@@ -1,4 +1,4 @@
 import * as UI from "..";
-declare const WidgetWiFi: import("svelte").Component<UI.IWidgetWiFiProps, {}, "value">;
+declare const WidgetWiFi: import("svelte").Component<UI.IWidgetWiFiProps, {}, "value" | "collapsed">;
 type WidgetWiFi = ReturnType<typeof WidgetWiFi>;
 export default WidgetWiFi;

package/dist/WidgetWiFi/WidgetWiFiProps.svelte

@@ -57,15 +57,6 @@
   />
 {/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="grid grid-cols-1 gap-3 sm:grid-cols-2">
   <PropsGroup label={$T("constructor.props.group.general")}>
     {@render WidgetLabel()}
@@ -74,6 +65,5 @@
   </PropsGroup>
   <PropsGroup label={$T("constructor.props.group.behavior")}>
     {@render WidgetConfirmAP()}
-    {@render WidgetCollapsed()}
   </PropsGroup>
 </div>

package/package.json

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