@surdeddd/wmkit 0.6.1 → 0.7.1

package/README.md

@@ -15,7 +15,7 @@
 - 🪟 **Full window lifecycle** — open, close, focus, minimize, maximize, restore, drag, 8-direction resize
 - 🧠 **Headless core** — a serializable state machine plus a DOM controller; bring your own markup or use the glass theme
 - ⚛️ **Official adapters** — `@surdeddd/wmkit/react`, `/vue`, `/svelte`, `/solid`, `/angular`, all thin sugar over one core
-- 🗃️ **Tab groups** — drop one titlebar onto another and the windows share a frame, dockview style
+- 🗃️ **Tab groups** — drop one titlebar onto another and the windows share a frame, dockview style; the tab order is yours to reorder
 - ⊞ **Snap zones** — halves, quarters, thirds and drag-to-top maximize with a live preview
 - 🧲 **Magnetism** — window edges align to neighbours and the viewport while dragging
 - ↩️ **Undo/redo** — every mutation is one step; a whole drag collapses into a single history entry

package/README.ru.md

@@ -11,7 +11,7 @@
 - 🪟 **Полный жизненный цикл окна** — открытие, закрытие, фокус, сворачивание, разворачивание, восстановление, drag, ресайз в 8 направлениях
 - 🧠 **Headless-ядро** — сериализуемая стейт-машина плюс DOM-контроллер; своя разметка или готовая стеклянная тема
 - ⚛️ **Родные адаптеры** — `@surdeddd/wmkit/react`, `/vue`, `/svelte`, `/solid`, `/angular`, тонкий сахар над одним ядром
-- 🗃️ **Вкладочные группы** — бросьте заголовок на заголовок, и окна начнут делить одну рамку
+- 🗃️ **Вкладочные группы** — бросьте заголовок на заголовок, и окна начнут делить одну рамку; порядок вкладок можно менять
 - ⊞ **Snap-зоны** — половины, четверти, трети и максимизация от верхнего края с живым превью
 - 🧲 **Магнетизм** — края окна прилипают к соседям и вьюпорту при перетаскивании
 - ↩️ **Undo/redo** — каждая мутация = один шаг; целый drag схлопывается в одну запись истории

