vue-dockable-desktop 1.0.0

package/dist/index.js

@@ -0,0 +1,4851 @@
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentScope as d, guardReactiveProps as f, inject as p, isVNode as m, markRaw as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, onScopeDispose as w, openBlock as T, provide as E, reactive as D, readonly as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowReactive as P, shallowRef as F, toDisplayString as I, toRaw as L, toValue as R, unref as z, useModel as B, useSlots as ee, useTemplateRef as V, vModelText as te, watch as H, watchEffect as ne, withCtx as U, withDirectives as re, withKeys as ie, withModifiers as W } from "vue";
+//#region src/core/layoutTree.ts
+var ae = {
+	type: "leaf",
+	id: "group-default",
+	panels: [],
+	activePanelId: null
+}, G = () => ({
+	...ae,
+	panels: []
+});
+function oe(e, t) {
+	if (e.type === "leaf") {
+		let n = e.panels.indexOf(t);
+		if (n === -1) return e;
+		let r = e.panels.filter((e) => e !== t), i = e.activePanelId === t ? r[n] ?? r[n - 1] ?? r[0] ?? null : e.activePanelId;
+		return r.length === 0 && !e.keepOnEmpty ? null : {
+			...e,
+			panels: r,
+			activePanelId: i
+		};
+	}
+	let n = e.children.map((e) => oe(e, t)).filter((e) => e !== null);
+	if (n.length === 0) return null;
+	if (n.length === 1) return n[0];
+	let r = e.sizes.slice(0, n.length), i = r.reduce((e, t) => e + t, 0);
+	return {
+		...e,
+		children: n,
+		sizes: r.map((e) => e / i)
+	};
+}
+function K(e, t, n, r) {
+	let i = r?.select !== !1;
+	if (e.type === "leaf") {
+		if (e.id !== t) return e;
+		let r = e.panels.includes(n) ? e.panels : [...e.panels, n], a = i ? n : e.activePanelId ?? n;
+		return {
+			...e,
+			panels: r,
+			activePanelId: a
+		};
+	}
+	return {
+		...e,
+		children: e.children.map((e) => K(e, t, n, r))
+	};
+}
+function se(e, t, n, r) {
+	if (e.type === "leaf") {
+		if (e.id !== t) return e;
+		let i = e.panels.filter((e) => e !== n), a = Math.max(0, Math.min(r, i.length)), o = [...i];
+		return o.splice(a, 0, n), {
+			...e,
+			panels: o,
+			activePanelId: n
+		};
+	}
+	return {
+		...e,
+		children: e.children.map((e) => se(e, t, n, r))
+	};
+}
+var ce = (e) => `group-${e}-${Date.now()}-${Math.floor(Math.random() * 1e3)}`;
+function le(e, t, n, r, i, a = ce("split")) {
+	if (e.type === "leaf") {
+		if (e.id !== t) return e;
+		let o = {
+			type: "leaf",
+			id: a,
+			panels: [n],
+			activePanelId: n
+		}, s = r === "left" || r === "top";
+		return {
+			type: "branch",
+			orientation: r === "left" || r === "right" ? "horizontal" : "vertical",
+			sizes: s ? [i, 1 - i] : [1 - i, i],
+			children: s ? [o, e] : [e, o]
+		};
+	}
+	return {
+		...e,
+		children: e.children.map((e) => le(e, t, n, r, i, a))
+	};
+}
+function ue(e, t, n, r, i = ce("edge")) {
+	let a = {
+		type: "leaf",
+		id: i,
+		panels: [t],
+		activePanelId: t
+	}, o = n === "left" || n === "top";
+	return {
+		type: "branch",
+		orientation: n === "left" || n === "right" ? "horizontal" : "vertical",
+		sizes: o ? [r, 1 - r] : [1 - r, r],
+		children: o ? [a, e] : [e, a]
+	};
+}
+function de(e, t) {
+	if (e.type === "leaf") return e.id === t && e.canClose !== !1 ? null : e;
+	let n = e.children.map((e) => de(e, t)).filter((e) => e !== null);
+	if (n.length === 0) return null;
+	if (n.length === 1) return n[0];
+	let r = e.sizes.slice(0, n.length), i = r.reduce((e, t) => e + t, 0);
+	return {
+		...e,
+		children: n,
+		sizes: r.map((e) => e / i)
+	};
+}
+function fe(e, t) {
+	return e.type === "leaf" ? e.panels.includes(t) ? {
+		...e,
+		activePanelId: t
+	} : e : {
+		...e,
+		children: e.children.map((e) => fe(e, t))
+	};
+}
+function pe(e) {
+	if (e.type === "leaf") return e.id;
+	for (let t of e.children) {
+		let e = pe(t);
+		if (e) return e;
+	}
+	return null;
+}
+function me(e, t) {
+	if (e.type === "leaf") return e.panels.includes(t) ? e.id : null;
+	for (let n of e.children) {
+		let e = me(n, t);
+		if (e) return e;
+	}
+	return null;
+}
+function he(e, t) {
+	if (!e) return null;
+	if (e.type === "leaf") return e.id === t ? e : null;
+	for (let n of e.children) {
+		let e = he(n, t);
+		if (e) return e;
+	}
+	return null;
+}
+function ge(e, t) {
+	return he(e, t) !== null;
+}
+function _e(e, t, n) {
+	let r = (e, i) => {
+		if (e.type === "leaf") return e;
+		if (i === t.length) return {
+			...e,
+			sizes: n
+		};
+		let a = t[i];
+		return {
+			...e,
+			children: e.children.map((e, t) => t === a ? r(e, i + 1) : e)
+		};
+	};
+	return r(e, 0);
+}
+function ve(e, t) {
+	let n = t.panels[e];
+	if (!n || n.state === "minimized") return !1;
+	if (t.floating.some((t) => t.id === e)) return !0;
+	let r = (t) => t.type === "leaf" ? t.activePanelId === e : t.children.some(r);
+	return t.gridRoot ? r(t.gridRoot) : !1;
+}
+function ye(e) {
+	let t = (t) => t !== null && !!e.panels[t] && e.panels[t].state !== "minimized", n = (e) => {
+		if (e.type === "leaf") return t(e.activePanelId) ? e.activePanelId : null;
+		for (let t of e.children) {
+			let e = n(t);
+			if (e) return e;
+		}
+		return null;
+	}, r = e.gridRoot ? n(e.gridRoot) : null;
+	if (r) return r;
+	let i = null;
+	for (let n of e.floating) t(n.id) && (!i || n.z > i.z) && (i = n);
+	return i?.id ?? null;
+}
+//#endregion
+//#region src/core/serialize.ts
+function be(e) {
+	return e.map((e) => {
+		let t = e;
+		if (!("stickyRight" in t) && !("stickyBottom" in t)) return t;
+		let n = t.stickyRight && t.stickyBottom ? "bottom-right" : t.stickyRight ? "top-right" : t.stickyBottom ? "bottom-left" : null, { stickyRight: r, stickyBottom: i, ...a } = t;
+		return {
+			...a,
+			anchor: n
+		};
+	});
+}
+function xe(e, t) {
+	if (!e || typeof e != "object") return null;
+	let n = e;
+	if (!n.gridRoot || !Array.isArray(n.floating) || !Array.isArray(n.minimized) || !n.panels) return null;
+	let r = be(n.floating), i = n.gridRoot, a = n.panels, o = {
+		gridRoot: i,
+		floating: r,
+		panels: a
+	}, s = typeof n.activePanelId == "string" ? n.activePanelId : null, c = null;
+	return s !== null && (ve(s, o) ? c = s : t?.(`Ignoring the saved layout's activePanelId ("${s}") — it does not name a currently visible panel (it may have been closed, minimised, or excluded from the snapshot as non-serialisable). Falling back to the selected tab of the first leaf.`)), c === null && (c = ye(o)), {
+		gridRoot: i,
+		floating: r,
+		minimized: n.minimized,
+		panels: a,
+		activePanelId: c
+	};
+}
+function Se(e, t) {
+	if (e) try {
+		let n = xe(JSON.parse(e), t);
+		if (n) return n;
+	} catch {
+		t?.("initialState is not valid JSON; starting from an empty workspace.");
+	}
+	return {
+		gridRoot: {
+			...ae,
+			panels: []
+		},
+		floating: [],
+		minimized: [],
+		panels: {},
+		activePanelId: null
+	};
+}
+//#endregion
+//#region src/core/serializable.ts
+function Ce(e) {
+	if (e === null) return !0;
+	if (e === void 0) return !1;
+	let t = typeof e;
+	if (t === "string" || t === "number" || t === "boolean") return !0;
+	if (t === "function" || t === "symbol" || t === "bigint") return !1;
+	if (e instanceof Date) return !0;
+	if (m(e)) return !1;
+	if (Array.isArray(e)) return e.every(Ce);
+	let n = Object.getPrototypeOf(e);
+	return n !== Object.prototype && n !== null ? !1 : Object.values(e).every(Ce);
+}
+//#endregion
+//#region src/core/registry.ts
+var we = class {
+	entries = /* @__PURE__ */ new Map();
+	register(e, t, n) {
+		this.entries.set(e, {
+			component: h(t),
+			...n ? { defaultOptions: {
+				...n,
+				...n.icon ? { icon: h(n.icon) } : {}
+			} } : {}
+		});
+	}
+	get(e) {
+		return this.entries.get(e);
+	}
+	has(e) {
+		return this.entries.has(e);
+	}
+	keys() {
+		return Array.from(this.entries.keys());
+	}
+}, Te = class {
+	listeners = /* @__PURE__ */ new Map();
+	subscribe(e, t) {
+		let n = this.listeners.get(e);
+		n || (n = /* @__PURE__ */ new Set(), this.listeners.set(e, n));
+		let r = t;
+		return n.add(r), () => {
+			n.delete(r);
+		};
+	}
+	publish(e, t) {
+		this.dispatch(e, t);
+	}
+	emit(e, t) {
+		this.dispatch(e, t);
+	}
+	dispatch(e, t) {
+		let n = this.listeners.get(e);
+		if (n) for (let e of Array.from(n)) e(t);
+	}
+	count(e) {
+		return this.listeners.get(e)?.size ?? 0;
+	}
+	clear() {
+		this.listeners.clear();
+	}
+}, Ee = (e) => "separator" in e, De = (e) => !Ee(e) && "items" in e;
+function Oe(e) {
+	let t = e.event;
+	if (!t) return {
+		x: e.x ?? 0,
+		y: e.y ?? 0
+	};
+	if ("touches" in t && t.touches.length > 0) {
+		let e = t.touches[0];
+		return {
+			x: e.clientX,
+			y: e.clientY
+		};
+	}
+	let n = t;
+	return {
+		x: n.clientX,
+		y: n.clientY
+	};
+}
+function ke(e, t, n, r = 8) {
+	let { x: i, y: a } = e;
+	return i + t.width > n.width - r && (i = Math.max(r, n.width - t.width - r)), a + t.height > n.height - r && (a = Math.max(r, n.height - t.height - r)), {
+		x: Math.max(r, i),
+		y: Math.max(r, a)
+	};
+}
+//#endregion
+//#region src/core/messages.ts
+var Ae = {
+	floatWindow: {
+		id: "vdd.floatWindow",
+		defaultMessage: "Float Window"
+	},
+	minimizePanel: {
+		id: "vdd.minimizePanel",
+		defaultMessage: "Minimize Panel"
+	},
+	closeTab: {
+		id: "vdd.closeTab",
+		defaultMessage: "Close Tab"
+	},
+	restorePanel: {
+		id: "vdd.restorePanel",
+		defaultMessage: "Restore Panel"
+	},
+	maximizePanel: {
+		id: "vdd.maximizePanel",
+		defaultMessage: "Maximize Panel"
+	},
+	closePanel: {
+		id: "vdd.closePanel",
+		defaultMessage: "Close Panel"
+	},
+	dockWindow: {
+		id: "vdd.dockWindow",
+		defaultMessage: "Dock Window"
+	},
+	minimize: {
+		id: "vdd.minimize",
+		defaultMessage: "Minimize"
+	},
+	maximize: {
+		id: "vdd.maximize",
+		defaultMessage: "Maximize"
+	},
+	restoreSize: {
+		id: "vdd.restoreSize",
+		defaultMessage: "Restore Size"
+	},
+	close: {
+		id: "vdd.close",
+		defaultMessage: "Close"
+	},
+	closeEmptyGroup: {
+		id: "vdd.closeEmptyGroup",
+		defaultMessage: "Close empty split group"
+	},
+	emptyGroup: {
+		id: "vdd.emptyGroup",
+		defaultMessage: "Empty workspace section"
+	},
+	unsavedChangesTitle: {
+		id: "vdd.unsavedChangesTitle",
+		defaultMessage: "Unsaved Changes"
+	},
+	unsavedChangesMessage: {
+		id: "vdd.unsavedChangesMessage",
+		defaultMessage: "\"{title}\" has unsaved changes. Do you want to discard your changes and close?"
+	},
+	discardChanges: {
+		id: "vdd.discardChanges",
+		defaultMessage: "Discard Changes"
+	},
+	cancel: {
+		id: "vdd.cancel",
+		defaultMessage: "Cancel"
+	},
+	yes: {
+		id: "vdd.yes",
+		defaultMessage: "Yes"
+	},
+	no: {
+		id: "vdd.no",
+		defaultMessage: "No"
+	},
+	ok: {
+		id: "vdd.ok",
+		defaultMessage: "OK"
+	},
+	closeTooltip: {
+		id: "vdd.closeTooltip",
+		defaultMessage: "Close"
+	},
+	scrollTabsLeft: {
+		id: "vdd.scrollTabsLeft",
+		defaultMessage: "Scroll tabs left"
+	},
+	scrollTabsRight: {
+		id: "vdd.scrollTabsRight",
+		defaultMessage: "Scroll tabs right"
+	},
+	moreActions: {
+		id: "vdd.moreActions",
+		defaultMessage: "More actions"
+	},
+	search: {
+		id: "vdd.search",
+		defaultMessage: "Search"
+	}
+};
+function je(e, t) {
+	if (e == null) return "";
+	if (typeof e == "string") return e;
+	if (t) return t(e);
+	let n = e.defaultMessage ?? e.id;
+	if (e.values) for (let [t, r] of Object.entries(e.values)) n = n.replace(`{${t}}`, String(r));
+	return n;
+}
+//#endregion
+//#region src/core/toolbarState.ts
+function Me() {
+	let e = D({}), t = D({});
+	return {
+		activeInGroup: (t) => e[t] ?? null,
+		setActiveInGroup: (t, n) => {
+			e[t] = n;
+		},
+		isToggled: (e) => t[e] === !0,
+		setToggled: (e, n) => {
+			t[e] = n;
+		},
+		toggle: (e) => {
+			t[e] = !t[e];
+		}
+	};
+}
+//#endregion
+//#region src/core/overlays.ts
+var Ne = 0, Pe = (e) => `vdd-${e}-${++Ne}`;
+function Fe() {
+	let e = D({
+		leftPanel: null,
+		rightPanel: null,
+		modals: P([])
+	}), t = /* @__PURE__ */ new Map(), n = null, r = () => [
+		e.leftPanel,
+		e.rightPanel,
+		...e.modals
+	].filter((e) => e !== null), i = (e) => r().find((t) => t.id === e);
+	function a(e, t, n, r) {
+		return {
+			id: Pe(e),
+			component: h(t),
+			props: n,
+			kind: e,
+			options: r,
+			dirty: !1
+		};
+	}
+	async function o(n, r, i, o = {}, s = {}) {
+		let c = e[n];
+		if (c) {
+			let e = t.get(c.id);
+			if (e && !await e()) return null;
+			t.delete(c.id);
+		}
+		let l = a(r, i, o, s);
+		return e[n] = l, l.id;
+	}
+	function s(t, n = {}, r = {}) {
+		let i = a("modal", t, n, r);
+		return e.modals.push(i), i.id;
+	}
+	function c(n) {
+		if (t.delete(n), e.leftPanel?.id === n) {
+			e.leftPanel = null;
+			return;
+		}
+		if (e.rightPanel?.id === n) {
+			e.rightPanel = null;
+			return;
+		}
+		let r = e.modals.findIndex((e) => e.id === n);
+		r !== -1 && e.modals.splice(r, 1);
+	}
+	function l(t, n) {
+		let r = i(t);
+		if (!r) return;
+		let a = {
+			...r,
+			...n
+		};
+		if (e.leftPanel?.id === t) {
+			e.leftPanel = a;
+			return;
+		}
+		if (e.rightPanel?.id === t) {
+			e.rightPanel = a;
+			return;
+		}
+		let o = e.modals.findIndex((e) => e.id === t);
+		o !== -1 && e.modals.splice(o, 1, a);
+	}
+	async function u(e, n) {
+		if (n?.force) {
+			c(e);
+			return;
+		}
+		let r = t.get(e);
+		if (r && !await r()) return;
+		let a = i(e);
+		(!a?.dirty || n?.confirm && await n.confirm(a)) && c(e);
+	}
+	return {
+		state: e,
+		openLeftPanel: (e, t, n) => o("leftPanel", "left-panel", e, t, n),
+		openRightPanel: (e, t, n) => o("rightPanel", "right-panel", e, t, n),
+		openModal: s,
+		close: c,
+		closeAll: () => {
+			t.clear(), e.leftPanel = null, e.rightPanel = null, e.modals.splice(0);
+		},
+		closeAllModals: () => {
+			for (let n of e.modals) t.delete(n.id);
+			e.modals.splice(0);
+		},
+		getInstance: i,
+		updateInstance: l,
+		setDirty: (e, t, n) => l(e, {
+			dirty: t,
+			dirtyOptions: n
+		}),
+		requestClose: u,
+		registerCloseGuard: (e, n) => (t.set(e, n), () => {
+			t.get(e) === n && t.delete(e);
+		}),
+		topmostModal: () => e.modals[e.modals.length - 1] ?? null,
+		confirmDiscard: (e) => n?.(e) ?? Promise.resolve(!1),
+		setConfirmRenderer: (e) => {
+			n = e;
+		},
+		dispose: () => {
+			t.clear(), n = null;
+		}
+	};
+}
+//#endregion
+//#region src/core/contributions.ts
+function Ie() {
+	let e = P(/* @__PURE__ */ new Map()), t = k(0);
+	return {
+		publish(n, r) {
+			let i = {
+				toolbarItems: r.toolbarItems,
+				sidebarSections: r.sidebarSections?.map((e) => ({
+					...e,
+					component: h(e.component),
+					icon: e.icon ? h(e.icon) : void 0
+				}))
+			};
+			return e.set(n, i), t.value++, () => {
+				e.get(n) === i && (e.delete(n), t.value++);
+			};
+		},
+		get(n) {
+			return t.value, e.get(n) ?? null;
+		},
+		ids() {
+			return t.value, Array.from(e.keys());
+		}
+	};
+}
+function Le(e, t) {
+	return {
+		id: e.id,
+		label: e.label,
+		icon: e.icon ?? t,
+		component: e.component,
+		props: e.props
+	};
+}
+function Re(e, t) {
+	let n = t?.toolbarItems;
+	return n?.length ? [
+		...e,
+		{ type: "separator" },
+		...n
+	] : e;
+}
+function ze(e, t, n) {
+	let r = t?.sidebarSections;
+	return r?.length ? [...e, ...r.map((e) => Le(e, n))] : e;
+}
+function Be(e, t) {
+	return n(() => {
+		let n = t();
+		return n ? e.get(n) : null;
+	});
+}
+//#endregion
+//#region src/core/workspace.ts
+var Ve = (e, t) => Math.min(.9, Math.max(.1, e ?? t)), q = {
+	x: 300,
+	y: 150,
+	width: 450,
+	height: 350
+}, He = Symbol("vdd-workspace");
+function Ue(e = {}) {
+	let t = new we();
+	for (let [n, r] of Object.entries(e.panels ?? {})) t.register(n, r.component, r.defaultOptions);
+	let r = new Te(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = k(0), c = F(null), l = {
+		...Ae,
+		...e.messages ?? {}
+	}, u = e.zIndexBase ?? 1e3, d = u, f = Se(e.initialState, m), p = D({
+		gridRoot: f.gridRoot,
+		floating: f.floating,
+		minimized: f.minimized,
+		panels: f.panels,
+		activePanelId: f.activePanelId,
+		draggedPanelId: null,
+		dir: e.dir ?? "ltr",
+		isRtl: e.dir === "rtl",
+		splitRatio: Ve(e.defaultSplitRatio, .5),
+		edgeSplitRatio: Ve(e.defaultEdgeSplitRatio, .2)
+	});
+	for (let e of p.floating) d = Math.max(d, e.z);
+	function m(e) {
+		process.env.NODE_ENV !== "production" && console.warn(`[vue-dockable-desktop] ${e}`);
+	}
+	let g = () => ({
+		gridRoot: L(p).gridRoot,
+		floating: L(p).floating,
+		panels: L(p).panels
+	});
+	function _(e) {
+		let t = p.activePanelId, n;
+		n = e && ve(e, g()) ? e : p.activePanelId && ve(p.activePanelId, g()) ? p.activePanelId : ye(g()), n !== t && (p.activePanelId = n, r.emit("panel:activated", {
+			id: n,
+			previous: t
+		}));
+	}
+	let v = () => r.emit("layout:changed", {}), y = (e) => {
+		let n = p.panels[e];
+		return n ? t.get(n.component) : void 0;
+	}, b = (e) => y(e)?.defaultOptions ?? {};
+	function x(e) {
+		let t = (e, t) => {
+			let n = typeof e == "string" ? Number.parseFloat(e) : e;
+			return Number.isNaN(n) ? t : n;
+		}, n = t(e.x, q.x), r = t(e.y, q.y), i = t(e.width, q.width), a = t(e.height, q.height), o = (e, t) => p.floating.some((n) => {
+			if (n.maximized) return !1;
+			let r = typeof n.x == "string" ? Number.parseFloat(n.x) : n.x, i = typeof n.y == "string" ? Number.parseFloat(n.y) : n.y;
+			return Math.abs(r - e) < 20 && Math.abs(i - t) < 20;
+		}), s = 0;
+		for (; o(n, r) && s < 10;) n += 30, r += 30, s++;
+		let c = Math.max(100, typeof window < "u" && window.innerWidth || 1024), l = Math.max(100, typeof window < "u" && window.innerHeight || 768);
+		return (n + i > c || r + a > l) && (n = 100 + s % 5 * 30, r = 100 + s % 5 * 30), {
+			x: Math.max(0, Math.min(n, c - 100)),
+			y: Math.max(0, Math.min(r, l - 40)),
+			width: i,
+			height: a
+		};
+	}
+	function S(e, t, n) {
+		d += 1, p.floating = [...p.floating, {
+			...t,
+			id: e,
+			z: d,
+			anchor: n
+		}];
+	}
+	function C(e) {
+		p.gridRoot = oe(L(p).gridRoot, e) ?? G(), p.floating = p.floating.filter((t) => t.id !== e), p.minimized = p.minimized.filter((t) => t.id !== e);
+	}
+	function w(e, n, i) {
+		t.has(n) || m(`Panel "${e}" references component key "${n}", which is not registered. Add it to createWorkspace({ panels: { "${n}": { component: YourComponent } } }).`);
+		let a = e;
+		if (i?.dedupeKey !== void 0) {
+			let e = Object.values(p.panels).find((e) => e.component === n && e.dedupeKey === i.dedupeKey);
+			e && (a = e.id);
+		}
+		let o = p.panels[a], s = i?.focus !== !1, c = t.get(n), l = i?.initialTarget ?? c?.defaultOptions?.initialTarget ?? "docked", u = c?.defaultOptions?.favoritePosition ?? q;
+		if (o) {
+			if (o.state === "minimized") {
+				j(a, { focus: s });
+				return;
+			}
+			s && B(a);
+			return;
+		}
+		let d = i?.props !== void 0, f = {
+			id: a,
+			title: i?.title ?? c?.defaultOptions?.title ?? a,
+			component: n,
+			state: l === "floating" ? "floating" : "docked",
+			serializable: !d || Ce(L(i.props)),
+			...d ? { props: h(i.props) } : {},
+			...i?.dedupeKey === void 0 ? {} : { dedupeKey: i.dedupeKey }
+		};
+		if (p.panels = {
+			...p.panels,
+			[a]: f
+		}, l === "floating") S(a, x(u), i?.anchor ?? c?.defaultOptions?.defaultAnchor ?? null);
+		else {
+			let e = pe(L(p).gridRoot) ?? G().id;
+			p.gridRoot = K(L(p).gridRoot, e, a, { select: s });
+		}
+		_(s ? a : null), r.emit("panel:opened", {
+			id: a,
+			component: n
+		}), v();
+	}
+	function T(e) {
+		if (!p.panels[e] || b(e).canClose === !1) return;
+		i.delete(e), a.delete(e), C(e);
+		let t = { ...p.panels };
+		delete t[e], p.panels = t, _(), r.emit("panel:closed", { id: e }), v();
+	}
+	async function E(e, t) {
+		if (t?.force) {
+			T(e);
+			return;
+		}
+		let n = i.get(e);
+		if (n && !await n()) return;
+		let r = p.panels[e];
+		(!r?.dirty || await (t?.onConfirm ?? ((e) => be.confirmDiscard({
+			title: he(r.title),
+			dirtyOptions: e
+		})))(r.dirtyOptions)) && T(e);
+	}
+	function A(e) {
+		let t = p.panels[e];
+		if (!t || t.state === "minimized" || b(e).canMinimize === !1) return;
+		let n, i;
+		if (t.state === "floating") {
+			let t = p.floating.find((t) => t.id === e);
+			t && (n = {
+				x: Number(t.x),
+				y: Number(t.y),
+				width: Number(t.width),
+				height: Number(t.height),
+				anchor: t.anchor ?? null
+			});
+		} else i = me(L(p).gridRoot, e) ?? void 0;
+		C(e), p.panels = {
+			...p.panels,
+			[e]: {
+				...t,
+				state: "minimized",
+				previousState: t.state,
+				lastFloatingRect: n,
+				lastLeafId: i
+			}
+		}, p.minimized = [...p.minimized, {
+			id: e,
+			title: t.title,
+			component: t.component
+		}], _(), r.emit("panel:minimized", { id: e }), v();
+	}
+	function j(e, n) {
+		let i = p.panels[e];
+		if (!i || i.state !== "minimized") return;
+		let a = n?.focus !== !1;
+		p.minimized = p.minimized.filter((t) => t.id !== e);
+		let o = i.previousState ?? "docked", s = t.get(i.component), c = i.lastFloatingRect ?? s?.defaultOptions?.favoritePosition ?? q, l = () => {
+			p.panels = {
+				...p.panels,
+				[e]: {
+					...i,
+					state: "floating"
+				}
+			}, S(e, x(c), i.lastFloatingRect?.anchor ?? null);
+		}, u = (t) => {
+			p.panels = {
+				...p.panels,
+				[e]: {
+					...i,
+					state: "docked"
+				}
+			}, p.gridRoot = K(L(p).gridRoot, t, e, { select: a });
+		};
+		o === "floating" ? l() : i.lastLeafId && ge(L(p).gridRoot, i.lastLeafId) ? u(i.lastLeafId) : b(e).canDrag === !1 ? u(pe(L(p).gridRoot) ?? G().id) : l(), _(a ? e : null), r.emit("panel:restored", { id: e }), v();
+	}
+	function M(e, n, r) {
+		let i = p.panels[e];
+		if (!i || b(e).canDrag === !1) return;
+		let a = n ?? t.get(i.component)?.defaultOptions?.favoritePosition ?? q;
+		C(e), p.panels = {
+			...p.panels,
+			[e]: {
+				...i,
+				state: "floating"
+			}
+		}, S(e, x(a), r ?? null), _(e), v();
+	}
+	function N(e, t) {
+		let n = p.panels[e];
+		if (!n) return;
+		C(e);
+		let r = n.lastLeafId && ge(L(p).gridRoot, n.lastLeafId) ? n.lastLeafId : void 0, i = t ?? r ?? pe(L(p).gridRoot) ?? G().id;
+		p.panels = {
+			...p.panels,
+			[e]: {
+				...n,
+				state: "docked"
+			}
+		}, p.gridRoot = K(L(p).gridRoot, i, e), _(e), v();
+	}
+	function P(e, t, n) {
+		let r = p.panels[e];
+		r && (C(e), p.panels = {
+			...p.panels,
+			[e]: {
+				...r,
+				state: "docked"
+			}
+		}, p.gridRoot = n === "center" ? K(L(p).gridRoot, t, e) : le(L(p).gridRoot, t, e, n, p.splitRatio), p.draggedPanelId = null, _(e), v());
+	}
+	function I(e, t) {
+		let n = p.panels[e];
+		n && (C(e), p.panels = {
+			...p.panels,
+			[e]: {
+				...n,
+				state: "docked"
+			}
+		}, p.gridRoot = ue(L(p).gridRoot, e, t, p.edgeSplitRatio), p.draggedPanelId = null, _(e), v());
+	}
+	function R(e, t, n) {
+		let r = p.panels[e];
+		if (!r) return;
+		let i = oe(L(p).gridRoot, e) ?? G();
+		p.floating = p.floating.filter((t) => t.id !== e), p.minimized = p.minimized.filter((t) => t.id !== e), p.panels = {
+			...p.panels,
+			[e]: {
+				...r,
+				state: "docked"
+			}
+		}, p.gridRoot = se(i, t, e, n), p.draggedPanelId = null, _(e), v();
+	}
+	function z(e) {
+		p.panels[e]?.state === "minimized" && j(e);
+		let t = p.panels[e];
+		t && (t.state === "docked" && M(e), p.floating = p.floating.map((t) => t.id === e ? {
+			...t,
+			maximized: !t.maximized
+		} : t), _(e), v());
+	}
+	function B(e) {
+		let t = p.panels[e];
+		if (t) {
+			if (t.state === "floating") {
+				let t = p.floating.find((t) => t.id === e);
+				if (t && p.floating.some((e) => e.z > t.z)) {
+					d += 1;
+					let t = d;
+					p.floating = p.floating.map((n) => n.id === e ? {
+						...n,
+						z: t
+					} : n);
+				}
+			} else t.state === "docked" && (p.gridRoot = fe(L(p).gridRoot, e));
+			if (t.state === "minimized") {
+				let t = p.activePanelId;
+				t !== e && (p.activePanelId = e, r.emit("panel:activated", {
+					id: e,
+					previous: t
+				}));
+				return;
+			}
+			_(e);
+		}
+	}
+	function ee(e) {
+		p.gridRoot = de(L(p).gridRoot, e) ?? G(), _(), v();
+	}
+	function V(e, t) {
+		p.gridRoot = _e(L(p).gridRoot, e, t), v();
+	}
+	function te(e, t) {
+		p.floating = p.floating.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n);
+	}
+	function H(e, t, n) {
+		let r = p.panels[e];
+		r && (p.panels = {
+			...p.panels,
+			[e]: {
+				...r,
+				dirty: t,
+				dirtyOptions: n
+			}
+		});
+	}
+	function ne(e, t) {
+		let n = p.panels[e];
+		n && (p.panels = {
+			...p.panels,
+			[e]: {
+				...n,
+				title: t
+			}
+		}, p.minimized.findIndex((t) => t.id === e) !== -1 && (p.minimized = p.minimized.map((n) => n.id === e ? {
+			...n,
+			title: t
+		} : n)));
+	}
+	function U(e) {
+		p.dir !== e && (p.dir = e, p.isRtl = e === "rtl");
+	}
+	function re() {
+		let e = L(p), t = [], n = {};
+		for (let [r, i] of Object.entries(e.panels)) {
+			let e = a.get(r), o = e?.(), s = e !== void 0 && o !== void 0, c = s ? o : i.props;
+			(s ? Ce(L(o)) : i.serializable) ? n[r] = s ? {
+				...i,
+				props: c,
+				serializable: !0
+			} : i : t.push(r);
+		}
+		let i = e.gridRoot, o = e.floating, s = e.minimized;
+		for (let e of t) i = oe(i, e) ?? G(), o = o.filter((t) => t.id !== e), s = s.filter((t) => t.id !== e);
+		t.length && r.emit("layout:panels-excluded", { panels: t.map((t) => ({
+			id: t,
+			component: e.panels[t].component
+		})) });
+		let c = e.activePanelId, l = c !== null && ve(c, {
+			gridRoot: i,
+			floating: o,
+			panels: n
+		}) ? c : null, u = {
+			version: 2,
+			...l === null ? {} : { activePanelId: l },
+			gridRoot: i,
+			floating: o,
+			minimized: s,
+			panels: n
+		};
+		return JSON.stringify(u);
+	}
+	function ie(e) {
+		let t;
+		try {
+			let n = JSON.parse(e), r = Se(JSON.stringify(n), m);
+			if (!n || typeof n != "object" || !n.gridRoot) return !1;
+			t = r;
+		} catch {
+			return m("loadLayout received invalid JSON; the current layout is unchanged."), !1;
+		}
+		p.gridRoot = t.gridRoot, p.floating = t.floating, p.minimized = t.minimized, p.panels = t.panels, p.draggedPanelId = null, d = Math.max(u, ...t.floating.map((e) => e.z), 0);
+		let n = p.activePanelId;
+		return p.activePanelId = t.activePanelId, n !== t.activePanelId && r.emit("panel:activated", {
+			id: t.activePanelId,
+			previous: n
+		}), v(), !0;
+	}
+	function W(e, t) {
+		return i.set(e, t), () => {
+			i.get(e) === t && i.delete(e);
+		};
+	}
+	function ae(e, t) {
+		return a.set(e, t), () => {
+			a.get(e) === t && a.delete(e);
+		};
+	}
+	function ce(e, t) {
+		return o.set(e, t), s.value++, () => {
+			o.get(e) === t && (o.delete(e), s.value++);
+		};
+	}
+	let he = (t) => {
+		if (t == null) return "";
+		if (typeof t == "string") return t;
+		if (e.formatMessage) return e.formatMessage(t);
+		let n = t.defaultMessage ?? t.id;
+		for (let [e, r] of Object.entries(t.values ?? {})) n = n.replace(`{${e}}`, String(r));
+		return n;
+	}, be = Fe(), xe = Ie(), Ee = {
+		state: O(p),
+		registry: t,
+		gridRoot: n(() => p.gridRoot),
+		floating: n(() => p.floating),
+		minimized: n(() => p.minimized),
+		panels: n(() => p.panels),
+		activePanelId: n(() => p.activePanelId),
+		draggedPanelId: n(() => p.draggedPanelId),
+		dir: n(() => p.dir),
+		isRtl: n(() => p.isRtl),
+		openPanel: w,
+		closePanel: T,
+		requestClosePanel: E,
+		minimizePanel: A,
+		restorePanel: j,
+		floatPanel: M,
+		dockPanel: N,
+		dockPanelToGroup: P,
+		dockPanelToWorkspaceEdge: I,
+		maximizePanel: z,
+		focusPanel: B,
+		movePanelOrder: R,
+		closeLeafGroup: ee,
+		updateSplitSizes: V,
+		updateFloatingPosition: te,
+		setPanelDirty: H,
+		updatePanelTitle: ne,
+		setDirection: U,
+		setDraggedPanelId: (e) => {
+			p.draggedPanelId = e;
+		},
+		isOpen: (e) => e in p.panels,
+		getOpenPanelIds: () => Object.keys(p.panels),
+		findPanelId: (e, t) => Object.values(p.panels).find((n) => n.component === e && n.dedupeKey === t)?.id ?? null,
+		saveLayout: re,
+		loadLayout: ie,
+		publish: (e, t) => r.publish(e, t),
+		subscribe: (e, t) => r.subscribe(e, t),
+		toolbar: Me(),
+		overlays: be,
+		contributions: xe,
+		activeContribution: Be(xe, () => p.activePanelId),
+		registerCloseGuard: W,
+		registerStateProvider: ae,
+		registerPanelMenu: ce,
+		panelMenuItems: (e) => (s.value, o.get(e)?.() ?? []),
+		showContextMenu: (e) => {
+			e.event?.preventDefault?.(), c.value = {
+				...Oe(e),
+				items: e.items
+			};
+		},
+		closeContextMenu: () => {
+			c.value = null;
+		},
+		contextMenu: n(() => c.value),
+		classes: {
+			modal: e.classes?.modal ?? "",
+			modalBody: e.classes?.modalBody ?? "",
+			sidePanel: e.classes?.sidePanel ?? "",
+			sidePanelBody: e.classes?.sidePanelBody ?? "",
+			window: e.classes?.window ?? "",
+			windowBody: e.classes?.windowBody ?? ""
+		},
+		format: he,
+		messages: l,
+		config: {
+			...e,
+			zIndexBase: u
+		},
+		install(e) {
+			e.provide(He, Ee);
+		},
+		dispose() {
+			r.clear(), be.dispose(), i.clear(), a.clear(), o.clear(), c.value = null;
+		}
+	};
+	return Ee;
+}
+//#endregion
+//#region src/core/anchorGeometry.ts
+function We(e) {
+	return e === "top-left" ? "top-right" : e === "top-right" ? "top-left" : e === "bottom-left" ? "bottom-right" : "bottom-left";
+}
+function Ge(e, t, n) {
+	let { x: r, y: i, width: a, height: o } = e;
+	if (a > t.width && (a = Math.max(200, t.width - 20)), o > t.height && (o = Math.max(150, t.height - 40)), !n) {
+		let e = t.width - 100, n = t.height - 40;
+		r > e && (r = Math.max(0, e)), i > n && (i = Math.max(0, n));
+	}
+	return r === e.x && i === e.y && a === e.width && o === e.height ? e : {
+		x: r,
+		y: i,
+		width: a,
+		height: o
+	};
+}
+//#endregion
+//#region src/core/panelDom.ts
+function Ke(e) {
+	return e.offsetParent !== null || e.getClientRects().length > 0;
+}
+function qe(e) {
+	let t = [], n = (e) => {
+		(e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth) && t.push(e);
+		for (let t of Array.from(e.children)) n(t);
+	};
+	return n(e), t;
+}
+var Je = class {
+	doc;
+	elements = /* @__PURE__ */ new Map();
+	preserved = /* @__PURE__ */ new Map();
+	sizes = /* @__PURE__ */ new Map();
+	hidden = null;
+	constructor(e = document) {
+		this.doc = e;
+	}
+	hiddenStore() {
+		if (!this.hidden || !this.hidden.isConnected) {
+			let e = this.doc.createElement("div");
+			e.className = "vdd-panel-store", e.style.display = "none", this.doc.body.appendChild(e), this.hidden = e;
+		}
+		return this.hidden;
+	}
+	elementFor(e) {
+		let t = this.elements.get(e);
+		return t || (t = this.doc.createElement("div"), t.className = "vdd-panel-mount", t.dataset.vddPanel = e, this.hiddenStore().appendChild(t), this.elements.set(e, t)), t;
+	}
+	has(e) {
+		return this.elements.has(e);
+	}
+	reportSize(e, t) {
+		this.sizes.set(e, t);
+	}
+	sizeOf(e) {
+		return this.sizes.get(e) ?? {
+			width: 800,
+			height: 500
+		};
+	}
+	hostOf(e) {
+		return this.elements.get(e)?.parentElement ?? null;
+	}
+	moveTo(e, t, n) {
+		let r = this.elementFor(e), i = t ?? this.hiddenStore();
+		if (r.parentElement === i) return;
+		let a = n?.preserveScroll !== !1;
+		a && this.remember(e, r), i.appendChild(r), a && this.apply(e, r, n?.refocus === !0);
+	}
+	release(e) {
+		this.elements.get(e)?.remove(), this.elements.delete(e), this.preserved.delete(e), this.sizes.delete(e);
+	}
+	dispose() {
+		for (let e of this.elements.values()) e.remove();
+		this.elements.clear(), this.preserved.clear(), this.sizes.clear(), this.hidden?.remove(), this.hidden = null;
+	}
+	remember(e, t) {
+		if (!Ke(t)) return;
+		let n = qe(t).map((e) => ({
+			el: e,
+			top: e.scrollTop,
+			left: e.scrollLeft
+		})), r = null, i = this.doc.activeElement;
+		if (i && t.contains(i)) {
+			let e = i, t = "selectionStart" in e && e.selectionStart !== null;
+			r = {
+				el: i,
+				start: t ? e.selectionStart : null,
+				end: t ? e.selectionEnd : null
+			};
+		}
+		this.preserved.set(e, {
+			scrolls: n,
+			focus: r
+		});
+	}
+	apply(e, t, n) {
+		let r = this.preserved.get(e);
+		if (!r) return;
+		let i = () => {
+			for (let e of r.scrolls) e.el.scrollTop = e.top, e.el.scrollLeft = e.left;
+			if (n && r.focus && (r.focus.el.focus({ preventScroll: !0 }), r.focus.start !== null)) try {
+				r.focus.el.setSelectionRange(r.focus.start, r.focus.end ?? r.focus.start);
+			} catch {}
+		};
+		Ke(t) && i(), typeof requestAnimationFrame == "function" && requestAnimationFrame(() => {
+			Ke(t) && i();
+		});
+	}
+}, Ye = Symbol("vdd-panel-dom");
+function Xe(e) {
+	E(Ye, e);
+}
+function Ze() {
+	return p(Ye, null);
+}
+//#endregion
+//#region src/composables/useDragDock.ts
+var Qe = 5, $e = Symbol("vdd-drag-dock");
+function et(e) {
+	let t = k(null), r = k({
+		x: 0,
+		y: 0
+	}), i = k(null), a = k(null), o = k(null), s = F(null), c = n(() => t.value !== null), l = (t) => e.state.isRtl ? t === "left" ? "right" : t === "right" ? "left" : t : t;
+	function u() {
+		t.value = null, i.value = null, a.value = null, o.value = null, s.value = null, e.setDraggedPanelId(null), document.body.classList.remove("vdd-dragging-active");
+	}
+	function d(n) {
+		t.value = n, e.setDraggedPanelId(n), document.body.classList.add("vdd-dragging-active");
+	}
+	function f(e, t) {
+		i.value = t ? {
+			leafId: e,
+			position: t
+		} : null, t && (a.value = null, o.value = null);
+	}
+	let p = (e) => {
+		a.value = e;
+	}, m = (e) => {
+		o.value = e, e && (a.value = null);
+	}, h = (e) => {
+		s.value = e;
+	};
+	function g(e, t) {
+		let n = document.elementsFromPoint(e, t), r = !1, c = !1, l = !1;
+		for (let t of n) if (t instanceof HTMLElement) {
+			if (!r && t.dataset.vddDropZone && t.dataset.vddLeaf && (i.value = {
+				leafId: t.dataset.vddLeaf,
+				position: t.dataset.vddDropZone
+			}, r = !0), !l && t.dataset.vddTab && t.dataset.vddTabLeaf) {
+				let n = t.getBoundingClientRect();
+				s.value = {
+					leafId: t.dataset.vddTabLeaf,
+					panelId: t.dataset.vddTab,
+					index: Number.parseInt(t.dataset.vddTabIndex ?? "0", 10),
+					side: e - n.left < n.width / 2 ? "left" : "right"
+				}, l = !0;
+			}
+			if (!c && t.dataset.vddEdge && (a.value = t.dataset.vddEdge, c = !0), !r && t.dataset.vddCorner && (o.value = t.dataset.vddCorner), r && c && l) break;
+		}
+		r || (i.value = null), c || (a.value = null), l || (s.value = null);
+	}
+	function _(t, n) {
+		let r = a.value, c = s.value, d = i.value, f = o.value;
+		if (r) e.dockPanelToWorkspaceEdge(t, l(r));
+		else if (c) {
+			let n = c.index;
+			c.side === "right" && (n += 1);
+			let r = he(e.state.gridRoot, c.leafId);
+			if (r) {
+				let e = r.panels.indexOf(t);
+				e !== -1 && e < n && --n;
+			}
+			e.movePanelOrder(t, c.leafId, n);
+		} else d ? e.dockPanelToGroup(t, d.leafId, l(d.position)) : f ? e.floatPanel(t, void 0, e.state.isRtl ? We(f) : f) : e.floatPanel(t, {
+			x: n.clientX - 150,
+			y: n.clientY - 15,
+			width: 450,
+			height: 350
+		});
+		u();
+	}
+	function v(e, t, n) {
+		if (t.pointerType === "mouse" && t.button !== 0) return;
+		let i = t.currentTarget, a = t.clientX, o = t.clientY;
+		if (t.pointerType === "touch") {
+			let s = t.pointerId, c = !1, l = !1, f = () => {
+				clearTimeout(v), i.removeEventListener("pointermove", p), i.removeEventListener("pointerup", m), i.removeEventListener("pointercancel", h);
+			}, p = (e) => {
+				Math.hypot(e.clientX - a, e.clientY - o) > 8 && (c = !0, f());
+			}, m = () => {
+				c = !0, f();
+			}, h = m, v = setTimeout(() => {
+				if (c) return;
+				f();
+				try {
+					i.setPointerCapture(s);
+				} catch {
+					return;
+				}
+				i.classList.add("vdd-long-press-active"), document.body.classList.add("vdd-dragging-active"), navigator.vibrate?.(10);
+				let t = (t) => {
+					l || (l = !0, d(e)), r.value = {
+						x: t.clientX,
+						y: t.clientY
+					}, g(t.clientX, t.clientY);
+				}, a = (r) => {
+					i.classList.remove("vdd-long-press-active"), i.removeEventListener("pointermove", t), i.removeEventListener("pointerup", a), i.removeEventListener("pointercancel", o), l ? _(e, r) : (document.body.classList.remove("vdd-dragging-active"), n?.(r));
+				}, o = () => {
+					i.classList.remove("vdd-long-press-active"), i.removeEventListener("pointermove", t), i.removeEventListener("pointerup", a), i.removeEventListener("pointercancel", o), u();
+				};
+				i.addEventListener("pointermove", t), i.addEventListener("pointerup", a), i.addEventListener("pointercancel", o);
+			}, 300);
+			i.addEventListener("pointermove", p), i.addEventListener("pointerup", m), i.addEventListener("pointercancel", h);
+			return;
+		}
+		let s = !1, c = (t) => {
+			if (!s) {
+				if (Math.abs(t.clientX - a) <= Qe && Math.abs(t.clientY - o) <= Qe) return;
+				s = !0, d(e);
+			}
+			r.value = {
+				x: t.clientX,
+				y: t.clientY
+			};
+		}, l = () => {
+			window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", p);
+		}, f = (t) => {
+			l(), s ? _(e, t) : document.body.classList.remove("vdd-dragging-active");
+		}, p = () => {
+			l(), u();
+		};
+		window.addEventListener("pointermove", c), window.addEventListener("pointerup", f), window.addEventListener("pointercancel", p);
+	}
+	let y = {
+		draggedId: t,
+		pointer: r,
+		zone: i,
+		edge: a,
+		corner: o,
+		tab: s,
+		dragging: c,
+		startTabDrag: v,
+		beginDrag: d,
+		trackPointer: (e, t) => {
+			r.value = {
+				x: e,
+				y: t
+			}, g(e, t);
+		},
+		hoverZone: f,
+		hoverEdge: p,
+		hoverCorner: m,
+		hoverTab: h,
+		finishDrag: _,
+		cancel: u
+	};
+	return E($e, y), y;
+}
+function tt() {
+	return p($e, null);
+}
+//#endregion
+//#region src/core/panelMenu.ts
+function nt(e, t, n, r) {
+	let i = [];
+	return n.canDrag !== !1 && i.push({
+		label: e.messages.floatWindow,
+		action: r.float
+	}), n.canMinimize !== !1 && i.push({
+		label: e.messages.minimizePanel,
+		action: r.minimize
+	}), i.length > 0 && n.canClose !== !1 && i.push({ separator: !0 }), n.canClose !== !1 && i.push({
+		label: e.messages.closeTab,
+		action: r.close
+	}), it(e, t, i);
+}
+function rt(e, t, n, r) {
+	let i = [{
+		label: e.messages.restorePanel,
+		action: r.restore
+	}];
+	return n.canDrag !== !1 && i.push({
+		label: e.messages.maximizePanel,
+		action: r.maximize
+	}), n.canClose !== !1 && (i.push({ separator: !0 }), i.push({
+		label: e.messages.closePanel,
+		action: r.close
+	})), it(e, t, i);
+}
+function it(e, t, n) {
+	let r = e.panelMenuItems(t);
+	return r.length === 0 ? n : n.length > 0 ? [
+		...n,
+		{ separator: !0 },
+		...r
+	] : [...r];
+}
+//#endregion
+//#region src/composables/useWorkspace.ts
+function J() {
+	let e = p(He, null);
+	if (!e) throw Error("[vue-dockable-desktop] useWorkspace() found no workspace. Create one with createWorkspace() and install it with app.use(workspace).");
+	return d() ? {
+		...e,
+		subscribe(t, n) {
+			let r = e.subscribe(t, n);
+			return w(r), r;
+		}
+	} : e;
+}
+//#endregion
+//#region src/core/dragResize.ts
+function Y(e) {
+	let { element: t, pointerId: n, startClientX: r, startClientY: i, captureStart: a, onMove: o, onEnd: s, activeClasses: c } = e;
+	t.setPointerCapture(n), c?.forEach(({ el: e, classes: t }) => e.classList.add(...t));
+	let l = a(), u = (e) => {
+		o(e.clientX - r, e.clientY - i, l);
+	}, d = () => {
+		c?.forEach(({ el: e, classes: t }) => e.classList.remove(...t)), t.removeEventListener("pointermove", u), t.removeEventListener("pointerup", d), t.removeEventListener("pointercancel", d), s?.(l);
+	};
+	t.addEventListener("pointermove", u), t.addEventListener("pointerup", d), t.addEventListener("pointercancel", d);
+}
+function at(e, t, n, r, i) {
+	let { minW: a, minH: o, maxW: s, maxH: c, minX: l, minY: u } = i, { x: d, y: f, w: p, h: m } = r;
+	if (e.includes("e") && (p = Math.max(a, Math.min(r.w + t, s ?? Infinity))), e.includes("w")) {
+		let e = r.w - a, n = l == null ? -Infinity : -(r.x - l), i = Math.max(n, Math.min(t, e));
+		p = r.w - i, d = r.x + i;
+	}
+	if (e.includes("s") && (m = Math.max(o, Math.min(r.h + n, c ?? Infinity))), e.includes("n")) {
+		let e = r.h - o, t = u == null ? -Infinity : -(r.y - u), i = Math.max(t, Math.min(n, e));
+		m = r.h - i, f = r.y + i;
+	}
+	return {
+		x: d,
+		y: f,
+		w: p,
+		h: m
+	};
+}
+//#endregion
+//#region src/components/VddPanelSlot.vue?vue&type=script&setup=true&lang.ts
+var ot = ["data-vdd-slot"], st = /* @__PURE__ */ u({
+	__name: "VddPanelSlot",
+	props: {
+		panelId: {},
+		hostClass: {}
+	},
+	setup(e) {
+		let t = e, n = Ze(), r = J(), i = null;
+		function o(e) {
+			let a = e ?? null;
+			i = a, n && a && n.moveTo(t.panelId, a, {
+				refocus: r.state.activePanelId === t.panelId,
+				preserveScroll: r.registry.get(r.state.panels[t.panelId]?.component ?? "")?.defaultOptions?.preserveScroll !== !1
+			});
+		}
+		return S(() => {
+			n && n.hostOf(t.panelId) === i && n.moveTo(t.panelId, null);
+		}), (t, n) => (T(), a("div", {
+			ref: o,
+			class: y(["vdd-panel-slot", e.hostClass]),
+			"data-vdd-slot": e.panelId
+		}, null, 10, ot));
+	}
+}), ct = { class: "vdd-dock-drop-zone-overlay" }, lt = { class: "vdd-dock-target-cross" }, ut = [
+	"data-vdd-drop-zone",
+	"data-vdd-leaf",
+	"onPointerenter"
+], dt = /* @__PURE__ */ u({
+	__name: "VddDropZones",
+	props: { leafId: {} },
+	setup(t) {
+		let r = t, s = tt(), c = J(), l = [
+			"top",
+			"bottom",
+			"left",
+			"right",
+			"center"
+		], u = {
+			top: "▲",
+			bottom: "▼",
+			left: "◀",
+			right: "▶",
+			center: "▣"
+		}, d = (e) => s?.zone.value?.leafId === r.leafId && s.zone.value.position === e, f = n(() => {
+			let e = s?.zone.value;
+			if (!e || e.leafId !== r.leafId) return null;
+			let t = `${c.state.splitRatio * 100}%`, n = `${(1 - c.state.splitRatio) * 100}%`, i = e.position;
+			return {
+				left: i === "right" ? n : "0",
+				top: i === "bottom" ? n : "0",
+				width: i === "left" || i === "right" ? t : "100%",
+				height: i === "top" || i === "bottom" ? t : "100%"
+			};
+		});
+		return (n, r) => (T(), a(e, null, [o("div", ct, [o("div", lt, [(T(), a(e, null, A(l, (e) => o("div", {
+			key: e,
+			class: y(["vdd-dock-target-box", [`vdd-dock-target-${e}`, { "vdd-dock-target-box--active": d(e) }]]),
+			"data-vdd-drop-zone": e,
+			"data-vdd-leaf": t.leafId,
+			onPointerenter: (n) => z(s)?.hoverZone(t.leafId, e),
+			onPointerleave: r[0] ||= (e) => z(s)?.hoverZone(t.leafId, null)
+		}, I(u[e]), 43, ut)), 64))])]), f.value ? (T(), a("div", {
+			key: 0,
+			class: "vdd-dock-preview-highlight",
+			style: x(f.value)
+		}, null, 4)) : i("", !0)], 64));
+	}
+}), ft = ["data-vdd-leaf", "data-active-panel-id"], pt = { class: "vdd-workspace-tab-bar" }, mt = { class: "vdd-tab-headers-container" }, ht = [
+	"data-vdd-tab",
+	"data-vdd-tab-leaf",
+	"data-vdd-tab-index",
+	"aria-selected",
+	"onClick",
+	"onContextmenu",
+	"onPointerdown",
+	"onPointermove"
+], gt = { class: "vdd-text-truncate" }, _t = {
+	key: 0,
+	class: "vdd-workspace-tab-icon"
+}, vt = [
+	"title",
+	"data-vdd-close",
+	"onClick"
+], yt = {
+	key: 0,
+	class: "vdd-tab-header-actions"
+}, bt = ["title", "aria-label"], xt = { class: "vdd-panel-body" }, St = {
+	key: 2,
+	class: "vdd-empty-leaf-placeholder"
+}, Ct = /* @__PURE__ */ u({
+	__name: "VddLeafGroup",
+	props: { leaf: {} },
+	setup(t) {
+		let s = t, c = J(), l = tt();
+		function u(e, t) {
+			let n = c.state.panels[e];
+			if (!n) return;
+			let r = c.registry.get(n.component)?.defaultOptions ?? {}, i = nt(c, e, r, {
+				float: () => c.floatPanel(e),
+				minimize: () => c.minimizePanel(e),
+				close: () => c.requestClosePanel(e),
+				restore: () => c.restorePanel(e),
+				maximize: () => c.maximizePanel(e)
+			});
+			i.length !== 0 && c.showContextMenu({
+				event: t,
+				items: i
+			});
+		}
+		function d(e, t, n, r) {
+			if (!l?.dragging.value || r.pointerType === "touch") return;
+			let i = r.currentTarget.getBoundingClientRect();
+			l.hoverTab({
+				leafId: e,
+				panelId: t,
+				index: n,
+				side: r.clientX - i.left < i.width / 2 ? "left" : "right"
+			});
+		}
+		let f = n(() => s.leaf.panels.flatMap((e) => {
+			let t = c.state.panels[e];
+			return t ? [{
+				id: e,
+				panel: t,
+				options: c.registry.get(t.component)?.defaultOptions ?? {}
+			}] : [];
+		})), p = n(() => s.leaf.activePanelId), m = (e) => {
+			let t = l?.tab.value, n = t?.leafId === s.leaf.id && t.panelId === e;
+			return [
+				"vdd-workspace-tab",
+				e === p.value ? ["vdd-active", e === c.state.activePanelId ? "vdd-workspace-tab-active-focused" : "vdd-workspace-tab-active-unfocused"] : "vdd-workspace-tab-inactive",
+				n ? t.side === "left" ? "vdd-drag-hover-left" : "vdd-drag-hover-right" : ""
+			];
+		};
+		return (n, s) => (T(), a("div", {
+			class: "vdd-workspace-panel",
+			"data-vdd-leaf": t.leaf.id,
+			"data-active-panel-id": p.value ?? "",
+			onPointerdown: s[2] ||= (e) => p.value && z(c).focusPanel(p.value)
+		}, [o("div", pt, [o("div", mt, [(T(!0), a(e, null, A(f.value, (e, n) => (T(), a("div", {
+			key: e.id,
+			class: y(m(e.id)),
+			"data-vdd-tab": e.id,
+			"data-vdd-tab-leaf": t.leaf.id,
+			"data-vdd-tab-index": String(n),
+			role: "tab",
+			"aria-selected": e.id === p.value,
+			style: x({ cursor: e.options.canDrag === !1 ? "default" : "pointer" }),
+			onClick: (t) => z(c).focusPanel(e.id),
+			onContextmenu: W((t) => u(e.id, t), ["prevent"]),
+			onPointerdown: (t) => e.options.canDrag === !1 ? void 0 : z(l)?.startTabDrag(e.id, t, (t) => u(e.id, t)),
+			onPointermove: (r) => d(t.leaf.id, e.id, n, r),
+			onPointerleave: s[0] ||= (e) => z(l)?.dragging.value && z(l).hoverTab(null)
+		}, [o("span", gt, [e.options.icon ? (T(), a("span", _t, [(T(), r(N(e.options.icon)))])) : i("", !0), o("span", null, I(z(c).format(e.panel.title)) + I(e.panel.dirty ? " *" : ""), 1)]), e.options.canClose === !1 ? i("", !0) : (T(), a("span", {
+			key: 0,
+			class: "vdd-close-tab-x",
+			title: z(c).format(z(c).messages.closeTab),
+			"data-vdd-close": e.id,
+			onClick: W((t) => z(c).requestClosePanel(e.id), ["stop"])
+		}, [...s[3] ||= [o("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2.5"
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, vt))], 46, ht))), 128))]), f.value.length === 0 ? (T(), a("div", yt, [o("button", {
+			type: "button",
+			class: "vdd-header-close-empty-group",
+			title: z(c).format(z(c).messages.closeEmptyGroup),
+			"aria-label": z(c).format(z(c).messages.closeEmptyGroup),
+			"data-vdd-close-empty-group": "",
+			onClick: s[1] ||= W((e) => z(c).closeLeafGroup(t.leaf.id), ["stop"])
+		}, [...s[4] ||= [o("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2.5"
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, bt)])) : i("", !0)]), o("div", xt, [z(l)?.dragging.value ? (T(), r(dt, {
+			key: 0,
+			"leaf-id": t.leaf.id
+		}, null, 8, ["leaf-id"])) : i("", !0), p.value ? (T(), r(st, {
+			key: p.value,
+			"panel-id": p.value
+		}, null, 8, ["panel-id"])) : (T(), a("div", St, [o("span", null, I(z(c).format(z(c).messages.emptyGroup)), 1)]))])], 40, ft));
+	}
+}), wt = ["data-vdd-divider", "onPointerdown"], Tt = /* @__PURE__ */ u({
+	__name: "VddWorkspaceGrid",
+	props: {
+		node: {},
+		path: {}
+	},
+	setup(t) {
+		let s = t, c = J(), u = n(() => s.node.type === "branch" && s.node.orientation === "horizontal");
+		function d(e, t) {
+			if (s.node.type !== "branch") return;
+			t.preventDefault();
+			let n = t.currentTarget, r = n.parentElement, i = r ? u.value ? r.clientWidth : r.clientHeight : u.value ? 1e3 : 800, a = [...s.node.sizes];
+			Y({
+				element: n,
+				pointerId: t.pointerId,
+				startClientX: t.clientX,
+				startClientY: t.clientY,
+				captureStart: () => a,
+				activeClasses: [{
+					el: n,
+					classes: ["vdd-active"]
+				}, {
+					el: document.body,
+					classes: ["vdd-resizing-active", u.value ? "vdd-resizing-col-active" : "vdd-resizing-row-active"]
+				}],
+				onMove: (t, n, r) => {
+					let a = (u.value ? t : n) / i, o = [...r];
+					o[e] = (r[e] ?? 0) + a, o[e + 1] = (r[e + 1] ?? 0) - a, (o[e] ?? 0) > .05 && (o[e + 1] ?? 0) > .05 && c.updateSplitSizes(s.path, o);
+				}
+			});
+		}
+		return (n, s) => {
+			let c = M("VddWorkspaceGrid", !0);
+			return t.node.type === "leaf" ? (T(), r(Ct, {
+				key: 0,
+				leaf: t.node
+			}, null, 8, ["leaf"])) : (T(), a("div", {
+				key: 1,
+				class: y(["vdd-workspace-branch", u.value ? "vdd-row" : "vdd-column"]),
+				style: x({
+					display: "flex",
+					flexDirection: u.value ? "row" : "column",
+					width: "100%",
+					height: "100%",
+					overflow: "hidden",
+					position: "relative"
+				})
+			}, [(T(!0), a(e, null, A(t.node.children, (n, r) => (T(), a(e, { key: r }, [o("div", { style: x({
+				flexGrow: t.node.sizes[r],
+				flexBasis: `${(t.node.sizes[r] ?? 0) * 100}%`,
+				overflow: "hidden",
+				position: "relative",
+				minWidth: 0,
+				minHeight: 0
+			}) }, [l(c, {
+				node: n,
+				path: [...t.path, r]
+			}, null, 8, ["node", "path"])], 4), r < t.node.children.length - 1 ? (T(), a("div", {
+				key: 0,
+				class: "vdd-resizer-bar",
+				"data-vdd-divider": [...t.path, r].join("-"),
+				style: x({
+					cursor: u.value ? "col-resize" : "row-resize",
+					width: u.value ? "1px" : "100%",
+					height: u.value ? "100%" : "1px",
+					zIndex: 20
+				}),
+				onPointerdown: (e) => d(r, e)
+			}, null, 44, wt)) : i("", !0)], 64))), 128))], 6));
+		};
+	}
+}), Et = Symbol("vdd-panel");
+function Dt(e) {
+	E(Et, e);
+}
+var Ot = "standalone";
+function kt() {
+	let e = p(Et, null), t = p(He, null), r = e?.id ?? Ot, i = (e) => {
+		process.env.NODE_ENV !== "production" && console.warn(`[vue-dockable-desktop] usePanel().${e} was called outside a panel container, so it did nothing. This is expected when a panel component is rendered standalone.`);
+	}, a = n(() => t ? t.state.panels[r] : void 0), o = k(null);
+	return {
+		id: r,
+		title: n(() => a.value?.title ?? r),
+		isActive: n(() => !!t && t.state.activePanelId === r),
+		isMinimized: n(() => a.value?.state === "minimized"),
+		isFloating: n(() => a.value?.state === "floating"),
+		containerType: n(() => e?.containerType.value ?? Ot),
+		size: n(() => (e?.size ?? o).value),
+		dirty: n(() => a.value?.dirty === !0),
+		setTitle: (n) => {
+			e?.setTitle ? e.setTitle(n) : t && a.value ? t.updatePanelTitle(r, n) : i("setTitle");
+		},
+		setIcon: (t) => {
+			e?.setIcon ? e.setIcon(t) : i("setIcon");
+		},
+		setDirty: (n, o) => {
+			e?.setDirty ? e.setDirty(n, o) : t && a.value ? t.setPanelDirty(r, n, o) : i("setDirty");
+		},
+		close: (n) => {
+			if (e?.close) return e.close(n);
+			if (t && a.value) return t.requestClosePanel(r, n);
+			i("close");
+		},
+		minimize: () => {
+			t && a.value ? t.minimizePanel(r) : i("minimize");
+		},
+		onBeforeClose: (e) => {
+			if (!t || !a.value) {
+				i("onBeforeClose");
+				return;
+			}
+			let n = t.registerCloseGuard(r, e);
+			d() && w(n);
+		},
+		onSaveState: (e) => {
+			if (!t || !a.value) {
+				i("onSaveState");
+				return;
+			}
+			let n = t.registerStateProvider(r, e);
+			d() && w(n);
+		}
+	};
+}
+//#endregion
+//#region src/components/VddPanelMount.vue?vue&type=script&setup=true&lang.ts
+var At = ["dir"], jt = {
+	key: 1,
+	class: "vdd-unregistered-panel"
+}, Mt = /* @__PURE__ */ u({
+	__name: "VddPanelMount",
+	props: {
+		panelId: {},
+		cache: {}
+	},
+	setup(e) {
+		let i = e, s = J(), c = n(() => s.state.panels[i.panelId]), l = n(() => c.value ? s.registry.get(c.value.component) : void 0), u = n(() => {
+			let e = c.value;
+			return e && (e.state === "minimized" ? e.previousState ?? "docked" : e.state) === "floating" ? "floating-window" : "dockable-panel";
+		}), d = k(null);
+		Dt({
+			id: i.panelId,
+			containerType: u,
+			size: d
+		});
+		let f = n(() => i.cache.elementFor(i.panelId)), p = null;
+		return ne((e) => {
+			let t = f.value;
+			typeof ResizeObserver > "u" || (p = new ResizeObserver((e) => {
+				for (let t of e) {
+					let { width: e, height: n } = t.contentRect;
+					e > 0 && n > 0 && (d.value = {
+						width: e,
+						height: n
+					}, i.cache.reportSize(i.panelId, {
+						width: e,
+						height: n
+					}));
+				}
+			}), p.observe(t), e(() => {
+				p?.disconnect(), p = null;
+			}));
+		}), (n, i) => (T(), r(t, { to: f.value }, [o("div", {
+			class: "vdd-panel-content",
+			dir: z(s).state.dir
+		}, [l.value ? (T(), r(N(l.value.component), _({ key: 0 }, c.value?.props ?? {}, { "panel-id": e.panelId }), null, 16, ["panel-id"])) : (T(), a("div", jt, [i[0] ||= o("strong", null, "Unregistered panel", -1), o("span", null, "No component is registered for key \"" + I(c.value?.component) + "\".", 1)]))], 8, At)], 8, ["to"]));
+	}
+}), Nt = ["data-vdd-window", "dir"], Pt = ["data-vdd-titlebar"], Ft = { class: "vdd-floating-window-title" }, It = {
+	key: 0,
+	class: "vdd-window-title-icon"
+}, Lt = ["data-vdd-more", "title"], Rt = {
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	style: { display: "block" }
+}, zt = ["data-vdd-maximize", "title"], Bt = ["data-vdd-minimize", "title"], Vt = ["data-vdd-close-window", "title"], Ht = ["data-vdd-handle", "onPointerdown"], Ut = 8, Wt = 8, Gt = /* @__PURE__ */ u({
+	__name: "VddFloatingWindow",
+	props: {
+		window: {},
+		viewport: {}
+	},
+	setup(t) {
+		let s = t, c = J(), u = tt(), d = [
+			"n",
+			"ne",
+			"e",
+			"se",
+			"s",
+			"sw",
+			"w",
+			"nw"
+		], f = n(() => c.state.panels[s.window.id]), p = n(() => f.value ? c.registry.get(f.value.component)?.defaultOptions ?? {} : {}), m = n(() => c.state.activePanelId === s.window.id), h = n(() => c.state.draggedPanelId === s.window.id), g = (e) => typeof e == "number" ? `${e}px` : e, _ = n(() => c.state.floating.filter((e) => e.anchor === s.window.anchor && !e.maximized)), v = n(() => {
+			if (!s.window.anchor) return 0;
+			let e = _.value.findIndex((e) => e.id === s.window.id), t = Ut;
+			for (let n = 0; n < e; n++) {
+				let e = _.value[n].height;
+				t += (typeof e == "number" ? e : Number.parseFloat(String(e))) + Wt;
+			}
+			return t;
+		}), b = n(() => {
+			let e = s.window, t = {
+				position: "absolute",
+				zIndex: e.z,
+				pointerEvents: h.value ? "none" : "auto"
+			};
+			if (e.maximized) return {
+				...t,
+				left: 0,
+				top: 0,
+				width: "100%",
+				height: "100%"
+			};
+			if (e.anchor) {
+				let n = e.anchor.startsWith("top"), r = e.anchor.endsWith("-right");
+				return {
+					...t,
+					[r ? "insetInlineEnd" : "insetInlineStart"]: `${Ut}px`,
+					[n ? "top" : "bottom"]: `${v.value}px`,
+					width: g(e.width),
+					height: g(e.height),
+					transition: h.value ? "none" : "top 0.2s ease, bottom 0.2s ease"
+				};
+			}
+			return {
+				...t,
+				left: g(e.x),
+				top: g(e.y),
+				width: g(e.width),
+				height: g(e.height)
+			};
+		}), S = n(() => c.panelMenuItems(s.window.id));
+		function C(e, t = !1) {
+			let n = t ? S.value : nt(c, s.window.id, p.value, {
+				float: () => c.floatPanel(s.window.id),
+				minimize: () => c.minimizePanel(s.window.id),
+				close: () => c.requestClosePanel(s.window.id),
+				restore: () => c.restorePanel(s.window.id),
+				maximize: () => c.maximizePanel(s.window.id)
+			});
+			n.length !== 0 && c.showContextMenu({
+				event: e,
+				items: n
+			});
+		}
+		function w(e) {
+			if (p.value.canDrag === !1 || s.window.maximized || e.button !== 0) return;
+			e.preventDefault(), c.focusPanel(s.window.id);
+			let t = e.currentTarget.closest(".vdd-floating-window"), n = t?.offsetLeft ?? 0, r = t?.offsetTop ?? 0, i = e.clientX, a = e.clientY, o = !1;
+			Y({
+				element: e.currentTarget,
+				pointerId: e.pointerId,
+				startClientX: e.clientX,
+				startClientY: e.clientY,
+				captureStart: () => ({
+					x: n,
+					y: r
+				}),
+				activeClasses: [{
+					el: document.body,
+					classes: ["vdd-dragging-active"]
+				}],
+				onMove: (e, t, n) => {
+					o || (o = !0, u?.beginDrag(s.window.id)), c.updateFloatingPosition(s.window.id, {
+						x: n.x + e,
+						y: n.y + t,
+						anchor: null
+					}), u?.trackPointer(i + e, a + t);
+				},
+				onEnd: () => {
+					o && u && (u.zone.value ?? u.edge.value ?? u.corner.value ?? u.tab.value ? u.finishDrag(s.window.id, new PointerEvent("pointerup")) : u.cancel());
+				}
+			});
+		}
+		function E(e, t) {
+			if (s.window.maximized || t.button !== 0) return;
+			t.preventDefault(), t.stopPropagation(), c.focusPanel(s.window.id);
+			let n = t.currentTarget.closest(".vdd-floating-window"), r = {
+				x: n?.offsetLeft ?? 0,
+				y: n?.offsetTop ?? 0,
+				w: n?.offsetWidth ?? 400,
+				h: n?.offsetHeight ?? 300
+			};
+			Y({
+				element: t.currentTarget,
+				pointerId: t.pointerId,
+				startClientX: t.clientX,
+				startClientY: t.clientY,
+				captureStart: () => r,
+				activeClasses: [{
+					el: document.body,
+					classes: ["vdd-resizing-active"]
+				}],
+				onMove: (t, n, r) => {
+					let i = at(e, t, n, r, {
+						minW: 200,
+						minH: 150
+					});
+					c.updateFloatingPosition(s.window.id, {
+						x: i.x,
+						y: i.y,
+						width: i.w,
+						height: i.h
+					});
+				}
+			});
+		}
+		return (n, s) => f.value ? (T(), a("div", {
+			key: 0,
+			class: y(["vdd-floating-window", [{
+				"vdd-maximized": t.window.maximized,
+				"vdd-window-focused": m.value
+			}, z(c).classes.window]]),
+			"data-vdd-window": t.window.id,
+			dir: z(c).state.dir,
+			style: x(b.value),
+			onPointerdownCapture: s[7] ||= (e) => z(c).focusPanel(t.window.id)
+		}, [
+			o("div", {
+				class: "vdd-floating-window-titlebar",
+				"data-vdd-titlebar": t.window.id,
+				style: x({ cursor: t.window.maximized || p.value.canDrag === !1 ? "default" : "move" }),
+				onPointerdown: w,
+				onContextmenu: s[5] ||= W((e) => C(e), ["prevent"]),
+				onDblclick: s[6] ||= (e) => z(c).maximizePanel(t.window.id)
+			}, [o("span", Ft, [p.value.icon ? (T(), a("span", It, [(T(), r(N(p.value.icon)))])) : i("", !0), o("span", null, I(z(c).format(f.value.title)) + I(f.value.dirty ? " *" : ""), 1)]), o("div", {
+				class: "vdd-titlebar-actions",
+				onPointerdown: s[4] ||= W(() => {}, ["stop"])
+			}, [
+				S.value.length > 0 ? (T(), a("button", {
+					key: 0,
+					type: "button",
+					class: "vdd-custom-tab-btn vdd-btn-more-actions",
+					"data-vdd-more": t.window.id,
+					title: z(c).format(z(c).messages.moreActions),
+					onClick: s[0] ||= (e) => C(e, !0)
+				}, [(T(), a("svg", Rt, [...s[8] ||= [
+					o("circle", {
+						cx: "12",
+						cy: "5",
+						r: "2"
+					}, null, -1),
+					o("circle", {
+						cx: "12",
+						cy: "12",
+						r: "2"
+					}, null, -1),
+					o("circle", {
+						cx: "12",
+						cy: "19",
+						r: "2"
+					}, null, -1)
+				]]))], 8, Lt)) : i("", !0),
+				o("button", {
+					type: "button",
+					class: "vdd-custom-tab-btn vdd-btn-maximize-tab",
+					"data-vdd-maximize": t.window.id,
+					title: z(c).format(t.window.maximized ? z(c).messages.restoreSize : z(c).messages.maximize),
+					onClick: s[1] ||= (e) => z(c).maximizePanel(t.window.id)
+				}, [...s[9] ||= [o("svg", {
+					width: "10",
+					height: "10",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.5"
+				}, [o("rect", {
+					x: "4",
+					y: "4",
+					width: "16",
+					height: "16",
+					rx: "1.5"
+				})], -1)]], 8, zt),
+				p.value.canMinimize === !1 ? i("", !0) : (T(), a("button", {
+					key: 1,
+					type: "button",
+					class: "vdd-custom-tab-btn vdd-btn-minimize-tab",
+					"data-vdd-minimize": t.window.id,
+					title: z(c).format(z(c).messages.minimize),
+					onClick: s[2] ||= (e) => z(c).minimizePanel(t.window.id)
+				}, [...s[10] ||= [o("svg", {
+					width: "10",
+					height: "10",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "3"
+				}, [o("path", { d: "M5 12h14" })], -1)]], 8, Bt)),
+				p.value.canClose === !1 ? i("", !0) : (T(), a("button", {
+					key: 2,
+					type: "button",
+					class: "vdd-custom-tab-btn vdd-btn-close-tab",
+					"data-vdd-close-window": t.window.id,
+					title: z(c).format(z(c).messages.close),
+					onClick: s[3] ||= (e) => z(c).requestClosePanel(t.window.id)
+				}, [...s[11] ||= [o("svg", {
+					width: "10",
+					height: "10",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "3"
+				}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, Vt))
+			], 32)], 44, Pt),
+			o("div", { class: y(["vdd-floating-window-body", z(c).classes.windowBody]) }, [l(st, { "panel-id": t.window.id }, null, 8, ["panel-id"])], 2),
+			t.window.maximized ? i("", !0) : (T(), a(e, { key: 0 }, A(d, (e) => o("div", {
+				key: e,
+				class: y(["vdd-resize-handle", `vdd-resize-${e}`]),
+				"data-vdd-handle": `${t.window.id}:${e}`,
+				onPointerdown: (t) => E(e, t)
+			}, null, 42, Ht)), 64))
+		], 46, Nt)) : i("", !0);
+	}
+}), Kt = ["data-vdd-edge", "onPointerenter"], qt = ["data-vdd-corner", "onPointerenter"], Jt = /* @__PURE__ */ u({
+	__name: "VddEdgeZones",
+	setup(t) {
+		let r = tt(), s = J(), c = [
+			"left",
+			"right",
+			"top",
+			"bottom"
+		], l = [
+			"top-left",
+			"top-right",
+			"bottom-left",
+			"bottom-right"
+		], u = n(() => {
+			let e = r?.edge.value;
+			if (!e) return null;
+			let t = `${s.state.edgeSplitRatio * 100}%`;
+			switch (e) {
+				case "left": return {
+					left: "0",
+					top: "0",
+					bottom: "0",
+					width: t
+				};
+				case "right": return {
+					right: "0",
+					top: "0",
+					bottom: "0",
+					width: t
+				};
+				case "top": return {
+					top: "0",
+					left: "0",
+					right: "0",
+					height: t
+				};
+				default: return {
+					bottom: "0",
+					left: "0",
+					right: "0",
+					height: t
+				};
+			}
+		});
+		return (t, n) => (T(), a(e, null, [
+			(T(), a(e, null, A(c, (e) => o("div", {
+				key: e,
+				class: y(["vdd-workspace-edge-trigger", `vdd-edge-trigger-${e}`]),
+				"data-vdd-edge": e,
+				onPointerenter: (t) => z(r)?.hoverEdge(e),
+				onPointerleave: n[0] ||= (e) => z(r)?.hoverEdge(null)
+			}, null, 42, Kt)), 64)),
+			(T(), a(e, null, A(l, (e) => o("div", {
+				key: e,
+				class: y(["vdd-corner-zone", [`vdd-corner-zone--${e}`, { "vdd-corner-zone--hovered": z(r)?.corner.value === e }]]),
+				"data-vdd-corner": e,
+				"aria-hidden": "true",
+				onPointerenter: (t) => z(r)?.hoverCorner(e),
+				onPointerleave: n[1] ||= (e) => z(r)?.hoverCorner(null)
+			}, null, 42, qt)), 64)),
+			u.value ? (T(), a("div", {
+				key: 0,
+				class: "vdd-workspace-edge-preview",
+				style: x(u.value)
+			}, null, 4)) : i("", !0)
+		], 64));
+	}
+}), Yt = /* @__PURE__ */ u({
+	__name: "VddDragGhost",
+	setup(e) {
+		let t = tt(), r = J(), o = n(() => {
+			let e = t?.draggedId.value;
+			if (!e) return "";
+			let n = r.state.panels[e];
+			return n ? r.format(n.title) : e;
+		}), s = n(() => !!t?.draggedId.value && !r.state.floating.some((e) => e.id === t.draggedId.value));
+		return (e, n) => s.value ? (T(), a("div", {
+			key: 0,
+			class: "vdd-drag-ghost-tab",
+			"data-vdd-ghost": "",
+			style: x({
+				left: `${(z(t)?.pointer.value.x ?? 0) + 12}px`,
+				top: `${(z(t)?.pointer.value.y ?? 0) + 12}px`
+			})
+		}, I(o.value), 5)) : i("", !0);
+	}
+}), Xt = ["dir"], Zt = { class: "vdd-tooltip-header-row" }, Qt = { class: "vdd-tooltip-title-text vdd-text-truncate" }, $t = ["data-vdd-preview-close", "title"], en = {
+	key: 1,
+	class: "vdd-taskbar-item-preview-letter"
+}, tn = 220, nn = 140, rn = /* @__PURE__ */ u({
+	__name: "VddTaskbarPreview",
+	props: {
+		panelId: {},
+		anchor: {},
+		cache: {}
+	},
+	emits: [
+		"restore",
+		"close",
+		"dismiss",
+		"keep"
+	],
+	setup(e, { emit: i }) {
+		let s = e, c = i, l = J(), u = n(() => l.state.panels[s.panelId]), d = n(() => u.value ? l.registry.get(u.value.component)?.defaultOptions ?? {} : {}), f = n(() => d.value.disableLivePreview !== !0), p = n(() => s.cache.sizeOf(s.panelId)), m = n(() => Math.min(tn / p.value.width, nn / p.value.height)), h = n(() => ({
+			width: `${Math.round(p.value.width * m.value)}px`,
+			height: `${Math.round(p.value.height * m.value)}px`
+		})), g = n(() => ({
+			width: `${p.value.width}px`,
+			height: `${p.value.height}px`,
+			transform: `scale(${m.value})`,
+			transformOrigin: "top left",
+			position: "absolute",
+			top: "0",
+			left: "0",
+			"--vdd-preview-scale": String(m.value)
+		})), _ = n(() => {
+			let e = l.format(u.value?.title) || s.panelId;
+			return (Array.from(e)[0] ?? "P").toUpperCase();
+		}), v = null;
+		function y(e) {
+			if (!f.value) return;
+			let t = e ?? null;
+			t ? (v = t, s.cache.moveTo(s.panelId, t, { refocus: !1 })) : b(s.panelId);
+		}
+		function b(e) {
+			if (f.value) {
+				if (v === null || s.cache.hostOf(e) !== v) {
+					v = null;
+					return;
+				}
+				v = null, s.cache.moveTo(e, null, { refocus: !1 });
+			}
+		}
+		return H(() => s.panelId, (e, t) => {
+			t !== void 0 && b(t);
+		}), S(() => b(s.panelId)), (n, i) => (T(), r(t, { to: "body" }, [o("div", {
+			class: "vdd-taskbar-item-tooltip",
+			"data-vdd-preview": "",
+			dir: z(l).state.dir,
+			style: x({
+				position: "fixed",
+				left: `${e.anchor.left + e.anchor.width / 2}px`,
+				top: `${e.anchor.top - 8}px`,
+				transform: "translateX(-50%) translateY(-100%)"
+			}),
+			onClick: i[1] ||= (e) => c("restore"),
+			onPointerenter: i[2] ||= (e) => c("keep"),
+			onPointerleave: i[3] ||= (e) => c("dismiss")
+		}, [o("div", Zt, [o("span", Qt, I(z(l).format(u.value?.title)) + I(u.value?.dirty ? " *" : ""), 1), o("span", {
+			class: "vdd-tooltip-close-x",
+			"data-vdd-preview-close": e.panelId,
+			title: z(l).format(z(l).messages.closePanel),
+			onClick: i[0] ||= W((e) => c("close"), ["stop"])
+		}, [...i[4] ||= [o("svg", {
+			width: "12",
+			height: "12",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2.5"
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, $t)]), o("div", {
+			class: "vdd-taskbar-item-preview-frame",
+			style: x(h.value)
+		}, [f.value ? (T(), a("div", {
+			key: 0,
+			ref: y,
+			class: "vdd-taskbar-item-preview-host",
+			style: x(g.value)
+		}, null, 4)) : (T(), a("div", en, I(_.value), 1))], 4)], 44, Xt)]));
+	}
+}), an = ["data-vdd-taskbar-mode"], on = {
+	key: 0,
+	class: "vdd-taskbar-peek-handle",
+	"data-vdd-peek": ""
+}, sn = ["aria-label"], cn = [
+	"data-vdd-taskbar-item",
+	"title",
+	"onClick",
+	"onContextmenu",
+	"onPointerdown",
+	"onPointerenter"
+], ln = { class: "vdd-taskbar-item-icon" }, un = {
+	key: 1,
+	width: "14",
+	height: "14",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2"
+}, dn = ["aria-label"], fn = 4, pn = 400, mn = 2e3, hn = /* @__PURE__ */ u({
+	__name: "VddTaskbar",
+	props: {
+		visibility: { default: "always" },
+		cache: {},
+		defaultIcon: {}
+	},
+	emits: ["contextMenu"],
+	setup(t, { emit: s }) {
+		let c = t, l = s, u = J(), d = F(null), f = k(!1), p = k(null), m, h, g = n(() => u.state.minimized.map((e) => ({
+			...e,
+			options: u.registry.get(e.component)?.defaultOptions ?? {}
+		}))), _ = n(() => c.visibility === "always" || g.value.length > 0), v = n(() => g.value.length > fn);
+		function b(e) {
+			d.value?.scrollBy({
+				left: e * 150,
+				behavior: "smooth"
+			});
+		}
+		let x = () => {
+			clearTimeout(m), f.value = !0;
+		}, C = () => {
+			clearTimeout(m), m = setTimeout(() => {
+				f.value = !1;
+			}, pn);
+		};
+		H(() => u.state.minimized.length, (e, t) => {
+			c.visibility !== "autohide" || e <= (t ?? 0) || (x(), m = setTimeout(() => {
+				f.value = !1;
+			}, mn));
+		});
+		let w = (e) => {
+			let t = e.getBoundingClientRect();
+			return {
+				left: t.left,
+				top: t.top,
+				width: t.width
+			};
+		};
+		function E(e, t, n = !1) {
+			clearTimeout(h), p.value = {
+				id: e,
+				anchor: w(t),
+				fromTouch: n
+			};
+		}
+		let D = () => {
+			clearTimeout(h), h = setTimeout(() => {
+				p.value = null;
+			}, 150);
+		}, O = () => clearTimeout(h);
+		function j(e, t) {
+			if (t.pointerType === "touch") return;
+			let n = t.currentTarget, r = n.getBoundingClientRect();
+			t.clientX < r.left || t.clientX > r.right || t.clientY < r.top || t.clientY > r.bottom || E(e, n, !1);
+		}
+		function M(e) {
+			p.value = null, u.restorePanel(e);
+		}
+		function P(e, t) {
+			p.value?.fromTouch || M(e);
+		}
+		function I(e, t) {
+			if (t.pointerType !== "touch") return;
+			let n = t.currentTarget, r = t.clientX, i = t.clientY, a = !1, o = () => {
+				clearTimeout(u), n.removeEventListener("pointermove", s), n.removeEventListener("pointerup", c), n.removeEventListener("pointercancel", o);
+			}, s = (e) => {
+				Math.hypot(e.clientX - r, e.clientY - i) > 8 && (a = !0, o());
+			}, c = () => {
+				o(), !a && (p.value?.id === e ? M(e) : E(e, n, !0));
+			}, u = setTimeout(() => {
+				a || (o(), navigator.vibrate?.(10), l("contextMenu", e, t));
+			}, 300);
+			n.addEventListener("pointermove", s), n.addEventListener("pointerup", c), n.addEventListener("pointercancel", o);
+		}
+		return H(() => u.state.minimized.map((e) => e.id).join(","), (e) => {
+			p.value && !e.split(",").includes(p.value.id) && (p.value = null);
+		}), S(() => {
+			clearTimeout(m), clearTimeout(h);
+		}), (n, s) => _.value ? (T(), a("div", {
+			key: 0,
+			class: y(["vdd-taskbar-footer-container", [`vdd-taskbar-mode-${t.visibility}`, { "vdd-taskbar-expanded": t.visibility === "autohide" && f.value }]]),
+			"data-vdd-taskbar": "",
+			"data-vdd-taskbar-mode": t.visibility,
+			onPointerenter: s[7] ||= (e) => t.visibility === "autohide" && x(),
+			onPointerleave: s[8] ||= (e) => t.visibility === "autohide" && C()
+		}, [
+			t.visibility === "autohide" ? (T(), a("div", on)) : i("", !0),
+			v.value ? (T(), a("button", {
+				key: 1,
+				type: "button",
+				class: "vdd-taskbar-nav-btn",
+				"data-vdd-taskbar-scroll": "left",
+				"aria-label": z(u).format(z(u).messages.scrollTabsLeft),
+				onClick: s[0] ||= (e) => b(-1)
+			}, "◀", 8, sn)) : i("", !0),
+			o("div", {
+				ref_key: "strip",
+				ref: d,
+				class: "vdd-taskbar-items-container"
+			}, [(T(!0), a(e, null, A(g.value, (e) => (T(), a("div", {
+				key: e.id,
+				class: "vdd-taskbar-glassmorphic-item",
+				"data-vdd-taskbar-item": e.id,
+				role: "button",
+				title: z(u).format(e.title),
+				onClick: (t) => P(e.id, t),
+				onContextmenu: W((t) => l("contextMenu", e.id, t), ["prevent"]),
+				onPointerdown: (t) => I(e.id, t),
+				onPointerenter: (t) => j(e.id, t),
+				onPointerleave: s[1] ||= (e) => D()
+			}, [o("span", ln, [e.options.icon ?? t.defaultIcon ? (T(), r(N(e.options.icon ?? t.defaultIcon), { key: 0 })) : (T(), a("svg", un, [...s[9] ||= [
+				o("rect", {
+					x: "3",
+					y: "3",
+					width: "7",
+					height: "9",
+					rx: "1"
+				}, null, -1),
+				o("rect", {
+					x: "14",
+					y: "3",
+					width: "7",
+					height: "5",
+					rx: "1"
+				}, null, -1),
+				o("rect", {
+					x: "14",
+					y: "12",
+					width: "7",
+					height: "9",
+					rx: "1"
+				}, null, -1),
+				o("rect", {
+					x: "3",
+					y: "16",
+					width: "7",
+					height: "5",
+					rx: "1"
+				}, null, -1)
+			]]))])], 40, cn))), 128))], 512),
+			v.value ? (T(), a("button", {
+				key: 2,
+				type: "button",
+				class: "vdd-taskbar-nav-btn",
+				"data-vdd-taskbar-scroll": "right",
+				"aria-label": z(u).format(z(u).messages.scrollTabsRight),
+				onClick: s[2] ||= (e) => b(1)
+			}, "▶", 8, dn)) : i("", !0),
+			p.value ? (T(), r(rn, {
+				key: p.value.id,
+				"panel-id": p.value.id,
+				anchor: p.value.anchor,
+				cache: t.cache,
+				onKeep: s[3] ||= (e) => O(),
+				onRestore: s[4] ||= (e) => M(p.value.id),
+				onClose: s[5] ||= (e) => {
+					z(u).requestClosePanel(p.value.id), p.value = null;
+				},
+				onDismiss: s[6] ||= (e) => D()
+			}, null, 8, [
+				"panel-id",
+				"anchor",
+				"cache"
+			])) : i("", !0)
+		], 42, an)) : i("", !0);
+	}
+}), gn = ["data-vdd-skin", "dir"], _n = {
+	class: "vdd-panel-port",
+	"aria-hidden": "true"
+}, vn = /* @__PURE__ */ u({
+	__name: "VddDesktop",
+	props: {
+		skin: { default: "vscode" },
+		animations: {
+			type: Boolean,
+			default: !0
+		},
+		taskbar: { default: "always" },
+		defaultPanelIcon: {}
+	},
+	emits: ["taskbarContextMenu"],
+	setup(t, { emit: s }) {
+		let c = t, u = s, d = J(), f = new Je();
+		Xe(f);
+		let p = et(d), m = n(() => Object.keys(d.state.panels));
+		H(m, (e, t) => {
+			for (let n of t ?? []) e.includes(n) || f.release(n);
+		}), C(() => {
+			if (process.env.NODE_ENV !== "production") try {
+				getComputedStyle(document.documentElement).getPropertyValue("--vdd-styles-loaded").trim() !== "1" && console.error("[vue-dockable-desktop] the stylesheet is not imported.\nAdd this to your entry file (main.ts):\n  import 'vue-dockable-desktop/styles.css'\nWithout it the workspace renders as a black rectangle, with no other error.");
+			} catch {}
+		});
+		let h = V("viewport"), g = k({
+			width: 1024,
+			height: 768
+		}), _ = null, v = !1;
+		H(h, (e) => {
+			_?.disconnect(), !(!e || typeof ResizeObserver > "u") && (_ = new ResizeObserver((t) => {
+				let n = t[0]?.contentRect;
+				if (n && (g.value = {
+					width: Math.max(100, n.width),
+					height: Math.max(100, n.height)
+				}, process.env.NODE_ENV !== "production" && n.height < 10 && !v)) {
+					v = !0;
+					let t = e, n = e.parentElement;
+					for (; n && n !== document.documentElement && n.getBoundingClientRect().height < 10;) t = n, n = n.parentElement;
+					let r = t === e ? "the workspace element itself" : `<${t.tagName.toLowerCase()}${t.id ? ` id="${t.id}"` : ""}${t.className ? ` class="${t.className}"` : ""}>`;
+					console.warn(`[vue-dockable-desktop] The workspace has no height, so it is invisible.\n\nZero height starts at: ${r}\n\nIn CSS, height: 100% only resolves when every ancestor has a real height. If any one of them is height: auto (a div's default), the chain breaks.\n\nGive the workspace's container a height — 100vh, or flex: 1 with min-height: 0 inside a flex column. The library deliberately does not style your page; .vdd-fill-viewport is available if you want the simple case.`);
+				}
+			}), _.observe(e));
+		}, {
+			immediate: !0,
+			flush: "post"
+		}), H([g, () => d.state.floating], ([e, t]) => {
+			for (let n of t) {
+				let t = (e) => typeof e == "number" ? e : Number.parseFloat(String(e)), r = {
+					x: t(n.x),
+					y: t(n.y),
+					width: t(n.width),
+					height: t(n.height)
+				}, i = Ge(r, e, n.anchor != null);
+				i !== r && d.updateFloatingPosition(n.id, i);
+			}
+		}, { deep: !0 });
+		function b(e, t) {
+			let n = d.state.panels[e];
+			if (n) {
+				let r = d.registry.get(n.component)?.defaultOptions ?? {}, i = rt(d, e, r, {
+					float: () => d.floatPanel(e),
+					minimize: () => d.minimizePanel(e),
+					close: () => d.requestClosePanel(e),
+					restore: () => d.restorePanel(e),
+					maximize: () => d.maximizePanel(e)
+				});
+				i.length > 0 && d.showContextMenu({
+					event: t,
+					items: i
+				});
+			}
+			u("taskbarContextMenu", e, t);
+		}
+		let x = () => {
+			let e = document.documentElement;
+			e.setAttribute("data-vdd-skin", c.skin), e.classList.toggle("vdd-no-animations", c.animations === !1), e.style.setProperty("--vdd-z-base", String(d.config.zIndexBase));
+		};
+		return H(() => [
+			c.skin,
+			c.animations,
+			d.config.zIndexBase
+		], x), C(x), S(() => {
+			_?.disconnect();
+			let e = document.documentElement;
+			e.removeAttribute("data-vdd-skin"), e.classList.remove("vdd-no-animations"), e.style.removeProperty("--vdd-z-base"), f.dispose();
+		}), (n, s) => (T(), a("div", {
+			class: y(["vdd-workspace", { "vdd-no-animations": t.animations === !1 }]),
+			"data-vdd-skin": t.skin,
+			dir: z(d).state.dir
+		}, [
+			o("div", {
+				ref_key: "viewport",
+				ref: g,
+				class: "vdd-workspace-viewport"
+			}, [
+				z(p).dragging.value ? (T(), r(Jt, { key: 0 })) : i("", !0),
+				l(Tt, {
+					node: z(d).state.gridRoot,
+					path: []
+				}, null, 8, ["node"]),
+				(T(!0), a(e, null, A(z(d).state.floating, (e) => (T(), r(Gt, {
+					key: e.id,
+					window: e,
+					viewport: g.value
+				}, null, 8, ["window", "viewport"]))), 128))
+			], 512),
+			l(hn, {
+				visibility: t.taskbar,
+				cache: z(f),
+				"default-icon": t.defaultPanelIcon,
+				onContextMenu: b
+			}, null, 8, [
+				"visibility",
+				"cache",
+				"default-icon"
+			]),
+			l(Yt),
+			o("div", _n, [(T(!0), a(e, null, A(m.value, (e) => (T(), r(Mt, {
+				key: e,
+				"panel-id": e,
+				cache: z(f)
+			}, null, 8, ["panel-id", "cache"]))), 128))])
+		], 10, gn));
+	}
+}), yn = ["dir"], bn = {
+	key: 0,
+	class: "vdd-context-menu__separator",
+	role: "separator"
+}, xn = [
+	"title",
+	"data-vdd-menu-submenu",
+	"aria-expanded",
+	"onPointerenter",
+	"onPointerleave"
+], Sn = { class: "vdd-context-menu__label" }, Cn = [
+	"disabled",
+	"title",
+	"data-cy-action",
+	"data-vdd-menu-item",
+	"aria-checked",
+	"onClick",
+	"onPointerenter",
+	"onPointerleave"
+], wn = ["aria-hidden"], Tn = { class: "vdd-context-menu__label" }, En = {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 12 12",
+	fill: "none"
+}, Dn = ["fill"], On = {
+	key: 0,
+	d: "M2.5 6 L4.5 8.5 L9.5 3.5",
+	stroke: "white",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, kn = ["dir"], An = {
+	key: 0,
+	class: "vdd-context-menu__separator",
+	role: "separator"
+}, jn = [
+	"disabled",
+	"data-vdd-menu-item",
+	"onClick"
+], Mn = ["aria-hidden"], Nn = { class: "vdd-context-menu__label" }, Pn = 150, Fn = 200, In = /* @__PURE__ */ u({
+	__name: "VddContextMenu",
+	props: { theme: { default: "dark" } },
+	setup(s) {
+		let c = J(), l = V("root"), u = V("submenuRoot"), d = n(() => c.contextMenu.value), f = k({
+			x: 0,
+			y: 0
+		}), p = k(null), m = k({
+			x: 0,
+			y: 0
+		}), h = /* @__PURE__ */ new Map(), g, _, b = () => {
+			clearTimeout(g), clearTimeout(_);
+		};
+		function C() {
+			b(), p.value = null, c.closeContextMenu();
+		}
+		H(d, async (e) => {
+			if (!e) {
+				p.value = null;
+				return;
+			}
+			f.value = {
+				x: e.x,
+				y: e.y
+			}, h.clear(), p.value = null, await v();
+			let t = l.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			f.value = ke({
+				x: e.x,
+				y: e.y
+			}, {
+				width: n.width,
+				height: n.height
+			}, {
+				width: window.innerWidth,
+				height: window.innerHeight
+			});
+		}), H(d, (e) => {
+			e ? (document.addEventListener("pointerdown", w, { capture: !0 }), window.addEventListener("click", w), document.addEventListener("keydown", E)) : (document.removeEventListener("pointerdown", w, { capture: !0 }), window.removeEventListener("click", w), document.removeEventListener("keydown", E));
+		});
+		function w(e) {
+			let t = e.target;
+			if (!(t instanceof Node)) {
+				C();
+				return;
+			}
+			l.value?.contains(t) || u.value?.contains(t) || C();
+		}
+		function E(e) {
+			e.key === "Escape" && (e.stopPropagation(), C());
+		}
+		S(() => {
+			b(), document.removeEventListener("pointerdown", w, { capture: !0 }), window.removeEventListener("click", w), document.removeEventListener("keydown", E);
+		});
+		let D = (e) => e, O = (e) => {
+			let t = D(e).checkbox;
+			return !!t && t.active !== !1;
+		}, M = (e) => O(e) && D(e).checkbox.value === !0, P = (e) => D(e).disabled === !0 || O(e) && D(e).checkbox.enabled === !1;
+		function F(e, t) {
+			let n = t;
+			n ? h.set(e, n) : h.delete(e);
+		}
+		function L(e) {
+			P(e) || (D(e).action?.(), C());
+		}
+		function R(e, t) {
+			clearTimeout(_), p.value !== null && p.value !== e && (clearTimeout(g), p.value = null), De(t) && t.items?.length ? (clearTimeout(g), g = setTimeout(() => {
+				let t = h.get(e);
+				if (t) {
+					let e = t.getBoundingClientRect();
+					m.value = c.state.isRtl ? {
+						x: window.innerWidth - e.left + 2,
+						y: e.top
+					} : {
+						x: e.right + 2,
+						y: e.top
+					};
+				}
+				p.value = e;
+			}, Pn)) : (clearTimeout(g), p.value !== null && (_ = setTimeout(() => {
+				p.value = null;
+			}, Fn)));
+		}
+		function B(e) {
+			clearTimeout(g), De(e) && e.items?.length && (_ = setTimeout(() => {
+				p.value = null;
+			}, Fn));
+		}
+		let ee = n(() => {
+			let e = p.value;
+			if (e === null || !d.value) return [];
+			let t = d.value.items[e];
+			return t && De(t) ? t.items ?? [] : [];
+		}), te = n(() => c.state.isRtl ? {
+			position: "fixed",
+			right: `${m.value.x}px`,
+			top: `${m.value.y}px`
+		} : {
+			position: "fixed",
+			left: `${m.value.x}px`,
+			top: `${m.value.y}px`
+		});
+		return (n, m) => d.value ? (T(), r(t, {
+			key: 0,
+			to: "body"
+		}, [n.$slots.default ? j(n.$slots, "default", {
+			items: d.value.items,
+			x: f.value.x,
+			y: f.value.y,
+			close: () => z(c).closeContextMenu()
+		}, void 0, void 0, 0) : (T(), a("div", {
+			key: 1,
+			ref_key: "root",
+			ref: l,
+			class: y(["vdd-context-menu", `vdd-context-menu--${s.theme}`]),
+			style: x({
+				position: "fixed",
+				left: `${f.value.x}px`,
+				top: `${f.value.y}px`
+			}),
+			dir: z(c).state.dir,
+			"data-vdd-menu": "",
+			role: "menu",
+			"aria-orientation": "vertical"
+		}, [(T(!0), a(e, null, A(d.value.items, (t, n) => (T(), a(e, { key: n }, [z(Ee)(t) ? (T(), a("hr", bn)) : z(De)(t) ? (T(), a("button", {
+			key: 1,
+			ref_for: !0,
+			ref: (e) => F(n, e),
+			type: "button",
+			class: y(["vdd-context-menu__item vdd-context-menu__item--has-submenu", { "vdd-context-menu__item--submenu-open": p.value === n }]),
+			title: t.title ? z(c).format(t.title) : void 0,
+			"data-vdd-menu-submenu": z(c).format(t.label),
+			role: "menuitem",
+			"aria-haspopup": "true",
+			"aria-expanded": p.value === n,
+			onPointerenter: (e) => R(n, t),
+			onPointerleave: (e) => B(t)
+		}, [
+			m[2] ||= o("span", {
+				class: "vdd-context-menu__icon",
+				"aria-hidden": "true"
+			}, null, -1),
+			o("span", Sn, I(z(c).format(t.label)), 1),
+			m[3] ||= o("span", {
+				class: "vdd-context-menu__chevron",
+				"aria-hidden": "true"
+			}, "›", -1)
+		], 42, xn)) : (T(), a("button", {
+			key: 2,
+			ref_for: !0,
+			ref: (e) => F(n, e),
+			type: "button",
+			class: y(["vdd-context-menu__item", { "vdd-context-menu__item--disabled": P(t) }]),
+			disabled: P(t),
+			title: D(t).title ? z(c).format(D(t).title) : void 0,
+			"data-cy-action": D(t).cyAction,
+			"data-vdd-menu-item": z(c).format(D(t).label),
+			role: "menuitem",
+			"aria-checked": O(t) ? M(t) : void 0,
+			onClick: (e) => L(t),
+			onPointerenter: (e) => R(n, t),
+			onPointerleave: (e) => B(t)
+		}, [
+			o("span", {
+				class: "vdd-context-menu__icon",
+				"aria-hidden": !D(t).icon
+			}, [D(t).icon ? (T(), r(N(D(t).icon), { key: 0 })) : i("", !0)], 8, wn),
+			o("span", Tn, I(z(c).format(D(t).label)), 1),
+			O(t) ? (T(), a("span", {
+				key: 0,
+				class: y(["vdd-context-menu__checkbox", { "vdd-context-menu__checkbox--checked": M(t) }]),
+				"aria-hidden": "true"
+			}, [(T(), a("svg", En, [o("rect", {
+				x: "0.75",
+				y: "0.75",
+				width: "10.5",
+				height: "10.5",
+				rx: "2",
+				fill: M(t) ? "currentColor" : "none",
+				stroke: "currentColor",
+				"stroke-width": "1.5"
+			}, null, 8, Dn), M(t) ? (T(), a("path", On)) : i("", !0)]))], 2)) : i("", !0)
+		], 42, Cn))], 64))), 128))], 14, yn)), p.value !== null && ee.value.length ? (T(), a("div", {
+			key: 2,
+			ref_key: "submenuRoot",
+			ref: u,
+			class: y(["vdd-context-menu vdd-context-menu--submenu", `vdd-context-menu--${s.theme}`]),
+			style: x(te.value),
+			dir: z(c).state.dir,
+			"data-vdd-submenu": "",
+			role: "menu",
+			onPointerenter: m[0] ||= (e) => b(),
+			onPointerleave: m[1] ||= (e) => p.value = null
+		}, [(T(!0), a(e, null, A(ee.value, (t, n) => (T(), a(e, { key: n }, [z(Ee)(t) ? (T(), a("hr", An)) : (T(), a("button", {
+			key: 1,
+			type: "button",
+			class: y(["vdd-context-menu__item", { "vdd-context-menu__item--disabled": P(t) }]),
+			disabled: P(t),
+			"data-vdd-menu-item": z(c).format(D(t).label),
+			role: "menuitem",
+			onClick: (e) => L(t)
+		}, [o("span", {
+			class: "vdd-context-menu__icon",
+			"aria-hidden": !D(t).icon
+		}, [D(t).icon ? (T(), r(N(D(t).icon), { key: 0 })) : i("", !0)], 8, Mn), o("span", Nn, I(z(c).format(D(t).label)), 1)], 10, jn))], 64))), 128))], 46, kn)) : i("", !0)])) : i("", !0);
+	}
+}), Ln = (e) => "custom" in e && e.custom === !0, Rn = (e) => !Ln(e) && !("onClick" in e), zn = (e) => !Ln(e) && "onClick" in e, Bn = (e) => e == null ? [] : Array.isArray(e) ? e : [e], Vn = Symbol("vdd-sidebar"), Hn = Symbol("vdd-sidebar-tab"), Un = {
+	key: 0,
+	class: "vdd-sidebar-tabs-list"
+}, Wn = [
+	"title",
+	"aria-pressed",
+	"data-vdd-sidebar-tab",
+	"onClick"
+], Gn = [
+	"disabled",
+	"title",
+	"aria-label",
+	"data-vdd-rail-action",
+	"onClick"
+], Kn = [
+	"title",
+	"aria-pressed",
+	"data-vdd-sidebar-tab",
+	"onClick"
+], qn = 56, Jn = /* @__PURE__ */ u({
+	__name: "VddSidebarRail",
+	props: {
+		tabs: {},
+		header: {},
+		footer: {},
+		activeTabId: {},
+		position: {},
+		visible: { type: Boolean }
+	},
+	emits: ["select"],
+	setup(t, { emit: n }) {
+		let s = n, c = (e) => e.filter((e) => !e.hidden);
+		return (n, l) => (T(), a("div", {
+			class: "vdd-sidebar-strip-outer",
+			style: x({ width: t.visible ? `${qn}px` : "0px" }),
+			"data-vdd-sidebar-strip": ""
+		}, [o("div", {
+			class: y(["vdd-sidebar-tabs-strip", [`vdd-${t.position}`, {
+				"vdd-sidebar-tabs-strip--has-header-action": t.header.length > 0,
+				"vdd-sidebar-tabs-strip--has-footer-action": t.footer.length > 0
+			}]]),
+			style: x({ width: `${qn}px` })
+		}, [(T(), a(e, null, A([
+			"header",
+			"tabs",
+			"footer"
+		], (n) => (T(), a(e, { key: n }, [n === "tabs" ? (T(), a("div", Un, [(T(!0), a(e, null, A(c(t.tabs), (e) => (T(), a("button", {
+			key: e.id,
+			type: "button",
+			class: y(["vdd-sidebar-tab-btn", { "vdd-active": t.activeTabId === e.id }]),
+			title: e.label,
+			"aria-pressed": t.activeTabId === e.id,
+			"data-vdd-sidebar-tab": e.id,
+			onClick: (t) => s("select", e.id)
+		}, [(T(), r(N(e.icon)))], 10, Wn))), 128))])) : (n === "header" ? t.header : t.footer).length ? (T(), a("div", {
+			key: 1,
+			class: y(n === "header" ? "vdd-sidebar-header-area" : "vdd-sidebar-footer-area")
+		}, [(T(!0), a(e, null, A(n === "header" ? t.header : t.footer, (n, o) => (T(), a(e, { key: o }, [z(Ln)(n) ? (T(), r(N(n.component), _({
+			key: 0,
+			ref_for: !0
+		}, n.props), null, 16)) : z(zn)(n) ? (T(), a("button", {
+			key: 1,
+			type: "button",
+			class: "vdd-sidebar-tab-btn vdd-sidebar-header-action-btn",
+			disabled: n.disabled,
+			title: n.label,
+			"aria-label": n.label,
+			"data-vdd-rail-action": n.id ?? n.label,
+			onClick: (e) => n.onClick()
+		}, [(T(), r(N(n.icon)))], 8, Gn)) : n.hidden ? i("", !0) : (T(), a("button", {
+			key: 2,
+			type: "button",
+			class: y(["vdd-sidebar-tab-btn", { "vdd-active": t.activeTabId === n.id }]),
+			title: n.label,
+			"aria-pressed": t.activeTabId === n.id,
+			"data-vdd-sidebar-tab": n.id,
+			onClick: (e) => s("select", n.id)
+		}, [(T(), r(N(n.icon)))], 10, Kn))], 64))), 128))], 2)) : i("", !0)], 64))), 64))], 6)], 4));
+	}
+}), Yn = /* @__PURE__ */ u({
+	__name: "VddSidebarTabScope",
+	props: { tabId: {} },
+	emits: ["close", "open"],
+	setup(e, { emit: t }) {
+		let n = e, r = t;
+		return E(Hn, {
+			tabId: n.tabId,
+			open: () => r("open", n.tabId),
+			close: () => r("close"),
+			openTab: (e) => r("open", e)
+		}), (e, t) => (T(), a("div", null, [j(e.$slots, "default")]));
+	}
+}), Xn = ["data-vdd-sidebar-pane"], Zn = {
+	key: 1,
+	class: "vdd-sidebar-drawer-header"
+}, Qn = { class: "vdd-sidebar-header-title" }, $n = /* @__PURE__ */ u({
+	__name: "VddSidebarDrawer",
+	props: {
+		tabs: {},
+		activeTabId: {},
+		position: {},
+		open: { type: Boolean },
+		width: {},
+		minWidth: {},
+		maxWidth: {},
+		headerOverridden: { type: Boolean },
+		showCloseButton: { type: Boolean },
+		resizing: { type: Boolean }
+	},
+	emits: ["close", "open"],
+	setup(t, { emit: n }) {
+		let s = n;
+		return (n, c) => (T(), a("div", {
+			class: y(["vdd-sidebar-content-drawer", `vdd-${t.position}`]),
+			"data-vdd-sidebar-drawer": "",
+			style: x({
+				flexBasis: t.open ? `${t.width}px` : "0px",
+				minWidth: t.open ? `${t.minWidth}px` : "0px",
+				maxWidth: t.open ? `${t.maxWidth}px` : "0px",
+				...t.resizing ? { transition: "none" } : {}
+			})
+		}, [(T(!0), a(e, null, A(t.tabs, (e) => (T(), a("div", {
+			key: e.id,
+			class: "vdd-sidebar-drawer-pane",
+			style: x({ display: t.activeTabId === e.id ? "flex" : "none" }),
+			"data-vdd-sidebar-pane": e.id
+		}, [t.headerOverridden ? j(n.$slots, "header", {
+			tab: e,
+			close: () => s("close"),
+			open: () => s("open", e.id)
+		}, void 0, void 0, 0) : (T(), a("div", Zn, [o("span", Qn, I(e.label), 1), t.showCloseButton ? (T(), a("button", {
+			key: 0,
+			type: "button",
+			class: "vdd-sidebar-drawer-close-button",
+			"data-vdd-sidebar-close": "",
+			title: "Close",
+			"aria-label": "Close",
+			onClick: c[0] ||= (e) => s("close")
+		}, [...c[3] ||= [o("svg", {
+			width: "14",
+			height: "14",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2.5"
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])) : i("", !0)])), l(Yn, {
+			class: "vdd-sidebar-drawer-body",
+			"tab-id": e.id,
+			onClose: c[1] ||= (e) => s("close"),
+			onOpen: c[2] ||= (e) => s("open", e)
+		}, {
+			default: U(() => [j(n.$slots, `tab-${e.id}`, {
+				tab: e,
+				close: () => s("close"),
+				open: () => s("open", e.id)
+			}, () => [e.component ? (T(), r(N(e.component), _({
+				key: 0,
+				ref_for: !0
+			}, e.props), null, 16)) : i("", !0)])]),
+			_: 2
+		}, 1032, ["tab-id"])], 12, Xn))), 128))], 6));
+	}
+}), er = ["data-vdd-sidebar"], tr = {
+	key: 3,
+	class: "vdd-sidebar-main"
+}, nr = /* @__PURE__ */ u({
+	__name: "VddSidebar",
+	props: /*@__PURE__*/ g({
+		position: { default: "right" },
+		tabs: {},
+		headerAction: {},
+		footerAction: {},
+		minWidth: { default: 150 },
+		maxWidth: { default: 600 },
+		showCloseButton: {
+			type: Boolean,
+			default: !1
+		},
+		hideDefaultHeader: {
+			type: Boolean,
+			default: !1
+		},
+		isSecondary: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		activeTabId: { default: null },
+		activeTabIdModifiers: {},
+		visible: {
+			type: Boolean,
+			default: !0
+		},
+		visibleModifiers: {},
+		stripVisible: {
+			type: Boolean,
+			default: !0
+		},
+		stripVisibleModifiers: {},
+		width: { default: 280 },
+		widthModifiers: {}
+	}),
+	emits: [
+		"update:activeTabId",
+		"update:visible",
+		"update:stripVisible",
+		"update:width"
+	],
+	setup(t) {
+		let o = t, c = ee(), l = B(t, "activeTabId"), u = B(t, "visible"), d = B(t, "stripVisible"), f = B(t, "width"), p = n(() => Bn(o.headerAction)), m = n(() => Bn(o.footerAction)), h = n(() => [
+			...p.value.filter(Rn),
+			...o.tabs,
+			...m.value.filter(Rn)
+		]), g = k(/* @__PURE__ */ new Set()), v = n(() => {
+			let e = new Set(g.value);
+			l.value && e.add(l.value);
+			for (let t of h.value) t.eagerMount && e.add(t.id);
+			return e;
+		});
+		function y(e) {
+			if (e !== null) {
+				if (!g.value.has(e)) {
+					let t = new Set(g.value);
+					t.add(e), g.value = t;
+				}
+			} else {
+				let e = new Set(g.value), t = !1;
+				for (let n of g.value) {
+					let r = h.value.find((e) => e.id === n);
+					r && !r.eagerMount && !r.preserveState && (e.delete(n), t = !0);
+				}
+				t && (g.value = e);
+			}
+			l.value = e;
+		}
+		H([l, h], ([e, t]) => {
+			e != null && !t.some((t) => t.id === e) && y(null);
+		}, { immediate: !0 });
+		let b = n(() => h.value.filter((e) => v.value.has(e.id))), x = n(() => u.value !== !1), S = n(() => x.value && d.value !== !1), C = n(() => x.value && l.value != null), w = n(() => h.value.find((e) => e.id === l.value) ?? null), D = n(() => o.hideDefaultHeader || c.header !== void 0), O = (e) => y(l.value === e ? null : e), M = () => y(null), N = k(!1);
+		function P(e) {
+			e.preventDefault();
+			let t = e.currentTarget;
+			N.value = !0, Y({
+				element: t,
+				pointerId: e.pointerId,
+				startClientX: e.clientX,
+				startClientY: e.clientY,
+				captureStart: () => f.value,
+				activeClasses: [{
+					el: t,
+					classes: ["vdd-active"]
+				}, {
+					el: document.body,
+					classes: ["vdd-resizing-active", "vdd-resizing-col-active"]
+				}],
+				onMove: (e, t, n) => {
+					let r = o.position === "right" ? n - e : n + e;
+					f.value = Math.max(o.minWidth, Math.min(o.maxWidth, r));
+				},
+				onEnd: () => {
+					N.value = !1;
+				}
+			});
+		}
+		E(Vn, {
+			openTab: (e) => y(e),
+			closeDrawer: M,
+			activeTabId: l,
+			position: o.position,
+			isSecondary: o.isSecondary
+		});
+		let F = process.env.NODE_ENV !== "production", I = !1;
+		H([() => o.showCloseButton, D], ([e, t]) => {
+			F && e && t && !I && (I = !0, console.warn("[vue-dockable-desktop] `showCloseButton` has no effect because the default drawer header is suppressed (`hideDefaultHeader` is set, or a #header slot was provided). The button is part of that header. Put your own close control in the #header slot, wired to its `close`."));
+		}, { immediate: !0 });
+		let L = !1;
+		return H(w, (e) => {
+			F && e && !L && (c[`tab-${e.id}`] || e.component || (L = !0, console.warn(`[vue-dockable-desktop] Sidebar tab "${e.id}" has no content: give it a #tab-${e.id} slot or a \`component\`. The drawer will open empty.`)));
+		}), (n, o) => (T(), a("div", {
+			class: "vdd-sidebar-layout",
+			"data-vdd-sidebar": t.position
+		}, [(T(!0), a(e, null, A(t.position === "left" ? [
+			"rail",
+			"drawer",
+			"resizer",
+			"main"
+		] : [
+			"main",
+			"resizer",
+			"drawer",
+			"rail"
+		], (o) => (T(), a(e, { key: o }, [o === "rail" ? (T(), r(Jn, {
+			key: 0,
+			tabs: t.tabs,
+			header: p.value,
+			footer: m.value,
+			"active-tab-id": l.value,
+			position: t.position,
+			visible: S.value,
+			onSelect: O
+		}, null, 8, [
+			"tabs",
+			"header",
+			"footer",
+			"active-tab-id",
+			"position",
+			"visible"
+		])) : o === "drawer" ? (T(), r($n, {
+			key: 1,
+			tabs: b.value,
+			"active-tab-id": l.value,
+			position: t.position,
+			open: C.value,
+			width: f.value,
+			"min-width": t.minWidth,
+			"max-width": t.maxWidth,
+			"header-overridden": D.value,
+			"show-close-button": t.showCloseButton,
+			resizing: N.value,
+			onClose: M,
+			onOpen: y
+		}, s({ _: 2 }, [n.$slots.header ? {
+			name: "header",
+			fn: U((e) => [j(n.$slots, "header", _({ ref_for: !0 }, e))]),
+			key: "0"
+		} : void 0, A(b.value, (e) => ({
+			name: `tab-${e.id}`,
+			fn: U((t) => [j(n.$slots, `tab-${e.id}`, _({ ref_for: !0 }, t))])
+		}))]), 1032, [
+			"tabs",
+			"active-tab-id",
+			"position",
+			"open",
+			"width",
+			"min-width",
+			"max-width",
+			"header-overridden",
+			"show-close-button",
+			"resizing"
+		])) : o === "resizer" && C.value ? (T(), a("div", {
+			key: 2,
+			class: "vdd-resizer-bar",
+			"data-vdd-sidebar-resizer": "",
+			style: {
+				cursor: "col-resize",
+				width: "1px",
+				height: "100%",
+				flexShrink: 0,
+				zIndex: 20
+			},
+			onPointerdown: P
+		}, null, 32)) : o === "main" ? (T(), a("div", tr, [j(n.$slots, "default")])) : i("", !0)], 64))), 128))], 8, er));
+	}
+}), rr = /* @__PURE__ */ u({
+	__name: "VddSecondarySidebar",
+	props: {
+		tabs: {},
+		headerAction: {},
+		footerAction: {},
+		minWidth: {},
+		maxWidth: {},
+		showCloseButton: { type: Boolean },
+		hideDefaultHeader: { type: Boolean }
+	},
+	setup(e) {
+		let t = e, i = p(Vn, null);
+		if (!i) throw Error("[vue-dockable-desktop] <VddSecondarySidebar> must be rendered inside a <VddSidebar>. It takes the edge the primary sidebar is not using, so it needs one to be nested in.");
+		if (i.isSecondary) throw Error("[vue-dockable-desktop] <VddSecondarySidebar> cannot be nested inside another one. The library supports one primary and one secondary sidebar, nothing deeper.");
+		let a = n(() => i.position === "left" ? "right" : "left");
+		return (e, n) => (T(), r(nr, _({
+			...t,
+			...e.$attrs
+		}, {
+			position: a.value,
+			"is-secondary": ""
+		}), s({ _: 2 }, [A(e.$slots, (t, n) => ({
+			name: n,
+			fn: U((t) => [j(e.$slots, n, b(f(t ?? {})))])
+		}))]), 1040, ["position"]));
+	}
+}), ir = (e) => !("type" in e);
+function ar(e, t, n, r = !1, i = 8) {
+	switch (t) {
+		case "left": return r ? {
+			right: n.width - e.left + i,
+			top: e.top
+		} : {
+			left: e.right + i,
+			top: e.top
+		};
+		case "right": return r ? {
+			left: e.right + i,
+			top: e.top
+		} : {
+			right: n.width - e.left + i,
+			top: e.top
+		};
+		case "top": return r ? {
+			top: e.bottom + i,
+			right: n.width - e.right
+		} : {
+			top: e.bottom + i,
+			left: e.left
+		};
+		default: return r ? {
+			bottom: n.height - e.top + i,
+			right: n.width - e.right
+		} : {
+			bottom: n.height - e.top + i,
+			left: e.left
+		};
+	}
+}
+//#endregion
+//#region src/components/VddToolbarGroupButton.vue?vue&type=script&setup=true&lang.ts
+var or = [
+	"title",
+	"aria-label",
+	"aria-expanded",
+	"disabled",
+	"data-vdd-toolbar-item"
+], sr = ["dir", "data-vdd-flyout"], cr = {
+	key: 0,
+	class: "vdd-toolbar-group-flyout-sep",
+	role: "separator"
+}, lr = [
+	"disabled",
+	"aria-pressed",
+	"data-vdd-flyout-item",
+	"onClick"
+], ur = { class: "vdd-toolbar-group-flyout-icon" }, dr = { class: "vdd-toolbar-group-flyout-label" }, fr = {
+	key: 0,
+	class: "vdd-toolbar-group-flyout-shortcut"
+}, pr = /* @__PURE__ */ u({
+	__name: "VddToolbarGroupButton",
+	props: {
+		item: {},
+		position: {}
+	},
+	setup(s) {
+		let c = s, l = J(), u = V("button"), d = V("flyout"), f = k(!1), p = k({}), m = n(() => c.item.activeItemId !== void 0), h = n(() => m.value ? c.item.activeItemId ?? null : l.toolbar.activeInGroup(c.item.id)), g = n(() => c.item.items.find((e) => ir(e) && e.id === h.value)), _ = n(() => g.value && ir(g.value) ? g.value.icon : c.item.defaultIcon), b = n(() => g.value && ir(g.value) ? g.value.label : c.item.label);
+		async function C() {
+			if (c.item.disabled) return;
+			if (f.value) {
+				f.value = !1;
+				return;
+			}
+			let e = u.value?.getBoundingClientRect();
+			e && (p.value = ar(e, c.position, {
+				width: window.innerWidth,
+				height: window.innerHeight
+			}, l.state.isRtl)), f.value = !0, await v(), E(), document.addEventListener("pointerdown", D, { capture: !0 }), document.addEventListener("keydown", O);
+		}
+		function w() {
+			f.value = !1, document.removeEventListener("pointerdown", D, { capture: !0 }), document.removeEventListener("keydown", O);
+		}
+		function E() {
+			let e = d.value;
+			if (!e) return;
+			let t = e.getBoundingClientRect(), n = { ...p.value };
+			t.right > window.innerWidth - 8 && (n.left = Math.max(8, window.innerWidth - t.width - 8), delete n.right), t.left < 8 && (n.left = 8, delete n.right), t.bottom > window.innerHeight - 8 && (n.top = Math.max(8, window.innerHeight - t.height - 8), delete n.bottom), t.top < 8 && (n.top = 8, delete n.bottom), p.value = n;
+		}
+		function D(e) {
+			let t = e.target;
+			if (!(t instanceof Node)) {
+				w();
+				return;
+			}
+			u.value?.contains(t) || d.value?.contains(t) || w();
+		}
+		function O(e) {
+			e.key === "Escape" && w();
+		}
+		function j(e, t) {
+			m.value ? c.item.onActiveItemChange?.(e) : l.toolbar.setActiveInGroup(c.item.id, e), t?.(e), w();
+		}
+		S(w);
+		let M = n(() => {
+			let e = { position: "fixed" };
+			for (let [t, n] of Object.entries(p.value)) e[t] = `${n}px`;
+			return e;
+		});
+		return (n, c) => (T(), a(e, null, [o("button", {
+			ref_key: "button",
+			ref: u,
+			type: "button",
+			class: y(["vdd-toolbar-btn vdd-toolbar-btn-group", { "vdd-active": h.value !== null }]),
+			title: b.value,
+			"aria-label": b.value,
+			"aria-expanded": f.value,
+			"aria-haspopup": "menu",
+			disabled: s.item.disabled,
+			"data-vdd-toolbar-item": s.item.id,
+			onClick: C
+		}, [(T(), r(N(_.value)))], 10, or), f.value ? (T(), r(t, {
+			key: 0,
+			to: "body"
+		}, [o("div", {
+			ref_key: "flyout",
+			ref: d,
+			class: y(["vdd-toolbar-group-flyout", `vdd-${s.position}`]),
+			style: x(M.value),
+			dir: z(l).state.dir,
+			"data-vdd-flyout": s.item.id,
+			role: "menu"
+		}, [(T(!0), a(e, null, A(s.item.items, (t, n) => (T(), a(e, { key: n }, [z(ir)(t) ? (T(), a("button", {
+			key: 1,
+			type: "button",
+			class: y(["vdd-toolbar-group-flyout-item", { "vdd-active": h.value === t.id }]),
+			disabled: t.disabled,
+			role: "menuitem",
+			"aria-pressed": h.value === t.id,
+			"data-vdd-flyout-item": t.id,
+			onClick: (e) => j(t.id, t.onActivate)
+		}, [
+			o("span", ur, [(T(), r(N(t.icon)))]),
+			o("span", dr, I(t.label), 1),
+			t.shortcut ? (T(), a("span", fr, I(t.shortcut), 1)) : i("", !0)
+		], 10, lr)) : (T(), a("div", cr))], 64))), 128))], 14, sr)])) : i("", !0)], 64));
+	}
+}), mr = ["data-vdd-toolbar", "aria-orientation"], hr = {
+	key: 0,
+	class: "vdd-toolbar-separator",
+	role: "separator"
+}, gr = [
+	"title",
+	"aria-label",
+	"disabled",
+	"data-vdd-toolbar-item",
+	"onClick"
+], _r = [
+	"title",
+	"aria-label",
+	"aria-pressed",
+	"disabled",
+	"data-vdd-toolbar-item",
+	"onClick"
+], vr = [
+	"title",
+	"aria-label",
+	"aria-pressed",
+	"disabled",
+	"data-vdd-toolbar-item",
+	"onClick"
+], yr = /* @__PURE__ */ u({
+	__name: "VddToolbar",
+	props: /*@__PURE__*/ g({
+		position: { default: "left" },
+		items: {}
+	}, {
+		visible: {
+			type: Boolean,
+			default: !0
+		},
+		visibleModifiers: {}
+	}),
+	emits: ["update:visible"],
+	setup(t) {
+		let o = t, s = B(t, "visible"), c = J(), l = n(() => o.position === "left" || o.position === "right"), u = n(() => s.value === !1 ? l.value ? { width: "0px" } : { height: "0px" } : {}), d = (e, t) => c.toolbar.activeInGroup(e) === t;
+		function f(e, t, n) {
+			c.toolbar.setActiveInGroup(e, t), n?.(t);
+		}
+		let p = (e) => e.active === void 0 ? c.toolbar.isToggled(e.id) : e.active;
+		function m(e) {
+			let t = !p(e);
+			e.active === void 0 && c.toolbar.setToggled(e.id, t), e.onToggle?.(t);
+		}
+		return (n, o) => (T(), a("div", {
+			class: y(["vdd-toolbar-strip", `vdd-${t.position}`]),
+			style: x(u.value),
+			"data-vdd-toolbar": t.position,
+			role: "toolbar",
+			"aria-orientation": l.value ? "vertical" : "horizontal"
+		}, [(T(!0), a(e, null, A(t.items, (n, o) => (T(), a(e, { key: n.type === "separator" ? `sep-${o}` : n.id }, [n.type === "separator" ? (T(), a("div", hr)) : n.type === "action" ? (T(), a("button", {
+			key: 1,
+			type: "button",
+			class: "vdd-toolbar-btn vdd-toolbar-btn-action",
+			title: n.label,
+			"aria-label": n.label,
+			disabled: n.disabled,
+			"data-vdd-toolbar-item": n.id,
+			onClick: (e) => n.onClick()
+		}, [(T(), r(N(n.icon)))], 8, gr)) : n.type === "radio" ? (T(), a("button", {
+			key: 2,
+			type: "button",
+			class: y(["vdd-toolbar-btn vdd-toolbar-btn-radio", { "vdd-active": d(n.group, n.id) }]),
+			title: n.label,
+			"aria-label": n.label,
+			"aria-pressed": d(n.group, n.id),
+			disabled: n.disabled,
+			"data-vdd-toolbar-item": n.id,
+			onClick: (e) => f(n.group, n.id, n.onActivate)
+		}, [(T(), r(N(n.icon)))], 10, _r)) : n.type === "toggle" ? (T(), a("button", {
+			key: 3,
+			type: "button",
+			class: y(["vdd-toolbar-btn vdd-toolbar-btn-toggle", { "vdd-active": p(n) }]),
+			title: n.label,
+			"aria-label": n.label,
+			"aria-pressed": p(n),
+			disabled: n.disabled,
+			"data-vdd-toolbar-item": n.id,
+			onClick: (e) => m(n)
+		}, [(T(), r(N(n.icon)))], 10, vr)) : n.type === "group" ? (T(), r(pr, {
+			key: 4,
+			item: n,
+			position: t.position
+		}, null, 8, ["item", "position"])) : i("", !0)], 64))), 128))], 14, mr));
+	}
+});
+//#endregion
+//#region src/composables/useOverlayHost.ts
+function br(e) {
+	let t = J(), { overlays: r } = t, i = () => R(e), a = k(null), o = n(() => i().kind !== "modal" || i().options.closable !== !1), s = (e) => r.requestClose(i().id, {
+		...e,
+		confirm: (e) => r.confirmDiscard({
+			title: t.format(e.options.title),
+			dirtyOptions: e.dirtyOptions
+		})
+	});
+	function c(e) {
+		if (e.key !== "Escape" || !o.value) return;
+		let t = i();
+		if (t.kind === "modal") {
+			if (r.topmostModal()?.id !== t.id) return;
+			e.stopPropagation();
+		} else if (r.state.modals.length > 0) return;
+		s();
+	}
+	return C(() => document.addEventListener("keydown", c)), S(() => document.removeEventListener("keydown", c)), Dt({
+		id: i().id,
+		containerType: n(() => i().kind),
+		close: s,
+		setTitle: (e) => r.updateInstance(i().id, { options: {
+			...i().options,
+			title: e
+		} }),
+		setIcon: (e) => {
+			a.value = e ?? null;
+		},
+		setDirty: (e, t) => r.setDirty(i().id, e, t)
+	}), {
+		displayTitle: n(() => {
+			let e = t.format(i().options.title);
+			return i().dirty ? `${e} *` : e;
+		}),
+		dismissible: o,
+		icon: n(() => a.value ?? i().options.icon ?? null),
+		close: s,
+		bodyPadding: n(() => {
+			let e = i().options.bodyPadding;
+			if (e != null) return typeof e == "number" ? `${e}px` : e;
+		})
+	};
+}
+//#endregion
+//#region src/components/VddOverlayFrame.vue?vue&type=script&setup=true&lang.ts
+var xr = ["title", "aria-label"], Sr = /* @__PURE__ */ u({
+	__name: "VddOverlayFrame",
+	props: {
+		block: {},
+		title: {},
+		icon: {},
+		closable: { type: Boolean },
+		closeLabel: {},
+		bodyPadding: {}
+	},
+	emits: ["close"],
+	setup(t, { emit: s }) {
+		let c = t, l = s, u = {
+			header: "vdd-modal-header",
+			icon: "vdd-modal-icon",
+			title: "vdd-modal-title",
+			closeButton: "vdd-modal-close-button",
+			body: "vdd-modal-body"
+		}, d = {
+			header: "vdd-side-panel-header",
+			icon: "vdd-side-panel-icon",
+			title: "vdd-side-panel-title",
+			closeButton: "vdd-side-panel-close-button",
+			body: "vdd-side-panel-body"
+		}, f = n(() => c.block === "modal" ? u : d), p = J(), m = n(() => c.block === "modal" ? p.classes.modalBody : p.classes.sidePanelBody);
+		return (n, s) => (T(), a(e, null, [o("div", { class: y(f.value.header) }, [
+			t.icon ? (T(), a("div", {
+				key: 0,
+				class: y(f.value.icon)
+			}, [(T(), r(N(t.icon)))], 2)) : i("", !0),
+			o("h4", { class: y(f.value.title) }, I(t.title), 3),
+			t.closable ? (T(), a("button", {
+				key: 1,
+				type: "button",
+				class: y(f.value.closeButton),
+				title: t.closeLabel,
+				"aria-label": t.closeLabel,
+				"data-vdd-overlay-close": "",
+				onClick: s[0] ||= (e) => l("close")
+			}, [...s[1] ||= [o("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.5"
+			}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 10, xr)) : i("", !0)
+		], 2), o("div", {
+			class: y([f.value.body, m.value]),
+			style: x(t.bodyPadding == null ? void 0 : { padding: t.bodyPadding })
+		}, [j(n.$slots, "default")], 6)], 64));
+	}
+}), Cr = ["dir", "data-vdd-side-panel"], wr = /* @__PURE__ */ u({
+	__name: "VddSidePanelHost",
+	props: {
+		instance: {},
+		position: {},
+		defaultWidth: {}
+	},
+	setup(e) {
+		let t = e, i = J(), { displayTitle: s, icon: c, close: u, bodyPadding: d } = br(() => t.instance), p = n(() => {
+			let e = t.instance.options.width ?? t.defaultWidth;
+			return typeof e == "number" ? `${e}px` : e;
+		});
+		return (t, n) => (T(), a("div", {
+			class: y(["vdd-side-panel vdd-side-panel-visible", e.position === "left" ? "vdd-side-panel-left" : "vdd-side-panel-right"]),
+			style: x({ width: p.value }),
+			dir: z(i).state.dir,
+			"data-vdd-side-panel": e.position
+		}, [o("div", { class: y(["vdd-side-panel-window", z(i).classes.sidePanel]) }, [l(Sr, {
+			block: "side-panel",
+			title: z(s),
+			icon: z(c),
+			closable: !0,
+			"close-label": z(i).format(z(i).messages.closeTooltip),
+			"body-padding": z(d),
+			onClose: n[0] ||= (e) => z(u)()
+		}, {
+			default: U(() => [(T(), r(N(e.instance.component), b(f({
+				...e.instance.props,
+				panelId: e.instance.id
+			})), null, 16))]),
+			_: 1
+		}, 8, [
+			"title",
+			"icon",
+			"close-label",
+			"body-padding"
+		])], 2)], 14, Cr));
+	}
+}), Tr = /* @__PURE__ */ u({
+	__name: "VddSidePanels",
+	props: {
+		defaultWidth: { default: 400 },
+		sides: { default: "both" }
+	},
+	setup(t) {
+		let o = t, { overlays: s } = J(), c = n(() => o.sides === "right" ? null : s.state.leftPanel), l = n(() => o.sides === "left" ? null : s.state.rightPanel);
+		return (n, o) => (T(), a(e, null, [c.value ? (T(), r(wr, {
+			key: c.value.id,
+			instance: c.value,
+			position: "left",
+			"default-width": t.defaultWidth
+		}, null, 8, ["instance", "default-width"])) : i("", !0), l.value ? (T(), r(wr, {
+			key: l.value.id,
+			instance: l.value,
+			position: "right",
+			"default-width": t.defaultWidth
+		}, null, 8, ["instance", "default-width"])) : i("", !0)], 64));
+	}
+}), Er = ["dir", "data-vdd-modal"], Dr = /* @__PURE__ */ u({
+	__name: "VddModalHost",
+	props: {
+		instance: {},
+		index: {}
+	},
+	setup(e) {
+		let t = e, i = J(), { displayTitle: s, icon: c, dismissible: u, close: d, bodyPadding: p } = br(() => t.instance), m = n(() => `vdd-modal-size-${t.instance.options.size ?? "auto"}`), h = n(() => `calc(var(--vdd-z-base, 1000) + 9000 + ${t.index * 10})`);
+		return (t, n) => (T(), a("div", {
+			class: "vdd-modal-overlay",
+			style: x({ zIndex: h.value }),
+			dir: z(i).state.dir,
+			"data-vdd-modal": e.instance.id
+		}, [o("div", {
+			class: "vdd-modal-curtain",
+			"data-vdd-modal-curtain": "",
+			onClick: n[0] ||= (e) => z(u) && z(d)()
+		}), o("div", { class: y(["vdd-modal-window", [m.value, z(i).classes.modal]]) }, [l(Sr, {
+			block: "modal",
+			title: z(s),
+			icon: z(c),
+			closable: z(u),
+			"close-label": z(i).format(z(i).messages.closeTooltip),
+			"body-padding": z(p),
+			onClose: n[1] ||= (e) => z(d)()
+		}, {
+			default: U(() => [(T(), r(N(e.instance.component), b(f({
+				...e.instance.props,
+				panelId: e.instance.id
+			})), null, 16))]),
+			_: 1
+		}, 8, [
+			"title",
+			"icon",
+			"closable",
+			"close-label",
+			"body-padding"
+		])], 2)], 12, Er));
+	}
+}), Or = { class: "vdd-confirmation-message" }, kr = { class: "vdd-confirmation-actions" }, Ar = /* @__PURE__ */ u({
+	__name: "VddConfirm",
+	props: {
+		message: {},
+		alert: {},
+		alertType: { default: "info" },
+		yesNo: {
+			type: Boolean,
+			default: !1
+		},
+		onOk: {},
+		onCancel: {},
+		onSettled: {}
+	},
+	setup(e) {
+		let t = e, n = J(), r = kt(), s = V("confirmButton"), c = !1;
+		function l(e) {
+			c || (c = !0, t.onSettled?.(e));
+		}
+		function u() {
+			l(!0), t.onOk?.(), r.close({ force: !0 });
+		}
+		function d() {
+			l(!1), t.onCancel?.(), r.close({ force: !0 });
+		}
+		return C(() => {
+			r.setIcon(void 0), s.value?.focus({ preventScroll: !0 });
+		}), S(() => l(!1)), (t, r) => (T(), a("form", {
+			class: "vdd-confirmation-form-body",
+			onSubmit: W(u, ["prevent"])
+		}, [
+			e.alert ? (T(), a("div", {
+				key: 0,
+				class: y(["vdd-confirmation-alert", `vdd-confirmation-alert-${e.alertType}`])
+			}, [o("span", null, I(e.alert), 1)], 2)) : i("", !0),
+			o("div", Or, I(z(n).format(e.message)), 1),
+			o("div", kr, [o("button", {
+				type: "button",
+				class: "vdd-btn vdd-btn-sm vdd-btn-outline",
+				"data-vdd-confirm-cancel": "",
+				onClick: d
+			}, I(z(n).format(e.yesNo ? z(n).messages.no : z(n).messages.cancel)), 1), o("button", {
+				ref_key: "confirmButton",
+				ref: s,
+				type: "submit",
+				class: "vdd-btn vdd-btn-sm vdd-btn-primary",
+				"data-vdd-confirm-ok": ""
+			}, I(z(n).format(e.yesNo ? z(n).messages.yes : z(n).messages.ok)), 513)])
+		], 32));
+	}
+}), jr = /* @__PURE__ */ u({
+	__name: "VddModals",
+	setup(t) {
+		let n = J(), { overlays: i } = n;
+		function o(e) {
+			return new Promise((t) => {
+				i.openModal(Ar, {
+					message: e.dirtyOptions?.message ?? {
+						...n.messages.unsavedChangesMessage,
+						values: { title: e.title }
+					},
+					alert: e.dirtyOptions?.alert,
+					alertType: e.dirtyOptions?.alertType ?? "danger",
+					yesNo: !0,
+					onSettled: (e) => t(e)
+				}, {
+					title: e.dirtyOptions?.title ?? n.messages.unsavedChangesTitle,
+					size: "small"
+				});
+			});
+		}
+		return C(() => i.setConfirmRenderer(o)), S(() => i.setConfirmRenderer(null)), (t, n) => (T(!0), a(e, null, A(z(i).state.modals, (e, t) => (T(), r(Dr, {
+			key: e.id,
+			instance: e,
+			index: t
+		}, null, 8, ["instance", "index"]))), 128));
+	}
+}), X = D({
+	items: [],
+	adapter: null
+}), Mr = 0;
+function Z(e, t = {}) {
+	let n = t.id ?? `vdd-toast-${++Mr}`, r = {
+		...t,
+		id: n
+	}, i = X.items.find((e) => e.id === n);
+	return i ? (i.message = e, i.options = {
+		...i.options,
+		...r
+	}, i.exiting = !1, i.revision++, X.adapter?.update(n, e, r), n) : (X.items.push({
+		id: n,
+		message: e,
+		options: r,
+		exiting: !1,
+		revision: 0
+	}), n);
+}
+function Nr(e) {
+	let t = X.items.find((t) => t.id === e);
+	t && !t.exiting && (t.exiting = !0, t.options.onClose?.());
+}
+function Pr(e) {
+	let t = X.items.findIndex((t) => t.id === e);
+	t !== -1 && X.items.splice(t, 1);
+}
+function Fr(e) {
+	if (X.adapter) {
+		X.adapter.dismiss(e);
+		return;
+	}
+	if (e === void 0) {
+		for (let e of [...X.items]) Nr(e.id);
+		return;
+	}
+	Nr(e);
+}
+var Ir = Object.assign((e, t) => Z(e, t), {
+	info: (e, t) => Z(e, {
+		...t,
+		type: "info"
+	}),
+	success: (e, t) => Z(e, {
+		...t,
+		type: "success"
+	}),
+	warning: (e, t) => Z(e, {
+		...t,
+		type: "warning"
+	}),
+	error: (e, t) => Z(e, {
+		...t,
+		type: "error"
+	}),
+	dismiss: Fr,
+	promise(e, t, n) {
+		let r = Z(t.pending, {
+			...n,
+			type: "info",
+			duration: 0
+		});
+		return e.then((e) => {
+			Z(typeof t.success == "function" ? t.success(e) : t.success, {
+				...n,
+				id: r,
+				type: "success",
+				duration: n?.duration ?? 5e3
+			});
+		}, (e) => {
+			Z(typeof t.error == "function" ? t.error(e) : t.error, {
+				...n,
+				id: r,
+				type: "error",
+				duration: n?.duration ?? 5e3
+			});
+		}), e;
+	}
+});
+function Lr() {
+	X.items.splice(0), X.adapter = null;
+}
+//#endregion
+//#region src/components/VddToastIcon.vue?vue&type=script&setup=true&lang.ts
+var Rr = {
+	class: "vdd-toast__icon",
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true"
+}, zr = {
+	key: 0,
+	d: "M5 8l2 2 4-4",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, Br = {
+	key: 1,
+	d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round"
+}, Vr = {
+	key: 2,
+	d: "M8 5v.01M8 7.5v3.5",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round"
+}, Hr = /* @__PURE__ */ u({
+	__name: "VddToastIcon",
+	props: { type: {} },
+	setup(t) {
+		return (n, r) => (T(), a("svg", Rr, [t.type === "warning" ? (T(), a(e, { key: 0 }, [r[0] ||= o("path", {
+			d: "M8 2.5L14 13.5H2L8 2.5z",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linejoin": "round"
+		}, null, -1), r[1] ||= o("path", {
+			d: "M8 7v2.5M8 11.5v.01",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round"
+		}, null, -1)], 64)) : (T(), a(e, { key: 1 }, [r[2] ||= o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "7",
+			stroke: "currentColor",
+			"stroke-width": "1.5"
+		}, null, -1), t.type === "success" ? (T(), a("path", zr)) : t.type === "error" ? (T(), a("path", Br)) : (T(), a("path", Vr))], 64))]));
+	}
+}), Ur = ["data-vdd-toast"], Wr = /* @__PURE__ */ u({
+	__name: "VddToastItem",
+	props: {
+		toast: {},
+		isLeft: { type: Boolean },
+		showProgress: { type: Boolean },
+		pauseOnHover: { type: Boolean },
+		animation: {},
+		defaultDuration: {},
+		defaultClosable: { type: Boolean }
+	},
+	emits: ["exited"],
+	setup(t, { emit: s }) {
+		let l = t, u = s, d = V("card"), f = V("body"), p = n(() => l.toast.options.type ?? "info"), m = n(() => l.toast.options.duration ?? l.defaultDuration), h = n(() => l.toast.options.closable ?? l.defaultClosable), g = n(() => l.toast.options.icon ?? null), v = k(l.animation === "none" ? "vdd-toast--visible" : l.animation === "fade" ? "vdd-toast--fade-entering" : l.isLeft ? "vdd-toast--entering-left" : "vdd-toast--entering"), w = k(!1), E = null, D = 0, O = 0;
+		function A(e) {
+			e <= 0 || (O = Date.now(), E = setTimeout(() => Nr(l.toast.id), e));
+		}
+		function j() {
+			E &&= (clearTimeout(E), null);
+		}
+		H([m, () => l.toast.revision], () => {
+			j(), D = m.value, A(m.value);
+		}, { immediate: !0 });
+		function M() {
+			l.pauseOnHover && m.value !== 0 && E && (j(), D = Math.max(0, D - (Date.now() - O)), w.value = !0);
+		}
+		function P() {
+			l.pauseOnHover && m.value !== 0 && (w.value = !1, A(D));
+		}
+		let F = null;
+		function L() {
+			let e = d.value;
+			e && !l.toast.exiting && (e.style.maxHeight = `${e.scrollHeight}px`);
+		}
+		C(() => {
+			L(), typeof ResizeObserver < "u" && f.value && (F = new ResizeObserver(L), F.observe(f.value)), l.animation !== "none" && requestAnimationFrame(() => {
+				v.value = "vdd-toast--visible";
+			});
+		});
+		let R = null;
+		H(() => l.toast.exiting, (e) => {
+			if (e) {
+				if (j(), F?.disconnect(), F = null, l.animation === "none" || !d.value) {
+					u("exited", l.toast.id);
+					return;
+				}
+				R = setTimeout(() => u("exited", l.toast.id), 520);
+			}
+		}, { immediate: !0 });
+		function B(e) {
+			l.toast.exiting && e.propertyName === "max-height" && u("exited", l.toast.id);
+		}
+		return S(() => {
+			j(), R && clearTimeout(R), F?.disconnect();
+		}), (n, s) => (T(), a("div", {
+			ref_key: "card",
+			ref: d,
+			role: "status",
+			"aria-live": "polite",
+			class: y(["vdd-toast", [
+				`vdd-toast--${p.value}`,
+				v.value,
+				{
+					"vdd-toast--exiting": t.toast.exiting,
+					"vdd-toast--paused": w.value
+				}
+			]]),
+			"data-vdd-toast": t.toast.id,
+			onMouseenter: M,
+			onMouseleave: P,
+			onTransitionend: B
+		}, [
+			g.value ? (T(), r(N(g.value), { key: 0 })) : (T(), r(Hr, {
+				key: 1,
+				type: p.value
+			}, null, 8, ["type"])),
+			o("div", {
+				ref_key: "body",
+				ref: f,
+				class: "vdd-toast__body"
+			}, [t.toast.options.content ? (T(), r(N(t.toast.options.content), b(_({ key: 0 }, t.toast.options.contentProps)), null, 16)) : (T(), a(e, { key: 1 }, [c(I(t.toast.message), 1)], 64))], 512),
+			h.value ? (T(), a("button", {
+				key: 2,
+				type: "button",
+				class: "vdd-toast__close",
+				"aria-label": "Close notification",
+				"data-vdd-toast-close": "",
+				onClick: s[0] ||= (e) => z(Nr)(t.toast.id)
+			}, [...s[1] ||= [o("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				"aria-hidden": "true"
+			}, [o("path", {
+				d: "M4 4l8 8M12 4l-8 8",
+				stroke: "currentColor",
+				"stroke-width": "1.5",
+				"stroke-linecap": "round"
+			})], -1)]])) : i("", !0),
+			t.showProgress && m.value > 0 ? (T(), a("div", {
+				key: 3,
+				class: "vdd-toast__progress",
+				style: x({ animationDuration: `${m.value}ms` })
+			}, null, 4)) : i("", !0)
+		], 42, Ur));
+	}
+}), Gr = /* @__PURE__ */ u({
+	__name: "VddToasts",
+	props: {
+		position: { default: "top-right" },
+		maxVisible: { default: 3 },
+		defaultDuration: { default: 5e3 },
+		defaultClosable: {
+			type: Boolean,
+			default: !0
+		},
+		pauseOnHover: {
+			type: Boolean,
+			default: !0
+		},
+		animation: { default: "slide" },
+		newestOnTop: {
+			type: Boolean,
+			default: !1
+		},
+		progressBar: {
+			type: Boolean,
+			default: !1
+		},
+		width: { default: 320 },
+		adapter: {}
+	},
+	setup(s) {
+		let c = s;
+		H(() => c.adapter, (e) => {
+			X.adapter = e ?? null;
+		}, { immediate: !0 }), S(() => {
+			X.adapter === c.adapter && (X.adapter = null);
+		});
+		let l = n(() => {
+			let e = [], t = 0;
+			for (let n of X.items) {
+				if (n.exiting) {
+					e.push(n);
+					continue;
+				}
+				if (t >= c.maxVisible) break;
+				e.push(n), t++;
+			}
+			return c.newestOnTop ? [...e].reverse() : e;
+		});
+		H(() => X.items.map((e) => `${e.id}:${e.exiting}`).join(","), () => {
+			let e = new Set(l.value.map((e) => e.id));
+			for (let t of [...X.items]) t.exiting && !e.has(t.id) && Pr(t.id);
+		}, { immediate: !0 });
+		let u = n(() => c.position.endsWith("left"));
+		return (n, c) => s.adapter ? (T(), r(t, {
+			key: 0,
+			to: "body"
+		}, [s.adapter.component ? (T(), r(N(s.adapter.component), {
+			key: 0,
+			position: s.position
+		}, null, 8, ["position"])) : i("", !0)])) : (T(), r(t, {
+			key: 1,
+			to: "body"
+		}, [o("div", {
+			class: y(["vdd-toast-container", [`vdd-toast-container--${s.position}`, s.newestOnTop ? "vdd-toast-container--newest-top" : "vdd-toast-container--newest-bottom"]]),
+			style: x({ width: `${s.width}px` }),
+			"aria-label": "Notifications",
+			"aria-live": "polite",
+			"data-vdd-toasts": ""
+		}, [(T(!0), a(e, null, A(l.value, (e) => (T(), r(Wr, {
+			key: e.id,
+			toast: e,
+			"is-left": u.value,
+			"show-progress": s.progressBar,
+			"pause-on-hover": s.pauseOnHover,
+			animation: s.animation,
+			"default-duration": s.defaultDuration,
+			"default-closable": s.defaultClosable,
+			onExited: z(Pr)
+		}, null, 8, [
+			"toast",
+			"is-left",
+			"show-progress",
+			"pause-on-hover",
+			"animation",
+			"default-duration",
+			"default-closable",
+			"onExited"
+		]))), 128))], 6)]));
+	}
+}), Q = (e) => e === "width" || e === "both", $ = (e) => e === "height" || e === "both", Kr = (e, t) => t === "inline" ? $(e) ? "both" : "width" : Q(e) ? "both" : "height", qr = (e, t) => t === "inline" ? e === "both" ? "height" : Q(e) ? null : e : e === "both" ? "width" : $(e) ? null : e, Jr = (e, t) => $(t) ? [] : Q(t) ? e.startsWith("top-") ? ["top-left", "top-right"] : ["bottom-left", "bottom-right"] : [e], Yr = [
+	"top-left",
+	"top-right",
+	"bottom-left",
+	"bottom-right"
+];
+function Xr(e, t, n) {
+	let r = t - e.left, i = n - e.top;
+	return r < 80 && i < 80 ? "top-left" : r > e.width - 80 && i < 80 ? "top-right" : r < 80 && i > e.height - 80 ? "bottom-left" : r > e.width - 80 && i > e.height - 80 ? "bottom-right" : null;
+}
+var Zr = (e) => e.endsWith("-left") ? e.replace("-left", "-right") : e.replace("-right", "-left");
+function Qr(e, t) {
+	return {
+		left: (t ? e.inlineEnd : e.inlineStart) + 8,
+		right: (t ? e.inlineStart : e.inlineEnd) + 8,
+		top: e.top,
+		bottom: e.bottom
+	};
+}
+function $r(e, t, n, r) {
+	if (e === "free") return [
+		"n",
+		"ne",
+		"e",
+		"se",
+		"s",
+		"sw",
+		"w",
+		"nw"
+	];
+	let i = t.startsWith("top-") ? "s" : "n", a = t.endsWith("-right") === r ? "e" : "w", o = Q(n), s = $(n), c = [];
+	return c.push(...o ? ["e", "w"] : [a]), c.push(...s ? ["n", "s"] : [i]), !o && !s && c.push(`${i}${a}`), c;
+}
+function ei(e, t, n, r) {
+	let i = e;
+	if (n.inline) {
+		let e = t.includes("e");
+		i = `${i.startsWith("top-") ? "top" : "bottom"}-${e === r ? "right" : "left"}`;
+	}
+	return n.block && (i = `${t.includes("s") ? "top" : "bottom"}-${i.endsWith("-right") ? "right" : "left"}`), i;
+}
+function ti(e, t, n, r, i) {
+	let a = t.length === 0, o = 0;
+	for (let s of t) {
+		let t = n[s] ?? [], c = t.indexOf(e);
+		if (c === -1) continue;
+		a = !0;
+		let l = 0;
+		for (let e = 0; e < c; e++) l += (r[t[e]] ?? i) + 8;
+		o = Math.max(o, l);
+	}
+	return {
+		offset: o,
+		registered: a
+	};
+}
+//#endregion
+//#region src/core/overlayState.ts
+var ni = Symbol("vdd-panel-overlay");
+function ri() {
+	let e = F(null), t = D({
+		top: 0,
+		bottom: 0,
+		inlineStart: 0,
+		inlineEnd: 0
+	}), n = k(null), r = D({}), i = D({
+		"top-left": [],
+		"top-right": [],
+		"bottom-left": [],
+		"bottom-right": []
+	}), a = D({}), o = k(null), s = k(null), c = /* @__PURE__ */ new Map(), l = k(0), u = 100, d = (e) => e === "top" ? "top" : e === "bottom" ? "bottom" : e === "left" ? "inlineStart" : "inlineEnd";
+	return {
+		container: e,
+		insets: t,
+		topId: n,
+		zOrders: r,
+		stacks: i,
+		dockedSizes: a,
+		draggingId: o,
+		hovered: s,
+		managed: c,
+		managedVersion: l,
+		registerToolbar: (e, n) => {
+			t[d(e)] = n;
+		},
+		unregisterToolbar: (e) => {
+			t[d(e)] = 0;
+		},
+		focus: (e) => {
+			u += 1, r[e] = u, n.value = e;
+		},
+		dock: (e, t, n) => {
+			let r = Jr(t, n);
+			for (let t of Yr) {
+				let n = i[t].filter((t) => t !== e), a = r.includes(t) ? [...n, e] : n;
+				a.length === i[t].length && a.every((e, n) => e === i[t][n]) || (i[t] = a);
+			}
+		},
+		undock: (e) => {
+			for (let t of Yr) i[t].includes(e) && (i[t] = i[t].filter((t) => t !== e));
+		},
+		reportSize: (e, t) => {
+			a[e] !== t && (a[e] = t);
+		},
+		openManaged: (e, t) => {
+			c.set(e, {
+				...t,
+				component: h(t.component)
+			}), l.value++;
+		},
+		closeManaged: (e) => {
+			c.delete(e) && l.value++;
+		},
+		closeAllManaged: () => {
+			c.size !== 0 && (c.clear(), l.value++);
+		},
+		managedIds: () => (l.value, Array.from(c.keys()))
+	};
+}
+//#endregion
+//#region src/composables/usePanelOverlay.ts
+function ii() {
+	let e = p(ni, null);
+	if (!e) throw Error("[vue-dockable-desktop] This component must be used inside a <VddPanelOverlay>. Wrap your panel content in one to enable toolbars and floating widgets.");
+	return e;
+}
+function ai() {
+	return p(ni, null);
+}
+function oi() {
+	let e = ii();
+	return {
+		openIds: n(() => e.managedIds()),
+		open: e.openManaged,
+		close: e.closeManaged,
+		closeAll: e.closeAllManaged,
+		isOpen: (t) => (e.managedVersion.value, e.managed.has(t))
+	};
+}
+//#endregion
+//#region src/components/VddFloatingWidget.vue?vue&type=script&setup=true&lang.ts
+var si = ["dir", "data-vdd-widget"], ci = {
+	key: 0,
+	class: "vdd-panel-float__icon"
+}, li = { class: "vdd-panel-float__title" }, ui = ["title", "aria-label"], di = { class: "vdd-panel-float__body" }, fi = ["data-vdd-widget-resize", "onPointerdown"], pi = /* @__PURE__ */ u({
+	__name: "VddFloatingWidget",
+	props: /*@__PURE__*/ g({
+		widgetId: {},
+		title: {},
+		icon: {},
+		width: { default: 320 },
+		height: { default: 240 },
+		stretchable: {
+			type: Boolean,
+			default: !0
+		}
+	}, {
+		open: {
+			type: Boolean,
+			default: !0
+		},
+		openModifiers: {},
+		placement: { default: () => ({
+			anchor: "top-right",
+			stretch: null
+		}) },
+		placementModifiers: {}
+	}),
+	emits: ["update:open", "update:placement"],
+	setup(t) {
+		let s = t, c = B(t, "open"), l = B(t, "placement"), u = J(), d = ai(), f = V("el"), p = n(() => u.state.isRtl), m = n(() => l.value.anchor), h = n(() => l.value.stretch), g = k("docked"), _ = k(null), v = k({
+			w: s.width,
+			h: s.height
+		}), b = k({
+			inline: !1,
+			block: !1
+		});
+		function C(e, t) {
+			l.value = {
+				anchor: e,
+				stretch: t
+			};
+		}
+		H([
+			() => c.value,
+			g,
+			m,
+			h
+		], ([e, t]) => {
+			if (d && e) {
+				if (t !== "docked") {
+					d.undock(s.widgetId);
+					return;
+				}
+				d.dock(s.widgetId, m.value, h.value);
+			}
+		}, { immediate: !0 }), H(() => v.value.h, (e) => d?.reportSize(s.widgetId, e), { immediate: !0 }), S(() => d?.undock(s.widgetId));
+		let w = !1;
+		H([
+			g,
+			m,
+			h
+		], () => {
+			if (process.env.NODE_ENV === "production" || w || !d || g.value !== "docked" || !$(h.value)) return;
+			let e = m.value.endsWith("-right") ? "right" : "left", t = [`top-${e}`, `bottom-${e}`].flatMap((e) => d.stacks[e] ?? []).filter((e) => e !== s.widgetId);
+			t.length !== 0 && (w = !0, console.warn(`[vue-dockable-desktop] <VddFloatingWidget> "${s.widgetId}" stretches the block axis ("${h.value}") while ${t.length} other widget(s) are anchored to the same side (${t.join(", ")}). A block-stretched widget spans the axis stacking uses to separate siblings, so it cannot stack and will overlap them — z-order decides which is on top. Give it a fixed height, or move the others to the opposite side.`));
+		});
+		let E = n(() => d?.zOrders[s.widgetId] ?? 101), D = n(() => !d || d.topId.value === s.widgetId), O = () => Qr(d?.insets ?? {
+			top: 0,
+			bottom: 0,
+			inlineStart: 0,
+			inlineEnd: 0
+		}, p.value);
+		function M() {
+			let e = f.value?.offsetParent;
+			return {
+				cw: e?.clientWidth ?? 9999,
+				ch: e?.clientHeight ?? 9999
+			};
+		}
+		let P = n(() => !d || g.value !== "docked" ? {
+			offset: 0,
+			registered: !0
+		} : ti(s.widgetId, Jr(m.value, h.value), d.stacks, d.dockedSizes, s.height)), F = n(() => {
+			if (g.value !== "docked" || !d) return {
+				left: `${_.value?.x ?? 0}px`,
+				top: `${_.value?.y ?? 0}px`,
+				width: `${v.value.w}px`,
+				height: `${v.value.h}px`,
+				zIndex: E.value
+			};
+			let e = O(), t = {
+				zIndex: E.value,
+				opacity: P.value.registered ? void 0 : 0,
+				pointerEvents: P.value.registered ? void 0 : "none"
+			};
+			return Q(h.value) ? (t.insetInlineStart = `${d.insets.inlineStart + 8}px`, t.insetInlineEnd = `${d.insets.inlineEnd + 8}px`) : (t[m.value.endsWith("-right") ? "insetInlineEnd" : "insetInlineStart"] = "8px", t.width = `${v.value.w}px`), $(h.value) ? (t.top = `${e.top}px`, t.bottom = `${e.bottom}px`) : m.value.startsWith("top-") ? (t.top = `${e.top + P.value.offset}px`, t.height = `${v.value.h}px`) : (t.bottom = `${e.bottom + P.value.offset}px`, t.height = `${v.value.h}px`), t;
+		}), L = n(() => $r(g.value, m.value, h.value, p.value)), R = null;
+		function ee(e) {
+			if (e.button !== 0) return;
+			e.preventDefault();
+			let t, n;
+			if (g.value === "docked") {
+				let e = f.value, r = d?.container.value;
+				if (e && r) {
+					let i = e.getBoundingClientRect(), a = r.getBoundingClientRect();
+					t = i.left - a.left, n = i.top - a.top;
+				} else t = 8, n = d?.insets.top ?? 0;
+			} else t = _.value?.x ?? 0, n = _.value?.y ?? 0;
+			R = {
+				mouseX: e.clientX,
+				mouseY: e.clientY,
+				posX: t,
+				posY: n,
+				moved: !1
+			}, f.value?.setPointerCapture(e.pointerId);
+		}
+		function te(e) {
+			if (!R) return;
+			if (!R.moved) {
+				if (Math.abs(e.clientX - R.mouseX) + Math.abs(e.clientY - R.mouseY) < 4) return;
+				if (R.moved = !0, g.value === "docked") {
+					if (h.value) {
+						let e = f.value?.getBoundingClientRect();
+						e && (v.value = {
+							w: Math.round(e.width),
+							h: Math.round(e.height)
+						}), C(m.value, null);
+					}
+					d?.undock(s.widgetId), g.value = "free";
+				}
+				document.body.classList.add("vdd-dragging-active"), d && (d.draggingId.value = s.widgetId);
+			}
+			let { cw: t, ch: n } = M();
+			_.value = {
+				x: Math.max(0, Math.min(R.posX + e.clientX - R.mouseX, t - v.value.w)),
+				y: Math.max(0, Math.min(R.posY + e.clientY - R.mouseY, n - v.value.h))
+			};
+			let r = d?.container.value;
+			if (r && d) {
+				let t = Xr(r.getBoundingClientRect(), e.clientX, e.clientY);
+				d.hovered.value = t && p.value ? Zr(t) : t;
+			}
+		}
+		function ne() {
+			if (R?.moved && d) {
+				let e = d.hovered.value;
+				e && (g.value = "docked", _.value = null, C(e, h.value)), d.hovered.value = null, d.draggingId.value = null;
+			}
+			document.body.classList.remove("vdd-dragging-active"), R = null;
+		}
+		function U() {
+			R?.moved && d && (d.hovered.value = null, d.draggingId.value = null), document.body.classList.remove("vdd-dragging-active"), R = null;
+		}
+		function re(e, t) {
+			if (t.button !== 0) return;
+			t.preventDefault(), t.stopPropagation();
+			let n = 0, r = 0;
+			if (g.value === "free") n = _.value?.x ?? 0, r = _.value?.y ?? 0;
+			else {
+				let e = f.value, t = e?.offsetParent;
+				if (e && t) {
+					let i = e.getBoundingClientRect(), a = t.getBoundingClientRect();
+					n = i.left - a.left, r = i.top - a.top;
+				}
+			}
+			let i = f.value?.getBoundingClientRect(), a = {
+				x: n,
+				y: r,
+				w: Q(h.value) && i ? i.width : v.value.w,
+				h: $(h.value) && i ? i.height : v.value.h
+			}, o = e.includes("e") || e.includes("w"), c = e.includes("n") || e.includes("s"), l = !1, u = {
+				inline: !1,
+				block: !1
+			};
+			function d() {
+				if (l || g.value !== "docked") return;
+				let t = h.value, n = {
+					inline: o && Q(t),
+					block: c && $(t)
+				};
+				if (!n.inline && !n.block) return;
+				l = !0;
+				let r = t;
+				n.inline && (r = qr(r, "inline")), n.block && (r = qr(r, "block")), C(ei(m.value, e, n, p.value), r);
+			}
+			Y({
+				element: t.currentTarget,
+				pointerId: t.pointerId,
+				startClientX: t.clientX,
+				startClientY: t.clientY,
+				captureStart: () => a,
+				activeClasses: [{
+					el: document.body,
+					classes: ["vdd-resizing-active"]
+				}],
+				onMove: (t, n, r) => {
+					let { cw: i, ch: a } = M(), f = g.value === "docked" ? O() : {
+						left: 0,
+						right: 0,
+						top: 0,
+						bottom: 0
+					}, p = at(e, t, n, r, {
+						minW: 120,
+						minH: 60,
+						maxW: i - f.right - r.x,
+						maxH: a - f.bottom - r.y,
+						minX: f.left,
+						minY: f.top
+					});
+					if (d(), g.value === "docked" && s.stretchable) {
+						let e = i - f.left - f.right, t = a - f.top - f.bottom - P.value.offset, n = h.value, r = { ...u };
+						o && !Q(n) && (p.w >= e - 16 ? r.inline = !0 : u.inline && p.w < e - 40 && (r.inline = !1)), c && !$(n) && (p.h >= t - 16 ? r.block = !0 : u.block && p.h < t - 40 && (r.block = !1)), (r.inline !== u.inline || r.block !== u.block) && (u = r, b.value = r);
+					}
+					let m = l ? qr(qr(h.value, o ? "inline" : "block"), c ? "block" : "inline") : h.value;
+					v.value = {
+						w: Q(m) ? v.value.w : p.w,
+						h: $(m) ? v.value.h : p.h
+					}, g.value === "free" && (_.value = {
+						x: p.x,
+						y: p.y
+					});
+				},
+				onEnd: (e) => {
+					if (!u.inline && !u.block) {
+						(b.value.inline || b.value.block) && (b.value = {
+							inline: !1,
+							block: !1
+						});
+						return;
+					}
+					v.value = {
+						w: u.inline ? e.w : v.value.w,
+						h: u.block ? e.h : v.value.h
+					};
+					let t = h.value;
+					u.inline && (t = Kr(t, "inline")), u.block && (t = Kr(t, "block")), C(m.value, t), b.value = {
+						inline: !1,
+						block: !1
+					};
+				}
+			});
+		}
+		return (n, s) => c.value ? (T(), a("div", {
+			key: 0,
+			ref_key: "el",
+			ref: f,
+			class: y(["vdd-panel-float", {
+				"vdd-panel-float--active": D.value,
+				"vdd-panel-float--snapping": b.value.inline || b.value.block
+			}]),
+			style: x(F.value),
+			dir: z(u).state.dir,
+			"data-vdd-widget": t.widgetId,
+			onPointerdown: s[2] ||= (e) => z(d)?.focus(t.widgetId),
+			onPointermove: te,
+			onPointerup: ne,
+			onPointercancel: U
+		}, [
+			o("div", {
+				class: "vdd-panel-float__header",
+				"data-vdd-widget-header": "",
+				onPointerdown: ee
+			}, [
+				t.icon ? (T(), a("span", ci, [(T(), r(N(t.icon)))])) : i("", !0),
+				o("span", li, I(z(u).format(t.title)), 1),
+				o("button", {
+					type: "button",
+					class: "vdd-panel-float__close",
+					title: z(u).format(z(u).messages.close),
+					"aria-label": z(u).format(z(u).messages.close),
+					"data-vdd-widget-close": "",
+					onClick: s[0] ||= (e) => c.value = !1,
+					onPointerdown: s[1] ||= W(() => {}, ["stop"])
+				}, [...s[3] ||= [o("svg", {
+					width: "8",
+					height: "8",
+					viewBox: "0 0 10 10",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "1.5",
+					"stroke-linecap": "round"
+				}, [o("line", {
+					x1: "1",
+					y1: "1",
+					x2: "9",
+					y2: "9"
+				}), o("line", {
+					x1: "9",
+					y1: "1",
+					x2: "1",
+					y2: "9"
+				})], -1)]], 40, ui)
+			], 32),
+			o("div", di, [j(n.$slots, "default")]),
+			(T(!0), a(e, null, A(L.value, (e) => (T(), a("div", {
+				key: e,
+				class: y(["vdd-resize-handle", `vdd-resize-${e}`]),
+				"data-vdd-widget-resize": e,
+				onPointerdown: (t) => re(e, t)
+			}, null, 42, fi))), 128))
+		], 46, si)) : i("", !0);
+	}
+}), mi = ["data-vdd-dropzone"], hi = /* @__PURE__ */ u({
+	__name: "VddPanelOverlay",
+	setup(t) {
+		let o = ri();
+		E(ni, o);
+		let s = V("root");
+		ne(() => {
+			o.container.value = s.value;
+		});
+		let c = n(() => o.managedIds().map((e) => ({
+			id: e,
+			widget: o.managed.get(e)
+		}))), l = n(() => o.draggingId.value !== null);
+		return (t, n) => (T(), a("div", {
+			ref_key: "root",
+			ref: s,
+			class: y(["vdd-panel-overlay-root", { "vdd-dragging-active": l.value }]),
+			"data-vdd-panel-overlay": ""
+		}, [
+			j(t.$slots, "default"),
+			l.value ? (T(!0), a(e, { key: 0 }, A(z(Yr), (e) => (T(), a("div", {
+				key: e,
+				class: y(["vdd-panel-float-dropzone", [`vdd-panel-float-dropzone--${e}`, { "vdd-panel-float-dropzone--hovered": z(o).hovered.value === e }]]),
+				"data-vdd-dropzone": e,
+				"aria-hidden": "true"
+			}, null, 10, mi))), 128)) : i("", !0),
+			(T(!0), a(e, null, A(c.value, ({ id: e, widget: t }) => (T(), r(pi, {
+				key: e,
+				"widget-id": e,
+				title: t.title,
+				icon: t.icon,
+				open: !0,
+				placement: {
+					anchor: t.anchor ?? "top-right",
+					stretch: t.stretch ?? null
+				},
+				width: t.width ?? 320,
+				height: t.height ?? 240,
+				"onUpdate:open": (t) => {
+					t || z(o).closeManaged(e);
+				}
+			}, {
+				default: U(() => [(T(), r(N(t.component), _({ ref_for: !0 }, t.props), null, 16))]),
+				_: 2
+			}, 1032, [
+				"widget-id",
+				"title",
+				"icon",
+				"placement",
+				"width",
+				"height",
+				"onUpdate:open"
+			]))), 128))
+		], 2));
+	}
+}), gi = [
+	"data-variant",
+	"data-btn-variant",
+	"data-vdd-panel-toolbar",
+	"aria-orientation"
+], _i = /* @__PURE__ */ u({
+	__name: "VddPanelToolbar",
+	props: {
+		position: {},
+		variant: { default: "transparent" },
+		buttonVariant: { default: "ghost" },
+		buttonSize: {}
+	},
+	setup(e) {
+		let t = e, r = ii(), i = V("el"), o = n(() => t.position === "top" || t.position === "bottom"), s = null;
+		ne((e) => {
+			let n = i.value, a = t.position;
+			if (!n) return;
+			let c = () => {
+				r.registerToolbar(a, o.value ? n.offsetHeight : n.offsetWidth);
+			};
+			c(), typeof ResizeObserver < "u" && (s = new ResizeObserver(c), s.observe(n)), e(() => {
+				s?.disconnect(), s = null, r.unregisterToolbar(a);
+			});
+		}), S(() => r.unregisterToolbar(t.position));
+		let c = n(() => {
+			switch (t.position) {
+				case "top": return {
+					top: "0px",
+					left: "0px",
+					right: "0px"
+				};
+				case "bottom": return {
+					bottom: "0px",
+					left: "0px",
+					right: "0px"
+				};
+				case "left": return {
+					insetInlineStart: "0px",
+					top: `${r.insets.top}px`,
+					bottom: `${r.insets.bottom}px`
+				};
+				default: return {
+					insetInlineEnd: "0px",
+					top: `${r.insets.top}px`,
+					bottom: `${r.insets.bottom}px`
+				};
+			}
+		}), l = n(() => t.buttonSize == null ? {} : { "--vdd-panel-toolbar-btn-size": `${t.buttonSize}px` });
+		return (t, n) => (T(), a("div", {
+			ref_key: "el",
+			ref: i,
+			class: y(["vdd-panel-toolbar", `vdd-panel-toolbar--${e.position}`]),
+			"data-variant": e.variant,
+			"data-btn-variant": e.buttonVariant,
+			"data-vdd-panel-toolbar": e.position,
+			style: x({
+				...c.value,
+				...l.value
+			}),
+			role: "toolbar",
+			"aria-orientation": o.value ? "horizontal" : "vertical"
+		}, [j(t.$slots, "default")], 14, gi));
+	}
+}), vi = [
+	"title",
+	"aria-label",
+	"disabled",
+	"data-variant"
+], yi = /* @__PURE__ */ u({
+	__name: "VddToolbarButton",
+	props: {
+		title: {},
+		disabled: { type: Boolean },
+		variant: {}
+	},
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = t;
+		return (t, r) => (T(), a("button", {
+			type: "button",
+			class: "vdd-panel-toolbar-btn",
+			title: e.title,
+			"aria-label": e.title,
+			disabled: e.disabled,
+			"data-variant": e.variant,
+			onClick: r[0] ||= (e) => n("click")
+		}, [j(t.$slots, "default")], 8, vi));
+	}
+}), bi = [
+	"title",
+	"aria-label",
+	"aria-pressed",
+	"disabled",
+	"data-variant"
+], xi = /* @__PURE__ */ u({
+	__name: "VddToolbarToggle",
+	props: /*@__PURE__*/ g({
+		title: {},
+		disabled: { type: Boolean },
+		variant: {}
+	}, {
+		active: {
+			type: Boolean,
+			default: !1
+		},
+		activeModifiers: {}
+	}),
+	emits: ["update:active"],
+	setup(e) {
+		let t = B(e, "active");
+		return (n, r) => (T(), a("button", {
+			type: "button",
+			class: y(["vdd-panel-toolbar-btn", { "vdd-panel-toolbar-btn--active": t.value }]),
+			title: e.title,
+			"aria-label": e.title,
+			"aria-pressed": t.value,
+			disabled: e.disabled,
+			"data-variant": e.variant,
+			onClick: r[0] ||= (e) => t.value = !t.value
+		}, [j(n.$slots, "default")], 10, bi));
+	}
+}), Si = {
+	class: "vdd-panel-toolbar__sep",
+	"aria-hidden": "true"
+}, Ci = /* @__PURE__ */ u({
+	__name: "VddToolbarSeparator",
+	setup(e) {
+		return (e, t) => (T(), a("span", Si));
+	}
+}), wi = {
+	class: "vdd-panel-toolbar__spacer",
+	"aria-hidden": "true"
+}, Ti = /* @__PURE__ */ u({
+	__name: "VddToolbarSpacer",
+	setup(e) {
+		return (e, t) => (T(), a("span", wi));
+	}
+}), Ei = { class: "vdd-panel-toolbar__item" }, Di = /* @__PURE__ */ u({
+	__name: "VddToolbarItem",
+	setup(e) {
+		return (e, t) => (T(), a("span", Ei, [j(e.$slots, "default")]));
+	}
+}), Oi = { class: "vdd-panel-toolbar__center" }, ki = /* @__PURE__ */ u({
+	__name: "VddToolbarCenter",
+	setup(e) {
+		return (e, t) => (T(), a("div", Oi, [j(e.$slots, "default")]));
+	}
+}), Ai = ["title", "aria-label"], ji = ["placeholder"], Mi = {
+	key: 0,
+	class: "vdd-panel-toolbar-search__group"
+}, Ni = ["data-vdd-search-result", "onClick"], Pi = {
+	key: 0,
+	class: "vdd-panel-toolbar-search__item-icon"
+}, Fi = { class: "vdd-panel-toolbar-search__item-label" }, Ii = {
+	key: 1,
+	class: "vdd-panel-toolbar-search__item-desc"
+}, Li = /* @__PURE__ */ u({
+	__name: "VddToolbarSearch",
+	props: {
+		placeholder: {},
+		search: {},
+		debounce: { default: 300 }
+	},
+	emits: ["select"],
+	setup(s, { emit: c }) {
+		let l = s, u = c, d = J(), f = V("root"), p = V("input"), m = k(!1), h = k(""), g = k([]), _ = k(null), b = null, C = null;
+		function w() {
+			b?.abort(), b = null, C &&= (clearTimeout(C), null);
+		}
+		async function E() {
+			m.value = !0, await v(), p.value?.focus({ preventScroll: !0 });
+		}
+		function D() {
+			m.value = !1, h.value = "", g.value = [], _.value = null, w();
+		}
+		function O() {
+			let e = f.value;
+			if (!e || g.value.length === 0) {
+				_.value = null;
+				return;
+			}
+			let t = e.getBoundingClientRect(), n = Math.max(t.width, 240), r = Math.min(t.left, window.innerWidth - n - 8);
+			_.value = {
+				top: t.bottom + 4,
+				left: Math.max(8, r),
+				width: n
+			};
+		}
+		function j() {
+			if (w(), !h.value.trim()) {
+				g.value = [], _.value = null;
+				return;
+			}
+			C = setTimeout(async () => {
+				let e = new AbortController();
+				b = e;
+				try {
+					let t = await l.search(h.value, e.signal);
+					if (e.signal.aborted) return;
+					g.value = t, O();
+				} catch {}
+			}, l.debounce);
+		}
+		function M(e) {
+			u("select", e), D();
+		}
+		function P(e) {
+			let t = e.relatedTarget;
+			t instanceof Node && f.value?.contains(t) || D();
+		}
+		let F = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of g.value) {
+				let n = t.group ?? "", r = e.get(n);
+				r ? r.push(t) : e.set(n, [t]);
+			}
+			return Array.from(e, ([e, t]) => ({
+				group: e,
+				items: t
+			}));
+		});
+		return S(w), (n, c) => (T(), a("div", {
+			ref_key: "root",
+			ref: f,
+			class: y(["vdd-panel-toolbar-search", { "vdd-panel-toolbar-search--open": m.value }]),
+			"data-vdd-toolbar-search": "",
+			onFocusout: P
+		}, [
+			o("button", {
+				type: "button",
+				class: "vdd-panel-toolbar-btn",
+				title: z(d).format(z(d).messages.search),
+				"aria-label": z(d).format(z(d).messages.search),
+				"data-vdd-search-toggle": "",
+				onClick: c[0] ||= (e) => m.value ? D() : E()
+			}, [...c[3] ||= [o("svg", {
+				width: "14",
+				height: "14",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "1.5",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [o("circle", {
+				cx: "6.5",
+				cy: "6.5",
+				r: "4.5"
+			}), o("line", {
+				x1: "10",
+				y1: "10",
+				x2: "14",
+				y2: "14"
+			})], -1)]], 8, Ai),
+			m.value ? re((T(), a("input", {
+				key: 0,
+				ref_key: "input",
+				ref: p,
+				"onUpdate:modelValue": c[1] ||= (e) => h.value = e,
+				class: "vdd-panel-toolbar-search__input",
+				type: "text",
+				placeholder: s.placeholder ?? z(d).format(z(d).messages.search),
+				autocomplete: "off",
+				"data-vdd-search-input": "",
+				onInput: j,
+				onKeydown: ie(D, ["esc"])
+			}, null, 40, ji)), [[te, h.value]]) : i("", !0),
+			_.value && g.value.length ? (T(), r(t, {
+				key: 1,
+				to: "body"
+			}, [o("div", {
+				class: "vdd-panel-toolbar-search__dropdown",
+				style: x({
+					position: "fixed",
+					top: `${_.value.top}px`,
+					left: `${_.value.left}px`,
+					width: `${_.value.width}px`
+				}),
+				"data-vdd-search-results": "",
+				onMousedown: c[2] ||= W(() => {}, ["prevent"])
+			}, [(T(!0), a(e, null, A(F.value, ({ group: t, items: n }) => (T(), a(e, { key: t || "__default__" }, [t ? (T(), a("div", Mi, I(t), 1)) : i("", !0), (T(!0), a(e, null, A(n, (e) => (T(), a("button", {
+				key: e.id,
+				type: "button",
+				class: "vdd-panel-toolbar-search__item",
+				"data-vdd-search-result": e.id,
+				onClick: (t) => M(e)
+			}, [
+				e.icon ? (T(), a("span", Pi, [(T(), r(N(e.icon)))])) : i("", !0),
+				o("span", Fi, I(e.label), 1),
+				e.description ? (T(), a("span", Ii, I(e.description), 1)) : i("", !0)
+			], 8, Ni))), 128))], 64))), 128))], 36)])) : i("", !0)
+		], 34));
+	}
+});
+//#endregion
+//#region src/composables/useContextMenu.ts
+function Ri() {
+	let e = J();
+	return (t) => e.showContextMenu(t);
+}
+function zi(e) {
+	let t = J(), { id: n } = kt();
+	if (n === "standalone") {
+		process.env.NODE_ENV !== "production" && console.warn("[vue-dockable-desktop] usePanelContextMenu() was called outside a panel, so it did nothing. This is expected when a panel component is rendered standalone.");
+		return;
+	}
+	let r = t.registerPanelMenu(n, e);
+	d() && w(r);
+}
+//#endregion
+//#region src/composables/useSidebar.ts
+function Bi() {
+	let e = p(Vn, null);
+	if (!e) throw Error("[vue-dockable-desktop] useSidebar() must be used inside a <VddSidebar>.");
+	return e;
+}
+function Vi() {
+	let e = p(Hn, null);
+	if (!e) throw Error("[vue-dockable-desktop] useSidebarTab() must be used inside a sidebar tab's content.");
+	return e;
+}
+//#endregion
+//#region src/composables/useToolbar.ts
+function Hi() {
+	return J().toolbar;
+}
+//#endregion
+//#region src/composables/useOverlays.ts
+function Ui() {
+	let { overlays: e } = J();
+	return {
+		stack: n(() => e.state.modals),
+		topmost: n(() => e.state.modals[e.state.modals.length - 1] ?? null),
+		open: e.openModal,
+		close: (t, n) => e.requestClose(t, n),
+		closeAll: e.closeAllModals
+	};
+}
+function Wi() {
+	let { overlays: e } = J();
+	return {
+		left: n(() => e.state.leftPanel),
+		right: n(() => e.state.rightPanel),
+		openLeft: e.openLeftPanel,
+		openRight: e.openRightPanel,
+		close: (t, n) => e.requestClose(t, n),
+		closeAll: () => {
+			for (let t of [e.state.leftPanel, e.state.rightPanel]) t && e.close(t.id);
+		}
+	};
+}
+//#endregion
+//#region src/composables/useContributions.ts
+function Gi(e) {
+	let t = J(), { id: n } = kt();
+	if (n === "standalone") {
+		process.env.NODE_ENV !== "production" && console.warn("[vue-dockable-desktop] usePanelContribution() was called outside a panel, so it did nothing. This is expected when a panel component is rendered standalone.");
+		return;
+	}
+	let r = t.contributions.publish(n, R(e)), i = H(() => R(e), (e) => {
+		let i = r;
+		r = t.contributions.publish(n, e), i();
+	}, { deep: !0 });
+	d() && w(() => {
+		i(), r();
+	});
+}
+function Ki() {
+	return J().activeContribution;
+}
+function qi(e) {
+	let t = Ki();
+	return n(() => Re(R(e), t.value));
+}
+function Ji(e, t) {
+	let r = Ki();
+	return n(() => ze(R(e), r.value, t));
+}
+//#endregion
+//#region src/composables/useColorScheme.ts
+var Yi = () => document.documentElement.getAttribute("data-color-scheme") === "light" ? "light" : "dark";
+function Xi() {
+	let e = k(Yi()), t = new MutationObserver(() => {
+		e.value = Yi();
+	});
+	return t.observe(document.documentElement, {
+		attributes: !0,
+		attributeFilter: ["data-color-scheme"]
+	}), w(() => t.disconnect()), n(() => e.value);
+}
+//#endregion
+//#region src/index.ts
+var Zi = "1.0.0";
+//#endregion
+export { we as PanelRegistry, Ar as VddConfirm, In as VddContextMenu, vn as VddDesktop, pi as VddFloatingWidget, jr as VddModals, hi as VddPanelOverlay, _i as VddPanelToolbar, rr as VddSecondarySidebar, Tr as VddSidePanels, nr as VddSidebar, Gr as VddToasts, yr as VddToolbar, yi as VddToolbarButton, ki as VddToolbarCenter, Di as VddToolbarItem, Li as VddToolbarSearch, Ci as VddToolbarSeparator, Ti as VddToolbarSpacer, xi as VddToolbarToggle, He as WORKSPACE_KEY, Ge as clampFloatingRect, at as computeResizedRect, Ue as createWorkspace, Ae as defaultMessages, je as formatLabel, Ce as isSerializable, ze as mergeSidebarTabs, Re as mergeToolbarItems, Lr as resetToasts, Le as sectionToTab, Y as startPointerDrag, Ir as toast, Ki as useActiveContribution, Xi as useColorScheme, Ri as useContextMenu, oi as useFloatingWidgets, Ji as useMergedSidebarTabs, qi as useMergedToolbarItems, Ui as useModals, kt as usePanel, zi as usePanelContextMenu, Gi as usePanelContribution, Wi as useSidePanels, Bi as useSidebar, Vi as useSidebarTab, Hi as useToolbar, J as useWorkspace, Zi as version };
+
+//# sourceMappingURL=index.js.map