@surdeddd/wmkit 0.1.1 → 0.2.0

package/README.md

@@ -54,13 +54,7 @@ el.innerHTML = `
   <div data-wm-content>Anything you want.</div>
 `
 document.querySelector('#desktop').append(el)
-const detach = desktop.attachWindow(win.id, el)
-
-wm.on('close', ({ window: closed }) => {
-  if (closed.id !== win.id) return
-  detach()
-  el.remove()
-})
+desktop.attachWindow(win.id, el, { removeOnClose: true })
 ```
 
 The desktop element becomes the coordinate space. Your markup stays yours — wmkit wires behavior onto `data-wm-*` attributes:
@@ -72,6 +66,8 @@ The desktop element becomes the coordinate space. Your markup stays yours — wm
 | `data-wm-close` / `data-wm-minimize` / `data-wm-maximize` | control buttons, wired by delegation |
 | `data-wm-content` | scrollable content area (styled by themes) |
 
+`removeOnClose` detaches the controller and removes the element when the window closes. Touch devices get larger resize hit areas and snap thresholds automatically (`pointer: coarse`); tune via `attachDesktop(wm, el, { hitAreas: { edge, corner } })`.
+
 The controller adds resize handles (`[data-wm-resize]`), a snap preview (`[data-wm-snap-preview]`) and a visually hidden live region for screen readers.
 
 ## React

package/README.ru.md

@@ -50,13 +50,7 @@ el.innerHTML = `
   <div data-wm-content>Что угодно.</div>
 `
 document.querySelector('#desktop').append(el)
-const detach = desktop.attachWindow(win.id, el)
-
-wm.on('close', ({ window: closed }) => {
-  if (closed.id !== win.id) return
-  detach()
-  el.remove()
-})
+desktop.attachWindow(win.id, el, { removeOnClose: true })
 ```
 
 Элемент рабочего стола становится системой координат. Разметка остаётся вашей — wmkit вешает поведение на `data-wm-*` атрибуты:
