react-bwin 0.3.2 → 0.3.4

package/dist/react-bwin.js

@@ -1,1106 +1,1051 @@
-import f, { useRef as M, useEffect as W, forwardRef as Y, useState as j, useImperativeHandle as K, useMemo as V } from "react";
-import { createPortal as Z } from "react-dom";
-var J = Object.defineProperty, Q = (e, t, i) => t in e ? J(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i, E = (e, t, i) => Q(e, typeof t != "symbol" ? t + "" : t, i);
-function tt(e = 0.7, t = 128) {
-  const i = 256 - t, n = Math.floor(Math.random() * i + t), s = Math.floor(Math.random() * i + t), o = Math.floor(Math.random() * i + t), h = Math.max(0.5, Math.random() * e);
-  return `rgba(${n}, ${s}, ${o}, ${h})`;
+import e, { forwardRef as t, useEffect as n, useImperativeHandle as r, useMemo as i, useRef as a, useState as o } from "react";
+import { createPortal as s } from "react-dom";
+//#region node_modules/.pnpm/bwin@0.3.3/node_modules/bwin/dist/bwin.js
+function c(e = .7, t = 128) {
+	let n = 256 - t;
+	return `rgba(${Math.floor(Math.random() * n + t)}, ${Math.floor(Math.random() * n + t)}, ${Math.floor(Math.random() * n + t)}, ${Math.max(.5, Math.random() * e)})`;
 }
-function B(e = 2, t = 3) {
-  if (e < 0 || t < 0)
-    throw new Error("Parameters must be non-negative numbers");
-  const i = "ABCDEFGHIJKLMNOPQRSTUVWXYZ", n = "0123456789";
-  let s = "";
-  for (let o = 0; o < e; o++) {
-    const h = Math.floor(Math.random() * i.length);
-    s += i[h];
-  }
-  s += "-";
-  for (let o = 0; o < t; o++) {
-    const h = Math.floor(Math.random() * n.length);
-    s += n[h];
-  }
-  return s;
+function l(e = 2, t = 3) {
+	if (e < 0 || t < 0) throw Error("Parameters must be non-negative numbers");
+	let n = "";
+	for (let t = 0; t < e; t++) {
+		let e = Math.floor(Math.random() * 26);
+		n += "ABCDEFGHIJKLMNOPQRSTUVWXYZ"[e];
+	}
+	n += "-";
+	for (let e = 0; e < t; e++) {
+		let e = Math.floor(Math.random() * 10);
+		n += "0123456789"[e];
+	}
+	return n;
 }
-function z(e, t) {
-  for (; t.firstChild; )
-    e.append(t.firstChild);
+function u(e, t) {
+	for (; t.firstChild;) e.append(t.firstChild);
 }
-function et(e, t) {
-  const i = document.createElement("div");
-  z(i, e), z(e, t), z(t, i);
+function d(e, t) {
+	let n = document.createElement("div");
+	u(n, e), u(e, t), u(t, n);
 }
-function C(e) {
-  if (typeof e == "number" && !isNaN(e))
-    return e;
-  if (typeof e == "string") {
-    const t = e.trim();
-    if (t.endsWith("%")) {
-      const i = t.slice(0, -1);
-      if (!i) return NaN;
-      const n = Number(i);
-      return isNaN(n) ? NaN : n / 100;
-    }
-    if (t.endsWith("px")) {
-      const i = t.slice(0, -2);
-      if (!i) return NaN;
-      const n = Number(i);
-      return isNaN(n) ? NaN : n;
-    }
-    return Number(t);
-  }
-  return NaN;
+function f(e) {
+	if (typeof e == "number" && !isNaN(e)) return e;
+	if (typeof e == "string") {
+		let t = e.trim();
+		if (t.endsWith("%")) {
+			let e = t.slice(0, -1);
+			if (!e) return NaN;
+			let n = Number(e);
+			return isNaN(n) ? NaN : n / 100;
+		}
+		if (t.endsWith("px")) {
+			let e = t.slice(0, -2);
+			if (!e) return NaN;
+			let n = Number(e);
+			return isNaN(n) ? NaN : n;
+		}
+		return Number(t);
+	}
+	return NaN;
 }
-function it(e) {
-  return e !== null && typeof e == "object" && !Array.isArray(e) && Object.getPrototypeOf(e) === Object.prototype;
+function p(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e) && Object.getPrototypeOf(e) === Object.prototype;
 }
-function nt(e, t) {
-  for (const i in t) {
-    if (Object.hasOwn(e, i))
-      throw new Error(`Key "${i}" already exists in target object`);
-    e[i] = t[i];
-  }
-  return e;
+function m(e, t) {
+	for (let n in t) {
+		if (Object.hasOwn(e, n)) throw Error(`Key "${n}" already exists in target object`);
+		e[n] = t[n];
+	}
+	return e;
 }
-function st(e) {
-  const t = document.createElement("template");
-  return t.innerHTML = e.trim(), t.content;
+function h(e) {
+	let t = document.createElement("template");
+	return t.innerHTML = e.trim(), t.content;
 }
-function N(e) {
-  if (e == null || e === "")
-    return null;
-  if (typeof e == "string")
-    try {
-      const t = st(e);
-      return t.childNodes.length === 1 ? t.firstChild : t;
-    } catch {
-      return document.createTextNode(e);
-    }
-  return e instanceof Node ? e : document.createTextNode(String(e));
+function g(e) {
+	if (e == null || e === "") return null;
+	if (typeof e == "string") try {
+		let t = h(e);
+		return t.childNodes.length === 1 ? t.firstChild : t;
+	} catch {
+		return document.createTextNode(e);
+	}
+	return e instanceof Node ? e : document.createTextNode(String(e));
 }
-function R(e) {
-  const t = parseFloat(e.style.left) || 0, i = parseFloat(e.style.top) || 0, n = parseFloat(e.style.width) || 0, s = parseFloat(e.style.height) || 0;
-  return { left: t, top: i, width: n, height: s };
+function _(e) {
+	return {
+		left: parseFloat(e.style.left) || 0,
+		top: parseFloat(e.style.top) || 0,
+		width: parseFloat(e.style.width) || 0,
+		height: parseFloat(e.style.height) || 0
+	};
 }
-const r = {
-  Top: "top",
-  Right: "right",
-  Bottom: "bottom",
-  Left: "left",
-  Center: "center",
-  Root: "root",
-  Unknown: "unknown",
-  Outside: "outside"
+var v = {
+	Top: "top",
+	Right: "right",
+	Bottom: "bottom",
+	Left: "left",
+	Center: "center",
+	Root: "root",
+	Unknown: "unknown",
+	Outside: "outside"
 };
-function ot(e) {
-  switch (e) {
-    case r.Top:
-      return r.Bottom;
-    case r.Right:
-      return r.Left;
-    case r.Bottom:
-      return r.Top;
-    case r.Left:
-      return r.Right;
-    default:
-      throw new Error(`[bwin] Invalid position: ${e}`);
-  }
+function y(e) {
+	switch (e) {
+		case v.Top: return v.Bottom;
+		case v.Right: return v.Left;
+		case v.Bottom: return v.Top;
+		case v.Left: return v.Right;
+		default: throw Error(`[bwin] Invalid position: ${e}`);
+	}
 }
-function ht({ width: e, height: t, x: i }) {
-  return t / e * i;
+function b({ width: e, height: t, x: n }) {
+	return t / e * n;
 }
-function rt({ width: e, height: t, y: i }) {
-  return e / t * i;
+function x({ width: e, height: t, y: n }) {
+	return e / t * n;
 }
-function at({ width: e, height: t, x: i }) {
-  return t - t / e * i;
+function ee({ width: e, height: t, x: n }) {
+	return t - t / e * n;
 }
-function lt({ width: e, height: t, y: i }) {
-  return e - e / t * i;
+function te({ width: e, height: t, y: n }) {
+	return e - e / t * n;
 }
-function dt(e, { clientX: t, clientY: i }) {
-  const n = e.getBoundingClientRect(), { width: s, height: o } = n, h = t - n.left, a = i - n.top;
-  if (h < 0 || h > s || a < 0 || a > o)
-    return r.Outside;
-  const d = 0.3, l = ht({ width: s, height: o, x: h }), c = at({ width: s, height: o, x: h }), u = rt({ width: s, height: o, y: a }), g = lt({ width: s, height: o, y: a });
-  return h < s * (0.5 - d / 2) && a > l && a < c ? r.Left : h > s * (0.5 + d / 2) && a < l && a > c ? r.Right : a < o * (0.5 - d / 2) && h > u && h < g ? r.Top : a > o * (0.5 + d / 2) && h < u && h > g ? r.Bottom : h > s * (0.5 - d / 2) && h < s * (0.5 + d / 2) && a > o * (0.5 - d / 2) && a < o * (0.5 + d / 2) ? r.Center : r.Unknown;
+function ne(e, { clientX: t, clientY: n }) {
+	let r = e.getBoundingClientRect(), { width: i, height: a } = r, o = t - r.left, s = n - r.top;
+	if (o < 0 || o > i || s < 0 || s > a) return v.Outside;
+	let c = .3, l = b({
+		width: i,
+		height: a,
+		x: o
+	}), u = ee({
+		width: i,
+		height: a,
+		x: o
+	}), d = x({
+		width: i,
+		height: a,
+		y: s
+	}), f = te({
+		width: i,
+		height: a,
+		y: s
+	});
+	return o < i * (.5 - c / 2) && s > l && s < u ? v.Left : o > i * .65 && s < l && s > u ? v.Right : s < a * (.5 - c / 2) && o > d && o < f ? v.Top : s > a * .65 && o < d && o > f ? v.Bottom : o > i * (.5 - c / 2) && o < i * .65 && s > a * (.5 - c / 2) && s < a * .65 ? v.Center : v.Unknown;
 }
-const ct = 100, pt = 100, v = {
-  left: 0,
-  top: 0,
-  width: 150,
-  height: 150,
-  // Initial min values, real min width/height is calculated based on children
-  minWidth: ct,
-  minHeight: pt
+var S = {
+	left: 0,
+	top: 0,
+	width: 150,
+	height: 150,
+	minWidth: 100,
+	minHeight: 100,
+	resizeStrategy: "classic"
+}, C = class {
+	constructor({ left: e = S.left, top: t = S.top, width: n = S.width, height: r = S.height, minWidth: i = S.minWidth, minHeight: a = S.minHeight, resizeStrategy: o = S.resizeStrategy, parent: s = null, domNode: c = null, store: u = {}, position: d, id: f } = S) {
+		if (this.id = f ?? l(), !d) throw Error("[bwin] Sash position is required");
+		this.position = d, this.domNode = c, this.parent = s, this._top = t, this._left = e, this._width = n, this._height = r, this.children = [], this.minWidth = i, this.minHeight = a, this.resizeStrategy = o, this.store = u;
+	}
+	walk(e) {
+		this.children.forEach((t) => t.walk(e)), e(this);
+	}
+	isLeaf() {
+		return this.children.length === 0;
+	}
+	isSplit() {
+		return this.children.length > 0;
+	}
+	isLeftRightSplit() {
+		return this.children.some((e) => e.position === v.Left || e.position === v.Right);
+	}
+	isTopBottomSplit() {
+		return this.children.some((e) => e.position === v.Top || e.position === v.Bottom);
+	}
+	get leftChild() {
+		return this.children.find((e) => e.position === v.Left);
+	}
+	get rightChild() {
+		return this.children.find((e) => e.position === v.Right);
+	}
+	get topChild() {
+		return this.children.find((e) => e.position === v.Top);
+	}
+	get bottomChild() {
+		return this.children.find((e) => e.position === v.Bottom);
+	}
+	getChildren() {
+		let e = null, t = null, n = null, r = null;
+		for (let i of this.children) i.position === v.Left ? e = i : i.position === v.Right ? t = i : i.position === v.Top ? n = i : i.position === v.Bottom && (r = i);
+		return [
+			n,
+			t,
+			r,
+			e
+		];
+	}
+	getAllLeafDescendants() {
+		let e = [];
+		return this.walk((t) => {
+			t.children.length === 0 && e.push(t);
+		}), e;
+	}
+	calcMinWidth() {
+		if (this.isLeaf()) return this.minWidth;
+		let [e, t, n, r] = this.getChildren();
+		if (r && t) {
+			let e = r.calcMinWidth() + t.calcMinWidth();
+			return Math.max(this.minWidth, e);
+		}
+		if (e && n) {
+			let t = Math.max(e.calcMinWidth(), n.calcMinWidth());
+			return Math.max(this.minWidth, t);
+		}
+	}
+	calcMinHeight() {
+		if (this.isLeaf()) return this.minHeight;
+		let [e, t, n, r] = this.getChildren();
+		if (r && t) {
+			let e = Math.max(r.calcMinHeight(), t.calcMinHeight());
+			return Math.max(this.minHeight, e);
+		}
+		if (e && n) {
+			let t = e.calcMinHeight() + n.calcMinHeight();
+			return Math.max(this.minHeight, t);
+		}
+	}
+	getById(e) {
+		if (this.id === e) return this;
+		for (let t of this.children) {
+			let n = t.getById(e);
+			if (n) return n;
+		}
+		return null;
+	}
+	swapIds(e, t) {
+		let n = this.getById(e), r = this.getById(t);
+		if (!n || !r) throw Error("[bwin] Sash not found when swapping IDs");
+		let i = n.id;
+		n.id = r.id, r.id = i;
+	}
+	getAllIds() {
+		let e = [this.id];
+		for (let t of this.children) e.push(...t.getAllIds());
+		return e;
+	}
+	addChild(e) {
+		if (this.children.length >= 2) throw Error("[bwin] Maximum 2 children allowed");
+		this.children.push(e);
+	}
+	getDescendantParentById(e) {
+		for (let t of this.children) {
+			if (t.id === e) return this;
+			let n = t.getDescendantParentById(e);
+			if (n) return n;
+		}
+		return null;
+	}
+	getChildSiblingById(e) {
+		return this.children.find((t) => t.id !== e);
+	}
+	get top() {
+		return this._top;
+	}
+	set top(e) {
+		let t = e - this._top;
+		this._top = e;
+		let [n, r, i, a] = this.getChildren();
+		n && i && (n.top += t, i.top += t), a && r && (a.top += t, r.top += t);
+	}
+	get left() {
+		return this._left;
+	}
+	set left(e) {
+		let t = e - this._left;
+		this._left = e;
+		let [n, r, i, a] = this.getChildren();
+		a && r && (a.left += t, r.left += t), n && i && (n.left += t, i.left += t);
+	}
+	get width() {
+		return this._width;
+	}
+	set width(e) {
+		let t = e - this._width;
+		this._width = e;
+		let [n, r, i, a] = this.getChildren();
+		if (a && r) {
+			let e = a.width + r.width, n = t * (a.width / e), i = e + t, o, s, c;
+			if (this.resizeStrategy === "natural" && this.position === v.Left ? (o = a.width, s = r.width + t, c = r.left) : this.resizeStrategy === "natural" && this.position === v.Right ? (o = a.width + t, s = r.width, c = a.left + o) : (o = a.width + n, s = i - o, c = r.left + n), t < 0) {
+				let e = a.calcMinWidth(), t = r.calcMinWidth();
+				o < e && s > t ? (o = a.width, s = i - o, c = a.left + o) : s < t && o > e && (s = r.width, o = i - s, c = a.left + o);
+			}
+			a.width = o, r.width = s, r.left = c;
+		}
+		n && i && (n.width += t, i.width += t);
+	}
+	get height() {
+		return this._height;
+	}
+	set height(e) {
+		let t = e - this._height;
+		this._height = e;
+		let [n, r, i, a] = this.getChildren();
+		if (n && i) {
+			let e = n.height + i.height, r = t * (n.height / e), a = e + t, o, s, c;
+			if (this.resizeStrategy === "natural" && this.position === v.Top ? (o = n.height, s = i.height + t, c = i.top) : this.resizeStrategy === "natural" && this.position === v.Bottom ? (o = n.height + t, s = i.height, c = n.top + o) : (o = n.height + r, s = a - o, c = i.top + r), t < 0) {
+				let e = n.calcMinHeight(), t = i.calcMinHeight();
+				o < e && s > t ? (o = n.height, s = a - o, c = n.top + o) : s < t && o > e && (s = i.height, o = a - s, c = n.top + o);
+			}
+			n.height = o, i.height = s, i.top = c;
+		}
+		a && r && (a.height += t, r.height += t);
+	}
+}, w = {
+	size: "50%",
+	position: v.Left
+}, T = class e {
+	left;
+	top;
+	width;
+	height;
+	constructor({ parentRect: e, children: t, siblingConfigNode: n, id: r, minWidth: i, minHeight: a, position: o, size: s, resizeStrategy: c, ...l }) {
+		this.parentRect = e, this.children = t, this.siblingConfigNode = n, this.id = r, this.minWidth = i, this.minHeight = a, this.position = this.getPosition(o), this.size = this.getSize(s), this.resizeStrategy = c, this.nonCoreData = l, this.setBounds();
+	}
+	getPosition(e) {
+		if (!this.siblingConfigNode) return e;
+		let t = y(this.siblingConfigNode.position);
+		if (!e) return t;
+		if (e !== t) throw Error("[bwin] Sibling position and current position are not opposite");
+		return e;
+	}
+	getSize(e) {
+		if (!this.siblingConfigNode) return f(e);
+		if (!e) {
+			if (this.siblingConfigNode.size < 1) return 1 - this.siblingConfigNode.size;
+			if (this.siblingConfigNode.position === v.Left || this.siblingConfigNode.position === v.Right) return this.parentRect.width - this.siblingConfigNode.width;
+			if (this.siblingConfigNode.position === v.Top || this.siblingConfigNode.position === v.Bottom) return this.parentRect.height - this.siblingConfigNode.height;
+		}
+		let t = f(e);
+		if (t < 1) {
+			if (t + this.siblingConfigNode.size !== 1) throw Error("[bwin] Sum of sibling sizes is not equal to 1");
+		} else {
+			if ((this.position === v.Left || this.position === v.Right) && t + this.siblingConfigNode.size !== this.parentRect.width) throw Error("[bwin] Sum of sibling sizes is not equal to parent width");
+			if ((this.position === v.Top || this.position === v.Bottom) && t + this.siblingConfigNode.size !== this.parentRect.height) throw Error("[bwin] Sum of sibling sizes is not equal to parent height");
+		}
+		return t;
+	}
+	setBounds() {
+		if (this.position === v.Root) this.left = 0, this.top = 0, this.width = this.parentRect.width, this.height = this.parentRect.height;
+		else if (this.position === v.Left) {
+			let e = this.size < 1 ? this.parentRect.width * this.size : this.size;
+			this.left = this.parentRect.left, this.top = this.parentRect.top, this.width = e, this.height = this.parentRect.height;
+		} else if (this.position === v.Right) {
+			let e = this.size < 1 ? this.parentRect.width * this.size : this.size;
+			this.left = this.parentRect.left + this.parentRect.width - e, this.top = this.parentRect.top, this.width = e, this.height = this.parentRect.height;
+		} else if (this.position === v.Top) {
+			let e = this.size < 1 ? this.parentRect.height * this.size : this.size;
+			this.left = this.parentRect.left, this.top = this.parentRect.top, this.width = this.parentRect.width, this.height = e;
+		} else if (this.position === v.Bottom) {
+			let e = this.size < 1 ? this.parentRect.height * this.size : this.size;
+			this.left = this.parentRect.left, this.top = this.parentRect.top + this.parentRect.height - e, this.width = this.parentRect.width, this.height = e;
+		}
+	}
+	createSash({ resizeStrategy: e } = {}) {
+		return new C({
+			left: this.left,
+			top: this.top,
+			width: this.width,
+			height: this.height,
+			position: this.position,
+			id: this.id,
+			minWidth: this.minWidth,
+			minHeight: this.minHeight,
+			resizeStrategy: e || this.resizeStrategy,
+			store: this.nonCoreData
+		});
+	}
+	normConfig(e) {
+		if (p(e)) return e;
+		if (Array.isArray(e)) return { children: e };
+		if (typeof e == "string" || typeof e == "number") {
+			let t = f(e);
+			if (isNaN(t)) throw Error(`[bwin] Invalid size value: ${t}`);
+			return { size: e };
+		} else if (e == null) return {};
+		else throw Error(`[bwin] Invalid config value: ${e}`);
+	}
+	createPrimaryConfigNode({ size: t, position: n, children: r, id: i, minWidth: a, minHeight: o, ...s }) {
+		return new e({
+			parentRect: this,
+			size: t ?? w.size,
+			position: n ?? w.position,
+			children: r,
+			id: i,
+			minWidth: a,
+			minHeight: o,
+			...s
+		});
+	}
+	createSecondaryConfigNode({ size: t, position: n, children: r, id: i, minWidth: a, minHeight: o, ...s }, c) {
+		return new e({
+			parentRect: this,
+			size: t,
+			position: n,
+			children: r,
+			siblingConfigNode: c,
+			id: i,
+			minWidth: a,
+			minHeight: o,
+			...s
+		});
+	}
+	buildSashTree({ resizeStrategy: e } = {}) {
+		let t = this.createSash({ resizeStrategy: e });
+		if (!Array.isArray(this.children) || this.children.length === 0) return t;
+		let n = this.normConfig(this.children[0]), r = this.normConfig(this.children.at(1)), i, a;
+		if (!n.size && !n.position && r ? (r.position ||= v.Right, i = this.createPrimaryConfigNode(r), a = this.createSecondaryConfigNode(n, i)) : (i = this.createPrimaryConfigNode(n), a = this.createSecondaryConfigNode(r, i)), i && a) {
+			let n = i.buildSashTree({ resizeStrategy: e }), r = a.buildSashTree({ resizeStrategy: e });
+			n.parent = t, r.parent = t, t.children.push(n), t.children.push(r);
+		}
+		return t;
+	}
+}, E = {
+	width: 333,
+	height: 333
+}, D = {
+	fitContainer: !1,
+	theme: ""
+}, O = class extends T {
+	constructor({ id: e, children: t, width: n = E.width, height: r = E.height, fitContainer: i = D.fitContainer, theme: a = D.theme, ...o } = {
+		...E,
+		...D
+	}) {
+		super({
+			id: e,
+			children: t,
+			size: NaN,
+			position: v.Root,
+			parentRect: {
+				width: n,
+				height: r
+			},
+			...o
+		}), this.fitContainer = i, this.theme = a;
+	}
+}, re = class extends C {
+	constructor(e = S) {
+		super({
+			...e,
+			position: v.Root
+		}), Object.assign(this, D);
+	}
 };
-class b {
-  constructor({
-    left: t = v.left,
-    top: i = v.top,
-    width: n = v.width,
-    height: s = v.height,
-    minWidth: o = v.minWidth,
-    minHeight: h = v.minHeight,
-    domNode: a = null,
-    store: d = {},
-    position: l,
-    id: c
-  } = v) {
-    if (this.id = c ?? B(), !l)
-      throw new Error("[bwin] Sash position is required");
-    this.position = l, this.domNode = a, this._top = i, this._left = t, this._width = n, this._height = s, this.children = [], this.minWidth = o, this.minHeight = h, this.store = d;
-  }
-  walk(t) {
-    this.children.forEach((i) => i.walk(t)), t(this);
-  }
-  isLeaf() {
-    return this.children.length === 0;
-  }
-  // A sash that doesn't split is a leaf, in UI it's a pane
-  isSplit() {
-    return this.children.length > 0;
-  }
-  isLeftRightSplit() {
-    return this.children.some(
-      (t) => t.position === r.Left || t.position === r.Right
-    );
-  }
-  isTopBottomSplit() {
-    return this.children.some(
-      (t) => t.position === r.Top || t.position === r.Bottom
-    );
-  }
-  get leftChild() {
-    return this.children.find((t) => t.position === r.Left);
-  }
-  get rightChild() {
-    return this.children.find((t) => t.position === r.Right);
-  }
-  get topChild() {
-    return this.children.find((t) => t.position === r.Top);
-  }
-  get bottomChild() {
-    return this.children.find((t) => t.position === r.Bottom);
-  }
-  getChildren() {
-    let t = null, i = null, n = null, s = null;
-    for (const o of this.children)
-      o.position === r.Left ? t = o : o.position === r.Right ? i = o : o.position === r.Top ? n = o : o.position === r.Bottom && (s = o);
-    return [n, i, s, t];
-  }
-  getAllLeafDescendants() {
-    const t = [];
-    return this.walk((i) => {
-      i.children.length === 0 && t.push(i);
-    }), t;
-  }
-  calcMinWidth() {
-    if (this.isLeaf())
-      return this.minWidth;
-    const [t, i, n, s] = this.getChildren();
-    if (s && i) {
-      const o = s.calcMinWidth() + i.calcMinWidth();
-      return Math.max(this.minWidth, o);
-    }
-    if (t && n) {
-      const o = Math.max(t.calcMinWidth(), n.calcMinWidth());
-      return Math.max(this.minWidth, o);
-    }
-  }
-  calcMinHeight() {
-    if (this.isLeaf())
-      return this.minHeight;
-    const [t, i, n, s] = this.getChildren();
-    if (s && i) {
-      const o = Math.max(s.calcMinHeight(), i.calcMinHeight());
-      return Math.max(this.minHeight, o);
-    }
-    if (t && n) {
-      const o = t.calcMinHeight() + n.calcMinHeight();
-      return Math.max(this.minHeight, o);
-    }
-  }
-  // Get self or descendant by id
-  getById(t) {
-    if (this.id === t)
-      return this;
-    for (const i of this.children) {
-      const n = i.getById(t);
-      if (n)
-        return n;
-    }
-    return null;
-  }
-  // Get all ids of self and descendants
-  getAllIds() {
-    const t = [this.id];
-    for (const i of this.children)
-      t.push(...i.getAllIds());
-    return t;
-  }
-  addChild(t) {
-    if (this.children.length >= 2)
-      throw new Error("[bwin] Maximum 2 children allowed");
-    this.children.push(t);
-  }
-  getDescendantParentById(t) {
-    for (const i of this.children) {
-      if (i.id === t)
-        return this;
-      const n = i.getDescendantParentById(t);
-      if (n)
-        return n;
-    }
-    return null;
-  }
-  getChildSiblingById(t) {
-    return this.children.find((i) => i.id !== t);
-  }
-  get top() {
-    return this._top;
-  }
-  set top(t) {
-    const i = t - this._top;
-    this._top = t;
-    const [n, s, o, h] = this.getChildren();
-    n && o && (n.top += i, o.top += i), h && s && (h.top += i, s.top += i);
-  }
-  get left() {
-    return this._left;
-  }
-  set left(t) {
-    const i = t - this._left;
-    this._left = t;
-    const [n, s, o, h] = this.getChildren();
-    h && s && (h.left += i, s.left += i), n && o && (n.left += i, o.left += i);
-  }
-  get width() {
-    return this._width;
-  }
-  set width(t) {
-    const i = t - this._width;
-    this._width = t;
-    const [n, s, o, h] = this.getChildren();
-    if (h && s) {
-      const a = h.width + s.width, d = i * (h.width / a), l = a + i;
-      let c = h.width + d, u = l - c, g = s.left + d;
-      const m = h.calcMinWidth(), w = s.calcMinWidth();
-      i < 0 && (c < m && u > w ? (c = h.width, u = l - c, g = h.left + c) : u < w && c > m && (u = s.width, c = l - u, g = h.left + c)), h.width = c, s.width = u, s.left = g;
-    }
-    n && o && (n.width += i, o.width += i);
-  }
-  get height() {
-    return this._height;
-  }
-  set height(t) {
-    const i = t - this._height;
-    this._height = t;
-    const [n, s, o, h] = this.getChildren();
-    if (n && o) {
-      const a = n.height + o.height, d = i * (n.height / a), l = a + i;
-      let c = n.height + d, u = l - c, g = o.top + d;
-      if (i < 0) {
-        const m = n.calcMinHeight(), w = o.calcMinHeight();
-        c < m && u > w ? (c = n.height, u = l - c, g = n.top + c) : u < w && c > m && (u = o.height, c = l - u, g = n.top + c);
-      }
-      n.height = c, o.height = u, o.top = g;
-    }
-    h && s && (h.height += i, s.height += i);
-  }
+function ie(e) {
+	let t = document.createElement("bw-pane");
+	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("sash-id", e.id), t.setAttribute("position", e.position), t;
 }
-const H = {
-  size: "50%",
-  position: r.Left
-};
-class P {
-  constructor({
-    parentRect: t,
-    children: i,
-    siblingConfigNode: n,
-    id: s,
-    minWidth: o,
-    minHeight: h,
-    position: a,
-    size: d,
-    ...l
-  }) {
-    E(this, "left"), E(this, "top"), E(this, "width"), E(this, "height"), this.parentRect = t, this.children = i, this.siblingConfigNode = n, this.id = s, this.minWidth = o, this.minHeight = h, this.position = this.getPosition(a), this.size = this.getSize(d), this.nonCoreData = l, this.setBounds();
-  }
-  getPosition(t) {
-    if (!this.siblingConfigNode)
-      return t;
-    const i = ot(this.siblingConfigNode.position);
-    if (!t)
-      return i;
-    if (t !== i)
-      throw new Error("[bwin] Sibling position and current position are not opposite");
-    return t;
-  }
-  getSize(t) {
-    if (!this.siblingConfigNode)
-      return C(t);
-    if (!t) {
-      if (this.siblingConfigNode.size < 1)
-        return 1 - this.siblingConfigNode.size;
-      if (this.siblingConfigNode.position === r.Left || this.siblingConfigNode.position === r.Right)
-        return this.parentRect.width - this.siblingConfigNode.width;
-      if (this.siblingConfigNode.position === r.Top || this.siblingConfigNode.position === r.Bottom)
-        return this.parentRect.height - this.siblingConfigNode.height;
-    }
-    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");
-    } else {
-      if ((this.position === r.Left || this.position === r.Right) && i + this.siblingConfigNode.size !== this.parentRect.width)
-        throw new Error("[bwin] Sum of sibling sizes is not equal to parent width");
-      if ((this.position === r.Top || this.position === r.Bottom) && i + this.siblingConfigNode.size !== this.parentRect.height)
-        throw new Error("[bwin] Sum of sibling sizes is not equal to parent height");
-    }
-    return i;
-  }
-  setBounds() {
-    if (this.position === r.Root)
-      this.left = 0, this.top = 0, this.width = this.parentRect.width, this.height = this.parentRect.height;
-    else if (this.position === r.Left) {
-      const t = this.size < 1 ? this.parentRect.width * this.size : this.size;
-      this.left = this.parentRect.left, this.top = this.parentRect.top, this.width = t, this.height = this.parentRect.height;
-    } else if (this.position === r.Right) {
-      const t = this.size < 1 ? this.parentRect.width * this.size : this.size;
-      this.left = this.parentRect.left + this.parentRect.width - t, this.top = this.parentRect.top, this.width = t, this.height = this.parentRect.height;
-    } else if (this.position === r.Top) {
-      const t = this.size < 1 ? this.parentRect.height * this.size : this.size;
-      this.left = this.parentRect.left, this.top = this.parentRect.top, this.width = this.parentRect.width, this.height = t;
-    } else if (this.position === r.Bottom) {
-      const t = this.size < 1 ? this.parentRect.height * this.size : this.size;
-      this.left = this.parentRect.left, this.top = this.parentRect.top + this.parentRect.height - t, this.width = this.parentRect.width, this.height = t;
-    }
-  }
-  createSash() {
-    return new b({
-      left: this.left,
-      top: this.top,
-      width: this.width,
-      height: this.height,
-      position: this.position,
-      id: this.id,
-      minWidth: this.minWidth,
-      minHeight: this.minHeight,
-      store: this.nonCoreData
-    });
-  }
-  normConfig(t) {
-    if (it(t))
-      return t;
-    if (Array.isArray(t))
-      return {
-        children: t
-      };
-    if (typeof t == "string" || typeof t == "number") {
-      const i = C(t);
-      if (isNaN(i))
-        throw new Error(`[bwin] Invalid size value: ${i}`);
-      return {
-        size: t
-      };
-    } else {
-      if (t == null)
-        return {};
-      throw new Error(`[bwin] Invalid config value: ${t}`);
-    }
-  }
-  createPrimaryConfigNode({ size: t, position: i, children: n, id: s, minWidth: o, minHeight: h, ...a }) {
-    return new P({
-      parentRect: this,
-      size: t ?? H.size,
-      position: i ?? H.position,
-      children: n,
-      id: s,
-      minWidth: o,
-      minHeight: h,
-      ...a
-    });
-  }
-  createSecondaryConfigNode({ size: t, position: i, children: n, id: s, minWidth: o, minHeight: h, ...a }, d) {
-    return new P({
-      parentRect: this,
-      size: t,
-      position: i,
-      children: n,
-      siblingConfigNode: d,
-      id: s,
-      minWidth: o,
-      minHeight: h,
-      ...a
-    });
-  }
-  buildSashTree() {
-    const t = this.createSash();
-    if (!Array.isArray(this.children) || this.children.length === 0)
-      return t;
-    const i = this.normConfig(this.children[0]), n = this.normConfig(this.children.at(1));
-    let s, o;
-    return !i.size && !i.position && n ? (n.position || (n.position = r.Right), s = this.createPrimaryConfigNode(n), o = this.createSecondaryConfigNode(
-      i,
-      s
-    )) : (s = this.createPrimaryConfigNode(i), o = this.createSecondaryConfigNode(
-      n,
-      s
-    )), s && o && (t.children.push(s.buildSashTree()), t.children.push(o.buildSashTree())), t;
-  }
-}
-const L = {
-  width: 333,
-  height: 333
-}, T = {
-  fitContainer: !1
-};
-class ut extends P {
-  constructor({
-    id: t,
-    children: i,
-    width: n = L.width,
-    height: s = L.height,
-    fitContainer: o = T.fitContainer,
-    ...h
-  } = {
-    ...L,
-    ...T
-  }) {
-    super({
-      id: t,
-      children: i,
-      size: NaN,
-      position: r.Root,
-      parentRect: { width: n, height: s },
-      ...h
-    }), this.fitContainer = o;
-  }
-}
-class gt extends b {
-  constructor(t = v) {
-    super({ ...t, position: r.Root }), Object.assign(this, T);
-  }
-}
-function A(e) {
-  const t = document.createElement("bw-pane");
-  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("sash-id", e.id), t.setAttribute("position", e.position), t;
+function k(e) {
+	let t = e.domNode;
+	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 ft(e) {
-  const t = e.domNode;
-  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 A(e, { size: t, id: n }) {
+	let r = f(t), i = e.width / 2;
+	r && (i = r < 1 ? e.width * r : r);
+	let a = new C({
+		id: n,
+		top: e.top,
+		left: e.left,
+		width: i,
+		height: e.height,
+		position: v.Left
+	}), o = new C({
+		id: e.id,
+		top: e.top,
+		left: e.left + a.width,
+		width: e.width - i,
+		height: e.height,
+		position: v.Right,
+		domNode: e.domNode
+	});
+	return e.addChild(a), e.addChild(o), e.domNode = null, e.id = l(), a;
 }
-function mt(e, { size: t }) {
-  const i = C(t);
-  let n = e.width / 2;
-  i && (i < 1 ? n = e.width * i : n = i);
-  const s = new b({
-    top: e.top,
-    left: e.left,
-    width: n,
-    height: e.height,
-    position: r.Left
-  }), o = new b({
-    top: e.top,
-    left: e.left + s.width,
-    width: e.width - n,
-    height: e.height,
-    position: r.Right
-  }), h = A(o);
-  return o.domNode = h, z(h, e.domNode), e.addChild(s), e.addChild(o), s;
+function j(e, { size: t, id: n }) {
+	let r = f(t), i = e.width / 2;
+	r && (i = r < 1 ? e.width * r : r);
+	let a = new C({
+		id: e.id,
+		left: e.left,
+		top: e.top,
+		width: e.width - i,
+		height: e.height,
+		position: v.Left,
+		domNode: e.domNode
+	}), o = new C({
+		id: n,
+		left: e.left + a.width,
+		top: e.top,
+		width: i,
+		height: e.height,
+		position: v.Right
+	});
+	return e.addChild(a), e.addChild(o), e.domNode = null, e.id = l(), o;
 }
-function wt(e, { size: t }) {
-  const i = C(t);
-  let n = e.width / 2;
-  i && (i < 1 ? n = e.width * i : n = i);
-  const s = new b({
-    left: e.left,
-    top: e.top,
-    width: e.width - n,
-    height: e.height,
-    position: r.Left
-  }), o = new b({
-    left: e.left + s.width,
-    top: e.top,
-    width: n,
-    height: e.height,
-    position: r.Right
-  }), h = A(s);
-  return s.domNode = h, z(h, e.domNode), e.addChild(s), e.addChild(o), o;
+function M(e, { size: t, id: n }) {
+	let r = f(t), i = e.height / 2;
+	r && (i = r < 1 ? e.height * r : r);
+	let a = new C({
+		id: n,
+		left: e.left,
+		top: e.top,
+		width: e.width,
+		height: i,
+		position: v.Top
+	}), o = new C({
+		id: e.id,
+		left: e.left,
+		top: e.top + a.height,
+		width: e.width,
+		height: e.height - i,
+		position: v.Bottom,
+		domNode: e.domNode
+	});
+	return e.addChild(a), e.addChild(o), e.domNode = null, e.id = l(), a;
 }
-function bt(e, { size: t }) {
-  const i = C(t);
-  let n = e.height / 2;
-  i && (i < 1 ? n = e.height * i : n = i);
-  const s = new b({
-    left: e.left,
-    top: e.top,
-    width: e.width,
-    height: n,
-    position: r.Top
-  }), o = new b({
-    left: e.left,
-    top: e.top + s.height,
-    width: e.width,
-    height: e.height - n,
-    position: r.Bottom
-  }), h = A(o);
-  return o.domNode = h, z(h, e.domNode), e.addChild(s), e.addChild(o), s;
+function N(e, { size: t, id: n }) {
+	let r = f(t), i = e.height / 2;
+	r && (i = r < 1 ? e.height * r : r);
+	let a = new C({
+		id: e.id,
+		top: e.top,
+		left: e.left,
+		width: e.width,
+		height: e.height - i,
+		position: v.Top,
+		domNode: e.domNode
+	}), o = new C({
+		id: n,
+		top: e.top + a.height,
+		left: e.left,
+		width: e.width,
+		height: i,
+		position: v.Bottom
+	});
+	return e.addChild(a), e.addChild(o), e.domNode = null, e.id = l(), o;
 }
-function Et(e, { size: t }) {
-  const i = C(t);
-  let n = e.height / 2;
-  i && (i < 1 ? n = e.height * i : n = i);
-  const s = new b({
-    top: e.top,
-    left: e.left,
-    width: e.width,
-    height: e.height - n,
-    position: r.Top
-  }), o = new b({
-    top: e.top + s.height,
-    left: e.left,
-    width: e.width,
-    height: n,
-    position: r.Bottom
-  }), h = A(s);
-  return s.domNode = h, z(h, e.domNode), e.addChild(s), e.addChild(o), o;
+function P(e, { position: t, size: n, id: r, minWidth: i, minHeight: a }) {
+	if (t === v.Left) return A(e, {
+		size: n,
+		id: r
+	});
+	if (t === v.Right) return j(e, {
+		size: n,
+		id: r
+	});
+	if (t === v.Top) return M(e, {
+		size: n,
+		id: r
+	});
+	if (t === v.Bottom) return N(e, {
+		size: n,
+		id: r
+	});
 }
-function yt(e, { position: t, size: i, minWidth: n, minHeight: s }) {
-  if (t === r.Left)
-    return mt(e, { size: i });
-  if (t === r.Right)
-    return wt(e, { size: i });
-  if (t === r.Top)
-    return bt(e, { size: i });
-  if (t === r.Bottom)
-    return Et(e, { size: i });
+function F(e) {
+	if (e.tagName === "BW-PANE") return e.getAttribute("sash-id");
+	let t = e.closest("bw-pane");
+	if (!t) throw Error("[bwin] Pane element not found");
+	return t.getAttribute("sash-id");
 }
-const vt = {
-  createPane(e) {
-    const t = A(e);
-    return e.store.droppable === !1 && t.setAttribute("can-drop", "false"), t;
-  },
-  // Intended to be overridden
-  onPaneCreate(e, t) {
-    t.store.content && e.append(N(t.store.content)), this != null && this.debug && (e.style.backgroundColor = tt(), e.innerHTML = "", e.append(I(e)));
-  },
-  updatePane(e) {
-    return ft(e);
-  },
-  // Intended to be overridden
-  onPaneUpdate(e, t) {
-    this != null && this.debug && (e.innerHTML = "", e.append(I(e)));
-  },
-  /**
-   * Add a pane into the target pane. The two panes become next to each other
-   *
-   * @param {string} targetPaneSashId - The Sash ID of the target pane that the new pane moves into
-   * @param {'top'|'right'|'bottom'|'left'} position - The position of the new pane relative to the target pane
-   * @returns {Sash} - The newly created sash
-   */
-  addPane(e, { position: t, size: i }) {
-    if (!t) throw new Error("[bwin] Position is required when adding pane");
-    const n = this.rootSash.getById(e);
-    if (!n) throw new Error("[bwin] Parent sash not found when adding pane");
-    const s = yt(n, { position: t, size: i });
-    return n.id = B(), this.update(), s;
-  },
-  /**
-   * Remove a pane
-   *
-   * @param {string} sashId - The Sash ID of the pane to be removed
-   */
-  removePane(e) {
-    const t = this.rootSash.getDescendantParentById(e);
-    if (!t) throw new Error("[bwin] Parent sash not found when removing pane");
-    const i = t.getChildSiblingById(e);
-    t.id = B(), i.children.length === 0 ? (t.domNode = i.domNode, t.domNode.setAttribute("sash-id", t.id), t.children = []) : (t.children = i.children, i.position === r.Left ? i.width = t.width : i.position === r.Right ? (i.width = t.width, i.left = t.left) : i.position === r.Top ? i.height = t.height : i.position === r.Bottom && (i.height = t.height, i.top = t.top)), this.update();
-  }
+var I = {
+	createPane(e) {
+		let t = ie(e);
+		return e.store.droppable === !1 && t.setAttribute("can-drop", "false"), t;
+	},
+	onPaneCreate(e, t) {
+		t.store.content && e.append(g(t.store.content)), this?.debug && (e.style.backgroundColor = c(), e.innerHTML = "", e.append(L(e)));
+	},
+	updatePane(e) {
+		return k(e);
+	},
+	onPaneUpdate(e, t) {
+		this?.debug && (e.innerHTML = "", e.append(L(e)));
+	},
+	addPane(e, { position: t, size: n, id: r }) {
+		if (!t) throw Error("[bwin] Position is required when adding pane");
+		let i = this.rootSash.getById(e);
+		if (!i) throw Error("[bwin] Parent sash not found when adding pane");
+		let a = P(i, {
+			position: t,
+			size: n,
+			id: r
+		});
+		return this.update(), a;
+	},
+	removePane(e) {
+		let t = this.rootSash.getDescendantParentById(e);
+		if (!t) throw Error("[bwin] Parent sash not found when removing pane");
+		let n = t.getChildSiblingById(e);
+		n.children.length === 0 ? (t.id = n.id, t.domNode = n.domNode, t.domNode.setAttribute("sash-id", n.id), t.children = []) : (t.id = l(), t.children = n.children, n.position === v.Left ? n.width = t.width : n.position === v.Right ? (n.width = t.width, n.left = t.left) : n.position === v.Top ? n.height = t.height : n.position === v.Bottom && (n.height = t.height, n.top = t.top)), this.update();
+	},
+	swapPanes(e, t) {
+		let n = F(e), r = F(t), i = e.getAttribute("can-drop") !== "false", a = t.getAttribute("can-drop") !== "false";
+		this.rootSash.swapIds(n, r), d(e, this.activeDropPaneEl), e.setAttribute("sash-id", r), t.setAttribute("sash-id", n), e.setAttribute("can-drop", a), t.setAttribute("can-drop", i);
+	}
 };
-function I(e) {
-  const t = document.createElement("pre");
-  t.style.fontSize = "10px";
-  const i = `
+function L(e) {
+	let t = document.createElement("pre");
+	return t.style.fontSize = "10px", t.innerHTML = `
 ${e.getAttribute("sash-id")}
 ${e.getAttribute("position")}
 top: ${e.style.top}
 left: ${e.style.left}
 width: ${e.style.width}
 height: ${e.style.height}
-`;
-  return t.innerHTML = i.trim(), t;
+`.trim(), t;
 }
-const Nt = {
-  createWindow() {
-    const e = document.createElement("bw-window");
-    return e.style.width = `${this.rootSash.width}px`, e.style.height = `${this.rootSash.height}px`, e.setAttribute("root-sash-id", this.rootSash.id), e;
-  },
-  glaze() {
-    this.rootSash.walk((e) => {
-      let t = null;
-      e.children.length > 0 ? (t = this.createMuntin(e), this.onMuntinCreate(t, e), this.windowElement.append(t)) : (t = this.createPane(e), this.onPaneCreate(t, e), this.windowElement.prepend(t)), e.domNode = t;
-    });
-  },
-  update() {
-    this.windowElement.style.width = `${this.rootSash.width}px`, this.windowElement.style.height = `${this.rootSash.height}px`;
-    const e = this.rootSash.getAllIds(), t = [];
-    this.windowElement.querySelectorAll("[sash-id]").forEach((i) => {
-      const n = i.getAttribute("sash-id");
-      t.push(n), e.includes(n) || i.remove();
-    }), this.rootSash.walk((i) => {
-      i.children.length > 0 ? t.includes(i.id) ? (this.updateMuntin(i), this.onMuntinUpdate(i.domNode, i)) : (i.domNode = this.createMuntin(i), this.windowElement.append(i.domNode)) : t.includes(i.id) ? (this.updatePane(i), this.onPaneUpdate(i.domNode, i)) : (i.domNode || (i.domNode = this.createPane(i)), this.windowElement.prepend(i.domNode));
-    });
-  }
-}, zt = {
-  muntinSize: 4,
-  createMuntin(e) {
-    const t = document.createElement("bw-muntin"), i = e.leftChild, n = e.topChild;
-    return i ? (t.style.width = `${this.muntinSize}px`, t.style.height = `${e.height}px`, t.style.top = `${e.top}px`, t.style.left = `${e.left + i.width - this.muntinSize / 2}px`, t.setAttribute("vertical", "")) : n && (t.style.width = `${e.width}px`, t.style.height = `${this.muntinSize}px`, t.style.top = `${e.top + n.height - this.muntinSize / 2}px`, t.style.left = `${e.left}px`, t.setAttribute("horizontal", "")), t.setAttribute("sash-id", e.id), e.store.resizable === !1 && t.setAttribute("resizable", "false"), t;
-  },
-  onMuntinCreate(e, t) {
-  },
-  updateMuntin(e) {
-    const t = e.domNode, i = e.leftChild, n = e.topChild;
-    i ? (t.style.height = `${e.height}px`, t.style.top = `${e.top}px`, t.style.left = `${e.left + i.width - this.muntinSize / 2}px`) : n && (t.style.width = `${e.width}px`, t.style.top = `${e.top + n.height - this.muntinSize / 2}px`, t.style.left = `${e.left}px`);
-  },
-  onMuntinUpdate(e, t) {
-  }
-}, Ct = {
-  fitContainer: !1,
-  fit() {
-    this.rootSash.width = this.containerElement.clientWidth, this.rootSash.height = this.containerElement.clientHeight, this.update();
-  },
-  enableFitContainer() {
-    new ResizeObserver((e) => {
-      for (const t of e)
-        t.target === this.containerElement && this.fitContainer && this.fit();
-    }).observe(this.containerElement);
-  }
-}, St = {
-  activeMuntinSash: null,
-  isResizeStarted: !1,
-  isDropStarted: !1,
-  lastX: 0,
-  lastY: 0,
-  applyResizeStyles() {
-    this.activeMuntinSash.domNode.hasAttribute("vertical") ? document.body.classList.add("body--bw-resize-x") : this.activeMuntinSash.domNode.hasAttribute("horizontal") && document.body.classList.add("body--bw-resize-y");
-  },
-  revertResizeStyles() {
-    document.body.classList.remove("body--bw-resize-x"), document.body.classList.remove("body--bw-resize-y");
-  },
-  enableResize() {
-    document.addEventListener("mousedown", (e) => {
-      if (e.target.tagName !== "BW-MUNTIN" || e.target.getAttribute("resizable") === "false") return;
-      const t = e.target.getAttribute("sash-id");
-      this.activeMuntinSash = this.rootSash.getById(t), this.activeMuntinSash && (this.isResizeStarted = !0, this.lastX = e.pageX, this.lastY = e.pageY, this.applyResizeStyles());
-    }), document.addEventListener("mousemove", (e) => {
-      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 a = e.pageX - this.lastX, d = s.width + a, l = i.width - a;
-        if (a > 0 && l <= i.calcMinWidth() || a < 0 && d <= s.calcMinWidth()) return;
-        s.width = d, i.width = l, i.left = i.left + a, this.update(), this.lastX = e.pageX;
-      } else if (h && t && n) {
-        const a = e.pageY - this.lastY, d = t.height + a, l = n.height - a;
-        if (a > 0 && l <= n.calcMinHeight() || a < 0 && d <= t.calcMinHeight()) return;
-        t.height = d, n.height = l, n.top = n.top + a, this.update(), this.lastY = e.pageY;
-      }
-    }), document.addEventListener("mouseup", () => {
-      this.isResizeStarted = !1, this.activeMuntinSash = null, this.revertResizeStyles();
-    });
-  }
-}, At = {
-  activeDropPaneEl: null,
-  // Intended to be overridden in `BinaryWindow` class
-  onPaneDrop(e, t) {
-  },
-  enableDrop() {
-    this.windowElement.addEventListener("dragover", (e) => {
-      e.preventDefault();
-      const t = e.target.matches("bw-pane") ? e.target : e.target.closest("bw-pane");
-      if (!t || (t !== this.activeDropPaneEl && (this.activeDropPaneEl && this.activeDropPaneEl.removeAttribute("drop-area"), this.activeDropPaneEl = t), t.getAttribute("can-drop") === "false")) return;
-      const i = dt(t, e);
-      t.setAttribute("drop-area", i);
-    }), this.windowElement.addEventListener("dragleave", (e) => {
-      e.currentTarget.contains(e.relatedTarget) && e.currentTarget !== e.relatedTarget || this.activeDropPaneEl && (this.activeDropPaneEl.removeAttribute("drop-area"), this.activeDropPaneEl = null);
-    }), this.windowElement.addEventListener("drop", (e) => {
-      if (!this.activeDropPaneEl || this.activeDropPaneEl.getAttribute("can-drop") === "false") return;
-      const t = this.activeDropPaneEl.getAttribute("sash-id"), i = this.rootSash.getById(t);
-      this.onPaneDrop(e, i), typeof i.store.onDrop == "function" && i.store.onDrop(e, i), this.activeDropPaneEl.removeAttribute("drop-area"), this.activeDropPaneEl = null;
-    });
-  }
-}, Mt = !1;
-class O {
-  constructor(t) {
-    E(this, "windowElement", null), E(this, "containerElement", null), E(this, "debug", Mt);
-    let i = null;
-    t instanceof gt ? (i = t, this.rootSash = t) : (i = new ut(t), this.rootSash = i.buildSashTree()), this.fitContainer = i.fitContainer;
-  }
-  frame(t) {
-    this.containerElement = t, this.windowElement = this.createWindow(), this.glaze(), this.containerElement.append(this.windowElement);
-  }
-  // Features can work independently to each other
-  enableFeatures() {
-    this.enableResize(), this.enableDrop(), this.fitContainer && this.enableFitContainer();
-  }
-  mount(t) {
-    this.frame(t), this.enableFeatures();
-  }
-  static assemble(...t) {
-    t.forEach((i) => {
-      nt(this.prototype, i);
-    });
-  }
-}
-O.assemble(
-  Nt,
-  zt,
-  vt,
-  Ct,
-  At,
-  St
-);
-function k(e) {
-  if (e.tagName === "BW-PANE")
-    return e.getAttribute("sash-id");
-  const t = e.closest("bw-pane");
-  if (!t)
-    throw new Error("[bwin] Pane element not found");
-  return t.getAttribute("sash-id");
-}
-const Rt = {
-  label: "",
-  className: "bw-glass-action--close",
-  onClick: (e, t) => {
-    const i = k(e.target);
-    t.removePane(i);
-  }
-}, Pt = {
-  label: "",
-  className: "bw-glass-action--minimize",
-  onClick: (e, t) => {
-    const i = t.sillElement;
-    if (!i) throw new Error("[bwin] Sill element not found when minimizing");
-    const n = N('<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"), a = s.getAttribute("position");
-    n.bwGlassElement = o, n.bwOriginalPosition = a, n.bwOriginalBoundingRect = R(s), t.removePane(h);
-  }
-}, xt = {
-  label: "",
-  className: "bw-glass-action--maximize",
-  onClick: (e) => {
-    const t = e.target.closest("bw-pane");
-    t.hasAttribute("maximized") ? (t.removeAttribute("maximized"), t.style.left = `${t.bwOriginalBoundingRect.left}px`, t.style.top = `${t.bwOriginalBoundingRect.top}px`, t.style.width = `${t.bwOriginalBoundingRect.width}px`, t.style.height = `${t.bwOriginalBoundingRect.height}px`) : (t.setAttribute("maximized", ""), t.bwOriginalBoundingRect = R(t), t.style.left = "0", t.style.top = "0", t.style.width = "100%", t.style.height = "100%");
-  }
+var R = {
+	createWindow({ theme: e } = {}) {
+		let t = document.createElement("bw-window");
+		return t.style.width = `${this.rootSash.width}px`, t.style.height = `${this.rootSash.height}px`, t.setAttribute("root-sash-id", this.rootSash.id), e && t.setAttribute("theme", e), t;
+	},
+	glaze() {
+		this.rootSash.walk((e) => {
+			let t = null;
+			e.children.length > 0 ? (t = this.createMuntin(e), this.onMuntinCreate(t, e), this.windowElement.append(t)) : (t = this.createPane(e), this.onPaneCreate(t, e), this.windowElement.prepend(t)), e.domNode = t;
+		});
+	},
+	update() {
+		this.windowElement.style.width = `${this.rootSash.width}px`, this.windowElement.style.height = `${this.rootSash.height}px`;
+		let e = this.rootSash.getAllIds(), t = [];
+		this.windowElement.querySelectorAll("[sash-id]").forEach((n) => {
+			let r = n.getAttribute("sash-id");
+			t.push(r), e.includes(r) || n.remove();
+		}), this.rootSash.walk((e) => {
+			e.children.length > 0 ? t.includes(e.id) ? (this.updateMuntin(e), this.onMuntinUpdate(e.domNode, e)) : (e.domNode = this.createMuntin(e), this.windowElement.append(e.domNode)) : t.includes(e.id) ? (this.updatePane(e), this.onPaneUpdate(e.domNode, e)) : (e.domNode ||= this.createPane(e), this.windowElement.prepend(e.domNode));
+		});
+	}
+}, z = {
+	muntinSize: 4,
+	createMuntin(e) {
+		let t = document.createElement("bw-muntin"), n = e.leftChild, r = e.topChild;
+		return n ? (t.style.width = `${this.muntinSize}px`, t.style.height = `${e.height}px`, t.style.top = `${e.top}px`, t.style.left = `${e.left + n.width - this.muntinSize / 2}px`, t.setAttribute("vertical", "")) : r && (t.style.width = `${e.width}px`, t.style.height = `${this.muntinSize}px`, t.style.top = `${e.top + r.height - this.muntinSize / 2}px`, t.style.left = `${e.left}px`, t.setAttribute("horizontal", "")), t.setAttribute("sash-id", e.id), e.store.resizable === !1 && t.setAttribute("resizable", "false"), t;
+	},
+	onMuntinCreate(e, t) {},
+	updateMuntin(e) {
+		let t = e.domNode, n = e.leftChild, r = e.topChild;
+		n ? (t.style.height = `${e.height}px`, t.style.top = `${e.top}px`, t.style.left = `${e.left + n.width - this.muntinSize / 2}px`) : r && (t.style.width = `${e.width}px`, t.style.top = `${e.top + r.height - this.muntinSize / 2}px`, t.style.left = `${e.left}px`);
+	},
+	onMuntinUpdate(e, t) {}
+}, B = {
+	fitContainer: !1,
+	fit() {
+		this.rootSash.width = this.containerElement.clientWidth, this.rootSash.height = this.containerElement.clientHeight, this.update();
+	},
+	enableFitContainer() {
+		new ResizeObserver((e) => {
+			requestAnimationFrame(() => {
+				for (let t of e) t.target === this.containerElement && this.fitContainer && this.fit();
+			});
+		}).observe(this.containerElement);
+	}
+}, V = {
+	activeMuntinSash: null,
+	isResizeStarted: !1,
+	isDropStarted: !1,
+	lastX: 0,
+	lastY: 0,
+	applyResizeStyles() {
+		this.activeMuntinSash.domNode.hasAttribute("vertical") ? document.body.classList.add("body--bw-resize-x") : this.activeMuntinSash.domNode.hasAttribute("horizontal") && document.body.classList.add("body--bw-resize-y");
+	},
+	revertResizeStyles() {
+		document.body.classList.remove("body--bw-resize-x"), document.body.classList.remove("body--bw-resize-y");
+	},
+	enableResize() {
+		document.addEventListener("mousedown", (e) => {
+			if (e.target.tagName !== "BW-MUNTIN" || e.target.getAttribute("resizable") === "false") return;
+			let t = e.target.getAttribute("sash-id");
+			this.activeMuntinSash = this.rootSash.getById(t), this.activeMuntinSash && (this.isResizeStarted = !0, this.lastX = e.pageX, this.lastY = e.pageY, this.applyResizeStyles());
+		}), document.addEventListener("mousemove", (e) => {
+			if (!this.isResizeStarted || !this.activeMuntinSash) return;
+			let [t, n, r, i] = this.activeMuntinSash.getChildren(), a = this.activeMuntinSash.isLeftRightSplit(), o = this.activeMuntinSash.isTopBottomSplit();
+			if (a && i && n) {
+				let t = e.pageX - this.lastX, r = i.width + t, a = n.width - t;
+				if (t > 0 && a <= n.calcMinWidth() || t < 0 && r <= i.calcMinWidth()) return;
+				i.width = r, n.width = a, n.left += t, this.update(), this.lastX = e.pageX;
+			} else if (o && t && r) {
+				let n = e.pageY - this.lastY, i = t.height + n, a = r.height - n;
+				if (n > 0 && a <= r.calcMinHeight() || n < 0 && i <= t.calcMinHeight()) return;
+				t.height = i, r.height = a, r.top += n, this.update(), this.lastY = e.pageY;
+			}
+		}), document.addEventListener("mouseup", () => {
+			this.isResizeStarted = !1, this.activeMuntinSash = null, this.revertResizeStyles();
+		});
+	}
+}, H = {
+	activeDropPaneEl: null,
+	onPaneDrop(e, t) {},
+	enableDrop() {
+		this.windowElement.addEventListener("dragover", (e) => {
+			e.preventDefault();
+			let t = e.target.matches("bw-pane") ? e.target : e.target.closest("bw-pane");
+			if (!t || (t !== this.activeDropPaneEl && (this.activeDropPaneEl && this.activeDropPaneEl.removeAttribute("drop-area"), this.activeDropPaneEl = t), t.getAttribute("can-drop") === "false")) return;
+			let n = ne(t, e);
+			t.setAttribute("drop-area", n);
+		}), this.windowElement.addEventListener("dragleave", (e) => {
+			e.currentTarget.contains(e.relatedTarget) && e.currentTarget !== e.relatedTarget || (this.activeDropPaneEl &&= (this.activeDropPaneEl.removeAttribute("drop-area"), null));
+		}), this.windowElement.addEventListener("drop", (e) => {
+			if (!this.activeDropPaneEl || this.activeDropPaneEl.getAttribute("can-drop") === "false") return;
+			let t = this.activeDropPaneEl.getAttribute("sash-id"), n = this.rootSash.getById(t);
+			this.onPaneDrop(e, n), typeof n.store.onDrop == "function" && n.store.onDrop(e, n), this.activeDropPaneEl.removeAttribute("drop-area"), this.activeDropPaneEl = null;
+		});
+	}
+}, U = !1, W = class {
+	windowElement = null;
+	containerElement = null;
+	debug = U;
+	constructor(e) {
+		let t = null;
+		e instanceof re ? (t = e, this.rootSash = e) : (t = new O(e), this.rootSash = t.buildSashTree({ resizeStrategy: t.resizeStrategy })), this.fitContainer = t.fitContainer, this.theme = t.theme;
+	}
+	frame(e) {
+		this.containerElement = e, this.windowElement = this.createWindow({ theme: this.theme }), this.glaze(), this.containerElement.append(this.windowElement);
+	}
+	enableFeatures() {
+		this.enableResize(), this.enableDrop(), this.fitContainer && this.enableFitContainer();
+	}
+	mount(e) {
+		this.frame(e), this.enableFeatures();
+	}
+	static assemble(...e) {
+		e.forEach((e) => {
+			m(this.prototype, e);
+		});
+	}
 };
-function Dt(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), a = Math.max(e.top, t.top), d = Math.min(i, s), l = Math.min(n, o);
-  return {
-    left: h,
-    top: a,
-    width: d - h,
-    height: l - a
-  };
-}
-const F = [Pt, xt, Rt], $t = {
-  enableActions() {
-    this.handleMinimizedGlassClick(), this.observeActionButtons();
-  },
-  restoreGlass(e) {
-    const t = e.bwOriginalBoundingRect;
-    let i = 0, n = null;
-    if (this.windowElement.querySelectorAll("bw-pane").forEach((s) => {
-      const o = R(s), h = Dt(t, o);
-      if (h) {
-        const a = h.width * h.height;
-        a > i && (i = a, n = s);
-      }
-    }), n) {
-      const s = e.bwOriginalPosition, o = R(n), h = n.getAttribute("sash-id"), a = this.rootSash.getById(h);
-      let d = 0;
-      if (s === r.Left || s === r.Right)
-        d = o.width - t.width < a.minWidth ? o.width / 2 : t.width;
-      else if (s === r.Top || s === r.Bottom)
-        d = o.height - t.height < a.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: d
-      }).domNode.append(e.bwGlassElement);
-    }
-  },
-  handleMinimizedGlassClick() {
-    this.sillElement.addEventListener("click", (e) => {
-      if (!e.target.matches(".bw-minimized-glass")) return;
-      const t = e.target;
-      this.restoreGlass(t), t.remove();
-    });
-  },
-  updateDisabledStateOfActionButtons() {
-    this.updateDisabledState(".bw-glass-action--close"), this.updateDisabledState(".bw-glass-action--minimize"), this.updateDisabledState(".bw-glass-action--maximize");
-  },
-  updateDisabledState(e) {
-    if (this.windowElement.querySelectorAll("bw-pane").length === 1) {
-      const t = this.windowElement.querySelector(e);
-      t && t.setAttribute("disabled", "");
-    } else
-      this.windowElement.querySelectorAll(e).forEach((t) => {
-        t.removeAttribute("disabled");
-      });
-  },
-  observeActionButtons() {
-    this.updateDisabledStateOfActionButtons(), new MutationObserver((e) => {
-      e.forEach((t) => {
-        t.type === "childList" && this.updateDisabledStateOfActionButtons();
-      });
-    }).observe(this.windowElement, {
-      childList: !0
-    });
-  }
-}, S = {
-  title: null,
-  content: null,
-  tabs: [],
-  actions: void 0,
-  draggable: !0
+W.assemble(R, z, I, B, H, V);
+var G = {
+	label: "",
+	className: "bw-glass-action--close",
+	onClick: (e, t) => {
+		let n = F(e.target);
+		t.removePane(n);
+	}
+}, K = {
+	label: "",
+	className: "bw-glass-action--minimize",
+	onClick: (e, t) => {
+		let n = t.sillElement;
+		if (!n) throw Error("[bwin] Sill element not found when minimizing");
+		let r = g("<button class=\"bw-minimized-glass\" />");
+		n.append(r);
+		let i = e.target.closest("bw-pane"), a = e.target.closest("bw-glass"), o = i.getAttribute("sash-id"), s = i.getAttribute("position");
+		r.bwGlassElement = a, r.bwOriginalPosition = s, r.bwOriginalBoundingRect = _(i), r.bwOriginalSashId = o, t.removePane(o);
+	}
+}, q = {
+	label: "",
+	className: "bw-glass-action--maximize",
+	onClick: (e) => {
+		let t = e.target.closest("bw-pane");
+		t.hasAttribute("maximized") ? (t.removeAttribute("maximized"), t.style.left = `${t.bwOriginalBoundingRect.left}px`, t.style.top = `${t.bwOriginalBoundingRect.top}px`, t.style.width = `${t.bwOriginalBoundingRect.width}px`, t.style.height = `${t.bwOriginalBoundingRect.height}px`) : (t.setAttribute("maximized", ""), t.bwOriginalBoundingRect = _(t), t.style.left = "0", t.style.top = "0", t.style.width = "100%", t.style.height = "100%");
+	}
 };
-class G {
-  constructor({
-    title: t = S.title,
-    content: i = S.content,
-    tabs: n = S.tabs,
-    actions: s = S.actions,
-    draggable: o = S.draggable,
-    sash: h,
-    binaryWindow: a
-  }) {
-    E(this, "domNode"), this.title = t, this.content = i, this.tabs = n, this.actions = s, this.sash = h, this.draggable = o, this.binaryWindow = a, this.build();
-  }
-  build() {
-    const t = document.createElement("bw-glass-header");
-    if (Array.isArray(this.tabs) && this.tabs.length > 0)
-      t.append(this.createTabs());
-    else if (this.title) {
-      const s = document.createElement("bw-glass-title");
-      s.append(N(this.title)), t.append(s);
-    }
-    t.setAttribute("can-drag", this.draggable), t.append(this.createActions());
-    const i = document.createElement("bw-glass-content"), n = N(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 = N(`<button class="bw-glass-tab">${n}</button>`);
-      t.append(s);
-    }
-    return t;
-  }
-  createActions() {
-    const t = document.createElement("bw-glass-action-container"), i = this.actions === void 0 ? F : 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 = N(`<button class="${o}">${s}</button>`);
-      typeof n.onClick == "function" && h.addEventListener("click", (a) => {
-        n.onClick(a, this.binaryWindow);
-      }), t.append(h);
-    }
-    return t;
-  }
-  get contentElement() {
-    return this.domNode.querySelector("bw-glass-content");
-  }
-  get headerElement() {
-    return this.domNode.querySelector("bw-glass-header");
-  }
+function J(e, t) {
+	let n = e.left + e.width, r = e.top + e.height, i = t.left + t.width, a = t.top + t.height;
+	if (e.left >= i || t.left >= n || e.top >= a || t.top >= r) return null;
+	let o = Math.max(e.left, t.left), s = Math.max(e.top, t.top), c = Math.min(n, i), l = Math.min(r, a);
+	return {
+		left: o,
+		top: s,
+		width: c - o,
+		height: l - s
+	};
 }
-const Lt = {
-  activeDragGlassEl: null,
-  activeDragGlassPaneCanDrop: !1,
-  onPaneDrop(e, t) {
-    if (!this.activeDragGlassEl) return;
-    const i = this.activeDropPaneEl.getAttribute("drop-area");
-    if (i === "center") {
-      const n = this.activeDragGlassEl.closest("bw-pane"), s = this.activeDropPaneEl.getAttribute("can-drop") !== "false";
-      et(n, this.activeDropPaneEl), n.setAttribute("can-drop", s);
-      return;
-    } else {
-      const n = k(this.activeDragGlassEl);
-      this.addPane(t.id, { position: i }).domNode.append(this.activeDragGlassEl), this.removePane(n);
-    }
-  },
-  enableDrag() {
-    document.addEventListener("mousedown", (e) => {
-      if (e.button !== 0 || !e.target.matches("bw-glass-header")) return;
-      if (e.target.getAttribute("can-drag") === "false") {
-        e.preventDefault();
-        return;
-      }
-      const t = e.target.closest("bw-glass");
-      t.setAttribute("draggable", !0), this.activeDragGlassEl = t;
-    }), document.addEventListener("mouseup", () => {
-      this.activeDragGlassEl && (this.activeDragGlassEl.removeAttribute("draggable"), this.activeDragGlassEl = null);
-    }), this.windowElement.addEventListener("dragstart", (e) => {
-      if (!(e.target instanceof HTMLElement) || !e.target.matches("bw-glass") || !this.activeDragGlassEl)
-        return;
-      e.dataTransfer.effectAllowed = "move";
-      const t = this.activeDragGlassEl.closest("bw-pane");
-      this.activeDragGlassPaneCanDrop = t.getAttribute("can-drop") !== "false", t.setAttribute("can-drop", !1);
-    }), this.windowElement.addEventListener("dragend", () => {
-      this.activeDragGlassEl && (this.activeDragGlassEl.removeAttribute("draggable"), this.activeDragGlassEl.closest("bw-pane").setAttribute("can-drop", this.activeDragGlassPaneCanDrop), this.activeDragGlassEl = null);
-    });
-  }
-}, Bt = {
-  trimMuntin(e) {
-    e.hasAttribute("vertical") ? (e.style.top = `${parseFloat(e.style.top) + this.muntinSize / 2}px`, e.style.height = `${parseFloat(e.style.height) - this.muntinSize}px`) : e.hasAttribute("horizontal") && (e.style.left = `${parseFloat(e.style.left) + this.muntinSize / 2}px`, e.style.width = `${parseFloat(e.style.width) - this.muntinSize}px`);
-  },
-  onMuntinCreate(e) {
-    this.trimMuntin(e);
-  },
-  onMuntinUpdate(e) {
-    this.trimMuntin(e);
-  }
+var Y = [
+	K,
+	q,
+	G
+], ae = {
+	enableActions() {
+		this.handleMinimizedGlassClick(), this.observeActionButtons();
+	},
+	restoreGlass(e) {
+		let t = e.bwOriginalBoundingRect, n = 0, r = null;
+		if (this.windowElement.querySelectorAll("bw-pane").forEach((e) => {
+			let i = J(t, _(e));
+			if (i) {
+				let t = i.width * i.height;
+				t > n && (n = t, r = e);
+			}
+		}), r) {
+			let n = e.bwOriginalPosition, i = _(r), a = r.getAttribute("sash-id"), o = this.rootSash.getById(a), s = 0;
+			if (n === v.Left || n === v.Right) s = i.width - t.width < o.minWidth ? i.width / 2 : t.width;
+			else if (n === v.Top || n === v.Bottom) s = i.height - t.height < o.minHeight ? i.height / 2 : t.height;
+			else throw Error("[bwin] Invalid position when restoring glass");
+			let c = e.bwOriginalSashId;
+			this.addPane(r.getAttribute("sash-id"), {
+				id: c,
+				position: n,
+				size: s
+			}).domNode.append(e.bwGlassElement);
+		}
+	},
+	handleMinimizedGlassClick() {
+		this.sillElement.addEventListener("click", (e) => {
+			if (!e.target.matches(".bw-minimized-glass")) return;
+			let t = e.target;
+			this.restoreGlass(t), t.remove();
+		});
+	},
+	updateDisabledStateOfActionButtons() {
+		this.updateDisabledState(".bw-glass-action--close"), this.updateDisabledState(".bw-glass-action--minimize"), this.updateDisabledState(".bw-glass-action--maximize");
+	},
+	updateDisabledState(e) {
+		if (this.windowElement.querySelectorAll("bw-pane").length === 1) {
+			let t = this.windowElement.querySelector(e);
+			t && t.setAttribute("disabled", "");
+		} else this.windowElement.querySelectorAll(e).forEach((e) => {
+			e.removeAttribute("disabled");
+		});
+	},
+	getMinimizedGlassElementBySashId(e) {
+		let t = this.windowElement.querySelectorAll(".bw-minimized-glass");
+		return Array.from(t).find((t) => t.bwOriginalSashId === e);
+	},
+	observeActionButtons() {
+		this.updateDisabledStateOfActionButtons(), new MutationObserver((e) => {
+			e.forEach((e) => {
+				e.type === "childList" && this.updateDisabledStateOfActionButtons();
+			});
+		}).observe(this.windowElement, { childList: !0 });
+	}
+}, X = {
+	title: null,
+	content: null,
+	tabs: [],
+	actions: void 0,
+	draggable: !0
+}, Z = class {
+	domNode;
+	constructor({ title: e = X.title, content: t = X.content, tabs: n = X.tabs, actions: r = X.actions, draggable: i = X.draggable, sash: a, binaryWindow: o }) {
+		this.title = e, this.content = t, this.tabs = n, this.actions = r, this.sash = a, this.draggable = i, this.binaryWindow = o, this.build();
+	}
+	build() {
+		let e = document.createElement("bw-glass-header");
+		if (Array.isArray(this.tabs) && this.tabs.length > 0) e.append(this.createTabs());
+		else if (this.title) {
+			let t = document.createElement("bw-glass-title");
+			t.append(g(this.title)), e.append(t);
+		}
+		e.setAttribute("can-drag", this.draggable), e.append(this.createActions());
+		let t = document.createElement("bw-glass-content"), n = g(this.content);
+		n && t.append(n), this.domNode = document.createElement("bw-glass"), this.domNode.append(e, t);
+	}
+	createTabs() {
+		let e = document.createElement("bw-glass-tab-container");
+		for (let t of this.tabs) {
+			let n = g(`<button class="bw-glass-tab">${t?.label ?? t}</button>`);
+			e.append(n);
+		}
+		return e;
+	}
+	createActions() {
+		let e = document.createElement("bw-glass-action-container"), t = this.actions === void 0 ? Y : Array.isArray(this.actions) ? this.actions : [];
+		for (let n of t) {
+			let t = n?.label ?? n, r = g(`<button class="${n.className ? `bw-glass-action ${n.className}` : "bw-glass-action"}">${t}</button>`);
+			typeof n.onClick == "function" && r.addEventListener("click", (e) => {
+				n.onClick(e, this.binaryWindow);
+			}), e.append(r);
+		}
+		return e;
+	}
+	get contentElement() {
+		return this.domNode.querySelector("bw-glass-content");
+	}
+	get headerElement() {
+		return this.domNode.querySelector("bw-glass-header");
+	}
+}, oe = {
+	activeDragGlassEl: null,
+	activeDragGlassPaneCanDrop: !1,
+	onPaneDrop(e, t) {
+		if (!this.activeDragGlassEl) return;
+		let n = this.activeDropPaneEl.getAttribute("drop-area");
+		if (n === "center") {
+			let e = this.activeDragGlassEl.closest("bw-pane");
+			this.swapPanes(e, this.activeDropPaneEl);
+			return;
+		} else {
+			let e = F(this.activeDragGlassEl);
+			this.removePane(e), this.addPane(t.id, {
+				position: n,
+				id: e
+			}).domNode.append(this.activeDragGlassEl);
+		}
+	},
+	enableDrag() {
+		document.addEventListener("mousedown", (e) => {
+			if (e.button !== 0 || !e.target.matches("bw-glass-header")) return;
+			if (e.target.getAttribute("can-drag") === "false") {
+				e.preventDefault();
+				return;
+			}
+			let t = e.target.closest("bw-glass");
+			t.setAttribute("draggable", !0), this.activeDragGlassEl = t;
+		}), document.addEventListener("mouseup", () => {
+			this.activeDragGlassEl &&= (this.activeDragGlassEl.removeAttribute("draggable"), null);
+		}), this.windowElement.addEventListener("dragstart", (e) => {
+			if (!(e.target instanceof HTMLElement) || !e.target.matches("bw-glass") || !this.activeDragGlassEl) return;
+			e.dataTransfer.effectAllowed = "move";
+			let t = this.activeDragGlassEl.closest("bw-pane");
+			this.activeDragGlassPaneCanDrop = t.getAttribute("can-drop") !== "false", t.setAttribute("can-drop", !1);
+		}), this.windowElement.addEventListener("dragend", () => {
+			this.activeDragGlassEl &&= (this.activeDragGlassEl.removeAttribute("draggable"), this.activeDragGlassEl.closest("bw-pane").setAttribute("can-drop", this.activeDragGlassPaneCanDrop), null);
+		});
+	}
+}, se = {
+	trimMuntin(e) {
+		e.hasAttribute("vertical") ? (e.style.top = `${parseFloat(e.style.top) + this.muntinSize / 2}px`, e.style.height = `${parseFloat(e.style.height) - this.muntinSize}px`) : e.hasAttribute("horizontal") && (e.style.left = `${parseFloat(e.style.left) + this.muntinSize / 2}px`, e.style.width = `${parseFloat(e.style.width) - this.muntinSize}px`);
+	},
+	onMuntinCreate(e) {
+		this.trimMuntin(e);
+	},
+	onMuntinUpdate(e) {
+		this.trimMuntin(e);
+	}
+}, Q = class extends W {
+	sillElement = null;
+	frame() {
+		super.frame(...arguments);
+		let e = g("<bw-sill />");
+		this.windowElement.append(e), this.sillElement = e;
+	}
+	enableFeatures() {
+		super.enableFeatures(), this.enableDrag(), this.enableActions();
+	}
+	onPaneCreate(e, t) {
+		let n = new Z({
+			...t.store,
+			sash: t,
+			binaryWindow: this
+		});
+		e.innerHTML = "", e.append(n.domNode), this.debug && n.contentElement.prepend(`${t.id}`);
+	}
+	onPaneUpdate() {}
+	addPane(e, t) {
+		let { position: n, size: r, id: i, ...a } = t, o = super.addPane(e, {
+			position: n,
+			size: r,
+			id: i
+		}), s = new Z({
+			...a,
+			sash: o,
+			binaryWindow: this
+		});
+		return o.domNode.append(s.domNode), o;
+	}
+	setTheme(e) {
+		if (!e) {
+			this.theme = "", this.windowElement.removeAttribute("theme");
+			return;
+		}
+		this.theme = e, this.windowElement.setAttribute("theme", e);
+	}
+	removePane(e) {
+		if (this.windowElement.querySelector(`[sash-id="${e}"]`)) {
+			super.removePane(e);
+			return;
+		}
+		let t = this.getMinimizedGlassElementBySashId(e);
+		t && t.remove();
+	}
 };
-class _ extends O {
-  constructor() {
-    super(...arguments), E(this, "sillElement", null);
-  }
-  frame() {
-    super.frame(...arguments);
-    const t = N("<bw-sill />");
-    this.windowElement.append(t), this.sillElement = t;
-  }
-  enableFeatures() {
-    super.enableFeatures(), this.enableDrag(), this.enableActions();
-  }
-  onPaneCreate(t, i) {
-    const n = new G({ ...i.store, sash: i, binaryWindow: this });
-    t.innerHTML = "", t.append(n.domNode), this.debug && n.contentElement.prepend(`${i.id}`);
-  }
-  onPaneUpdate() {
-  }
-  /**
-   * Add a pane with glass into the target pane.
-   *
-   * @param {string} targetPaneId - The Sash ID of the target pane
-   * @param {Object} props - The pane and glass properties grouped together
-   * @returns {Sash} - The newly created Sash
-   */
-  addPane(t, i) {
-    const { position: n, size: s, ...o } = i, h = super.addPane(t, { position: n, size: s }), a = new G({ ...o, sash: h, binaryWindow: this });
-    return h.domNode.append(a.domNode), h;
-  }
-}
-_.assemble(Lt, Bt, $t);
-const y = 4;
-function Tt({ sash: e }) {
-  var c;
-  const t = M(), i = e.leftChild, n = e.topChild;
-  let s, o, h, a, d, l;
-  return i ? (s = y, o = e.height - y, h = e.top + y / 2, a = e.left + i.width - y / 2, d = !0) : n && (s = e.width - y, o = y, h = e.top + n.height - y / 2, a = e.left + y / 2, l = !0), W(() => {
-    e.domNode = t.current;
-  }, []), /* @__PURE__ */ f.createElement(
-    "bw-muntin",
-    {
-      "sash-id": e.id,
-      style: {
-        width: s,
-        height: o,
-        top: h,
-        left: a
-      },
-      vertical: d,
-      horizontal: l,
-      resizable: ((c = e.store) == null ? void 0 : c.resizable) === !1 ? "false" : "true",
-      ref: t
-    }
-  );
+Q.assemble(oe, se, ae);
+//#endregion
+//#region src/Muntin.tsx
+var $ = 4;
+function ce({ sash: t }) {
+	let r = a(), i = t.leftChild, o = t.topChild, s, c, l, u, d, f;
+	return i ? (s = $, c = t.height - $, l = t.top + $ / 2, u = t.left + i.width - $ / 2, d = !0) : o && (s = t.width - $, c = $, l = t.top + o.height - $ / 2, u = t.left + $ / 2, f = !0), n(() => {
+		t.domNode = r.current;
+	}, []), /* @__PURE__ */ e.createElement("bw-muntin", {
+		"sash-id": t.id,
+		style: {
+			width: s,
+			height: c,
+			top: l,
+			left: u
+		},
+		vertical: d,
+		horizontal: f,
+		resizable: t.store?.resizable === !1 ? "false" : "true",
+		ref: r
+	});
 }
-function Wt({
-  sash: e,
-  bwin: t
-}) {
-  var c, u, g, m, w;
-  const i = M(), { left: n, top: s, width: o, height: h, id: a, position: d } = e;
-  W(() => {
-    e.domNode = i.current;
-  }, []);
-  const l = ((c = e.store) == null ? void 0 : c.actions) === void 0 ? F : Array.isArray(e.store.actions) ? e.store.actions : [];
-  return /* @__PURE__ */ f.createElement(
-    "bw-pane",
-    {
-      "sash-id": a,
-      position: d,
-      style: { left: n, top: s, width: o, height: h },
-      "can-drop": ((u = e.store) == null ? void 0 : u.droppable) === !1 ? "false" : "true",
-      ref: i
-    },
-    /* @__PURE__ */ f.createElement("bw-glass", null, /* @__PURE__ */ f.createElement(
-      "bw-glass-header",
-      {
-        "can-drag": ((g = e.store) == null ? void 0 : g.draggable) === !1 ? "false" : "true"
-      },
-      ((m = e.store) == null ? void 0 : m.title) && /* @__PURE__ */ f.createElement("bw-glass-title", null, e.store.title),
-      l.length > 0 && /* @__PURE__ */ f.createElement("bw-glass-action-container", null, l.map((p, x) => {
-        const D = p.className ? `bw-glass-action ${p.className}` : "bw-glass-action";
-        return /* @__PURE__ */ f.createElement(
-          "button",
-          {
-            className: D,
-            key: x,
-            onClick: ($) => p.onClick($, t)
-          },
-          p.label
-        );
-      }))
-    ), /* @__PURE__ */ f.createElement("bw-glass-content", null, (w = e.store) == null ? void 0 : w.content))
-  );
+//#endregion
+//#region src/Pane.tsx
+function le({ sash: t, bwin: r }) {
+	let i = a(), { left: o, top: s, width: c, height: l, id: u, position: d } = t;
+	n(() => {
+		t.domNode = i.current;
+	}, []);
+	let f = t.store?.actions === void 0 ? Y : Array.isArray(t.store.actions) ? t.store.actions : [];
+	return /* @__PURE__ */ e.createElement("bw-pane", {
+		"sash-id": u,
+		position: d,
+		style: {
+			left: o,
+			top: s,
+			width: c,
+			height: l
+		},
+		"can-drop": t.store?.droppable === !1 ? "false" : "true",
+		ref: i
+	}, /* @__PURE__ */ e.createElement("bw-glass", null, /* @__PURE__ */ e.createElement("bw-glass-header", { "can-drag": t.store?.draggable === !1 ? "false" : "true" }, t.store?.title && /* @__PURE__ */ e.createElement("bw-glass-title", null, t.store.title), f.length > 0 && /* @__PURE__ */ e.createElement("bw-glass-action-container", null, f.map((t, n) => {
+		let i = t.className ? `bw-glass-action ${t.className}` : "bw-glass-action";
+		return /* @__PURE__ */ e.createElement("button", {
+			className: i,
+			key: n,
+			onClick: (e) => t.onClick(e, r)
+		}, t.label);
+	}))), /* @__PURE__ */ e.createElement("bw-glass-content", null, t.store?.content)));
 }
-const Gt = Y((e, t) => {
-  const i = M(), n = M(), [s, o] = j(), { panes: h, ...a } = e, d = { ...a, children: h }, l = new _(d), c = [], u = [];
-  l.rootSash.walk((p) => {
-    p.children.length > 0 ? c.push(p) : u.push(p);
-  }), W(() => {
-    const p = i.current;
-    p != null && p.parentElement && (l.windowElement = p, l.containerElement = p.parentElement, l.sillElement = n.current, l.enableFeatures());
-  }, []), K(
-    t,
-    () => ({
-      fit: l.fit.bind(l),
-      removePane: l.removePane.bind(l),
-      addPane: w
-    }),
-    []
-  );
-  const g = /* @__PURE__ */ f.createElement(
-    "bw-window",
-    {
-      "root-sash-id": l.rootSash.id,
-      style: { width: l.rootSash.width, height: l.rootSash.height },
-      ref: i
-    },
-    u.map((p) => /* @__PURE__ */ f.createElement(Wt, { key: p.id, sash: p, bwin: l })),
-    c.map((p) => /* @__PURE__ */ f.createElement(Tt, { key: p.id, sash: p })),
-    /* @__PURE__ */ f.createElement("bw-sill", { ref: n })
-  ), m = V(() => g, []);
-  function w(p, x) {
-    const { content: D, ...$ } = x, q = l.addPane(p, $), U = document.querySelector(
-      `bw-pane[sash-id="${q.id}"] bw-glass-content`
-    );
-    o((X) => [
-      ...X || [],
-      { node: D, container: U }
-    ]);
-  }
-  return /* @__PURE__ */ f.createElement(f.Fragment, null, m, s == null ? void 0 : s.map((p) => Z(p.node, p.container)));
-}), Ot = "0.3.2";
-export {
-  F as BUILTIN_ACTIONS,
-  Gt as Window,
-  Ot as version
-};
+//#endregion
+//#region src/Window.tsx
+var ue = t((t, c) => {
+	let l = a(), u = a(), [d, f] = o(), { panes: p, ...m } = t, h = new Q({
+		...m,
+		children: p
+	}), g = [], _ = [];
+	h.rootSash.walk((e) => {
+		e.children.length > 0 ? g.push(e) : _.push(e);
+	}), n(() => {
+		let e = l.current;
+		e?.parentElement && (h.windowElement = e, h.containerElement = e.parentElement, h.sillElement = u.current, h.enableFeatures());
+	}, []), r(c, () => ({
+		fit: h.fit.bind(h),
+		removePane: h.removePane.bind(h),
+		addPane: b
+	}), []);
+	let v = /* @__PURE__ */ e.createElement("bw-window", {
+		"root-sash-id": h.rootSash.id,
+		style: {
+			width: h.rootSash.width,
+			height: h.rootSash.height
+		},
+		ref: l
+	}, _.map((t) => /* @__PURE__ */ e.createElement(le, {
+		key: t.id,
+		sash: t,
+		bwin: h
+	})), g.map((t) => /* @__PURE__ */ e.createElement(ce, {
+		key: t.id,
+		sash: t
+	})), /* @__PURE__ */ e.createElement("bw-sill", { ref: u })), y = i(() => v, []);
+	function b(e, t) {
+		let { content: n, ...r } = t, i = h.addPane(e, r), a = document.querySelector(`bw-pane[sash-id="${i.id}"] bw-glass-content`);
+		f((e) => [...e || [], {
+			node: n,
+			container: a
+		}]);
+	}
+	return /* @__PURE__ */ e.createElement(e.Fragment, null, y, d?.map((e) => s(e.node, e.container)));
+}), de = "0.3.4";
+//#endregion
+export { Y as BUILTIN_ACTIONS, ue as Window, de as version };