@floegence/floe-webapp-core 0.86.22 → 0.86.24
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/assets/{layout-worker-CLVTDA3E.js → layout-worker-CFMp3t5w.js} +790 -760
- package/dist/components/graph/GraphCanvas.d.ts +1 -1
- package/dist/components/graph/GraphCanvas.js +107 -104
- package/dist/components/graph/GraphMinimap.d.ts +2 -0
- package/dist/components/graph/GraphMinimap.js +30 -30
- package/dist/components/graph/engine.d.ts +5 -1
- package/dist/components/graph/engine.js +42 -26
- package/dist/components/graph/layout.d.ts +3 -1
- package/dist/components/graph/routing.d.ts +1 -1
- package/dist/components/graph/types.d.ts +3 -0
- package/dist/components/layout/BottomBarCompanion.d.ts +2 -1
- package/dist/components/layout/Shell.d.ts +2 -0
- package/dist/components/layout/Shell.js +69 -68
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { GraphLayout, GraphLayoutOptions } from './types';
|
|
2
2
|
/** Joint orthogonal routing through the final rectangular geometry. */
|
|
3
|
-
export declare function routeGraphGeometry(layout: GraphLayout, options?: Pick<GraphLayoutOptions, 'edgeClearance'>): Promise<GraphLayout>;
|
|
3
|
+
export declare function routeGraphGeometry(layout: GraphLayout, options?: Pick<GraphLayoutOptions, 'edgeClearance' | 'routing'>): Promise<GraphLayout>;
|
|
@@ -46,6 +46,8 @@ export interface GraphLayout {
|
|
|
46
46
|
bounds: GraphBounds;
|
|
47
47
|
}
|
|
48
48
|
export interface GraphLayoutOptions {
|
|
49
|
+
/** Keep topology for placement while deferring final paths to engine.route. Defaults to all. */
|
|
50
|
+
routing?: 'all' | 'none';
|
|
49
51
|
/** Explicit packing of a group's direct children; independent of global direction and edges. */
|
|
50
52
|
groupLayouts?: Readonly<Record<string, GraphGroupLayout>>;
|
|
51
53
|
/** Clearance around routing obstacles in world units. Defaults to 4; never changes node geometry. */
|
|
@@ -74,6 +76,7 @@ export interface GraphLayoutOptions {
|
|
|
74
76
|
position: GraphPoint;
|
|
75
77
|
};
|
|
76
78
|
}
|
|
79
|
+
export type GraphRoutingOptions = Pick<GraphLayoutOptions, 'edgeClearance'>;
|
|
77
80
|
export interface GraphGroupLayout {
|
|
78
81
|
/** Row fills left to right; column fills top to bottom. Omitted rules retain automatic layout. */
|
|
79
82
|
flow: 'row' | 'column';
|
|
@@ -24,7 +24,8 @@ export interface BottomBarCompanionProps {
|
|
|
24
24
|
onPhaseChange?: (phase: BottomBarCompanionPhase) => void;
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
|
-
* A non-modal surface that grows upward from a
|
|
27
|
+
* A non-modal surface that grows upward from a measurable layout anchor.
|
|
28
|
+
* The anchor may live in a Bottom Bar or independently within an AppViewport.
|
|
28
29
|
*
|
|
29
30
|
* This is intentionally distinct from windows, popovers, and modal drawers:
|
|
30
31
|
* it retains one fixed shell and one content host across collapsed and expanded
|
|
@@ -52,6 +52,8 @@ export interface ShellProps {
|
|
|
52
52
|
*/
|
|
53
53
|
activityBottomItemsMobileMode?: 'hidden' | 'topBar';
|
|
54
54
|
topBarActions?: JSX.Element;
|
|
55
|
+
/** Defaults to visible. Hidden omits the desktop status bar and its content without reserving space. Mobile navigation is unchanged. */
|
|
56
|
+
bottomBarMode?: 'visible' | 'hidden';
|
|
55
57
|
bottomBarItems?: JSX.Element;
|
|
56
58
|
/** Stable content directly above mobile navigation, such as a composer anchor. */
|
|
57
59
|
mobileAccessory?: JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { createComponent as r, Dynamic as V, insert as d, use as j, effect as
|
|
2
|
-
import { createSignal as M, onMount as He, onCleanup as Ee, createEffect as
|
|
1
|
+
import { createComponent as r, Dynamic as V, insert as d, use as j, effect as P, setStyleProperty as G, memo as k, className as A, setAttribute as w, mergeProps as ze, template as g, delegateEvents as Fe } from "solid-js/web";
|
|
2
|
+
import { createSignal as M, onMount as He, onCleanup as Ee, createEffect as B, createMemo as x, For as J, Show as h, batch as Ve } from "solid-js";
|
|
3
3
|
import { observeViewport as _e } from "../../viewport.js";
|
|
4
4
|
import { useLayout as De } from "../../context/LayoutContext.js";
|
|
5
5
|
import { useResolvedFloeConfig as qe } from "../../context/FloeConfigContext.js";
|
|
@@ -24,24 +24,24 @@ import { resolveMobileTabActiveId as lt, resolveMobileTabSelect as st } from "./
|
|
|
24
24
|
import { KeepAliveStack as dt } from "./KeepAliveStack.js";
|
|
25
25
|
import { resolveShellSidebarActiveTabChange as ct } from "./sidebarVisibilityMotion.js";
|
|
26
26
|
import { createUIFirstSelection as bt } from "../../utils/uiFirstSelection.js";
|
|
27
|
-
var de = /* @__PURE__ */
|
|
27
|
+
var de = /* @__PURE__ */ g('<div class="flex items-center gap-2">'), ut = /* @__PURE__ */ g('<div class="h-full min-h-0 overflow-auto">'), mt = /* @__PURE__ */ g('<div class="flex shrink-0 min-h-0">'), ft = /* @__PURE__ */ g('<div class="h-full min-h-0"style=max-width:100%>'), vt = /* @__PURE__ */ g("<div data-floe-shell-slot=mobile-sidebar-backdrop>"), ht = /* @__PURE__ */ g('<div data-floe-shell-slot=mobile-sidebar-drawer tabindex=-1 role=dialog aria-modal=true><div class="h-full overflow-auto overscroll-contain">'), gt = /* @__PURE__ */ g("<div data-floe-shell-slot=terminal-panel style=border-top-color:var(--terminal-panel-border)>"), St = /* @__PURE__ */ g('<div data-floe-shell-slot=mobile-accessory class="relative shrink-0">'), yt = /* @__PURE__ */ g('<div data-floe-shell><a></a><div class="relative flex min-h-0 flex-1 flex-col overflow-hidden"data-floe-shell-slot=mobile-content-boundary><div data-floe-shell-slot=main-layout class="flex-1 min-h-0 flex overflow-hidden relative"><div data-floe-shell-slot=content-area><main data-floe-shell-slot=main tabindex=-1>');
|
|
28
28
|
function Ut(i) {
|
|
29
29
|
const [ce, be] = M(!1);
|
|
30
30
|
He(() => {
|
|
31
31
|
Ee(_e(window, (e) => be(e.keyboardOpen)));
|
|
32
32
|
});
|
|
33
|
-
const o = De(), ue = qe(), l = o.isMobile, [me, fe] = M(), [ve,
|
|
33
|
+
const o = De(), ue = qe(), l = o.isMobile, [me, fe] = M(), [ve, he] = M(), ge = je(ve), W = /* @__PURE__ */ new Map(), [_, L] = M(!1), [Se, ye] = M(!1), Ce = Ue({
|
|
34
34
|
container: me,
|
|
35
|
-
sidebarWidth: () => (D() ?? o.sidebarWidth()) + (
|
|
35
|
+
sidebarWidth: () => (D() ?? o.sidebarWidth()) + (ge()?.width ?? 0),
|
|
36
36
|
minContentWidth: () => i.sidebarMinContentWidth ?? 0
|
|
37
37
|
}), S = () => !l() && !!i.sidebarMinContentWidth && !u() && Ce() === "overlay";
|
|
38
|
-
|
|
39
|
-
(!S() || N()) &&
|
|
38
|
+
B(() => {
|
|
39
|
+
(!S() || N()) && L(!1);
|
|
40
40
|
});
|
|
41
|
-
const [
|
|
41
|
+
const [$, y] = M(!1), [p, we] = M(!1);
|
|
42
42
|
let Q;
|
|
43
43
|
const Me = () => l() && !!i.mobileNavigationPanel?.open;
|
|
44
|
-
|
|
44
|
+
B(() => {
|
|
45
45
|
!l() && i.mobileNavigationPanel?.open && i.mobileNavigationPanel.onOpenChange(!1), Me() && y(!1);
|
|
46
46
|
});
|
|
47
47
|
const [D, q] = M(null);
|
|
@@ -65,12 +65,12 @@ function Ut(i) {
|
|
|
65
65
|
isMobile: l(),
|
|
66
66
|
resolveSidebarVisibilityMotion: i.resolveSidebarVisibilityMotion
|
|
67
67
|
});
|
|
68
|
-
S() ? (
|
|
68
|
+
S() ? (W.get(e)?.focus({
|
|
69
69
|
preventScroll: !0
|
|
70
70
|
}), o.setSidebarActiveTab(e, {
|
|
71
71
|
openSidebar: !1,
|
|
72
72
|
visibilityMotion: b
|
|
73
|
-
}),
|
|
73
|
+
}), L(!s)) : o.setSidebarActiveTab(e, {
|
|
74
74
|
openSidebar: n,
|
|
75
75
|
visibilityMotion: b
|
|
76
76
|
});
|
|
@@ -92,11 +92,11 @@ function Ut(i) {
|
|
|
92
92
|
}
|
|
93
93
|
z(e, a);
|
|
94
94
|
};
|
|
95
|
-
|
|
95
|
+
B(() => {
|
|
96
96
|
u() && y(!1);
|
|
97
|
-
}),
|
|
97
|
+
}), B(() => {
|
|
98
98
|
l() || y(!1);
|
|
99
|
-
}),
|
|
99
|
+
}), B(() => {
|
|
100
100
|
const e = o.sidebarVisibilityMotion(), a = o.sidebarVisibilityMotionRevision();
|
|
101
101
|
e === "instant" && Xe(() => o.clearSidebarVisibilityMotion(a));
|
|
102
102
|
});
|
|
@@ -109,30 +109,30 @@ function Ut(i) {
|
|
|
109
109
|
})) : []), Ae = x(() => T().map((e) => ({
|
|
110
110
|
...e,
|
|
111
111
|
buttonRef: (a) => {
|
|
112
|
-
a ?
|
|
112
|
+
a ? W.set(e.id, a) : W.delete(e.id), e.buttonRef?.(a);
|
|
113
113
|
},
|
|
114
114
|
...S() && !e.onClick ? {
|
|
115
115
|
ariaExpanded: () => _() && o.sidebarActiveTab() === e.id,
|
|
116
116
|
ariaHasPopup: "dialog"
|
|
117
117
|
} : {}
|
|
118
|
-
}))),
|
|
119
|
-
S() ? (e ||
|
|
118
|
+
}))), Be = (e) => {
|
|
119
|
+
S() ? (e || W.get(o.sidebarActiveTab())?.focus({
|
|
120
120
|
preventScroll: !0
|
|
121
|
-
}),
|
|
122
|
-
},
|
|
121
|
+
}), L(!e)) : o.setSidebarCollapsed(e);
|
|
122
|
+
}, xe = x(() => u() ? [] : i.sidebarContent ? [] : c ? c.sidebarItems().filter((e) => !(l() && e.sidebar?.hiddenOnMobile)).filter((e) => e.sidebar?.fullScreen !== !0 && e.sidebar?.renderIn !== "main").map((e) => ({
|
|
123
123
|
id: e.id,
|
|
124
124
|
render: () => r(V, {
|
|
125
125
|
get component() {
|
|
126
126
|
return e.component;
|
|
127
127
|
}
|
|
128
128
|
})
|
|
129
|
-
})) : []),
|
|
129
|
+
})) : []), Ie = (e) => {
|
|
130
130
|
if (!u()) {
|
|
131
131
|
if (i.sidebarContent) return i.sidebarContent(e);
|
|
132
132
|
if (c)
|
|
133
133
|
return r(dt, {
|
|
134
134
|
get views() {
|
|
135
|
-
return
|
|
135
|
+
return xe();
|
|
136
136
|
},
|
|
137
137
|
activeId: e
|
|
138
138
|
});
|
|
@@ -143,10 +143,11 @@ function Ut(i) {
|
|
|
143
143
|
const e = c.getComponent(o.sidebarActiveTab());
|
|
144
144
|
return e?.sidebar ? e.sidebar.fullScreen === !0 || e.sidebar.renderIn === "main" : !1;
|
|
145
145
|
});
|
|
146
|
-
|
|
146
|
+
B(() => {
|
|
147
147
|
l() && N() && y(!1);
|
|
148
148
|
});
|
|
149
149
|
const Te = x(() => {
|
|
150
|
+
if (l() || i.bottomBarMode === "hidden") return;
|
|
150
151
|
if (i.bottomBarItems) return i.bottomBarItems;
|
|
151
152
|
if (!c) return;
|
|
152
153
|
const e = [...c.statusBarItems()].sort((n, b) => (n.order ?? 100) - (b.order ?? 100)), a = e.filter((n) => n.position === "left"), s = e.filter((n) => n.position === "right");
|
|
@@ -172,7 +173,7 @@ function Ut(i) {
|
|
|
172
173
|
})), n;
|
|
173
174
|
})()];
|
|
174
175
|
});
|
|
175
|
-
|
|
176
|
+
B(() => {
|
|
176
177
|
const e = T();
|
|
177
178
|
if (!e.length) return;
|
|
178
179
|
if (!o.sidebarActiveTab()) {
|
|
@@ -188,7 +189,7 @@ function Ut(i) {
|
|
|
188
189
|
} = st({
|
|
189
190
|
clickedId: e,
|
|
190
191
|
activeId: o.sidebarActiveTab(),
|
|
191
|
-
mobileSidebarOpen:
|
|
192
|
+
mobileSidebarOpen: $(),
|
|
192
193
|
clickedIsFullScreen: a
|
|
193
194
|
});
|
|
194
195
|
if (o.sidebarActiveTab() !== s) {
|
|
@@ -229,16 +230,16 @@ function Ut(i) {
|
|
|
229
230
|
}
|
|
230
231
|
})
|
|
231
232
|
}), e] : e;
|
|
232
|
-
}), Re = () => u() || (S() ? !_() : o.sidebarCollapsed()), Y = () => D() ?? o.sidebarWidth(), f = () => ue.config.accessibility,
|
|
233
|
+
}), Re = () => u() || (S() ? !_() : o.sidebarCollapsed()), Y = () => D() ?? o.sidebarWidth(), f = () => ue.config.accessibility, We = () => {
|
|
233
234
|
q(o.sidebarWidth());
|
|
234
|
-
},
|
|
235
|
+
}, Le = (e) => {
|
|
235
236
|
q((a) => o.clampSidebarWidth((a ?? o.sidebarWidth()) + e));
|
|
236
|
-
},
|
|
237
|
+
}, $e = () => {
|
|
237
238
|
const e = D();
|
|
238
239
|
e !== null && (o.setSidebarWidth(e), q(null));
|
|
239
240
|
};
|
|
240
241
|
Qe({
|
|
241
|
-
open: () => l() &&
|
|
242
|
+
open: () => l() && $() && !u(),
|
|
242
243
|
root: () => K,
|
|
243
244
|
onClose: () => y(!1),
|
|
244
245
|
lockBodyScroll: !0,
|
|
@@ -250,7 +251,7 @@ function Ut(i) {
|
|
|
250
251
|
autoFocus: !1,
|
|
251
252
|
restoreFocus: !0
|
|
252
253
|
});
|
|
253
|
-
const
|
|
254
|
+
const pe = () => {
|
|
254
255
|
if (typeof document > "u") return;
|
|
255
256
|
const e = document.getElementById(f().mainContentId);
|
|
256
257
|
if (!(!e || !(e instanceof HTMLElement)))
|
|
@@ -260,11 +261,11 @@ function Ut(i) {
|
|
|
260
261
|
}
|
|
261
262
|
}, U = Ke(() => (() => {
|
|
262
263
|
var e = ut();
|
|
263
|
-
return d(e, () =>
|
|
264
|
+
return d(e, () => Ie(o.sidebarActiveTab())), e;
|
|
264
265
|
})());
|
|
265
266
|
return (() => {
|
|
266
267
|
var e = yt(), a = e.firstChild, s = a.nextSibling, n = s.firstChild, b = n.firstChild, E = b.firstChild;
|
|
267
|
-
return a.$$click = () =>
|
|
268
|
+
return a.$$click = () => pe(), d(a, () => f().skipLinkLabel), d(e, r(h, {
|
|
268
269
|
get when() {
|
|
269
270
|
return !l() || i.topBarMobileMode !== "hidden";
|
|
270
271
|
},
|
|
@@ -284,18 +285,18 @@ function Ut(i) {
|
|
|
284
285
|
}
|
|
285
286
|
});
|
|
286
287
|
}
|
|
287
|
-
}), s), j(fe, n), d(n, r(
|
|
288
|
+
}), s), j(fe, n), d(n, r(h, {
|
|
288
289
|
get when() {
|
|
289
290
|
return !l();
|
|
290
291
|
},
|
|
291
292
|
get children() {
|
|
292
|
-
return [r(
|
|
293
|
+
return [r(h, {
|
|
293
294
|
get when() {
|
|
294
295
|
return T().length > 0;
|
|
295
296
|
},
|
|
296
297
|
get children() {
|
|
297
298
|
var t = mt();
|
|
298
|
-
return j(
|
|
299
|
+
return j(he, t), d(t, r(at, {
|
|
299
300
|
get items() {
|
|
300
301
|
return Ae();
|
|
301
302
|
},
|
|
@@ -310,7 +311,7 @@ function Ut(i) {
|
|
|
310
311
|
return Re();
|
|
311
312
|
},
|
|
312
313
|
get onCollapsedChange() {
|
|
313
|
-
return u() ? void 0 :
|
|
314
|
+
return u() ? void 0 : Be;
|
|
314
315
|
},
|
|
315
316
|
get ariaLabel() {
|
|
316
317
|
return f().primaryNavigationLabel;
|
|
@@ -320,12 +321,12 @@ function Ut(i) {
|
|
|
320
321
|
}
|
|
321
322
|
})), t;
|
|
322
323
|
}
|
|
323
|
-
}), r(
|
|
324
|
+
}), r(h, {
|
|
324
325
|
get when() {
|
|
325
326
|
return !u();
|
|
326
327
|
},
|
|
327
328
|
get children() {
|
|
328
|
-
return r(
|
|
329
|
+
return r(h, {
|
|
329
330
|
get when() {
|
|
330
331
|
return S();
|
|
331
332
|
},
|
|
@@ -346,9 +347,9 @@ function Ut(i) {
|
|
|
346
347
|
get resizer() {
|
|
347
348
|
return r(se, {
|
|
348
349
|
direction: "horizontal",
|
|
349
|
-
onResize:
|
|
350
|
-
onResizeStart:
|
|
351
|
-
onResizeEnd:
|
|
350
|
+
onResize: Le,
|
|
351
|
+
onResizeStart: We,
|
|
352
|
+
onResizeEnd: $e
|
|
352
353
|
});
|
|
353
354
|
},
|
|
354
355
|
get class() {
|
|
@@ -365,9 +366,9 @@ function Ut(i) {
|
|
|
365
366
|
get children() {
|
|
366
367
|
return r(Ge, {
|
|
367
368
|
get open() {
|
|
368
|
-
return
|
|
369
|
+
return k(() => !!(S() && _()))() && !N();
|
|
369
370
|
},
|
|
370
|
-
onOpenChange:
|
|
371
|
+
onOpenChange: L,
|
|
371
372
|
onPresenceChange: ye,
|
|
372
373
|
presentation: "side-drawer",
|
|
373
374
|
drawerSide: "left",
|
|
@@ -378,7 +379,7 @@ function Ut(i) {
|
|
|
378
379
|
contentClass: "flex-1 min-h-0 overflow-hidden p-0",
|
|
379
380
|
get children() {
|
|
380
381
|
var t = ft();
|
|
381
|
-
return d(t, r(U, {})),
|
|
382
|
+
return d(t, r(U, {})), P((m) => G(t, "width", `${Y()}px`)), t;
|
|
382
383
|
}
|
|
383
384
|
});
|
|
384
385
|
}
|
|
@@ -388,53 +389,53 @@ function Ut(i) {
|
|
|
388
389
|
}
|
|
389
390
|
})];
|
|
390
391
|
}
|
|
391
|
-
}), b), d(n, r(
|
|
392
|
+
}), b), d(n, r(h, {
|
|
392
393
|
get when() {
|
|
393
|
-
return
|
|
394
|
+
return k(() => !!(l() && $()))() && !u();
|
|
394
395
|
},
|
|
395
396
|
get children() {
|
|
396
397
|
return [(() => {
|
|
397
398
|
var t = vt();
|
|
398
|
-
return t.$$click = () => y(!1),
|
|
399
|
+
return t.$$click = () => y(!1), P(() => A(t, I("absolute inset-0 z-40 bg-black/30 cursor-pointer", i.slotClassNames?.mobileSidebarBackdrop))), t;
|
|
399
400
|
})(), (() => {
|
|
400
|
-
var t =
|
|
401
|
-
return typeof C == "function" ? j(C, t) : K = t, d(m, r(U, {})),
|
|
401
|
+
var t = ht(), m = t.firstChild, C = K;
|
|
402
|
+
return typeof C == "function" ? j(C, t) : K = t, d(m, r(U, {})), P((v) => {
|
|
402
403
|
var O = I("absolute left-0 top-0 bottom-0 z-50", "w-72 max-w-[80vw]", "bg-sidebar border-r border-sidebar-border", "shadow-xl", "animate-in slide-in-from-left duration-200", i.slotClassNames?.mobileSidebarDrawer), R = f().sidebarLabel;
|
|
403
|
-
return O !== v.e &&
|
|
404
|
+
return O !== v.e && A(t, v.e = O), R !== v.t && w(t, "aria-label", v.t = R), v;
|
|
404
405
|
}, {
|
|
405
406
|
e: void 0,
|
|
406
407
|
t: void 0
|
|
407
408
|
}), t;
|
|
408
409
|
})()];
|
|
409
410
|
}
|
|
410
|
-
}), b), d(E, () => i.children), d(b, r(
|
|
411
|
+
}), b), d(E, () => i.children), d(b, r(h, {
|
|
411
412
|
get when() {
|
|
412
|
-
return
|
|
413
|
+
return k(() => !!(!l() && o.terminalOpened()))() && i.terminalPanel;
|
|
413
414
|
},
|
|
414
415
|
get children() {
|
|
415
|
-
var t =
|
|
416
|
+
var t = gt();
|
|
416
417
|
return d(t, r(se, {
|
|
417
418
|
direction: "vertical",
|
|
418
419
|
onResize: (m) => o.setTerminalHeight(o.terminalHeight() - m)
|
|
419
|
-
}), null), d(t, () => i.terminalPanel, null),
|
|
420
|
+
}), null), d(t, () => i.terminalPanel, null), P((m) => {
|
|
420
421
|
var C = I("relative shrink-0 border-t border-border bg-terminal-background overflow-hidden", i.slotClassNames?.terminalPanel), v = `${o.terminalHeight()}px`;
|
|
421
|
-
return C !== m.e &&
|
|
422
|
+
return C !== m.e && A(t, m.e = C), v !== m.t && G(t, "height", m.t = v), m;
|
|
422
423
|
}, {
|
|
423
424
|
e: void 0,
|
|
424
425
|
t: void 0
|
|
425
426
|
}), t;
|
|
426
427
|
}
|
|
427
|
-
}), null), d(s, r(
|
|
428
|
+
}), null), d(s, r(h, {
|
|
428
429
|
get when() {
|
|
429
|
-
return
|
|
430
|
+
return k(() => !!l())() && i.mobileAccessory;
|
|
430
431
|
},
|
|
431
432
|
get children() {
|
|
432
433
|
var t = St();
|
|
433
|
-
return d(t, () => i.mobileAccessory),
|
|
434
|
+
return d(t, () => i.mobileAccessory), P(() => t.inert = p()), t;
|
|
434
435
|
}
|
|
435
|
-
}), null), d(s, r(
|
|
436
|
+
}), null), d(s, r(h, {
|
|
436
437
|
get when() {
|
|
437
|
-
return
|
|
438
|
+
return k(() => !!l())() && i.mobileNavigationPanel;
|
|
438
439
|
},
|
|
439
440
|
get children() {
|
|
440
441
|
return r(ot, ze(() => i.mobileNavigationPanel, {
|
|
@@ -444,9 +445,9 @@ function Ut(i) {
|
|
|
444
445
|
}
|
|
445
446
|
}));
|
|
446
447
|
}
|
|
447
|
-
}), null), d(e, r(
|
|
448
|
+
}), null), d(e, r(h, {
|
|
448
449
|
get when() {
|
|
449
|
-
return !l();
|
|
450
|
+
return k(() => !l())() && i.bottomBarMode !== "hidden";
|
|
450
451
|
},
|
|
451
452
|
get children() {
|
|
452
453
|
return r(rt, {
|
|
@@ -461,9 +462,9 @@ function Ut(i) {
|
|
|
461
462
|
}
|
|
462
463
|
});
|
|
463
464
|
}
|
|
464
|
-
}), null), d(e, r(
|
|
465
|
+
}), null), d(e, r(h, {
|
|
465
466
|
get when() {
|
|
466
|
-
return
|
|
467
|
+
return k(() => !!l())() && (T().length > 0 || i.mobileNavigationActions?.length);
|
|
467
468
|
},
|
|
468
469
|
get children() {
|
|
469
470
|
return r(nt, {
|
|
@@ -474,7 +475,7 @@ function Ut(i) {
|
|
|
474
475
|
return i.mobileNavigationActions;
|
|
475
476
|
},
|
|
476
477
|
get hidden() {
|
|
477
|
-
return !!(i.hideMobileNavigationWhenKeyboardOpen && ce() &&
|
|
478
|
+
return !!(i.hideMobileNavigationWhenKeyboardOpen && ce() && !p());
|
|
478
479
|
},
|
|
479
480
|
get items() {
|
|
480
481
|
return T();
|
|
@@ -482,7 +483,7 @@ function Ut(i) {
|
|
|
482
483
|
get activeId() {
|
|
483
484
|
return lt({
|
|
484
485
|
activeId: H(),
|
|
485
|
-
mobileSidebarOpen: F.pending() ? !0 :
|
|
486
|
+
mobileSidebarOpen: F.pending() ? !0 : $(),
|
|
486
487
|
activeIsFullScreen: c?.getComponent(H())?.sidebar?.fullScreen ?? N(),
|
|
487
488
|
activeIsPage: (() => {
|
|
488
489
|
const t = c?.getComponent(H())?.sidebar;
|
|
@@ -499,7 +500,7 @@ function Ut(i) {
|
|
|
499
500
|
}
|
|
500
501
|
});
|
|
501
502
|
}
|
|
502
|
-
}), null),
|
|
503
|
+
}), null), P((t) => {
|
|
503
504
|
var m = i.fillParent ? "100%" : void 0, C = I(
|
|
504
505
|
// Use dvh when supported to avoid mobile browser UI causing layout jumps.
|
|
505
506
|
"h-screen h-[100dvh] w-full flex flex-col overflow-hidden",
|
|
@@ -509,8 +510,8 @@ function Ut(i) {
|
|
|
509
510
|
l() && i.topBarMobileMode === "hidden" && "safe-top",
|
|
510
511
|
i.slotClassNames?.root,
|
|
511
512
|
i.class
|
|
512
|
-
), v = `#${f().mainContentId}`, O = I("fixed left-3 top-3 z-[120] rounded-md bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-md", "transition-transform duration-150 motion-reduce:transition-none", "-translate-y-[200%] focus:translate-y-0"), R =
|
|
513
|
-
return m !== t.e && G(e, "height", t.e = m), C !== t.t &&
|
|
513
|
+
), v = `#${f().mainContentId}`, O = I("fixed left-3 top-3 z-[120] rounded-md bg-primary px-3 py-2 text-xs font-medium text-primary-foreground shadow-md", "transition-transform duration-150 motion-reduce:transition-none", "-translate-y-[200%] focus:translate-y-0"), R = p(), Z = p() ? "true" : void 0, ee = i.sidebarMinContentWidth ? "true" : void 0, te = i.sidebarMinContentWidth ? "true" : void 0, ie = S() ? "overlay" : "inline", re = Se(), ne = I("flex-1 min-w-0 flex flex-col overflow-hidden", i.slotClassNames?.contentArea), oe = I("flex-1 min-h-0 overflow-auto overscroll-contain", i.slotClassNames?.main), ae = f().mainContentId, le = f().mainLabel;
|
|
514
|
+
return m !== t.e && G(e, "height", t.e = m), C !== t.t && A(e, t.t = C), v !== t.a && w(a, "href", t.a = v), O !== t.o && A(a, t.o = O), R !== t.i && (n.inert = t.i = R), Z !== t.n && w(n, "aria-hidden", t.n = Z), ee !== t.s && w(n, "data-floe-dialog-surface-host", t.s = ee), te !== t.h && w(n, "data-floe-surface-portal-layer", t.h = te), ie !== t.r && w(n, "data-floe-shell-sidebar-presentation", t.r = ie), re !== t.d && (b.inert = t.d = re), ne !== t.l && A(b, t.l = ne), oe !== t.u && A(E, t.u = oe), ae !== t.c && w(E, "id", t.c = ae), le !== t.w && w(E, "aria-label", t.w = le), t;
|
|
514
515
|
}, {
|
|
515
516
|
e: void 0,
|
|
516
517
|
t: void 0,
|