@surdeddd/wmkit 0.7.2 → 0.8.0

package/dist/{chunk-NJAI5R4J.cjs → chunk-DINVOL6Z.cjs}

@@ -1,5 +1,7 @@
 'use strict';
 
+var chunkBDHFXEJN_cjs = require('./chunk-BDHFXEJN.cjs');
+
 // src/core/emitter.ts
 function createEmitter() {
   const listeners = /* @__PURE__ */ new Map();
@@ -28,143 +30,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"];
@@ -348,7 +213,7 @@ function createWindowManager(options = {}) {
     for (const id of members) {
       if (id === effective.id) continue;
       const member = windows[id];
-      if (boundsEqual(member.bounds, effective.bounds) && member.stage === effective.stage && member.snapZone === effective.snapZone && member.layer === effective.layer && member.workspace === effective.workspace) {
+      if (chunkBDHFXEJN_cjs.boundsEqual(member.bounds, effective.bounds) && member.stage === effective.stage && member.snapZone === effective.snapZone && member.layer === effective.layer && member.workspace === effective.workspace) {
         continue;
       }
       setWindow({
@@ -413,8 +278,8 @@ function createWindowManager(options = {}) {
     queueEvent(() => emitter.emit("focus", { window: win, previous }));
   }
   function normalizeSize(size, win, drive = "width") {
-    if (win.aspectRatio === null) return clampSize(size, win.minSize, win.maxSize);
-    return applyAspect(size, win.aspectRatio, win.minSize, win.maxSize, drive);
+    if (win.aspectRatio === null) return chunkBDHFXEJN_cjs.clampSize(size, win.minSize, win.maxSize);
+    return chunkBDHFXEJN_cjs.applyAspect(size, win.aspectRatio, win.minSize, win.maxSize, drive);
   }
   function positionForOpen(init) {
     if (init.x !== void 0 && init.y !== void 0) return { x: init.x, y: init.y };
@@ -441,7 +306,7 @@ function createWindowManager(options = {}) {
       width: init.width ?? defaultSize.width,
       height: init.height ?? defaultSize.height
     };
-    const size = aspectRatio === null ? clampSize(requested, minSize, maxSize) : applyAspect(
+    const size = aspectRatio === null ? chunkBDHFXEJN_cjs.clampSize(requested, minSize, maxSize) : chunkBDHFXEJN_cjs.applyAspect(
       requested,
       aspectRatio,
       minSize,
@@ -450,7 +315,7 @@ function createWindowManager(options = {}) {
     );
     const position = positionForOpen(init);
     let bounds = { ...position, ...size };
-    if (keepInViewport) bounds = clampToViewport(bounds, viewport, minVisible);
+    if (keepInViewport) bounds = chunkBDHFXEJN_cjs.clampToViewport(bounds, viewport, minVisible);
     const requestedStage = init.stage ?? "normal";
     const stage = requestedStage === "snapped" ? "normal" : requestedStage;
     let win = {
@@ -571,7 +436,7 @@ function createWindowManager(options = {}) {
     return { x: 0, y: 0, width: viewport.width, height: viewport.height };
   }
   function snapBounds(win, zone) {
-    const rect = zoneBounds(zone, viewport);
+    const rect = chunkBDHFXEJN_cjs.zoneBounds(zone, viewport);
     const byWidth = normalizeSize(rect, win);
     const size = byWidth.height > rect.height ? normalizeSize(rect, win, "height") : byWidth;
     return {
@@ -656,7 +521,7 @@ function createWindowManager(options = {}) {
         snapZone: null,
         restoreBounds: null,
         restoreStage: null,
-        bounds: keepInViewport ? clampToViewport(bounds, viewport, minVisible) : bounds
+        bounds: keepInViewport ? chunkBDHFXEJN_cjs.clampToViewport(bounds, viewport, minVisible) : bounds
       };
     });
     if (result) focusUnlessBlocked(id);
@@ -672,7 +537,7 @@ function createWindowManager(options = {}) {
         snapZone: null,
         restoreBounds: null,
         restoreStage: null,
-        bounds: keepInViewport ? clampToViewport(next, viewport, minVisible) : next
+        bounds: keepInViewport ? chunkBDHFXEJN_cjs.clampToViewport(next, viewport, minVisible) : next
       };
     });
     if (result) focusUnlessBlocked(id);
@@ -697,8 +562,8 @@ function createWindowManager(options = {}) {
     const win = windows[id];
     if (win?.stage !== "normal") return false;
     let bounds = { ...win.bounds, x, y };
-    if (keepInViewport) bounds = clampToViewport(bounds, viewport, minVisible);
-    if (boundsEqual(bounds, win.bounds)) return true;
+    if (keepInViewport) bounds = chunkBDHFXEJN_cjs.clampToViewport(bounds, viewport, minVisible);
+    if (chunkBDHFXEJN_cjs.boundsEqual(bounds, win.bounds)) return true;
     const next = { ...win, bounds };
     setWindow(next);
     syncGroup(next);
@@ -718,9 +583,9 @@ function createWindowManager(options = {}) {
     const drive = Math.abs(merged.height - win.bounds.height) > Math.abs(merged.width - win.bounds.width) ? "height" : "width";
     const size = normalizeSize(merged, win, drive);
     let bounds = { x: merged.x, y: merged.y, ...size };
-    if (keepInViewport) bounds = clampToViewport(bounds, viewport, minVisible);
+    if (keepInViewport) bounds = chunkBDHFXEJN_cjs.clampToViewport(bounds, viewport, minVisible);
     const becameNormal = win.stage === "snapped";
-    if (boundsEqual(bounds, win.bounds) && !becameNormal) return true;
+    if (chunkBDHFXEJN_cjs.boundsEqual(bounds, win.bounds) && !becameNormal) return true;
     const next = becameNormal ? { ...win, stage: "normal", snapZone: null, restoreBounds: null, bounds } : { ...win, bounds };
     setWindow(next);
     const synced = syncGroup(next);
@@ -1016,8 +881,8 @@ function createWindowManager(options = {}) {
         const synced = syncGroup(updated);
         queueEvent(() => emitter.emit("resize", { window: synced }));
       } else if (win.stage === "normal" && keepInViewport) {
-        const bounds = clampToViewport(win.bounds, viewport, minVisible);
-        if (!boundsEqual(bounds, win.bounds)) {
+        const bounds = chunkBDHFXEJN_cjs.clampToViewport(win.bounds, viewport, minVisible);
+        if (!chunkBDHFXEJN_cjs.boundsEqual(bounds, win.bounds)) {
           const updated = { ...win, bounds };
           setWindow(updated);
           syncGroup(updated);
@@ -1521,7 +1386,7 @@ function createDragStarter(ctx) {
       pointerId: event.pointerId,
       grabDX: point.x - startBounds.x,
       grabDY: point.y - startBounds.y,
-      grabRatio: clamp((point.x - startBounds.x) / startBounds.width, 0.05, 0.95),
+      grabRatio: chunkBDHFXEJN_cjs.clamp((point.x - startBounds.x) / startBounds.width, 0.05, 0.95),
       startBounds,
       startStage: win.stage,
       startZone: win.snapZone,
@@ -1538,8 +1403,7 @@ function createDragStarter(ctx) {
       pendingX: 0,
       pendingY: 0,
       hasPending: false,
-      finish: () => {
-      }
+      finish: (cancelled) => finish(cancelled)
     };
     const el = ctx.windowElement(id);
     function armGroup(target2) {
@@ -1594,7 +1458,7 @@ function createDragStarter(ctx) {
           if (other.groupId !== null && state.groups[other.groupId]?.activeId !== otherId) continue;
           targets.push(other.bounds);
         }
-        const magnet = magnetize(
+        const magnet = chunkBDHFXEJN_cjs.magnetize(
           { x: nextX, y: nextY, width: current.bounds.width, height: current.bounds.height },
           targets,
           ctx.magnetThreshold
@@ -1619,7 +1483,7 @@ function createDragStarter(ctx) {
       }
       if (ctx.snapEnabled && current.snappable) {
         const viewport = wm.getState().viewport;
-        const rawZone = detectSnapZone(session.pendingX, session.pendingY, viewport, ctx.snapDetect);
+        const rawZone = chunkBDHFXEJN_cjs.detectSnapZone(session.pendingX, session.pendingY, viewport, ctx.snapDetect);
         let zone = rawZone;
         if (rawZone === "top") {
           if (ctx.topEdge === "maximize") zone = current.maximizable ? "maximize" : null;
@@ -1628,7 +1492,7 @@ function createDragStarter(ctx) {
         session.zone = zone;
         if (zone) {
           ctx.showPreview(
-            zone === "maximize" ? { x: 0, y: 0, width: viewport.width, height: viewport.height } : zoneBounds(zone, viewport)
+            zone === "maximize" ? { x: 0, y: 0, width: viewport.width, height: viewport.height } : chunkBDHFXEJN_cjs.zoneBounds(zone, viewport)
           );
         } else {
           ctx.hidePreview();
@@ -1712,7 +1576,6 @@ function createDragStarter(ctx) {
         else wm.endInteraction();
       }
     }
-    session.finish = finish;
     wm.beginInteraction();
     ctx.claimDrag(session);
     handle.setPointerCapture(event.pointerId);
@@ -1775,10 +1638,10 @@ function createResizeStarter(ctx) {
         width: direction.includes("e") ? start.width + dx : direction.includes("w") ? start.width - dx : start.width,
         height: direction.includes("s") ? start.height + dy : direction.includes("n") ? start.y + start.height - top : start.height
       };
-      let size = aspect === null ? clampSize(raw, minSize, maxSize) : applyAspect(raw, aspect, minSize, maxSize, drive);
+      let size = aspect === null ? chunkBDHFXEJN_cjs.clampSize(raw, minSize, maxSize) : chunkBDHFXEJN_cjs.applyAspect(raw, aspect, minSize, maxSize, drive);
       const available = start.y + start.height - floor;
       if (direction.includes("n") && size.height > available) {
-        size = applyAspect({ ...size, height: available }, aspect ?? 0, minSize, maxSize, "height");
+        size = chunkBDHFXEJN_cjs.applyAspect({ ...size, height: available }, aspect ?? 0, minSize, maxSize, "height");
       }
       const next = {
         x: direction.includes("w") ? start.x + start.width - size.width : start.x,
@@ -1966,6 +1829,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);
@@ -1990,6 +1857,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") {
@@ -2103,6 +1971,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();
@@ -2121,6 +2004,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;
@@ -2524,22 +2410,14 @@ function createDesktopBinder(wm, options = {}) {
   };
 }
 
-exports.applyAspect = applyAspect;
 exports.attachDesktop = attachDesktop;
-exports.boundsEqual = boundsEqual;
-exports.clamp = clamp;
-exports.clampSize = clampSize;
-exports.clampToViewport = clampToViewport;
 exports.createAnnouncer = createAnnouncer;
 exports.createDesktopBinder = createDesktopBinder;
 exports.createEmitter = createEmitter;
 exports.createWindowManager = createWindowManager;
 exports.defaultMessages = defaultMessages;
-exports.detectSnapZone = detectSnapZone;
 exports.flipFromTarget = flipFromTarget;
 exports.flipToTarget = flipToTarget;
-exports.magnetize = magnetize;
 exports.prefersReducedMotion = prefersReducedMotion;
-exports.zoneBounds = zoneBounds;
-//# sourceMappingURL=chunk-NJAI5R4J.cjs.map
-//# sourceMappingURL=chunk-NJAI5R4J.cjs.map
+//# sourceMappingURL=chunk-DINVOL6Z.cjs.map
+//# sourceMappingURL=chunk-DINVOL6Z.cjs.map