@surdeddd/wmkit 0.2.0 → 0.4.0

package/dist/themes/light.css

@@ -0,0 +1,202 @@
+[data-wm-desktop] {
+  --wm-radius: 12px;
+  --wm-bg: rgba(255, 255, 255, 0.78);
+  --wm-bg-focused: rgba(255, 255, 255, 0.94);
+  --wm-border: rgba(15, 23, 42, 0.1);
+  --wm-border-focused: rgba(15, 23, 42, 0.22);
+  --wm-shadow: 0 6px 22px rgba(15, 23, 42, 0.12);
+  --wm-shadow-focused: 0 16px 44px rgba(15, 23, 42, 0.2);
+  --wm-titlebar-bg: rgba(15, 23, 42, 0.03);
+  --wm-text: rgba(15, 23, 42, 0.92);
+  --wm-text-dim: rgba(15, 23, 42, 0.55);
+  --wm-accent: #4f46e5;
+  --wm-blur: 18px;
+  --wm-transition: 240ms cubic-bezier(0.32, 0.72, 0, 1);
+  position: relative;
+  overflow: hidden;
+}
+
+[data-wm-window] {
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  color: var(--wm-text);
+  background: var(--wm-bg);
+  -webkit-backdrop-filter: blur(var(--wm-blur)) saturate(1.2);
+  backdrop-filter: blur(var(--wm-blur)) saturate(1.2);
+  border: 1px solid var(--wm-border);
+  border-radius: var(--wm-radius);
+  box-shadow: var(--wm-shadow);
+  outline: none;
+  contain: layout style;
+  transition:
+    transform var(--wm-transition),
+    width var(--wm-transition),
+    height var(--wm-transition),
+    box-shadow 180ms ease,
+    border-color 180ms ease,
+    opacity 180ms ease;
+  animation: wm-window-in 220ms cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+[data-wm-window][hidden] {
+  display: none;
+}
+
+[data-wm-window][data-wm-focused] {
+  background: var(--wm-bg-focused);
+  border-color: var(--wm-border-focused);
+  box-shadow: var(--wm-shadow-focused);
+}
+
+[data-wm-window][data-wm-dragging],
+[data-wm-window][data-wm-resizing] {
+  transition:
+    box-shadow 180ms ease,
+    border-color 180ms ease;
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+[data-wm-window][data-wm-stage="maximized"],
+[data-wm-window][data-wm-stage="snapped"] {
+  border-radius: 0;
+}
+
+[data-wm-window][data-wm-flash] {
+  animation: wm-flash 320ms ease;
+}
+
+[data-wm-window] [data-wm-drag] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 14px;
+  background: var(--wm-titlebar-bg);
+  border-bottom: 1px solid var(--wm-border);
+  border-radius: var(--wm-radius) var(--wm-radius) 0 0;
+  cursor: default;
+  user-select: none;
+  -webkit-user-select: none;
+  flex-shrink: 0;
+}
+
+[data-wm-window][data-wm-stage="maximized"] [data-wm-drag],
+[data-wm-window][data-wm-stage="snapped"] [data-wm-drag] {
+  border-radius: 0;
+}
+
+[data-wm-window] [data-wm-title] {
+  flex: 1;
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  color: var(--wm-text);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+[data-wm-window] [data-wm-controls] {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+[data-wm-window] [data-wm-close],
+[data-wm-window] [data-wm-minimize],
+[data-wm-window] [data-wm-maximize] {
+  width: 13px;
+  height: 13px;
+  border-radius: 50%;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  transition:
+    filter 120ms ease,
+    transform 120ms ease;
+}
+
+[data-wm-window] [data-wm-close]:hover,
+[data-wm-window] [data-wm-minimize]:hover,
+[data-wm-window] [data-wm-maximize]:hover {
+  filter: brightness(1.1);
+  transform: scale(1.12);
+}
+
+[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: 2px solid var(--wm-accent);
+  outline-offset: 2px;
+}
+
+[data-wm-window] [data-wm-close] {
+  background: #ff5f57;
+}
+
+[data-wm-window] [data-wm-minimize] {
+  background: #febc2e;
+}
+
+[data-wm-window] [data-wm-maximize] {
+  background: #28c840;
+}
+
+[data-wm-window] [data-wm-content] {
+  flex: 1;
+  overflow: auto;
+  padding: 14px;
+  font-size: 14px;
+  line-height: 1.55;
+}
+
+[data-wm-snap-preview] {
+  background: color-mix(in srgb, var(--wm-accent) 12%, transparent);
+  border: 1.5px solid color-mix(in srgb, var(--wm-accent) 45%, transparent);
+  border-radius: var(--wm-radius);
+  -webkit-backdrop-filter: blur(4px);
+  backdrop-filter: blur(4px);
+  transition:
+    transform 140ms cubic-bezier(0.32, 0.72, 0, 1),
+    width 140ms ease,
+    height 140ms ease;
+}
+
+@keyframes wm-window-in {
+  from {
+    opacity: 0;
+    scale: 0.96;
+  }
+  to {
+    opacity: 1;
+    scale: 1;
+  }
+}
+
+@keyframes wm-flash {
+  0%,
+  100% {
+    translate: 0 0;
+  }
+  20% {
+    translate: -6px 0;
+  }
+  45% {
+    translate: 5px 0;
+  }
+  70% {
+    translate: -3px 0;
+  }
+  90% {
+    translate: 2px 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-wm-window],
+  [data-wm-snap-preview] {
+    transition: none;
+    animation: none;
+  }
+}

package/dist/themes/retro.css

@@ -0,0 +1,154 @@
+[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-text-dim: #404040;
+  --wm-accent: #000080;
+  --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-Bkrq2djr.d.cts → types-t6pyVYKN.d.cts}

@@ -10,7 +10,8 @@ interface Bounds {
 }
 type WindowStage = 'normal' | 'minimized' | 'maximized' | 'snapped';
 type WindowLayer = 'normal' | 'floating' | 'modal';
-type SnapZone = 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type ArrangeMode = 'cascade' | 'tile';
+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;
@@ -28,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>;
 }
@@ -44,8 +47,10 @@ interface WindowInit extends Partial<WindowFlags> {
     minHeight?: number;
     maxWidth?: number;
     maxHeight?: number;
+    aspectRatio?: number;
     stage?: WindowStage;
     layer?: WindowLayer;
+    workspace?: number;
     meta?: Record<string, unknown>;
 }
 interface ManagerState {
@@ -53,6 +58,7 @@ interface ManagerState {
     order: readonly string[];
     focusedId: string | null;
     viewport: Size;
+    workspace: number;
 }
 interface SerializedMaxSize {
     width: number | null;
@@ -66,6 +72,7 @@ interface SerializedState {
     windows: SerializedWindowState[];
     order: string[];
     focusedId: string | null;
+    workspace: number;
 }
 interface ManagerEvents {
     open: {
@@ -94,6 +101,10 @@ interface ManagerEvents {
     order: {
         order: readonly string[];
     };
+    workspace: {
+        workspace: number;
+        previous: number;
+    };
     modalblocked: {
         window: WindowState;
     };
@@ -112,12 +123,15 @@ interface ManagerOptions {
         y: number;
     };
     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;
@@ -141,18 +155,40 @@ 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;
+    undo(): boolean;
+    redo(): boolean;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    beginInteraction(): void;
+    endInteraction(): void;
+    abortInteraction(): void;
+    clearHistory(): 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, 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-Bkrq2djr.d.ts → types-t6pyVYKN.d.ts}

@@ -10,7 +10,8 @@ interface Bounds {
 }
 type WindowStage = 'normal' | 'minimized' | 'maximized' | 'snapped';
 type WindowLayer = 'normal' | 'floating' | 'modal';
-type SnapZone = 'left' | 'right' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+type ArrangeMode = 'cascade' | 'tile';
+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;
@@ -28,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>;
 }
@@ -44,8 +47,10 @@ interface WindowInit extends Partial<WindowFlags> {
     minHeight?: number;
     maxWidth?: number;
     maxHeight?: number;
+    aspectRatio?: number;
     stage?: WindowStage;
     layer?: WindowLayer;
+    workspace?: number;
     meta?: Record<string, unknown>;
 }
 interface ManagerState {
@@ -53,6 +58,7 @@ interface ManagerState {
     order: readonly string[];
     focusedId: string | null;
     viewport: Size;
+    workspace: number;
 }
 interface SerializedMaxSize {
     width: number | null;
@@ -66,6 +72,7 @@ interface SerializedState {
     windows: SerializedWindowState[];
     order: string[];
     focusedId: string | null;
+    workspace: number;
 }
 interface ManagerEvents {
     open: {
@@ -94,6 +101,10 @@ interface ManagerEvents {
     order: {
         order: readonly string[];
     };
+    workspace: {
+        workspace: number;
+        previous: number;
+    };
     modalblocked: {
         window: WindowState;
     };
@@ -112,12 +123,15 @@ interface ManagerOptions {
         y: number;
     };
     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;
@@ -141,18 +155,40 @@ 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;
+    undo(): boolean;
+    redo(): boolean;
+    canUndo(): boolean;
+    canRedo(): boolean;
+    beginInteraction(): void;
+    endInteraction(): void;
+    abortInteraction(): void;
+    clearHistory(): 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, 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 chunkKQCVZ2W7_cjs = require('./chunk-KQCVZ2W7.cjs');
+var chunk3KZZOLHW_cjs = require('./chunk-3KZZOLHW.cjs');
 var vue = require('vue');
 
 function disposeWithScope(dispose) {
   if (vue.getCurrentScope()) vue.onScopeDispose(dispose);
 }
 function useWindowManager(options) {
-  const wm = chunkKQCVZ2W7_cjs.createWindowManager(options);
+  const wm = chunk3KZZOLHW_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 = chunkKQCVZ2W7_cjs.createDesktopBinder(wm, options);
+  const binder = chunk3KZZOLHW_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-Bkrq2djr.cjs';
-import { b as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-BY-saDUB.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-Bkrq2djr.js';
-import { b as DesktopOptions, D as DesktopBinder, W as WindowAttachOptions } from './binder-D9UEE1SM.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-2TVOEDRG.js';
+import { createWindowManager, createDesktopBinder } from './chunk-FPZDAKNP.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"]}