bwin 0.2.0 → 0.2.1

package/dist/bwin.js

@@ -21,15 +21,15 @@ function z(e = 2, t = 3) {
   }
   return s;
 }
-function E(e, t) {
+function b(e, t) {
   for (; t.firstChild; )
     e.append(t.firstChild);
 }
 function H(e, t) {
   const i = document.createElement("div");
-  E(i, e), E(e, t), E(t, i);
+  b(i, e), b(e, t), b(t, i);
 }
-function y(e) {
+function C(e) {
   if (typeof e == "number" && !isNaN(e))
     return e;
   if (typeof e == "string") {
@@ -65,7 +65,7 @@ function G(e) {
   const t = document.createElement("template");
   return t.innerHTML = e.trim(), t.content;
 }
-function C(e) {
+function m(e) {
   if (e == null || e === "")
     return null;
   if (typeof e == "string")
@@ -284,8 +284,8 @@ class p {
     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 m = h.calcMinWidth(), b = s.calcMinWidth();
-      d < m && g > b ? (d = m, g = c - d, u = h.left + d) : g < b && d > m && (g = b, d = c - g, u = h.left + d), h.width = d, s.width = g, s.left = u;
+      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;
     }
     n && o && (n.width += i, o.width += i);
   }
@@ -299,8 +299,11 @@ class p {
     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 m = n.calcMinHeight(), b = o.calcMinHeight();
-      d < m && g > b ? (d = m, g = c - d, u = n.top + d) : g < b && d > m && (g = b, d = c - g, u = n.top + d), n.height = d, o.height = g, o.top = u;
+      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);
+      }
+      n.height = d, o.height = g, o.top = u;
     }
     h && s && (h.height += i, s.height += i);
   }
@@ -339,7 +342,7 @@ class A {
   }
   getSize(t) {
     if (!this.siblingConfigNode)
-      return y(t);
+      return C(t);
     if (!t) {
       if (this.siblingConfigNode.size < 1)
         return 1 - this.siblingConfigNode.size;
@@ -348,7 +351,7 @@ class A {
       if (this.siblingConfigNode.position === r.Top || this.siblingConfigNode.position === r.Bottom)
         return this.parentRect.height - this.siblingConfigNode.height;
     }
-    const i = y(t);
+    const i = C(t);
     if (i < 1) {
       if (i + this.siblingConfigNode.size !== 1)
         throw new Error("[bwin] Sum of sibling sizes is not equal to 1");
@@ -398,7 +401,7 @@ class A {
         children: t
       };
     if (typeof t == "string" || typeof t == "number") {
-      const i = y(t);
+      const i = C(t);
       if (isNaN(i))
         throw new Error(`[bwin] Invalid size value: ${i}`);
       return {
@@ -492,7 +495,7 @@ function J(e) {
   return t.style.top = `${e.top}px`, t.style.left = `${e.left}px`, t.style.width = `${e.width}px`, t.style.height = `${e.height}px`, t.setAttribute("position", e.position), t;
 }
 function Q(e, { size: t }) {
-  const i = y(t);
+  const i = C(t);
   let n = e.width / 2;
   i && (i < 1 ? n = e.width * i : n = i);
   const s = new p({
@@ -508,10 +511,10 @@ function Q(e, { size: t }) {
     height: e.height,
     position: r.Right
   }), h = M(o);
-  return o.domNode = h, E(h, e.domNode), e.addChild(s), e.addChild(o), s;
+  return o.domNode = h, b(h, e.domNode), e.addChild(s), e.addChild(o), s;
 }
 function Z(e, { size: t }) {
-  const i = y(t);
+  const i = C(t);
   let n = e.width / 2;
   i && (i < 1 ? n = e.width * i : n = i);
   const s = new p({
@@ -527,10 +530,10 @@ function Z(e, { size: t }) {
     height: e.height,
     position: r.Right
   }), h = M(s);
-  return s.domNode = h, E(h, e.domNode), e.addChild(s), e.addChild(o), o;
+  return s.domNode = h, b(h, e.domNode), e.addChild(s), e.addChild(o), o;
 }
 function tt(e, { size: t }) {
-  const i = y(t);
+  const i = C(t);
   let n = e.height / 2;
   i && (i < 1 ? n = e.height * i : n = i);
   const s = new p({
@@ -546,10 +549,10 @@ function tt(e, { size: t }) {
     height: e.height - n,
     position: r.Bottom
   }), h = M(o);
-  return o.domNode = h, E(h, e.domNode), e.addChild(s), e.addChild(o), s;
+  return o.domNode = h, b(h, e.domNode), e.addChild(s), e.addChild(o), s;
 }
 function et(e, { size: t }) {
-  const i = y(t);
+  const i = C(t);
   let n = e.height / 2;
   i && (i < 1 ? n = e.height * i : n = i);
   const s = new p({
@@ -565,7 +568,7 @@ function et(e, { size: t }) {
     height: n,
     position: r.Bottom
   }), h = M(s);
-  return s.domNode = h, E(h, e.domNode), e.addChild(s), e.addChild(o), o;
+  return s.domNode = h, b(h, e.domNode), e.addChild(s), e.addChild(o), o;
 }
 function it(e, { position: t, size: i, minWidth: n, minHeight: s }) {
   if (t === r.Left)
@@ -584,7 +587,7 @@ const nt = {
   },
   // Intended to be overridden
   onPaneCreate(e, t) {
-    t.store.content && e.append(C(t.store.content)), this != null && this.debug && (e.style.backgroundColor = W(), e.innerHTML = "", e.append(v(e)));
+    t.store.content && e.append(m(t.store.content)), this != null && this.debug && (e.style.backgroundColor = W(), e.innerHTML = "", e.append(v(e)));
   },
   updatePane(e) {
     return J(e);
@@ -700,13 +703,11 @@ const st = {
       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 (a <= s.calcMinWidth() || c <= i.calcMinWidth())
-          return;
+        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;
       } else if (h && t && n) {
         const l = e.pageY - this.lastY, a = t.height + l, c = n.height - l;
-        if (a <= t.calcMinHeight() || c <= n.calcMinHeight())
-          return;
+        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;
       }
     }), document.addEventListener("mouseup", () => {
@@ -787,7 +788,7 @@ const dt = {
   onClick: (e, t) => {
     const i = t.sillElement;
     if (!i) throw new Error("[bwin] Sill element not found when minimizing");
-    const n = C('<button class="bw-minimized-glass" />');
+    const n = m('<button class="bw-minimized-glass" />');
     i.append(n);
     const s = e.target.closest("bw-pane"), o = e.target.closest("bw-glass"), h = s.getAttribute("sash-id"), l = s.getAttribute("position");
     n.bwGlassElement = o, n.bwOriginalPosition = l, n.bwOriginalBoundingRect = P(s), t.removePane(h);
@@ -894,16 +895,16 @@ class x {
       t.append(this.createTabs());
     else if (this.title) {
       const s = document.createElement("bw-glass-title");
-      s.append(C(this.title)), t.append(s);
+      s.append(m(this.title)), t.append(s);
     }
     t.setAttribute("can-drag", this.draggable), t.append(this.createActions());
-    const i = document.createElement("bw-glass-content"), n = C(this.content);
+    const i = document.createElement("bw-glass-content"), n = m(this.content);
     n && i.append(n), this.domNode = document.createElement("bw-glass"), this.domNode.append(t, i);
   }
   createTabs() {
     const t = document.createElement("bw-glass-tab-container");
     for (const i of this.tabs) {
-      const n = (i == null ? void 0 : i.label) ?? i, s = C(`<button class="bw-glass-tab">${n}</button>`);
+      const n = (i == null ? void 0 : i.label) ?? i, s = m(`<button class="bw-glass-tab">${n}</button>`);
       t.append(s);
     }
     return t;
@@ -911,7 +912,7 @@ class x {
   createActions() {
     const t = document.createElement("bw-glass-action-container"), i = this.actions === void 0 ? ft : Array.isArray(this.actions) ? this.actions : [];
     for (const n of i) {
-      const s = (n == null ? void 0 : n.label) ?? n, o = n.className ? `bw-glass-action ${n.className}` : "bw-glass-action", h = C(`<button class="${o}">${s}</button>`);
+      const s = (n == null ? void 0 : n.label) ?? n, o = n.className ? `bw-glass-action ${n.className}` : "bw-glass-action", h = m(`<button class="${o}">${s}</button>`);
       typeof n.onClick == "function" && h.addEventListener("click", (l) => {
         n.onClick(l, this.binaryWindow);
       }), t.append(h);
@@ -979,7 +980,7 @@ class bt extends T {
   }
   frame() {
     super.frame(...arguments);
-    const i = C("<bw-sill />");
+    const i = m("<bw-sill />");
     this.windowElement.append(i), this.sillElement = i;
   }
   enableFeatures() {

package/package.json

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