@surdeddd/wmkit 0.1.1 → 0.3.0

package/dist/themes/retro.css

@@ -0,0 +1,152 @@
+[data-wm-desktop] {
+  --wm-face: #c0c0c0;
+  --wm-face-light: #ffffff;
+  --wm-face-dark: #808080;
+  --wm-face-darker: #404040;
+  --wm-title-active-a: #000080;
+  --wm-title-active-b: #1084d0;
+  --wm-title-inactive: #808080;
+  --wm-text: #000000;
+  --wm-title-text: #ffffff;
+  position: relative;
+  overflow: hidden;
+  background: #008080;
+}
+
+[data-wm-window] {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  color: var(--wm-text);
+  background: var(--wm-face);
+  border: 2px solid;
+  border-color: var(--wm-face-light) var(--wm-face-darker) var(--wm-face-darker)
+    var(--wm-face-light);
+  box-shadow: 1px 1px 0 var(--wm-face-dark);
+  outline: none;
+  contain: layout style;
+  font-family: "Pixelated MS Sans Serif", "MS Sans Serif", Tahoma, sans-serif;
+}
+
+[data-wm-window][hidden] {
+  display: none;
+}
+
+[data-wm-window][data-wm-flash] {
+  animation: wm-flash 320ms ease;
+}
+
+[data-wm-window] [data-wm-drag] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 4px;
+  margin: 2px;
+  background: linear-gradient(90deg, var(--wm-title-inactive), #b5b5b5);
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  flex-shrink: 0;
+}
+
+[data-wm-window][data-wm-focused] [data-wm-drag] {
+  background: linear-gradient(90deg, var(--wm-title-active-a), var(--wm-title-active-b));
+}
+
+[data-wm-window] [data-wm-title] {
+  flex: 1;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--wm-title-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  letter-spacing: 0;
+}
+
+[data-wm-window] [data-wm-controls] {
+  display: flex;
+  gap: 2px;
+  align-items: center;
+}
+
+[data-wm-window] [data-wm-close],
+[data-wm-window] [data-wm-minimize],
+[data-wm-window] [data-wm-maximize] {
+  width: 16px;
+  height: 14px;
+  border: 1px solid;
+  border-color: var(--wm-face-light) var(--wm-face-darker) var(--wm-face-darker)
+    var(--wm-face-light);
+  background: var(--wm-face);
+  padding: 0;
+  cursor: pointer;
+  font-size: 9px;
+  line-height: 1;
+  color: var(--wm-text);
+}
+
+[data-wm-window] [data-wm-close]:active,
+[data-wm-window] [data-wm-minimize]:active,
+[data-wm-window] [data-wm-maximize]:active {
+  border-color: var(--wm-face-darker) var(--wm-face-light) var(--wm-face-light)
+    var(--wm-face-darker);
+}
+
+[data-wm-window] [data-wm-close]:focus-visible,
+[data-wm-window] [data-wm-minimize]:focus-visible,
+[data-wm-window] [data-wm-maximize]:focus-visible {
+  outline: 1px dotted var(--wm-text);
+  outline-offset: -3px;
+}
+
+[data-wm-window] [data-wm-minimize]::after {
+  content: "_";
+  font-weight: 700;
+}
+
+[data-wm-window] [data-wm-maximize]::after {
+  content: "□";
+  font-weight: 700;
+}
+
+[data-wm-window] [data-wm-close]::after {
+  content: "✕";
+  font-weight: 700;
+}
+
+[data-wm-window] [data-wm-content] {
+  flex: 1;
+  overflow: auto;
+  padding: 8px;
+  margin: 0 2px 2px;
+  font-size: 12px;
+  line-height: 1.4;
+  background: var(--wm-face);
+  border: 1px solid;
+  border-color: var(--wm-face-dark) var(--wm-face-light) var(--wm-face-light) var(--wm-face-dark);
+}
+
+[data-wm-snap-preview] {
+  background: transparent;
+  border: 2px dashed var(--wm-face-darker);
+}
+
+@keyframes wm-flash {
+  0%,
+  100% {
+    translate: 0 0;
+  }
+  20% {
+    translate: -6px 0;
+  }
+  45% {
+    translate: 5px 0;
+  }
+  70% {
+    translate: -3px 0;
+  }
+  90% {
+    translate: 2px 0;
+  }
+}

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