package/dist/angular.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDYZQY3BE_cjs = require('./chunk-DYZQY3BE.cjs');
+var chunk2VRCYMKH_cjs = require('./chunk-2VRCYMKH.cjs');
 var core = require('@angular/core');
 
 function onDestroy(dispose) {
@@ -13,7 +13,7 @@ function onDestroy(dispose) {
   destroyRef?.onDestroy(dispose);
 }
 function useWindowManager(options) {
-  const wm = chunkDYZQY3BE_cjs.createWindowManager(options);
+  const wm = chunk2VRCYMKH_cjs.createWindowManager(options);
   onDestroy(() => wm.destroy());
   return wm;
 }
@@ -28,7 +28,7 @@ function useWmWindow(wm, id) {
   return core.computed(() => state().windows[id]);
 }
 function createDesktop(wm, options) {
-  const binder = chunkDYZQY3BE_cjs.createDesktopBinder(wm, options);
+  const binder = chunk2VRCYMKH_cjs.createDesktopBinder(wm, options);
   onDestroy(() => binder.destroy());
   return {
     binder,

package/dist/angular.d.cts

@@ -1,6 +1,6 @@
 import { Signal } from '@angular/core';
-import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.cjs';
-import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-CQzQJdVj.cjs';
+import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-jG2lHGcA.cjs';
+import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-_L3Iww0u.cjs';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): Signal<ManagerState>;

package/dist/angular.d.ts

@@ -1,6 +1,6 @@
 import { Signal } from '@angular/core';
-import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-LP7Inhxx.js';
-import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-CkmOoo1U.js';
+import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-jG2lHGcA.js';
+import { D as DesktopBinder, W as WindowAttachOptions, a as DesktopOptions } from './binder-DvQFmO3K.js';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): Signal<ManagerState>;

package/dist/angular.js

@@ -1,4 +1,4 @@
-import { createWindowManager, createDesktopBinder } from './chunk-3HLKVOSI.js';
+import { createWindowManager, createDesktopBinder } from './chunk-WOCAQEM6.js';
 import { signal, computed, inject, DestroyRef } from '@angular/core';
 
 function onDestroy(dispose) {

package/dist/{binder-CkmOoo1U.d.ts → binder-DvQFmO3K.d.ts}

@@ -1,4 +1,4 @@
-import { f as Size, B as Bounds, g as SnapZone, W as WindowManager, b as WindowState } from './types-LP7Inhxx.js';
+import { f as Size, B as Bounds, g as SnapZone, W as WindowManager, b as WindowState } from './types-jG2lHGcA.js';
 
 declare function clamp(value: number, min: number, max: number): number;
 declare function clampSize(size: Size, min: Size, max: Size | null): Size;

package/dist/{binder-CQzQJdVj.d.cts → binder-_L3Iww0u.d.cts}

@@ -1,4 +1,4 @@
-import { f as Size, B as Bounds, g as SnapZone, W as WindowManager, b as WindowState } from './types-LP7Inhxx.cjs';
+import { f as Size, B as Bounds, g as SnapZone, W as WindowManager, b as WindowState } from './types-jG2lHGcA.cjs';
 
 declare function clamp(value: number, min: number, max: number): number;
 declare function clampSize(size: Size, min: Size, max: Size | null): Size;

package/dist/{chunk-DYZQY3BE.cjs → chunk-2VRCYMKH.cjs}

@@ -285,8 +285,7 @@ function createWindowManager(options = {}) {
   }
   function blockOf(id) {
     const win = windows[id];
-    if (win.groupId === null) return [id];
-    return [...membersOf(win.groupId).filter((entry) => entry !== id), id];
+    return win.groupId === null ? [id] : membersOf(win.groupId);
   }
   function raise(id) {
     const win = windows[id];
@@ -895,6 +894,37 @@ function createWindowManager(options = {}) {
     commit();
     return true;
   }
+  function moveTab(id, index) {
+    const win = windows[id];
+    if (!win?.groupId || !Number.isFinite(index)) return false;
+    const members = membersOf(win.groupId);
+    const from = members.indexOf(id);
+    const target = Math.max(0, Math.min(members.length - 1, Math.trunc(index)));
+    if (from === -1 || from === target) return false;
+    const reordered = [...members];
+    reordered.splice(from, 1);
+    reordered.splice(target, 0, id);
+    const next = [...order];
+    let cursor = 0;
+    for (let i = 0; i < next.length; i += 1) {
+      if (!members.includes(next[i])) continue;
+      next[i] = reordered[cursor++];
+    }
+    order = next;
+    emitGroup(win.groupId, null);
+    queueEvent(() => emitter.emit("order", { order }));
+    commit();
+    return true;
+  }
+  function cycleTab(direction = 1) {
+    const win = focusedId ? windows[focusedId] : void 0;
+    if (!win?.groupId) return null;
+    const members = membersOf(win.groupId);
+    const current = members.indexOf(activeTabs[win.groupId]);
+    const index = (current + direction + members.length) % members.length;
+    const next = members[index];
+    return activateTab(next) ? next : null;
+  }
   function groupMembers(groupId) {
     return membersOf(groupId).map((id) => windows[id]);
   }
@@ -997,6 +1027,7 @@ function createWindowManager(options = {}) {
     }
   }
   function applyEntry(entry) {
+    const previousWindows = windows;
     windows = entry.windows;
     order = [...entry.order];
     modalCount = countModals();
@@ -1008,6 +1039,16 @@ function createWindowManager(options = {}) {
     if (workspace !== previousWorkspace) {
       queueEvent(() => emitter.emit("workspace", { workspace, previous: previousWorkspace }));
     }
+    for (const id of Object.keys(previousWindows)) {
+      if (windows[id]) continue;
+      const closed = previousWindows[id];
+      queueEvent(() => emitter.emit("close", { window: closed }));
+    }
+    for (const id of order) {
+      if (previousWindows[id]) continue;
+      const opened = windows[id];
+      queueEvent(() => emitter.emit("open", { window: opened }));
+    }
     reflowViewport();
     commit();
   }
@@ -1303,6 +1344,8 @@ function createWindowManager(options = {}) {
     group: (ids) => transact(() => group(ids)),
     ungroup: (id) => transact(() => ungroup(id)),
     activateTab: (id) => transact(() => activateTab(id)),
+    moveTab: (id, index) => transact(() => moveTab(id, index)),
+    cycleTab: (direction) => transact(() => cycleTab(direction)),
     groupMembers,
     batch: (run) => transact(run),
     serialize,
@@ -1956,7 +1999,7 @@ function attachDesktop(wm, element, options = {}) {
   const registry = /* @__PURE__ */ new Map();
   const cleanup = [];
   let lastOrder = null;
-  let lastFocused = null;
+  let focusedEl = null;
   let drag = null;
   let groupTargetId = null;
   let groupTargetEl = null;
@@ -2143,16 +2186,11 @@ function attachDesktop(wm, element, options = {}) {
       }
     }
     if (orderChanged) applyStacking(state.order);
-    if (state.focusedId !== lastFocused) {
-      if (lastFocused) {
-        const prev = registry.get(lastFocused);
-        if (prev) delete prev.element.dataset.wmFocused;
-      }
-      if (state.focusedId) {
-        const next = registry.get(state.focusedId);
-        if (next) next.element.dataset.wmFocused = "";
-      }
-      lastFocused = state.focusedId;
+    const wanted = state.focusedId ? registry.get(state.focusedId)?.element ?? null : null;
+    if (wanted !== focusedEl) {
+      if (focusedEl) delete focusedEl.dataset.wmFocused;
+      focusedEl = wanted;
+      if (focusedEl) focusedEl.dataset.wmFocused = "";
     }
     lastOrder = state.order;
   }
@@ -2382,23 +2420,31 @@ function attachDesktop(wm, element, options = {}) {
     };
     windowElement.addEventListener("keydown", onModalTrap);
     attached.cleanup.push(() => windowElement.removeEventListener("keydown", onModalTrap));
+    let detached = false;
     const detach = () => {
+      if (detached) return;
+      detached = true;
       if (drag?.id === id) endDrag(true);
       for (const dispose of attached.cleanup) dispose();
       for (const resizeHandle of attached.handles) resizeHandle.remove();
       registry.delete(id);
+      if (registry.get(id)?.element !== windowElement) delete windowElement.dataset.wmWindow;
+      delete windowElement.dataset.wmFocused;
+      delete windowElement.dataset.wmTabTarget;
+      if (focusedEl === windowElement) focusedEl = null;
+      if (groupTargetEl === windowElement) {
+        groupTargetId = null;
+        groupTargetEl = null;
+      }
     };
-    if (windowOptions.removeOnClose) {
-      const stopOnClose = wm.on("close", ({ window: closed }) => {
-        if (closed.id !== id) return;
-        detach();
-        windowElement.remove();
-      });
-      attached.cleanup.push(stopOnClose);
-    }
+    const stopOnClose = wm.on("close", ({ window: closed }) => {
+      if (closed.id !== id) return;
+      detach();
+      if (windowOptions.removeOnClose) windowElement.remove();
+    });
+    attached.cleanup.push(stopOnClose);
     registry.set(id, attached);
     lastOrder = null;
-    lastFocused = null;
     syncAll();
     if (wm.getState().focusedId === id && !windowElement.contains(doc.activeElement)) {
       windowElement.focus({ preventScroll: true });
@@ -2488,5 +2534,5 @@ exports.flipToTarget = flipToTarget;
 exports.magnetize = magnetize;
 exports.prefersReducedMotion = prefersReducedMotion;
 exports.zoneBounds = zoneBounds;
-//# sourceMappingURL=chunk-DYZQY3BE.cjs.map
-//# sourceMappingURL=chunk-DYZQY3BE.cjs.map
+//# sourceMappingURL=chunk-2VRCYMKH.cjs.map
+//# sourceMappingURL=chunk-2VRCYMKH.cjs.map