@surdeddd/wmkit 0.6.0 → 0.7.0

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 chunkE47Q36LM_cjs = require('./chunk-E47Q36LM.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 = chunkE47Q36LM_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 = chunkE47Q36LM_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-VQ3TLK3N.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-E47Q36LM.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]);
   }
@@ -1303,6 +1333,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,
@@ -2488,5 +2520,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-E47Q36LM.cjs.map
+//# sourceMappingURL=chunk-E47Q36LM.cjs.map