@webmcp-auto-ui/ui 2.5.15 → 2.5.17

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/wm/FlexLayout.svelte +35 -33
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webmcp-auto-ui/ui",
3
- "version": "2.5.15",
3
+ "version": "2.5.17",
4
4
  "description": "Svelte 5 UI components — primitives, widgets, window manager",
5
5
  "license": "AGPL-3.0-or-later",
6
6
  "type": "module",
package/src/wm/FlexLayout.svelte CHANGED
@@ -39,40 +39,42 @@
39
39
 
40
40
  <div class="relative w-full h-full overflow-y-auto" bind:this={el}>
41
41
 
42
- {#if showSlider && !mobile}
43
- <div class="sticky top-0 z-10 flex items-center justify-end px-3 py-1.5 gap-2">
44
- <label class="flex items-center gap-2 font-mono text-[10px] text-text2 select-none">
45
- <span>Size</span>
46
- <input type="range" min="0" max="1" step="0.01"
47
- bind:value={scale}
48
- class="w-24 h-1 accent-[var(--color-accent,#6366f1)]" />
49
- <span class="w-10 text-right tabular-nums">{currentMinW}px</span>
50
- </label>
51
- </div>
52
- {/if}
42
+ {#if cw > 0}
43
+ {#if showSlider && !mobile}
44
+ <div class="sticky top-0 z-10 flex items-center justify-end px-3 py-1.5 gap-2">
45
+ <label class="flex items-center gap-2 font-mono text-[10px] text-text2 select-none">
46
+ <span>Size</span>
47
+ <input type="range" min="0" max="1" step="0.01"
48
+ bind:value={scale}
49
+ class="w-24 h-1 accent-[var(--color-accent,#6366f1)]" />
50
+ <span class="w-10 text-right tabular-nums">{currentMinW}px</span>
51
+ </label>
52
+ </div>
53
+ {/if}
53
54
 
54
- {#if mobile}
55
- <div class="flex flex-col gap-3 p-2">
56
- {#each windows as win (win.id)}
57
- {#if win.visible !== false}
58
- {@const lw = { id: win.id, x: 0, y: 0, width: cw, height: 0, zIndex: 1, visible: true, folded: win.folded }}
59
- <div>
60
- {@render children(win, lw, { scale })}
61
- </div>
62
- {/if}
63
- {/each}
64
- </div>
65
- {:else}
66
- <div class="flex-grid" style="--min-w:{currentMinW}px;--gap:{gap}px;">
67
- {#each windows as win (win.id)}
68
- {#if win.visible !== false}
69
- {@const lw = makeLw(win)}
70
- <div class="flex-grid-item rounded-lg">
71
- {@render children(win, lw, { scale })}
72
- </div>
73
- {/if}
74
- {/each}
75
- </div>
55
+ {#if mobile}
56
+ <div class="flex flex-col gap-3 p-2">
57
+ {#each windows as win (win.id)}
58
+ {#if win.visible !== false}
59
+ {@const lw = { id: win.id, x: 0, y: 0, width: cw, height: 0, zIndex: 1, visible: true, folded: win.folded }}
60
+ <div>
61
+ {@render children(win, lw, { scale })}
62
+ </div>
63
+ {/if}
64
+ {/each}
65
+ </div>
66
+ {:else}
67
+ <div class="flex-grid" style="--min-w:{currentMinW}px;--gap:{gap}px;">
68
+ {#each windows as win (win.id)}
69
+ {#if win.visible !== false}
70
+ {@const lw = makeLw(win)}
71
+ <div class="flex-grid-item rounded-lg">
72
+ {@render children(win, lw, { scale })}
73
+ </div>
74
+ {/if}
75
+ {/each}
76
+ </div>
77
+ {/if}
76
78
  {/if}
77
79
 
78
80
  </div>