@streamscloud/kit 0.76.4 → 0.76.5
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.
|
@@ -34,12 +34,14 @@ const { timeout: loadingTimeout, blocking: loadingBlocking } = $derived(resolveP
|
|
|
34
34
|
on={{ click: navigationToggle.onClick }} />
|
|
35
35
|
{/if}
|
|
36
36
|
{#if editorControls}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
37
|
+
{#if editorControls.panelsToggle}
|
|
38
|
+
<LayoutControlButton
|
|
39
|
+
icon={IconWindowMultiple}
|
|
40
|
+
label={localization.togglePanels}
|
|
41
|
+
active={editorControls.panelsToggle.active}
|
|
42
|
+
flip
|
|
43
|
+
on={{ click: editorControls.panelsToggle.onClick }} />
|
|
44
|
+
{/if}
|
|
43
45
|
<LayoutControlButton
|
|
44
46
|
icon={IconDismiss}
|
|
45
47
|
label={localization.close}
|
|
@@ -63,9 +65,9 @@ const { timeout: loadingTimeout, blocking: loadingBlocking } = $derived(resolveP
|
|
|
63
65
|
PageLayout — top-level window chrome. Renders a fixed-height header (title + actions + an optional
|
|
64
66
|
group of chrome buttons) above a flex-column body that typically contains a `PagePanels` row.
|
|
65
67
|
|
|
66
|
-
`navigationToggle` surfaces the app-navigation button as a bare glyph; `editorControls` is the
|
|
67
|
-
|
|
68
|
-
|
|
68
|
+
`navigationToggle` surfaces the app-navigation button as a bare glyph; `editorControls` is the editor
|
|
69
|
+
pair — panels toggle + close, drawn as outlined squares. `close` is required; omit `panelsToggle` for a
|
|
70
|
+
close-only state with no panels to fold (e.g. a "not found" editor). Every entry takes `{ active?, onClick }`, and the group renders in the order
|
|
69
71
|
navigation → panels → close. Set `scrollable` to let the whole page scroll as one document with
|
|
70
72
|
sticky panel headers.
|
|
71
73
|
|
|
@@ -18,9 +18,9 @@ type Props = {
|
|
|
18
18
|
* PageLayout — top-level window chrome. Renders a fixed-height header (title + actions + an optional
|
|
19
19
|
* group of chrome buttons) above a flex-column body that typically contains a `PagePanels` row.
|
|
20
20
|
*
|
|
21
|
-
* `navigationToggle` surfaces the app-navigation button as a bare glyph; `editorControls` is the
|
|
22
|
-
*
|
|
23
|
-
*
|
|
21
|
+
* `navigationToggle` surfaces the app-navigation button as a bare glyph; `editorControls` is the editor
|
|
22
|
+
* pair — panels toggle + close, drawn as outlined squares. `close` is required; omit `panelsToggle` for a
|
|
23
|
+
* close-only state with no panels to fold (e.g. a "not found" editor). Every entry takes `{ active?, onClick }`, and the group renders in the order
|
|
24
24
|
* navigation → panels → close. Set `scrollable` to let the whole page scroll as one document with
|
|
25
25
|
* sticky panel headers.
|
|
26
26
|
*
|
|
@@ -25,9 +25,9 @@ export type PageLayoutAction = {
|
|
|
25
25
|
active?: boolean;
|
|
26
26
|
onClick: () => void;
|
|
27
27
|
};
|
|
28
|
-
/** Editor chrome — a
|
|
28
|
+
/** Editor chrome — panels toggle + close. Omit `panelsToggle` for a close-only state with no panels to fold (e.g. a "not found" editor). */
|
|
29
29
|
export type EditorControls = {
|
|
30
|
-
panelsToggle
|
|
30
|
+
panelsToggle?: PageLayoutAction;
|
|
31
31
|
close: PageLayoutAction;
|
|
32
32
|
};
|
|
33
33
|
/**
|