@signal9/era-ui 1.22.0 → 1.23.0
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.
- package/dist/generated-docs/command.md +3 -0
- package/dist/generated-docs/llms-full.txt +3 -0
- package/dist/generated-docs/manifest.json +1 -1
- package/dist/os/window.svelte +1 -1
- package/dist/os/wm.svelte.d.ts +4 -0
- package/dist/os/wm.svelte.js +2 -1
- package/dist/ui/command/command-root.svelte +10 -2
- package/dist/ui/command/command-root.svelte.d.ts +7 -1
- package/package.json +1 -1
|
@@ -29,6 +29,9 @@ Inherits all props from `Command.RootProps`.
|
|
|
29
29
|
|
|
30
30
|
| Prop | Type | Default | Notes |
|
|
31
31
|
|------|------|---------|-------|
|
|
32
|
+
| `bare?` | `boolean` | `false` | Drop the floating-panel chrome (border, bg, padding, shadow) for
|
|
33
|
+
embedding inside a surface that already provides it — a pane body, a
|
|
34
|
+
sidebar. The host's own padding is then the only edge inset. |
|
|
32
35
|
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
33
36
|
| `value?` | `(forwarded)` | `''` | bindable |
|
|
34
37
|
|
|
@@ -1084,6 +1084,9 @@ Inherits all props from `Command.RootProps`.
|
|
|
1084
1084
|
|
|
1085
1085
|
| Prop | Type | Default | Notes |
|
|
1086
1086
|
|------|------|---------|-------|
|
|
1087
|
+
| `bare?` | `boolean` | `false` | Drop the floating-panel chrome (border, bg, padding, shadow) for
|
|
1088
|
+
embedding inside a surface that already provides it — a pane body, a
|
|
1089
|
+
sidebar. The host's own padding is then the only edge inset. |
|
|
1087
1090
|
| `ref?` | `(forwarded)` | `null` | bindable |
|
|
1088
1091
|
| `value?` | `(forwarded)` | `''` | bindable |
|
|
1089
1092
|
|
package/dist/os/window.svelte
CHANGED
package/dist/os/wm.svelte.d.ts
CHANGED
|
@@ -26,6 +26,9 @@ export interface AppDefinition {
|
|
|
26
26
|
singleton?: boolean;
|
|
27
27
|
/** Show a resize grip (default true). */
|
|
28
28
|
resizable?: boolean;
|
|
29
|
+
/** Extra classes for the window body (Pane.Content) — e.g. `p-(--era-gap)`
|
|
30
|
+
* for a body of controls, or `p-0` for a full-bleed app. */
|
|
31
|
+
bodyClass?: string;
|
|
29
32
|
}
|
|
30
33
|
/** A live window instance in the registry. */
|
|
31
34
|
export interface AppWindow {
|
|
@@ -59,6 +62,7 @@ export interface AppWindow {
|
|
|
59
62
|
} | null;
|
|
60
63
|
component?: AppComponent;
|
|
61
64
|
resizable: boolean;
|
|
65
|
+
bodyClass?: string;
|
|
62
66
|
}
|
|
63
67
|
/**
|
|
64
68
|
* The source of truth for the desktop: which windows exist, their geometry, and
|
package/dist/os/wm.svelte.js
CHANGED
|
@@ -66,7 +66,8 @@ export class WindowManager {
|
|
|
66
66
|
state: 'normal',
|
|
67
67
|
restore: null,
|
|
68
68
|
component: app.component,
|
|
69
|
-
resizable: overrides?.resizable ?? app.resizable ?? true
|
|
69
|
+
resizable: overrides?.resizable ?? app.resizable ?? true,
|
|
70
|
+
bodyClass: app.bodyClass
|
|
70
71
|
};
|
|
71
72
|
this.windows.push(win);
|
|
72
73
|
return id;
|
|
@@ -5,18 +5,26 @@
|
|
|
5
5
|
let {
|
|
6
6
|
ref = $bindable(null),
|
|
7
7
|
value = $bindable(''),
|
|
8
|
+
bare = false,
|
|
8
9
|
class: className,
|
|
9
10
|
...restProps
|
|
10
|
-
}: Command.RootProps
|
|
11
|
+
}: Command.RootProps & {
|
|
12
|
+
/** Drop the floating-panel chrome (border, bg, padding, shadow) for
|
|
13
|
+
* embedding inside a surface that already provides it — a pane body, a
|
|
14
|
+
* sidebar. The host's own padding is then the only edge inset. */
|
|
15
|
+
bare?: boolean;
|
|
16
|
+
} = $props();
|
|
11
17
|
</script>
|
|
12
18
|
|
|
13
19
|
<Command.Root
|
|
14
20
|
bind:ref
|
|
15
21
|
bind:value
|
|
16
22
|
class={cn(
|
|
23
|
+
'flex flex-col gap-(--era-gap)',
|
|
17
24
|
// glass-blur, like every other floating panel (menus, dialogs, pickers):
|
|
18
25
|
// inert on opaque surfaces, blurs the backdrop when the palette floats.
|
|
19
|
-
|
|
26
|
+
!bare &&
|
|
27
|
+
'overflow-hidden rounded-(--era-rd-lg) border border-(color:--era-border-color) bg-(--era-surface-bg) p-(--era-gap) shadow-(--era-shadow-lg) glass-blur',
|
|
20
28
|
className
|
|
21
29
|
)}
|
|
22
30
|
{...restProps}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { Command } from 'bits-ui';
|
|
2
|
-
|
|
2
|
+
type $$ComponentProps = Command.RootProps & {
|
|
3
|
+
/** Drop the floating-panel chrome (border, bg, padding, shadow) for
|
|
4
|
+
* embedding inside a surface that already provides it — a pane body, a
|
|
5
|
+
* sidebar. The host's own padding is then the only edge inset. */
|
|
6
|
+
bare?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const CommandRoot: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
|
|
3
9
|
type CommandRoot = ReturnType<typeof CommandRoot>;
|
|
4
10
|
export default CommandRoot;
|