@wildwinter/app-shell 0.35.0 → 0.36.0

package/dist/index.cjs

@@ -335,7 +335,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);
@@ -365,6 +369,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";
@@ -381,8 +387,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());
@@ -393,7 +399,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;