@@ -10,6 +10,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';
 interface WindowFlags {
     draggable: boolean;
@@ -48,6 +49,11 @@ interface WindowInit extends Partial<WindowFlags> {
     layer?: WindowLayer;
     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[];
@@ -112,6 +118,7 @@ interface ManagerOptions {
         y: number;
     };
     idPrefix?: string;
+    historyLimit?: number;
 }
 interface WindowUpdate {
     title?: string;
@@ -150,9 +157,24 @@ interface WindowManager {
     batch(run: () => void): void;
     serialize(): SerializedState;
     hydrate(data: SerializedState): boolean;
+    undo(): boolean;
+    redo(): boolean;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    beginInteraction(): void;
+    endInteraction(): void;
+    saveLayout(name: string): SerializedState;
+    loadLayout(name: string): boolean;
+    getLayout(name: string): SerializedState | undefined;
+    setLayout(name: string, data: SerializedState): boolean;
+    deleteLayout(name: string): boolean;
+    layoutNames(): string[];
+    arrange(mode: ArrangeMode): void;
+    minimizeAll(): void;
+    restoreAll(): void;
     subscribe(listener: (state: ManagerState) => void): () => void;
     on<K extends keyof ManagerEvents>(event: K, listener: (payload: ManagerEvents[K]) => void): () => void;
     destroy(): void;
 }
 
-export type { Bounds as B, ManagerOptions as M, SerializedState as S, WindowManager as W, ManagerEvents as a, ManagerState as b, Size as c, SnapZone as d, WindowFlags as e, WindowInit as f, WindowLayer as g, WindowStage as h, WindowState as i, WindowUpdate as j };
+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 };

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

@@ -10,6 +10,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';
 interface WindowFlags {
     draggable: boolean;
@@ -48,6 +49,11 @@ interface WindowInit extends Partial<WindowFlags> {
     layer?: WindowLayer;
     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[];
@@ -112,6 +118,7 @@ interface ManagerOptions {
         y: number;
     };
     idPrefix?: string;
+    historyLimit?: number;
 }
 interface WindowUpdate {
     title?: string;
@@ -150,9 +157,24 @@ interface WindowManager {
     batch(run: () => void): void;
     serialize(): SerializedState;
     hydrate(data: SerializedState): boolean;
+    undo(): boolean;
+    redo(): boolean;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    beginInteraction(): void;
+    endInteraction(): void;
+    saveLayout(name: string): SerializedState;
+    loadLayout(name: string): boolean;
+    getLayout(name: string): SerializedState | undefined;
+    setLayout(name: string, data: SerializedState): boolean;
+    deleteLayout(name: string): boolean;
+    layoutNames(): string[];
+    arrange(mode: ArrangeMode): void;
+    minimizeAll(): void;
+    restoreAll(): void;
     subscribe(listener: (state: ManagerState) => void): () => void;
     on<K extends keyof ManagerEvents>(event: K, listener: (payload: ManagerEvents[K]) => void): () => void;
     destroy(): void;
 }
 
-export type { Bounds as B, ManagerOptions as M, SerializedState as S, WindowManager as W, ManagerEvents as a, ManagerState as b, Size as c, SnapZone as d, WindowFlags as e, WindowInit as f, WindowLayer as g, WindowStage as h, WindowState as i, WindowUpdate as j };
+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 };

package/dist/vue.cjs

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

package/dist/vue.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vue.ts"],"names":["getCurrentScope","onScopeDispose","createWindowManager","shallowRef","computed","toValue","createDesktopBinder","watch"],"mappings":";;;;;AAqBA,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 {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\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,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"]}

package/dist/vue.d.cts

@@ -1,6 +1,6 @@
 import { Ref, ShallowRef, MaybeRefOrGetter, ComputedRef } from 'vue';
-import { W as WindowManager, M as ManagerOptions, b as ManagerState, i as WindowState } from './types-BYx7gCuT.cjs';
-import { d as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './controller-BfUF1k04.cjs';
+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';
 
 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, b as ManagerState, i as WindowState } from './types-BYx7gCuT.js';
-import { d as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './controller-1uedRvQw.js';
+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';
 
 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-N5KNWRKU.js';
+import { createWindowManager, createDesktopBinder } from './chunk-YCHJXSTC.js';
 import { shallowRef, computed, toValue, watch, getCurrentScope, onScopeDispose } from 'vue';
 
 function disposeWithScope(dispose) {

package/dist/vue.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/vue.ts"],"names":[],"mappings":";;;AAqBA,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 {\n  createDesktopBinder,\n  type DesktopBinder,\n  type DesktopOptions,\n  type WindowAttachOptions,\n} from './dom/controller'\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,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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surdeddd/wmkit",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "Headless, framework-agnostic window manager for the web — draggable, resizable, snappable windows with first-class accessibility and 60fps performance",
   "keywords": [
     "window-manager",
@@ -94,6 +94,16 @@
         "default": "./dist/solid.cjs"
       }
     },
+    "./angular": {
+      "import": {
+        "types": "./dist/angular.d.ts",
+        "default": "./dist/angular.js"
+      },
+      "require": {
+        "types": "./dist/angular.d.cts",
+        "default": "./dist/angular.cjs"
+      }
+    },
     "./persist": {
       "import": {
         "types": "./dist/persist.d.ts",
@@ -134,9 +144,11 @@
     "publint": "publint",
     "prepublishOnly": "pnpm build",
     "verify": "pnpm lint && pnpm typecheck && pnpm test:coverage && pnpm build && pnpm size && pnpm publint && pnpm attw && pnpm test:e2e",
-    "release": "semantic-release"
+    "release": "semantic-release",
+    "bench": "vitest bench --run"
   },
   "peerDependencies": {
+    "@angular/core": ">=16",
     "react": ">=18",
     "solid-js": ">=1.8",
     "svelte": ">=4",
@@ -154,9 +166,13 @@
     },
     "vue": {
       "optional": true
+    },
+    "@angular/core": {
+      "optional": true
     }
   },
   "devDependencies": {
+    "@angular/core": "^20.3.26",
     "@arethetypeswrong/cli": "^0.18.2",
     "@axe-core/playwright": "^4.10.2",
     "@biomejs/biome": "^2.0.0",
@@ -187,12 +203,12 @@
     {
       "name": "core",
       "path": "dist/index.js",
-      "limit": "8.5 kB"
+      "limit": "10 kB"
     },
     {
       "name": "react adapter",
       "path": "dist/react.js",
-      "limit": "8.5 kB",
+      "limit": "10 kB",
       "ignore": [
         "react"
       ]
@@ -200,7 +216,7 @@
     {
       "name": "vue adapter",
       "path": "dist/vue.js",
-      "limit": "8.5 kB",
+      "limit": "10 kB",
       "ignore": [
         "vue"
       ]
@@ -208,7 +224,7 @@
     {
       "name": "svelte adapter",
       "path": "dist/svelte.js",
-      "limit": "8.5 kB",
+      "limit": "10 kB",
       "ignore": [
         "svelte"
       ]
@@ -216,11 +232,19 @@
     {
       "name": "solid adapter",
       "path": "dist/solid.js",
-      "limit": "8.5 kB",
+      "limit": "10 kB",
       "ignore": [
         "solid-js"
       ]
     },
+    {
+      "name": "angular adapter",
+      "path": "dist/angular.js",
+      "limit": "10 kB",
+      "ignore": [
+        "@angular/core"
+      ]
+    },
     {
       "name": "persist plugin",
       "path": "dist/persist.js",
@@ -251,6 +275,9 @@
       ],
       "popout": [
         "./dist/popout.d.ts"
+      ],
+      "angular": [
+        "./dist/angular.d.ts"
       ]
     }
   }