@kitlangton/knobs 0.1.0 → 0.3.0

package/dist/dev/{chunk-e13znr7c.js → chunk-v8ssbcbk.js}

@@ -1,12 +1,13 @@
 import {
   __preload
-} from "./chunk-qtt698hp.js";
+} from "./chunk-7xgkerd2.js";
 import {
   iconSvg,
   readSession,
   writeSession,
-  injectStyles
-} from "./chunk-kdewv0mt.js";
+  injectStyles,
+  toggleLayer
+} from "./chunk-pmkvb9ep.js";
 
 // src/panel/attach.ts
 function attach(controls, element, options = {}) {
@@ -32,11 +33,11 @@ function attach(controls, element, options = {}) {
   let addedTabIndex = !element.hasAttribute("tabindex") && !element.matches("a[href],button,input,select,textarea");
   if (addedTabIndex)
     element.tabIndex = 0;
-  let hovered = element.matches(":hover"), disposed = !1, loading = !1, panel, leaving, revealed = () => reveal !== "shortcut" || knobsMode(win), position = () => {
+  let hovered = element.matches(":hover"), disposed = !1, loading = !1, panel, leaving, toggledOn = !0, revealed = () => reveal !== "shortcut" || knobsMode(win), position = () => {
     let box = element.getBoundingClientRect();
     chip.style.left = `${Math.max(4, Math.min(win.innerWidth - chip.offsetWidth - 4, box.right - chip.offsetWidth - 6))}px`, chip.style.top = `${Math.max(4, box.top + 6)}px`;
   }, update = () => {
-    let shown = controls.enabled && revealed() && !panel && (reveal === "always" || hovered || element.contains(doc.activeElement) || doc.activeElement === chip);
+    let shown = controls.enabled && toggledOn && revealed() && !panel && (reveal === "always" || hovered || element.contains(doc.activeElement) || doc.activeElement === chip);
     if (shown)
       position();
     if (setShown(shown), !controls.enabled)
@@ -82,7 +83,7 @@ function attach(controls, element, options = {}) {
       return;
     loading = !0;
     try {
-      let { createPanel } = await (__preload("ktsn42p7"), import("./chunk-ktsn42p7.js"));
+      let { createPanel } = await (__preload("jx1ktap3"), import("./chunk-jx1ktap3.js"));
       if (disposed || !controls.enabled || panel)
         return;
       if (panel = createPanel(controls, element, close, { restored, chip }), remember)
@@ -105,9 +106,19 @@ function attach(controls, element, options = {}) {
     update();
   }, offShortcut = reveal === "shortcut" ? listenForShortcut(win, shortcut, controls.theme) : void 0;
   win.addEventListener(MODE_EVENT, onMode);
+  let toggled = controls.toggleKey ? toggleLayer(doc).register({
+    id: controls.id,
+    key: controls.toggleKey,
+    storage: () => controls.storage,
+    root: chip,
+    show: (shown) => {
+      toggledOn = shown, update();
+    }
+  }) : void 0;
+  toggledOn = toggled?.shown ?? !0;
   let unsubscribe = controls.subscribe(update);
   return update(), () => {
-    disposed = !0, unsubscribe(), panel?.dispose(), leaving?.dispose(), observer.disconnect(), offShortcut?.(), win.removeEventListener(MODE_EVENT, onMode), win.removeEventListener("scroll", position, !0), win.removeEventListener("resize", position);
+    disposed = !0, toggled?.dispose(), unsubscribe(), panel?.dispose(), leaving?.dispose(), observer.disconnect(), offShortcut?.(), win.removeEventListener(MODE_EVENT, onMode), win.removeEventListener("scroll", position, !0), win.removeEventListener("resize", position);
     for (let node of [element, chip])
       node.removeEventListener("pointerenter", enter), node.removeEventListener("pointerleave", leave), node.removeEventListener("focusin", update), node.removeEventListener("focusout", focusOut);
     if (chip.remove(), addedTabIndex && element.getAttribute("tabindex") === "0")