poe-svelte-ui-lib 1.23.0 → 1.23.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/Accordion/AccordionProps.svelte +2 -2
  2. package/dist/Button/ButtonProps.svelte +2 -2
  3. package/dist/ColorPicker/ColorPickerProps.svelte +2 -2
  4. package/dist/Divider/DividerProps.svelte +2 -2
  5. package/dist/FileAttach/FileAttachProps.svelte +2 -2
  6. package/dist/Graph/GraphProps.svelte +2 -2
  7. package/dist/Input/InputProps.svelte +2 -2
  8. package/dist/Joystick/JoystickProps.svelte +2 -2
  9. package/dist/Map/MapProps.svelte +2 -2
  10. package/dist/PeriodChart/PeriodChartProps.svelte +2 -2
  11. package/dist/ProgressBar/ProgressBarProps.svelte +2 -2
  12. package/dist/PropsGroup.svelte +3 -3
  13. package/dist/Select/SelectProps.svelte +2 -2
  14. package/dist/Slider/SliderProps.svelte +2 -2
  15. package/dist/Switch/SwitchProps.svelte +2 -2
  16. package/dist/Table/TableProps.svelte +2 -2
  17. package/dist/Tabs/TabsProps.svelte +2 -2
  18. package/dist/TextField/TextFieldProps.svelte +2 -2
  19. package/dist/VideoViewer/VideoViewerProps.svelte +2 -2
  20. package/dist/Widget/WidgetProps.svelte +2 -2
  21. package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte +13 -4
  22. package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte.d.ts +1 -1
  23. package/dist/WidgetDeviceInfo/WidgetDeviceInfoProps.svelte +11 -21
  24. package/dist/WidgetWiFi/WidgetWiFi.svelte +12 -4
  25. package/dist/WidgetWiFi/WidgetWiFi.svelte.d.ts +1 -1
  26. package/dist/WidgetWiFi/WidgetWiFiProps.svelte +1 -11
  27. package/package.json +1 -1
package/dist/Accordion/AccordionProps.svelte CHANGED
@@ -93,7 +93,7 @@
93
93
  {/snippet}
94
94
 
