vue-dockable-desktop 1.7.2 → 1.8.0

package/dist/index.js

@@ -501,6 +501,14 @@ var Ie = {
 		id: "vdd.ok",
 		defaultMessage: "OK"
 	},
+	confirmTitle: {
+		id: "vdd.confirmTitle",
+		defaultMessage: "Confirmation"
+	},
+	alertTitle: {
+		id: "vdd.alertTitle",
+		defaultMessage: "Information"
+	},
 	closeTooltip: {
 		id: "vdd.closeTooltip",
 		defaultMessage: "Close"
@@ -3832,7 +3840,73 @@ var Lr = ["title", "aria-label"], Rr = /* @__PURE__ */ u({
 			"body-padding"
 		])], 2)], 12, Hr));
 	}
-}), Wr = { class: "vdd-confirmation-message" }, Gr = { class: "vdd-confirmation-actions" }, Kr = /* @__PURE__ */ u({
+}), Wr = ["data-vdd-dialog-icon"], Gr = {
+	key: 1,
+	viewBox: "0 0 16 16",
+	fill: "none",
+	"aria-hidden": "true"
+}, Kr = {
+	key: 0,
+	d: "M5 8l2 2 4-4",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, qr = {
+	key: 1,
+	d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round"
+}, Jr = {
+	key: 2,
+	d: "M8 5v.01M8 7.5v3.5",
+	stroke: "currentColor",
+	"stroke-width": "1.5",
+	"stroke-linecap": "round"
+}, Yr = /* @__PURE__ */ u({
+	__name: "VddDialogIcon",
+	props: {
+		icon: {},
+		type: {},
+		question: { type: Boolean }
+	},
+	setup(t) {
+		return (n, s) => t.icon === null ? i("", !0) : (T(), a("div", {
+			key: 0,
+			class: y(["vdd-dialog-icon", `vdd-dialog-icon-${t.type}`]),
+			"data-vdd-dialog-icon": t.icon === void 0 ? "default" : "custom"
+		}, [t.icon ? (T(), r(N(t.icon), { key: 0 })) : (T(), a("svg", Gr, [t.question ? (T(), a(e, { key: 0 }, [s[0] ||= o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "7",
+			stroke: "currentColor",
+			"stroke-width": "1.5"
+		}, null, -1), s[1] ||= o("path", {
+			d: "M6.25 6.25a1.75 1.75 0 1 1 2.6 1.53c-.5.28-.85.7-.85 1.27v.2M8 11.25v.01",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round"
+		}, null, -1)], 64)) : t.type === "warning" ? (T(), a(e, { key: 1 }, [s[2] ||= o("path", {
+			d: "M8 2.5L14 13.5H2L8 2.5z",
+			stroke: "currentColor",
+			"stroke-width": "1.5",
+			"stroke-linejoin": "round"
+		}, null, -1), s[3] ||= 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: 2 }, [s[4] ||= o("circle", {
+			cx: "8",
+			cy: "8",
+			r: "7",
+			stroke: "currentColor",
+			"stroke-width": "1.5"
+		}, null, -1), t.type === "success" ? (T(), a("path", Kr)) : t.type === "danger" ? (T(), a("path", qr)) : (T(), a("path", Jr))], 64))]))], 10, Wr));
+	}
+}), Xr = { class: "vdd-dialog-content" }, Zr = { class: "vdd-confirmation-message" }, Qr = { class: "vdd-confirmation-actions" }, $r = /* @__PURE__ */ u({
 	__name: "VddConfirm",
 	props: {
 		message: {},
@@ -3844,35 +3918,40 @@ var Lr = ["title", "aria-label"], Rr = /* @__PURE__ */ u({
 		},
 		onOk: {},
 		onCancel: {},
-		onSettled: {}
+		onSettled: {},
+		icon: { default: void 0 }
 	},
 	setup(e) {
 		let t = e, n = Y(), r = Rt(), s = V("confirmButton"), c = !1;
-		function l(e) {
+		function u(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 });
+			u(!0), t.onOk?.(), r.close({ force: !0 });
+		}
+		function f() {
+			u(!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", {
+		}), S(() => u(!1)), (t, r) => (T(), a("form", {
 			class: "vdd-confirmation-form-body",
-			onSubmit: G(u, ["prevent"])
+			onSubmit: G(d, ["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", Wr, I(z(n).format(e.message)), 1),
-			o("div", Gr, [o("button", {
+			o("div", Xr, [l(Yr, {
+				icon: e.icon,
+				type: e.alertType,
+				question: ""
+			}, null, 8, ["icon", "type"]), o("div", Zr, I(z(n).format(e.message)), 1)]),
+			o("div", Qr, [o("button", {
 				type: "button",
 				class: "vdd-btn vdd-btn-sm vdd-btn-outline",
 				"data-vdd-confirm-cancel": "",
-				onClick: d
+				onClick: f
 			}, I(z(n).format(e.yesNo ? z(n).messages.no : z(n).messages.cancel)), 1), o("button", {
 				ref_key: "confirmButton",
 				ref: s,
@@ -3882,13 +3961,13 @@ var Lr = ["title", "aria-label"], Rr = /* @__PURE__ */ u({
 			}, I(z(n).format(e.yesNo ? z(n).messages.yes : z(n).messages.ok)), 513)])
 		], 32));
 	}
-}), qr = /* @__PURE__ */ u({
+}), ei = /* @__PURE__ */ u({
 	__name: "VddModals",
 	setup(t) {
 		let n = Y(), { overlays: i } = n;
 		function o(e) {
 			return new Promise((t) => {
-				i.openModal(Kr, {
+				i.openModal($r, {
 					message: e.dirtyOptions?.message ?? {
 						...n.messages.unsavedChangesMessage,
 						values: { title: e.title }
@@ -3909,27 +3988,27 @@ var Lr = ["title", "aria-label"], Rr = /* @__PURE__ */ u({
 			index: t
 		}, null, 8, ["instance", "index"]))), 128));
 	}
-}), Jr = {
+}), ti = {
 	duration: 5e3,
 	closable: !0
 }, X = D({
 	items: [],
 	adapter: null,
-	defaults: { ...Jr }
-}), Yr = /* @__PURE__ */ new Set(), Xr = 0;
-function Zr(e) {
+	defaults: { ...ti }
+}), ni = /* @__PURE__ */ new Set(), ri = 0;
+function ii(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-function Qr(e, t, n, r) {
-	let i = Zr(r);
-	if (Yr.has(t)) {
+function ai(e, t, n, r) {
+	let i = ii(r);
+	if (ni.has(t)) {
 		e.update(t, n, {
 			...i,
 			id: t
 		});
 		return;
 	}
-	Yr.add(t), e.show(t, n, {
+	ni.add(t), e.show(t, n, {
 		type: "info",
 		duration: X.defaults.duration,
 		closable: X.defaults.closable,
@@ -3938,11 +4017,11 @@ function Qr(e, t, n, r) {
 	});
 }
 function Z(e, t = {}) {
-	let n = t.id ?? `vdd-toast-${++Xr}`, r = {
+	let n = t.id ?? `vdd-toast-${++ri}`, r = {
 		...t,
 		id: n
 	};
-	if (X.adapter) return Qr(X.adapter, n, e, t), n;
+	if (X.adapter) return ai(X.adapter, n, e, t), n;
 	let i = X.items.find((e) => e.id === n);
 	return i ? (i.message = e, i.options = {
 		...i.options,
@@ -3955,26 +4034,26 @@ function Z(e, t = {}) {
 		revision: 0
 	}), n);
 }
-function $r(e) {
+function oi(e) {
 	let t = X.items.find((t) => t.id === e);
 	t && !t.exiting && (t.exiting = !0, t.options.onClose?.());
 }
-function ei(e) {
+function si(e) {
 	let t = X.items.findIndex((t) => t.id === e);
 	t !== -1 && X.items.splice(t, 1);
 }
-function ti(e) {
+function ci(e) {
 	if (X.adapter) {
-		e === void 0 ? Yr.clear() : Yr.delete(e), X.adapter.dismiss(e);
+		e === void 0 ? ni.clear() : ni.delete(e), X.adapter.dismiss(e);
 		return;
 	}
 	if (e === void 0) {
-		for (let e of [...X.items]) $r(e.id);
+		for (let e of [...X.items]) oi(e.id);
 		return;
 	}
-	$r(e);
+	oi(e);
 }
-var ni = Object.assign((e, t) => Z(e, t), {
+var li = Object.assign((e, t) => Z(e, t), {
 	info: (e, t) => Z(e, {
 		...t,
 		type: "info"
@@ -3991,7 +4070,7 @@ var ni = Object.assign((e, t) => Z(e, t), {
 		...t,
 		type: "error"
 	}),
-	dismiss: ti,
+	dismiss: ci,
 	promise(e, t, n) {
 		let r = Z(t.pending, {
 			...n,
@@ -4015,45 +4094,45 @@ var ni = Object.assign((e, t) => Z(e, t), {
 		}), e;
 	}
 });
-function ri() {
-	X.items.splice(0), X.adapter = null, X.defaults = { ...Jr }, Yr.clear();
+function ui() {
+	X.items.splice(0), X.adapter = null, X.defaults = { ...ti }, ni.clear();
 }
-function ii(e, t) {
-	if (X.defaults = { ...t }, L(X.adapter) === L(e) || (X.adapter = e, Yr.clear(), !e)) return;
+function di(e, t) {
+	if (X.defaults = { ...t }, L(X.adapter) === L(e) || (X.adapter = e, ni.clear(), !e)) return;
 	let n = X.items.splice(0).filter((e) => !e.exiting);
-	for (let t of n) Qr(e, t.id, t.message, t.options);
+	for (let t of n) ai(e, t.id, t.message, t.options);
 }
 //#endregion
 //#region src/components/VddToastIcon.vue?vue&type=script&setup=true&lang.ts
-var ai = {
+var fi = {
 	class: "vdd-toast__icon",
 	viewBox: "0 0 16 16",
 	fill: "none",
 	"aria-hidden": "true"
-}, oi = {
+}, pi = {
 	key: 0,
 	d: "M5 8l2 2 4-4",
 	stroke: "currentColor",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, si = {
+}, mi = {
 	key: 1,
 	d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
 	stroke: "currentColor",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round"
-}, ci = {
+}, hi = {
 	key: 2,
 	d: "M8 5v.01M8 7.5v3.5",
 	stroke: "currentColor",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round"
-}, li = /* @__PURE__ */ u({
+}, gi = /* @__PURE__ */ u({
 	__name: "VddToastIcon",
 	props: { type: {} },
 	setup(t) {
-		return (n, r) => (T(), a("svg", ai, [t.type === "warning" ? (T(), a(e, { key: 0 }, [r[0] ||= o("path", {
+		return (n, r) => (T(), a("svg", fi, [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",
@@ -4069,9 +4148,9 @@ var ai = {
 			r: "7",
 			stroke: "currentColor",
 			"stroke-width": "1.5"
-		}, null, -1), t.type === "success" ? (T(), a("path", oi)) : t.type === "error" ? (T(), a("path", si)) : (T(), a("path", ci))], 64))]));
+		}, null, -1), t.type === "success" ? (T(), a("path", pi)) : t.type === "error" ? (T(), a("path", mi)) : (T(), a("path", hi))], 64))]));
 	}
-}), ui = ["data-vdd-toast"], di = ["aria-label"], fi = /* @__PURE__ */ u({
+}), _i = ["data-vdd-toast"], vi = ["aria-label"], yi = /* @__PURE__ */ u({
 	__name: "VddToastItem",
 	props: {
 		toast: {},
@@ -4086,7 +4165,7 @@ var ai = {
 	setup(t, { emit: s }) {
 		let l = cr(), u = t, d = s, f = V("card"), p = V("body"), m = n(() => u.toast.options.type ?? "info"), h = n(() => u.toast.options.duration ?? u.defaultDuration), g = n(() => u.toast.options.closable ?? u.defaultClosable), v = n(() => u.toast.options.icon ?? null), w = k(u.animation === "none" ? "vdd-toast--visible" : u.animation === "fade" ? "vdd-toast--fade-entering" : u.isLeft ? "vdd-toast--entering-left" : "vdd-toast--entering"), E = k(!1), D = null, O = 0, A = 0;
 		function j(e) {
-			e <= 0 || (A = Date.now(), D = setTimeout(() => $r(u.toast.id), e));
+			e <= 0 || (A = Date.now(), D = setTimeout(() => oi(u.toast.id), e));
 		}
 		function M() {
 			D &&= (clearTimeout(D), null);
@@ -4143,7 +4222,7 @@ var ai = {
 			onMouseleave: F,
 			onTransitionend: ee
 		}, [
-			v.value ? (T(), r(N(v.value), { key: 0 })) : (T(), r(li, {
+			v.value ? (T(), r(N(v.value), { key: 0 })) : (T(), r(gi, {
 				key: 1,
 				type: m.value
 			}, null, 8, ["type"])),
@@ -4158,7 +4237,7 @@ var ai = {
 				class: "vdd-toast__close",
 				"aria-label": z(l)("closeNotification"),
 				"data-vdd-toast-close": "",
-				onClick: s[0] ||= (e) => z($r)(t.toast.id)
+				onClick: s[0] ||= (e) => z(oi)(t.toast.id)
 			}, [...s[1] ||= [o("svg", {
 				width: "14",
 				height: "14",
@@ -4170,15 +4249,15 @@ var ai = {
 				stroke: "currentColor",
 				"stroke-width": "1.5",
 				"stroke-linecap": "round"
-			})], -1)]], 8, di)) : i("", !0),
+			})], -1)]], 8, vi)) : i("", !0),
 			t.showProgress && h.value > 0 ? (T(), a("div", {
 				key: 3,
 				class: "vdd-toast__progress",
 				style: x({ animationDuration: `${h.value}ms` })
 			}, null, 4)) : i("", !0)
-		], 42, ui));
+		], 42, _i));
 	}
-}), pi = ["dir", "aria-label"], mi = /* @__PURE__ */ u({
+}), bi = ["dir", "aria-label"], xi = /* @__PURE__ */ u({
 	__name: "VddToasts",
 	props: {
 		position: { default: "top-right" },
@@ -4210,11 +4289,11 @@ var ai = {
 			l.adapter,
 			l.defaultDuration,
 			l.defaultClosable
-		], ([e, t, n]) => ii(e ?? null, {
+		], ([e, t, n]) => di(e ?? null, {
 			duration: t,
 			closable: n
 		}), { immediate: !0 }), S(() => {
-			l.adapter && L(X.adapter) === L(l.adapter) && ii(null, {
+			l.adapter && L(X.adapter) === L(l.adapter) && di(null, {
 				duration: l.defaultDuration,
 				closable: l.defaultClosable
 			});
@@ -4233,7 +4312,7 @@ var ai = {
 		});
 		H(() => X.items.map((e) => `${e.id}:${e.exiting}`).join(","), () => {
 			let e = new Set(u.value.map((e) => e.id));
-			for (let t of [...X.items]) t.exiting && !e.has(t.id) && ei(t.id);
+			for (let t of [...X.items]) t.exiting && !e.has(t.id) && si(t.id);
 		}, { immediate: !0 });
 		let d = n(() => l.position.endsWith("left")), f = p(J, null), m = n(() => f?.state.dir === "rtl" ? "rtl" : void 0);
 		return (n, l) => s.adapter ? (T(), r(t, {
@@ -4253,7 +4332,7 @@ var ai = {
 			"aria-label": z(c)("notifications"),
 			"aria-live": "polite",
 			"data-vdd-toasts": ""
-		}, [(T(!0), a(e, null, A(u.value, (e) => (T(), r(fi, {
+		}, [(T(!0), a(e, null, A(u.value, (e) => (T(), r(yi, {
 			key: e.id,
 			toast: e,
 			"is-left": d.value,
@@ -4262,7 +4341,7 @@ var ai = {
 			animation: s.animation,
 			"default-duration": s.defaultDuration,
 			"default-closable": s.defaultClosable,
-			onExited: z(ei)
+			onExited: z(si)
 		}, null, 8, [
 			"toast",
 			"is-left",
@@ -4272,20 +4351,53 @@ var ai = {
 			"default-duration",
 			"default-closable",
 			"onExited"
-		]))), 128))], 14, pi)]));
+		]))), 128))], 14, bi)]));
+	}
+}), Si = { class: "vdd-dialog-content" }, Ci = { class: "vdd-confirmation-message" }, wi = { class: "vdd-confirmation-actions" }, Ti = /* @__PURE__ */ u({
+	__name: "VddAlert",
+	props: {
+		message: {},
+		alertType: { default: "info" },
+		icon: { default: void 0 },
+		okLabel: {},
+		onSettled: {}
+	},
+	setup(e) {
+		let t = e, n = Y(), r = Rt(), i = V("okButton"), s = !1;
+		function c() {
+			s || (s = !0, t.onSettled?.());
+		}
+		function u() {
+			c(), r.close({ force: !0 });
+		}
+		return C(() => {
+			r.setIcon(void 0), i.value?.focus({ preventScroll: !0 });
+		}), S(() => c()), (t, r) => (T(), a("form", {
+			class: "vdd-confirmation-form-body",
+			onSubmit: G(u, ["prevent"])
+		}, [o("div", Si, [l(Yr, {
+			icon: e.icon,
+			type: e.alertType
+		}, null, 8, ["icon", "type"]), o("div", Ci, I(z(n).format(e.message)), 1)]), o("div", wi, [o("button", {
+			ref_key: "okButton",
+			ref: i,
+			type: "submit",
+			class: "vdd-btn vdd-btn-sm vdd-btn-primary",
+			"data-vdd-alert-ok": ""
+		}, I(z(n).format(e.okLabel ?? z(n).messages.ok)), 513)])], 32));
 	}
-}), Q = (e) => e === "width" || e === "both", $ = (e) => e === "height" || e === "both", hi = (e, t) => t === "inline" ? $(e) ? "both" : "width" : Q(e) ? "both" : "height", gi = (e, t) => t === "inline" ? e === "both" ? "height" : Q(e) ? null : e : e === "both" ? "width" : $(e) ? null : e, _i = (e, t) => $(t) ? [] : Q(t) ? e.startsWith("top-") ? ["top-left", "top-right"] : ["bottom-left", "bottom-right"] : [e], vi = [
+}), Q = (e) => e === "width" || e === "both", $ = (e) => e === "height" || e === "both", Ei = (e, t) => t === "inline" ? $(e) ? "both" : "width" : Q(e) ? "both" : "height", Di = (e, t) => t === "inline" ? e === "both" ? "height" : Q(e) ? null : e : e === "both" ? "width" : $(e) ? null : e, Oi = (e, t) => $(t) ? [] : Q(t) ? e.startsWith("top-") ? ["top-left", "top-right"] : ["bottom-left", "bottom-right"] : [e], ki = [
 	"top-left",
 	"top-right",
 	"bottom-left",
 	"bottom-right"
 ];
-function yi(e, t, n) {
+function Ai(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 bi = (e) => e.endsWith("-left") ? e.replace("-left", "-right") : e.replace("-right", "-left");
-function xi(e, t) {
+var ji = (e) => e.endsWith("-left") ? e.replace("-left", "-right") : e.replace("-right", "-left");
+function Mi(e, t) {
 	return {
 		left: (t ? e.inlineEnd : e.inlineStart) + 8,
 		right: (t ? e.inlineStart : e.inlineEnd) + 8,
@@ -4293,7 +4405,7 @@ function xi(e, t) {
 		bottom: e.bottom
 	};
 }
-function Si(e, t, n, r) {
+function Ni(e, t, n, r) {
 	if (e === "free") return [
 		"n",
 		"ne",
@@ -4307,7 +4419,7 @@ function Si(e, t, n, r) {
 	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 Ci(e, t, n, r) {
+function Pi(e, t, n, r) {
 	let i = e;
 	if (n.inline) {
 		let e = t.includes("e");
@@ -4315,7 +4427,7 @@ function Ci(e, t, n, r) {
 	}
 	return n.block && (i = `${t.includes("s") ? "top" : "bottom"}-${i.endsWith("-right") ? "right" : "left"}`), i;
 }
-function wi(e, t, n, r, i) {
+function Fi(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);
@@ -4332,8 +4444,8 @@ function wi(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/overlayState.ts
-var Ti = Symbol("vdd-panel-overlay");
-function Ei() {
+var Ii = Symbol("vdd-panel-overlay");
+function Li() {
 	let e = F(null), t = D({
 		top: 0,
 		bottom: 0,
@@ -4367,14 +4479,14 @@ function Ei() {
 			d += 1, r[e] = d, n.value = e;
 		},
 		dock: (e, t, n) => {
-			let r = _i(t, n);
-			for (let t of vi) {
+			let r = Oi(t, n);
+			for (let t of ki) {
 				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 vi) i[t].includes(e) && (i[t] = i[t].filter((t) => t !== e));
+			for (let t of ki) i[t].includes(e) && (i[t] = i[t].filter((t) => t !== e));
 		},
 		reportSize: (e, t) => {
 			a[e] !== t && (a[e] = t);
@@ -4406,16 +4518,16 @@ function Ei() {
 }
 //#endregion
 //#region src/composables/usePanelOverlay.ts
-function Di() {
-	let e = p(Ti, null);
+function Ri() {
+	let e = p(Ii, 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 Oi() {
-	return p(Ti, null);
+function zi() {
+	return p(Ii, null);
 }
-function ki() {
-	let e = Di();
+function Bi() {
+	let e = Ri();
 	return {
 		openIds: n(() => e.managedIds()),
 		open: e.openManaged,
@@ -4426,10 +4538,10 @@ function ki() {
 }
 //#endregion
 //#region src/components/VddFloatingWidget.vue?vue&type=script&setup=true&lang.ts
-var Ai = ["dir", "data-vdd-widget"], ji = {
+var Vi = ["dir", "data-vdd-widget"], Hi = {
 	key: 0,
 	class: "vdd-panel-float__icon"
-}, Mi = { class: "vdd-panel-float__title" }, Ni = ["title", "aria-label"], Pi = { class: "vdd-panel-float__body" }, Fi = ["data-vdd-widget-resize", "onPointerdown"], Ii = /* @__PURE__ */ u({
+}, Ui = { class: "vdd-panel-float__title" }, Wi = ["title", "aria-label"], Gi = { class: "vdd-panel-float__body" }, Ki = ["data-vdd-widget-resize", "onPointerdown"], qi = /* @__PURE__ */ u({
 	__name: "VddFloatingWidget",
 	props: /*@__PURE__*/ g({
 		widgetId: {},
@@ -4455,7 +4567,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 	}),
 	emits: ["update:open", "update:placement"],
 	setup(t) {
-		let s = t, c = B(t, "open"), l = B(t, "placement"), u = Y(), d = Oi(), 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({
+		let s = t, c = B(t, "open"), l = B(t, "placement"), u = Y(), d = zi(), 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({
@@ -4492,7 +4604,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 			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 = () => xi(d?.insets ?? {
+		let E = n(() => d?.zOrders[s.widgetId] ?? 101), D = n(() => !d || d.topId.value === s.widgetId), O = () => Mi(d?.insets ?? {
 			top: 0,
 			bottom: 0,
 			inlineStart: 0,
@@ -4508,7 +4620,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 		let P = n(() => !d || g.value !== "docked" ? {
 			offset: 0,
 			registered: !0
-		} : wi(s.widgetId, _i(m.value, h.value), d.stacks, d.dockedSizes, s.height)), F = n(() => {
+		} : Fi(s.widgetId, Oi(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`,
@@ -4522,7 +4634,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 				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(() => Si(g.value, m.value, h.value, p.value)), R = null;
+		}), L = n(() => Ni(g.value, m.value, h.value, p.value)), R = null;
 		function ee(e) {
 			if (e.button !== 0) return;
 			e.preventDefault();
@@ -4565,8 +4677,8 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 			};
 			let r = d?.container.value;
 			if (r && d) {
-				let t = yi(r.getBoundingClientRect(), e.clientX, e.clientY);
-				d.hovered.value = t && p.value ? bi(t) : t;
+				let t = Ai(r.getBoundingClientRect(), e.clientX, e.clientY);
+				d.hovered.value = t && p.value ? ji(t) : t;
 			}
 		}
 		function U() {
@@ -4609,7 +4721,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 				if (!n.inline && !n.block) return;
 				l = !0;
 				let r = t;
-				n.inline && (r = gi(r, "inline")), n.block && (r = gi(r, "block")), C(Ci(m.value, e, n, p.value), r);
+				n.inline && (r = Di(r, "inline")), n.block && (r = Di(r, "block")), C(Pi(m.value, e, n, p.value), r);
 			}
 			rt({
 				element: t.currentTarget,
@@ -4639,7 +4751,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 						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 ? gi(gi(h.value, o ? "inline" : "block"), c ? "block" : "inline") : h.value;
+					let m = l ? Di(Di(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
@@ -4661,7 +4773,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 						h: u.block ? e.h : v.value.h
 					};
 					let t = h.value;
-					u.inline && (t = hi(t, "inline")), u.block && (t = hi(t, "block")), C(m.value, t), b.value = {
+					u.inline && (t = Ei(t, "inline")), u.block && (t = Ei(t, "block")), C(m.value, t), b.value = {
 						inline: !1,
 						block: !1
 					};
@@ -4689,8 +4801,8 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 				"data-vdd-widget-header": "",
 				onPointerdown: ee
 			}, [
-				t.icon ? (T(), a("span", ji, [(T(), r(N(t.icon)))])) : i("", !0),
-				o("span", Mi, I(z(u).format(t.title)), 1),
+				t.icon ? (T(), a("span", Hi, [(T(), r(N(t.icon)))])) : i("", !0),
+				o("span", Ui, I(z(u).format(t.title)), 1),
 				o("button", {
 					type: "button",
 					class: "vdd-panel-float__close",
@@ -4717,22 +4829,22 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 					y1: "1",
 					x2: "1",
 					y2: "9"
-				})], -1)]], 40, Ni)
+				})], -1)]], 40, Wi)
 			], 32),
-			o("div", Pi, [j(n.$slots, "default")]),
+			o("div", Gi, [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) => ne(e, t)
-			}, null, 42, Fi))), 128))
-		], 46, Ai)) : i("", !0);
+			}, null, 42, Ki))), 128))
+		], 46, Vi)) : i("", !0);
 	}
-}), Li = ["data-vdd-dropzone"], Ri = /* @__PURE__ */ u({
+}), Ji = ["data-vdd-dropzone"], Yi = /* @__PURE__ */ u({
 	__name: "VddPanelOverlay",
 	setup(t) {
-		let o = Ei();
-		E(Ti, o);
+		let o = Li();
+		E(Ii, o);
 		let s = V("root");
 		U(() => {
 			o.container.value = s.value;
@@ -4749,13 +4861,13 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 			"data-vdd-panel-overlay": ""
 		}, [
 			j(t.$slots, "default"),
-			l.value ? (T(!0), a(e, { key: 0 }, A(z(vi), (e) => (T(), a("div", {
+			l.value ? (T(!0), a(e, { key: 0 }, A(z(ki), (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, Li))), 128)) : i("", !0),
-			(T(!0), a(e, null, A(c.value, ({ id: e, widget: t, placement: n }) => (T(), r(Ii, {
+			}, null, 10, Ji))), 128)) : i("", !0),
+			(T(!0), a(e, null, A(c.value, ({ id: e, widget: t, placement: n }) => (T(), r(qi, {
 				key: e,
 				"widget-id": e,
 				title: t.title,
@@ -4783,12 +4895,12 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 			]))), 128))
 		], 2));
 	}
-}), zi = [
+}), Xi = [
 	"data-variant",
 	"data-btn-variant",
 	"data-vdd-panel-toolbar",
 	"aria-orientation"
-], Bi = /* @__PURE__ */ u({
+], Zi = /* @__PURE__ */ u({
 	__name: "VddPanelToolbar",
 	props: {
 		position: {},
@@ -4797,7 +4909,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 		buttonSize: {}
 	},
 	setup(e) {
-		let t = e, r = Di(), i = V("el"), o = n(() => t.position === "top" || t.position === "bottom"), s = null;
+		let t = e, r = Ri(), i = V("el"), o = n(() => t.position === "top" || t.position === "bottom"), s = null;
 		U((e) => {
 			let n = i.value, a = t.position;
 			if (!n) return;
@@ -4845,14 +4957,14 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 			}),
 			role: "toolbar",
 			"aria-orientation": o.value ? "horizontal" : "vertical"
-		}, [j(t.$slots, "default")], 14, zi));
+		}, [j(t.$slots, "default")], 14, Xi));
 	}
-}), Vi = [
+}), Qi = [
 	"title",
 	"aria-label",
 	"disabled",
 	"data-variant"
-], Hi = /* @__PURE__ */ u({
+], $i = /* @__PURE__ */ u({
 	__name: "VddToolbarButton",
 	props: {
 		title: {},
@@ -4870,15 +4982,15 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 			disabled: e.disabled,
 			"data-variant": e.variant,
 			onClick: r[0] ||= (e) => n("click")
-		}, [j(t.$slots, "default")], 8, Vi));
+		}, [j(t.$slots, "default")], 8, Qi));
 	}
-}), Ui = [
+}), ea = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"disabled",
 	"data-variant"
-], Wi = /* @__PURE__ */ u({
+], ta = /* @__PURE__ */ u({
 	__name: "VddToolbarToggle",
 	props: /*@__PURE__*/ g({
 		title: {},
@@ -4903,44 +5015,44 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 			disabled: e.disabled,
 			"data-variant": e.variant,
 			onClick: r[0] ||= (e) => t.value = !t.value
-		}, [j(n.$slots, "default")], 10, Ui));
+		}, [j(n.$slots, "default")], 10, ea));
 	}
-}), Gi = {
+}), na = {
 	class: "vdd-panel-toolbar__sep",
 	"aria-hidden": "true"
-}, Ki = /* @__PURE__ */ u({
+}, ra = /* @__PURE__ */ u({
 	__name: "VddToolbarSeparator",
 	setup(e) {
-		return (e, t) => (T(), a("span", Gi));
+		return (e, t) => (T(), a("span", na));
 	}
-}), qi = {
+}), ia = {
 	class: "vdd-panel-toolbar__spacer",
 	"aria-hidden": "true"
-}, Ji = /* @__PURE__ */ u({
+}, aa = /* @__PURE__ */ u({
 	__name: "VddToolbarSpacer",
 	setup(e) {
-		return (e, t) => (T(), a("span", qi));
+		return (e, t) => (T(), a("span", ia));
 	}
-}), Yi = { class: "vdd-panel-toolbar__item" }, Xi = /* @__PURE__ */ u({
+}), oa = { class: "vdd-panel-toolbar__item" }, sa = /* @__PURE__ */ u({
 	__name: "VddToolbarItem",
 	setup(e) {
-		return (e, t) => (T(), a("span", Yi, [j(e.$slots, "default")]));
+		return (e, t) => (T(), a("span", oa, [j(e.$slots, "default")]));
 	}
-}), Zi = { class: "vdd-panel-toolbar__center" }, Qi = /* @__PURE__ */ u({
+}), ca = { class: "vdd-panel-toolbar__center" }, la = /* @__PURE__ */ u({
 	__name: "VddToolbarCenter",
 	setup(e) {
-		return (e, t) => (T(), a("div", Zi, [j(e.$slots, "default")]));
+		return (e, t) => (T(), a("div", ca, [j(e.$slots, "default")]));
 	}
-}), $i = ["title", "aria-label"], ea = ["placeholder"], ta = {
+}), ua = ["title", "aria-label"], da = ["placeholder"], fa = {
 	key: 0,
 	class: "vdd-panel-toolbar-search__group"
-}, na = ["data-vdd-search-result", "onClick"], ra = {
+}, pa = ["data-vdd-search-result", "onClick"], ma = {
 	key: 0,
 	class: "vdd-panel-toolbar-search__item-icon"
-}, ia = { class: "vdd-panel-toolbar-search__item-label" }, aa = {
+}, ha = { class: "vdd-panel-toolbar-search__item-label" }, ga = {
 	key: 1,
 	class: "vdd-panel-toolbar-search__item-desc"
-}, oa = /* @__PURE__ */ u({
+}, _a = /* @__PURE__ */ u({
 	__name: "VddToolbarSearch",
 	props: {
 		placeholder: {},
@@ -5040,7 +5152,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 				y1: "10",
 				x2: "14",
 				y2: "14"
-			})], -1)]], 8, $i),
+			})], -1)]], 8, ua),
 			m.value ? ne((T(), a("input", {
 				key: 0,
 				ref_key: "input",
@@ -5053,7 +5165,7 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 				"data-vdd-search-input": "",
 				onInput: M,
 				onKeydown: re(O, ["esc"])
-			}, null, 40, ea)), [[te, h.value]]) : i("", !0),
+			}, null, 40, da)), [[te, h.value]]) : i("", !0),
 			_.value && g.value.length ? (T(), r(t, {
 				key: 1,
 				to: "body"
@@ -5067,27 +5179,27 @@ var Ai = ["dir", "data-vdd-widget"], ji = {
 				}),
 				"data-vdd-search-results": "",
 				onMousedown: c[2] ||= G(() => {}, ["prevent"])
-			}, [(T(!0), a(e, null, A(L.value, ({ group: t, items: n }) => (T(), a(e, { key: t || "__default__" }, [t ? (T(), a("div", ta, I(t), 1)) : i("", !0), (T(!0), a(e, null, A(n, (e) => (T(), a("button", {
+			}, [(T(!0), a(e, null, A(L.value, ({ group: t, items: n }) => (T(), a(e, { key: t || "__default__" }, [t ? (T(), a("div", fa, 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) => P(e)
 			}, [
-				e.icon ? (T(), a("span", ra, [(T(), r(N(e.icon)))])) : i("", !0),
-				o("span", ia, I(e.label), 1),
-				e.description ? (T(), a("span", aa, I(e.description), 1)) : i("", !0)
-			], 8, na))), 128))], 64))), 128))], 36)])) : i("", !0)
+				e.icon ? (T(), a("span", ma, [(T(), r(N(e.icon)))])) : i("", !0),
+				o("span", ha, I(e.label), 1),
+				e.description ? (T(), a("span", ga, I(e.description), 1)) : i("", !0)
+			], 8, pa))), 128))], 64))), 128))], 36)])) : i("", !0)
 		], 34));
 	}
 });
 //#endregion
 //#region src/composables/useContextMenu.ts
-function sa() {
+function va() {
 	let e = Y();
 	return (t) => e.showContextMenu(t);
 }
-function ca(e) {
+function ya(e) {
 	let t = Y(), { id: n } = Rt();
 	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.");
@@ -5098,34 +5210,59 @@ function ca(e) {
 }
 //#endregion
 //#region src/composables/useSidebar.ts
-function la() {
+function ba() {
 	let e = p($n, null);
 	if (!e) throw Error("[vue-dockable-desktop] useSidebar() must be used inside a <VddSidebar>.");
 	return e;
 }
-function ua() {
+function xa() {
 	let e = p(er, 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 da() {
+function Sa() {
 	return Y().toolbar;
 }
 //#endregion
 //#region src/composables/useOverlays.ts
-function fa() {
-	let { overlays: e } = Y();
+function Ca() {
+	let e = Y(), { overlays: t } = e;
 	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
+		stack: n(() => t.state.modals),
+		topmost: n(() => t.state.modals[t.state.modals.length - 1] ?? null),
+		open: t.openModal,
+		close: (e, n) => t.requestClose(e, n),
+		closeAll: t.closeAllModals,
+		confirm: ({ message: n, title: r, alert: i, alertType: a, icon: o, yesNo: s, size: c = "small" }) => new Promise((l) => {
+			t.openModal($r, {
+				message: n,
+				alert: i,
+				alertType: a,
+				icon: o,
+				yesNo: s,
+				onSettled: l
+			}, {
+				title: r ?? e.messages.confirmTitle,
+				size: c
+			});
+		}),
+		alert: ({ message: n, title: r, alertType: i, icon: a, okLabel: o, size: s = "small" }) => new Promise((c) => {
+			t.openModal(Ti, {
+				message: n,
+				alertType: i,
+				icon: a,
+				okLabel: o,
+				onSettled: c
+			}, {
+				title: r ?? e.messages.alertTitle,
+				size: s
+			});
+		})
 	};
 }
-function pa() {
+function wa() {
 	let { overlays: e } = Y();
 	return {
 		left: n(() => e.state.leftPanel),
@@ -5140,7 +5277,7 @@ function pa() {
 }
 //#endregion
 //#region src/composables/useContributions.ts
-function ma(e) {
+function Ta(e) {
 	let t = Y(), { id: n } = Rt();
 	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.");
@@ -5154,21 +5291,21 @@ function ma(e) {
 		i(), r();
 	});
 }
-function ha() {
+function Ea() {
 	return Y().activeContribution;
 }
-function ga(e) {
-	let t = ha();
+function Da(e) {
+	let t = Ea();
 	return n(() => We(R(e), t.value));
 }
-function _a(e, t) {
-	let r = ha();
+function Oa(e, t) {
+	let r = Ea();
 	return n(() => Ge(R(e), r.value, t));
 }
 //#endregion
 //#region src/index.ts
-var va = "1.7.2";
+var ka = "1.8.0";
 //#endregion
-export { ke as PanelRegistry, Kr as VddConfirm, Jn as VddContextMenu, Dn as VddDesktop, Ii as VddFloatingWidget, qr as VddModals, Ri as VddPanelOverlay, Bi as VddPanelToolbar, _r as VddSecondarySidebar, Vr as VddSidePanels, gr as VddSidebar, mi as VddToasts, Nr as VddToolbar, Hi as VddToolbarButton, Qi as VddToolbarCenter, Xi as VddToolbarItem, oa as VddToolbarSearch, Ki as VddToolbarSeparator, Ji as VddToolbarSpacer, Wi as VddToolbarToggle, J as WORKSPACE_KEY, Xe as clampFloatingRect, ot as computeResizedRect, Je as createWorkspace, Ie as defaultMessages, Le as formatLabel, Oe as isSerializable, Ge as mergeSidebarTabs, We as mergeToolbarItems, ri as resetToasts, Ue as sectionToTab, rt as startPointerDrag, ni as toast, ha as useActiveContribution, ht as useColorScheme, sa as useContextMenu, ki as useFloatingWidgets, _a as useMergedSidebarTabs, ga as useMergedToolbarItems, fa as useModals, Rt as usePanel, ca as usePanelContextMenu, ma as usePanelContribution, pa as useSidePanels, la as useSidebar, ua as useSidebarTab, da as useToolbar, Y as useWorkspace, va as version };
+export { ke as PanelRegistry, Ti as VddAlert, $r as VddConfirm, Jn as VddContextMenu, Dn as VddDesktop, qi as VddFloatingWidget, ei as VddModals, Yi as VddPanelOverlay, Zi as VddPanelToolbar, _r as VddSecondarySidebar, Vr as VddSidePanels, gr as VddSidebar, xi as VddToasts, Nr as VddToolbar, $i as VddToolbarButton, la as VddToolbarCenter, sa as VddToolbarItem, _a as VddToolbarSearch, ra as VddToolbarSeparator, aa as VddToolbarSpacer, ta as VddToolbarToggle, J as WORKSPACE_KEY, Xe as clampFloatingRect, ot as computeResizedRect, Je as createWorkspace, Ie as defaultMessages, Le as formatLabel, Oe as isSerializable, Ge as mergeSidebarTabs, We as mergeToolbarItems, ui as resetToasts, Ue as sectionToTab, rt as startPointerDrag, li as toast, Ea as useActiveContribution, ht as useColorScheme, va as useContextMenu, Bi as useFloatingWidgets, Oa as useMergedSidebarTabs, Da as useMergedToolbarItems, Ca as useModals, Rt as usePanel, ya as usePanelContextMenu, Ta as usePanelContribution, wa as useSidePanels, ba as useSidebar, xa as useSidebarTab, Sa as useToolbar, Y as useWorkspace, ka as version };
 
 //# sourceMappingURL=index.js.map