bwin 0.2.1 → 0.2.2

package/README.md

@@ -1,5 +1,5 @@
 # Binary Window
 
-A tiling window manager for web browsers.
+A lightweight window-tiling JavaScript library for the browser, featuring resizable panes, drag-and-drop, and more.
 
-[Demo](https://bhjsdev.github.io/bwin/)
+[Documentation](https://bhjsdev.github.io/bwin-docs/)

package/dist/bwin.js

@@ -121,8 +121,8 @@ function X(e, { clientX: t, clientY: i }) {
   const n = e.getBoundingClientRect(), { width: s, height: o } = n, h = t - n.left, l = i - n.top;
   if (h < 0 || h > s || l < 0 || l > o)
     return r.Outside;
-  const a = 0.3, c = _({ width: s, height: o, x: h }), d = U({ width: s, height: o, x: h }), g = k({ width: s, height: o, y: l }), u = Y({ width: s, height: o, y: l });
-  return h < s * (0.5 - a / 2) && l > c && l < d ? r.Left : h > s * (0.5 + a / 2) && l < c && l > d ? r.Right : l < o * (0.5 - a / 2) && h > g && h < u ? r.Top : l > o * (0.5 + a / 2) && h < g && h > u ? r.Bottom : h > s * (0.5 - a / 2) && h < s * (0.5 + a / 2) && l > o * (0.5 - a / 2) && l < o * (0.5 + a / 2) ? r.Center : r.Unknown;
+  const a = 0.3, d = _({ width: s, height: o, x: h }), c = U({ width: s, height: o, x: h }), g = k({ width: s, height: o, y: l }), u = Y({ width: s, height: o, y: l });
+  return h < s * (0.5 - a / 2) && l > d && l < c ? r.Left : h > s * (0.5 + a / 2) && l < d && l > c ? r.Right : l < o * (0.5 - a / 2) && h > g && h < u ? r.Top : l > o * (0.5 + a / 2) && h < g && h > u ? r.Bottom : h > s * (0.5 - a / 2) && h < s * (0.5 + a / 2) && l > o * (0.5 - a / 2) && l < o * (0.5 + a / 2) ? r.Center : r.Unknown;
 }
 const q = 100, j = 100, w = {
   left: 0,
@@ -143,12 +143,12 @@ class p {
     minHeight: h = w.minHeight,
     domNode: l = null,
     store: a = {},
-    position: c,
-    id: d
+    position: d,
+    id: c
   } = w) {
-    if (this.id = d ?? z(), !c)
+    if (this.id = c ?? z(), !d)
       throw new Error("[bwin] Sash position is required");
-    this.position = c, this.domNode = l, this._top = i, this._left = t, this._width = n, this._height = s, this.children = [], this.minWidth = o, this.minHeight = h, this.store = a;
+    this.position = d, this.domNode = l, this._top = i, this._left = t, this._width = n, this._height = s, this.children = [], this.minWidth = o, this.minHeight = h, this.store = a;
   }
   walk(t) {
     this.children.forEach((i) => i.walk(t)), t(this);
@@ -282,10 +282,10 @@ class p {
     this._width = t;
     const [n, s, o, h] = this.getChildren();
     if (h && s) {
-      const l = h.width + s.width, a = i * (h.width / l), c = l + i;
-      let d = h.width + a, g = c - d, u = s.left + a;
+      const l = h.width + s.width, a = i * (h.width / l), d = l + i;
+      let c = h.width + a, g = d - c, u = s.left + a;
       const E = h.calcMinWidth(), y = s.calcMinWidth();
-      i < 0 && (d < E && g > y ? (d = h.width, g = c - d, u = h.left + d) : g < y && d > E && (g = s.width, d = c - g, u = h.left + d)), h.width = d, s.width = g, s.left = u;
+      i < 0 && (c < E && g > y ? (c = h.width, g = d - c, u = h.left + c) : g < y && c > E && (g = s.width, c = d - g, u = h.left + c)), h.width = c, s.width = g, s.left = u;
     }
     n && o && (n.width += i, o.width += i);
   }
@@ -297,13 +297,13 @@ class p {
     this._height = t;
     const [n, s, o, h] = this.getChildren();
     if (n && o) {
-      const l = n.height + o.height, a = i * (n.height / l), c = l + i;
-      let d = n.height + a, g = c - d, u = o.top + a;
+      const l = n.height + o.height, a = i * (n.height / l), d = l + i;
+      let c = n.height + a, g = d - c, u = o.top + a;
       if (i < 0) {
         const E = n.calcMinHeight(), y = o.calcMinHeight();
-        d < E && g > y ? (d = n.height, g = c - d, u = n.top + d) : g < y && d > E && (g = o.height, d = c - g, u = n.top + d);
+        c < E && g > y ? (c = n.height, g = d - c, u = n.top + c) : g < y && c > E && (g = o.height, c = d - g, u = n.top + c);
       }
-      n.height = d, o.height = g, o.top = u;
+      n.height = c, o.height = g, o.top = u;
     }
     h && s && (h.height += i, s.height += i);
   }
@@ -322,13 +322,13 @@ class A {
     minHeight: h,
     position: l,
     size: a,
-    ...c
+    ...d
   }) {
     f(this, "left");
     f(this, "top");
     f(this, "width");
     f(this, "height");
-    this.parentRect = t, this.children = i, this.siblingConfigNode = n, this.id = s, this.minWidth = o, this.minHeight = h, this.position = this.getPosition(l), this.size = this.getSize(a), this.nonCoreData = c, this.setBounds();
+    this.parentRect = t, this.children = i, this.siblingConfigNode = n, this.id = s, this.minWidth = o, this.minHeight = h, this.position = this.getPosition(l), this.size = this.getSize(a), this.nonCoreData = d, this.setBounds();
   }
   getPosition(t) {
     if (!this.siblingConfigNode)
@@ -702,13 +702,13 @@ const st = {
       if (!this.isResizeStarted || !this.activeMuntinSash) return;
       const [t, i, n, s] = this.activeMuntinSash.getChildren(), o = this.activeMuntinSash.isLeftRightSplit(), h = this.activeMuntinSash.isTopBottomSplit();
       if (o && s && i) {
-        const l = e.pageX - this.lastX, a = s.width + l, c = i.width - l;
-        if (l > 0 && c <= i.calcMinWidth() || l < 0 && a <= s.calcMinWidth()) return;
-        s.width = a, i.width = c, i.left = i.left + l, this.update(), this.lastX = e.pageX;
+        const l = e.pageX - this.lastX, a = s.width + l, d = i.width - l;
+        if (l > 0 && d <= i.calcMinWidth() || l < 0 && a <= s.calcMinWidth()) return;
+        s.width = a, i.width = d, i.left = i.left + l, this.update(), this.lastX = e.pageX;
       } else if (h && t && n) {
-        const l = e.pageY - this.lastY, a = t.height + l, c = n.height - l;
-        if (l > 0 && c <= n.calcMinHeight() || l < 0 && a <= t.calcMinHeight()) return;
-        t.height = a, n.height = c, n.top = n.top + l, this.update(), this.lastY = e.pageY;
+        const l = e.pageY - this.lastY, a = t.height + l, d = n.height - l;
+        if (l > 0 && d <= n.calcMinHeight() || l < 0 && a <= t.calcMinHeight()) return;
+        t.height = a, n.height = d, n.top = n.top + l, this.update(), this.lastY = e.pageY;
       }
     }), document.addEventListener("mouseup", () => {
       this.isResizeStarted = !1, this.activeMuntinSash = null, this.revertResizeStyles();
@@ -805,12 +805,12 @@ function ut(e, t) {
   const i = e.left + e.width, n = e.top + e.height, s = t.left + t.width, o = t.top + t.height;
   if (e.left >= s || t.left >= i || e.top >= o || t.top >= n)
     return null;
-  const h = Math.max(e.left, t.left), l = Math.max(e.top, t.top), a = Math.min(i, s), c = Math.min(n, o);
+  const h = Math.max(e.left, t.left), l = Math.max(e.top, t.top), a = Math.min(i, s), d = Math.min(n, o);
   return {
     left: h,
     top: l,
     width: a - h,
-    height: c - l
+    height: d - l
   };
 }
 const ft = [ct, gt, dt], pt = {
@@ -827,17 +827,17 @@ const ft = [ct, gt, dt], pt = {
         l > i && (i = l, n = s);
       }
     }), n) {
-      const s = e.bwOriginalPosition, o = P(n);
-      let h = 0;
+      const s = e.bwOriginalPosition, o = P(n), h = n.getAttribute("sash-id"), l = this.rootSash.getById(h);
+      let a = 0;
       if (s === r.Left || s === r.Right)
-        h = t.width >= o.width ? o.width / 2 : t.width;
+        a = o.width - t.width < l.minWidth ? o.width / 2 : t.width;
       else if (s === r.Top || s === r.Bottom)
-        h = t.height >= o.height ? o.height / 2 : t.height;
+        a = o.height - t.height < l.minHeight ? o.height / 2 : t.height;
       else
         throw new Error("[bwin] Invalid position when restoring glass");
       this.addPane(n.getAttribute("sash-id"), {
         position: s,
-        size: h
+        size: a
       }).domNode.append(e.bwGlassElement);
     }
   },

package/package.json

@@ -2,7 +2,7 @@
   "name": "bwin",
   "description": "A tiling window manager for web browsers",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bhjsdev/bwin.git"