@floegence/floe-webapp-core 0.78.9 → 0.79.0

package/dist/components/layout/AppViewport.js

@@ -1,34 +1,53 @@
-import { insert as d, effect as u, className as f, setAttribute as p, style as m, template as w, use as h } from "solid-js/web";
-import { createSignal as V, onMount as b, onCleanup as s, untrack as y } from "solid-js";
-import { viewportStyle as g, observeViewport as E } from "../../viewport.js";
-var L = /* @__PURE__ */ w("<div data-floe-app-viewport style=position:fixed;inset:0;overflow:hidden;min-height:0>");
-function A(o) {
-  const [i, v] = V();
-  let n;
-  return b(() => {
-    const e = n?.ownerDocument.defaultView;
+import { insert as d, effect as f, className as m, setAttribute as p, style as w, template as h, use as V } from "solid-js/web";
+import { createSignal as b, onMount as y, onCleanup as l, untrack as E } from "solid-js";
+import { viewportStyle as g, observeViewport as L } from "../../viewport.js";
+import { isKeyboardEditingElement as M } from "../../utils/focus.js";
+var x = /* @__PURE__ */ h("<div data-floe-app-viewport style=position:fixed;inset:0;overflow:hidden;min-height:0>");
+function A(s) {
+  const [a, c] = b();
+  let i;
+  const u = () => {
+    const e = a();
+    if (!e) return {
+      height: "100dvh"
+    };
+    const r = g(e), t = i?.ownerDocument.defaultView?.visualViewport?.scale ?? 1;
+    return Math.abs(t - 1) < 0.01 ? {
+      ...r,
+      left: "0px",
+      top: "0px"
+    } : r;
+  };
+  return y(() => {
+    const e = i?.ownerDocument.defaultView;
     if (!e) return;
-    const r = () => {
+    const r = (o) => {
+      if (o.button !== 0 || o.defaultPrevented || !e.matchMedia("(any-pointer: coarse)").matches || Math.abs((e.visualViewport?.scale ?? 1) - 1) >= 0.01) return;
+      const n = o.target;
+      !(n instanceof Element) || !M(n) || n.matches(":focus") || n.closest("[inert]") || n.focus({
+        preventScroll: !0
+      });
+    };
+    e.document.addEventListener("mousedown", r);
+    const t = () => {
       Math.abs((e.visualViewport?.scale ?? 1) - 1) >= 0.01 || (e.scrollX || e.scrollY) && e.scrollTo({
         left: 0,
         top: 0,
         behavior: "instant"
       });
     };
-    e.addEventListener("scroll", r), e.visualViewport?.addEventListener("resize", r), r(), s(() => {
-      e.removeEventListener("scroll", r), e.visualViewport?.removeEventListener("resize", r);
-    }), s(E(e, (t) => {
-      v(t), y(() => o.onViewportChange?.(t));
+    e.addEventListener("scroll", t), e.visualViewport?.addEventListener("resize", t), t(), l(() => {
+      e.document.removeEventListener("mousedown", r), e.removeEventListener("scroll", t), e.visualViewport?.removeEventListener("resize", t);
+    }), l(L(e, (o) => {
+      c(o), E(() => s.onViewportChange?.(o));
     }));
   }), (() => {
-    var e = L(), r = n;
-    return typeof r == "function" ? h(r, e) : n = e, d(e, () => o.children), u((t) => {
-      var a = o.class, l = i()?.keyboardOpen || void 0, c = {
-        ...i() ? g(i()) : {
-          height: "100dvh"
-        }
+    var e = x(), r = i;
+    return typeof r == "function" ? V(r, e) : i = e, d(e, () => s.children), f((t) => {
+      var o = s.class, n = a()?.keyboardOpen || void 0, v = {
+        ...u()
       };
-      return a !== t.e && f(e, t.e = a), l !== t.t && p(e, "data-keyboard-open", t.t = l), t.a = m(e, c, t.a), t;
+      return o !== t.e && m(e, t.e = o), n !== t.t && p(e, "data-keyboard-open", t.t = n), t.a = w(e, v, t.a), t;
     }, {
       e: void 0,
       t: void 0,

package/dist/components/layout/Shell.d.ts

@@ -27,6 +27,8 @@ export interface ShellSlotClassNames {
     mobileTabBar?: string;
 }
 export interface ShellProps {
+    /** Opt into a retained desktop sidebar overlay when the main area would be narrower. */
+    sidebarMinContentWidth?: number;
     /** Defaults to visible; hidden transfers the top safe area to Shell. */
     topBarMobileMode?: 'visible' | 'hidden';
     /** Fixed actions outside the horizontally scrolling mobile tabs. */