@surdeddd/wmkit 0.7.1 → 0.8.0

package/dist/{chunk-WOCAQEM6.js → chunk-MGWCKHTZ.js}

@@ -1,3 +1,5 @@
+import { clampToViewport, boundsEqual, clampSize, applyAspect, clamp, zoneBounds, magnetize, detectSnapZone } from './chunk-5XVIC5LH.js';
+
 // src/core/emitter.ts
 function createEmitter() {
   const listeners = /* @__PURE__ */ new Map();
@@ -26,143 +28,6 @@ function createEmitter() {
   };
 }
 
-// src/core/geometry.ts
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function clampSize(size, min, max) {
-  return {
-    width: clamp(size.width, min.width, max ? max.width : Number.POSITIVE_INFINITY),
-    height: clamp(size.height, min.height, max ? max.height : Number.POSITIVE_INFINITY)
-  };
-}
-function clampToViewport(bounds, viewport, minVisible) {
-  if (viewport.width <= 0 || viewport.height <= 0) return bounds;
-  const visibleX = Math.min(minVisible, bounds.width);
-  const visibleY = Math.min(minVisible, bounds.height);
-  const x = clamp(bounds.x, visibleX - bounds.width, Math.max(0, viewport.width - visibleX));
-  const y = clamp(bounds.y, 0, Math.max(0, viewport.height - visibleY));
-  return x === bounds.x && y === bounds.y ? bounds : { ...bounds, x, y };
-}
-function boundsEqual(a, b) {
-  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
-}
-function applyAspect(size, ratio, min, max, drive) {
-  if (!Number.isFinite(ratio) || ratio <= 0) return clampSize(size, min, max);
-  const maxWidth = max ? max.width : Number.POSITIVE_INFINITY;
-  const maxHeight = max ? max.height : Number.POSITIVE_INFINITY;
-  if (drive === "height") {
-    const height = clamp(
-      size.height,
-      Math.max(min.height, min.width / ratio),
-      Math.min(maxHeight, maxWidth / ratio)
-    );
-    return { width: height * ratio, height };
-  }
-  const width = clamp(
-    size.width,
-    Math.max(min.width, min.height * ratio),
-    Math.min(maxWidth, maxHeight * ratio)
-  );
-  return { width, height: width / ratio };
-}
-function zoneBounds(zone, viewport) {
-  const w = viewport.width;
-  const h = viewport.height;
-  const halfW = Math.round(w / 2);
-  const halfH = Math.round(h / 2);
-  const oneThird = Math.round(w / 3);
-  const twoThirds = Math.round(w * 2 / 3);
-  switch (zone) {
-    case "left-third":
-      return { x: 0, y: 0, width: oneThird, height: h };
-    case "center-third":
-      return { x: oneThird, y: 0, width: twoThirds - oneThird, height: h };
-    case "right-third":
-      return { x: twoThirds, y: 0, width: w - twoThirds, height: h };
-    case "left":
-      return { x: 0, y: 0, width: halfW, height: h };
-    case "right":
-      return { x: halfW, y: 0, width: w - halfW, height: h };
-    case "top":
-      return { x: 0, y: 0, width: w, height: halfH };
-    case "bottom":
-      return { x: 0, y: halfH, width: w, height: h - halfH };
-    case "top-left":
-      return { x: 0, y: 0, width: halfW, height: halfH };
-    case "top-right":
-      return { x: halfW, y: 0, width: w - halfW, height: halfH };
-    case "bottom-left":
-      return { x: 0, y: halfH, width: halfW, height: h - halfH };
-    case "bottom-right":
-      return { x: halfW, y: halfH, width: w - halfW, height: h - halfH };
-  }
-}
-function detectSnapZone(x, y, viewport, options = {}) {
-  const threshold = options.threshold ?? 12;
-  const cornerSize = options.cornerSize ?? 64;
-  const w = viewport.width;
-  const h = viewport.height;
-  if (w <= 0 || h <= 0) return null;
-  const nearLeft = x <= threshold;
-  const nearRight = x >= w - threshold;
-  const nearTop = y <= threshold;
-  const nearBottom = y >= h - threshold;
-  if (nearLeft || nearRight) {
-    const side = nearLeft ? "left" : "right";
-    if (y <= cornerSize) return `top-${side}`;
-    if (y >= h - cornerSize) return `bottom-${side}`;
-    return side;
-  }
-  if (nearTop) {
-    if (x <= cornerSize) return "top-left";
-    if (x >= w - cornerSize) return "top-right";
-    return "top";
-  }
-  if (nearBottom) {
-    if (x <= cornerSize) return "bottom-left";
-    if (x >= w - cornerSize) return "bottom-right";
-    return "bottom";
-  }
-  return null;
-}
-function nearestEdge(low, high, targetLow, targetHigh) {
-  return [targetLow - low, targetHigh - low, targetLow - high, targetHigh - high];
-}
-function magnetize(bounds, targets, threshold) {
-  const result = { x: bounds.x, y: bounds.y, snappedX: false, snappedY: false };
-  if (threshold <= 0 || targets.length === 0) return result;
-  let bestX = threshold + 1;
-  let bestY = threshold + 1;
-  for (const target of targets) {
-    for (const delta of nearestEdge(
-      bounds.x,
-      bounds.x + bounds.width,
-      target.x,
-      target.x + target.width
-    )) {
-      if (Math.abs(delta) <= threshold && Math.abs(delta) < Math.abs(bestX)) bestX = delta;
-    }
-    for (const delta of nearestEdge(
-      bounds.y,
-      bounds.y + bounds.height,
-      target.y,
-      target.y + target.height
-    )) {
-      if (Math.abs(delta) <= threshold && Math.abs(delta) < Math.abs(bestY)) bestY = delta;
-    }
-  }
-  if (Math.abs(bestX) <= threshold) {
-    result.x = bounds.x + bestX;
-    result.snappedX = true;
-  }
-  if (Math.abs(bestY) <= threshold) {
-    result.y = bounds.y + bestY;
-    result.snappedY = true;
-  }
-  return result;
-}
-
 // src/core/manager.ts
 var LAYER_RANK = { normal: 0, floating: 1, modal: 2 };
 var STAGES = ["normal", "minimized", "maximized", "snapped"];