@@ -68,6 +62,8 @@ wm.on('close', ({ window: closed }) => {
 | `data-wm-close` / `data-wm-minimize` / `data-wm-maximize` | кнопки управления, работают через делегирование |
 | `data-wm-content` | скроллируемая область контента |
 
+`removeOnClose` сам отвязывает контроллер и удаляет элемент при закрытии окна. На тач-устройствах хит-зоны ресайза и порог снэпа автоматически крупнее (`pointer: coarse`); настраиваются через `attachDesktop(wm, el, { hitAreas: { edge, corner } })`.
+
 Контроллер добавляет ресайз-хендлы (`[data-wm-resize]`), превью снэпа (`[data-wm-snap-preview]`) и скрытый live-регион для скринридеров.
 
 ## Адаптеры

package/dist/{controller-BfUF1k04.d.cts → binder-BY-saDUB.d.cts}

@@ -1,4 +1,4 @@
-import { B as Bounds, c as Size, d as SnapZone, W as WindowManager, i as WindowState } from './types-BYx7gCuT.cjs';
+import { B as Bounds, f as Size, g as SnapZone, W as WindowManager, b as WindowState } from './types-Bkrq2djr.cjs';
 
 declare function clamp(value: number, min: number, max: number): number;
 declare function clampSize(size: Size, min: Size, max: Size | null): Size;
@@ -36,16 +36,22 @@ interface DesktopKeyboardOptions {
     moveStep?: number;
     cycle?: boolean;
 }
+interface HitAreaOptions {
+    edge?: number;
+    corner?: number;
+}
 interface DesktopOptions {
     snap?: boolean | DesktopSnapOptions;
     keyboard?: boolean | DesktopKeyboardOptions;
     announce?: boolean | Partial<AnnouncerMessages>;
     autoViewport?: boolean;
+    hitAreas?: HitAreaOptions;
     minimizeTarget?: (window: WindowState) => Element | null;
 }
 interface WindowAttachOptions {
     handle?: HTMLElement | string;
     resizeHandles?: boolean;
+    removeOnClose?: boolean;
 }
 interface DesktopController {
     element: HTMLElement;
@@ -53,7 +59,7 @@ interface DesktopController {
     attachWindow(id: string, element: HTMLElement, options?: WindowAttachOptions): () => void;
     destroy(): void;
 }
-declare function attachDesktop(wm: WindowManager, element: HTMLElement, options?: DesktopOptions): DesktopController;
+
 interface DesktopBinder {
     wm: WindowManager;
     controller(): DesktopController | null;
@@ -62,4 +68,4 @@ interface DesktopBinder {
 }
 declare function createDesktopBinder(wm: WindowManager, options?: DesktopOptions): DesktopBinder;
 
-export { type Announcer as A, type DesktopBinder as D, type SnapDetectOptions as S, type WindowAttachOptions as W, type AnnouncerMessages as a, type DesktopController as b, type DesktopKeyboardOptions as c, type DesktopOptions as d, type DesktopSnapOptions as e, attachDesktop as f, boundsEqual as g, clamp as h, clampSize as i, clampToViewport as j, createAnnouncer as k, createDesktopBinder as l, defaultMessages as m, detectSnapZone as n, zoneBounds as z };
+export { type Announcer as A, type DesktopBinder as D, type HitAreaOptions as H, type SnapDetectOptions as S, type WindowAttachOptions as W, type DesktopController as a, type DesktopOptions as b, type AnnouncerMessages as c, type DesktopKeyboardOptions as d, type DesktopSnapOptions as e, boundsEqual as f, clamp as g, clampSize as h, clampToViewport as i, createAnnouncer as j, createDesktopBinder as k, defaultMessages as l, detectSnapZone as m, zoneBounds as z };

package/dist/{controller-1uedRvQw.d.ts → binder-D9UEE1SM.d.ts}

@@ -1,4 +1,4 @@
-import { B as Bounds, c as Size, d as SnapZone, W as WindowManager, i as WindowState } from './types-BYx7gCuT.js';
+import { B as Bounds, f as Size, g as SnapZone, W as WindowManager, b as WindowState } from './types-Bkrq2djr.js';
 
 declare function clamp(value: number, min: number, max: number): number;
 declare function clampSize(size: Size, min: Size, max: Size | null): Size;
@@ -36,16 +36,22 @@ interface DesktopKeyboardOptions {
     moveStep?: number;
     cycle?: boolean;
 }
+interface HitAreaOptions {
+    edge?: number;
+    corner?: number;
+}
 interface DesktopOptions {
     snap?: boolean | DesktopSnapOptions;
     keyboard?: boolean | DesktopKeyboardOptions;
     announce?: boolean | Partial<AnnouncerMessages>;
     autoViewport?: boolean;
+    hitAreas?: HitAreaOptions;
     minimizeTarget?: (window: WindowState) => Element | null;
 }
 interface WindowAttachOptions {
     handle?: HTMLElement | string;
     resizeHandles?: boolean;
+    removeOnClose?: boolean;
 }
 interface DesktopController {
     element: HTMLElement;
@@ -53,7 +59,7 @@ interface DesktopController {
     attachWindow(id: string, element: HTMLElement, options?: WindowAttachOptions): () => void;
     destroy(): void;
 }
-declare function attachDesktop(wm: WindowManager, element: HTMLElement, options?: DesktopOptions): DesktopController;
+
 interface DesktopBinder {
     wm: WindowManager;
     controller(): DesktopController | null;
@@ -62,4 +68,4 @@ interface DesktopBinder {
 }
 declare function createDesktopBinder(wm: WindowManager, options?: DesktopOptions): DesktopBinder;
 
-export { type Announcer as A, type DesktopBinder as D, type SnapDetectOptions as S, type WindowAttachOptions as W, type AnnouncerMessages as a, type DesktopController as b, type DesktopKeyboardOptions as c, type DesktopOptions as d, type DesktopSnapOptions as e, attachDesktop as f, boundsEqual as g, clamp as h, clampSize as i, clampToViewport as j, createAnnouncer as k, createDesktopBinder as l, defaultMessages as m, detectSnapZone as n, zoneBounds as z };
+export { type Announcer as A, type DesktopBinder as D, type HitAreaOptions as H, type SnapDetectOptions as S, type WindowAttachOptions as W, type DesktopController as a, type DesktopOptions as b, type AnnouncerMessages as c, type DesktopKeyboardOptions as d, type DesktopSnapOptions as e, boundsEqual as f, clamp as g, clampSize as h, clampToViewport as i, createAnnouncer as j, createDesktopBinder as k, defaultMessages as l, detectSnapZone as m, zoneBounds as z };