95
95
  {#if forConstructor}
96
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
96
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
97
97
  <PropsGroup label={$T("constructor.props.group.general")}>
98
98
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
99
99
  </PropsGroup>
@@ -117,7 +117,7 @@
117
117
  </PropsGroup>
118
118
  </div>
119
119
  {:else}
120
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
120
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
121
121
  <PropsGroup label={$T("constructor.props.group.general")}>
122
122
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
123
123
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Button/ButtonProps.svelte CHANGED
@@ -166,7 +166,7 @@
166
166
  {/snippet}
167
167
 
168
168
  {#if forConstructor}
169
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
169
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
170
170
  <PropsGroup label={$T("constructor.props.group.general")}>
171
171
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
172
172
  {@render ButtonHeaderArgument()}
@@ -192,7 +192,7 @@
192
192
  </PropsGroup>
193
193
  </div>
194
194
  {:else}
195
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
195
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
196
196
  <PropsGroup label={$T("constructor.props.group.general")}>
197
197
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
198
198
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/ColorPicker/ColorPickerProps.svelte CHANGED
@@ -59,7 +59,7 @@
59
59
  {/snippet}
60
60
 
61
61
  {#if forConstructor}
62
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
62
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
63
63
  <PropsGroup label={$T("constructor.props.group.general")}>
64
64
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
65
65
  </PropsGroup>
@@ -73,7 +73,7 @@
73
73
  </PropsGroup>
74
74
  </div>
75
75
  {:else}
76
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
76
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
77
77
  <PropsGroup label={$T("constructor.props.group.general")}>
78
78
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
79
79
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Divider/DividerProps.svelte CHANGED
@@ -65,7 +65,7 @@
65
65
  {/snippet}
66
66
 
67
67
  {#if forConstructor}
68
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
68
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
69
69
  <PropsGroup label={$T("constructor.props.group.general")}>
70
70
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
71
71
  {@render DividerType()}
@@ -79,7 +79,7 @@
79
79
  </PropsGroup>
80
80
  </div>
81
81
  {:else}
82
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
82
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
83
83
  <PropsGroup label={$T("constructor.props.group.general")}>
84
84
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
85
85
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/FileAttach/FileAttachProps.svelte CHANGED
@@ -82,7 +82,7 @@
82
82
  {/snippet}
83
83
 
84
84
  {#if forConstructor}
85
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
85
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
86
86
  <PropsGroup label={$T("constructor.props.group.general")}>
87
87
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
88
88
  </PropsGroup>
@@ -95,7 +95,7 @@
95
95
  </PropsGroup>
96
96
  </div>
97
97
  {:else}
98
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
98
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
99
99
  <PropsGroup label={$T("constructor.props.group.general")}>
100
100
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
101
101
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Graph/GraphProps.svelte CHANGED
@@ -49,7 +49,7 @@
49
49
  {/snippet}
50
50
 
51
51
  {#if forConstructor}
52
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
52
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
53
53
  <PropsGroup label={$T("constructor.props.group.general")}>
54
54
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
55
55
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -64,7 +64,7 @@
64
64
  </PropsGroup>
65
65
  </div>
66
66
  {:else}
67
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
67
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
68
68
  <PropsGroup label={$T("constructor.props.group.general")}>
69
69
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
70
70
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Input/InputProps.svelte CHANGED
@@ -377,7 +377,7 @@
377
377
  {/snippet}
378
378
 
379
379
  {#if forConstructor}
380
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
380
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
381
381
  <PropsGroup label={$T("constructor.props.group.general")}>
382
382
  {@render InputAccess()}
383
383
  {@render InputVariable()}
@@ -398,7 +398,7 @@
398
398
  </PropsGroup>
399
399
  </div>
400
400
  {:else}
401
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
401
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
402
402
  <PropsGroup label={$T("constructor.props.group.general")}>
403
403
  {@render InputIdentificator()}
404
404
  {@render InputWrapperClass()}
package/dist/Joystick/JoystickProps.svelte CHANGED
@@ -82,7 +82,7 @@
82
82
 
83
83
  {#if forConstructor}
84
84
  <div>
85
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
85
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
86
86
  <PropsGroup label={$T("constructor.props.group.general")}>
87
87
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
88
88
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -111,7 +111,7 @@
111
111
  </div>
112
112
  {:else}
113
113
  <div>
114
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
114
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
115
115
  <PropsGroup label={$T("constructor.props.group.general")}>
116
116
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
117
117
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Map/MapProps.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  </script>
32
32
 
33
33
  {#if forConstructor}
34
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
34
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
35
35
  <PropsGroup label={$T("constructor.props.group.general")}>
36
36
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
37
37
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -70,7 +70,7 @@
70
70
  </PropsGroup>
71
71
  </div>
72
72
  {:else}
73
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
73
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
74
74
  <PropsGroup label={$T("constructor.props.group.general")}>
75
75
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
76
76
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
package/dist/PeriodChart/PeriodChartProps.svelte CHANGED
@@ -147,7 +147,7 @@
147
147
  {/snippet}
148
148
 
149
149
  {#if forConstructor}
150
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
150
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
151
151
  <PropsGroup label={$T("constructor.props.group.general")}>
152
152
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
153
153
  <CommonSnippets snippet="Colors" initialValue={{ color: initialColor, uselessColors: ["bg-max"] }} {component} {onPropertyChange} />
@@ -159,7 +159,7 @@
159
159
  </div>
160
160
  {@render PeriodChartLevels()}
161
161
  {:else}
162
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
162
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
163
163
  <PropsGroup label={$T("constructor.props.group.general")}>
164
164
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
165
165
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/ProgressBar/ProgressBarProps.svelte CHANGED
@@ -155,7 +155,7 @@
155
155
  {/snippet}
156
156
 
157
157
  {#if forConstructor}
158
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
158
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
159
159
  <PropsGroup label={$T("constructor.props.group.general")}>
160
160
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
161
161
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -183,7 +183,7 @@
183
183
  </div>
184
184
  {@render ProgressBarOptions()}
185
185
  {:else}
186
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
186
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
187
187
  <PropsGroup label={$T("constructor.props.group.general")}>
188
188
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
189
189
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
package/dist/PropsGroup.svelte CHANGED
@@ -22,18 +22,18 @@
22
22
  } = $props()
23
23
  </script>
24
24
 
25
- <div class={twMerge("flex flex-col gap-2 rounded-[10px] border border-(--hairline-color) bg-(--back-color) p-3", wrapperClass)}>
25
+ <div class={twMerge("flex flex-col gap-1.5 rounded-[10px] border border-(--hairline-color) bg-(--back-color) p-2", wrapperClass)}>
26
26
  {#if label || headerActions}
27
27
  <div class="flex items-center justify-between gap-2">
28
28
  {#if label}
29
- <span class="text-[12px] font-semibold text-(--muted-color)">{label}</span>
29
+ <span class="text-[11px] font-semibold text-(--muted-color)">{label}</span>
30
30
  {/if}
31
31
  {#if headerActions}
32
32
  {@render headerActions()}
33
33
  {/if}
34
34
  </div>
35
35
  {/if}
36
- <div class={twMerge("flex flex-col gap-2", contentClass)}>
36
+ <div class={twMerge("flex flex-col gap-1.5", contentClass)}>
37
37
  {@render children()}
38
38
  </div>
39
39
  </div>
package/dist/Select/SelectProps.svelte CHANGED
@@ -267,7 +267,7 @@
267
267
  {/snippet}
268
268
 
269
269
  {#if forConstructor}
270
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
270
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
271
271
  <PropsGroup label={$T("constructor.props.group.general")}>
272
272
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
273
273
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -287,7 +287,7 @@
287
287
  </div>
288
288
  {@render SelectOptions()}
289
289
  {:else}
290
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
290
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
291
291
  <PropsGroup label={$T("constructor.props.group.general")}>
292
292
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
293
293
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Slider/SliderProps.svelte CHANGED
@@ -55,7 +55,7 @@
55
55
  {/snippet}
56
56
 
57
57
  {#if forConstructor}
58
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
58
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
59
59
  <PropsGroup label={$T("constructor.props.group.general")}>
60
60
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
61
61
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -83,7 +83,7 @@
83
83
  </PropsGroup>
84
84
  </div>
85
85
  {:else}
86
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
86
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
87
87
  <PropsGroup label={$T("constructor.props.group.general")}>
88
88
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
89
89
  <CommonSnippets snippet="WrapperClass" {component} {onPropertyChange} />
package/dist/Switch/SwitchProps.svelte CHANGED
@@ -186,7 +186,7 @@
186
186
  {/snippet}
187
187
 
188
188
  {#if forConstructor}
189
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
189
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
190
190
  <PropsGroup label={$T("constructor.props.group.general")}>
191
191
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
192
192
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -229,7 +229,7 @@
229
229
  {@render SwitchOptions()}
230
230
  {/if}
231
231
  {:else}
232
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
232
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
233
233
  <PropsGroup label={$T("constructor.props.group.general")}>
234
234
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
235
235
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Table/TableProps.svelte CHANGED
@@ -527,7 +527,7 @@
527
527
  {/snippet}
528
528
 
529
529
  {#if forConstructor}
530
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
530
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
531
531
  <PropsGroup label={$T("constructor.props.group.general")}>
532
532
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
533
533
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -556,7 +556,7 @@
556
556
  </div>
557
557
  {@render TableColumnSettings(forConstructor)}
558
558
  {:else}
559
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
559
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
560
560
  <PropsGroup label={$T("constructor.props.group.general")}>
561
561
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
562
562
  <CommonSnippets snippet="WrapperClass" {component} {onPropertyChange} />
package/dist/Tabs/TabsProps.svelte CHANGED
@@ -201,7 +201,7 @@
201
201
  {/snippet}
202
202
 
203
203
  {#if forConstructor}
204
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
204
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
205
205
  <PropsGroup label={$T("constructor.props.group.general")}>
206
206
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
207
207
  <CommonSnippets snippet="Colors" initialValue={{ color: initialColor, uselessColors: ["bg-max"] }} {component} {onPropertyChange} />
@@ -213,7 +213,7 @@
213
213
  </div>
214
214
  {@render TabsSettings()}
215
215
  {:else}
216
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
216
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
217
217
  <PropsGroup label={$T("constructor.props.group.general")}>
218
218
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
219
219
  <CommonSnippets snippet="WrapperClass" {component} {onPropertyChange} />
package/dist/TextField/TextFieldProps.svelte CHANGED
@@ -125,7 +125,7 @@
125
125
  {/snippet}
126
126
 
127
127
  {#if forConstructor}
128
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
128
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
129
129
  <PropsGroup label={$T("constructor.props.group.general")}>
130
130
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
131
131
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -141,7 +141,7 @@
141
141
  </PropsGroup>
142
142
  </div>
143
143
  {:else}
144
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
144
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
145
145
  <PropsGroup label={$T("constructor.props.group.general")}>
146
146
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
147
147
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/VideoViewer/VideoViewerProps.svelte CHANGED
@@ -47,7 +47,7 @@
47
47
  {/snippet}
48
48
 
49
49
  {#if forConstructor}
50
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
50
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
51
51
  <PropsGroup label={$T("constructor.props.group.general")}>
52
52
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
53
53
  </PropsGroup>
@@ -63,7 +63,7 @@
63
63
  </PropsGroup>
64
64
  </div>
65
65
  {:else}
66
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
66
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
67
67
  <PropsGroup label={$T("constructor.props.group.general")}>
68
68
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
69
69
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/Widget/WidgetProps.svelte CHANGED
@@ -122,7 +122,7 @@
122
122
  {/snippet}
123
123
 
124
124
  {#if forConstructor}
125
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
125
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
126
126
  <PropsGroup label={$T("constructor.props.group.general")}>
127
127
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
128
128
  <CommonSnippets snippet="Variable" {VARIABLE_OPTIONS} {component} {onPropertyChange} />
@@ -158,7 +158,7 @@
158
158
  </PropsGroup>
159
159
  </div>
160
160
  {:else}
161
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3">
161
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4">
162
162
  <PropsGroup label={$T("constructor.props.group.general")}>
163
163
  <CommonSnippets snippet="Identificator" {component} {onPropertyChange} />
164
164
  <CommonSnippets snippet="Access" {component} {onPropertyChange} />
package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte CHANGED
@@ -19,7 +19,7 @@
19
19
  componentClass = "",
20
20
  label = { name: "Информация об устройстве" },
21
21
  value = $bindable(),
22
- collapsed: initialCollapsed = false,
22
+ collapsed = $bindable(false),
23
23
  persistKey,
24
24
  onSave = () => {},
25
25
  onRestart = () => {},
@@ -40,9 +40,18 @@
40
40
  },
41
41
  )
42
42
 
43
- /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон), но в отличие от
44
- Accordion переживает перезагрузку страницы через localStorage, если передан persistKey */
45
- let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
43
+ /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон). collapsed — bindable:
44
+ в конструкторе родитель биндит его на component.properties.collapsed, клик по шапке сразу
45
+ сохраняется в GUI (как isOpen у Accordion в ConstructorUI.svelte). На реальном устройстве
46
+ (GUIPreview) проп передаётся однонаправленно — поверх дефолта только переживает перезагрузку
47
+ через localStorage (persistKey). */
48
+ let hasMergedPersisted = false
49
+ $effect(() => {
50
+ if (hasMergedPersisted) return
51
+ hasMergedPersisted = true
52
+ const persisted = readPersistedCollapsed(persistKey, collapsed)
53
+ if (persisted !== collapsed) collapsed = persisted
54
+ })
46
55
  $effect(() => writePersistedCollapsed(persistKey, collapsed))
47
56
 
48
57
  /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */
package/dist/WidgetDeviceInfo/WidgetDeviceInfo.svelte.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as UI from "..";
2
- declare const WidgetDeviceInfo: import("svelte").Component<UI.IWidgetDeviceInfoProps, {}, "value">;
2
+ declare const WidgetDeviceInfo: import("svelte").Component<UI.IWidgetDeviceInfoProps, {}, "value" | "collapsed">;
3
3
  type WidgetDeviceInfo = ReturnType<typeof WidgetDeviceInfo>;
4
4
  export default WidgetDeviceInfo;
package/dist/WidgetDeviceInfo/WidgetDeviceInfoProps.svelte CHANGED
@@ -13,24 +13,14 @@
13
13
  }>()
14
14
  </script>
15
15
 
16
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
17
- <PropsGroup label={$T("constructor.props.group.general")}>
18
- <UI.Input
19
- label={{ name: "Заголовок" }}
20
- value={component.properties.label?.name}
21
- onUpdate={(value) => updateProperty("label.name", value as string, component, onPropertyChange)}
22
- />
23
- <WidgetAccentPicker
24
- value={component.properties.componentClass ?? ""}
25
- onUpdate={(value) => updateProperty("componentClass", value, component, onPropertyChange)}
26
- />
27
- </PropsGroup>
28
- <PropsGroup label={$T("constructor.props.group.behavior")}>
29
- <UI.Switch
30
- label={{ name: "Свёрнут по умолчанию" }}
31
- value={component.properties.collapsed ? 1 : 0}
32
- options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
33
- onChange={(value) => updateProperty("collapsed", value === 1, component, onPropertyChange)}
34
- />
35
- </PropsGroup>
36
- </div>
16
+ <PropsGroup label={$T("constructor.props.group.general")}>
17
+ <UI.Input
18
+ label={{ name: "Заголовок" }}
19
+ value={component.properties.label?.name}
20
+ onUpdate={(value) => updateProperty("label.name", value as string, component, onPropertyChange)}
21
+ />
22
+ <WidgetAccentPicker
23
+ value={component.properties.componentClass ?? ""}
24
+ onUpdate={(value) => updateProperty("componentClass", value, component, onPropertyChange)}
25
+ />
26
+ </PropsGroup>
package/dist/WidgetWiFi/WidgetWiFi.svelte CHANGED
@@ -24,7 +24,7 @@
24
24
  value = $bindable(),
25
25
  allowedModes = [1, 2, 3],
26
26
  confirmOnAP = true,
27
- collapsed: initialCollapsed = false,
27
+ collapsed = $bindable(false),
28
28
  persistKey,
29
29
  onScan,
30
30
  onSave = () => {},
@@ -89,9 +89,17 @@
89
89
 
90
90
  /* Сворачивание тела виджета по клику на значок/заголовок (как аккордеон) — переключатель режима
91
91
  в шапке кликом не триггерит, только сама кнопка значок+заголовок (см. WidgetHeader.svelte).
92
- В отличие от Accordion (только начальное значение из GUI) — переживает перезагрузку страницы
93
- через localStorage, если передан persistKey. */
94
- let collapsed = $state(readPersistedCollapsed(persistKey, initialCollapsed))
92
+ collapsed — bindable: в конструкторе родитель биндит его на component.properties.collapsed,
93
+ клик по шапке сразу сохраняется в GUI (как isOpen у Accordion в ConstructorUI.svelte). На
94
+ реальном устройстве (GUIPreview) проп передаётся однонаправленно — локальные изменения не
95
+ утекают наверх, поверх дефолта только переживают перезагрузку через localStorage (persistKey). */
96
+ let hasMergedPersisted = false
97
+ $effect(() => {
98
+ if (hasMergedPersisted) return
99
+ hasMergedPersisted = true
100
+ const persisted = readPersistedCollapsed(persistKey, collapsed)
101
+ if (persisted !== collapsed) collapsed = persisted
102
+ })
95
103
  $effect(() => writePersistedCollapsed(persistKey, collapsed))
96
104
 
97
105
  /* Поля редактируются локально (как Argument: NoSend в реальной GUI) — отправка одним пакетом по кнопке */
package/dist/WidgetWiFi/WidgetWiFi.svelte.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import * as UI from "..";
2
- declare const WidgetWiFi: import("svelte").Component<UI.IWidgetWiFiProps, {}, "value">;
2
+ declare const WidgetWiFi: import("svelte").Component<UI.IWidgetWiFiProps, {}, "value" | "collapsed">;
3
3
  type WidgetWiFi = ReturnType<typeof WidgetWiFi>;
4
4
  export default WidgetWiFi;
package/dist/WidgetWiFi/WidgetWiFiProps.svelte CHANGED
@@ -57,16 +57,7 @@
57
57
  />
58
58
  {/snippet}
59
59
 
60
- {#snippet WidgetCollapsed()}
61
- <UI.Switch
62
- label={{ name: "Свёрнут по умолчанию" }}
63
- value={component.properties.collapsed ? 1 : 0}
64
- options={[{ id: crypto.randomUUID(), value: 0, class: "" }]}
65
- onChange={(value) => updateProperty("collapsed", value === 1, component, onPropertyChange)}
66
- />
67
- {/snippet}
68
-
69
- <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
60
+ <div class="grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3">
70
61
  <PropsGroup label={$T("constructor.props.group.general")}>
71
62
  {@render WidgetLabel()}
72
63
  {@render WidgetAllowedModes()}
@@ -74,6 +65,5 @@
74
65
  </PropsGroup>
75
66
  <PropsGroup label={$T("constructor.props.group.behavior")}>
76
67
  {@render WidgetConfirmAP()}
77
- {@render WidgetCollapsed()}
78
68
  </PropsGroup>
79
69
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "poe-svelte-ui-lib",
3
- "version": "1.23.0",
3
+ "version": "1.23.2",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "scripts": {