@vaebe/ccui 2.0.1-beta.2 → 2.0.1-beta.3

package/color-picker/index.es.js

@@ -0,0 +1,1881 @@
+import * as e from "vue";
+import { Teleport as t, Transition as n, computed as r, createTextVNode as i, createVNode as a, defineComponent as o, getCurrentInstance as s, h as c, inject as l, nextTick as u, onMounted as d, onUnmounted as f, ref as p, shallowRef as m, watch as h } from "vue";
+import { autoUpdate as g, computePosition as _, flip as v, offset as y, shift as b } from "@floating-ui/dom";
+//#region \0rolldown/runtime.js
+var x = Object.defineProperty, S = Object.getOwnPropertyDescriptor, C = Object.getOwnPropertyNames, w = Object.prototype.hasOwnProperty, T = (e, t) => {
+	let n = {};
+	for (var r in e) x(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || x(n, Symbol.toStringTag, { value: "Module" }), n;
+}, E = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = C(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !w.call(e, s) && s !== n && x(e, s, {
+		get: ((e) => t[e]).bind(null, s),
+		enumerable: !(r = S(t, s)) || r.enumerable
+	});
+	return e;
+}, D = (e, t, n) => (E(e, t, "default"), n && E(n, t, "default"));
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function O() {
+	return typeof window < "u";
+}
+function k(e) {
+	return j(e) ? (e.nodeName || "").toLowerCase() : "#document";
+}
+function A(e) {
+	var t;
+	return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function j(e) {
+	return O() ? e instanceof Node || e instanceof A(e).Node : !1;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.33_typescript@5.9.3_/node_modules/vue-demi/lib/index.mjs
+var M = /* @__PURE__ */ T({
+	Vue: () => e,
+	Vue2: () => void 0,
+	del: () => re,
+	install: () => te,
+	isVue2: () => !1,
+	isVue3: () => !0,
+	set: () => ne
+});
+import * as ee from "vue";
+D(M, ee);
+function te() {}
+function ne(e, t, n) {
+	return Array.isArray(e) ? (e.length = Math.max(e.length, t), e.splice(t, 1, n), n) : (e[t] = n, n);
+}
+function re(e, t) {
+	if (Array.isArray(e)) {
+		e.splice(t, 1);
+		return;
+	}
+	delete e[t];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@floating-ui+vue@1.1.9_vue@3.5.33_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.mjs
+function ie(e) {
+	return typeof e == "object" && !!e && "$el" in e;
+}
+function ae(e) {
+	if (ie(e)) {
+		let t = e.$el;
+		return j(t) && k(t) === "#comment" ? null : t;
+	}
+	return e;
+}
+function N(e) {
+	return typeof e == "function" ? e() : (0, M.unref)(e);
+}
+function oe(e) {
+	return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function P(e, t) {
+	let n = oe(e);
+	return Math.round(t * n) / n;
+}
+function se(e, t, n) {
+	n === void 0 && (n = {});
+	let r = n.whileElementsMounted, i = (0, M.computed)(() => N(n.open) ?? !0), a = (0, M.computed)(() => N(n.middleware)), o = (0, M.computed)(() => N(n.placement) ?? "bottom"), s = (0, M.computed)(() => N(n.strategy) ?? "absolute"), c = (0, M.computed)(() => N(n.transform) ?? !0), l = (0, M.computed)(() => ae(e.value)), u = (0, M.computed)(() => ae(t.value)), d = (0, M.ref)(0), f = (0, M.ref)(0), p = (0, M.ref)(s.value), m = (0, M.ref)(o.value), h = (0, M.shallowRef)({}), g = (0, M.ref)(!1), v = (0, M.computed)(() => {
+		let e = {
+			position: p.value,
+			left: "0",
+			top: "0"
+		};
+		if (!u.value) return e;
+		let t = P(u.value, d.value), n = P(u.value, f.value);
+		return c.value ? {
+			...e,
+			transform: "translate(" + t + "px, " + n + "px)",
+			...oe(u.value) >= 1.5 && { willChange: "transform" }
+		} : {
+			position: p.value,
+			left: t + "px",
+			top: n + "px"
+		};
+	}), y;
+	function b() {
+		if (l.value == null || u.value == null) return;
+		let e = i.value;
+		_(l.value, u.value, {
+			middleware: a.value,
+			placement: o.value,
+			strategy: s.value
+		}).then((t) => {
+			d.value = t.x, f.value = t.y, p.value = t.strategy, m.value = t.placement, h.value = t.middlewareData, g.value = e !== !1;
+		});
+	}
+	function x() {
+		typeof y == "function" && (y(), y = void 0);
+	}
+	function S() {
+		if (x(), r === void 0) {
+			b();
+			return;
+		}
+		if (l.value != null && u.value != null) {
+			y = r(l.value, u.value, b);
+			return;
+		}
+	}
+	function C() {
+		i.value || (g.value = !1);
+	}
+	return (0, M.watch)([
+		a,
+		o,
+		s,
+		i
+	], b, { flush: "sync" }), (0, M.watch)([l, u], S, { flush: "sync" }), (0, M.watch)(i, C, { flush: "sync" }), (0, M.getCurrentScope)() && (0, M.onScopeDispose)(x), {
+		x: (0, M.shallowReadonly)(d),
+		y: (0, M.shallowReadonly)(f),
+		strategy: (0, M.shallowReadonly)(p),
+		placement: (0, M.shallowReadonly)(m),
+		middlewareData: (0, M.shallowReadonly)(h),
+		isPositioned: (0, M.shallowReadonly)(g),
+		floatingStyles: v,
+		update: b
+	};
+}
+//#endregion
+//#region ../ccui/ui/form/src/form-types.ts
+var ce = Symbol("ccuiFormItem"), F = /^[a-z0-9]+(-[a-z0-9]+)*$/, I = (e, t, n, r = "") => {
+	let i = e.split(":");
+	if (e.slice(0, 1) === "@") {
+		if (i.length < 2 || i.length > 3) return null;
+		r = i.shift().slice(1);
+	}
+	if (i.length > 3 || !i.length) return null;
+	if (i.length > 1) {
+		let e = i.pop(), n = i.pop(), a = {
+			provider: i.length > 0 ? i[0] : r,
+			prefix: n,
+			name: e
+		};
+		return t && !L(a) ? null : a;
+	}
+	let a = i[0], o = a.split("-");
+	if (o.length > 1) {
+		let e = {
+			provider: r,
+			prefix: o.shift(),
+			name: o.join("-")
+		};
+		return t && !L(e) ? null : e;
+	}
+	if (n && r === "") {
+		let e = {
+			provider: r,
+			prefix: "",
+			name: a
+		};
+		return t && !L(e, n) ? null : e;
+	}
+	return null;
+}, L = (e, t) => e ? !!((t && e.prefix === "" || e.prefix) && e.name) : !1;
+function le(e, t) {
+	let n = e.icons, r = e.aliases || Object.create(null), i = Object.create(null);
+	function a(e) {
+		if (n[e]) return i[e] = [];
+		if (!(e in i)) {
+			i[e] = null;
+			let t = r[e] && r[e].parent, n = t && a(t);
+			n && (i[e] = [t].concat(n));
+		}
+		return i[e];
+	}
+	return Object.keys(n).concat(Object.keys(r)).forEach(a), i;
+}
+var R = Object.freeze({
+	left: 0,
+	top: 0,
+	width: 16,
+	height: 16
+}), z = Object.freeze({
+	rotate: 0,
+	vFlip: !1,
+	hFlip: !1
+}), B = Object.freeze({
+	...R,
+	...z
+}), V = Object.freeze({
+	...B,
+	body: "",
+	hidden: !1
+});
+function ue(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 de(e, t) {
+	let n = ue(e, t);
+	for (let r in V) r in z ? r in e && !(r in n) && (n[r] = z[r]) : r in t ? n[r] = t[r] : r in e && (n[r] = e[r]);
+	return n;
+}
+function fe(e, t, n) {
+	let r = e.icons, i = e.aliases || Object.create(null), a = {};
+	function o(e) {
+		a = de(r[e] || i[e], a);
+	}
+	return o(t), n.forEach(o), de(e, a);
+}
+function pe(e, t) {
+	let n = [];
+	if (typeof e != "object" || typeof e.icons != "object") return n;
+	e.not_found instanceof Array && e.not_found.forEach((e) => {
+		t(e, null), n.push(e);
+	});
+	let r = le(e);
+	for (let i in r) {
+		let a = r[i];
+		a && (t(i, fe(e, i, a)), n.push(i));
+	}
+	return n;
+}
+var H = {
+	provider: "",
+	aliases: {},
+	not_found: {},
+	...R
+};
+function U(e, t) {
+	for (let n in t) if (n in e && typeof e[n] != typeof t[n]) return !1;
+	return !0;
+}
+function W(e) {
+	if (typeof e != "object" || !e) return null;
+	let t = e;
+	if (typeof t.prefix != "string" || !e.icons || typeof e.icons != "object" || !U(e, H)) return null;
+	let n = t.icons;
+	for (let e in n) {
+		let t = n[e];
+		if (!e || typeof t.body != "string" || !U(t, V)) 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] || !U(t, V)) return null;
+	}
+	return t;
+}
+var me = Object.create(null);
+function he(e, t) {
+	return {
+		provider: e,
+		prefix: t,
+		icons: Object.create(null),
+		missing: /* @__PURE__ */ new Set()
+	};
+}
+function G(e, t) {
+	let n = me[e] || (me[e] = Object.create(null));
+	return n[t] || (n[t] = he(e, t));
+}
+function ge(e, t) {
+	return W(t) ? pe(t, (t, n) => {
+		n ? e.icons[t] = n : e.missing.add(t);
+	}) : [];
+}
+function _e(e, t, n) {
+	try {
+		if (typeof n.body == "string") return e.icons[t] = { ...n }, !0;
+	} catch {}
+	return !1;
+}
+var K = !1;
+function ve(e) {
+	return typeof e == "boolean" && (K = e), K;
+}
+function ye(e) {
+	let t = typeof e == "string" ? I(e, !0, K) : e;
+	if (t) {
+		let e = G(t.provider, t.prefix), n = t.name;
+		return e.icons[n] || (e.missing.has(n) ? null : void 0);
+	}
+}
+function be(e, t) {
+	let n = I(e, !0, K);
+	if (!n) return !1;
+	let r = G(n.provider, n.prefix);
+	return t ? _e(r, n.name, t) : (r.missing.add(n.name), !0);
+}
+function xe(e, t) {
+	if (typeof e != "object") return !1;
+	if (typeof t != "string" && (t = e.provider || ""), K && !t && !e.prefix) {
+		let t = !1;
+		return W(e) && (e.prefix = "", pe(e, (e, n) => {
+			be(e, n) && (t = !0);
+		})), t;
+	}
+	let n = e.prefix;
+	return L({
+		prefix: n,
+		name: "a"
+	}) ? !!ge(G(t, n), e) : !1;
+}
+var Se = Object.freeze({
+	width: null,
+	height: null
+}), q = Object.freeze({
+	...Se,
+	...z
+}), Ce = /(-?[0-9.]*[0-9]+[0-9.]*)/g, we = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function J(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(Ce);
+	if (r === null || !r.length) return e;
+	let i = [], a = r.shift(), o = we.test(a);
+	for (;;) {
+		if (o) {
+			let e = parseFloat(a);
+			isNaN(e) ? i.push(a) : i.push(Math.ceil(e * t * n) / n);
+		} else i.push(a);
+		if (a = r.shift(), a === void 0) return i.join("");
+		o = !o;
+	}
+}
+function Te(e, t = "defs") {
+	let n = "", r = e.indexOf("<" + t);
+	for (; r >= 0;) {
+		let i = e.indexOf(">", r), a = e.indexOf("</" + t);
+		if (i === -1 || a === -1) break;
+		let o = e.indexOf(">", a);
+		if (o === -1) break;
+		n += e.slice(i + 1, a).trim(), e = e.slice(0, r).trim() + e.slice(o + 1);
+	}
+	return {
+		defs: n,
+		content: e
+	};
+}
+function Ee(e, t) {
+	return e ? "<defs>" + e + "</defs>" + t : t;
+}
+function De(e, t, n) {
+	let r = Te(e);
+	return Ee(r.defs, t + r.content + n);
+}
+var Oe = (e) => e === "unset" || e === "undefined" || e === "none";
+function ke(e, t) {
+	let n = {
+		...B,
+		...e
+	}, r = {
+		...q,
+		...t
+	}, i = {
+		left: n.left,
+		top: n.top,
+		width: n.width,
+		height: n.height
+	}, a = n.body;
+	[n, r].forEach((e) => {
+		let t = [], n = e.hFlip, r = e.vFlip, o = e.rotate;
+		n ? r ? o += 2 : (t.push("translate(" + (i.width + i.left).toString() + " " + (0 - i.top).toString() + ")"), t.push("scale(-1 1)"), i.top = i.left = 0) : r && (t.push("translate(" + (0 - i.left).toString() + " " + (i.height + i.top).toString() + ")"), t.push("scale(1 -1)"), i.top = i.left = 0);
+		let s;
+		switch (o < 0 && (o -= Math.floor(o / 4) * 4), o %= 4, o) {
+			case 1:
+				s = i.height / 2 + i.top, t.unshift("rotate(90 " + s.toString() + " " + s.toString() + ")");
+				break;
+			case 2:
+				t.unshift("rotate(180 " + (i.width / 2 + i.left).toString() + " " + (i.height / 2 + i.top).toString() + ")");
+				break;
+			case 3:
+				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 = De(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 = J(d, c / l)) : (u = o === "auto" ? c : o, d = s === null ? J(u, l / c) : s === "auto" ? l : s);
+	let f = {}, p = (e, t) => {
+		Oe(t) || (f[e] = t.toString());
+	};
+	p("width", u), p("height", d);
+	let m = [
+		i.left,
+		i.top,
+		c,
+		l
+	];
+	return f.viewBox = m.join(" "), {
+		attributes: f,
+		viewBox: m,
+		body: a
+	};
+}
+var Ae = /\sid="(\S+)"/g, je = /* @__PURE__ */ new Map();
+function Me(e) {
+	e = e.replace(/[0-9]+$/, "") || "a";
+	let t = je.get(e) || 0;
+	return je.set(e, t + 1), t ? `${e}${t}` : e;
+}
+function Ne(e) {
+	let t = [], n;
+	for (; n = Ae.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 = Me(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 Pe = Object.create(null);
+function Fe(e, t) {
+	Pe[e] = t;
+}
+function Ie(e) {
+	return Pe[e] || Pe[""];
+}
+function Le(e) {
+	let t;
+	if (typeof e.resources == "string") t = [e.resources];
+	else if (t = e.resources, !(t instanceof Array) || !t.length) return null;
+	return {
+		resources: t,
+		path: e.path || "/",
+		maxURL: e.maxURL || 500,
+		rotate: e.rotate || 750,
+		timeout: e.timeout || 5e3,
+		random: e.random === !0,
+		index: e.index || 0,
+		dataAfterTimeout: e.dataAfterTimeout !== !1
+	};
+}
+for (var Re = Object.create(null), ze = ["https://api.simplesvg.com", "https://api.unisvg.com"], Be = []; ze.length > 0;) ze.length === 1 || Math.random() > .5 ? Be.push(ze.shift()) : Be.push(ze.pop());
+Re[""] = Le({ resources: ["https://api.iconify.design"].concat(Be) });
+function Ve(e, t) {
+	let n = Le(t);
+	return n === null ? !1 : (Re[e] = n, !0);
+}
+function He(e) {
+	return Re[e];
+}
+var Ue = (() => {
+	let e;
+	try {
+		if (e = fetch, typeof e == "function") return e;
+	} catch {}
+})();
+function We(e, t) {
+	let n = He(e);
+	if (!n) return 0;
+	let r;
+	if (!n.maxURL) r = 0;
+	else {
+		let e = 0;
+		n.resources.forEach((t) => {
+			e = Math.max(e, t.length);
+		});
+		let i = t + ".json?icons=";
+		r = n.maxURL - e - n.path.length - i.length;
+	}
+	return r;
+}
+function Ge(e) {
+	return e === 404;
+}
+var Ke = (e, t, n) => {
+	let r = [], i = We(e, t), a = "icons", o = {
+		type: a,
+		provider: e,
+		prefix: t,
+		icons: []
+	}, s = 0;
+	return n.forEach((n, c) => {
+		s += n.length + 1, s >= i && c > 0 && (r.push(o), o = {
+			type: a,
+			provider: e,
+			prefix: t,
+			icons: []
+		}, s = n.length), o.icons.push(n);
+	}), r.push(o), r;
+};
+function qe(e) {
+	if (typeof e == "string") {
+		let t = He(e);
+		if (t) return t.path;
+	}
+	return "/";
+}
+var Je = {
+	prepare: Ke,
+	send: (e, t, n) => {
+		if (!Ue) {
+			n("abort", 424);
+			return;
+		}
+		let r = qe(t.provider);
+		switch (t.type) {
+			case "icons": {
+				let e = t.prefix, n = t.icons.join(","), i = new URLSearchParams({ icons: n });
+				r += e + ".json?" + i.toString();
+				break;
+			}
+			case "custom": {
+				let e = t.uri;
+				r += e.slice(0, 1) === "/" ? e.slice(1) : e;
+				break;
+			}
+			default:
+				n("abort", 400);
+				return;
+		}
+		let i = 503;
+		Ue(e + r).then((e) => {
+			let t = e.status;
+			if (t !== 200) {
+				setTimeout(() => {
+					n(Ge(t) ? "abort" : "next", t);
+				});
+				return;
+			}
+			return i = 501, e.json();
+		}).then((e) => {
+			if (typeof e != "object" || !e) {
+				setTimeout(() => {
+					e === 404 ? n("abort", e) : n("next", i);
+				});
+				return;
+			}
+			setTimeout(() => {
+				n("success", e);
+			});
+		}).catch(() => {
+			n("next", i);
+		});
+	}
+};
+function Ye(e, t) {
+	e.forEach((e) => {
+		let n = e.loaderCallbacks;
+		n && (e.loaderCallbacks = n.filter((e) => e.id !== t));
+	});
+}
+function Xe(e) {
+	e.pendingCallbacksFlag || (e.pendingCallbacksFlag = !0, setTimeout(() => {
+		e.pendingCallbacksFlag = !1;
+		let t = e.loaderCallbacks ? e.loaderCallbacks.slice(0) : [];
+		if (!t.length) return;
+		let n = !1, r = e.provider, i = e.prefix;
+		t.forEach((t) => {
+			let a = t.icons, o = a.pending.length;
+			a.pending = a.pending.filter((t) => {
+				if (t.prefix !== i) return !0;
+				let o = t.name;
+				if (e.icons[o]) a.loaded.push({
+					provider: r,
+					prefix: i,
+					name: o
+				});
+				else if (e.missing.has(o)) a.missing.push({
+					provider: r,
+					prefix: i,
+					name: o
+				});
+				else return n = !0, !0;
+				return !1;
+			}), a.pending.length !== o && (n || Ye([e], t.id), t.callback(a.loaded.slice(0), a.missing.slice(0), a.pending.slice(0), t.abort));
+		});
+	}));
+}
+var Ze = 0;
+function Qe(e, t, n) {
+	let r = Ze++, i = Ye.bind(null, n, r);
+	if (!t.pending.length) return i;
+	let a = {
+		id: r,
+		icons: t,
+		callback: e,
+		abort: i
+	};
+	return n.forEach((e) => {
+		(e.loaderCallbacks ||= []).push(a);
+	}), i;
+}
+function $e(e) {
+	let t = {
+		loaded: [],
+		missing: [],
+		pending: []
+	}, n = Object.create(null);
+	e.sort((e, t) => e.provider === t.provider ? e.prefix === t.prefix ? e.name.localeCompare(t.name) : e.prefix.localeCompare(t.prefix) : e.provider.localeCompare(t.provider));
+	let r = {
+		provider: "",
+		prefix: "",
+		name: ""
+	};
+	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] = G(i, a)), l;
+		l = o in c.icons ? t.loaded : a === "" || c.missing.has(o) ? t.missing : t.pending;
+		let u = {
+			provider: i,
+			prefix: a,
+			name: o
+		};
+		l.push(u);
+	}), t;
+}
+function et(e, t = !0, n = !1) {
+	let r = [];
+	return e.forEach((e) => {
+		let i = typeof e == "string" ? I(e, t, n) : e;
+		i && r.push(i);
+	}), r;
+}
+var tt = {
+	resources: [],
+	index: 0,
+	timeout: 2e3,
+	rotate: 750,
+	random: !1,
+	dataAfterTimeout: !1
+};
+function nt(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);
+		for (o = []; t.length > 1;) {
+			let e = Math.floor(Math.random() * t.length);
+			o.push(t[e]), t = t.slice(0, e).concat(t.slice(e + 1));
+		}
+		o = o.concat(t);
+	} else o = e.resources.slice(a).concat(e.resources.slice(0, a));
+	let s = Date.now(), c = "pending", l = 0, u, d = null, f = [], p = [];
+	typeof r == "function" && p.push(r);
+	function m() {
+		d &&= (clearTimeout(d), null);
+	}
+	function h() {
+		c === "pending" && (c = "aborted"), m(), f.forEach((e) => {
+			e.status === "pending" && (e.status = "aborted");
+		}), f = [];
+	}
+	function g(e, t) {
+		t && (p = []), typeof e == "function" && p.push(e);
+	}
+	function _() {
+		return {
+			startTime: s,
+			payload: t,
+			status: c,
+			queriesSent: l,
+			queriesPending: f.length,
+			subscribe: g,
+			abort: h
+		};
+	}
+	function v() {
+		c = "failed", p.forEach((e) => {
+			e(void 0, u);
+		});
+	}
+	function y() {
+		f.forEach((e) => {
+			e.status === "pending" && (e.status = "aborted");
+		}), f = [];
+	}
+	function b(t, n, r) {
+		let i = n !== "success";
+		switch (f = f.filter((e) => e !== t), c) {
+			case "pending": break;
+			case "failed":
+				if (i || !e.dataAfterTimeout) return;
+				break;
+			default: return;
+		}
+		if (n === "abort") {
+			u = r, v();
+			return;
+		}
+		if (i) {
+			u = r, f.length || (o.length ? x() : v());
+			return;
+		}
+		if (m(), y(), !e.random) {
+			let n = e.resources.indexOf(t.resource);
+			n !== -1 && n !== e.index && (e.index = n);
+		}
+		c = "completed", p.forEach((e) => {
+			e(r);
+		});
+	}
+	function x() {
+		if (c !== "pending") return;
+		m();
+		let r = o.shift();
+		if (r === void 0) {
+			if (f.length) {
+				d = setTimeout(() => {
+					m(), c === "pending" && (y(), v());
+				}, e.timeout);
+				return;
+			}
+			v();
+			return;
+		}
+		let i = {
+			status: "pending",
+			resource: r,
+			callback: (e, t) => {
+				b(i, e, t);
+			}
+		};
+		f.push(i), l++, d = setTimeout(x, e.rotate), n(r, t, i.callback);
+	}
+	return setTimeout(x), _;
+}
+function rt(e) {
+	let t = {
+		...tt,
+		...e
+	}, n = [];
+	function r() {
+		n = n.filter((e) => e().status === "pending");
+	}
+	function i(e, i, a) {
+		let o = nt(t, e, i, (e, t) => {
+			r(), a && a(e, t);
+		});
+		return n.push(o), o;
+	}
+	function a(e) {
+		return n.find((t) => e(t)) || null;
+	}
+	return {
+		query: i,
+		find: a,
+		setIndex: (e) => {
+			t.index = e;
+		},
+		getIndex: () => t.index,
+		cleanup: r
+	};
+}
+function it() {}
+var at = Object.create(null);
+function ot(e) {
+	if (!at[e]) {
+		let t = He(e);
+		if (!t) return;
+		at[e] = {
+			config: t,
+			redundancy: rt(t)
+		};
+	}
+	return at[e];
+}
+function st(e, t, n) {
+	let r, i;
+	if (typeof e == "string") {
+		let t = Ie(e);
+		if (!t) return n(void 0, 424), it;
+		i = t.send;
+		let a = ot(e);
+		a && (r = a.redundancy);
+	} else {
+		let t = Le(e);
+		if (t) {
+			r = rt(t);
+			let n = Ie(e.resources ? e.resources[0] : "");
+			n && (i = n.send);
+		}
+	}
+	return !r || !i ? (n(void 0, 424), it) : r.query(t, i, n)().abort;
+}
+function ct() {}
+function lt(e) {
+	e.iconsLoaderFlag || (e.iconsLoaderFlag = !0, setTimeout(() => {
+		e.iconsLoaderFlag = !1, Xe(e);
+	}));
+}
+function ut(e) {
+	let t = [], n = [];
+	return e.forEach((e) => {
+		(e.match(F) ? t : n).push(e);
+	}), {
+		valid: t,
+		invalid: n
+	};
+}
+function Y(e, t, n) {
+	function r() {
+		let n = e.pendingIcons;
+		t.forEach((t) => {
+			n && n.delete(t), e.icons[t] || e.missing.add(t);
+		});
+	}
+	if (n && typeof n == "object") try {
+		if (!ge(e, n).length) {
+			r();
+			return;
+		}
+	} catch (e) {
+		console.error(e);
+	}
+	r(), lt(e);
+}
+function dt(e, t) {
+	e instanceof Promise ? e.then((e) => {
+		t(e);
+	}).catch(() => {
+		t(null);
+	}) : t(e);
+}
+function ft(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)) {
+			dt(e.loadIcons(r, n, t), (t) => {
+				Y(e, r, t);
+			});
+			return;
+		}
+		if (i) {
+			r.forEach((r) => {
+				dt(i(r, n, t), (t) => {
+					Y(e, [r], t ? {
+						prefix: n,
+						icons: { [r]: t }
+					} : null);
+				});
+			});
+			return;
+		}
+		let { valid: a, invalid: o } = ut(r);
+		if (o.length && Y(e, o, null), !a.length) return;
+		let s = n.match(F) ? Ie(t) : null;
+		if (!s) {
+			Y(e, a, null);
+			return;
+		}
+		s.prepare(t, n, a).forEach((n) => {
+			st(t, n, (t) => {
+				Y(e, n.icons, t);
+			});
+		});
+	}));
+}
+var pt = (e, t) => {
+	let n = $e(et(e, !0, ve()));
+	if (!n.pending.length) {
+		let e = !0;
+		return t && setTimeout(() => {
+			e && t(n.loaded, n.missing, n.pending, ct);
+		}), () => {
+			e = !1;
+		};
+	}
+	let r = Object.create(null), i = [], a, o;
+	return n.pending.forEach((e) => {
+		let { provider: t, prefix: n } = e;
+		if (n === o && t === a) return;
+		a = t, o = n, i.push(G(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 = G(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 && ft(e, t);
+	}), t ? Qe(t, n, i) : ct;
+};
+function mt(e, t) {
+	let n = { ...e };
+	for (let e in t) {
+		let r = t[e], i = typeof r;
+		e in Se ? (r === null || r && (i === "string" || i === "number")) && (n[e] = r) : i === typeof n[e] && (n[e] = e === "rotate" ? r % 4 : r);
+	}
+	return n;
+}
+var ht = /[\s,]+/;
+function gt(e, t) {
+	t.split(ht).forEach((t) => {
+		switch (t.trim()) {
+			case "horizontal":
+				e.hFlip = !0;
+				break;
+			case "vertical":
+				e.vFlip = !0;
+				break;
+		}
+	});
+}
+function _t(e, t = 0) {
+	let n = e.replace(/^-?[0-9.]*/, "");
+	function r(e) {
+		for (; e < 0;) e += 4;
+		return e % 4;
+	}
+	if (n === "") {
+		let t = parseInt(e);
+		return isNaN(t) ? 0 : r(t);
+	} else if (n !== e) {
+		let t = 0;
+		switch (n) {
+			case "%":
+				t = 25;
+				break;
+			case "deg": t = 90;
+		}
+		if (t) {
+			let i = parseFloat(e.slice(0, e.length - n.length));
+			return isNaN(i) ? 0 : (i /= t, i % 1 == 0 ? r(i) : 0);
+		}
+	}
+	return t;
+}
+function vt(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 yt(e) {
+	return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+}
+function bt(e) {
+	return "data:image/svg+xml," + yt(e);
+}
+function xt(e) {
+	return "url(\"" + bt(e) + "\")";
+}
+var St = {
+	...q,
+	inline: !1
+}, Ct = {
+	xmlns: "http://www.w3.org/2000/svg",
+	"xmlns:xlink": "http://www.w3.org/1999/xlink",
+	"aria-hidden": !0,
+	role: "img"
+}, wt = { display: "inline-block" }, Tt = { backgroundColor: "currentColor" }, Et = { backgroundColor: "transparent" }, Dt = {
+	Image: "var(--svg)",
+	Repeat: "no-repeat",
+	Size: "100% 100%"
+}, Ot = {
+	webkitMask: Tt,
+	mask: Tt,
+	background: Et
+};
+for (let e in Ot) {
+	let t = Ot[e];
+	for (let n in Dt) t[e + n] = Dt[n];
+}
+var kt = {};
+["horizontal", "vertical"].forEach((e) => {
+	let t = e.slice(0, 1) + "Flip";
+	kt[e + "-flip"] = t, kt[e.slice(0, 1) + "-flip"] = t, kt[e + "Flip"] = t;
+});
+function At(e) {
+	return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
+}
+var jt = (e, t) => {
+	let n = mt(St, t), r = { ...Ct }, 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) {
+			case "icon":
+			case "style":
+			case "onLoad":
+			case "mode":
+			case "ssr":
+			case "customise": break;
+			case "inline":
+			case "hFlip":
+			case "vFlip":
+				n[e] = i === !0 || i === "true" || i === 1;
+				break;
+			case "flip":
+				typeof i == "string" && gt(n, i);
+				break;
+			case "color":
+				a.color = i;
+				break;
+			case "rotate":
+				typeof i == "string" ? n[e] = _t(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 = kt[e];
+				t ? (i === !0 || i === "true" || i === 1) && (n[t] = !0) : St[e] === void 0 && (r[e] = i);
+			}
+		}
+	}
+	let l = ke(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 = Ne(l.body), c("svg", r);
+	let { body: d, width: f, height: p } = e, m = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), h = vt(d, {
+		...u,
+		width: f + "",
+		height: p + ""
+	});
+	return r.style = {
+		...a,
+		"--svg": xt(h),
+		width: At(u.width),
+		height: At(u.height),
+		...wt,
+		...m ? Tt : Et,
+		...s
+	}, c("span", r);
+};
+if (ve(!0), Fe("", Je), typeof document < "u" && typeof window < "u") {
+	let e = window;
+	if (e.IconifyPreload !== void 0) {
+		let t = e.IconifyPreload, n = "Invalid IconifyPreload syntax.";
+		typeof t == "object" && t && (t instanceof Array ? t : [t]).forEach((e) => {
+			try {
+				(typeof e != "object" || !e || e instanceof Array || typeof e.icons != "object" || typeof e.prefix != "string" || !xe(e)) && console.error(n);
+			} catch {
+				console.error(n);
+			}
+		});
+	}
+	if (e.IconifyProviders !== void 0) {
+		let t = e.IconifyProviders;
+		if (typeof t == "object" && t) for (let e in t) {
+			let n = "IconifyProviders[" + e + "] is invalid.";
+			try {
+				let r = t[e];
+				if (typeof r != "object" || !r || r.resources === void 0) continue;
+				Ve(e, r) || console.error(n);
+			} catch {
+				console.error(n);
+			}
+		}
+	}
+}
+var Mt = {
+	...B,
+	body: ""
+}, Nt = o((e, { emit: t }) => {
+	let n = p(null);
+	function r() {
+		n.value &&= (n.value.abort?.(), null);
+	}
+	let i = p(!!e.ssr), a = p(""), o = m(null);
+	function s() {
+		let i = e.icon;
+		if (typeof i == "object" && i && typeof i.body == "string") return a.value = "", { data: i };
+		let o;
+		if (typeof i != "string" || (o = I(i, !1, !0)) === null) return null;
+		let s = ye(o);
+		if (!s) {
+			let e = n.value;
+			return (!e || e.name !== i) && (s === null ? n.value = { name: i } : n.value = {
+				name: i,
+				abort: pt([o], c)
+			}), null;
+		}
+		r(), a.value !== i && (a.value = i, u(() => {
+			t("load", i);
+		}));
+		let l = e.customise;
+		if (l) {
+			s = Object.assign({}, s);
+			let e = l(s.body, o.name, o.prefix, o.provider);
+			typeof e == "string" && (s.body = e);
+		}
+		let d = ["iconify"];
+		return o.prefix !== "" && d.push("iconify--" + o.prefix), o.provider !== "" && d.push("iconify--" + o.provider), {
+			data: s,
+			classes: d
+		};
+	}
+	function c() {
+		let e = s();
+		e ? e.data !== o.value?.data && (o.value = e) : o.value = null;
+	}
+	return i.value ? c() : d(() => {
+		i.value = !0, c();
+	}), h(() => e.icon, c), f(r), () => {
+		let t = o.value;
+		if (!t) return jt(Mt, e);
+		let n = e;
+		return t.classes && (n = {
+			...e,
+			class: t.classes.join(" ")
+		}), jt({
+			...B,
+			...t.data
+		}, n);
+	};
+}, {
+	props: [
+		"icon",
+		"mode",
+		"ssr",
+		"width",
+		"height",
+		"style",
+		"color",
+		"inline",
+		"rotate",
+		"hFlip",
+		"horizontalFlip",
+		"vFlip",
+		"verticalFlip",
+		"flip",
+		"id",
+		"ariaHidden",
+		"customise",
+		"title"
+	],
+	emits: ["load"]
+}), Pt = {
+	prefix: "mdi",
+	icons: {
+		"alert-circle": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M13 13h-2V7h2m0 10h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2Z\"/>"
+		},
+		"arrow-up": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M13 20h-2V8l-5.5 5.5l-1.42-1.42L12 4.16l7.92 7.92l-1.42 1.42L13 8v12Z\"/>"
+		},
+		"calendar-outline": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 12h5v5h-5v-5m7-9h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 2v2H5V5h14M5 19V9h14v10H5Z\"/>"
+		},
+		check: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z\"/>"
+		},
+		"check-circle": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z\"/>"
+		},
+		"chevron-right": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6l-1.41-1.42Z\"/>"
+		},
+		"clock-outline": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 20a8 8 0 0 0 8-8a8 8 0 0 0-8-8a8 8 0 0 0-8 8a8 8 0 0 0 8 8m0-18a10 10 0 0 1 10 10a10 10 0 0 1-10 10C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2m.5 5v5.25l4.5 2.67l-.75 1.23L11 13V7h1.5Z\"/>"
+		},
+		close: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z\"/>"
+		},
+		"close-circle": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 2c5.53 0 10 4.47 10 10s-4.47 10-10 10S2 17.53 2 12S6.47 2 12 2m3.59 5L12 10.59L8.41 7L7 8.41L10.59 12L7 15.59L8.41 17L12 13.41L15.59 17L17 15.59L13.41 12L17 8.41L15.59 7Z\"/>"
+		},
+		"content-copy": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12V1Z\"/>"
+		},
+		loading: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M12 4V2A10 10 0 0 0 2 12h2a8 8 0 0 1 8-8Z\"/>"
+		},
+		magnify: {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5l-1.5 1.5l-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16A6.5 6.5 0 0 1 3 9.5A6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14S14 12 14 9.5S12 5 9.5 5Z\"/>"
+		},
+		"menu-down": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"m7 10l5 5l5-5H7Z\"/>"
+		},
+		"menu-right": {
+			width: 24,
+			height: 24,
+			body: "<path fill=\"currentColor\" d=\"m10 17l5-5l-5-5v10Z\"/>"
+		}
+	}
+}, Ft = !1;
+function It() {
+	Ft ||= (xe(Pt), !0);
+}
+//#endregion
+//#region ../icons/dist/install.js
+It();
+//#endregion
+//#region ../ccui/ui/shared/hooks/use-icon.ts
+function Lt(e) {
+	return e.includes(":");
+}
+function Rt(e) {
+	return e ? typeof e == "string" ? Lt(e) ? c(Nt, { icon: e }) : c("i", { class: e }) : e : null;
+}
+//#endregion
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function zt(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function Bt(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => zt(n),
+		e: (e) => e ? zt(n, e) : "",
+		m: (e) => e ? zt(n, "", e) : "",
+		em: (e, t) => e && t ? zt(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/shared/utils/deprecated.ts
+var Vt = /* @__PURE__ */ new Set();
+function Ht() {
+	return globalThis.process?.env?.NODE_ENV !== "production";
+}
+function Ut(e, t, n) {
+	if (!Ht()) return;
+	let r = n ? `${n}.${e}` : e;
+	if (Vt.has(r) || (Vt.add(r), typeof console > "u")) return;
+	let i = n ? `[ccui][${n}]` : "[ccui]", a = t ? `，请改用 ${t}` : "";
+	console.warn(`${i} ${e} 已 deprecated${a}。`);
+}
+//#endregion
+//#region ../ccui/ui/shared/utils/color.ts
+var Wt = /^#?([0-9a-f])([0-9a-f])([0-9a-f])$/i, Gt = /^#?([0-9a-f])([0-9a-f])([0-9a-f])([0-9a-f])$/i, Kt = /^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i, qt = /^#?([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i;
+function X(e, t, n) {
+	return Number.isNaN(e) || e < t ? t : e > n ? n : e;
+}
+function Jt(e) {
+	let t = Math.round(e).toString(16);
+	return t.length === 1 ? `0${t}` : t;
+}
+function Yt(e) {
+	if (!e || typeof e != "string") return null;
+	let t = e.trim(), n = qt.exec(t);
+	return n ? {
+		r: Number.parseInt(n[1], 16),
+		g: Number.parseInt(n[2], 16),
+		b: Number.parseInt(n[3], 16),
+		a: Math.round(Number.parseInt(n[4], 16) / 255 * 100) / 100
+	} : (n = Kt.exec(t), n ? {
+		r: Number.parseInt(n[1], 16),
+		g: Number.parseInt(n[2], 16),
+		b: Number.parseInt(n[3], 16),
+		a: 1
+	} : (n = Gt.exec(t), n ? {
+		r: Number.parseInt(n[1] + n[1], 16),
+		g: Number.parseInt(n[2] + n[2], 16),
+		b: Number.parseInt(n[3] + n[3], 16),
+		a: Math.round(Number.parseInt(n[4] + n[4], 16) / 255 * 100) / 100
+	} : (n = Wt.exec(t), n ? {
+		r: Number.parseInt(n[1] + n[1], 16),
+		g: Number.parseInt(n[2] + n[2], 16),
+		b: Number.parseInt(n[3] + n[3], 16),
+		a: 1
+	} : null)));
+}
+function Xt(e, t = !1) {
+	let n = Jt(X(e.r, 0, 255)), r = Jt(X(e.g, 0, 255)), i = Jt(X(e.b, 0, 255));
+	return t || e.a < 1 ? `#${n}${r}${i}${Jt(X(Math.round(e.a * 255), 0, 255))}` : `#${n}${r}${i}`;
+}
+function Z(e) {
+	let t = X(e.r, 0, 255) / 255, n = X(e.g, 0, 255) / 255, r = X(e.b, 0, 255) / 255, i = Math.max(t, n, r), a = i - Math.min(t, n, r), o = 0;
+	a !== 0 && (o = i === t ? (n - r) / a % 6 : i === n ? (r - t) / a + 2 : (t - n) / a + 4, o = Math.round(o * 60), o < 0 && (o += 360));
+	let s = i === 0 ? 0 : Math.round(a / i * 100), c = Math.round(i * 100);
+	return {
+		h: o,
+		s,
+		v: c,
+		a: X(e.a, 0, 1)
+	};
+}
+function Zt(e) {
+	let t = (e.h % 360 + 360) % 360, n = X(e.s, 0, 100) / 100, r = X(e.v, 0, 100) / 100, i = r * n, a = i * (1 - Math.abs(t / 60 % 2 - 1)), o = r - i, s = 0, c = 0, l = 0;
+	return t < 60 ? [s, c, l] = [
+		i,
+		a,
+		0
+	] : t < 120 ? [s, c, l] = [
+		a,
+		i,
+		0
+	] : t < 180 ? [s, c, l] = [
+		0,
+		i,
+		a
+	] : t < 240 ? [s, c, l] = [
+		0,
+		a,
+		i
+	] : t < 300 ? [s, c, l] = [
+		a,
+		0,
+		i
+	] : [s, c, l] = [
+		i,
+		0,
+		a
+	], {
+		r: Math.round((s + o) * 255),
+		g: Math.round((c + o) * 255),
+		b: Math.round((l + o) * 255),
+		a: X(e.a, 0, 1)
+	};
+}
+function Q(e, t = !1) {
+	let n = Math.round(X(e.r, 0, 255)), r = Math.round(X(e.g, 0, 255)), i = Math.round(X(e.b, 0, 255));
+	return t || e.a < 1 ? `rgba(${n}, ${r}, ${i}, ${Math.round(e.a * 100) / 100})` : `rgb(${n}, ${r}, ${i})`;
+}
+function Qt(e) {
+	let t = Math.round((e.h % 360 + 360) % 360), n = Math.round(X(e.s, 0, 100)), r = Math.round(X(e.v, 0, 100));
+	return e.a < 1 ? `hsva(${t}, ${n}%, ${r}%, ${Math.round(e.a * 100) / 100})` : `hsv(${t}, ${n}%, ${r}%)`;
+}
+var $t = "#1677ff", en = {
+	modelValue: {
+		type: String,
+		default: void 0
+	},
+	defaultValue: {
+		type: String,
+		default: "#1677ff"
+	},
+	format: {
+		type: String,
+		default: "hex"
+	},
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	status: {
+		type: String,
+		default: ""
+	},
+	showText: {
+		type: Boolean,
+		default: !1
+	},
+	disabledAlpha: {
+		type: Boolean,
+		default: !1
+	},
+	presets: {
+		type: Array,
+		default: () => []
+	},
+	placement: {
+		type: String,
+		default: "bottomLeft"
+	},
+	popupClassName: {
+		type: String,
+		default: ""
+	},
+	popupAppendToBody: {
+		type: Boolean,
+		default: !1
+	},
+	getPopupContainer: {
+		type: Function,
+		default: void 0
+	},
+	transitionName: {
+		type: String,
+		default: "ccui-color-picker-fade"
+	},
+	allowClear: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: {
+		type: [String, Object],
+		default: void 0
+	},
+	variant: {
+		type: String,
+		default: "outlined"
+	},
+	classNames: {
+		type: Object,
+		default: void 0
+	},
+	styles: {
+		type: Object,
+		default: void 0
+	}
+}, tn = {
+	bottomLeft: "bottom-start",
+	bottomRight: "bottom-end",
+	topLeft: "top-start",
+	topRight: "top-end"
+};
+function nn(e) {
+	return Number.isNaN(e) || e < 0 ? 0 : e > 1 ? 1 : e;
+}
+var $ = /* @__PURE__ */ o({
+	name: "CColorPicker",
+	props: en,
+	emits: [
+		"update:modelValue",
+		"change",
+		"open-change"
+	],
+	setup(e, { emit: o, slots: c }) {
+		let u = Bt("color-picker"), _ = `ccui-color-picker-popup-${s()?.uid ?? 0}`, x = p(null), S = p(null), C = p(null), w = p(null), T = p(null), E = m(!1), D = m(e.defaultValue ?? "#1677ff"), O = l(ce, null), k = r(() => e.modelValue !== void 0), A = r(() => (k.value ? e.modelValue : D.value) ?? "#1677ff"), j = r(() => Yt(A.value) ?? Yt("#1677ff")), M = m(Z(j.value));
+		function ee() {
+			M.value = Z(j.value);
+		}
+		h(A, ee);
+		let te = r(() => tn[e.placement]), ne = r(() => typeof document > "u" ? null : e.getPopupContainer ? e.getPopupContainer(x.value) : e.popupAppendToBody ? document.body : null), re = r(() => ne.value !== null), { floatingStyles: ie } = se(x, S, {
+			placement: te,
+			open: E,
+			whileElementsMounted: g,
+			middleware: [
+				y(4),
+				v(),
+				b({ padding: 8 })
+			],
+			strategy: r(() => re.value ? "fixed" : "absolute")
+		}), ae = r(() => O?.validateStatus.value ?? ""), N = r(() => e.status || ae.value);
+		function oe() {
+			e.disabled || E.value || (ee(), E.value = !0, o("open-change", !0));
+		}
+		function P() {
+			E.value && (E.value = !1, o("open-change", !1));
+		}
+		function F() {
+			E.value ? P() : oe();
+		}
+		function I(t) {
+			let n = Zt(t), r = Xt(n, e.disabledAlpha ? !1 : n.a < 1);
+			k.value || (D.value = r), o("update:modelValue", r), o("change", r, {
+				rgb: n,
+				hsv: t
+			}), O?.validate("change");
+		}
+		function L(t) {
+			M.value = e.disabledAlpha ? {
+				...t,
+				a: 1
+			} : t, I(M.value);
+		}
+		function le(e) {
+			if (!E.value) return;
+			let t = e.target;
+			t && (x.value?.contains(t) || S.value?.contains(t) || P());
+		}
+		d(() => {
+			document.addEventListener("mousedown", le, !0);
+		}), f(() => {
+			document.removeEventListener("mousedown", le, !0);
+		});
+		function R(e, t, n) {
+			let r = e.getBoundingClientRect();
+			function i(e) {
+				n(nn((e.clientX - r.left) / Math.max(r.width, 1)), nn((e.clientY - r.top) / Math.max(r.height, 1)), r);
+			}
+			i(t);
+			let a = (e) => i(e), o = () => {
+				document.removeEventListener("pointermove", a), document.removeEventListener("pointerup", o);
+			};
+			document.addEventListener("pointermove", a), document.addEventListener("pointerup", o);
+		}
+		function z(t) {
+			e.disabled || !C.value || R(C.value, t, (e, t) => {
+				L({
+					h: M.value.h,
+					s: Math.round(e * 100),
+					v: Math.round((1 - t) * 100),
+					a: M.value.a
+				});
+			});
+		}
+		function B(t) {
+			e.disabled || !w.value || R(w.value, t, (e) => {
+				L({
+					h: Math.round(e * 360),
+					s: M.value.s,
+					v: M.value.v,
+					a: M.value.a
+				});
+			});
+		}
+		function V(t) {
+			e.disabled || e.disabledAlpha || !T.value || R(T.value, t, (e) => {
+				L({
+					h: M.value.h,
+					s: M.value.s,
+					v: M.value.v,
+					a: Math.round(e * 100) / 100
+				});
+			});
+		}
+		function ue(t) {
+			if (e.disabled) return;
+			let n = t.shiftKey ? 10 : 1, { s: r, v: i } = M.value;
+			switch (t.key) {
+				case "ArrowRight":
+					r = Math.min(100, r + n);
+					break;
+				case "ArrowLeft":
+					r = Math.max(0, r - n);
+					break;
+				case "ArrowUp":
+					i = Math.min(100, i + n);
+					break;
+				case "ArrowDown":
+					i = Math.max(0, i - n);
+					break;
+				default: return;
+			}
+			t.preventDefault(), L({
+				...M.value,
+				s: r,
+				v: i
+			});
+		}
+		function de(t) {
+			if (e.disabled) return;
+			let n = t.shiftKey ? 10 : 1, { h: r } = M.value;
+			switch (t.key) {
+				case "ArrowRight":
+				case "ArrowUp":
+					r = Math.min(360, r + n);
+					break;
+				case "ArrowLeft":
+				case "ArrowDown":
+					r = Math.max(0, r - n);
+					break;
+				default: return;
+			}
+			t.preventDefault(), L({
+				...M.value,
+				h: r
+			});
+		}
+		function fe(t) {
+			if (e.disabled || e.disabledAlpha) return;
+			let n = t.shiftKey ? .1 : .01, { a: r } = M.value;
+			switch (t.key) {
+				case "ArrowRight":
+				case "ArrowUp":
+					r = Math.min(1, +(r + n).toFixed(2));
+					break;
+				case "ArrowLeft":
+				case "ArrowDown":
+					r = Math.max(0, +(r - n).toFixed(2));
+					break;
+				default: return;
+			}
+			t.preventDefault(), L({
+				...M.value,
+				a: r
+			});
+		}
+		function pe(e) {
+			e.stopPropagation(), k.value || (D.value = $t), o("update:modelValue", null), o("change", null, {
+				rgb: null,
+				hsv: null
+			}), O?.validate("change"), P();
+		}
+		let H = p("");
+		h(A, (e) => {
+			H.value = (e || "").replace(/^#/, "").toUpperCase();
+		}, { immediate: !0 });
+		function U(e) {
+			H.value = e.target.value.toUpperCase();
+		}
+		function W() {
+			let e = Yt(`#${H.value}`);
+			e ? L(Z(e)) : H.value = (A.value || "").replace(/^#/, "").toUpperCase();
+		}
+		function me(e) {
+			e.key === "Enter" && (W(), e.target.blur?.());
+		}
+		function he(e) {
+			let t = Yt(e);
+			t && L(Z(t));
+		}
+		let G = r(() => {
+			let t = j.value;
+			if (e.format === "rgb") return Q(t);
+			if (e.format === "hsb") {
+				let e = Z(t);
+				return `hsb(${e.h}, ${e.s}%, ${e.v}%)`;
+			}
+			return e.format === "hsv" ? (Ut("format=\"hsv\"", "hsb", "ColorPicker"), Qt(Z(t))) : Xt(t, !e.disabledAlpha && t.a < 1).toUpperCase();
+		});
+		function ge() {
+			if (c.trigger) return a("div", {
+				ref: (e) => x.value = e,
+				class: [u.e("trigger-custom"), e.classNames?.trigger],
+				style: e.styles?.trigger,
+				onClick: F
+			}, [c.trigger({
+				color: A.value,
+				open: E.value,
+				disabled: e.disabled
+			})]);
+			let t = { backgroundColor: Q(j.value, !0) };
+			return a("button", {
+				ref: (e) => x.value = e,
+				type: "button",
+				class: [[
+					u.e("trigger"),
+					u.em("size", e.size),
+					e.disabled ? u.is("disabled") : "",
+					E.value ? u.is("open") : "",
+					N.value ? u.em("status", N.value) : ""
+				], e.classNames?.trigger],
+				style: e.styles?.trigger,
+				disabled: e.disabled,
+				"aria-haspopup": "dialog",
+				"aria-expanded": E.value,
+				"aria-controls": _,
+				onClick: F
+			}, [
+				a("span", { class: u.e("swatch") }, [a("span", {
+					class: u.e("swatch-fg"),
+					style: t
+				}, null)]),
+				e.showText && a("span", { class: u.e("value-text") }, [G.value]),
+				e.allowClear && !e.disabled && a("span", {
+					class: u.e("clear"),
+					onClick: pe,
+					role: "button",
+					"aria-label": "clear color"
+				}, [c.clearIcon ? c.clearIcon() : Rt(e.clearIcon) ?? "×"])
+			]);
+		}
+		function _e() {
+			let e = M.value.h, t = {
+				left: `${M.value.s}%`,
+				top: `${100 - M.value.v}%`
+			}, n = { backgroundColor: `hsl(${e}, 100%, 50%)` };
+			return a("div", {
+				ref: C,
+				class: u.e("sv"),
+				style: n,
+				onPointerdown: z,
+				onKeydown: ue,
+				tabindex: 0,
+				role: "application",
+				"aria-label": "saturation and value"
+			}, [
+				a("div", { class: u.e("sv-saturation") }, null),
+				a("div", { class: u.e("sv-value") }, null),
+				a("div", {
+					class: u.e("sv-cursor"),
+					style: t
+				}, null)
+			]);
+		}
+		function K() {
+			let e = { left: `${M.value.h / 360 * 100}%` };
+			return a("div", {
+				ref: w,
+				class: u.e("hue"),
+				onPointerdown: B,
+				onKeydown: de,
+				tabindex: 0
+			}, [a("div", {
+				class: u.e("hue-cursor"),
+				style: e
+			}, null)]);
+		}
+		function ve() {
+			if (e.disabledAlpha) return null;
+			let t = { left: `${M.value.a * 100}%` }, n = Zt({
+				...M.value,
+				a: 1
+			}), r = { background: `linear-gradient(to right, ${Q({
+				...n,
+				a: 0
+			}, !0)}, ${Q(n, !1)})` };
+			return a("div", {
+				ref: T,
+				class: u.e("alpha"),
+				onPointerdown: V,
+				onKeydown: fe,
+				tabindex: 0
+			}, [a("div", {
+				class: u.e("alpha-track"),
+				style: r
+			}, null), a("div", {
+				class: u.e("alpha-cursor"),
+				style: t
+			}, null)]);
+		}
+		function ye(e, t) {
+			let n = Number(t.target.value);
+			if (Number.isNaN(n)) return;
+			let r = Math.max(0, Math.min(255, Math.round(n)));
+			L(Z({
+				...Zt(M.value),
+				[e]: r
+			}));
+		}
+		function be() {
+			let t = Zt(M.value);
+			return a("div", { class: u.e("inputs") }, [
+				a("div", { class: u.e("hex-wrap") }, [a("span", { class: u.e("hash") }, [i("#")]), a("input", {
+					class: u.e("hex-input"),
+					value: H.value,
+					maxlength: 8,
+					spellcheck: !1,
+					onInput: U,
+					onBlur: W,
+					onKeydown: me,
+					"aria-label": "hex"
+				}, null)]),
+				a("div", { class: u.e("rgb-inputs") }, [[
+					"r",
+					"g",
+					"b"
+				].map((e) => a("input", {
+					key: e,
+					class: u.e("rgb-input"),
+					type: "number",
+					min: 0,
+					max: 255,
+					step: 1,
+					value: t[e],
+					onInput: (t) => ye(e, t),
+					"aria-label": e.toUpperCase()
+				}, null))]),
+				!e.disabledAlpha && a("div", { class: u.e("alpha-input-wrap") }, [a("input", {
+					class: u.e("alpha-input"),
+					type: "number",
+					min: 0,
+					max: 100,
+					step: 1,
+					value: Math.round(M.value.a * 100),
+					onInput: (e) => {
+						let t = Number(e.target.value);
+						if (Number.isNaN(t)) return;
+						let n = Math.max(0, Math.min(100, t)) / 100;
+						L({
+							...M.value,
+							a: n
+						});
+					},
+					"aria-label": "alpha"
+				}, null), a("span", { class: u.e("alpha-suffix") }, [i("%")])])
+			]);
+		}
+		let xe = r(() => {
+			let t = e.presets;
+			return !t || t.length === 0 ? [] : t.every((e) => e && typeof e == "object" && Array.isArray(e.colors)) ? t : [{ colors: t }];
+		});
+		function Se(e) {
+			return typeof e == "string" ? e : e.color;
+		}
+		function q(e) {
+			return typeof e == "string" ? e : e.label ?? e.color;
+		}
+		function Ce() {
+			let e = xe.value;
+			return e.length === 0 ? null : a("div", { class: u.e("presets") }, [e.map((e, t) => a("div", {
+				class: u.e("preset-group"),
+				key: e.label ?? `group-${t}`
+			}, [e.label && a("div", { class: u.e("preset-group-label") }, [e.label]), a("div", { class: u.e("preset-group-colors") }, [e.colors.map((e) => {
+				let t = Se(e);
+				return a("button", {
+					key: t,
+					type: "button",
+					class: u.e("preset"),
+					style: { backgroundColor: t },
+					"aria-label": q(e),
+					title: q(e),
+					onClick: () => he(t)
+				}, null);
+			})])]))]);
+		}
+		function we() {
+			return a("div", { class: u.e("picker") }, [
+				_e(),
+				K(),
+				ve(),
+				be()
+			]);
+		}
+		function J() {
+			return c.footer ? a("div", { class: u.e("footer") }, [c.footer({ color: A.value })]) : null;
+		}
+		function Te() {
+			if (!E.value) return null;
+			let r = [u.e("panel"), e.popupClassName].filter(Boolean), i = c.panel, o = i ? i({
+				color: A.value,
+				components: {
+					picker: we,
+					presets: Ce,
+					footer: J
+				}
+			}) : [
+				Ce(),
+				we(),
+				J()
+			];
+			return a(t, {
+				to: ne.value,
+				disabled: !re.value
+			}, { default: () => [a(n, {
+				name: e.transitionName,
+				appear: !0
+			}, { default: () => [a("div", {
+				ref: S,
+				id: _,
+				class: [r, e.classNames?.popup],
+				style: [ie.value, e.styles?.popup],
+				role: "dialog",
+				"aria-label": "选择颜色"
+			}, [o])] })] });
+		}
+		return () => a("div", {
+			class: [
+				u.b(),
+				e.disabled ? u.is("disabled") : "",
+				e.variant ? u.m(`variant-${e.variant}`) : "",
+				e.classNames?.root
+			],
+			style: e.styles?.root
+		}, [ge(), Te()]);
+	}
+});
+//#endregion
+//#region ../ccui/ui/color-picker/index.ts
+$.install = function(e) {
+	e.component($.name, $);
+};
+var rn = {
+	title: "ColorPicker 颜色选择器",
+	category: "数据录入",
+	status: "80%",
+	install(e) {
+		e.component($.name, $);
+	}
+};
+//#endregion
+export { $ as ColorPicker, rn as default };