@vaebe/ccui 2.0.0-beta.0 → 2.0.1-beta.1

package/drawer/index.es.js

@@ -64,23 +64,23 @@ var w = Object.freeze({
 	body: "",
 	hidden: !1
 });
-function ee(e, t) {
+function O(e, t) {
 	let n = {};
 	!e.hFlip != !t.hFlip && (n.hFlip = !0), !e.vFlip != !t.vFlip && (n.vFlip = !0);
 	let r = ((e.rotate || 0) + (t.rotate || 0)) % 4;
 	return r && (n.rotate = r), n;
 }
-function O(e, t) {
-	let n = ee(e, t);
+function k(e, t) {
+	let n = O(e, t);
 	for (let r in D) r in T ? r in e && !(r in n) && (n[r] = T[r]) : r in t ? n[r] = t[r] : r in e && (n[r] = e[r]);
 	return n;
 }
-function k(e, t, n) {
+function ee(e, t, n) {
 	let r = e.icons, i = e.aliases || Object.create(null), a = {};
 	function o(e) {
-		a = O(r[e] || i[e], a);
+		a = k(r[e] || i[e], a);
 	}
-	return o(t), n.forEach(o), O(e, a);
+	return o(t), n.forEach(o), k(e, a);
 }
 function A(e, t) {
 	let n = [];
@@ -91,38 +91,38 @@ function A(e, t) {
 	let r = C(e);
 	for (let i in r) {
 		let a = r[i];
-		a && (t(i, k(e, i, a)), n.push(i));
+		a && (t(i, ee(e, i, a)), n.push(i));
 	}
 	return n;
 }
-var te = {
+var j = {
 	provider: "",
 	aliases: {},
 	not_found: {},
 	...w
 };
-function j(e, t) {
+function M(e, t) {
 	for (let n in t) if (n in e && typeof e[n] != typeof t[n]) return !1;
 	return !0;
 }
-function M(e) {
+function N(e) {
 	if (typeof e != "object" || !e) return null;
 	let t = e;
-	if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !j(e, te)) return null;
+	if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !M(e, j)) return null;
 	let n = t.icons;
 	for (let e in n) {
 		let t = n[e];
-		if (!e || typeof t.body != "string" || !j(t, D)) return null;
+		if (!e || typeof t.body != "string" || !M(t, D)) return null;
 	}
 	let r = t.aliases || Object.create(null);
 	for (let e in r) {
 		let t = r[e], i = t.parent;
-		if (!e || typeof i != "string" || !n[i] && !r[i] || !j(t, D)) return null;
+		if (!e || typeof i != "string" || !n[i] && !r[i] || !M(t, D)) return null;
 	}
 	return t;
 }
-var N = Object.create(null);
-function ne(e, t) {
+var P = Object.create(null);
+function F(e, t) {
 	return {
 		provider: e,
 		prefix: t,
@@ -130,43 +130,43 @@ function ne(e, t) {
 		missing: /* @__PURE__ */ new Set()
 	};
 }
-function P(e, t) {
-	let n = N[e] || (N[e] = Object.create(null));
-	return n[t] || (n[t] = ne(e, t));
+function I(e, t) {
+	let n = P[e] || (P[e] = Object.create(null));
+	return n[t] || (n[t] = F(e, t));
 }
-function F(e, t) {
-	return M(t) ? A(t, (t, n) => {
+function L(e, t) {
+	return N(t) ? A(t, (t, n) => {
 		n ? e.icons[t] = n : e.missing.add(t);
 	}) : [];
 }
-function I(e, t, n) {
+function te(e, t, n) {
 	try {
 		if (typeof n.body == "string") return e.icons[t] = { ...n }, !0;
 	} catch {}
 	return !1;
 }
-var L = !1;
-function R(e) {
-	return typeof e == "boolean" && (L = e), L;
+var R = !1;
+function ne(e) {
+	return typeof e == "boolean" && (R = e), R;
 }
 function re(e) {
-	let t = typeof e == "string" ? x(e, !0, L) : e;
+	let t = typeof e == "string" ? x(e, !0, R) : e;
 	if (t) {
-		let e = P(t.provider, t.prefix), n = t.name;
+		let e = I(t.provider, t.prefix), n = t.name;
 		return e.icons[n] || (e.missing.has(n) ? null : void 0);
 	}
 }
 function ie(e, t) {
-	let n = x(e, !0, L);
+	let n = x(e, !0, R);
 	if (!n) return !1;
-	let r = P(n.provider, n.prefix);
-	return t ? I(r, n.name, t) : (r.missing.add(n.name), !0);
+	let r = I(n.provider, n.prefix);
+	return t ? te(r, n.name, t) : (r.missing.add(n.name), !0);
 }
 function ae(e, t) {
 	if (typeof e != "object") return !1;
-	if (typeof t != "string" && (t = e.provider || ""), L && !t && !e.prefix) {
+	if (typeof t != "string" && (t = e.provider || ""), R && !t && !e.prefix) {
 		let t = !1;
-		return M(e) && (e.prefix = "", A(e, (e, n) => {
+		return N(e) && (e.prefix = "", A(e, (e, n) => {
 			ie(e, n) && (t = !0);
 		})), t;
 	}
@@ -174,22 +174,22 @@ function ae(e, t) {
 	return S({
 		prefix: n,
 		name: "a"
-	}) ? !!F(P(t, n), e) : !1;
+	}) ? !!L(I(t, n), e) : !1;
 }
 var z = Object.freeze({
 	width: null,
 	height: null
-}), oe = Object.freeze({
+}), B = Object.freeze({
 	...z,
 	...T
-}), se = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ce = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function le(e, t, n) {
+}), oe = /(-?[0-9.]*[0-9]+[0-9.]*)/g, se = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function V(e, t, n) {
 	if (t === 1) return e;
 	if (n ||= 100, typeof e == "number") return Math.ceil(e * t * n) / n;
 	if (typeof e != "string") return e;
-	let r = e.split(se);
+	let r = e.split(oe);
 	if (r === null || !r.length) return e;
-	let i = [], a = r.shift(), o = ce.test(a);
+	let i = [], a = r.shift(), o = se.test(a);
 	for (;;) {
 		if (o) {
 			let e = parseFloat(a);
@@ -199,7 +199,7 @@ function le(e, t, n) {
 		o = !o;
 	}
 }
-function ue(e, t = "defs") {
+function ce(e, t = "defs") {
 	let n = "", r = e.indexOf("<" + t);
 	for (; r >= 0;) {
 		let i = e.indexOf(">", r), a = e.indexOf("</" + t);
@@ -213,20 +213,20 @@ function ue(e, t = "defs") {
 		content: e
 	};
 }
-function de(e, t) {
+function le(e, t) {
 	return e ? "<defs>" + e + "</defs>" + t : t;
 }
-function fe(e, t, n) {
-	let r = ue(e);
-	return de(r.defs, t + r.content + n);
+function ue(e, t, n) {
+	let r = ce(e);
+	return le(r.defs, t + r.content + n);
 }
-var pe = (e) => e === "unset" || e === "undefined" || e === "none";
-function me(e, t) {
+var de = (e) => e === "unset" || e === "undefined" || e === "none";
+function fe(e, t) {
 	let n = {
 		...E,
 		...e
 	}, r = {
-		...oe,
+		...B,
 		...t
 	}, i = {
 		left: n.left,
@@ -249,12 +249,12 @@ function me(e, t) {
 				s = i.width / 2 + i.left, t.unshift("rotate(-90 " + s.toString() + " " + s.toString() + ")");
 				break;
 		}
-		o % 2 == 1 && (i.left !== i.top && (s = i.left, i.left = i.top, i.top = s), i.width !== i.height && (s = i.width, i.width = i.height, i.height = s)), t.length && (a = fe(a, "<g transform=\"" + t.join(" ") + "\">", "</g>"));
+		o % 2 == 1 && (i.left !== i.top && (s = i.left, i.left = i.top, i.top = s), i.width !== i.height && (s = i.width, i.width = i.height, i.height = s)), t.length && (a = ue(a, "<g transform=\"" + t.join(" ") + "\">", "</g>"));
 	});
 	let o = r.width, s = r.height, c = i.width, l = i.height, u, d;
-	o === null ? (d = s === null ? "1em" : s === "auto" ? l : s, u = le(d, c / l)) : (u = o === "auto" ? c : o, d = s === null ? le(u, l / c) : s === "auto" ? l : s);
+	o === null ? (d = s === null ? "1em" : s === "auto" ? l : s, u = V(d, c / l)) : (u = o === "auto" ? c : o, d = s === null ? V(u, l / c) : s === "auto" ? l : s);
 	let f = {}, p = (e, t) => {
-		pe(t) || (f[e] = t.toString());
+		de(t) || (f[e] = t.toString());
 	};
 	p("width", u), p("height", d);
 	let m = [
@@ -269,30 +269,30 @@ function me(e, t) {
 		body: a
 	};
 }
-var he = /\sid="(\S+)"/g, ge = /* @__PURE__ */ new Map();
-function _e(e) {
+var pe = /\sid="(\S+)"/g, me = /* @__PURE__ */ new Map();
+function he(e) {
 	e = e.replace(/[0-9]+$/, "") || "a";
-	let t = ge.get(e) || 0;
-	return ge.set(e, t + 1), t ? `${e}${t}` : e;
+	let t = me.get(e) || 0;
+	return me.set(e, t + 1), t ? `${e}${t}` : e;
 }
-function ve(e) {
+function ge(e) {
 	let t = [], n;
-	for (; n = he.exec(e);) t.push(n[1]);
+	for (; n = pe.exec(e);) t.push(n[1]);
 	if (!t.length) return e;
 	let r = "suffix" + (Math.random() * 16777216 | Date.now()).toString(16);
 	return t.forEach((t) => {
-		let n = _e(t), i = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		let n = he(t), i = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 		e = e.replace(RegExp("([#;\"])(" + i + ")([\")]|\\.[a-z])", "g"), "$1" + n + r + "$3");
 	}), e = e.replace(new RegExp(r, "g"), ""), e;
 }
-var ye = Object.create(null);
-function be(e, t) {
-	ye[e] = t;
+var H = Object.create(null);
+function _e(e, t) {
+	H[e] = t;
 }
-function B(e) {
-	return ye[e] || ye[""];
+function U(e) {
+	return H[e] || H[""];
 }
-function V(e) {
+function W(e) {
 	let t;
 	if (typeof e.resources == "string") t = [e.resources];
 	else if (t = e.resources, !(t instanceof Array) || !t.length) return null;
@@ -307,23 +307,23 @@ function V(e) {
 		dataAfterTimeout: e.dataAfterTimeout !== !1
 	};
 }
-for (var H = Object.create(null), U = ["https://api.simplesvg.com", "https://api.unisvg.com"], W = []; U.length > 0;) U.length === 1 || Math.random() > .5 ? W.push(U.shift()) : W.push(U.pop());
-H[""] = V({ resources: ["https://api.iconify.design"].concat(W) });
-function xe(e, t) {
-	let n = V(t);
-	return n === null ? !1 : (H[e] = n, !0);
+for (var G = Object.create(null), K = ["https://api.simplesvg.com", "https://api.unisvg.com"], q = []; K.length > 0;) K.length === 1 || Math.random() > .5 ? q.push(K.shift()) : q.push(K.pop());
+G[""] = W({ resources: ["https://api.iconify.design"].concat(q) });
+function ve(e, t) {
+	let n = W(t);
+	return n === null ? !1 : (G[e] = n, !0);
 }
-function G(e) {
-	return H[e];
+function J(e) {
+	return G[e];
 }
-var Se = (() => {
+var ye = (() => {
 	let e;
 	try {
 		if (e = fetch, typeof e == "function") return e;
 	} catch {}
 })();
-function Ce(e, t) {
-	let n = G(e);
+function be(e, t) {
+	let n = J(e);
 	if (!n) return 0;
 	let r;
 	if (!n.maxURL) r = 0;
@@ -337,11 +337,11 @@ function Ce(e, t) {
 	}
 	return r;
 }
-function we(e) {
+function xe(e) {
 	return e === 404;
 }
-var Te = (e, t, n) => {
-	let r = [], i = Ce(e, t), a = "icons", o = {
+var Se = (e, t, n) => {
+	let r = [], i = be(e, t), a = "icons", o = {
 		type: a,
 		provider: e,
 		prefix: t,
@@ -356,21 +356,21 @@ var Te = (e, t, n) => {
 		}, s = n.length), o.icons.push(n);
 	}), r.push(o), r;
 };
-function Ee(e) {
+function Ce(e) {
 	if (typeof e == "string") {
-		let t = G(e);
+		let t = J(e);
 		if (t) return t.path;
 	}
 	return "/";
 }
-var De = {
-	prepare: Te,
+var we = {
+	prepare: Se,
 	send: (e, t, n) => {
-		if (!Se) {
+		if (!ye) {
 			n("abort", 424);
 			return;
 		}
-		let r = Ee(t.provider);
+		let r = Ce(t.provider);
 		switch (t.type) {
 			case "icons": {
 				let e = t.prefix, n = t.icons.join(","), i = new URLSearchParams({ icons: n });
@@ -387,11 +387,11 @@ var De = {
 				return;
 		}
 		let i = 503;
-		Se(e + r).then((e) => {
+		ye(e + r).then((e) => {
 			let t = e.status;
 			if (t !== 200) {
 				setTimeout(() => {
-					n(we(t) ? "abort" : "next", t);
+					n(xe(t) ? "abort" : "next", t);
 				});
 				return;
 			}
@@ -411,13 +411,13 @@ var De = {
 		});
 	}
 };
-function Oe(e, t) {
+function Te(e, t) {
 	e.forEach((e) => {
 		let n = e.loaderCallbacks;
 		n && (e.loaderCallbacks = n.filter((e) => e.id !== t));
 	});
 }
-function ke(e) {
+function Ee(e) {
 	e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
 		e.pendingCallbacksFlag = !1;
 		let t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
@@ -440,13 +440,13 @@ function ke(e) {
 				});
 				else return n = !0, !0;
 				return !1;
-			}), a.pending.length !== o && (n || Oe([e], t.id), t.callback(a.loaded.slice(0), a.missing.slice(0), a.pending.slice(0), t.abort));
+			}), a.pending.length !== o && (n || Te([e], t.id), t.callback(a.loaded.slice(0), a.missing.slice(0), a.pending.slice(0), t.abort));
 		});
 	}));
 }
-var Ae = 0;
-function je(e, t, n) {
-	let r = Ae++, i = Oe.bind(null, n, r);
+var De = 0;
+function Oe(e, t, n) {
+	let r = De++, i = Te.bind(null, n, r);
 	if (!t.pending.length) return i;
 	let a = {
 		id: r,
@@ -458,7 +458,7 @@ function je(e, t, n) {
 		(e.loaderCallbacks ||= []).push(a);
 	}), i;
 }
-function Me(e) {
+function ke(e) {
 	let t = {
 		loaded: [],
 		missing: [],
@@ -473,7 +473,7 @@ function Me(e) {
 	return e.forEach((e) => {
 		if (r.name === e.name && r.prefix === e.prefix && r.provider === e.provider) return;
 		r = e;
-		let i = e.provider, a = e.prefix, o = e.name, s = n[i] || (n[i] = Object.create(null)), c = s[a] || (s[a] = P(i, a)), l;
+		let i = e.provider, a = e.prefix, o = e.name, s = n[i] || (n[i] = Object.create(null)), c = s[a] || (s[a] = I(i, a)), l;
 		l = o in c.icons ? t.loaded : a === "" || c.missing.has(o) ? t.missing : t.pending;
 		let u = {
 			provider: i,
@@ -483,14 +483,14 @@ function Me(e) {
 		l.push(u);
 	}), t;
 }
-function Ne(e, t = !0, n = !1) {
+function Ae(e, t = !0, n = !1) {
 	let r = [];
 	return e.forEach((e) => {
 		let i = typeof e == "string" ? x(e, t, n) : e;
 		i && r.push(i);
 	}), r;
 }
-var Pe = {
+var je = {
 	resources: [],
 	index: 0,
 	timeout: 2e3,
@@ -498,7 +498,7 @@ var Pe = {
 	random: !1,
 	dataAfterTimeout: !1
 };
-function Fe(e, t, n, r) {
+function Me(e, t, n, r) {
 	let i = e.resources.length, a = e.random ? Math.floor(Math.random() * i) : e.index, o;
 	if (e.random) {
 		let t = e.resources.slice(0);
@@ -592,16 +592,16 @@ function Fe(e, t, n, r) {
 	}
 	return setTimeout(x), _;
 }
-function Ie(e) {
+function Ne(e) {
 	let t = {
-		...Pe,
+		...je,
 		...e
 	}, n = [];
 	function r() {
 		n = n.filter((e) => e().status === "pending");
 	}
 	function i(e, i, a) {
-		let o = Fe(t, e, i, (e, t) => {
+		let o = Me(t, e, i, (e, t) => {
 			r(), a && a(e, t);
 		});
 		return n.push(o), o;
@@ -619,44 +619,44 @@ function Ie(e) {
 		cleanup: r
 	};
 }
-function Le() {}
-var K = Object.create(null);
-function Re(e) {
-	if (!K[e]) {
-		let t = G(e);
+function Pe() {}
+var Y = Object.create(null);
+function Fe(e) {
+	if (!Y[e]) {
+		let t = J(e);
 		if (!t) return;
-		K[e] = {
+		Y[e] = {
 			config: t,
-			redundancy: Ie(t)
+			redundancy: Ne(t)
 		};
 	}
-	return K[e];
+	return Y[e];
 }
-function ze(e, t, n) {
+function Ie(e, t, n) {
 	let r, i;
 	if (typeof e == "string") {
-		let t = B(e);
-		if (!t) return n(void 0, 424), Le;
+		let t = U(e);
+		if (!t) return n(void 0, 424), Pe;
 		i = t.send;
-		let a = Re(e);
+		let a = Fe(e);
 		a && (r = a.redundancy);
 	} else {
-		let t = V(e);
+		let t = W(e);
 		if (t) {
-			r = Ie(t);
-			let n = B(e.resources ? e.resources[0] : "");
+			r = Ne(t);
+			let n = U(e.resources ? e.resources[0] : "");
 			n && (i = n.send);
 		}
 	}
-	return !r || !i ? (n(void 0, 424), Le) : r.query(t, i, n)().abort;
+	return !r || !i ? (n(void 0, 424), Pe) : r.query(t, i, n)().abort;
 }
-function Be() {}
-function Ve(e) {
+function Le() {}
+function Re(e) {
 	e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
-		e.iconsLoaderFlag = !1, ke(e);
+		e.iconsLoaderFlag = !1, Ee(e);
 	}));
 }
-function He(e) {
+function ze(e) {
 	let t = [], n = [];
 	return e.forEach((e) => {
 		(e.match(b) ? t : n).push(e);
@@ -665,7 +665,7 @@ function He(e) {
 		invalid: n
 	};
 }
-function q(e, t, n) {
+function X(e, t, n) {
 	function r() {
 		let n = e.pendingIcons;
 		t.forEach((t) => {
@@ -673,38 +673,38 @@ function q(e, t, n) {
 		});
 	}
 	if (n && typeof n == "object") try {
-		if (!F(e, n).length) {
+		if (!L(e, n).length) {
 			r();
 			return;
 		}
 	} catch (e) {
 		console.error(e);
 	}
-	r(), Ve(e);
+	r(), Re(e);
 }
-function Ue(e, t) {
+function Be(e, t) {
 	e instanceof Promise ? e.then((e) => {
 		t(e);
 	}).catch(() => {
 		t(null);
 	}) : t(e);
 }
-function We(e, t) {
+function Ve(e, t) {
 	e.iconsToLoad ? e.iconsToLoad = e.iconsToLoad.concat(t).sort() : e.iconsToLoad = t, e.iconsQueueFlag || (e.iconsQueueFlag = !0, setTimeout(() => {
 		e.iconsQueueFlag = !1;
 		let { provider: t, prefix: n } = e, r = e.iconsToLoad;
 		if (delete e.iconsToLoad, !r || !r.length) return;
 		let i = e.loadIcon;
 		if (e.loadIcons && (r.length > 1 || !i)) {
-			Ue(e.loadIcons(r, n, t), (t) => {
-				q(e, r, t);
+			Be(e.loadIcons(r, n, t), (t) => {
+				X(e, r, t);
 			});
 			return;
 		}
 		if (i) {
 			r.forEach((r) => {
-				Ue(i(r, n, t), (t) => {
-					q(e, [r], t ? {
+				Be(i(r, n, t), (t) => {
+					X(e, [r], t ? {
 						prefix: n,
 						icons: { [r]: t }
 					} : null);
@@ -712,26 +712,26 @@ function We(e, t) {
 			});
 			return;
 		}
-		let { valid: a, invalid: o } = He(r);
-		if (o.length && q(e, o, null), !a.length) return;
-		let s = n.match(b) ? B(t) : null;
+		let { valid: a, invalid: o } = ze(r);
+		if (o.length && X(e, o, null), !a.length) return;
+		let s = n.match(b) ? U(t) : null;
 		if (!s) {
-			q(e, a, null);
+			X(e, a, null);
 			return;
 		}
 		s.prepare(t, n, a).forEach((n) => {
-			ze(t, n, (t) => {
-				q(e, n.icons, t);
+			Ie(t, n, (t) => {
+				X(e, n.icons, t);
 			});
 		});
 	}));
 }
-var Ge = (e, t) => {
-	let n = Me(Ne(e, !0, R()));
+var He = (e, t) => {
+	let n = ke(Ae(e, !0, ne()));
 	if (!n.pending.length) {
 		let e = !0;
 		return t && setTimeout(() => {
-			e && t(n.loaded, n.missing, n.pending, Be);
+			e && t(n.loaded, n.missing, n.pending, Le);
 		}), () => {
 			e = !1;
 		};
@@ -740,18 +740,18 @@ var Ge = (e, t) => {
 	return n.pending.forEach((e) => {
 		let { provider: t, prefix: n } = e;
 		if (n === o && t === a) return;
-		a = t, o = n, i.push(P(t, n));
+		a = t, o = n, i.push(I(t, n));
 		let s = r[t] || (r[t] = Object.create(null));
 		s[n] || (s[n] = []);
 	}), n.pending.forEach((e) => {
-		let { provider: t, prefix: n, name: i } = e, a = P(t, n), o = a.pendingIcons ||= /* @__PURE__ */ new Set();
+		let { provider: t, prefix: n, name: i } = e, a = I(t, n), o = a.pendingIcons ||= /* @__PURE__ */ new Set();
 		o.has(i) || (o.add(i), r[t][n].push(i));
 	}), i.forEach((e) => {
 		let t = r[e.provider][e.prefix];
-		t.length && We(e, t);
-	}), t ? je(t, n, i) : Be;
+		t.length && Ve(e, t);
+	}), t ? Oe(t, n, i) : Le;
 };
-function Ke(e, t) {
+function Ue(e, t) {
 	let n = { ...e };
 	for (let e in t) {
 		let r = t[e], i = typeof r;
@@ -759,9 +759,9 @@ function Ke(e, t) {
 	}
 	return n;
 }
-var qe = /[\s,]+/;
-function Je(e, t) {
-	t.split(qe).forEach((t) => {
+var We = /[\s,]+/;
+function Ge(e, t) {
+	t.split(We).forEach((t) => {
 		switch (t.trim()) {
 			case "horizontal":
 				e.hFlip = !0;
@@ -772,7 +772,7 @@ function Je(e, t) {
 		}
 	});
 }
-function Ye(e, t = 0) {
+function Ke(e, t = 0) {
 	let n = e.replace(/^-?[0-9.]*/, "");
 	function r(e) {
 		for (; e < 0;) e += 4;
@@ -796,51 +796,51 @@ function Ye(e, t = 0) {
 	}
 	return t;
 }
-function Xe(e, t) {
+function qe(e, t) {
 	let n = e.indexOf("xlink:") === -1 ? "" : " xmlns:xlink=\"http://www.w3.org/1999/xlink\"";
 	for (let e in t) n += " " + e + "=\"" + t[e] + "\"";
 	return "<svg xmlns=\"http://www.w3.org/2000/svg\"" + n + ">" + e + "</svg>";
 }
-function Ze(e) {
+function Je(e) {
 	return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function Qe(e) {
-	return "data:image/svg+xml," + Ze(e);
+function Ye(e) {
+	return "data:image/svg+xml," + Je(e);
 }
-function $e(e) {
-	return "url(\"" + Qe(e) + "\")";
+function Xe(e) {
+	return "url(\"" + Ye(e) + "\")";
 }
-var et = {
-	...oe,
+var Ze = {
+	...B,
 	inline: !1
-}, tt = {
+}, Qe = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink",
 	"aria-hidden": !0,
 	role: "img"
-}, nt = { display: "inline-block" }, J = { backgroundColor: "currentColor" }, rt = { backgroundColor: "transparent" }, it = {
+}, $e = { display: "inline-block" }, et = { backgroundColor: "currentColor" }, tt = { backgroundColor: "transparent" }, nt = {
 	Image: "var(--svg)",
 	Repeat: "no-repeat",
 	Size: "100% 100%"
-}, at = {
-	webkitMask: J,
-	mask: J,
-	background: rt
+}, rt = {
+	webkitMask: et,
+	mask: et,
+	background: tt
 };
-for (let e in at) {
-	let t = at[e];
-	for (let n in it) t[e + n] = it[n];
+for (let e in rt) {
+	let t = rt[e];
+	for (let n in nt) t[e + n] = nt[n];
 }
-var Y = {};
+var Z = {};
 ["horizontal", "vertical"].forEach((e) => {
 	let t = e.slice(0, 1) + "Flip";
-	Y[e + "-flip"] = t, Y[e.slice(0, 1) + "-flip"] = t, Y[e + "Flip"] = t;
+	Z[e + "-flip"] = t, Z[e.slice(0, 1) + "-flip"] = t, Z[e + "Flip"] = t;
 });
-function ot(e) {
+function it(e) {
 	return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-var st = (e, t) => {
-	let n = Ke(et, t), r = { ...tt }, i = t.mode || "svg", a = {}, o = t.style, s = typeof o == "object" && !(o instanceof Array) ? o : {};
+var at = (e, t) => {
+	let n = Ue(Ze, t), r = { ...Qe }, i = t.mode || "svg", a = {}, o = t.style, s = typeof o == "object" && !(o instanceof Array) ? o : {};
 	for (let e in t) {
 		let i = t[e];
 		if (i !== void 0) switch (e) {
@@ -856,45 +856,45 @@ var st = (e, t) => {
 				n[e] = i === !0 || i === "true" || i === 1;
 				break;
 			case "flip":
-				typeof i == "string" && Je(n, i);
+				typeof i == "string" && Ge(n, i);
 				break;
 			case "color":
 				a.color = i;
 				break;
 			case "rotate":
-				typeof i == "string" ? n[e] = Ye(i) : typeof i == "number" && (n[e] = i);
+				typeof i == "string" ? n[e] = Ke(i) : typeof i == "number" && (n[e] = i);
 				break;
 			case "ariaHidden":
 			case "aria-hidden":
 				i !== !0 && i !== "true" && delete r["aria-hidden"];
 				break;
 			default: {
-				let t = Y[e];
-				t ? (i === !0 || i === "true" || i === 1) && (n[t] = !0) : et[e] === void 0 && (r[e] = i);
+				let t = Z[e];
+				t ? (i === !0 || i === "true" || i === 1) && (n[t] = !0) : Ze[e] === void 0 && (r[e] = i);
 			}
 		}
 	}
-	let l = me(e, n), u = l.attributes;
+	let l = fe(e, n), u = l.attributes;
 	if (n.inline && (a.verticalAlign = "-0.125em"), i === "svg") return r.style = {
 		...a,
 		...s
-	}, Object.assign(r, u), r.innerHTML = ve(l.body), c("svg", r);
-	let { body: d, width: f, height: p } = e, m = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), h = Xe(d, {
+	}, Object.assign(r, u), r.innerHTML = ge(l.body), c("svg", r);
+	let { body: d, width: f, height: p } = e, m = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), h = qe(d, {
 		...u,
 		width: f + "",
 		height: p + ""
 	});
 	return r.style = {
 		...a,
-		"--svg": $e(h),
-		width: ot(u.width),
-		height: ot(u.height),
-		...nt,
-		...m ? J : rt,
+		"--svg": Xe(h),
+		width: it(u.width),
+		height: it(u.height),
+		...$e,
+		...m ? et : tt,
 		...s
 	}, c("span", r);
 };
-if (R(!0), be("", De), typeof document < "u" && typeof window < "u") {
+if (ne(!0), _e("", we), typeof document < "u" && typeof window < "u") {
 	let e = window;
 	if (e.IconifyPreload !== void 0) {
 		let t = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
@@ -913,17 +913,17 @@ if (R(!0), be("", De), typeof document < "u" && typeof window < "u") {
 			try {
 				let r = t[e];
 				if (typeof r != "object" || !r || r.resources === void 0) continue;
-				xe(e, r) || console.error(n);
+				ve(e, r) || console.error(n);
 			} catch {
 				console.error(n);
 			}
 		}
 	}
 }
-var ct = {
+var ot = {
 	...E,
 	body: ""
-}, lt = o((e, { emit: t }) => {
+}, st = o((e, { emit: t }) => {
 	let n = g(null);
 	function r() {
 		n.value &&= (n.value.abort?.(), null);
@@ -939,7 +939,7 @@ var ct = {
 			let e = n.value;
 			return (!e || e.name !== i) && (s === null ? n.value = { name: i } : n.value = {
 				name: i,
-				abort: Ge([o], c)
+				abort: He([o], c)
 			}), null;
 		}
 		r(), a.value !== i && (a.value = i, d(() => {
@@ -965,12 +965,12 @@ var ct = {
 		i.value = !0, c();
 	}), y(() => e.icon, c), m(r), () => {
 		let t = o.value;
-		if (!t) return st(ct, e);
+		if (!t) return at(ot, e);
 		let n = e;
 		return t.classes && (n = {
 			...e,
 			class: t.classes.join(" ")
-		}), st({
+		}), at({
 			...E,
 			...t.data
 		}, n);
@@ -997,12 +997,18 @@ var ct = {
 		"title"
 	],
 	emits: ["load"]
-}), ut = /* @__PURE__ */ new Set();
-function X(e, t, n) {
-	let r = `${e}.${t}`;
-	ut.has(r) || (ut.add(r), typeof console < "u" && console.warn(`[ccui][${e}] ${t} 已 deprecated，请改用 ${n}。`));
+}), ct = /* @__PURE__ */ new Set();
+function lt() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function ut(e, t, n) {
+	if (!lt()) return;
+	let r = n ? `${n}.${e}` : e;
+	if (ct.has(r) || (ct.add(r), typeof console > "u")) return;
+	let i = n ? `[ccui][${n}]` : "[ccui]", a = t ? `，请改用 ${t}` : "";
+	console.warn(`${i} ${e} 已 deprecated${a}。`);
 }
-function Z(e, t, n) {
+function dt(e, t, n) {
 	return e ? Object.prototype.hasOwnProperty.call(e, t) || Object.prototype.hasOwnProperty.call(e, n) : !1;
 }
 //#endregion
@@ -1011,7 +1017,7 @@ function Q(e, t, n) {
 	let r = e;
 	return t && (r += `__${t}`), n && (r += `--${n}`), r;
 }
-function dt(e, t = !1) {
+function ft(e, t = !1) {
 	let n = t ? `.ccui-${e}` : `ccui-${e}`;
 	return {
 		b: () => Q(n),
@@ -1023,15 +1029,11 @@ function dt(e, t = !1) {
 }
 //#endregion
 //#region ../ccui/ui/drawer/src/drawer-types.ts
-var ft = {
+var pt = {
 	visible: {
 		type: Boolean,
 		default: !1
 	},
-	open: {
-		type: Boolean,
-		default: void 0
-	},
 	title: {
 		type: String,
 		default: ""
@@ -1056,10 +1058,6 @@ var ft = {
 		type: Boolean,
 		default: !0
 	},
-	keyboard: {
-		type: Boolean,
-		default: void 0
-	},
 	mask: {
 		type: Boolean,
 		default: !0
@@ -1096,10 +1094,6 @@ var ft = {
 		type: Boolean,
 		default: !0
 	},
-	getContainer: {
-		type: Function,
-		default: void 0
-	},
 	push: {
 		type: [Boolean, Object],
 		default: !0
@@ -1116,27 +1110,26 @@ var ft = {
 		type: Object,
 		default: void 0
 	}
-}, pt = Symbol("CDrawerParent");
+}, mt = Symbol("CDrawerParent");
 //#endregion
 //#region ../ccui/ui/drawer/src/drawer.tsx
-function mt(e) {
+function ht(e) {
 	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !u(e);
 }
-function ht(e) {
+function gt(e) {
 	return e.includes(":");
 }
-function gt(e) {
+function _t(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function _t(e) {
+function vt(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-var vt = 180, $ = /* @__PURE__ */ o({
+var yt = 180, bt = 0, $ = /* @__PURE__ */ o({
 	name: "CDrawer",
-	props: ft,
+	props: pt,
 	emits: [
 		"update:visible",
-		"update:open",
 		"open",
 		"opened",
 		"close",
@@ -1144,104 +1137,106 @@ var vt = 180, $ = /* @__PURE__ */ o({
 		"after-open-change"
 	],
 	setup(o, { emit: c, slots: u }) {
-		let d = dt("drawer"), p = s()?.vnode.props;
-		Z(p, "visible", "visible") && X("Drawer", "visible", "open（v-model:open）"), Z(p, "closeOnEsc", "close-on-esc") && X("Drawer", "closeOnEsc", "keyboard"), Z(p, "showFooter", "show-footer") && X("Drawer", "showFooter", "footer slot 或 footer prop"), Z(p, "appendToBody", "append-to-body") && X("Drawer", "appendToBody", "getContainer");
-		let m = r(() => o.open === void 0 ? o.visible : o.open), _ = g(null), b = g(m.value || o.keepAlive), x = r(() => gt(o.closable) ? o.closable : null), S = r(() => {
+		let d = ft("drawer"), p = ++bt, m = `${d.b()}-title-${p}`, _ = `${d.b()}-body-${p}`, b = s()?.vnode.props;
+		dt(b, "showFooter", "show-footer") && ut("showFooter", "footer slot 或 footer prop", "Drawer");
+		let x = r(() => o.visible), S = g(null), C = g(x.value || o.keepAlive), w = r(() => _t(o.closable) ? o.closable : null), T = r(() => {
 			let e = o.closable;
 			return typeof e == "boolean" ? e : e != null;
-		}), C = r(() => !!x.value?.disabled), w = r(() => x.value?.ariaLabel || "Close"), T = r(() => o.keyboard === void 0 ? o.closeOnEsc : o.keyboard), E = l(pt, null), D = g(0), ee = r(() => {
+		}), E = r(() => !!w.value?.disabled), D = r(() => w.value?.ariaLabel || "Close"), O = l(mt, null), k = g(0), ee = r(() => {
 			let e = o.push;
 			return typeof e == "boolean" ? e : e != null;
-		}), O = r(() => {
+		}), A = r(() => {
 			let e = o.push;
-			return _t(e) ? e.distance ?? vt : vt;
+			return vt(e) ? e.distance ?? yt : yt;
 		});
-		h(pt, {
+		h(mt, {
 			placement: v(o, "placement"),
 			register: () => {
-				D.value++;
+				k.value++;
 			},
 			unregister: () => {
-				D.value = Math.max(0, D.value - 1);
+				k.value = Math.max(0, k.value - 1);
 			}
 		});
-		let k = !1;
-		y(m, (e) => {
-			E && (e && !k ? (E.register(), k = !0) : !e && k && (E.unregister(), k = !1));
+		let j = !1;
+		y(x, (e) => {
+			O && (e && !j ? (O.register(), j = !0) : !e && j && (O.unregister(), j = !1));
 		}, { immediate: !0 });
-		let A = r(() => {
-			if (!ee.value || D.value === 0) return;
-			let e = O.value;
+		let M = r(() => {
+			if (!ee.value || k.value === 0) return;
+			let e = A.value;
 			switch (o.placement) {
 				case "right": return `translateX(-${e}px)`;
 				case "left": return `translateX(${e}px)`;
 				case "top": return `translateY(${e}px)`;
 				case "bottom": return `translateY(-${e}px)`;
 			}
-		}), te = r(() => o.placement === "left" || o.placement === "right"), j = r(() => {
-			let e = typeof o.size == "number" ? `${o.size}px` : String(o.size), t = te.value ? { width: e } : { height: e };
-			return A.value ? {
+		}), N = r(() => o.placement === "left" || o.placement === "right"), P = r(() => {
+			let e = typeof o.size == "number" ? `${o.size}px` : String(o.size), t = N.value ? { width: e } : { height: e };
+			return M.value ? {
 				...t,
-				transform: A.value
+				transform: M.value
 			} : t;
-		}), M = (e) => {
-			c("update:visible", e), c("update:open", e);
-		}, N = () => {
-			C.value || (M(!1), c("close"));
-		}, ne = () => {
-			o.maskClosable && N();
-		}, P = (e) => {
-			e.key === "Escape" && T.value && m.value && N();
-		}, F = () => {
+		}), F = () => {
+			E.value || (c("update:visible", !1), c("close"));
+		}, I = () => {
+			o.maskClosable && F();
+		}, L = (e) => {
+			e.key === "Escape" && o.closeOnEsc && x.value && F();
+		}, te = () => {
 			let e = document.body;
 			if (e.dataset.ccuiDrawerCount) {
 				e.dataset.ccuiDrawerCount = String(Number(e.dataset.ccuiDrawerCount) + 1);
 				return;
 			}
 			e.dataset.ccuiDrawerCount = "1", e.dataset.ccuiDrawerOverflow = e.style.overflow, e.style.overflow = "hidden";
-		}, I = () => {
+		}, R = () => {
 			let e = document.body, t = Number(e.dataset.ccuiDrawerCount ?? 0) - 1;
 			t <= 0 ? (e.style.overflow = e.dataset.ccuiDrawerOverflow ?? "", delete e.dataset.ccuiDrawerCount, delete e.dataset.ccuiDrawerOverflow) : e.dataset.ccuiDrawerCount = String(t);
 		};
-		y(m, (e) => {
+		y(x, (e) => {
 			if (e) {
 				if (typeof document < "u") {
 					let e = document.activeElement;
-					e instanceof HTMLElement && (_.value = e);
+					e instanceof HTMLElement && (S.value = e);
 				}
-				b.value = !0, F(), document.addEventListener("keydown", P), c("open");
-			} else document.removeEventListener("keydown", P), I();
+				C.value = !0, te(), document.addEventListener("keydown", L), c("open");
+			} else document.removeEventListener("keydown", L), R();
 			c("after-open-change", e);
 		}, { immediate: !0 }), f(() => {
-			document.removeEventListener("keydown", P), m.value && I(), E && k && (E.unregister(), k = !1);
+			document.removeEventListener("keydown", L), x.value && R(), O && j && (O.unregister(), j = !1);
 		});
-		let L = () => c("opened"), R = () => {
-			if (o.destroyOnClose && !o.keepAlive && (b.value = !1), o.focusTriggerAfterClose && _.value && document.body.contains(_.value)) try {
-				_.value.focus({ preventScroll: !0 });
+		let ne = () => c("opened"), re = () => {
+			if (o.destroyOnClose && !o.keepAlive && (C.value = !1), o.focusTriggerAfterClose && S.value && document.body.contains(S.value)) try {
+				S.value.focus({ preventScroll: !0 });
 			} catch {}
 			c("closed");
-		}, re = () => {
+		}, ie = () => {
 			if (u["close-icon"]) return a(e, null, [u["close-icon"]()]);
-			let t = x.value?.closeIcon;
-			return t ? typeof t == "string" ? ht(t) ? a(lt, { icon: t }, null) : a("i", { class: t }, null) : t : a("span", null, [i("×")]);
-		}, ie = r(() => !!(o.title || u.title || S.value || u.extra)), ae = () => ie.value ? a("div", {
+			let t = w.value?.closeIcon;
+			return t ? typeof t == "string" ? gt(t) ? a(st, { icon: t }, null) : a("i", { class: t }, null) : t : a("span", null, [i("×")]);
+		}, ae = r(() => !!(o.title || u.title || T.value || u.extra)), z = () => ae.value ? a("div", {
 			class: [d.e("header"), o.classNames?.header],
 			style: o.styles?.header
 		}, [
-			a("div", { class: d.e("title") }, [u.title ? u.title() : o.title]),
+			a("div", {
+				class: d.e("title"),
+				id: m
+			}, [u.title ? u.title() : o.title]),
 			u.extra && a("div", { class: d.e("extra") }, [u.extra()]),
-			S.value && a("button", {
-				class: [d.e("close"), C.value && d.is("disabled")],
-				onClick: N,
-				disabled: C.value,
-				"aria-label": w.value
-			}, [re()])
-		]) : null, z = () => o.loading ? a("div", {
+			T.value && a("button", {
+				class: [d.e("close"), E.value && d.is("disabled")],
+				onClick: F,
+				disabled: E.value,
+				"aria-label": D.value
+			}, [ie()])
+		]) : null, B = () => o.loading ? a("div", {
 			class: [
 				d.e("body"),
 				d.em("body", "loading"),
 				o.classNames?.body
 			],
+			id: _,
 			style: o.styles?.body
 		}, [a("div", {
 			class: d.e("skeleton"),
@@ -1252,6 +1247,7 @@ var vt = 180, $ = /* @__PURE__ */ o({
 			a("span", { class: d.em("skeleton", "line") }, null)
 		])]) : a("div", {
 			class: [d.e("body"), o.classNames?.body],
+			id: _,
 			style: o.styles?.body
 		}, [u.default?.()]), oe = r(() => u.footer ? !1 : o.footer === null || o.footer === void 0 && !o.showFooter), se = () => {
 			if (oe.value) return null;
@@ -1266,15 +1262,9 @@ var vt = 180, $ = /* @__PURE__ */ o({
 				class: e,
 				style: t
 			}, null);
-		}, ce = (e) => {
-			if (o.getContainer) {
-				let n = o.getContainer(null);
-				return n ? a(t, { to: n }, mt(e) ? e : { default: () => [e] }) : e;
-			}
-			return o.appendToBody ? a(t, { to: "body" }, mt(e) ? e : { default: () => [e] }) : e;
-		};
+		}, V = (e) => o.appendToBody ? a(t, { to: "body" }, ht(e) ? e : { default: () => [e] }) : e;
 		return () => {
-			let e = a("div", {
+			let e = !!(o.title || u.title), t = a("div", {
 				class: [
 					d.b(),
 					d.m(o.placement),
@@ -1282,24 +1272,26 @@ var vt = 180, $ = /* @__PURE__ */ o({
 				],
 				style: [{ zIndex: o.zIndex }, o.styles?.root],
 				"aria-modal": "true",
-				role: "dialog"
-			}, [a(n, { name: `${d.b()}-fade` }, { default: () => [o.mask && m.value && a("div", {
+				role: "dialog",
+				"aria-labelledby": e ? m : void 0,
+				"aria-describedby": _
+			}, [a(n, { name: `${d.b()}-fade` }, { default: () => [o.mask && x.value && a("div", {
 				class: [d.e("mask"), o.classNames?.mask],
 				style: o.styles?.mask,
-				onClick: ne
+				onClick: I
 			}, null)] }), a(n, {
 				name: `${d.b()}-${o.placement}`,
-				onAfterEnter: L,
-				onAfterLeave: R
-			}, { default: () => [m.value && a("div", {
+				onAfterEnter: ne,
+				onAfterLeave: re
+			}, { default: () => [x.value && a("div", {
 				class: [d.e("content"), o.classNames?.wrap],
-				style: [j.value, o.styles?.wrap]
+				style: [P.value, o.styles?.wrap]
 			}, [a("div", { class: d.e("inner") }, [
-				ae(),
 				z(),
+				B(),
 				se()
 			])])] })]);
-			return o.destroyOnClose && !o.keepAlive && !b.value ? null : ce(e);
+			return o.destroyOnClose && !o.keepAlive && !C.value ? null : V(t);
 		};
 	}
 });
@@ -1308,7 +1300,7 @@ var vt = 180, $ = /* @__PURE__ */ o({
 $.install = function(e) {
 	e.component($.name, $);
 };
-var yt = {
+var xt = {
 	title: "Drawer 抽屉",
 	category: "反馈",
 	status: "100%",
@@ -1317,4 +1309,4 @@ var yt = {
 	}
 };
 //#endregion
-export { $ as Drawer, yt as default };
+export { $ as Drawer, xt as default };