@k2b/ui 0.39.0 → 0.40.0

package/dist/browser/layout/AppWorkspace.js

@@ -90,7 +90,7 @@ import { useFilterMessages } from "../actions/filter-messages";
 import { dialogCore } from "../feedback/dialog-core";
 import { Tooltip } from "../feedback/Tooltip";
 import { RenderErrorBoundary } from "../internal/render-error";
-import { APP_WORKSPACE_DETAIL_CLOSE_EVENT, APP_WORKSPACE_DETAIL_OPEN_EVENT, APP_WORKSPACE_DETAIL_STEP_EVENT, APP_WORKSPACE_SIDEBAR_HIDE_EVENT, installAppWorkspaceController } from "./app-workspace-controller";
+import { APP_WORKSPACE_DETAIL_CLOSE_EVENT, APP_WORKSPACE_DETAIL_OPEN_EVENT, APP_WORKSPACE_DETAIL_STEP_EVENT, APP_WORKSPACE_SIDEBAR_HIDE_EVENT, APP_WORKSPACE_SIDEBAR_SHOW_EVENT, installAppWorkspaceController } from "./app-workspace-controller";
 import { APP_WORKSPACE_DETAIL_DEFAULT, APP_WORKSPACE_DETAIL_MAX, APP_WORKSPACE_DETAIL_MIN, APP_WORKSPACE_DRAWER_DEFAULT, APP_WORKSPACE_DRAWER_MAX, APP_WORKSPACE_DRAWER_MIN, APP_WORKSPACE_MAIN_MIN, APP_WORKSPACE_PANE_DEFAULT, APP_WORKSPACE_PANE_MAX, APP_WORKSPACE_PANE_MIN, APP_WORKSPACE_SIDEBAR_COLLAPSED, APP_WORKSPACE_SIDEBAR_DEFAULT, APP_WORKSPACE_SIDEBAR_MAX, APP_WORKSPACE_SIDEBAR_MIN, appWorkspaceLayoutStyle, appWorkspacePanelVariable } from "./app-workspace-state";
 import { appWorkspaceInverseWidthCss, appWorkspaceWidthCss, appWorkspaceWidthToken, isAppWorkspaceWidthShare } from "./app-workspace-width";
 import BottomSheet, { bottomSheetAdaptiveOptions } from "./BottomSheet";
@@ -729,23 +729,30 @@ function AppWorkspaceDetail(props) {
     var _el$21 = _$getNextElement(_tmpl$7);
     _$effect(() => _$setProperty(_el$21, "innerHTML", workspaceRule()));
     return _el$21;
-  })(), _$createComponent(Button, {
-    type: "button",
-    variant: "ghost",
-    get ["aria-controls"]() {
-      return domId();
-    },
-    "aria-expanded": "false",
-    "data-app-workspace-detail-toggle": "",
-    get ["data-workspace-detail-reopen"]() {
-      return props.onOpen ? "true" : undefined;
-    },
-    get disabled() {
-      return props.available === false;
+  })(), _$createComponent(Show, {
+    get when() {
+      return props.toggle !== false;
     },
-    "class": "k2b-app-workspace__detail-toggle",
     get children() {
-      return [_$getNextElement(_tmpl$10), _$memo(() => workspaceMessages().details)];
+      return _$createComponent(Button, {
+        type: "button",
+        variant: "ghost",
+        get ["aria-controls"]() {
+          return domId();
+        },
+        "aria-expanded": "false",
+        "data-app-workspace-detail-toggle": "",
+        get ["data-workspace-detail-reopen"]() {
+          return props.onOpen ? "true" : undefined;
+        },
+        get disabled() {
+          return props.available === false;
+        },
+        "class": "k2b-app-workspace__detail-toggle",
+        get children() {
+          return [_$getNextElement(_tmpl$10), _$memo(() => workspaceMessages().details)];
+        }
+      });
     }
   }), _$createComponent(Show, {
     get when() {
@@ -939,8 +946,13 @@ function AppWorkspaceSidebar(props) {
   createScrollFade(() => row, () => stacked());
   onMount(() => {
     const requestHide = () => props.onHiddenChange?.(true);
+    const requestShow = () => props.onHiddenChange?.(false);
     aside?.addEventListener(APP_WORKSPACE_SIDEBAR_HIDE_EVENT, requestHide);
-    onCleanup(() => aside?.removeEventListener(APP_WORKSPACE_SIDEBAR_HIDE_EVENT, requestHide));
+    aside?.addEventListener(APP_WORKSPACE_SIDEBAR_SHOW_EVENT, requestShow);
+    onCleanup(() => {
+      aside?.removeEventListener(APP_WORKSPACE_SIDEBAR_HIDE_EVENT, requestHide);
+      aside?.removeEventListener(APP_WORKSPACE_SIDEBAR_SHOW_EVENT, requestShow);
+    });
     // A client-rendered row settles here; server markup settled in its inline script.
     if (stacked() && row) settleChipRow(row, scrollFadeEdges);
   });
@@ -2839,6 +2851,8 @@ const AppWorkspace = props => {
         return head();
       }
     });
+    // Without a head row its slot draws nothing either.
+    if (props.head === false) return _$memo(() => slots().filter(value => !headSlot(value)));
     return _$memo(() => head() ? slots().map(value => headSlot(value) ? value.props === head() ? renderedHead : null : value) : [renderedHead, ...slots()]);
   };
   return _$createComponent(ResizeContext.Provider, {