@wildwinter/app-shell 0.35.0 → 0.36.0

package/dist/index.d.cts

@@ -150,6 +150,11 @@ interface PaneSideConfig {
     label?: string;
     /** Shortcut hint appended to the tooltip, e.g. "Cmd+1". */
     shortcutHint?: string;
+    /** false = the pane is not offered at all: no toggle, togglePane ignored,
+     *  forced closed whatever the remembered state says. For a slot a host has
+     *  retired but keeps mounted (Storyletter's inspector) - the shell used to
+     *  offer a chevron that opened a paneful of nothing. Default true. */
+    offered?: boolean;
 }
 interface PaneShellState {
     open: Record<PaneSide, boolean>;

package/dist/index.d.ts

@@ -150,6 +150,11 @@ interface PaneSideConfig {
     label?: string;
     /** Shortcut hint appended to the tooltip, e.g. "Cmd+1". */
     shortcutHint?: string;
+    /** false = the pane is not offered at all: no toggle, togglePane ignored,
+     *  forced closed whatever the remembered state says. For a slot a host has
+     *  retired but keeps mounted (Storyletter's inspector) - the shell used to
+     *  offer a chevron that opened a paneful of nothing. Default true. */
+    offered?: boolean;
 }
 interface PaneShellState {
     open: Record<PaneSide, boolean>;

package/dist/index.js

@@ -336,7 +336,11 @@ var openVar = { nav: "--nav-open-w", inspector: "--insp-open-w" };
 var collapseClass = { nav: "no-nav", inspector: "no-inspector" };
 function mountPaneShell(host, opts) {
   const cfg = { nav: opts.nav, inspector: opts.inspector };
-  const open = { nav: opts.initial?.open?.nav ?? true, inspector: opts.initial?.open?.inspector ?? true };
+  const offered = (side) => cfg[side].offered !== false;
+  const open = {
+    nav: offered("nav") && (opts.initial?.open?.nav ?? true),
+    inspector: offered("inspector") && (opts.initial?.open?.inspector ?? true)
+  };
   const width = { ...opts.initial?.width ?? {} };
   const el2 = (tag, cls) => {
     const n = document.createElement(tag);
@@ -366,6 +370,8 @@ function mountPaneShell(host, opts) {
   const root = el2("div", "pane-shell");
   root.append(topbar, panes);
   host.append(root);
+  if (!offered("nav")) navToggle.remove();
+  if (!offered("inspector")) inspToggle.remove();
   function applyToggleGlyph(side, button) {
     const isOpen = open[side];
     button.textContent = side === "nav" ? isOpen ? "\u2039" : "\u203A" : isOpen ? "\u203A" : "\u2039";
@@ -382,8 +388,8 @@ function mountPaneShell(host, opts) {
     panes.style.setProperty(openVar.inspector, width.inspector !== void 0 ? `${width.inspector}px` : cfg.inspector.defaultWidth);
     applyToggleGlyph("nav", navToggle);
     applyToggleGlyph("inspector", inspToggle);
-    navResizer.style.display = cfg.nav.resizable === false ? "none" : "";
-    inspResizer.style.display = cfg.inspector.resizable === false ? "none" : "";
+    navResizer.style.display = cfg.nav.resizable === false || !offered("nav") ? "none" : "";
+    inspResizer.style.display = cfg.inspector.resizable === false || !offered("inspector") ? "none" : "";
   }
   const snapshot = () => ({ open: { ...open }, width: { ...width } });
   const persist = () => opts.onChange?.(snapshot());
@@ -394,7 +400,7 @@ function mountPaneShell(host, opts) {
     persist();
   }
   function togglePane(side) {
-    setPaneOpen(side, !open[side]);
+    if (offered(side)) setPaneOpen(side, !open[side]);
   }
   function resetWidths() {
     delete width.nav;