@@ -1536,8 +1401,7 @@ function createDragStarter(ctx) {
       pendingX: 0,
       pendingY: 0,
       hasPending: false,
-      finish: () => {
-      }
+      finish: (cancelled) => finish(cancelled)
     };
     const el = ctx.windowElement(id);
     function armGroup(target2) {
@@ -1710,7 +1574,6 @@ function createDragStarter(ctx) {
         else wm.endInteraction();
       }
     }
-    session.finish = finish;
     wm.beginInteraction();
     ctx.claimDrag(session);
     handle.setPointerCapture(event.pointerId);
@@ -1964,6 +1827,10 @@ var SNAP_SHORTCUTS = {
 };
 var LANDMARK_TAGS = /* @__PURE__ */ new Set(["header", "footer", "aside", "nav"]);
 var FOCUSABLE_SELECTOR = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function defaultVariant(win) {
+  const variant = win.meta.variant;
+  return typeof variant === "string" && variant !== "" ? variant : null;
+}
 function attachDesktop(wm, element, options = {}) {
   const doc = element.ownerDocument;
   const view = windowOf(element);
@@ -1988,6 +1855,7 @@ function attachDesktop(wm, element, options = {}) {
   const interactiveSelector = options.interactiveSelector ?? INTERACTIVE_SELECTOR;
   const animationEnabled = options.animation !== false;
   const animationOptions = typeof options.animation === "object" ? options.animation : {};
+  const windowVariant = options.windowVariant ?? defaultVariant;
   element.dataset.wmDesktop = "";
   element.tabIndex = -1;
   if (view.getComputedStyle(element).position === "static") {
@@ -2101,6 +1969,21 @@ function attachDesktop(wm, element, options = {}) {
   };
   const startDrag = createDragStarter(ctx);
   const startResize = createResizeStarter(ctx);
+  if (options.gestures) {
+    const gestureContext = {
+      wm,
+      doc,
+      view,
+      desktop: element,
+      toLocal: (event) => ctx.toLocal(event),
+      trackRect: () => ctx.trackRect(),
+      windowElement: (id) => ctx.windowElement(id),
+      busy: () => drag !== null,
+      claim: (gesture) => ctx.claimDrag(gesture),
+      release: (gesture) => ctx.releaseDrag(gesture)
+    };
+    for (const gesture of options.gestures) cleanup.push(gesture(gestureContext));
+  }
   if (options.autoViewport !== false) {
     const applyViewport = () => wm.setViewport({ width: element.clientWidth, height: element.clientHeight });
     applyViewport();
@@ -2119,6 +2002,9 @@ function attachDesktop(wm, element, options = {}) {
       el.dataset.wmStage = win.stage;
       el.dataset.wmLayer = win.layer;
       el.dataset.wmWorkspace = String(win.workspace);
+      const variant = windowVariant(win);
+      if (variant === null) delete el.dataset.wmVariant;
+      else el.dataset.wmVariant = variant;
       if (win.groupId === null) {
         delete el.dataset.wmGroup;
         delete el.dataset.wmTab;
@@ -2470,7 +2356,7 @@ function attachDesktop(wm, element, options = {}) {
 // src/dom/binder.ts
 function createDesktopBinder(wm, options = {}) {
   let controller = null;
-  let stopOpen = null;
+  let stops = [];
   const entries = /* @__PURE__ */ new Set();
   function attachEntry(entry) {
     if (controller && !entry.detach && wm.get(entry.id)) {
@@ -2478,8 +2364,8 @@ function createDesktopBinder(wm, options = {}) {
     }
   }
   function unbindDesktop() {
-    stopOpen?.();
-    stopOpen = null;
+    for (const stop of stops) stop();
+    stops = [];
     for (const entry of entries) entry.detach = null;
     controller?.destroy();
     controller = null;
@@ -2490,11 +2376,18 @@ function createDesktopBinder(wm, options = {}) {
     bindDesktop(element) {
       if (controller) throw new Error("wmkit: desktop is already bound");
       controller = attachDesktop(wm, element, options);
-      stopOpen = wm.on("open", ({ window: win }) => {
-        for (const entry of entries) {
-          if (entry.id === win.id) attachEntry(entry);
-        }
-      });
+      stops.push(
+        wm.on("open", ({ window: win }) => {
+          for (const entry of entries) {
+            if (entry.id === win.id) attachEntry(entry);
+          }
+        }),
+        wm.on("close", ({ window: win }) => {
+          for (const entry of entries) {
+            if (entry.id === win.id) entry.detach = null;
+          }
+        })
+      );
       for (const entry of entries) attachEntry(entry);
       return unbindDesktop;
     },
@@ -2515,6 +2408,6 @@ function createDesktopBinder(wm, options = {}) {
   };
 }
 
-export { applyAspect, attachDesktop, boundsEqual, clamp, clampSize, clampToViewport, createAnnouncer, createDesktopBinder, createEmitter, createWindowManager, defaultMessages, detectSnapZone, flipFromTarget, flipToTarget, magnetize, prefersReducedMotion, zoneBounds };
-//# sourceMappingURL=chunk-WOCAQEM6.js.map
-//# sourceMappingURL=chunk-WOCAQEM6.js.map
+export { attachDesktop, createAnnouncer, createDesktopBinder, createEmitter, createWindowManager, defaultMessages, flipFromTarget, flipToTarget, prefersReducedMotion };
+//# sourceMappingURL=chunk-MGWCKHTZ.js.map
+//# sourceMappingURL=chunk-MGWCKHTZ.js.map