@surdeddd/wmkit 0.3.0 → 0.4.1

package/dist/{types-DdCtDHgt.d.cts → types-t6pyVYKN.d.cts}

@@ -11,7 +11,7 @@ interface Bounds {
 type WindowStage = 'normal' | 'minimized' | 'maximized' | 'snapped';
 type WindowLayer = 'normal' | 'floating' | 'modal';
 type ArrangeMode = 'cascade' | 'tile';
-type SnapZone = 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type SnapZone = 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-third' | 'center-third' | 'right-third';
 interface WindowFlags {
     draggable: boolean;
     resizable: boolean;
@@ -29,8 +29,10 @@ interface WindowState extends WindowFlags {
     stage: WindowStage;
     snapZone: SnapZone | null;
     layer: WindowLayer;
+    workspace: number;
     minSize: Size;
     maxSize: Size | null;
+    aspectRatio: number | null;
     openedSeq: number;
     meta: Record<string, unknown>;
 }
@@ -45,20 +47,18 @@ interface WindowInit extends Partial<WindowFlags> {
     minHeight?: number;
     maxWidth?: number;
     maxHeight?: number;
+    aspectRatio?: number;
     stage?: WindowStage;
     layer?: WindowLayer;
+    workspace?: number;
     meta?: Record<string, unknown>;
 }
-interface HistoryEntry {
-    windows: Readonly<Record<string, WindowState>>;
-    order: readonly string[];
-    focusedId: string | null;
-}
 interface ManagerState {
     windows: Readonly<Record<string, WindowState>>;
     order: readonly string[];
     focusedId: string | null;
     viewport: Size;
+    workspace: number;
 }
 interface SerializedMaxSize {
     width: number | null;
@@ -72,6 +72,7 @@ interface SerializedState {
     windows: SerializedWindowState[];
     order: string[];
     focusedId: string | null;
+    workspace: number;
 }
 interface ManagerEvents {
     open: {
@@ -100,6 +101,10 @@ interface ManagerEvents {
     order: {
         order: readonly string[];
     };
+    workspace: {
+        workspace: number;
+        previous: number;
+    };
     modalblocked: {
         window: WindowState;
     };
@@ -119,12 +124,14 @@ interface ManagerOptions {
     };
     idPrefix?: string;
     historyLimit?: number;
+    workspace?: number;
 }
 interface WindowUpdate {
     title?: string;
     layer?: WindowLayer;
     minSize?: Size;
     maxSize?: Size | null;
+    aspectRatio?: number | null;
     meta?: Record<string, unknown>;
     draggable?: boolean;
     resizable?: boolean;
@@ -148,12 +155,17 @@ interface WindowManager {
     snap(id: string, zone: SnapZone): boolean;
     move(id: string, x: number, y: number): boolean;
     moveBy(id: string, dx: number, dy: number): boolean;
+    center(id: string): boolean;
+    sendToBack(id: string): boolean;
     resize(id: string, patch: Partial<Bounds>): boolean;
     update(id: string, patch: WindowUpdate): boolean;
     get(id: string): WindowState | undefined;
     getState(): ManagerState;
     minimized(): readonly WindowState[];
     setViewport(viewport: Size): void;
+    workspace(): number;
+    setWorkspace(workspace: number): boolean;
+    moveToWorkspace(id: string, workspace: number): boolean;
     batch(run: () => void): void;
     serialize(): SerializedState;
     hydrate(data: SerializedState): boolean;
@@ -163,6 +175,8 @@ interface WindowManager {
     canRedo(): boolean;
     beginInteraction(): void;
     endInteraction(): void;
+    abortInteraction(): void;
+    clearHistory(): void;
     saveLayout(name: string): SerializedState;
     loadLayout(name: string): boolean;
     getLayout(name: string): SerializedState | undefined;
@@ -177,4 +191,4 @@ interface WindowManager {
     destroy(): void;
 }
 
-export type { ArrangeMode as A, Bounds as B, HistoryEntry as H, ManagerOptions as M, SerializedMaxSize as S, WindowManager as W, ManagerState as a, WindowState as b, ManagerEvents as c, SerializedState as d, SerializedWindowState as e, Size as f, SnapZone as g, WindowFlags as h, WindowInit as i, WindowLayer as j, WindowStage as k, WindowUpdate as l };
+export type { ArrangeMode as A, Bounds as B, ManagerOptions as M, SerializedMaxSize as S, WindowManager as W, ManagerState as a, WindowState as b, ManagerEvents as c, SerializedState as d, SerializedWindowState as e, Size as f, SnapZone as g, WindowFlags as h, WindowInit as i, WindowLayer as j, WindowStage as k, WindowUpdate as l };

package/dist/{types-DdCtDHgt.d.ts → types-t6pyVYKN.d.ts}

@@ -11,7 +11,7 @@ interface Bounds {
 type WindowStage = 'normal' | 'minimized' | 'maximized' | 'snapped';
 type WindowLayer = 'normal' | 'floating' | 'modal';
 type ArrangeMode = 'cascade' | 'tile';
-type SnapZone = 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type SnapZone = 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-third' | 'center-third' | 'right-third';
 interface WindowFlags {
     draggable: boolean;
     resizable: boolean;
@@ -29,8 +29,10 @@ interface WindowState extends WindowFlags {
     stage: WindowStage;
     snapZone: SnapZone | null;
     layer: WindowLayer;
+    workspace: number;
     minSize: Size;
     maxSize: Size | null;
+    aspectRatio: number | null;
     openedSeq: number;
     meta: Record<string, unknown>;
 }
@@ -45,20 +47,18 @@ interface WindowInit extends Partial<WindowFlags> {
     minHeight?: number;
     maxWidth?: number;
     maxHeight?: number;
+    aspectRatio?: number;
     stage?: WindowStage;
     layer?: WindowLayer;
+    workspace?: number;
     meta?: Record<string, unknown>;
 }
-interface HistoryEntry {
-    windows: Readonly<Record<string, WindowState>>;
-    order: readonly string[];
-    focusedId: string | null;
-}
 interface ManagerState {
     windows: Readonly<Record<string, WindowState>>;
     order: readonly string[];
     focusedId: string | null;
     viewport: Size;
+    workspace: number;
 }
 interface SerializedMaxSize {
     width: number | null;
@@ -72,6 +72,7 @@ interface SerializedState {
     windows: SerializedWindowState[];
     order: string[];
     focusedId: string | null;
+    workspace: number;
 }
 interface ManagerEvents {
     open: {
@@ -100,6 +101,10 @@ interface ManagerEvents {
     order: {
         order: readonly string[];
     };
+    workspace: {
+        workspace: number;
+        previous: number;
+    };
     modalblocked: {
         window: WindowState;
     };
@@ -119,12 +124,14 @@ interface ManagerOptions {
     };
     idPrefix?: string;
     historyLimit?: number;
+    workspace?: number;
 }
 interface WindowUpdate {
     title?: string;
     layer?: WindowLayer;
     minSize?: Size;
     maxSize?: Size | null;
+    aspectRatio?: number | null;
     meta?: Record<string, unknown>;
     draggable?: boolean;
     resizable?: boolean;
@@ -148,12 +155,17 @@ interface WindowManager {
     snap(id: string, zone: SnapZone): boolean;
     move(id: string, x: number, y: number): boolean;
     moveBy(id: string, dx: number, dy: number): boolean;
+    center(id: string): boolean;
+    sendToBack(id: string): boolean;
     resize(id: string, patch: Partial<Bounds>): boolean;
     update(id: string, patch: WindowUpdate): boolean;
     get(id: string): WindowState | undefined;
     getState(): ManagerState;
     minimized(): readonly WindowState[];
     setViewport(viewport: Size): void;
+    workspace(): number;
+    setWorkspace(workspace: number): boolean;
+    moveToWorkspace(id: string, workspace: number): boolean;
     batch(run: () => void): void;
     serialize(): SerializedState;
     hydrate(data: SerializedState): boolean;
@@ -163,6 +175,8 @@ interface WindowManager {
     canRedo(): boolean;
     beginInteraction(): void;
     endInteraction(): void;
+    abortInteraction(): void;
+    clearHistory(): void;
     saveLayout(name: string): SerializedState;
     loadLayout(name: string): boolean;
     getLayout(name: string): SerializedState | undefined;
@@ -177,4 +191,4 @@ interface WindowManager {
     destroy(): void;
 }
 
-export type { ArrangeMode as A, Bounds as B, HistoryEntry as H, ManagerOptions as M, SerializedMaxSize as S, WindowManager as W, ManagerState as a, WindowState as b, ManagerEvents as c, SerializedState as d, SerializedWindowState as e, Size as f, SnapZone as g, WindowFlags as h, WindowInit as i, WindowLayer as j, WindowStage as k, WindowUpdate as l };
+export type { ArrangeMode as A, Bounds as B, ManagerOptions as M, SerializedMaxSize as S, WindowManager as W, ManagerState as a, WindowState as b, ManagerEvents as c, SerializedState as d, SerializedWindowState as e, Size as f, SnapZone as g, WindowFlags as h, WindowInit as i, WindowLayer as j, WindowStage as k, WindowUpdate as l };

package/dist/vue.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkB35DANTX_cjs = require('./chunk-B35DANTX.cjs');
+var chunkTJ6QOOJ2_cjs = require('./chunk-TJ6QOOJ2.cjs');
 var vue = require('vue');
 
 function disposeWithScope(dispose) {
   if (vue.getCurrentScope()) vue.onScopeDispose(dispose);
 }
 function useWindowManager(options) {
-  const wm = chunkB35DANTX_cjs.createWindowManager(options);
+  const wm = chunkTJ6QOOJ2_cjs.createWindowManager(options);
   disposeWithScope(() => wm.destroy());
   return wm;
 }
@@ -25,7 +25,8 @@ function useWmWindow(wm, id) {
   return vue.computed(() => state.value.windows[vue.toValue(id)]);
 }
 function useDesktop(wm, target, options) {
-  const binder = chunkB35DANTX_cjs.createDesktopBinder(wm, options);
+  const binder = chunkTJ6QOOJ2_cjs.createDesktopBinder(wm, options);
+  disposeWithScope(() => binder.destroy());
   vue.watch(
     target,
     (element, _previous, onCleanup) => {

package/dist/vue.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/adapters/vue.ts"],"names":["getCurrentScope","onScopeDispose","createWindowManager","shallowRef","computed","toValue","createDesktopBinder","watch"],"mappings":";;;;;AAiBA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAIA,mBAAA,EAAgB,EAAGC,kBAAA,CAAe,OAAO,CAAA;AAC/C;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAKC,sCAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA6C;AACtE,EAAA,MAAM,KAAA,GAAQC,cAAA,CAAW,EAAA,CAAG,QAAA,EAAU,CAAA;AACtC,EAAA,gBAAA;AAAA,IACE,EAAA,CAAG,SAAA,CAAU,CAAC,IAAA,KAAS;AACrB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB,CAAC;AAAA,GACH;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACsC;AACtC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAOC,YAAA,CAAS,MAAM,KAAA,CAAM,KAAA,CAAM,QAAQC,WAAA,CAAQ,EAAE,CAAC,CAAC,CAAA;AACxD;AAEO,SAAS,UAAA,CACd,EAAA,EACA,MAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM,MAAA,GAASC,qCAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAAC,SAAA;AAAA,IACE,MAAA;AAAA,IACA,CAAC,OAAA,EAAS,SAAA,EAAW,SAAA,KAAc;AACjC,MAAA,IAAI,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,aAAA,CACd,MAAA,EACA,EAAA,EACA,MAAA,EACA,OAAA,EACM;AACN,EAAAA,SAAA;AAAA,IACE,CAAC,MAAA,EAAQ,MAAMF,WAAA,CAAQ,EAAE,CAAC,CAAA;AAAA,IAC1B,CAAC,CAAC,OAAA,EAAS,QAAQ,CAAA,EAAG,WAAW,SAAA,KAAc;AAC7C,MAAA,IAAI,OAAA,IAAW,UAAU,SAAA,CAAU,MAAA,CAAO,WAAW,QAAA,EAAU,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,IAClF,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACF","file":"vue.cjs","sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  getCurrentScope,\n  type MaybeRefOrGetter,\n  onScopeDispose,\n  type Ref,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport { createWindowManager } from '../core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from '../core/types'\nimport { createDesktopBinder, type DesktopBinder } from '../dom/binder'\nimport type { DesktopOptions, WindowAttachOptions } from '../dom/shared'\n\nfunction disposeWithScope(dispose: () => void): void {\n  if (getCurrentScope()) onScopeDispose(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithScope(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ShallowRef<ManagerState> {\n  const state = shallowRef(wm.getState())\n  disposeWithScope(\n    wm.subscribe((next) => {\n      state.value = next\n    }),\n  )\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: MaybeRefOrGetter<string>,\n): ComputedRef<WindowState | undefined> {\n  const state = useWmState(wm)\n  return computed(() => state.value.windows[toValue(id)])\n}\n\nexport function useDesktop(\n  wm: WindowManager,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: DesktopOptions,\n): DesktopBinder {\n  const binder = createDesktopBinder(wm, options)\n  watch(\n    target,\n    (element, _previous, onCleanup) => {\n      if (element) onCleanup(binder.bindDesktop(element))\n    },\n    { immediate: true, flush: 'post' },\n  )\n  return binder\n}\n\nexport function useWmWindowEl(\n  binder: DesktopBinder,\n  id: MaybeRefOrGetter<string>,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: WindowAttachOptions,\n): void {\n  watch(\n    [target, () => toValue(id)],\n    ([element, windowId], _previous, onCleanup) => {\n      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options))\n    },\n    { immediate: true, flush: 'post' },\n  )\n}\n"]}
+{"version":3,"sources":["../src/adapters/vue.ts"],"names":["getCurrentScope","onScopeDispose","createWindowManager","shallowRef","computed","toValue","createDesktopBinder","watch"],"mappings":";;;;;AAiBA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAIA,mBAAA,EAAgB,EAAGC,kBAAA,CAAe,OAAO,CAAA;AAC/C;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAKC,sCAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA6C;AACtE,EAAA,MAAM,KAAA,GAAQC,cAAA,CAAW,EAAA,CAAG,QAAA,EAAU,CAAA;AACtC,EAAA,gBAAA;AAAA,IACE,EAAA,CAAG,SAAA,CAAU,CAAC,IAAA,KAAS;AACrB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB,CAAC;AAAA,GACH;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACsC;AACtC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAOC,YAAA,CAAS,MAAM,KAAA,CAAM,KAAA,CAAM,QAAQC,WAAA,CAAQ,EAAE,CAAC,CAAC,CAAA;AACxD;AAEO,SAAS,UAAA,CACd,EAAA,EACA,MAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM,MAAA,GAASC,qCAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAA,gBAAA,CAAiB,MAAM,MAAA,CAAO,OAAA,EAAS,CAAA;AACvC,EAAAC,SAAA;AAAA,IACE,MAAA;AAAA,IACA,CAAC,OAAA,EAAS,SAAA,EAAW,SAAA,KAAc;AACjC,MAAA,IAAI,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,aAAA,CACd,MAAA,EACA,EAAA,EACA,MAAA,EACA,OAAA,EACM;AACN,EAAAA,SAAA;AAAA,IACE,CAAC,MAAA,EAAQ,MAAMF,WAAA,CAAQ,EAAE,CAAC,CAAA;AAAA,IAC1B,CAAC,CAAC,OAAA,EAAS,QAAQ,CAAA,EAAG,WAAW,SAAA,KAAc;AAC7C,MAAA,IAAI,OAAA,IAAW,UAAU,SAAA,CAAU,MAAA,CAAO,WAAW,QAAA,EAAU,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,IAClF,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACF","file":"vue.cjs","sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  getCurrentScope,\n  type MaybeRefOrGetter,\n  onScopeDispose,\n  type Ref,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport { createWindowManager } from '../core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from '../core/types'\nimport { createDesktopBinder, type DesktopBinder } from '../dom/binder'\nimport type { DesktopOptions, WindowAttachOptions } from '../dom/shared'\n\nfunction disposeWithScope(dispose: () => void): void {\n  if (getCurrentScope()) onScopeDispose(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithScope(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ShallowRef<ManagerState> {\n  const state = shallowRef(wm.getState())\n  disposeWithScope(\n    wm.subscribe((next) => {\n      state.value = next\n    }),\n  )\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: MaybeRefOrGetter<string>,\n): ComputedRef<WindowState | undefined> {\n  const state = useWmState(wm)\n  return computed(() => state.value.windows[toValue(id)])\n}\n\nexport function useDesktop(\n  wm: WindowManager,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: DesktopOptions,\n): DesktopBinder {\n  const binder = createDesktopBinder(wm, options)\n  disposeWithScope(() => binder.destroy())\n  watch(\n    target,\n    (element, _previous, onCleanup) => {\n      if (element) onCleanup(binder.bindDesktop(element))\n    },\n    { immediate: true, flush: 'post' },\n  )\n  return binder\n}\n\nexport function useWmWindowEl(\n  binder: DesktopBinder,\n  id: MaybeRefOrGetter<string>,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: WindowAttachOptions,\n): void {\n  watch(\n    [target, () => toValue(id)],\n    ([element, windowId], _previous, onCleanup) => {\n      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options))\n    },\n    { immediate: true, flush: 'post' },\n  )\n}\n"]}

package/dist/vue.d.cts

@@ -1,6 +1,6 @@
 import { Ref, ShallowRef, MaybeRefOrGetter, ComputedRef } from 'vue';
-import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-DdCtDHgt.cjs';
-import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-Dq_AZRbo.cjs';
+import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-t6pyVYKN.cjs';
+import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-Dl07SXIM.cjs';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): ShallowRef<ManagerState>;

package/dist/vue.d.ts

@@ -1,6 +1,6 @@
 import { Ref, ShallowRef, MaybeRefOrGetter, ComputedRef } from 'vue';
-import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-DdCtDHgt.js';
-import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-0Oku22Nc.js';
+import { W as WindowManager, M as ManagerOptions, a as ManagerState, b as WindowState } from './types-t6pyVYKN.js';
+import { a as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-B2A2IZGh.js';
 
 declare function useWindowManager(options?: ManagerOptions): WindowManager;
 declare function useWmState(wm: WindowManager): ShallowRef<ManagerState>;

package/dist/vue.js

@@ -1,4 +1,4 @@
-import { createWindowManager, createDesktopBinder } from './chunk-YCHJXSTC.js';
+import { createWindowManager, createDesktopBinder } from './chunk-OOEDFA7K.js';
 import { shallowRef, computed, toValue, watch, getCurrentScope, onScopeDispose } from 'vue';
 
 function disposeWithScope(dispose) {
@@ -24,6 +24,7 @@ function useWmWindow(wm, id) {
 }
 function useDesktop(wm, target, options) {
   const binder = createDesktopBinder(wm, options);
+  disposeWithScope(() => binder.destroy());
   watch(
     target,
     (element, _previous, onCleanup) => {

package/dist/vue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/adapters/vue.ts"],"names":[],"mappings":";;;AAiBA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAI,eAAA,EAAgB,EAAG,cAAA,CAAe,OAAO,CAAA;AAC/C;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAK,oBAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA6C;AACtE,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,EAAA,CAAG,QAAA,EAAU,CAAA;AACtC,EAAA,gBAAA;AAAA,IACE,EAAA,CAAG,SAAA,CAAU,CAAC,IAAA,KAAS;AACrB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB,CAAC;AAAA,GACH;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACsC;AACtC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAO,QAAA,CAAS,MAAM,KAAA,CAAM,KAAA,CAAM,QAAQ,OAAA,CAAQ,EAAE,CAAC,CAAC,CAAA;AACxD;AAEO,SAAS,UAAA,CACd,EAAA,EACA,MAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM,MAAA,GAAS,mBAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAA,KAAA;AAAA,IACE,MAAA;AAAA,IACA,CAAC,OAAA,EAAS,SAAA,EAAW,SAAA,KAAc;AACjC,MAAA,IAAI,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,aAAA,CACd,MAAA,EACA,EAAA,EACA,MAAA,EACA,OAAA,EACM;AACN,EAAA,KAAA;AAAA,IACE,CAAC,MAAA,EAAQ,MAAM,OAAA,CAAQ,EAAE,CAAC,CAAA;AAAA,IAC1B,CAAC,CAAC,OAAA,EAAS,QAAQ,CAAA,EAAG,WAAW,SAAA,KAAc;AAC7C,MAAA,IAAI,OAAA,IAAW,UAAU,SAAA,CAAU,MAAA,CAAO,WAAW,QAAA,EAAU,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,IAClF,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACF","file":"vue.js","sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  getCurrentScope,\n  type MaybeRefOrGetter,\n  onScopeDispose,\n  type Ref,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport { createWindowManager } from '../core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from '../core/types'\nimport { createDesktopBinder, type DesktopBinder } from '../dom/binder'\nimport type { DesktopOptions, WindowAttachOptions } from '../dom/shared'\n\nfunction disposeWithScope(dispose: () => void): void {\n  if (getCurrentScope()) onScopeDispose(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithScope(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ShallowRef<ManagerState> {\n  const state = shallowRef(wm.getState())\n  disposeWithScope(\n    wm.subscribe((next) => {\n      state.value = next\n    }),\n  )\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: MaybeRefOrGetter<string>,\n): ComputedRef<WindowState | undefined> {\n  const state = useWmState(wm)\n  return computed(() => state.value.windows[toValue(id)])\n}\n\nexport function useDesktop(\n  wm: WindowManager,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: DesktopOptions,\n): DesktopBinder {\n  const binder = createDesktopBinder(wm, options)\n  watch(\n    target,\n    (element, _previous, onCleanup) => {\n      if (element) onCleanup(binder.bindDesktop(element))\n    },\n    { immediate: true, flush: 'post' },\n  )\n  return binder\n}\n\nexport function useWmWindowEl(\n  binder: DesktopBinder,\n  id: MaybeRefOrGetter<string>,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: WindowAttachOptions,\n): void {\n  watch(\n    [target, () => toValue(id)],\n    ([element, windowId], _previous, onCleanup) => {\n      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options))\n    },\n    { immediate: true, flush: 'post' },\n  )\n}\n"]}
+{"version":3,"sources":["../src/adapters/vue.ts"],"names":[],"mappings":";;;AAiBA,SAAS,iBAAiB,OAAA,EAA2B;AACnD,EAAA,IAAI,eAAA,EAAgB,EAAG,cAAA,CAAe,OAAO,CAAA;AAC/C;AAEO,SAAS,iBAAiB,OAAA,EAAyC;AACxE,EAAA,MAAM,EAAA,GAAK,oBAAoB,OAAO,CAAA;AACtC,EAAA,gBAAA,CAAiB,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA;AACnC,EAAA,OAAO,EAAA;AACT;AAEO,SAAS,WAAW,EAAA,EAA6C;AACtE,EAAA,MAAM,KAAA,GAAQ,UAAA,CAAW,EAAA,CAAG,QAAA,EAAU,CAAA;AACtC,EAAA,gBAAA;AAAA,IACE,EAAA,CAAG,SAAA,CAAU,CAAC,IAAA,KAAS;AACrB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB,CAAC;AAAA,GACH;AACA,EAAA,OAAO,KAAA;AACT;AAEO,SAAS,WAAA,CACd,IACA,EAAA,EACsC;AACtC,EAAA,MAAM,KAAA,GAAQ,WAAW,EAAE,CAAA;AAC3B,EAAA,OAAO,QAAA,CAAS,MAAM,KAAA,CAAM,KAAA,CAAM,QAAQ,OAAA,CAAQ,EAAE,CAAC,CAAC,CAAA;AACxD;AAEO,SAAS,UAAA,CACd,EAAA,EACA,MAAA,EACA,OAAA,EACe;AACf,EAAA,MAAM,MAAA,GAAS,mBAAA,CAAoB,EAAA,EAAI,OAAO,CAAA;AAC9C,EAAA,gBAAA,CAAiB,MAAM,MAAA,CAAO,OAAA,EAAS,CAAA;AACvC,EAAA,KAAA;AAAA,IACE,MAAA;AAAA,IACA,CAAC,OAAA,EAAS,SAAA,EAAW,SAAA,KAAc;AACjC,MAAA,IAAI,OAAA,EAAS,SAAA,CAAU,MAAA,CAAO,WAAA,CAAY,OAAO,CAAC,CAAA;AAAA,IACpD,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACA,EAAA,OAAO,MAAA;AACT;AAEO,SAAS,aAAA,CACd,MAAA,EACA,EAAA,EACA,MAAA,EACA,OAAA,EACM;AACN,EAAA,KAAA;AAAA,IACE,CAAC,MAAA,EAAQ,MAAM,OAAA,CAAQ,EAAE,CAAC,CAAA;AAAA,IAC1B,CAAC,CAAC,OAAA,EAAS,QAAQ,CAAA,EAAG,WAAW,SAAA,KAAc;AAC7C,MAAA,IAAI,OAAA,IAAW,UAAU,SAAA,CAAU,MAAA,CAAO,WAAW,QAAA,EAAU,OAAA,EAAS,OAAO,CAAC,CAAA;AAAA,IAClF,CAAA;AAAA,IACA,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,MAAA;AAAO,GACnC;AACF","file":"vue.js","sourcesContent":["import {\n  type ComputedRef,\n  computed,\n  getCurrentScope,\n  type MaybeRefOrGetter,\n  onScopeDispose,\n  type Ref,\n  type ShallowRef,\n  shallowRef,\n  toValue,\n  watch,\n} from 'vue'\nimport { createWindowManager } from '../core/manager'\nimport type { ManagerOptions, ManagerState, WindowManager, WindowState } from '../core/types'\nimport { createDesktopBinder, type DesktopBinder } from '../dom/binder'\nimport type { DesktopOptions, WindowAttachOptions } from '../dom/shared'\n\nfunction disposeWithScope(dispose: () => void): void {\n  if (getCurrentScope()) onScopeDispose(dispose)\n}\n\nexport function useWindowManager(options?: ManagerOptions): WindowManager {\n  const wm = createWindowManager(options)\n  disposeWithScope(() => wm.destroy())\n  return wm\n}\n\nexport function useWmState(wm: WindowManager): ShallowRef<ManagerState> {\n  const state = shallowRef(wm.getState())\n  disposeWithScope(\n    wm.subscribe((next) => {\n      state.value = next\n    }),\n  )\n  return state\n}\n\nexport function useWmWindow(\n  wm: WindowManager,\n  id: MaybeRefOrGetter<string>,\n): ComputedRef<WindowState | undefined> {\n  const state = useWmState(wm)\n  return computed(() => state.value.windows[toValue(id)])\n}\n\nexport function useDesktop(\n  wm: WindowManager,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: DesktopOptions,\n): DesktopBinder {\n  const binder = createDesktopBinder(wm, options)\n  disposeWithScope(() => binder.destroy())\n  watch(\n    target,\n    (element, _previous, onCleanup) => {\n      if (element) onCleanup(binder.bindDesktop(element))\n    },\n    { immediate: true, flush: 'post' },\n  )\n  return binder\n}\n\nexport function useWmWindowEl(\n  binder: DesktopBinder,\n  id: MaybeRefOrGetter<string>,\n  target: Ref<HTMLElement | null | undefined>,\n  options?: WindowAttachOptions,\n): void {\n  watch(\n    [target, () => toValue(id)],\n    ([element, windowId], _previous, onCleanup) => {\n      if (element && windowId) onCleanup(binder.bindWindow(windowId, element, options))\n    },\n    { immediate: true, flush: 'post' },\n  )\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surdeddd/wmkit",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Headless, framework-agnostic window manager for the web — draggable, resizable, snappable windows with first-class accessibility and 60fps performance",
   "keywords": [
     "window-manager",
@@ -203,12 +203,12 @@
     {
       "name": "core",
       "path": "dist/index.js",
-      "limit": "10 kB"
+      "limit": "12 kB"
     },
     {
       "name": "react adapter",
       "path": "dist/react.js",
-      "limit": "10 kB",
+      "limit": "12 kB",
       "ignore": [
         "react"
       ]
@@ -216,7 +216,7 @@
     {
       "name": "vue adapter",
       "path": "dist/vue.js",
-      "limit": "10 kB",
+      "limit": "12 kB",
       "ignore": [
         "vue"
       ]
@@ -224,7 +224,7 @@
     {
       "name": "svelte adapter",
       "path": "dist/svelte.js",
-      "limit": "10 kB",
+      "limit": "12 kB",
       "ignore": [
         "svelte"
       ]
@@ -232,7 +232,7 @@
     {
       "name": "solid adapter",
       "path": "dist/solid.js",
-      "limit": "10 kB",
+      "limit": "12 kB",
       "ignore": [
         "solid-js"
       ]
@@ -240,7 +240,7 @@
     {
       "name": "angular adapter",
       "path": "dist/angular.js",
-      "limit": "10 kB",
+      "limit": "12 kB",
       "ignore": [
         "@angular/core"
       ]