@kerfjs/ui 5.0.0-beta.3 → 5.0.0-beta.30

package/dist/{chunk-MQIZAD4A.js → chunk-UKKSMZYT.js}

@@ -5,7 +5,8 @@ var AUTO_SCROLL_MAX_PX_PER_SECOND = 900;
 function reorderTabs(items, getId, sourceId, targetId, position) {
   if (sourceId === targetId) return [...items];
   const source = items.find((item) => getId(item) === sourceId);
-  if (!source || !items.some((item) => getId(item) === targetId)) return [...items];
+  if (!source || !items.some((item) => getId(item) === targetId))
+    return [...items];
   const remaining = items.filter((item) => getId(item) !== sourceId);
   const targetIndex = remaining.findIndex((item) => getId(item) === targetId);
   remaining.splice(targetIndex + (position === "after" ? 1 : 0), 0, source);
@@ -28,18 +29,23 @@ function positionFor(event, tab) {
   return event.clientX < bounds.left + bounds.width / 2 ? "before" : "after";
 }
 function tabsIn(bar) {
-  return [...bar.querySelectorAll('[data-kui-tab-list] [role="tab"]')];
+  return [
+    ...bar.querySelectorAll(
+      '[data-kui-tab-list] [role="tab"]'
+    )
+  ];
 }
 function reveal(tab) {
   tab?.scrollIntoView({ block: "nearest", inline: "nearest" });
 }
-function wireTabBars(root, { onReorder }) {
+function wireTabBars(root, { onReorder, activation = "automatic" }) {
   const ownerDocument = root.nodeType === 9 ? root : root.ownerDocument;
   const view = ownerDocument.defaultView;
   let autoScroll;
   const stopAutoScroll = () => {
     if (!autoScroll) return;
-    if (autoScroll.frame !== void 0) view.cancelAnimationFrame(autoScroll.frame);
+    if (autoScroll.frame !== void 0)
+      view.cancelAnimationFrame(autoScroll.frame);
     delete autoScroll.strip.dataset.tabAutoscroll;
     autoScroll = void 0;
   };
@@ -49,9 +55,15 @@ function wireTabBars(root, { onReorder }) {
     current.frame = void 0;
     const elapsed = current.previousTime === void 0 ? 1e3 / 60 : Math.min(40, Math.max(1, time - current.previousTime));
     current.previousTime = time;
-    const maximum = Math.max(0, current.strip.scrollWidth - current.strip.clientWidth);
+    const maximum = Math.max(
+      0,
+      current.strip.scrollWidth - current.strip.clientWidth
+    );
     const previous = current.strip.scrollLeft;
-    current.strip.scrollLeft = Math.max(0, Math.min(maximum, previous + current.velocity * elapsed / 1e3));
+    current.strip.scrollLeft = Math.max(
+      0,
+      Math.min(maximum, previous + current.velocity * elapsed / 1e3)
+    );
     if (current.strip.scrollLeft === previous) {
       stopAutoScroll();
       return;
@@ -87,7 +99,12 @@ function wireTabBars(root, { onReorder }) {
     }
     const speed = AUTO_SCROLL_MIN_PX_PER_SECOND + (AUTO_SCROLL_MAX_PX_PER_SECOND - AUTO_SCROLL_MIN_PX_PER_SECOND) * strength * strength;
     if (autoScroll?.strip !== strip) stopAutoScroll();
-    autoScroll ??= { strip, velocity: 0, frame: void 0, previousTime: void 0 };
+    autoScroll ??= {
+      strip,
+      velocity: 0,
+      frame: void 0,
+      previousTime: void 0
+    };
     autoScroll.velocity = direction * speed;
     strip.dataset.tabAutoscroll = direction < 0 ? "start" : "end";
     autoScroll.frame ??= view.requestAnimationFrame(runAutoScroll);
@@ -97,13 +114,19 @@ function wireTabBars(root, { onReorder }) {
   const clear = () => {
     stopAutoScroll();
     dragged = void 0;
-    root.querySelectorAll("[data-tab-dragging], [data-tab-drop-position]").forEach((tab) => {
+    root.querySelectorAll(
+      "[data-tab-dragging], [data-tab-drop-position]"
+    ).forEach((tab) => {
       delete tab.dataset.tabDragging;
       delete tab.dataset.tabDropPosition;
     });
   };
+  let disposed = false;
   const afterControlledRender = (sourceBarId, sourceTabId) => globalThis.queueMicrotask(() => {
-    const tab = [...root.querySelectorAll('[data-component="app-tab"]')].find((candidate) => {
+    if (disposed) return;
+    const tab = [
+      ...root.querySelectorAll('[data-component="app-tab"]')
+    ].find((candidate) => {
       const candidateBar = tabBar(candidate);
       return tabId(candidate) === sourceTabId && candidateBar !== void 0 && barId(candidateBar) === sourceBarId;
     });
@@ -117,12 +140,16 @@ function wireTabBars(root, { onReorder }) {
     const bar = tab && tabBar(tab);
     const sourceId = tab && tabId(tab);
     const sourceBarId = bar && barId(bar);
-    if (!tab || tab.getAttribute("draggable") !== "true" || !sourceId || !sourceBarId) return;
+    if (!tab || tab.getAttribute("draggable") !== "true" || !sourceId || !sourceBarId)
+      return;
     dragged = { barId: sourceBarId, tabId: sourceId };
     tab.dataset.tabDragging = "true";
     if (dragEvent.dataTransfer) {
       dragEvent.dataTransfer.effectAllowed = "move";
-      dragEvent.dataTransfer.setData("application/x-kerf-tab", `${sourceBarId}:${sourceId}`);
+      dragEvent.dataTransfer.setData(
+        "application/x-kerf-tab",
+        `${sourceBarId}:${sourceId}`
+      );
     }
   };
   const onDragOver = (event) => {
@@ -156,7 +183,13 @@ function wireTabBars(root, { onReorder }) {
       return;
     }
     dragEvent.preventDefault();
-    const change = { barId: dragged.barId, sourceId: dragged.tabId, targetId, position: positionFor(dragEvent, tab), source: "pointer" };
+    const change = {
+      barId: dragged.barId,
+      sourceId: dragged.tabId,
+      targetId,
+      position: positionFor(dragEvent, tab),
+      source: "pointer"
+    };
     clear();
     onReorder(change);
     afterControlledRender(change.barId, change.sourceId);
@@ -178,27 +211,45 @@ function wireTabBars(root, { onReorder }) {
     const current = tabs.indexOf(button);
     if (current < 0) return;
     if (keyboardEvent.altKey && keyboardEvent.shiftKey && (keyboardEvent.key === "ArrowLeft" || keyboardEvent.key === "ArrowRight")) {
-      const target = tabs[current + (keyboardEvent.key === "ArrowLeft" ? -1 : 1)];
+      const target2 = tabs[current + (keyboardEvent.key === "ArrowLeft" ? -1 : 1)];
       const sourceId = tabId(tab);
-      const targetRoot = target && tabRoot(target);
+      const targetRoot = target2 && tabRoot(target2);
       const targetId = targetRoot && tabId(targetRoot);
       const sourceBarId = barId(bar);
-      if (!target || !sourceId || !targetId || !sourceBarId || tab.getAttribute("draggable") !== "true") return;
+      if (!target2 || !sourceId || !targetId || !sourceBarId || tab.getAttribute("draggable") !== "true")
+        return;
       keyboardEvent.preventDefault();
-      onReorder({ barId: sourceBarId, sourceId, targetId, position: keyboardEvent.key === "ArrowLeft" ? "before" : "after", source: "keyboard" });
+      onReorder({
+        barId: sourceBarId,
+        sourceId,
+        targetId,
+        position: keyboardEvent.key === "ArrowLeft" ? "before" : "after",
+        source: "keyboard"
+      });
       afterControlledRender(sourceBarId, sourceId);
       return;
     }
     let next;
     if (keyboardEvent.key === "ArrowRight") next = (current + 1) % tabs.length;
-    else if (keyboardEvent.key === "ArrowLeft") next = (current - 1 + tabs.length) % tabs.length;
+    else if (keyboardEvent.key === "ArrowLeft")
+      next = (current - 1 + tabs.length) % tabs.length;
     else if (keyboardEvent.key === "Home") next = 0;
     else if (keyboardEvent.key === "End") next = tabs.length - 1;
     if (next === void 0) return;
     keyboardEvent.preventDefault();
-    tabs[next]?.focus();
-    tabs[next]?.click();
-    reveal(tabs[next]);
+    const perBar = bar.dataset.tabActivation;
+    const mode = perBar === "manual" || perBar === "automatic" ? perBar : activation;
+    const target = tabs[next];
+    target.focus();
+    if (mode === "automatic") {
+      target.click();
+      if (!target.isConnected)
+        afterControlledRender(
+          bar.dataset.tabBarId,
+          tabRoot(target).dataset.tabId
+        );
+    }
+    reveal(target);
   };
   const onFocusIn = (event) => {
     const tab = event.target instanceof HTMLElement && event.target.matches('[role="tab"]') ? event.target : void 0;
@@ -210,8 +261,11 @@ function wireTabBars(root, { onReorder }) {
   root.addEventListener("dragend", clear);
   root.addEventListener("keydown", onKeyDown);
   root.addEventListener("focusin", onFocusIn);
-  root.querySelectorAll('[data-kui-tab-list] [role="tab"][aria-selected="true"]').forEach(reveal);
+  root.querySelectorAll(
+    '[data-kui-tab-list] [role="tab"][aria-selected="true"]'
+  ).forEach(reveal);
   return () => {
+    disposed = true;
     clear();
     root.removeEventListener("dragstart", onDragStart);
     root.removeEventListener("dragover", onDragOver);
@@ -224,4 +278,4 @@ function wireTabBars(root, { onReorder }) {
 
 export { reorderTabs, wireTabBars };
 
-//# sourceMappingURL=chunk-MQIZAD4A.js.map
+//# sourceMappingURL=chunk-UKKSMZYT.js.map

package/dist/chunk-UKKSMZYT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/wire-tab-bars.ts"],"names":["target"],"mappings":";AAkCA,IAAM,mBAAA,GAAsB,EAAA;AAC5B,IAAM,6BAAA,GAAgC,GAAA;AACtC,IAAM,6BAAA,GAAgC,GAAA;AAE/B,SAAS,WAAA,CACd,KAAA,EACA,KAAA,EACA,QAAA,EACA,UACA,QAAA,EACK;AACL,EAAA,IAAI,QAAA,KAAa,QAAA,EAAU,OAAO,CAAC,GAAG,KAAK,CAAA;AAC3C,EAAA,MAAM,MAAA,GAAS,MAAM,IAAA,CAAK,CAAC,SAAS,KAAA,CAAM,IAAI,MAAM,QAAQ,CAAA;AAC5D,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,KAAA,CAAM,IAAA,CAAK,CAAC,IAAA,KAAS,KAAA,CAAM,IAAI,CAAA,KAAM,QAAQ,CAAA;AAC3D,IAAA,OAAO,CAAC,GAAG,KAAK,CAAA;AAClB,EAAA,MAAM,SAAA,GAAY,MAAM,MAAA,CAAO,CAAC,SAAS,KAAA,CAAM,IAAI,MAAM,QAAQ,CAAA;AACjE,EAAA,MAAM,WAAA,GAAc,UAAU,SAAA,CAAU,CAAC,SAAS,KAAA,CAAM,IAAI,MAAM,QAAQ,CAAA;AAC1E,EAAA,SAAA,CAAU,OAAO,WAAA,IAAe,QAAA,KAAa,UAAU,CAAA,GAAI,CAAA,CAAA,EAAI,GAAG,MAAM,CAAA;AACxE,EAAA,OAAO,SAAA;AACT;AAEA,SAAS,QAAQ,MAAA,EAAiD;AAChE,EAAA,OAAO,kBAAkB,OAAA,GACpB,MAAA,CAAO,OAAA,CAAiB,4BAA4B,KAAK,MAAA,GAC1D,MAAA;AACN;AAEA,SAAS,OAAO,GAAA,EAAsC;AACpD,EAAA,OAAO,GAAA,CAAI,OAAA,CAAoB,4BAA4B,CAAA,IAAK,MAAA;AAClE;AAEA,SAAS,MAAM,GAAA,EAAkC;AAC/C,EAAA,OAAO,GAAA,CAAI,QAAQ,KAAA,IAAS,MAAA;AAC9B;AAEA,SAAS,MAAM,GAAA,EAAqC;AAClD,EAAA,OAAO,GAAA,CAAI,QAAQ,QAAA,IAAY,MAAA;AACjC;AAEA,SAAS,WAAA,CAAY,OAAkB,GAAA,EAA+B;AACpE,EAAA,MAAM,MAAA,GAAS,IAAI,qBAAA,EAAsB;AACzC,EAAA,OAAO,MAAM,OAAA,GAAU,MAAA,CAAO,OAAO,MAAA,CAAO,KAAA,GAAQ,IAAI,QAAA,GAAW,OAAA;AACrE;AAEA,SAAS,OAAO,GAAA,EAAsC;AACpD,EAAA,OAAO;AAAA,IACL,GAAG,GAAA,CAAI,gBAAA;AAAA,MACL;AAAA;AACF,GACF;AACF;AAEA,SAAS,OAAO,GAAA,EAA2C;AACzD,EAAA,GAAA,EAAK,eAAe,EAAE,KAAA,EAAO,SAAA,EAAW,MAAA,EAAQ,WAAW,CAAA;AAC7D;AAGO,SAAS,YACd,IAAA,EACA,EAAE,SAAA,EAAW,UAAA,GAAa,aAAY,EAC1B;AACZ,EAAA,MAAM,aAAA,GACJ,IAAA,CAAK,QAAA,KAAa,CAAA,GAAK,OAAoB,IAAA,CAAK,aAAA;AAElD,EAAA,MAAM,OAAO,aAAA,CAAc,WAAA;AAC3B,EAAA,IAAI,UAAA;AAQJ,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,CAAC,UAAA,EAAY;AACjB,IAAA,IAAI,WAAW,KAAA,KAAU,MAAA;AACvB,MAAA,IAAA,CAAK,oBAAA,CAAqB,WAAW,KAAK,CAAA;AAC5C,IAAA,OAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,aAAA;AAChC,IAAA,UAAA,GAAa,MAAA;AAAA,EACf,CAAA;AACA,EAAA,MAAM,aAAA,GAAgB,CAAC,IAAA,KAAiB;AACtC,IAAA,MAAM,OAAA,GAAU,UAAA;AAChB,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,OAAA,CAAQ,KAAA,GAAQ,MAAA;AAChB,IAAA,MAAM,OAAA,GACJ,OAAA,CAAQ,YAAA,KAAiB,MAAA,GACrB,MAAO,EAAA,GACP,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,KAAK,GAAA,CAAI,CAAA,EAAG,IAAA,GAAO,OAAA,CAAQ,YAAY,CAAC,CAAA;AAC3D,IAAA,OAAA,CAAQ,YAAA,GAAe,IAAA;AACvB,IAAA,MAAM,UAAU,IAAA,CAAK,GAAA;AAAA,MACnB,CAAA;AAAA,MACA,OAAA,CAAQ,KAAA,CAAM,WAAA,GAAc,OAAA,CAAQ,KAAA,CAAM;AAAA,KAC5C;AACA,IAAA,MAAM,QAAA,GAAW,QAAQ,KAAA,CAAM,UAAA;AAC/B,IAAA,OAAA,CAAQ,KAAA,CAAM,aAAa,IAAA,CAAK,GAAA;AAAA,MAC9B,CAAA;AAAA,MACA,KAAK,GAAA,CAAI,OAAA,EAAS,WAAY,OAAA,CAAQ,QAAA,GAAW,UAAW,GAAI;AAAA,KAClE;AACA,IAAA,IAAI,OAAA,CAAQ,KAAA,CAAM,UAAA,KAAe,QAAA,EAAU;AACzC,MAAA,cAAA,EAAe;AACf,MAAA;AAAA,IACF;AACA,IAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA,CAAK,qBAAA,CAAsB,aAAa,CAAA;AAAA,EAC1D,CAAA;AACA,EAAA,MAAM,gBAAA,GAAmB,CAAC,KAAA,EAAkB,KAAA,KAAuB;AACjE,IAAA,IAAI,KAAA,CAAM,WAAA,IAAe,KAAA,CAAM,WAAA,EAAa;AAC1C,MAAA,cAAA,EAAe;AACf,MAAA;AAAA,IACF;AACA,IAAA,MAAM,MAAA,GAAS,MAAM,qBAAA,EAAsB;AAC3C,IAAA,MAAM,OAAO,IAAA,CAAK,GAAA,CAAI,mBAAA,EAAqB,MAAA,CAAO,QAAQ,CAAC,CAAA;AAC3D,IAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,OAAA,GAAU,MAAA,CAAO,IAAA;AAC7C,IAAA,MAAM,WAAA,GAAc,MAAA,CAAO,KAAA,GAAQ,KAAA,CAAM,OAAA;AACzC,IAAA,IAAI,SAAA,GAAY,CAAA;AAChB,IAAA,IAAI,QAAA,GAAW,CAAA;AACf,IAAA,IAAI,aAAA,IAAiB,CAAA,IAAK,aAAA,GAAgB,IAAA,EAAM;AAC9C,MAAA,SAAA,GAAY,EAAA;AACZ,MAAA,QAAA,GAAW,IAAI,aAAA,GAAgB,IAAA;AAAA,IACjC,CAAA,MAAA,IAAW,WAAA,IAAe,CAAA,IAAK,WAAA,GAAc,IAAA,EAAM;AACjD,MAAA,SAAA,GAAY,CAAA;AACZ,MAAA,QAAA,GAAW,IAAI,WAAA,GAAc,IAAA;AAAA,IAC/B;AACA,IAAA,IAAI,cAAc,CAAA,EAAG;AACnB,MAAA,cAAA,EAAe;AACf,MAAA;AAAA,IACF;AACA,IAAA,MAAM,UAAU,IAAA,CAAK,GAAA,CAAI,GAAG,KAAA,CAAM,WAAA,GAAc,MAAM,WAAW,CAAA;AACjE,IAAA,IACG,SAAA,GAAY,KAAK,KAAA,CAAM,UAAA,IAAc,KACrC,SAAA,GAAY,CAAA,IAAK,KAAA,CAAM,UAAA,IAAc,OAAA,EACtC;AACA,MAAA,cAAA,EAAe;AACf,MAAA;AAAA,IACF;AACA,IAAA,MAAM,KAAA,GACJ,6BAAA,GAAA,CACC,6BAAA,GAAgC,6BAAA,IAC/B,QAAA,GACA,QAAA;AACJ,IAAA,IAAI,UAAA,EAAY,KAAA,KAAU,KAAA,EAAO,cAAA,EAAe;AAChD,IAAA,UAAA,KAAe;AAAA,MACb,KAAA;AAAA,MACA,QAAA,EAAU,CAAA;AAAA,MACV,KAAA,EAAO,MAAA;AAAA,MACP,YAAA,EAAc;AAAA,KAChB;AACA,IAAA,UAAA,CAAW,WAAW,SAAA,GAAY,KAAA;AAClC,IAAA,KAAA,CAAM,OAAA,CAAQ,aAAA,GAAgB,SAAA,GAAY,CAAA,GAAI,OAAA,GAAU,KAAA;AACxD,IAAA,UAAA,CAAW,KAAA,KAAU,IAAA,CAAK,qBAAA,CAAsB,aAAa,CAAA;AAAA,EAC/D,CAAA;AACA,EAAA,IAAI,OAAA;AACJ,EAAA,MAAM,kBAAA,GAAqB,MACzB,IAAA,CACG,gBAAA,CAA8B,0BAA0B,CAAA,CACxD,OAAA,CAAQ,CAAC,GAAA,KAAQ,OAAO,GAAA,CAAI,OAAA,CAAQ,eAAe,CAAA;AACxD,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,cAAA,EAAe;AACf,IAAA,OAAA,GAAU,MAAA;AACV,IAAA,IAAA,CACG,gBAAA;AAAA,MACC;AAAA,KACF,CACC,OAAA,CAAQ,CAAC,GAAA,KAAQ;AAChB,MAAA,OAAO,IAAI,OAAA,CAAQ,WAAA;AACnB,MAAA,OAAO,IAAI,OAAA,CAAQ,eAAA;AAAA,IACrB,CAAC,CAAA;AAAA,EACL,CAAA;AACA,EAAA,IAAI,QAAA,GAAW,KAAA;AACf,EAAA,MAAM,wBAAwB,CAAC,WAAA,EAAqB,WAAA,KAClD,UAAA,CAAW,eAAe,MAAM;AAC9B,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,GAAG,IAAA,CAAK,gBAAA,CAA0B,4BAA4B;AAAA,KAChE,CAAE,IAAA,CAAK,CAAC,SAAA,KAAc;AACpB,MAAA,MAAM,YAAA,GAAe,OAAO,SAAS,CAAA;AACrC,MAAA,OACE,KAAA,CAAM,SAAS,CAAA,KAAM,WAAA,IACrB,iBAAiB,MAAA,IACjB,KAAA,CAAM,YAAY,CAAA,KAAM,WAAA;AAAA,IAE5B,CAAC,CAAA;AACD,IAAA,MAAM,MAAA,GAAS,GAAA,EAAK,aAAA,CAAiC,cAAc,CAAA;AACnE,IAAA,MAAA,EAAQ,KAAA,EAAM;AACd,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA,EACf,CAAC,CAAA;AAEH,EAAA,MAAM,WAAA,GAAc,CAAC,KAAA,KAAiB;AACpC,IAAA,MAAM,SAAA,GAAY,KAAA;AAClB,IAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,KAAA,CAAM,MAAM,CAAA;AAChC,IAAA,MAAM,GAAA,GAAM,GAAA,IAAO,MAAA,CAAO,GAAG,CAAA;AAC7B,IAAA,MAAM,QAAA,GAAW,GAAA,IAAO,KAAA,CAAM,GAAG,CAAA;AACjC,IAAA,MAAM,WAAA,GAAc,GAAA,IAAO,KAAA,CAAM,GAAG,CAAA;AACpC,IAAA,IACE,CAAC,OACD,GAAA,CAAI,YAAA,CAAa,WAAW,CAAA,KAAM,MAAA,IAClC,CAAC,QAAA,IACD,CAAC,WAAA;AAED,MAAA;AACF,IAAA,OAAA,GAAU,EAAE,KAAA,EAAO,WAAA,EAAa,KAAA,EAAO,QAAA,EAAS;AAChD,IAAA,GAAA,CAAI,QAAQ,WAAA,GAAc,MAAA;AAC1B,IAAA,IAAI,UAAU,YAAA,EAAc;AAC1B,MAAA,SAAA,CAAU,aAAa,aAAA,GAAgB,MAAA;AACvC,MAAA,SAAA,CAAU,YAAA,CAAa,OAAA;AAAA,QACrB,wBAAA;AAAA,QACA,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,QAAQ,CAAA;AAAA,OAC5B;AAAA,IACF;AAAA,EACF,CAAA;AACA,EAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAiB;AACnC,IAAA,MAAM,SAAA,GAAY,KAAA;AAClB,IAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,KAAA,CAAM,MAAM,CAAA;AAChC,IAAA,MAAM,GAAA,GACJ,MAAM,MAAA,YAAkB,OAAA,GACnB,MAAM,MAAA,CAAO,OAAA,CAAoB,4BAA4B,CAAA,IAC9D,MAAA,GACA,MAAA;AACN,IAAA,MAAM,QAAA,GAAW,GAAA,IAAO,KAAA,CAAM,GAAG,CAAA;AACjC,IAAA,MAAM,WAAA,GAAc,GAAA,IAAO,KAAA,CAAM,GAAG,CAAA;AACpC,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,GAAA,IAAO,WAAA,KAAgB,QAAQ,KAAA,EAAO;AACrD,MAAA,cAAA,EAAe;AACf,MAAA,kBAAA,EAAmB;AACnB,MAAA;AAAA,IACF;AACA,IAAA,SAAA,CAAU,cAAA,EAAe;AACzB,IAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,aAAA,CAA2B,qBAAqB,CAAA;AAClE,IAAA,IAAI,KAAA,EAAO,gBAAA,CAAiB,SAAA,EAAW,KAAK,CAAA;AAAA,SACvC,cAAA,EAAe;AACpB,IAAA,kBAAA,EAAmB;AACnB,IAAA,IAAI,CAAC,GAAA,IAAO,CAAC,QAAA,IAAY,QAAA,KAAa,QAAQ,KAAA,EAAO;AACrD,IAAA,GAAA,CAAI,OAAA,CAAQ,eAAA,GAAkB,WAAA,CAAY,SAAA,EAAW,GAAG,CAAA;AACxD,IAAA,IAAI,SAAA,CAAU,YAAA,EAAc,SAAA,CAAU,YAAA,CAAa,UAAA,GAAa,MAAA;AAAA,EAClE,CAAA;AACA,EAAA,MAAM,MAAA,GAAS,CAAC,KAAA,KAAiB;AAC/B,IAAA,MAAM,SAAA,GAAY,KAAA;AAClB,IAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,KAAA,CAAM,MAAM,CAAA;AAChC,IAAA,MAAM,GAAA,GAAM,GAAA,IAAO,MAAA,CAAO,GAAG,CAAA;AAC7B,IAAA,MAAM,QAAA,GAAW,GAAA,IAAO,KAAA,CAAM,GAAG,CAAA;AACjC,IAAA,MAAM,WAAA,GAAc,GAAA,IAAO,KAAA,CAAM,GAAG,CAAA;AACpC,IAAA,IACE,CAAC,OAAA,IACD,CAAC,GAAA,IACD,CAAC,QAAA,IACD,QAAA,KAAa,OAAA,CAAQ,KAAA,IACrB,WAAA,KAAgB,OAAA,CAAQ,KAAA,EACxB;AACA,MAAA,KAAA,EAAM;AACN,MAAA;AAAA,IACF;AACA,IAAA,SAAA,CAAU,cAAA,EAAe;AACzB,IAAA,MAAM,MAAA,GAAqB;AAAA,MACzB,OAAO,OAAA,CAAQ,KAAA;AAAA,MACf,UAAU,OAAA,CAAQ,KAAA;AAAA,MAClB,QAAA;AAAA,MACA,QAAA,EAAU,WAAA,CAAY,SAAA,EAAW,GAAG,CAAA;AAAA,MACpC,MAAA,EAAQ;AAAA,KACV;AACA,IAAA,KAAA,EAAM;AACN,IAAA,SAAA,CAAU,MAAM,CAAA;AAChB,IAAA,qBAAA,CAAsB,MAAA,CAAO,KAAA,EAAO,MAAA,CAAO,QAAQ,CAAA;AAAA,EACrD,CAAA;AACA,EAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAiB;AAClC,IAAA,MAAM,aAAA,GAAgB,KAAA;AACtB,IAAA,MAAM,MAAA,GACJ,MAAM,MAAA,YAAkB,OAAA,GACpB,MAAM,MAAA,CAAO,OAAA,CAA2B,cAAc,CAAA,GACtD,IAAA;AACN,IAAA,MAAM,GAAA,GAAM,MAAA,IAAU,OAAA,CAAQ,MAAM,CAAA;AACpC,IAAA,MAAM,GAAA,GAAM,GAAA,IAAO,MAAA,CAAO,GAAG,CAAA;AAC7B,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,GAAA,IAAO,CAAC,GAAA,EAAK;AAC7B,IAAA,IAAI,aAAA,CAAc,GAAA,KAAQ,QAAA,IAAY,aAAA,CAAc,QAAQ,WAAA,EAAa;AACvE,MAAA,MAAM,KAAA,GAAQ,GAAA,CAAI,aAAA,CAAiC,qBAAqB,CAAA;AACxE,MAAA,IAAI,CAAC,KAAA,EAAO;AACZ,MAAA,aAAA,CAAc,cAAA,EAAe;AAC7B,MAAA,KAAA,CAAM,KAAA,EAAM;AACZ,MAAA;AAAA,IACF;AACA,IAAA,MAAM,IAAA,GAAO,OAAO,GAAG,CAAA;AACvB,IAAA,MAAM,OAAA,GAAU,IAAA,CAAK,OAAA,CAAQ,MAAM,CAAA;AACnC,IAAA,IAAI,UAAU,CAAA,EAAG;AACjB,IAAA,IACE,aAAA,CAAc,UACd,aAAA,CAAc,QAAA,KACb,cAAc,GAAA,KAAQ,WAAA,IAAe,aAAA,CAAc,GAAA,KAAQ,YAAA,CAAA,EAC5D;AACA,MAAA,MAAMA,UACJ,IAAA,CAAK,OAAA,IAAW,cAAc,GAAA,KAAQ,WAAA,GAAc,KAAK,CAAA,CAAE,CAAA;AAC7D,MAAA,MAAM,QAAA,GAAW,MAAM,GAAG,CAAA;AAC1B,MAAA,MAAM,UAAA,GAAaA,OAAAA,IAAU,OAAA,CAAQA,OAAM,CAAA;AAC3C,MAAA,MAAM,QAAA,GAAW,UAAA,IAAc,KAAA,CAAM,UAAU,CAAA;AAC/C,MAAA,MAAM,WAAA,GAAc,MAAM,GAAG,CAAA;AAC7B,MAAA,IACE,CAACA,OAAAA,IACD,CAAC,QAAA,IACD,CAAC,QAAA,IACD,CAAC,WAAA,IACD,GAAA,CAAI,YAAA,CAAa,WAAW,CAAA,KAAM,MAAA;AAElC,QAAA;AACF,MAAA,aAAA,CAAc,cAAA,EAAe;AAC7B,MAAA,SAAA,CAAU;AAAA,QACR,KAAA,EAAO,WAAA;AAAA,QACP,QAAA;AAAA,QACA,QAAA;AAAA,QACA,QAAA,EAAU,aAAA,CAAc,GAAA,KAAQ,WAAA,GAAc,QAAA,GAAW,OAAA;AAAA,QACzD,MAAA,EAAQ;AAAA,OACT,CAAA;AACD,MAAA,qBAAA,CAAsB,aAAa,QAAQ,CAAA;AAC3C,MAAA;AAAA,IACF;AACA,IAAA,IAAI,IAAA;AACJ,IAAA,IAAI,cAAc,GAAA,KAAQ,YAAA,EAAc,IAAA,GAAA,CAAQ,OAAA,GAAU,KAAK,IAAA,CAAK,MAAA;AAAA,SAAA,IAC3D,cAAc,GAAA,KAAQ,WAAA;AAC7B,MAAA,IAAA,GAAA,CAAQ,OAAA,GAAU,CAAA,GAAI,IAAA,CAAK,MAAA,IAAU,IAAA,CAAK,MAAA;AAAA,SAAA,IACnC,aAAA,CAAc,GAAA,KAAQ,MAAA,EAAQ,IAAA,GAAO,CAAA;AAAA,SAAA,IACrC,aAAA,CAAc,GAAA,KAAQ,KAAA,EAAO,IAAA,GAAO,KAAK,MAAA,GAAS,CAAA;AAC3D,IAAA,IAAI,SAAS,MAAA,EAAW;AACxB,IAAA,aAAA,CAAc,cAAA,EAAe;AAE7B,IAAA,MAAM,MAAA,GAAS,IAAI,OAAA,CAAQ,aAAA;AAC3B,IAAA,MAAM,IAAA,GACJ,MAAA,KAAW,QAAA,IAAY,MAAA,KAAW,cAAc,MAAA,GAAS,UAAA;AAC3D,IAAA,MAAM,MAAA,GAAS,KAAK,IAAI,CAAA;AACxB,IAAA,MAAA,CAAO,KAAA,EAAM;AAGb,IAAA,IAAI,SAAS,WAAA,EAAa;AACxB,MAAA,MAAA,CAAO,KAAA,EAAM;AAGb,MAAA,IAAI,CAAC,MAAA,CAAO,WAAA;AACV,QAAA,qBAAA;AAAA,UACE,IAAI,OAAA,CAAQ,QAAA;AAAA,UACZ,OAAA,CAAQ,MAAM,CAAA,CAAG,OAAA,CAAQ;AAAA,SAC3B;AAAA,IACJ;AACA,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA,EACf,CAAA;AACA,EAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAiB;AAClC,IAAA,MAAM,GAAA,GACJ,KAAA,CAAM,MAAA,YAAkB,WAAA,IACxB,KAAA,CAAM,OAAO,OAAA,CAAQ,cAAc,CAAA,GAC/B,KAAA,CAAM,MAAA,GACN,MAAA;AACN,IAAA,MAAA,CAAO,GAAG,CAAA;AAAA,EACZ,CAAA;AAEA,EAAA,IAAA,CAAK,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAC9C,EAAA,IAAA,CAAK,gBAAA,CAAiB,YAAY,UAAU,CAAA;AAC5C,EAAA,IAAA,CAAK,gBAAA,CAAiB,QAAQ,MAAM,CAAA;AACpC,EAAA,IAAA,CAAK,gBAAA,CAAiB,WAAW,KAAK,CAAA;AACtC,EAAA,IAAA,CAAK,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC1C,EAAA,IAAA,CAAK,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC1C,EAAA,IAAA,CACG,gBAAA;AAAA,IACC;AAAA,GACF,CACC,QAAQ,MAAM,CAAA;AAEjB,EAAA,OAAO,MAAM;AACX,IAAA,QAAA,GAAW,IAAA;AACX,IAAA,KAAA,EAAM;AACN,IAAA,IAAA,CAAK,mBAAA,CAAoB,aAAa,WAAW,CAAA;AACjD,IAAA,IAAA,CAAK,mBAAA,CAAoB,YAAY,UAAU,CAAA;AAC/C,IAAA,IAAA,CAAK,mBAAA,CAAoB,QAAQ,MAAM,CAAA;AACvC,IAAA,IAAA,CAAK,mBAAA,CAAoB,WAAW,KAAK,CAAA;AACzC,IAAA,IAAA,CAAK,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAC7C,IAAA,IAAA,CAAK,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAAA,EAC/C,CAAA;AACF","file":"chunk-UKKSMZYT.js","sourcesContent":["import type { TabActivation } from './tab-bar.js';\n\nexport type TabReorderSource = 'pointer' | 'keyboard';\nexport type TabDropPosition = 'before' | 'after';\n\nexport interface TabReorder {\n  barId: string;\n  sourceId: string;\n  targetId: string;\n  position: TabDropPosition;\n  source: TabReorderSource;\n}\n\nexport type { TabActivation } from './tab-bar.js';\n\nexport interface WireTabBarsOptions {\n  onReorder: (change: TabReorder) => void;\n  /**\n   * How arrow / Home / End keys activate tabs (default `'automatic'`):\n   * - `'automatic'` moves roving focus **and** selects the focused tab (clicks it).\n   * - `'manual'` moves roving focus only; the user selects with Enter / Space / click\n   *   (the ARIA Tabs manual-activation pattern). Use this when activation is a heavy or\n   *   side-effecting action (e.g. a tab that loads a project) so arrowing through the\n   *   strip doesn't trigger it on every tab.\n   *\n   * A per-bar `data-tab-activation=\"manual\" | \"automatic\"` attribute (see the `TabBar`\n   * `activation` prop) overrides this option for that strip.\n   */\n  activation?: TabActivation;\n}\n\ntype TabRoot = HTMLElement;\ntype TabBarRoot = HTMLElement;\n\nconst AUTO_SCROLL_EDGE_PX = 56;\nconst AUTO_SCROLL_MIN_PX_PER_SECOND = 180;\nconst AUTO_SCROLL_MAX_PX_PER_SECOND = 900;\n\nexport function reorderTabs<T>(\n  items: readonly T[],\n  getId: (item: T) => string,\n  sourceId: string,\n  targetId: string,\n  position: TabDropPosition,\n): T[] {\n  if (sourceId === targetId) return [...items];\n  const source = items.find((item) => getId(item) === sourceId);\n  if (!source || !items.some((item) => getId(item) === targetId))\n    return [...items];\n  const remaining = items.filter((item) => getId(item) !== sourceId);\n  const targetIndex = remaining.findIndex((item) => getId(item) === targetId);\n  remaining.splice(targetIndex + (position === 'after' ? 1 : 0), 0, source);\n  return remaining;\n}\n\nfunction tabRoot(target: EventTarget | null): TabRoot | undefined {\n  return target instanceof Element\n    ? (target.closest<TabRoot>('[data-component=\"app-tab\"]') ?? undefined)\n    : undefined;\n}\n\nfunction tabBar(tab: TabRoot): TabBarRoot | undefined {\n  return tab.closest<TabBarRoot>('[data-component=\"tab-bar\"]') ?? undefined;\n}\n\nfunction tabId(tab: TabRoot): string | undefined {\n  return tab.dataset.tabId || undefined;\n}\n\nfunction barId(bar: TabBarRoot): string | undefined {\n  return bar.dataset.tabBarId || undefined;\n}\n\nfunction positionFor(event: DragEvent, tab: TabRoot): TabDropPosition {\n  const bounds = tab.getBoundingClientRect();\n  return event.clientX < bounds.left + bounds.width / 2 ? 'before' : 'after';\n}\n\nfunction tabsIn(bar: TabBarRoot): HTMLButtonElement[] {\n  return [\n    ...bar.querySelectorAll<HTMLButtonElement>(\n      '[data-kui-tab-list] [role=\"tab\"]',\n    ),\n  ];\n}\n\nfunction reveal(tab: HTMLElement | null | undefined): void {\n  tab?.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n}\n\n/** Wire reordering and keyboard navigation while leaving controlled state in the application. */\nexport function wireTabBars(\n  root: HTMLElement | Document,\n  { onReorder, activation = 'automatic' }: WireTabBarsOptions,\n): () => void {\n  const ownerDocument = (\n    root.nodeType === 9 ? (root as Document) : root.ownerDocument\n  )!;\n  const view = ownerDocument.defaultView!;\n  let autoScroll:\n    | {\n        strip: HTMLElement;\n        velocity: number;\n        frame: number | undefined;\n        previousTime: number | undefined;\n      }\n    | undefined;\n  const stopAutoScroll = () => {\n    if (!autoScroll) return;\n    if (autoScroll.frame !== undefined)\n      view.cancelAnimationFrame(autoScroll.frame);\n    delete autoScroll.strip.dataset.tabAutoscroll;\n    autoScroll = undefined;\n  };\n  const runAutoScroll = (time: number) => {\n    const current = autoScroll;\n    if (!current) return;\n    current.frame = undefined;\n    const elapsed =\n      current.previousTime === undefined\n        ? 1000 / 60\n        : Math.min(40, Math.max(1, time - current.previousTime));\n    current.previousTime = time;\n    const maximum = Math.max(\n      0,\n      current.strip.scrollWidth - current.strip.clientWidth,\n    );\n    const previous = current.strip.scrollLeft;\n    current.strip.scrollLeft = Math.max(\n      0,\n      Math.min(maximum, previous + (current.velocity * elapsed) / 1000),\n    );\n    if (current.strip.scrollLeft === previous) {\n      stopAutoScroll();\n      return;\n    }\n    current.frame = view.requestAnimationFrame(runAutoScroll);\n  };\n  const updateAutoScroll = (event: DragEvent, strip: HTMLElement) => {\n    if (strip.scrollWidth <= strip.clientWidth) {\n      stopAutoScroll();\n      return;\n    }\n    const bounds = strip.getBoundingClientRect();\n    const edge = Math.min(AUTO_SCROLL_EDGE_PX, bounds.width / 3);\n    const startDistance = event.clientX - bounds.left;\n    const endDistance = bounds.right - event.clientX;\n    let direction = 0;\n    let strength = 0;\n    if (startDistance >= 0 && startDistance < edge) {\n      direction = -1;\n      strength = 1 - startDistance / edge;\n    } else if (endDistance >= 0 && endDistance < edge) {\n      direction = 1;\n      strength = 1 - endDistance / edge;\n    }\n    if (direction === 0) {\n      stopAutoScroll();\n      return;\n    }\n    const maximum = Math.max(0, strip.scrollWidth - strip.clientWidth);\n    if (\n      (direction < 0 && strip.scrollLeft <= 0) ||\n      (direction > 0 && strip.scrollLeft >= maximum)\n    ) {\n      stopAutoScroll();\n      return;\n    }\n    const speed =\n      AUTO_SCROLL_MIN_PX_PER_SECOND +\n      (AUTO_SCROLL_MAX_PX_PER_SECOND - AUTO_SCROLL_MIN_PX_PER_SECOND) *\n        strength *\n        strength;\n    if (autoScroll?.strip !== strip) stopAutoScroll();\n    autoScroll ??= {\n      strip,\n      velocity: 0,\n      frame: undefined,\n      previousTime: undefined,\n    };\n    autoScroll.velocity = direction * speed;\n    strip.dataset.tabAutoscroll = direction < 0 ? 'start' : 'end';\n    autoScroll.frame ??= view.requestAnimationFrame(runAutoScroll);\n  };\n  let dragged: { barId: string; tabId: string } | undefined;\n  const clearDropPositions = () =>\n    root\n      .querySelectorAll<HTMLElement>('[data-tab-drop-position]')\n      .forEach((tab) => delete tab.dataset.tabDropPosition);\n  const clear = () => {\n    stopAutoScroll();\n    dragged = undefined;\n    root\n      .querySelectorAll<HTMLElement>(\n        '[data-tab-dragging], [data-tab-drop-position]',\n      )\n      .forEach((tab) => {\n        delete tab.dataset.tabDragging;\n        delete tab.dataset.tabDropPosition;\n      });\n  };\n  let disposed = false;\n  const afterControlledRender = (sourceBarId: string, sourceTabId: string) =>\n    globalThis.queueMicrotask(() => {\n      if (disposed) return;\n      const tab = [\n        ...root.querySelectorAll<TabRoot>('[data-component=\"app-tab\"]'),\n      ].find((candidate) => {\n        const candidateBar = tabBar(candidate);\n        return (\n          tabId(candidate) === sourceTabId &&\n          candidateBar !== undefined &&\n          barId(candidateBar) === sourceBarId\n        );\n      });\n      const button = tab?.querySelector<HTMLButtonElement>('[role=\"tab\"]');\n      button?.focus();\n      reveal(button);\n    });\n\n  const onDragStart = (event: Event) => {\n    const dragEvent = event as DragEvent;\n    const tab = tabRoot(event.target);\n    const bar = tab && tabBar(tab);\n    const sourceId = tab && tabId(tab);\n    const sourceBarId = bar && barId(bar);\n    if (\n      !tab ||\n      tab.getAttribute('draggable') !== 'true' ||\n      !sourceId ||\n      !sourceBarId\n    )\n      return;\n    dragged = { barId: sourceBarId, tabId: sourceId };\n    tab.dataset.tabDragging = 'true';\n    if (dragEvent.dataTransfer) {\n      dragEvent.dataTransfer.effectAllowed = 'move';\n      dragEvent.dataTransfer.setData(\n        'application/x-kerf-tab',\n        `${sourceBarId}:${sourceId}`,\n      );\n    }\n  };\n  const onDragOver = (event: Event) => {\n    const dragEvent = event as DragEvent;\n    const tab = tabRoot(event.target);\n    const bar =\n      event.target instanceof Element\n        ? (event.target.closest<TabBarRoot>('[data-component=\"tab-bar\"]') ??\n          undefined)\n        : undefined;\n    const targetId = tab && tabId(tab);\n    const targetBarId = bar && barId(bar);\n    if (!dragged || !bar || targetBarId !== dragged.barId) {\n      stopAutoScroll();\n      clearDropPositions();\n      return;\n    }\n    dragEvent.preventDefault();\n    const strip = bar.querySelector<HTMLElement>('[data-kui-tab-list]');\n    if (strip) updateAutoScroll(dragEvent, strip);\n    else stopAutoScroll();\n    clearDropPositions();\n    if (!tab || !targetId || targetId === dragged.tabId) return;\n    tab.dataset.tabDropPosition = positionFor(dragEvent, tab);\n    if (dragEvent.dataTransfer) dragEvent.dataTransfer.dropEffect = 'move';\n  };\n  const onDrop = (event: Event) => {\n    const dragEvent = event as DragEvent;\n    const tab = tabRoot(event.target);\n    const bar = tab && tabBar(tab);\n    const targetId = tab && tabId(tab);\n    const targetBarId = bar && barId(bar);\n    if (\n      !dragged ||\n      !tab ||\n      !targetId ||\n      targetId === dragged.tabId ||\n      targetBarId !== dragged.barId\n    ) {\n      clear();\n      return;\n    }\n    dragEvent.preventDefault();\n    const change: TabReorder = {\n      barId: dragged.barId,\n      sourceId: dragged.tabId,\n      targetId,\n      position: positionFor(dragEvent, tab),\n      source: 'pointer',\n    };\n    clear();\n    onReorder(change);\n    afterControlledRender(change.barId, change.sourceId);\n  };\n  const onKeyDown = (event: Event) => {\n    const keyboardEvent = event as KeyboardEvent;\n    const button =\n      event.target instanceof Element\n        ? event.target.closest<HTMLButtonElement>('[role=\"tab\"]')\n        : null;\n    const tab = button && tabRoot(button);\n    const bar = tab && tabBar(tab);\n    if (!button || !tab || !bar) return;\n    if (keyboardEvent.key === 'Delete' || keyboardEvent.key === 'Backspace') {\n      const close = tab.querySelector<HTMLButtonElement>('.kui-app-tab__close');\n      if (!close) return;\n      keyboardEvent.preventDefault();\n      close.click();\n      return;\n    }\n    const tabs = tabsIn(bar);\n    const current = tabs.indexOf(button);\n    if (current < 0) return;\n    if (\n      keyboardEvent.altKey &&\n      keyboardEvent.shiftKey &&\n      (keyboardEvent.key === 'ArrowLeft' || keyboardEvent.key === 'ArrowRight')\n    ) {\n      const target =\n        tabs[current + (keyboardEvent.key === 'ArrowLeft' ? -1 : 1)];\n      const sourceId = tabId(tab);\n      const targetRoot = target && tabRoot(target);\n      const targetId = targetRoot && tabId(targetRoot);\n      const sourceBarId = barId(bar);\n      if (\n        !target ||\n        !sourceId ||\n        !targetId ||\n        !sourceBarId ||\n        tab.getAttribute('draggable') !== 'true'\n      )\n        return;\n      keyboardEvent.preventDefault();\n      onReorder({\n        barId: sourceBarId,\n        sourceId,\n        targetId,\n        position: keyboardEvent.key === 'ArrowLeft' ? 'before' : 'after',\n        source: 'keyboard',\n      });\n      afterControlledRender(sourceBarId, sourceId);\n      return;\n    }\n    let next: number | undefined;\n    if (keyboardEvent.key === 'ArrowRight') next = (current + 1) % tabs.length;\n    else if (keyboardEvent.key === 'ArrowLeft')\n      next = (current - 1 + tabs.length) % tabs.length;\n    else if (keyboardEvent.key === 'Home') next = 0;\n    else if (keyboardEvent.key === 'End') next = tabs.length - 1;\n    if (next === undefined) return;\n    keyboardEvent.preventDefault();\n    // A per-bar data-tab-activation attribute overrides the wireTabBars option.\n    const perBar = bar.dataset.tabActivation;\n    const mode: TabActivation =\n      perBar === 'manual' || perBar === 'automatic' ? perBar : activation;\n    const target = tabs[next]!;\n    target.focus();\n    // Manual activation moves roving focus only; the user selects with Enter / Space\n    // (native on the tab <button>) or click. Automatic also selects the focused tab.\n    if (mode === 'automatic') {\n      target.click();\n      // Activation can synchronously replace the controlled strip. Resolve the\n      // logical tab again after rendering instead of leaving focus on a dead node.\n      if (!target.isConnected)\n        afterControlledRender(\n          bar.dataset.tabBarId!,\n          tabRoot(target)!.dataset.tabId!,\n        );\n    }\n    reveal(target);\n  };\n  const onFocusIn = (event: Event) => {\n    const tab =\n      event.target instanceof HTMLElement &&\n      event.target.matches('[role=\"tab\"]')\n        ? event.target\n        : undefined;\n    reveal(tab);\n  };\n\n  root.addEventListener('dragstart', onDragStart);\n  root.addEventListener('dragover', onDragOver);\n  root.addEventListener('drop', onDrop);\n  root.addEventListener('dragend', clear);\n  root.addEventListener('keydown', onKeyDown);\n  root.addEventListener('focusin', onFocusIn);\n  root\n    .querySelectorAll<HTMLElement>(\n      '[data-kui-tab-list] [role=\"tab\"][aria-selected=\"true\"]',\n    )\n    .forEach(reveal);\n\n  return () => {\n    disposed = true;\n    clear();\n    root.removeEventListener('dragstart', onDragStart);\n    root.removeEventListener('dragover', onDragOver);\n    root.removeEventListener('drop', onDrop);\n    root.removeEventListener('dragend', clear);\n    root.removeEventListener('keydown', onKeyDown);\n    root.removeEventListener('focusin', onFocusIn);\n  };\n}\n"]}

package/dist/chunk-V6GQKOX2.js

@@ -0,0 +1,39 @@
+import { Skeleton } from './chunk-T7DOWS6T.js';
+import { em } from './chunk-OL4TC3U2.js';
+import { jsx } from 'kerfjs/jsx-runtime';
+
+function ToolbarText({
+  text,
+  size = "default",
+  className = "",
+  id,
+  headingLevel,
+  placeholder = false,
+  wrap = false,
+  ellipsis = true,
+  maxLines = null
+}) {
+  const capped = wrap && maxLines != null && maxLines > 0;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      class: `kui-toolbar-text ${className}`.trim(),
+      "data-component": "toolbar-text",
+      "data-size": size,
+      "data-wrap": wrap ? "true" : void 0,
+      "data-ellipsis": ellipsis ? void 0 : "false",
+      "data-max-lines": capped ? String(maxLines) : void 0,
+      style: capped ? `--kui-toolbar-text-max-lines:${maxLines}` : void 0,
+      "data-placeholder": placeholder ? "true" : void 0,
+      id,
+      role: headingLevel ? "heading" : void 0,
+      "aria-level": headingLevel ? String(headingLevel) : void 0,
+      "aria-busy": placeholder ? "true" : void 0,
+      children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(8) }) : /* @__PURE__ */ jsx("span", { class: "kui-toolbar-text__text", children: text })
+    }
+  );
+}
+
+export { ToolbarText };
+
+//# sourceMappingURL=chunk-V6GQKOX2.js.map

package/dist/chunk-V6GQKOX2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toolbar-text.tsx"],"names":[],"mappings":";;;;AA4CO,SAAS,WAAA,CAAY;AAAA,EAC1B,IAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,SAAA,GAAY,EAAA;AAAA,EACZ,EAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,IAAA,GAAO,KAAA;AAAA,EACP,QAAA,GAAW,IAAA;AAAA,EACX,QAAA,GAAW;AACb,CAAA,EAAqB;AACnB,EAAA,MAAM,MAAA,GAAS,IAAA,IAAQ,QAAA,IAAY,IAAA,IAAQ,QAAA,GAAW,CAAA;AACtD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,iBAAA,EAAoB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC5C,gBAAA,EAAe,cAAA;AAAA,MACf,WAAA,EAAW,IAAA;AAAA,MACX,WAAA,EAAW,OAAO,MAAA,GAAS,MAAA;AAAA,MAC3B,eAAA,EAAe,WAAW,MAAA,GAAY,OAAA;AAAA,MACtC,gBAAA,EAAgB,MAAA,GAAS,MAAA,CAAO,QAAQ,CAAA,GAAI,MAAA;AAAA,MAC5C,KAAA,EAAO,MAAA,GAAS,CAAA,6BAAA,EAAgC,QAAQ,CAAA,CAAA,GAAK,MAAA;AAAA,MAC7D,kBAAA,EAAkB,cAAc,MAAA,GAAS,MAAA;AAAA,MACzC,EAAA;AAAA,MACA,IAAA,EAAM,eAAe,SAAA,GAAY,MAAA;AAAA,MACjC,YAAA,EAAY,YAAA,GAAe,MAAA,CAAO,YAAY,CAAA,GAAI,MAAA;AAAA,MAClD,WAAA,EAAW,cAAc,MAAA,GAAS,MAAA;AAAA,MAEjC,QAAA,EAAA,WAAA,mBACC,GAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAO,EAAA,CAAG,CAAC,CAAA,EAAG,CAAA,mBAExB,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,wBAAA,EAA0B,QAAA,EAAA,IAAA,EAAK;AAAA;AAAA,GAE/C;AAEJ","file":"chunk-V6GQKOX2.js","sourcesContent":["import { em } from './css-values.js';\nimport { Skeleton } from './skeleton.js';\n\nexport type ToolbarTextSize = 'xlarge' | 'large' | 'default' | 'small';\n\n/** ARIA heading level for a title exposed as a heading landmark. */\nexport type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\ninterface ToolbarTextBaseProps {\n  text: string;\n  size?: ToolbarTextSize;\n  className?: string;\n  /** Optional id, e.g. so a dialog can reference the title via aria-labelledby. */\n  id?: string;\n  /**\n   * Expose heading semantics (`role=\"heading\"` + `aria-level`) so the text acts as\n   * a heading landmark — e.g. a page's primary title. Omit to keep the plain span\n   * (the default), which suits a dialog title referenced via `aria-labelledby`.\n   */\n  headingLevel?: HeadingLevel;\n  /** Render the text as an unanimated loading skeleton instead of its value. */\n  placeholder?: boolean;\n  /**\n   * Show a trailing ellipsis (…) where the text is truncated — on the single line\n   * (default), or at the `maxLines` boundary when wrapping. Set false to hard-clip\n   * instead. Default true.\n   */\n  ellipsis?: boolean;\n  /**\n   * Cap wrapped text to this many lines, truncating past it. Only takes effect with\n   * `wrap`; ignored on a single line. `null`/omitted wraps without a line cap. Default null.\n   */\n}\n\ntype ToolbarTextWrappingProps =\n  | {\n      /** Wrap onto multiple lines; combine with `maxLines` to cap them. */\n      wrap: true;\n      maxLines?: number | null;\n    }\n  | { wrap?: false; maxLines?: never };\n\nexport type ToolbarTextProps = ToolbarTextBaseProps & ToolbarTextWrappingProps;\n\nexport function ToolbarText({\n  text,\n  size = 'default',\n  className = '',\n  id,\n  headingLevel,\n  placeholder = false,\n  wrap = false,\n  ellipsis = true,\n  maxLines = null,\n}: ToolbarTextProps) {\n  const capped = wrap && maxLines != null && maxLines > 0;\n  return (\n    <span\n      class={`kui-toolbar-text ${className}`.trim()}\n      data-component=\"toolbar-text\"\n      data-size={size}\n      data-wrap={wrap ? 'true' : undefined}\n      data-ellipsis={ellipsis ? undefined : 'false'}\n      data-max-lines={capped ? String(maxLines) : undefined}\n      style={capped ? `--kui-toolbar-text-max-lines:${maxLines}` : undefined}\n      data-placeholder={placeholder ? 'true' : undefined}\n      id={id}\n      role={headingLevel ? 'heading' : undefined}\n      aria-level={headingLevel ? String(headingLevel) : undefined}\n      aria-busy={placeholder ? 'true' : undefined}\n    >\n      {placeholder ? (\n        <Skeleton width={em(8)} />\n      ) : (\n        <span class=\"kui-toolbar-text__text\">{text}</span>\n      )}\n    </span>\n  );\n}\n"]}

package/dist/chunk-V6HCTCVD.js

@@ -0,0 +1,46 @@
+import { Skeleton } from './chunk-T7DOWS6T.js';
+import { em } from './chunk-OL4TC3U2.js';
+import { jsxs, jsx } from 'kerfjs/jsx-runtime';
+
+function ValueTableRow({
+  label,
+  value,
+  icon,
+  className = "",
+  placeholder = false
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      class: `kui-value-table__row ${className}`.trim(),
+      "data-has-icon": String(Boolean(icon)),
+      "data-placeholder": placeholder ? "true" : void 0,
+      children: [
+        /* @__PURE__ */ jsxs("dt", { children: [
+          icon && /* @__PURE__ */ jsx("span", { class: "kui-value-table__icon", children: icon }),
+          /* @__PURE__ */ jsx("span", { class: "kui-value-table__label", children: label })
+        ] }),
+        /* @__PURE__ */ jsx("dd", { children: placeholder ? /* @__PURE__ */ jsx(Skeleton, { width: em(10) }) : value })
+      ]
+    }
+  );
+}
+function ValueTable({
+  label,
+  className = "",
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      class: `kui-value-table ${className}`.trim(),
+      "data-component": "value-table",
+      "aria-label": label,
+      children
+    }
+  );
+}
+
+export { ValueTable, ValueTableRow };
+
+//# sourceMappingURL=chunk-V6HCTCVD.js.map

package/dist/chunk-V6HCTCVD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/value-table-row.tsx","../src/value-table.tsx"],"names":["jsx"],"mappings":";;;;AAcO,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,WAAA,GAAc;AAChB,CAAA,EAAuB;AACrB,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,qBAAA,EAAwB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAChD,eAAA,EAAe,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAC,CAAA;AAAA,MACnC,kBAAA,EAAkB,cAAc,MAAA,GAAS,MAAA;AAAA,MAEzC,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,uBAAA,EAAyB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,0BACnD,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,wBAAA,EAA0B,QAAA,EAAA,KAAA,EAAM;AAAA,SAAA,EAC9C,CAAA;AAAA,wBACA,GAAA,CAAC,IAAA,EAAA,EAAI,QAAA,EAAA,WAAA,mBAAc,GAAA,CAAC,QAAA,EAAA,EAAS,OAAO,EAAA,CAAG,EAAE,CAAA,EAAG,CAAA,GAAK,KAAA,EAAM;AAAA;AAAA;AAAA,GACzD;AAEJ;ACxBO,SAAS,UAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,EAAoB;AAClB,EAAA,uBACEA,GAAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,CAAA,gBAAA,EAAmB,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK;AAAA,MAC3C,gBAAA,EAAe,aAAA;AAAA,MACf,YAAA,EAAY,KAAA;AAAA,MAEX;AAAA;AAAA,GACH;AAEJ","file":"chunk-V6HCTCVD.js","sourcesContent":["import type { SafeHtml } from 'kerfjs';\n\nimport { em } from './css-values.js';\nimport { Skeleton } from './skeleton.js';\n\nexport interface ValueTableRowProps {\n  label: string | SafeHtml;\n  value: string | SafeHtml;\n  icon?: SafeHtml;\n  className?: string;\n  /** Render the value as an unanimated loading skeleton, keeping the field label. */\n  placeholder?: boolean;\n}\n\nexport function ValueTableRow({\n  label,\n  value,\n  icon,\n  className = '',\n  placeholder = false,\n}: ValueTableRowProps) {\n  return (\n    <div\n      class={`kui-value-table__row ${className}`.trim()}\n      data-has-icon={String(Boolean(icon))}\n      data-placeholder={placeholder ? 'true' : undefined}\n    >\n      <dt>\n        {icon && <span class=\"kui-value-table__icon\">{icon}</span>}\n        <span class=\"kui-value-table__label\">{label}</span>\n      </dt>\n      <dd>{placeholder ? <Skeleton width={em(10)} /> : value}</dd>\n    </div>\n  );\n}\n","import type { KerfUiContent } from './semantic-content.js';\n\nexport { ValueTableRow, type ValueTableRowProps } from './value-table-row.js';\n\nexport interface ValueTableProps {\n  label: string;\n  className?: string;\n  children: KerfUiContent;\n}\n\nexport function ValueTable({\n  label,\n  className = '',\n  children,\n}: ValueTableProps) {\n  return (\n    <dl\n      class={`kui-value-table ${className}`.trim()}\n      data-component=\"value-table\"\n      aria-label={label}\n    >\n      {children}\n    </dl>\n  );\n}\n"]}