uomtiles 0.1.0

package/.output/server/chunks/build/services-DuJwjAB8.mjs

@@ -0,0 +1,3005 @@
+import { u as useSeoMeta$1, a as useToast, ap as useFetch, b as _sfc_main$2, aq as useRequestEvent, $ as $fetch$1, ar as _plugin_vue_export_helper_default, d as useComponentProps, f as useAppConfig, t as tv, as as watchPausable, at as watchThrottled, P as Primitive, au as useElementBounding } from '../virtual/entry.mjs';
+import { C as CompletedTaskSelect_default, a as _sfc_main$7 } from './Alert-0ngTJXxP.mjs';
+import { _ as _sfc_main$6 } from './Slider-D-n8Y0CX.mjs';
+import { _ as _sfc_main$8 } from './Tooltip-CkpSktvJ.mjs';
+import { _ as _sfc_main$3, M as MapBaseLayerTabs_default, b as _sfc_main$2$1 } from './MapBaseLayerTabs-4445J6yh.mjs';
+import { _ as _sfc_main$4 } from './FormField-CEUZHcv7.mjs';
+import { _ as _sfc_main$1, F as FileDropZone_default } from './ScrollArea-BQK3em8b.mjs';
+import { _ as _sfc_main$5 } from './Input-BeNavYXb.mjs';
+import { u as useFileWorkspace, _ as _sfc_main$9 } from './Empty-CkW3mADt.mjs';
+import { O as OnlineMap_default } from './OnlineMap-CKwiuqUY.mjs';
+import { defineComponent, ref, withAsyncContext, computed, mergeProps, withCtx, isRef, unref, createVNode, openBlock, createBlock, createCommentVNode, toDisplayString, useModel, mergeModels, nextTick, useSSRContext } from 'vue';
+import { o as getRequestURL } from '../nitro/nitro.mjs';
+import { ssrRenderComponent, ssrInterpolate, ssrRenderClass, ssrRenderStyle, ssrRenderAttr } from 'vue/server-renderer';
+import 'unhead/plugins';
+import 'unhead/utils';
+import '../routes/renderer.mjs';
+import 'unhead/server';
+import 'unhead/legacy';
+import 'nostics';
+import 'vue-bundle-renderer/runtime';
+import 'devalue';
+import 'fnv1a-64';
+import 'object-identity';
+import 'tailwindcss/colors';
+import './DashboardSidebarToggle-pncTaIJq.mjs';
+import './FocusScope-Cf0lg0zt.mjs';
+import './PopperArrow-Bqfdf2Et.mjs';
+import './esm-Dp2lJXbp.mjs';
+import 'node:http';
+import 'node:https';
+import 'node:events';
+import 'node:buffer';
+import 'node:fs';
+import 'node:path';
+import 'node:crypto';
+import 'node:url';
+import '@iconify/utils';
+import 'consola';
+
+//#region node_modules/.pnpm/colortranslator@5.0.0/node_modules/colortranslator/esm/index.js
+var t = 255;
+var e = 100;
+var s = 125;
+var r = 150;
+var a;
+var i;
+var n;
+var c;
+((function(t) {
+	t.HEX = "HEX", t.RGB = "RGB", t.HWB = "HWB", t.HSL = "HSL", t.CIELab = "CIELab", t.LCH = "LCH", t.CMYK = "CMYK";
+}))(a || (a = {})), function(t) {
+	t.ANALOGOUS = "ANALOGOUS", t.COMPLEMENTARY = "COMPLEMENTARY", t.SPLIT_COMPLEMENTARY = "SPLIT_COMPLEMENTARY", t.TRIADIC = "TRIADIC", t.TETRADIC = "TETRADIC", t.SQUARE = "SQUARE";
+}(i || (i = {})), function(t) {
+	t.ADDITIVE = "ADDITIVE", t.SUBTRACTIVE = "SUBTRACTIVE";
+}(n || (n = {})), function(t) {
+	t.black = "#000000", t.silver = "#C0C0C0", t.gray = "#808080", t.white = "#FFFFFF", t.maroon = "#800000", t.red = "#FF0000", t.purple = "#800080", t.fuchsia = "#FF00FF", t.green = "#008000", t.lime = "#00FF00", t.olive = "#808000", t.yellow = "#FFFF00", t.navy = "#000080", t.blue = "#0000FF", t.teal = "#008080", t.aqua = "#00FFFF", t.orange = "#FFA500", t.aliceblue = "#F0F8FF", t.antiquewhite = "#FAEBD7", t.aquamarine = "#7FFFD4", t.azure = "#F0FFFF", t.beige = "#F5F5DC", t.bisque = "#FFE4C4", t.blanchedalmond = "#FFEBCD", t.blueviolet = "#8A2BE2", t.brown = "#A52A2A", t.burlywood = "#DEB887", t.cadetblue = "#5F9EA0", t.chartreuse = "#7FFF00", t.chocolate = "#D2691E", t.coral = "#FF7F50", t.cornflowerblue = "#6495ED", t.cornsilk = "#FFF8DC", t.crimson = "#DC143C", t.cyan = "#00FFFF", t.darkblue = "#00008B", t.darkcyan = "#008B8B", t.darkgoldenrod = "#B8860B", t.darkgray = "#A9A9A9", t.darkgreen = "#006400", t.darkgrey = "#A9A9A9", t.darkkhaki = "#BDB76B", t.darkmagenta = "#8B008B", t.darkolivegreen = "#556B2F", t.darkorange = "#FF8C00", t.darkorchid = "#9932CC", t.darkred = "#8B0000", t.darksalmon = "#E9967A", t.darkseagreen = "#8FBC8F", t.darkslateblue = "#483D8B", t.darkslategray = "#2F4F4F", t.darkslategrey = "#2F4F4F", t.darkturquoise = "#00CED1", t.darkviolet = "#9400D3", t.deeppink = "#FF1493", t.deepskyblue = "#00BFFF", t.dimgray = "#696969", t.dimgrey = "#696969", t.dodgerblue = "#1E90FF", t.firebrick = "#B22222", t.floralwhite = "#FFFAF0", t.forestgreen = "#228B22", t.gainsboro = "#DCDCDC", t.ghostwhite = "#F8F8FF", t.gold = "#FFD700", t.goldenrod = "#DAA520", t.greenyellow = "#ADFF2F", t.grey = "#808080", t.honeydew = "#F0FFF0", t.hotpink = "#FF69B4", t.indianred = "#CD5C5C", t.indigo = "#4B0082", t.ivory = "#FFFFF0", t.khaki = "#F0E68C", t.lavender = "#E6E6FA", t.lavenderblush = "#FFF0F5", t.lawngreen = "#7CFC00", t.lemonchiffon = "#FFFACD", t.lightblue = "#ADD8E6", t.lightcoral = "#F08080", t.lightcyan = "#E0FFFF", t.lightgoldenrodyellow = "#FAFAD2", t.lightgray = "#D3D3D3", t.lightgreen = "#90EE90", t.lightgrey = "#D3D3D3", t.lightpink = "#FFB6C1", t.lightsalmon = "#FFA07A", t.lightseagreen = "#20B2AA", t.lightskyblue = "#87CEFA", t.lightslategray = "#778899", t.lightslategrey = "#778899", t.lightsteelblue = "#B0C4DE", t.lightyellow = "#FFFFE0", t.limegreen = "#32CD32", t.linen = "#FAF0E6", t.magenta = "#FF00FF", t.mediumaquamarine = "#66CDAA", t.mediumblue = "#0000CD", t.mediumorchid = "#BA55D3", t.mediumpurple = "#9370DB", t.mediumseagreen = "#3CB371", t.mediumslateblue = "#7B68EE", t.mediumspringgreen = "#00FA9A", t.mediumturquoise = "#48D1CC", t.mediumvioletred = "#C71585", t.midnightblue = "#191970", t.mintcream = "#F5FFFA", t.mistyrose = "#FFE4E1", t.moccasin = "#FFE4B5", t.navajowhite = "#FFDEAD", t.oldlace = "#FDF5E6", t.olivedrab = "#6B8E23", t.orangered = "#FF4500", t.orchid = "#DA70D6", t.palegoldenrod = "#EEE8AA", t.palegreen = "#98FB98", t.paleturquoise = "#AFEEEE", t.palevioletred = "#DB7093", t.papayawhip = "#FFEFD5", t.peachpuff = "#FFDAB9", t.peru = "#CD853F", t.pink = "#FFC0CB", t.plum = "#DDA0DD", t.powderblue = "#B0E0E6", t.rosybrown = "#BC8F8F", t.royalblue = "#4169E1", t.saddlebrown = "#8B4513", t.salmon = "#FA8072", t.sandybrown = "#F4A460", t.seagreen = "#2E8B57", t.seashell = "#FFF5EE", t.sienna = "#A0522D", t.skyblue = "#87CEEB", t.slateblue = "#6A5ACD", t.slategray = "#708090", t.slategrey = "#708090", t.snow = "#FFFAFA", t.springgreen = "#00FF7F", t.steelblue = "#4682B4", t.tan = "#D2B48C", t.thistle = "#D8BFD8", t.tomato = "#FF6347", t.turquoise = "#40E0D0", t.violet = "#EE82EE", t.wheat = "#F5DEB3", t.whitesmoke = "#F5F5F5", t.yellowgreen = "#9ACD32", t.rebeccapurple = "#663399";
+}(c || (c = {}));
+var h$1 = Object.keys(c);
+var o = {
+	HEX: [
+		"R",
+		"G",
+		"B",
+		"A"
+	],
+	RGB: [
+		"R",
+		"G",
+		"B",
+		"A"
+	],
+	HSL: [
+		"H",
+		"S",
+		"L",
+		"A"
+	],
+	HWB: [
+		"H",
+		"W",
+		"B",
+		"A"
+	],
+	CIELab: [
+		"L",
+		"a",
+		"b",
+		"A"
+	],
+	LCH: [
+		"L",
+		"C",
+		"H",
+		"A"
+	],
+	CMYK: [
+		"C",
+		"M",
+		"Y",
+		"K",
+		"A"
+	]
+};
+var l = {
+	ABGR: a.RGB,
+	ABHW: a.HWB,
+	ACHL: a.LCH,
+	ACKMY: a.CMYK,
+	AHLS: a.HSL,
+	ALAB: a.CIELab,
+	BGR: a.RGB,
+	BHW: a.HWB,
+	CHL: a.LCH,
+	CKMY: a.CMYK,
+	HLS: a.HSL,
+	LAB: a.CIELab
+};
+var u;
+(function(t) {
+	t.NUMBER = "number", t.BOOLEAN = "boolean";
+})(u || (u = {}));
+var d = {
+	[a.HEX]: /^#(?:(?<r>[a-f\d])(?<g>[a-f\d])(?<b>[a-f\d])(?<a>[a-f\d])?|(?<rr>[a-f\d]{2})(?<gg>[a-f\d]{2})(?<bb>[a-f\d]{2})(?<aa>[a-f\d]{2})?)$/i,
+	[a.RGB]: /^rgba?\s*\(\s*(?:(?<r_legacy>(?:\d*\.)?\d+%?)\s*,\s*(?<g_legacy>(?:\d*\.)?\d+%?)\s*,\s*(?<b_legacy>(?:\d*\.)?\d+%?)(?:\s*,\s*(?<a_legacy>(?:\d*\.)?\d+))?|(?<r>(?:\d*\.)?\d+%?)\s+(?<g>(?:\d*\.)?\d+%?)\s+(?<b>(?:\d*\.)?\d+%?)(?:\s*\/\s*(?<a>(?:\d*\.)?\d+%?))?|from\s+(?<from>(?:\w+|\w+\(\s*[^())]+\s*\)|\w+\(from\s+\w+\(.*\)\s*\)|#[a-fA-F\d]+))\s+(?<relative_r>(?:[rgb]|(?:\d*\.)?\d+|calc\([rgb()/*\-+\d.\s]+\)))\s+(?<relative_g>(?:[rgb]|(?:\d*\.)?\d+|calc\([rgb()/*\-+\d.\s]+\)))\s+(?<relative_b>(?:[rgb]|(?:\d*\.)?\d+|calc\([rgb()/*\-+\d.\s]+\)))(?:\s*\/\s*(?<relative_a>(?:(?:\d*\.)?\d+%?|calc\([()/*\-+\d.\s\w]*(?:alpha)?[()/*\-+\d.\s\w]*\)|alpha)))?)\s*\)$/,
+	[a.HWB]: /^hwb\s*\(\s*(?:(?<h>(?:\d*\.)?\d+(?:deg|grad|rad|turn)?)\s+(?<w>(?:\d*\.)?\d+)%\s+(?<b>(?:\d*\.)?\d+)%(?:\s*\/\s*(?<a>(?:\d*\.)?\d+%?))?|from\s+(?<from>(?:\w+|\w+\(\s*[^())]+\s*\)|\w+\(from\s+\w+\(.*\)\s*\)|#[a-fA-F\d]+))\s+(?<relative_h>(?:[hwb]|(?:\d*\.)?\d+|calc\([hwb()/*\-+\d.\s]+\)))\s+(?<relative_w>(?:[hwb]|(?:\d*\.)?\d+|calc\([hwb()/*\-+\d.\s]+\)))%?\s+(?<relative_b>(?:[hwb]|(?:\d*\.)?\d+|calc\([hwb()/*\-+\d.\s]+\)))%?(?:\s*\/\s*(?<relative_a>(?:(?:\d*\.)?\d+%?|calc\([()/*\-+\d.\s\w]*(?:alpha)?[()/*\-+\d.\s\w]*\)|alpha)))?)\s*\)$/,
+	[a.HSL]: /^hsla?\s*\(\s*(?:(?<h_legacy>-?(?:\d*\.)?\d+(?:deg|grad|rad|turn)?)\s*,\s*(?<s_legacy>(?:\d*\.)?\d+)%\s*,\s*(?<l_legacy>(?:\d*\.)?\d+)%(?:\s*,\s*(?<a_legacy>(?:\d*\.)?\d+))?|(?<h>-?(?:\d*\.)?\d+(?:deg|grad|rad|turn)?)\s+(?<s>(?:\d*\.)?\d+)%?\s+(?<l>(?:\d*\.)?\d+)%?(?:\s*\/\s*(?<a>(?:\d*\.)?\d+%?))?|from\s+(?<from>(?:\w+|\w+\(\s*[^())]+\s*\)|\w+\(from\s+\w+\(.*\)\s*\)|#[a-fA-F\d]+))\s+(?<relative_h>(?:[hsl]|(?:\d*\.)?\d+|calc\([hsl()/*\-+\d.\s]+\)))\s+(?<relative_s>(?:[hsl]|(?:\d*\.)?\d+|calc\([hsl()/*\-+\d.\s]+\)))%?\s+(?<relative_l>(?:[hsl]|(?:\d*\.)?\d+|calc\([hsl()/*\-+\d.\s]+\)))%?(?:\s*\/\s*(?<relative_a>(?:(?:\d*\.)?\d+%?|calc\([()/*\-+\d.\s\w]*(?:alpha)?[()/*\-+\d.\s\w]*\)|alpha)))?)\s*\)$/,
+	[a.CIELab]: /^lab\s*\(\s*(?:(?<L>(?:\d*\.)?\d+%?)\s+(?<a>-?(?:\d*\.)?\d+%?)\s+(?<b>-?(?:\d*\.)?\d+%?)(?:\s*\/\s*(?<A>(?:\d*\.)?\d+%?))?|from\s+(?<from>(?:\w+|\w+\(\s*[^())]+\s*\)|\w+\(from\s+\w+\(.*\)\s*\)|#[a-fA-F\d]+))\s+(?<relative_L>(?:[lab]|(?:\d*\.)?\d+|calc\([lab()/*\-+\d.\s]+\)))\s+(?<relative_a>(?:[lab]|(?:\d*\.)?\d+|calc\([lab()/*\-+\d.\s]+\)))\s+(?<relative_b>(?:[lab]|(?:\d*\.)?\d+|calc\([lab()/*\-+\d.\s]+\)))(?:\s*\/\s*(?<relative_A>(?:(?:\d*\.)?\d+%?|calc\([()/*\-+\d.\s\w]*(?:alpha)?[()/*\-+\d.\s\w]*\)|alpha)))?)\s*\)$/,
+	[a.LCH]: /^lch\s*\(\s*(?:(?<l>(?:\d*\.)?\d+%?)\s+(?<c>-?(?:\d*\.)?\d+%?)\s+(?<h>-?(?:\d*\.)?\d+(?:deg|grad|rad|turn)?)(?:\s*\/\s*(?<a>(?:\d*\.)?\d+%?))?|from\s+(?<from>(?:\w+|\w+\(\s*[^())]+\s*\)|\w+\(from\s+\w+\(.*\)\s*\)|#[a-fA-F\d]+))\s+(?<relative_l>(?:[lch]|(?:\d*\.)?\d+|calc\([lch()/*\-+\d.\s]+\)))\s+(?<relative_c>(?:[lch]|(?:\d*\.)?\d+|calc\([lch()/*\-+\d.\s]+\)))\s+(?<relative_h>(?:[lch]|(?:\d*\.)?\d+|calc\([lch()/*\-+\d.\s]+\)))(?:\s*\/\s*(?<relative_a>(?:(?:\d*\.)?\d+%?|calc\([()/*\-+\d.\s\w]*(?:alpha)?[()/*\-+\d.\s\w]*\)|alpha)))?)\s*\)$/,
+	[a.CMYK]: /^(?:device-cmyk|cmyk)\s*\(\s*(?:(?<c_legacy>(?:\d*\.)?\d+%?)\s*,\s*(?<m_legacy>(?:\d*\.)?\d+%?)\s*,\s*(?<y_legacy>(?:\d*\.)?\d+%?)\s*,\s*(?<k_legacy>(?:\d*\.)?\d+%?)(?:\s*,\s*(?<a_legacy>(?:\d*\.)?\d+))?|(?<c>(?:\d*\.)?\d+%?)\s+(?<m>(?:\d*\.)?\d+%?)\s+(?<y>(?:\d*\.)?\d+%?)\s+(?<k>(?:\d*\.)?\d+%?)(?:\s*\/\s*(?<a>(?:\d*\.)?\d+%?))?)\s*\)$/
+};
+var A = {
+	REGEXP: /^calc\(\s*(?<operation>[\d./*+-\w\s]+)\s*\)$/,
+	SCOPED: /\(\s*([^()]+)\s*\)/g,
+	DIVISION: /\s*(?<left>(?:(?:\d*\.)?\d+|\w+))\s*\/\s*(?<right>(?:(?:\d*\.)?\d+|\w+))\s*/,
+	MULTIPLICATION: /\s*(?<left>(?:(?:\d*\.)?\d+|\w+))\s*\*\s*(?<right>(?:(?:\d*\.)?\d+|\w+))\s*/,
+	SUM: /\s*(?<left>(?:(?:\d*\.)?\d+|\w+))\s*\+\s*(?<right>(?:(?:\d*\.)?\d+|\w+))\s*/,
+	REST: /\s*(?<left>(?:(?:\d*\.)?\d+|\w+))\s*-\s*(?<right>(?:(?:\d*\.)?\d+|\w+))\s*/
+};
+var m = /^(?<number>-?(?:\d*\.)?\d+)(?<units>(?:deg|grad|rad|turn)?)$/;
+var b = /^(-?\d+(?:\.\d+)?|-?\.\d+)%$/;
+var g = /^0x([a-f\d]{1,2})$/i;
+var H = /\{(\d+)\}/g;
+var C = /,( +|\d+)/g;
+var L = / +/;
+var B = "The provided string color doesn't have a correct format";
+var E = "The provided color object doesn't have the proper keys or format";
+var p = "is not a valid operation for a relative color";
+var F;
+var R;
+var f;
+((function(t) {
+	t.NONE = "none", t.DEGREES = "deg", t.GRADIANS = "grad", t.RADIANS = "rad", t.TURNS = "turn";
+}))(F || (F = {})), function(t) {
+	t.NONE = "none", t.PERCENT = "percent";
+}(R || (R = {})), function(t) {
+	t.DEVICE_CMYK = "device-cmyk", t.CMYK = "cmyk";
+}(f || (f = {}));
+var _ = {
+	decimals: 6,
+	legacyCSS: false,
+	spacesAfterCommas: false,
+	anglesUnit: F.NONE,
+	rgbUnit: R.NONE,
+	labUnit: R.NONE,
+	lchUnit: R.NONE,
+	cmykUnit: R.PERCENT,
+	alphaUnit: R.NONE,
+	cmykFunction: f.DEVICE_CMYK
+};
+var S = (t, e) => Object.prototype.hasOwnProperty.call(t, e);
+var G = (t) => +`${t}`.replace(b, "$1");
+var M = (t) => b.test(`${t}`) ? G(t) : Math.min(+t, 100);
+var y = (t) => (1 === t.length && (t += t), parseInt(t, 16));
+var I = (t) => {
+	const e = W(t, 0).toString(16).toUpperCase();
+	return 1 === e.length ? `0x0${e}` : `0x${e}`;
+};
+var w = (e, s = false) => !s && b.test(e) ? Math.min(t * G(e) / 100, t) : g.test(e) ? (3 === e.length && (e += e.slice(-1)), s ? W(e) / t : W(e)) : Math.min(+e, s ? 1 : t);
+var P = (t) => b.test(t) ? j(s * G(t) / 100, -125, s) : j(+t, -125, s);
+var O = (t) => b.test(t) ? j(r * G(t) / 100, -150, r) : j(+t, -150, r);
+var D = (t) => Math.min(b.test(t) ? G(t) / 100 : +t, 1);
+var k = (t) => [...t].sort().join("").toUpperCase();
+var W = (t, e = 6) => {
+	const s = Math.pow(10, e);
+	return Math.round(+t * s) / s;
+};
+var j = (t, e, s) => Math.max(e, Math.min(t, s));
+var x = (t) => 180 * t / Math.PI;
+var N = (t) => t * Math.PI / 180;
+var v = 360;
+var $ = (t) => {
+	if ("string" == typeof t) {
+		const e = t.match(m).groups, s = +e.number;
+		switch (e.units) {
+			case F.RADIANS:
+				t = W(x(s));
+				break;
+			case F.TURNS:
+				t = W(s * v);
+				break;
+			case F.GRADIANS:
+				t = W(.9 * s);
+				break;
+			case F.DEGREES:
+			default: t = s;
+		}
+	}
+	return (t > 360 || t < 0) && (t -= Math.floor(t / v) * v), t;
+};
+var X = (t) => ("string" == typeof t && (t = b.test(t) ? G(t) / 100 : +t), isNaN(+t) || t > 1 ? 1 : W(t));
+var Y = (t, e) => {
+	let s;
+	switch (e) {
+		case F.RADIANS:
+			s = W(N(t));
+			break;
+		case F.TURNS:
+			s = W(t / v);
+			break;
+		case F.GRADIANS:
+			s = W(10 / 9 * t);
+			break;
+		case F.DEGREES:
+		case F.NONE:
+		default: s = t;
+	}
+	return s;
+};
+var U = (t) => `${t}` in n;
+var T = [
+	[
+		.4360747,
+		.3850649,
+		.1430804
+	],
+	[
+		.2225045,
+		.7168786,
+		.0606169
+	],
+	[
+		.0139322,
+		.0971045,
+		.7141733
+	]
+];
+var K = [
+	[
+		3.1338561,
+		-1.6168667,
+		-0.4906146
+	],
+	[
+		-0.9787684,
+		1.9161415,
+		.033454
+	],
+	[
+		.0719453,
+		-0.2289914,
+		1.4052427
+	]
+];
+var V = T.map(((t) => t.reduce(((t, e) => t + e), 0)));
+var q = (e, s, r) => (r < 0 && (r += 6), r >= 6 && (r -= 6), W(r < 1 ? ((s - e) * r + e) * t : r < 3 ? s * t : r < 4 ? ((s - e) * (4 - r) + e) * t : e * t));
+var z = (t) => t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
+var Q = (t) => t <= .0031308 ? 12.92 * t : 1.055 * t ** (1 / 2.4) - .055;
+var J = (t, e, s, r) => {
+	const a = [
+		0,
+		0,
+		0
+	], i = [
+		t,
+		e,
+		s
+	];
+	return r.forEach(((t, e) => {
+		t.forEach(((t, s) => {
+			a[e] += t * i[s];
+		}));
+	})), a;
+};
+var Z = (t, e, s) => {
+	e /= 100;
+	const r = (s /= 100) <= .5 ? s * (e + 1) : s + e - s * e, a = 2 * s - r;
+	return {
+		R: q(a, r, (t /= 60) + 2),
+		G: q(a, r, t),
+		B: q(a, r, t - 2)
+	};
+};
+var tt = (e, s, r, a = 1) => {
+	e /= t, s /= t, r /= t, a = Math.min(a, 1);
+	const i = Math.max(e, s, r), n = Math.min(e, s, r), c = i - n;
+	let h = 0, o = 0;
+	const l = (i + n) / 2;
+	if (0 !== c) {
+		switch (i) {
+			case e:
+				h = (s - r) / c % 6;
+				break;
+			case s:
+				h = (r - e) / c + 2;
+				break;
+			case r: h = (e - s) / c + 4;
+		}
+		h = W(60 * h), h < 0 && (h += 360), o = c / (1 - Math.abs(2 * l - 1));
+	}
+	return {
+		H: h,
+		S: W(100 * o),
+		L: W(100 * l),
+		A: a
+	};
+};
+var et = (e, s, r) => {
+	const a = [
+		e / t,
+		s / t,
+		r / t
+	].map(z), i = J(a[0], a[1], a[2], T), n = ((t, e, s) => {
+		const r = (t) => t > (6 / 29) ** 3 ? Math.cbrt(t) : t / (3 * (6 / 29) ** 2) + 4 / 29, a = r(t / V[0]), i = r(e / V[1]);
+		return [
+			116 * i - 16,
+			500 * (a - i),
+			200 * (i - r(s / V[2]))
+		];
+	})(i[0], i[1], i[2]);
+	return {
+		L: n[0],
+		a: n[1],
+		b: n[2]
+	};
+};
+var st = (e, s, r) => {
+	const a = ((t, e, s) => {
+		const r = (t) => t > 6 / 29 ? t ** 3 : 3 * (6 / 29) ** 2 * (t - 4 / 29), a = (t + 16) / 116, i = e / 500, n = s / 200;
+		return [
+			V[0] * r(a + i),
+			V[1] * r(a),
+			V[2] * r(a - n)
+		];
+	})(e, s, r), i = J(a[0], a[1], a[2], K).map(Q);
+	return {
+		R: j(i[0] * t, 0, t),
+		G: j(i[1] * t, 0, t),
+		B: j(i[2] * t, 0, t)
+	};
+};
+var rt = (t, e, s) => {
+	return {
+		L: t,
+		C: Math.sqrt(e ** 2 + s ** 2),
+		H: $(x(Math.atan2(s, e)))
+	};
+};
+var at = (t, e, s) => {
+	const r = N(s);
+	return {
+		L: t,
+		a: e * Math.cos(r),
+		b: e * Math.sin(r)
+	};
+};
+var it = (t, e, s) => {
+	const r = et(t, e, s);
+	return rt(r.L, r.a, r.b);
+};
+var nt = (t, e, s) => {
+	const r = at(t, e, s);
+	return st(r.L, r.a, r.b);
+};
+var ct = (e, s, r, a = 1) => ({
+	H: tt(e, s, r, a).H,
+	W: W(Math.min(e, s, r) / t * 100),
+	B: W(100 * (1 - Math.max(e, s, r) / t)),
+	A: a
+});
+var ht = (e, s, r) => {
+	const a = 1 - (r /= 100) - (s /= 100), i = a * (1 - Math.abs(e / 60 % 2 - 1));
+	let n = 0, c = 0, h = 0;
+	return e < 60 ? (n = a, c = i, h = 0) : e >= 60 && e < 120 ? (n = i, c = a, h = 0) : e >= 120 && e < 180 ? (n = 0, c = a, h = i) : e >= 180 && e < 240 ? (n = 0, c = i, h = a) : e >= 240 && e < 300 ? (n = i, c = 0, h = a) : e >= 300 && (n = a, c = 0, h = i), n += s, c += s, h += s, {
+		R: j(n * t, 0, t),
+		G: j(c * t, 0, t),
+		B: j(h * t, 0, t)
+	};
+};
+var ot = (e, s, r, a) => ({
+	R: W(t * (1 - e) * (a = 1 - a)),
+	G: W(t * (1 - s) * a),
+	B: W(t * (1 - r) * a)
+});
+var lt = (e, s, r) => {
+	e /= t, s /= t, r /= t;
+	const a = 1 - Math.max(e, s, r), i = 1 - a, n = i && (i - s) / i, c = i && (i - r) / i;
+	return {
+		C: W(100 * (i && (i - e) / i)),
+		M: W(100 * n),
+		Y: W(100 * c),
+		K: W(100 * a)
+	};
+};
+var ut = (t, e) => {
+	if (t < 0 && (t += 360), t > 360 && (t -= 360), 360 === t || 0 === t) return t;
+	const s = [
+		[0, 120],
+		[120, 180],
+		[180, 240],
+		[240, 360]
+	], r = [
+		[0, 60],
+		[60, 120],
+		[120, 240],
+		[240, 360]
+	], a = e ? r : s;
+	let i = 0, n = 0, c = 0, h = 0;
+	return (e ? s : r).find(((e, s) => t >= e[0] && t < e[1] && (i = e[0], n = e[1], c = a[s][0], h = a[s][1], true))), c + (h - c) / (n - i) * (t - i);
+};
+var dt = class {
+	get rgb() {
+		return this._rgb;
+	}
+};
+var At = class extends dt {
+	constructor(e) {
+		super();
+		const s = e.match(d.HEX).groups;
+		this._r = s.r ?? s.rr, this._g = s.g ?? s.gg, this._b = s.b ?? s.bb, this._a = s.a ?? s.aa;
+		const r = {
+			R: y(this._r),
+			G: y(this._g),
+			B: y(this._b)
+		};
+		void 0 !== this._a && (r.A = y(this._a) / t), this._rgb = r;
+	}
+};
+var mt = class {
+	constructor(t, e, s) {
+		this._operations = /* @__PURE__ */ new Map([
+			[A.DIVISION, this._division],
+			[A.MULTIPLICATION, this._multiplication],
+			[A.SUM, this._sum],
+			[A.REST, this._rest]
+		]), this._colorIndex = t;
+		let r = e, a = 0;
+		if (Number.isNaN(+e)) if (e in s) this._result = s[e];
+		else if (A.REGEXP.test(r)) A.REGEXP.lastIndex = 0, this._result = this._getCalcValue(r, s);
+		else {
+			for (; A.SCOPED.test(r) && a < 100;) {
+				if (A.SCOPED.lastIndex = 0, r = r.replace(A.SCOPED, ((t, e) => this._calculate(e, s).toString())), A.REGEXP.test(r)) {
+					A.REGEXP.lastIndex = 0;
+					break;
+				}
+				a++;
+			}
+			this._result = this._getCalcValue(r, s);
+		}
+		else this._result = +e;
+	}
+	_division(t, e) {
+		return t / e;
+	}
+	_multiplication(t, e) {
+		return t * e;
+	}
+	_sum(t, e) {
+		return t + e;
+	}
+	_rest(t, e) {
+		return t - e;
+	}
+	_getCalcValue(t, e) {
+		const s = t.match(A.REGEXP).groups.operation, r = this._calculate(s, e);
+		if (Number.isNaN(r)) throw new Error(`Invalid value for ${this._colorIndex}. ${s} ${p}`);
+		return r;
+	}
+	_calculate(t, e) {
+		return this._operations.forEach(((s, r) => {
+			let a = 0;
+			for (; r.test(t) && a < 100;) t = t.replace(r, ((t, r, a) => s(e[r] ?? +r, e[a] ?? +a).toString())), a++;
+		})), +t;
+	}
+	get result() {
+		return this._result;
+	}
+};
+var bt = class extends dt {
+	get hasPercentageAlpha() {
+		return b.test(this._a);
+	}
+};
+var gt = class extends bt {
+	constructor(e, s) {
+		super();
+		const { r_legacy: a, g_legacy: i, b_legacy: n, a_legacy: c, r: h, g: o, b: l, a: u, from: A, relative_r: m, relative_g: b, relative_b: g, relative_a: H } = e.match(d.RGB).groups;
+		if (A) {
+			const e = s(A), r = {
+				r: e.R,
+				g: e.G,
+				b: e.B,
+				alpha: e.A ?? 1
+			}, a = new mt("r", m, r).result, i = new mt("g", b, r).result, n = new mt("b", g, r).result, c = {
+				R: Math.min(a, t),
+				G: Math.min(i, t),
+				B: Math.min(n, t)
+			};
+			if (H) {
+				const t = new mt("alpha", H, r).result;
+				c.A = Math.min(t, 1);
+			}
+			this._rgb = c;
+		} else {
+			this._r = a ?? h, this._g = i ?? o, this._b = n ?? l, this._a = c ?? u;
+			const e = {
+				R: Math.min(w(this._r), t),
+				G: Math.min(w(this._g), t),
+				B: Math.min(w(this._b), t)
+			};
+			void 0 !== this._a && (e.A = X(this._a)), this._rgb = e;
+		}
+	}
+	get hasPercentageValues() {
+		return b.test(this._r) && b.test(this._g) && b.test(this._b);
+	}
+	static test(t) {
+		return d.RGB.test(t);
+	}
+};
+var Ht = class extends bt {
+	get angleUnit() {
+		if (this._h) {
+			const t = this._h.match(m).groups.units;
+			return "" === t ? F.NONE : t;
+		}
+		return F.NONE;
+	}
+};
+var Ct = class extends Ht {
+	constructor(t, s) {
+		super();
+		const { h_legacy: a, s_legacy: i, l_legacy: n, a_legacy: c, h, s: o, l, a: u, from: A, relative_h: m, relative_s: b, relative_l: g, relative_a: H } = t.match(d.HSL).groups;
+		if (A) {
+			const t = s(A), r = tt(t.R, t.G, t.B, t.A), a = {
+				h: r.H,
+				s: r.S,
+				l: r.L,
+				alpha: r.A
+			}, i = new mt("h", m, a).result, n = new mt("s", b, a).result, c = new mt("l", g, a).result, h = Z(j(i, 0, 360), j(n, 0, e), j(c, 0, e));
+			if (H) {
+				const t = new mt("alpha", H, a).result;
+				h.A = j(t, 0, 1);
+			}
+			this._rgb = h;
+		} else {
+			this._h = a ?? h, this._s = i ?? o, this._l = n ?? l, this._a = c ?? u;
+			const t = Z($(this._h), M(this._s), M(this._l));
+			void 0 !== this._a && (t.A = X(this._a)), this._rgb = t;
+		}
+	}
+	static test(t) {
+		return d.HSL.test(t);
+	}
+};
+var Lt = class extends Ht {
+	constructor(t, s) {
+		super();
+		const { h: a, w: i, b: n, a: c, from: h, relative_h: o, relative_w: l, relative_b: u, relative_a: A } = t.match(d.HWB).groups;
+		if (h) {
+			const t = s(h), r = ct(t.R, t.G, t.B, t.A), a = {
+				h: r.H,
+				w: r.W,
+				b: r.B,
+				alpha: r.A
+			}, i = new mt("h", o, a).result, n = new mt("w", l, a).result, c = new mt("b", u, a).result, d = ht(j(i, 0, 360), j(n, 0, e), j(c, 0, e));
+			if (A) {
+				const t = new mt("alpha", A, a).result;
+				d.A = j(t, 0, 1);
+			}
+			this._rgb = d;
+		} else {
+			this._h = a, this._w = i, this._b = n, this._a = c;
+			const t = ht($(this._h), M(this._w), M(this._b));
+			void 0 !== this._a && (t.A = X(this._a)), this._rgb = t;
+		}
+	}
+	static test(t) {
+		return d.HWB.test(t);
+	}
+};
+var Bt = class extends bt {
+	constructor(t, r) {
+		super();
+		const { L: i, a: n, b: c, A: h, from: o, relative_L: l, relative_a: u, relative_b: A, relative_A: m } = t.match(d.CIELab).groups;
+		if (o) {
+			const t = r(o), a = et(t.R, t.G, t.B), i = {
+				l: a.L,
+				a: a.a,
+				b: a.b,
+				alpha: t.A ?? 1
+			}, n = new mt("l", l, i).result, c = new mt("a", u, i).result, h = new mt("b", A, i).result, d = st(j(n, 0, e), j(c, -125, s), j(h, -125, s));
+			if (m) {
+				const t = new mt("alpha", m, i).result;
+				d.A = j(t, 0, 1);
+			}
+			this._rgb = d;
+		} else {
+			this._L = i, this._A = n, this._B = c, this._a = h;
+			const t = st(M(this._L), P(this._A), P(this._B));
+			void 0 !== this._a && (t.A = X(this._a)), this._rgb = t;
+		}
+	}
+	get hasPercentageValues() {
+		return b.test(this._L) && b.test(this._A) && b.test(this._B);
+	}
+	static test(t) {
+		return d.CIELab.test(t);
+	}
+};
+var Et = class extends Ht {
+	constructor(t, s) {
+		super();
+		const { l: i, c: n, h: c, a: h, from: o, relative_l: l, relative_c: u, relative_h: A, relative_a: m } = t.match(d.LCH).groups;
+		if (o) {
+			const t = s(o), a = it(t.R, t.G, t.B), i = {
+				l: a.L,
+				c: a.C,
+				h: a.H,
+				alpha: t.A ?? 1
+			}, n = new mt("l", l, i).result, c = new mt("c", u, i).result, h = new mt("h", A, i).result, d = nt(j(n, 0, e), j(c, -150, r), $(h));
+			if (m) {
+				const t = new mt("alpha", m, i).result;
+				d.A = j(t, 0, 1);
+			}
+			this._rgb = d;
+		} else {
+			this._l = i, this._c = n, this._h = c, this._a = h;
+			const t = nt(M(this._l), O(this._c), $(this._h));
+			void 0 !== this._a && (t.A = X(this._a)), this._rgb = t;
+		}
+	}
+	get hasPercentageValues() {
+		return b.test(this._l) && b.test(this._c);
+	}
+	static test(t) {
+		return d.LCH.test(t);
+	}
+};
+var pt = class extends bt {
+	constructor(t) {
+		super();
+		const e = t.match(d.CMYK).groups;
+		this._c = e.c_legacy ?? e.c, this._m = e.m_legacy ?? e.m, this._y = e.y_legacy ?? e.y, this._k = e.k_legacy ?? e.k, this._a = e.a_legacy ?? e.a;
+		const s = ot(D(this._c), D(this._m), D(this._y), D(this._k));
+		void 0 !== this._a && (s.A = X(this._a)), this._rgb = s;
+	}
+	get hasPercentageValues() {
+		return b.test(this._c) && b.test(this._m) && b.test(this._y) && b.test(this._k);
+	}
+	static test(t) {
+		return d.CMYK.test(t);
+	}
+};
+var Ft = (e) => "string" == typeof e ? ((t) => {
+	let e;
+	if (Object.keys(a).some(((s) => {
+		if (d[s].test(t)) return e = s, true;
+	})), !e && ~h$1.indexOf(t) && (e = a.HEX), !e) throw new Error(B);
+	return e;
+})(e) : ((e) => {
+	let s, r = false;
+	const i = k(Object.keys(e));
+	if (l[i] && (s = l[i]), s && s === a.RGB) {
+		const i = Object.entries(e).some(((t) => !g.test(`${t[1]}`))), n = Object.entries(e).some(((e) => !(b.test(`${e[1]}`) || !g.test(`${e[1]}`) && !isNaN(+e[1]) && +e[1] <= t)));
+		i && n && (r = true), i || (s = a.HEX);
+	}
+	if (!s || r) throw new Error(E);
+	return s;
+})(e);
+var Rt = {
+	[a.HEX](t) {
+		return new At(~h$1.indexOf(t) ? c[t] : t).rgb;
+	},
+	[a.RGB]: (t) => new gt(t, _t).rgb,
+	[a.HSL]: (t) => new Ct(t, _t).rgb,
+	[a.HWB]: (t) => new Lt(t, _t).rgb,
+	[a.CIELab]: (t) => new Bt(t, _t).rgb,
+	[a.LCH]: (t) => new Et(t, _t).rgb,
+	[a.CMYK]: (t) => new pt(t).rgb
+};
+var ft = {
+	[a.HEX](t) {
+		const e = {
+			R: w(`${t.R}`),
+			G: w(`${t.G}`),
+			B: w(`${t.B}`)
+		};
+		return S(t, "A") && (e.A = Math.min(w(`${t.A}`, true), 1)), e;
+	},
+	[a.RGB](t) {
+		return this.HEX(t);
+	},
+	[a.HSL](t) {
+		const e = M(`${t.S}`), s = M(`${t.L}`), r = Z($(t.H), e, s);
+		return S(t, "A") && (r.A = X(t.A)), r;
+	},
+	[a.HWB](t) {
+		const e = M(`${t.W}`), s = M(`${t.B}`), r = ht($(t.H), e, s);
+		return S(t, "A") && (r.A = X(t.A)), r;
+	},
+	[a.CIELab](t) {
+		const a = st(M(`${t.L}`), P(`${t.a}`), P(`${t.b}`));
+		return S(t, "A") && (a.A = X(t.A)), a;
+	},
+	[a.LCH](t) {
+		const a = nt(M(`${t.L}`), O(`${t.C}`), $(`${t.H}`));
+		return S(t, "A") && (a.A = X(t.A)), a;
+	},
+	[a.CMYK](t) {
+		const i = ot(D(`${t.C}`), D(`${t.M}`), D(`${t.Y}`), D(`${t.K}`));
+		return S(t, "A") && (i.A = X(t.A)), i;
+	}
+};
+var _t = (t, e = Ft(t)) => "string" == typeof t ? Rt[e](t) : ft[e](t);
+var St = (t, ...e) => {
+	const s = [], r = [], a = [], i = [], n = [], c = [], h = [], o = Object.values(F), l = Object.values(R), d = Object.values(f), A = {
+		legacyCSS: 0,
+		spacesAfterCommas: 0,
+		cmykFunction: 0
+	};
+	for (const t of e) if ("string" == typeof t) {
+		if (s.push(t), t.includes(",")) {
+			A.legacyCSS++;
+			const e = t.match(C);
+			1 === new Set(e).size && L.test(e[0].slice(1)) && A.spacesAfterCommas++;
+		}
+		if (Ct.test(t)) {
+			const e = new Ct(t, _t);
+			r.push(e.angleUnit), h.push(e.hasPercentageAlpha);
+			continue;
+		}
+		if (Lt.test(t)) {
+			const e = new Lt(t, _t);
+			r.push(e.angleUnit), h.push(e.hasPercentageAlpha);
+			continue;
+		}
+		if (gt.test(t)) {
+			const e = new gt(t, _t);
+			a.push(e.hasPercentageValues), h.push(e.hasPercentageAlpha);
+			continue;
+		}
+		if (Bt.test(t)) {
+			const e = new Bt(t, _t);
+			i.push(e.hasPercentageValues), h.push(e.hasPercentageAlpha);
+			continue;
+		}
+		if (Et.test(t)) {
+			const e = new Et(t, _t);
+			r.push(e.angleUnit), n.push(e.hasPercentageValues), h.push(e.hasPercentageAlpha);
+			continue;
+		}
+		if (pt.test(t)) {
+			const e = new pt(t);
+			c.push(e.hasPercentageValues), t.startsWith("cmyk") && A.cmykFunction++, h.push(e.hasPercentageAlpha);
+		}
+	}
+	return {
+		decimals: typeof t.decimals === u.NUMBER ? t.decimals : _.decimals,
+		legacyCSS: typeof t.legacyCSS === u.BOOLEAN ? t.legacyCSS : Boolean(s.length && A.legacyCSS === s.length) || _.legacyCSS,
+		spacesAfterCommas: typeof t.spacesAfterCommas === u.BOOLEAN ? t.spacesAfterCommas : Boolean(s.length && A.spacesAfterCommas === s.length) || _.spacesAfterCommas,
+		anglesUnit: t.anglesUnit && o.includes(t.anglesUnit) ? t.anglesUnit : 1 === new Set(r).size ? r[0] : _.anglesUnit,
+		rgbUnit: t.rgbUnit && l.includes(t.rgbUnit) ? t.rgbUnit : 1 === new Set(a).size && a[0] ? R.PERCENT : _.rgbUnit,
+		labUnit: t.labUnit && l.includes(t.labUnit) ? t.labUnit : 1 === new Set(i).size && i[0] ? R.PERCENT : _.labUnit,
+		lchUnit: t.lchUnit && l.includes(t.lchUnit) ? t.lchUnit : 1 === new Set(n).size && n[0] ? R.PERCENT : _.lchUnit,
+		cmykUnit: t.cmykUnit && l.includes(t.cmykUnit) ? t.cmykUnit : 1 !== new Set(c).size || c[0] ? _.cmykUnit : R.NONE,
+		alphaUnit: t.alphaUnit && l.includes(t.alphaUnit) ? t.alphaUnit : 1 === new Set(h).size && h[0] ? R.PERCENT : _.alphaUnit,
+		cmykFunction: t.cmykFunction && d.includes(t.cmykFunction) ? t.cmykFunction : c.length && c.length === A.cmykFunction ? f.CMYK : _.cmykFunction
+	};
+};
+var Gt = (t, e) => ({
+	H: W(t.H, e),
+	S: W(t.S, e),
+	L: W(t.L, e)
+});
+var Mt = (t) => t ? ", " : ",";
+var yt = (t, e) => {
+	return o[l[k(Object.keys(t))]].reduce(((s, r, a) => {
+		const i = t[r];
+		return void 0 !== i && s.push(e(i, a)), s;
+	}), []);
+};
+var It = (t, e) => t.replace(H, ((t, s) => `${e[+s - 1]}`));
+var wt = (t, e, s = false) => {
+	const { alphaUnit: r, legacyCSS: a, decimals: i } = e;
+	return r !== R.PERCENT || a && !s ? W(t, i) : `${W(100 * t, i)}%`;
+};
+var Pt = (t) => {
+	const { anglesUnit: e, decimals: s } = t;
+	return (r, a) => {
+		if (0 === a && e !== F.NONE) return `${W(Y(r, e), s)}${e}`;
+		return 3 === a ? wt(r, t) : W(r, s);
+	};
+};
+var Ot = {
+	[a.HEX]: (t) => {
+		const e = yt(t, ((t) => ((t) => {
+			let e = W(t, 0).toString(16).toUpperCase();
+			return 1 === e.length && (e = `0${e}`), e;
+		})(W(t))));
+		return It(4 === e.length ? "#{1}{2}{3}{4}" : "#{1}{2}{3}", e);
+	},
+	[a.RGB]: (e, s) => {
+		const { decimals: r, legacyCSS: a, spacesAfterCommas: i, rgbUnit: n } = s, c = Mt(i), h = yt(e, ((e, a) => n === R.PERCENT && a < 3 ? `${((e, s) => W(e / t * 100, s))(e, r)}%` : 3 === a ? wt(e, s) : W(e, r)));
+		return It(a ? 4 === h.length ? `rgba({1}${c}{2}${c}{3}${c}{4})` : `rgb({1}${c}{2}${c}{3})` : 4 === h.length ? "rgb({1} {2} {3} / {4})" : "rgb({1} {2} {3})", h);
+	},
+	[a.HSL]: (t, e) => {
+		const { legacyCSS: s, spacesAfterCommas: r } = e, a = Mt(r), n = yt(t, Pt(e));
+		return It(s ? 4 === n.length ? `hsla({1}${a}{2}%${a}{3}%${a}{4})` : `hsl({1}${a}{2}%${a}{3}%)` : 4 === n.length ? "hsl({1} {2}% {3}% / {4})" : "hsl({1} {2}% {3}%)", n);
+	},
+	[a.HWB]: (t, e) => {
+		const r = yt(t, Pt(e));
+		return It(4 === r.length ? "hwb({1} {2}% {3}% / {4})" : "hwb({1} {2}% {3}%)", r);
+	},
+	[a.CIELab]: (t, e) => {
+		const { decimals: r, labUnit: a } = e, i = yt(t, ((t, i) => {
+			if (0 === i) {
+				const e = W(M(t), r);
+				return a === R.PERCENT ? `${e}%` : `${e}`;
+			}
+			return i < 3 ? a === R.PERCENT ? `${((t, e) => W(t / s * 100, e))(t, r)}%` : W(t, r) : wt(t, e, true);
+		}));
+		return It(4 === i.length ? "lab({1} {2} {3} / {4})" : "lab({1} {2} {3})", i);
+	},
+	[a.LCH]: (t, e) => {
+		const { decimals: s, lchUnit: a, anglesUnit: i } = e, n = yt(t, ((t, n) => {
+			if (0 === n) {
+				const e = W(M(t), s);
+				return a === R.PERCENT ? `${e}%` : `${e}`;
+			}
+			if (1 === n) return a === R.PERCENT ? `${((t, e) => W(t / r * 100, e))(t, s)}%` : W(t, s);
+			if (2 === n) {
+				if (i !== F.NONE) return `${W(Y(t, i), s)}${i}`;
+				return W(t, s);
+			}
+			return wt(t, e, true);
+		}));
+		return It(4 === n.length ? "lch({1} {2} {3} / {4})" : "lch({1} {2} {3})", n);
+	},
+	[a.CMYK]: (t, e) => {
+		const { decimals: s, legacyCSS: r, spacesAfterCommas: a, cmykUnit: i, cmykFunction: n } = e, c = Mt(a), h = yt(t, ((t, r) => i === R.PERCENT && r < 4 ? `${W(t, s)}%` : 4 === r ? wt(t, e) : W(t / 100, s)));
+		return It(r ? 5 === h.length ? `${n}({1}${c}{2}${c}{3}${c}{4}${c}{5})` : `${n}({1}${c}{2}${c}{3}${c}{4})` : 5 === h.length ? `${n}({1} {2} {3} {4} / {5})` : `${n}({1} {2} {3} {4})`, h);
+	}
+};
+var Dt = (t, e, s) => e.reduce(((e, r) => [...e, {
+	...t,
+	H: s === n.ADDITIVE ? $(t.H + r) : $(ut(ut(t.H, false) + r, true))
+}]), [{ ...t }]);
+var kt = (t, e) => Dt(t, [30, -30], e);
+var Wt = (t, e) => Dt(t, [180], e);
+var jt = (t, e) => Dt(t, [150, -150], e);
+var xt = (t, e) => Dt(t, [120, -120], e);
+var Nt = (t, e) => Dt(t, [
+	60,
+	-120,
+	180
+], e);
+var vt = (t, e) => Dt(t, [
+	90,
+	-90,
+	180
+], e);
+var $t = {
+	[a.HEX]: (t) => ({
+		R: I(t.R),
+		G: I(t.G),
+		B: I(t.B)
+	}),
+	HEXA(e) {
+		const s = $t.HEX(e);
+		return s.A = S(e, "A") ? I(e.A * t) : "0xFF", s;
+	},
+	[a.RGB](t, e) {
+		const s = Tt(t, e);
+		return S(s, "A") && delete s.A, s;
+	},
+	RGBA(t, e) {
+		const s = $t.RGB(t, e);
+		return s.A = S(t, "A") ? W(t.A) : 1, s;
+	},
+	[a.HSL](t, e) {
+		const s = tt(t.R, t.G, t.B);
+		return delete s.A, Gt(s, e);
+	},
+	HSLA(t, e) {
+		const s = $t.HSL(t, e);
+		return s.A = S(t, "A") ? W(t.A, e) : 1, s;
+	},
+	[a.HWB](t, e) {
+		const s = ct(t.R, t.G, t.B);
+		return delete s.A, ((t, e) => ({
+			H: W(t.H, e),
+			W: W(t.W, e),
+			B: W(t.B, e)
+		}))(s, e);
+	},
+	HWBA(t, e) {
+		const s = $t.HWB(t, e);
+		return s.A = S(t, "A") ? W(t.A, e) : 1, s;
+	},
+	[a.CIELab]: (t, e) => ((t, e) => ({
+		L: W(t.L, e),
+		a: W(t.a, e),
+		b: W(t.b, e)
+	}))(et(t.R, t.G, t.B), e),
+	CIELabA(t, e) {
+		const s = $t.CIELab(t, e);
+		return s.A = S(t, "A") ? W(t.A, e) : 1, s;
+	},
+	[a.LCH]: (t, e) => ((t, e) => ({
+		L: W(t.L, e),
+		C: W(t.C, e),
+		H: W(t.H, e)
+	}))(it(t.R, t.G, t.B), e),
+	LCHA(t, e) {
+		const s = $t.LCH(t, e);
+		return s.A = S(t, "A") ? W(t.A, e) : 1, s;
+	},
+	[a.CMYK]: (t, e) => ((t, e) => ({
+		C: W(t.C, e),
+		M: W(t.M, e),
+		Y: W(t.Y, e),
+		K: W(t.K, e)
+	}))(lt(t.R, t.G, t.B), e),
+	CMYKA(t, e) {
+		const s = $t.CMYK(t, e);
+		return s.A = S(t, "A") ? W(t.A, e) : 1, s;
+	}
+};
+var Xt = (e, s, r, i) => {
+	const n = Ft(e), c = "string" == typeof e, h = _t(e, n), o = "string" == typeof e && S(h, "A") || "string" != typeof e && S(e, "A"), l = tt(h.R, h.G, h.B, h.A);
+	o || delete l.A;
+	const u = r ? l.L / (s + 1) : (100 - l.L) / (s + 1), d = Array(s).fill(null).map(((t, e) => ({
+		...l,
+		L: l.L + u * (e + 1) * (1 - 2 * +r)
+	})));
+	switch (n) {
+		case a.HEX:
+		default: return d.map(((e) => {
+			const s = Z(e.H, e.S, e.L);
+			return o && (s.A = e.A), c ? o ? Ot.HEX({
+				...s,
+				A: W(s.A * t)
+			}) : Ot.HEX(s) : o ? $t.HEXA(s) : $t.HEX(s);
+		}));
+		case a.RGB: return d.map(((t) => {
+			const e = Z(t.H, t.S, t.L);
+			return o && (e.A = t.A), c ? Ot.RGB(e, i) : o ? $t.RGBA(e, i.decimals) : $t.RGB(e, i.decimals);
+		}));
+		case a.HSL: return d.map(((t) => c ? Ot.HSL(t, i) : o ? $t.HSLA({
+			...Z(t.H, t.S, t.L),
+			A: t.A
+		}, i.decimals) : $t.HSL(Z(t.H, t.S, t.L), i.decimals)));
+		case a.HWB: return d.map(((t) => {
+			const e = Z(t.H, t.S, t.L);
+			o && (e.A = t.A);
+			const s = o ? $t.HWBA(e, i.decimals) : $t.HWB(e, i.decimals);
+			return c ? Ot.HWB(s, i) : s;
+		}));
+		case a.CIELab: return d.map(((t) => {
+			const e = Z(t.H, t.S, t.L);
+			o && (e.A = t.A);
+			const s = o ? $t.CIELabA(e, i.decimals) : $t.CIELab(e, i.decimals);
+			return c ? Ot.CIELab(s, i) : s;
+		}));
+		case a.LCH: return d.map(((t) => {
+			const e = Z(t.H, t.S, t.L), s = it(e.R, e.G, e.B);
+			return o && (s.A = t.A), c ? Ot.LCH(s, i) : o ? $t.LCHA({
+				...e,
+				A: t.A
+			}, i.decimals) : $t.LCH(e, i.decimals);
+		}));
+	}
+};
+var Yt = {
+	buildHarmony(t, e, s, r) {
+		const i = Ft(t), n = _t(t, i), c = tt(n.R, n.G, n.B, n.A), h = "string" == typeof t && S(n, "A") || "string" != typeof t && S(t, "A"), o = "string" == typeof t;
+		switch (i) {
+			case a.HEX:
+			default: return h ? this.HEXA(Gt(c, 0), e, s, o) : this.HEX(Gt(c, 0), e, s, o);
+			case a.HSL: return h ? this.HSLA(c, e, s, o, r) : this.HSL(c, e, s, o, r);
+			case a.HWB: return h ? this.HWBA(c, e, s, o, r) : this.HWB(c, e, s, o, r);
+			case a.RGB: return h ? this.RGBA(c, e, s, o, r) : this.RGB(c, e, s, o, r);
+			case a.CIELab: return h ? this.CIELabA(c, e, s, o, r) : this.CIELab(c, e, s, o, r);
+			case a.LCH: return h ? this.LCHA(c, e, s, o, r) : this.LCH(c, e, s, o, r);
+		}
+	},
+	[a.HEX]: (t, e, s, r) => e(t, s).map(((t) => r ? Ot.HEX(Z(t.H, t.S, t.L)) : $t.HEX(Z(t.H, t.S, t.L)))),
+	HEXA: (e, s, r, a) => s(e, r).map(((e) => a ? Ot.HEX({
+		...Z(e.H, e.S, e.L),
+		A: X(e.A) * t
+	}) : $t.HEXA({
+		...Z(e.H, e.S, e.L),
+		A: X(e.A)
+	}))),
+	[a.RGB]: (t, e, s, r, a) => e(t, s).map(((t) => r ? Ot.RGB(Z(t.H, t.S, t.L), a) : $t.RGB(Z(t.H, t.S, t.L), a.decimals))),
+	RGBA: (t, e, s, r, a) => e(t, s).map(((t) => r ? Ot.RGB({
+		...Z(t.H, t.S, t.L),
+		A: X(t.A)
+	}, a) : $t.RGBA({
+		...Z(t.H, t.S, t.L),
+		A: X(t.A)
+	}, a.decimals))),
+	[a.HSL]: (t, e, s, r, a) => e(t, s).map(((t) => r ? Ot.HSL({
+		H: t.H,
+		S: t.S,
+		L: t.L
+	}, a) : $t.HSL(Z(t.H, t.S, t.L), a.decimals))),
+	HSLA: (t, e, s, r, a) => e(t, s).map(((t) => r ? Ot.HSL({
+		...t,
+		A: X(t.A)
+	}, a) : $t.HSLA({
+		...Z(t.H, t.S, t.L),
+		A: X(t.A)
+	}, a.decimals))),
+	[a.HWB]: (t, e, s, r, a) => e(t, s).map(((t) => {
+		const e = Z(t.H, t.S, t.L), s = ct(e.R, e.G, e.B);
+		return r ? Ot.HWB({
+			H: s.H,
+			W: s.W,
+			B: s.B
+		}, a) : $t.HWB(e, a.decimals);
+	})),
+	HWBA: (t, e, s, r, a) => e(t, s).map(((t) => {
+		const e = Z(t.H, t.S, t.L), s = ct(e.R, e.G, e.B);
+		return r ? Ot.HWB({
+			...s,
+			A: X(t.A)
+		}, a) : $t.HWBA({
+			...e,
+			A: X(t.A)
+		}, a.decimals);
+	})),
+	[a.CIELab]: (t, e, s, r, a) => e(t, s).map(((t) => {
+		const e = Z(t.H, t.S, t.L);
+		return r ? Ot.CIELab(et(e.R, e.G, e.B), a) : $t.CIELab(e, a.decimals);
+	})),
+	CIELabA: (t, e, s, r, a) => e(t, s).map(((t) => {
+		const e = Z(t.H, t.S, t.L);
+		return r ? Ot.CIELab({
+			...et(e.R, e.G, e.B),
+			A: X(t.A)
+		}, a) : $t.CIELabA({
+			...e,
+			A: X(t.A)
+		}, a.decimals);
+	})),
+	[a.LCH]: (t, e, s, r, a) => e(t, s).map(((t) => {
+		const e = Z(t.H, t.S, t.L);
+		return r ? Ot.LCH(it(e.R, e.G, e.B), a) : $t.LCH(e, a.decimals);
+	})),
+	LCHA: (t, e, s, r, a) => e(t, s).map(((t) => {
+		const e = Z(t.H, t.S, t.L);
+		return r ? Ot.LCH({
+			...it(e.R, e.G, e.B),
+			A: X(t.A)
+		}, a) : $t.LCHA({
+			...e,
+			A: X(t.A)
+		}, a.decimals);
+	}))
+};
+var Ut = {
+	mix(e, s) {
+		const r = e.map(((t) => {
+			return _t(t, Ft(t));
+		})), a = s === n.SUBTRACTIVE ? r.map(((e) => {
+			const s = ((e, s, r) => {
+				const a = Math.min(e, s, r), i = Math.min(t - e, t - s, t - r), n = e - a, c = s - a, h = r - a, o = Math.min(n, c), l = n - o, u = (c + o) / 2, d = (h + c - o) / 2, A = Math.max(l, u, d) / Math.max(n, c, h), m = isNaN(A) || A === 1 / 0 || A <= 0 ? 1 : A;
+				return {
+					R: l / m + i,
+					Y: u / m + i,
+					B: d / m + i
+				};
+			})(e.R, e.G, e.B);
+			return S(e, "A") && (s.A = e.A), s;
+		})) : null;
+		function i(e) {
+			const r = s === n.ADDITIVE ? {
+				R: 0,
+				G: 0,
+				B: 0,
+				A: 0
+			} : {
+				R: 0,
+				Y: 0,
+				B: 0,
+				A: 0
+			};
+			return e.reduce(((e, r) => {
+				const a = S(r, "A") ? r.A : 1, i = {
+					R: Math.min(e.R + r.R * a, t),
+					B: Math.min(e.B + r.B * a, t),
+					A: 1 - (1 - a) * (1 - e.A)
+				}, c = "G" in e ? e.G : e.Y, h = "G" in r ? r.G : r.Y;
+				return {
+					...i,
+					...s === n.ADDITIVE ? { G: Math.min(c + h * a, t) } : { Y: Math.min(c + h * a, t) }
+				};
+			}), r);
+		}
+		let c;
+		if (s === n.ADDITIVE) c = i(r);
+		else {
+			const e = i(a);
+			c = ((e, s, r) => {
+				const a = Math.min(e, s, r), i = Math.min(t - e, t - s, t - r), n = e - a, c = s - a, h = r - a, o = Math.min(c, h), l = n + c - o, u = c + o, d = 2 * (h - o), A = Math.max(l, u, d) / Math.max(n, c, h), m = isNaN(A) || A === 1 / 0 || A <= 0 ? 1 : A;
+				return {
+					R: l / m + i,
+					G: u / m + i,
+					B: d / m + i
+				};
+			})(e.R, e.Y, e.B), c.A = e.A;
+		}
+		return {
+			R: W(c.R),
+			G: W(c.G),
+			B: W(c.B),
+			A: j(c.A, 0, 1)
+		};
+	},
+	[a.HEX](t, e, s) {
+		const r = this.mix(t, e);
+		return delete r.A, s ? Ot.HEX(r) : $t.HEX(r);
+	},
+	HEXA(e, s, r) {
+		const a = this.mix(e, s);
+		return a.A = r ? X(a.A) * t : X(a.A), r ? Ot.HEX(a) : $t.HEXA(a);
+	},
+	[a.RGB](t, e, s, r) {
+		const a = this.mix(t, e);
+		return delete a.A, s ? Ot.RGB(a, r) : $t.RGB(a, r.decimals);
+	},
+	RGBA(t, e, s, r) {
+		const a = this.mix(t, e);
+		return s ? Ot.RGB(a, r) : $t.RGBA(a, r.decimals);
+	},
+	[a.HSL](t, e, s, r) {
+		const a = this.mix(t, e), i = tt(a.R, a.G, a.B);
+		return delete a.A, delete i.A, s ? Ot.HSL(i, r) : $t.HSL(a, r.decimals);
+	},
+	HSLA(t, e, s, r) {
+		const a = this.mix(t, e), i = tt(a.R, a.G, a.B, a.A);
+		return s ? Ot.HSL(i, r) : $t.HSLA(a, r.decimals);
+	},
+	[a.HWB](t, e, s, r) {
+		const a = this.mix(t, e), i = ct(a.R, a.G, a.B);
+		return delete a.A, delete i.A, s ? Ot.HWB(i, r) : $t.HWB(a, r.decimals);
+	},
+	HWBA(t, e, s, r) {
+		const a = this.mix(t, e), i = ct(a.R, a.G, a.B, a.A);
+		return s ? Ot.HWB(i, r) : $t.HWBA(a, r.decimals);
+	},
+	[a.CIELab](t, e, s, r) {
+		const a = this.mix(t, e), i = et(a.R, a.G, a.B);
+		return delete a.A, s ? Ot.CIELab(i, r) : $t.CIELab(a, r.decimals);
+	},
+	CIELabA(t, e, s, r) {
+		const a = this.mix(t, e), i = et(a.R, a.G, a.B);
+		return S(a, "A") && (i.A = a.A), s ? Ot.CIELab(i, r) : $t.CIELabA(a, r.decimals);
+	},
+	[a.LCH](t, e, s, r) {
+		const a = this.mix(t, e), i = it(a.R, a.G, a.B);
+		return delete a.A, s ? Ot.LCH(i, r) : $t.LCH(a, r.decimals);
+	},
+	LCHA(t, e, s, r) {
+		const a = this.mix(t, e), i = it(a.R, a.G, a.B);
+		return S(a, "A") && (i.A = a.A), s ? Ot.LCH(i, r) : $t.LCHA(a, r.decimals);
+	}
+};
+var Tt = (t, e) => ({
+	R: W(t.R, e),
+	G: W(t.G, e),
+	B: W(t.B, e),
+	...S(t, "A") ? { A: W(t.A, e) } : {}
+});
+var Kt = (t, e, s, r) => r(_t(t, e), s);
+var Vt = (t, e, s, r, a) => {
+	s < 1 && (s = 5);
+	return ((t, e, s) => {
+		const r = s - 1, a = (e.R - t.R) / r, i = (e.G - t.G) / r, n = (e.B - t.B) / r, c = X(t.A), h = (X(e.A) - c) / r;
+		return Array(s).fill(null).map(((s, o) => 0 === o ? t : o === r ? e : {
+			R: W(t.R + a * o),
+			G: W(t.G + i * o),
+			B: W(t.B + n * o),
+			A: W(c + h * o)
+		}));
+	})(_t(t), _t(e), s).map(((t) => a(t, r)));
+};
+function qt(t) {
+	const { from: e, to: s, thirdParameter: r, fourthParameter: a, translateFunction: i, cssFunction: n } = t, c = "number" == typeof r ? Vt(e, s, r, a?.decimals, i) : Vt(e, s, 5, r?.decimals, i);
+	return n ? c.map(((t) => n(t, St(("number" == typeof r ? a : r) ?? {}, e, s)))) : c;
+}
+function zt(t) {
+	const { colors: e, secondParameter: s, thirdParameter: r, colorMixerFunction: a, css: i } = t, c = St(("string" == typeof s ? r : s) ?? {}, ...e);
+	return a(e, "string" == typeof s ? s : n.ADDITIVE, i, c);
+}
+var Qt = (t, e, s, r) => ({
+	[i.ANALOGOUS]: Yt.buildHarmony(e, kt, s, r),
+	[i.COMPLEMENTARY]: Yt.buildHarmony(e, Wt, s, r),
+	[i.SPLIT_COMPLEMENTARY]: Yt.buildHarmony(e, jt, s, r),
+	[i.TRIADIC]: Yt.buildHarmony(e, xt, s, r),
+	[i.TETRADIC]: Yt.buildHarmony(e, Nt, s, r),
+	[i.SQUARE]: Yt.buildHarmony(e, vt, s, r)
+})[t];
+var Jt = Object.fromEntries(Object.entries(Ut).map(((t) => {
+	const [e, s] = t;
+	return [e, s.bind(Ut)];
+})));
+var Zt = class Zt {
+	constructor(t, e = {}) {
+		this._options = St(e, t), this.rgb = _t(t), this.update("rgb");
+	}
+	update(...t) {
+		t.includes("rgb") || this.updateRGB(), t.includes("hsl") || this.updateHSL(), t.includes("hwb") || this.updateHWB(), t.includes("lab") || this.updateLAB(), t.includes("lch") || this.updateLCH(), t.includes("cmyk") || this.updateCMYK();
+	}
+	updateRGB() {
+		this.rgb = {
+			...Z(this.hsl.H, this.hsl.S, this.hsl.L),
+			A: this.hsl.A
+		};
+	}
+	updateHSL() {
+		this.hsl = tt(this.rgb.R, this.rgb.G, this.rgb.B, this.rgb.A);
+	}
+	updateHWB() {
+		this.hwb = ct(this.rgb.R, this.rgb.G, this.rgb.B, this.rgb.A);
+	}
+	updateLAB() {
+		this.lab = {
+			...et(this.rgb.R, this.rgb.G, this.rgb.B),
+			A: this.rgb.A
+		};
+	}
+	updateLCH() {
+		this.lch = {
+			...it(this.rgb.R, this.rgb.G, this.rgb.B),
+			A: this.rgb.A
+		};
+	}
+	updateCMYK() {
+		this.cmyk = lt(this.rgb.R, this.rgb.G, this.rgb.B);
+	}
+	updateRGBFromHWB() {
+		this.rgb = {
+			...ht(this.hwb.H, this.hwb.W, this.hwb.B),
+			A: this.rgb.A
+		};
+	}
+	updateRGBFromLCH() {
+		this.rgb = {
+			...nt(this.lch.L, this.lch.C, this.lch.H),
+			A: this.rgb.A
+		};
+	}
+	updateRGBFromCMYK() {
+		this.rgb = {
+			...ot(this.cmyk.C, this.cmyk.M, this.cmyk.Y, this.cmyk.K),
+			A: this.rgb.A
+		};
+	}
+	updateRGBFromLAB() {
+		this.rgb = {
+			...st(this.lab.L, this.lab.a, this.lab.b),
+			A: this.rgb.A
+		};
+	}
+	updateLCHFromLAB() {
+		this.lch = {
+			...rt(this.lab.L, this.lab.a, this.lab.b),
+			A: this.lab.A
+		};
+	}
+	updateLABromLCH() {
+		this.lab = {
+			...at(this.lch.L, this.lch.C, this.lch.H),
+			A: this.lch.A
+		};
+	}
+	setOptions(t = {}) {
+		return this._options = {
+			...this._options,
+			...t
+		}, this;
+	}
+	setR(e) {
+		this.rgb.R = j(e, 0, t), this.update("rgb");
+	}
+	setG(e) {
+		return this.rgb.G = j(e, 0, t), this.update("rgb"), this;
+	}
+	setB(e) {
+		return this.rgb.B = j(e, 0, t), this.update("rgb"), this;
+	}
+	setH(t) {
+		return this.hsl.H = $(t), this.update("hsl"), this;
+	}
+	setS(t) {
+		return this.hsl.S = j(t, 0, e), this.update("hsl"), this;
+	}
+	setL(t) {
+		return this.hsl.L = j(t, 0, e), this.update("hsl"), this;
+	}
+	setWhiteness(t) {
+		return this.hwb.W = j(t, 0, e), this.updateRGBFromHWB(), this.update("rgb", "hwb"), this;
+	}
+	setBlackness(t) {
+		return this.hwb.B = j(t, 0, e), this.updateRGBFromHWB(), this.update("rgb", "hwb"), this;
+	}
+	setCIEL(t) {
+		return this.lab.L = j(t, 0, e), this.updateRGBFromLAB(), this.updateLCHFromLAB(), this.update("rgb", "lab", "lch"), this;
+	}
+	setCIEa(t) {
+		return this.lab.a = j(t, -125, s), this.updateRGBFromLAB(), this.updateLCHFromLAB(), this.update("rgb", "lab", "lch"), this;
+	}
+	setCIEb(t) {
+		return this.lab.b = j(t, -125, s), this.updateRGBFromLAB(), this.updateLCHFromLAB(), this.update("rgb", "lab", "lch"), this;
+	}
+	setLCHL(t) {
+		return this.lch.L = j(t, 0, e), this.updateRGBFromLCH(), this.updateLABromLCH(), this.update("rgb", "lab", "lch"), this;
+	}
+	setLCHC(t) {
+		return this.lch.C = j(t, 0, r), this.updateRGBFromLCH(), this.updateLABromLCH(), this.update("rgb", "lab", "lch"), this;
+	}
+	setLCHH(t) {
+		return this.lch.H = $(t), this.updateRGBFromLCH(), this.updateLABromLCH(), this.update("rgb", "lab", "lch"), this;
+	}
+	setA(t) {
+		const e = j(t, 0, 1);
+		return this.rgb.A = e, this.hsl.A = e, this.hwb.A = e, this.lab.A = e, this.lch.A = e, this.cmyk.A = e, this;
+	}
+	setC(t) {
+		return this.cmyk.C = j(t, 0, 100), this.updateRGBFromCMYK(), this.update("cmyk"), this;
+	}
+	setM(t) {
+		return this.cmyk.M = j(t, 0, 100), this.updateRGBFromCMYK(), this.update("cmyk"), this;
+	}
+	setY(t) {
+		return this.cmyk.Y = j(t, 0, 100), this.updateRGBFromCMYK(), this.update("cmyk"), this;
+	}
+	setK(t) {
+		return this.cmyk.K = j(t, 0, 100), this.updateRGBFromCMYK(), this.update("cmyk"), this;
+	}
+	get options() {
+		return this._options;
+	}
+	get R() {
+		return W(this.rgb.R, this.options.decimals);
+	}
+	get G() {
+		return W(this.rgb.G, this.options.decimals);
+	}
+	get B() {
+		return W(this.rgb.B, this.options.decimals);
+	}
+	get H() {
+		return W(this.hsl.H, this.options.decimals);
+	}
+	get S() {
+		return W(this.hsl.S, this.options.decimals);
+	}
+	get L() {
+		return W(this.hsl.L, this.options.decimals);
+	}
+	get Whiteness() {
+		return W(this.hwb.W, this.options.decimals);
+	}
+	get Blackness() {
+		return W(this.hwb.B, this.options.decimals);
+	}
+	get CIEL() {
+		return W(this.lab.L, this.options.decimals);
+	}
+	get CIEa() {
+		return W(this.lab.a, this.options.decimals);
+	}
+	get CIEb() {
+		return W(this.lab.b, this.options.decimals);
+	}
+	get LCHL() {
+		return W(this.lch.L, this.options.decimals);
+	}
+	get LCHC() {
+		return W(this.lch.C, this.options.decimals);
+	}
+	get LCHH() {
+		return W(this.lch.H, this.options.decimals);
+	}
+	get A() {
+		return W(this.hsl.A, this.options.decimals);
+	}
+	get C() {
+		return W(this.cmyk.C, this.options.decimals);
+	}
+	get M() {
+		return W(this.cmyk.M, this.options.decimals);
+	}
+	get Y() {
+		return W(this.cmyk.Y, this.options.decimals);
+	}
+	get K() {
+		return W(this.cmyk.K, this.options.decimals);
+	}
+	get HEXObject() {
+		return $t.HEX(this.rgb);
+	}
+	get HEXAObject() {
+		return $t.HEXA(this.rgb);
+	}
+	get RGBObject() {
+		return {
+			R: this.R,
+			G: this.G,
+			B: this.B
+		};
+	}
+	get RGBAObject() {
+		return {
+			...this.RGBObject,
+			A: this.A
+		};
+	}
+	get HSLObject() {
+		return {
+			H: this.H,
+			S: this.S,
+			L: this.L
+		};
+	}
+	get HSLAObject() {
+		return {
+			...this.HSLObject,
+			A: this.A
+		};
+	}
+	get HWBObject() {
+		return {
+			H: this.H,
+			W: this.Whiteness,
+			B: this.Blackness
+		};
+	}
+	get HWBAObject() {
+		return {
+			...this.HWBObject,
+			A: this.A
+		};
+	}
+	get CIELabObject() {
+		return {
+			L: this.CIEL,
+			a: this.CIEa,
+			b: this.CIEb
+		};
+	}
+	get CIELabAObject() {
+		return {
+			...this.CIELabObject,
+			A: this.A
+		};
+	}
+	get LCHObject() {
+		return {
+			L: this.LCHL,
+			C: this.LCHC,
+			H: this.LCHH
+		};
+	}
+	get LCHAObject() {
+		return {
+			...this.LCHObject,
+			A: this.A
+		};
+	}
+	get CMYKObject() {
+		return {
+			C: this.C,
+			M: this.M,
+			Y: this.Y,
+			K: this.K
+		};
+	}
+	get CMYKAObject() {
+		return {
+			...this.CMYKObject,
+			A: this.A
+		};
+	}
+	get HEX() {
+		return Ot.HEX({
+			R: this.R,
+			G: this.G,
+			B: this.B
+		});
+	}
+	get HEXA() {
+		return Ot.HEX({
+			R: this.R,
+			G: this.G,
+			B: this.B,
+			A: this.A * t
+		});
+	}
+	get RGB() {
+		return Ot.RGB({
+			R: this.R,
+			G: this.G,
+			B: this.B
+		}, this.options);
+	}
+	get RGBA() {
+		return Ot.RGB({
+			R: this.R,
+			G: this.G,
+			B: this.B,
+			A: this.A
+		}, this.options);
+	}
+	get HSL() {
+		return Ot.HSL({
+			H: this.H,
+			S: this.S,
+			L: this.L
+		}, this.options);
+	}
+	get HSLA() {
+		return Ot.HSL({
+			H: this.H,
+			S: this.S,
+			L: this.L,
+			A: this.A
+		}, this.options);
+	}
+	get HWB() {
+		return Ot.HWB({
+			H: this.H,
+			W: this.Whiteness,
+			B: this.Blackness
+		}, this.options);
+	}
+	get HWBA() {
+		return Ot.HWB({
+			H: this.H,
+			W: this.Whiteness,
+			B: this.Blackness,
+			A: this.A
+		}, this.options);
+	}
+	get CIELab() {
+		return Ot.CIELab({
+			L: this.CIEL,
+			a: this.CIEa,
+			b: this.CIEb
+		}, this.options);
+	}
+	get CIELabA() {
+		return Ot.CIELab({
+			L: this.CIEL,
+			a: this.CIEa,
+			b: this.CIEb,
+			A: this.A
+		}, this.options);
+	}
+	get LCH() {
+		return Ot.LCH({
+			L: this.LCHL,
+			C: this.LCHC,
+			H: this.LCHH
+		}, this.options);
+	}
+	get LCHA() {
+		return Ot.LCH({
+			L: this.LCHL,
+			C: this.LCHC,
+			H: this.LCHH,
+			A: this.A
+		}, this.options);
+	}
+	get CMYK() {
+		return Ot.CMYK({
+			C: this.C,
+			M: this.M,
+			Y: this.Y,
+			K: this.K
+		}, this.options);
+	}
+	get CMYKA() {
+		return Ot.CMYK({
+			C: this.C,
+			M: this.M,
+			Y: this.Y,
+			K: this.K,
+			A: this.A
+		}, this.options);
+	}
+	static toHEXObject(t) {
+		return Kt(t, Ft(t), 0, $t.HEX);
+	}
+	static toHEX(t) {
+		return Ot.HEX(Zt.toHEXObject(t));
+	}
+	static toHEXAObject(t) {
+		return Kt(t, Ft(t), 0, $t.HEXA);
+	}
+	static toHEXA(t) {
+		return Ot.HEX(Zt.toHEXAObject(t));
+	}
+	static toRGBObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.RGB);
+	}
+	static toRGB(t, e = {}) {
+		const s = Zt.toRGBObject(t, e), r = St(e, t);
+		return Ot.RGB(s, r);
+	}
+	static toRGBAObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.RGBA);
+	}
+	static toRGBA(t, e = {}) {
+		const s = Zt.toRGBAObject(t, e), r = St(e, t);
+		return Ot.RGB(s, r);
+	}
+	static toHSLObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.HSL);
+	}
+	static toHSL(t, e = {}) {
+		const s = Zt.toHSLObject(t, e), r = St(e, t);
+		return Ot.HSL(s, r);
+	}
+	static toHSLAObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.HSLA);
+	}
+	static toHSLA(t, e = {}) {
+		const s = Zt.toHSLAObject(t, e), r = St(e, t);
+		return Ot.HSL(s, r);
+	}
+	static toHWBObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.HWB);
+	}
+	static toHWB(t, e = {}) {
+		const s = Zt.toHWBObject(t, e), r = St(e, t);
+		return Ot.HWB(s, r);
+	}
+	static toHWBAObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.HWBA);
+	}
+	static toHWBA(t, e = {}) {
+		const s = Zt.toHWBAObject(t, e), r = St(e, t);
+		return Ot.HWB(s, r);
+	}
+	static toCIELabObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.CIELab);
+	}
+	static toCIELab(t, e = {}) {
+		const s = Zt.toCIELabObject(t, e), r = St(e, t);
+		return Ot.CIELab(s, r);
+	}
+	static toCIELabAObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.CIELabA);
+	}
+	static toCIELabA(t, e = {}) {
+		const s = Zt.toCIELabAObject(t, e), r = St(e, t);
+		return Ot.CIELab(s, r);
+	}
+	static toLCHObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.LCH);
+	}
+	static toLCH(t, e = {}) {
+		const s = Zt.toLCHObject(t, e), r = St(e, t);
+		return Ot.LCH(s, r);
+	}
+	static toLCHAObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.LCHA);
+	}
+	static toLCHA(t, e = {}) {
+		const s = Zt.toLCHAObject(t, e), r = St(e, t);
+		return Ot.LCH(s, r);
+	}
+	static toCMYKObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.CMYK);
+	}
+	static toCMYK(t, e = {}) {
+		const s = Zt.toCMYKObject(t, e), r = St(e, t);
+		return Ot.CMYK(s, r);
+	}
+	static toCMYKAObject(t, e = {}) {
+		return Kt(t, Ft(t), e.decimals, $t.CMYKA);
+	}
+	static toCMYKA(t, e = {}) {
+		const s = Zt.toCMYKAObject(t, e), r = St(e, t);
+		return Ot.CMYK(s, r);
+	}
+	static getBlendHEXObject(t, e, s = 5) {
+		return Vt(t, e, s, 0, $t.HEX);
+	}
+	static getBlendHEX(t, e, s = 5) {
+		return Zt.getBlendHEXObject(t, e, s).map(((t) => Ot.HEX(t)));
+	}
+	static getBlendHEXAObject(t, e, s = 5) {
+		return Vt(t, e, s, 0, $t.HEXA);
+	}
+	static getBlendHEXA(t, e, s = 5) {
+		return Zt.getBlendHEXAObject(t, e, s).map(((t) => Ot.HEX(t)));
+	}
+	static getBlendRGBObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.RGB
+		});
+	}
+	static getBlendRGB(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.RGB,
+			cssFunction: Ot.RGB
+		});
+	}
+	static getBlendRGBAObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.RGBA
+		});
+	}
+	static getBlendRGBA(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.RGBA,
+			cssFunction: Ot.RGB
+		});
+	}
+	static getBlendHSLObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HSL
+		});
+	}
+	static getBlendHSL(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HSL,
+			cssFunction: Ot.HSL
+		});
+	}
+	static getBlendHSLAObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HSLA
+		});
+	}
+	static getBlendHSLA(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HSLA,
+			cssFunction: Ot.HSL
+		});
+	}
+	static getBlendHWBObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HWB
+		});
+	}
+	static getBlendHWB(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HWB,
+			cssFunction: Ot.HWB
+		});
+	}
+	static getBlendHWBAObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HWBA
+		});
+	}
+	static getBlendHWBA(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.HWBA,
+			cssFunction: Ot.HWB
+		});
+	}
+	static getBlendCIELabObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.CIELab
+		});
+	}
+	static getBlendCIELab(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.CIELab,
+			cssFunction: Ot.CIELab
+		});
+	}
+	static getBlendCIELabAObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.CIELabA
+		});
+	}
+	static getBlendCIELabA(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.CIELabA,
+			cssFunction: Ot.CIELab
+		});
+	}
+	static getBlendLCHObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.LCH
+		});
+	}
+	static getBlendLCH(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.LCH,
+			cssFunction: Ot.LCH
+		});
+	}
+	static getBlendLCHAObject(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.LCHA
+		});
+	}
+	static getBlendLCHA(t, e, s, r) {
+		return qt({
+			from: t,
+			to: e,
+			thirdParameter: s,
+			fourthParameter: r,
+			translateFunction: $t.LCHA,
+			cssFunction: Ot.LCH
+		});
+	}
+	static getMixHEXObject(t, e = n.ADDITIVE) {
+		return Ut.HEX(t, e, false);
+	}
+	static getMixHEX(t, e = n.ADDITIVE) {
+		return Ut.HEX(t, e, true);
+	}
+	static getMixHEXAObject(t, e = n.ADDITIVE) {
+		return Ut.HEXA(t, e, false);
+	}
+	static getMixHEXA(t, e = n.ADDITIVE) {
+		return Ut.HEXA(t, e, true);
+	}
+	static getMixRGBObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.RGB,
+			css: false
+		});
+	}
+	static getMixRGB(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.RGB,
+			css: true
+		});
+	}
+	static getMixRGBAObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.RGBA,
+			css: false
+		});
+	}
+	static getMixRGBA(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.RGBA,
+			css: true
+		});
+	}
+	static getMixHSLObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HSL,
+			css: false
+		});
+	}
+	static getMixHSL(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HSL,
+			css: true
+		});
+	}
+	static getMixHSLAObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HSLA,
+			css: false
+		});
+	}
+	static getMixHSLA(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HSLA,
+			css: true
+		});
+	}
+	static getMixHWBObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HWB,
+			css: false
+		});
+	}
+	static getMixHWB(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HWB,
+			css: true
+		});
+	}
+	static getMixHWBAObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HWBA,
+			css: false
+		});
+	}
+	static getMixHWBA(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.HWBA,
+			css: true
+		});
+	}
+	static getMixCIELabObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.CIELab,
+			css: false
+		});
+	}
+	static getMixCIELab(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.CIELab,
+			css: true
+		});
+	}
+	static getMixCIELabAObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.CIELabA,
+			css: false
+		});
+	}
+	static getMixCIELabA(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.CIELabA,
+			css: true
+		});
+	}
+	static getMixLCHObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.LCH,
+			css: false
+		});
+	}
+	static getMixLCH(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.LCH,
+			css: true
+		});
+	}
+	static getMixLCHAObject(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.LCHA,
+			css: false
+		});
+	}
+	static getMixLCHA(t, e, s) {
+		return zt({
+			colors: t,
+			secondParameter: e,
+			thirdParameter: s,
+			colorMixerFunction: Jt.LCHA,
+			css: true
+		});
+	}
+	static getShades(t, e, s) {
+		return "number" == typeof e ? Xt(t, e, true, St(s || {}, t)) : Xt(t, 5, true, St(e || {}, t));
+	}
+	static getTints(t, e, s) {
+		return "number" == typeof e ? Xt(t, e, false, St(s || {}, t)) : Xt(t, 5, false, St(e || {}, t));
+	}
+	static getHarmony(t, e, s, r) {
+		return `${e}` in i ? Qt(e, t, U(s) ? s : n.ADDITIVE, St(U(s) ? r || {} : s || {}, t)) : U(e) ? Qt(i.COMPLEMENTARY, t, e, St(s || {}, t)) : Qt(i.COMPLEMENTARY, t, n.ADDITIVE, St(e || {}, t));
+	}
+};
+//#endregion
+//#region virtual:nuxt:node_modules%2F.cache%2Fnuxt%2F.nuxt%2Fui%2Fcolor-picker.ts
+var virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fcolor_picker_default = {
+	"slots": {
+		"root": "data-[disabled]:opacity-75",
+		"picker": "flex gap-4",
+		"selector": "rounded-md touch-none",
+		"selectorBackground": "w-full h-full relative rounded-md",
+		"selectorThumb": "-translate-y-1/2 -translate-x-1/2 absolute size-4 ring-2 ring-white rounded-full cursor-pointer data-[disabled]:cursor-not-allowed",
+		"track": "w-[8px] relative rounded-md touch-none",
+		"trackThumb": "absolute transform -translate-y-1/2 -translate-x-[4px] rtl:translate-x-[4px] size-4 rounded-full ring-2 ring-white cursor-pointer data-[disabled]:cursor-not-allowed"
+	},
+	"variants": { "size": {
+		"xs": {
+			"selector": "w-38 h-38",
+			"track": "h-38"
+		},
+		"sm": {
+			"selector": "w-40 h-40",
+			"track": "h-40"
+		},
+		"md": {
+			"selector": "w-42 h-42",
+			"track": "h-42"
+		},
+		"lg": {
+			"selector": "w-44 h-44",
+			"track": "h-44"
+		},
+		"xl": {
+			"selector": "w-46 h-46",
+			"track": "h-46"
+		}
+	} },
+	"compoundVariants": [],
+	"defaultVariants": { "size": "md" }
+};
+//#endregion
+//#region node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/ColorPicker.vue
+function HSLtoHSV(hsl) {
+	const x = hsl.S * (hsl.L < 50 ? hsl.L : 100 - hsl.L);
+	const v = hsl.L + x / 100;
+	return {
+		h: hsl.H,
+		s: hsl.L === 0 ? hsl.S : 2 * x / v,
+		v
+	};
+}
+function HSVtoHSL(hsv) {
+	const x = (200 - hsv.s) * hsv.v / 100;
+	return {
+		H: hsv.h,
+		S: x === 0 || x === 200 ? 0 : Math.round(hsv.s * hsv.v / (x <= 100 ? x : 200 - x)),
+		L: x / 2
+	};
+}
+var _sfc_main = {
+	__name: "UColorPicker",
+	__ssrInlineRender: true,
+	props: /*@__PURE__*/ mergeModels({
+		as: {
+			type: null,
+			required: false
+		},
+		throttle: {
+			type: Number,
+			required: false,
+			default: 50
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		defaultValue: {
+			type: String,
+			required: false,
+			default: "#FFFFFF"
+		},
+		format: {
+			type: String,
+			required: false,
+			default: "hex"
+		},
+		size: {
+			type: null,
+			required: false
+		},
+		class: {
+			type: null,
+			required: false
+		},
+		ui: {
+			type: Object,
+			required: false
+		}
+	}, {
+		"modelValue": { type: String },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = useComponentProps("colorPicker", __props);
+		const modelValue = useModel(__props, "modelValue", { type: String });
+		const appConfig = useAppConfig();
+		const ui = computed(() => tv({
+			extend: virtual_nuxt_node_modules_2F_cache_2Fnuxt_2F_nuxt_2Fui_2Fcolor_picker_default,
+			...appConfig.ui?.colorPicker || {}
+		})({ size: props.size }));
+		const pickedColor = computed({
+			get() {
+				try {
+					return HSLtoHSV(new Zt(modelValue.value || props.defaultValue).HSLObject);
+				} catch (_) {
+					return {
+						h: 0,
+						s: 0,
+						v: 100
+					};
+				}
+			},
+			set(value) {
+				const color = new Zt(HSVtoHSL(value), {
+					labUnit: "percent",
+					cmykUnit: "percent",
+					cmykFunction: "cmyk"
+				});
+				switch (props.format) {
+					case "rgb":
+						modelValue.value = color.RGB;
+						break;
+					case "hsl":
+						modelValue.value = color.HSL;
+						break;
+					case "cmyk":
+						modelValue.value = color.CMYK;
+						break;
+					case "lab":
+						modelValue.value = color.CIELab;
+						break;
+					default: modelValue.value = color.HEX;
+				}
+			}
+		});
+		function useColorDraggable(targetElement, containerElement, axis = "both", initialPosition = {
+			x: 0,
+			y: 0
+		}, disabled2) {
+			const position = ref(initialPosition);
+			ref();
+			useElementBounding(targetElement);
+			useElementBounding(containerElement);
+			return { position };
+		}
+		function normalizeHue(hue, dir = "left") {
+			if (dir === "right") return hue * 100 / 360;
+			return hue / 100 * 360;
+		}
+		function normalizeBrightness(brightness) {
+			return 100 - brightness;
+		}
+		const selectorRef = ref(null);
+		const selectorThumbRef = ref(null);
+		const trackRef = ref(null);
+		const trackThumbRef = ref(null);
+		const disabled = computed(() => props.disabled);
+		const { position: selectorThumbPosition } = useColorDraggable(selectorThumbRef, selectorRef, "both", {
+			x: pickedColor.value.s,
+			y: normalizeBrightness(pickedColor.value.v)
+		});
+		const { position: trackThumbPosition } = useColorDraggable(trackThumbRef, trackRef, "y", {
+			x: 0,
+			y: normalizeHue(pickedColor.value.h, "right")
+		});
+		const { pause: pauseWatchColor, resume: resumeWatchColor } = watchPausable(pickedColor, (hsb) => {
+			selectorThumbPosition.value = {
+				x: hsb.s,
+				y: normalizeBrightness(hsb.v)
+			};
+			trackThumbPosition.value = {
+				x: 0,
+				y: normalizeHue(hsb.h, "right")
+			};
+		});
+		watchThrottled([selectorThumbPosition, trackThumbPosition], () => {
+			pauseWatchColor();
+			pickedColor.value = {
+				h: normalizeHue(trackThumbPosition.value.y),
+				s: selectorThumbPosition.value.x,
+				v: normalizeBrightness(selectorThumbPosition.value.y)
+			};
+			nextTick(resumeWatchColor);
+		}, { throttle: () => props.throttle });
+		const trackThumbColor = computed(() => new Zt(HSVtoHSL({
+			h: normalizeHue(trackThumbPosition.value.y),
+			s: 100,
+			v: 100
+		})).HEX);
+		const selectorStyle = computed(() => ({ backgroundColor: trackThumbColor.value }));
+		const selectorThumbStyle = computed(() => ({
+			backgroundColor: new Zt(modelValue.value || props.defaultValue).HEX,
+			left: `${selectorThumbPosition.value.x}%`,
+			top: `${selectorThumbPosition.value.y}%`
+		}));
+		const trackThumbStyle = computed(() => ({
+			backgroundColor: trackThumbColor.value,
+			top: `${trackThumbPosition.value.y}%`
+		}));
+		return (_ctx, _push, _parent, _attrs) => {
+			_push(ssrRenderComponent(unref(Primitive), mergeProps({
+				as: unref(props).as,
+				"data-slot": "root",
+				class: ui.value.root({ class: [unref(props).ui?.root, unref(props).class] }),
+				"data-disabled": disabled.value ? true : void 0
+			}, _attrs), {
+				default: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(`<div data-slot="picker" class="${ssrRenderClass(ui.value.picker({ class: unref(props).ui?.picker }))}" data-v-33dd0d17${_scopeId}><div data-slot="selector" class="${ssrRenderClass(ui.value.selector({ class: unref(props).ui?.selector }))}" style="${ssrRenderStyle(selectorStyle.value)}" data-v-33dd0d17${_scopeId}><div data-slot="selectorBackground" class="${ssrRenderClass(ui.value.selectorBackground({ class: unref(props).ui?.selectorBackground }))}" data-color-picker-background data-v-33dd0d17${_scopeId}><div data-slot="selectorThumb" class="${ssrRenderClass(ui.value.selectorThumb({ class: unref(props).ui?.selectorThumb }))}" style="${ssrRenderStyle(selectorThumbStyle.value)}"${ssrRenderAttr("data-disabled", disabled.value ? true : void 0)} data-v-33dd0d17${_scopeId}></div></div></div><div data-slot="track" class="${ssrRenderClass(ui.value.track({ class: unref(props).ui?.track }))}" data-color-picker-track data-v-33dd0d17${_scopeId}><div data-slot="trackThumb" class="${ssrRenderClass(ui.value.trackThumb({ class: unref(props).ui?.trackThumb }))}" style="${ssrRenderStyle(trackThumbStyle.value)}"${ssrRenderAttr("data-disabled", disabled.value ? true : void 0)} data-v-33dd0d17${_scopeId}></div></div></div>`);
+					else return [createVNode("div", {
+						"data-slot": "picker",
+						class: ui.value.picker({ class: unref(props).ui?.picker })
+					}, [createVNode("div", {
+						ref_key: "selectorRef",
+						ref: selectorRef,
+						"data-slot": "selector",
+						class: ui.value.selector({ class: unref(props).ui?.selector }),
+						style: selectorStyle.value
+					}, [createVNode("div", {
+						"data-slot": "selectorBackground",
+						class: ui.value.selectorBackground({ class: unref(props).ui?.selectorBackground }),
+						"data-color-picker-background": ""
+					}, [createVNode("div", {
+						ref_key: "selectorThumbRef",
+						ref: selectorThumbRef,
+						"data-slot": "selectorThumb",
+						class: ui.value.selectorThumb({ class: unref(props).ui?.selectorThumb }),
+						style: selectorThumbStyle.value,
+						"data-disabled": disabled.value ? true : void 0
+					}, null, 14, ["data-disabled"])], 2)], 6), createVNode("div", {
+						ref_key: "trackRef",
+						ref: trackRef,
+						"data-slot": "track",
+						class: ui.value.track({ class: unref(props).ui?.track }),
+						"data-color-picker-track": ""
+					}, [createVNode("div", {
+						ref_key: "trackThumbRef",
+						ref: trackThumbRef,
+						"data-slot": "trackThumb",
+						class: ui.value.trackThumb({ class: unref(props).ui?.trackThumb }),
+						style: trackThumbStyle.value,
+						"data-disabled": disabled.value ? true : void 0
+					}, null, 14, ["data-disabled"])], 2)], 2)];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+};
+var _sfc_setup$1 = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("../node_modules/.pnpm/@nuxt+ui@4.10.0_e299f0a9b209424c2a6c150f5a1a8167/node_modules/@nuxt/ui/dist/runtime/components/ColorPicker.vue");
+	return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
+};
+var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["__scopeId", "data-v-33dd0d17"]]);
+//#endregion
+//#region node_modules/.pnpm/nuxt@4.5.2_@babel+plugin-syntax-jsx@7.29.7_@babel+core@7.29.7__@babel+plugin-syntax-typ_e8b326918adce583caf1abc0a3047151/node_modules/nuxt/dist/app/composables/url.js
+/** @since 3.5.0 */
+function useRequestURL(opts) {
+	return getRequestURL(useRequestEvent(), opts);
+}
+//#endregion
+//#region app/pages/services.vue?vue&type=script&setup=true&lang.ts
+var services_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "services",
+	__ssrInlineRender: true,
+	async setup(__props) {
+		let __temp, __restore;
+		useSeoMeta$1({ title: "地图服务管理" });
+		const workspace = useFileWorkspace();
+		const toast = useToast();
+		const requestUrl = useRequestURL();
+		const baseMap = ref("tianditu");
+		const { data: service, refresh } = ([__temp, __restore] = withAsyncContext(() => useFetch("/api/map-service/status", "$q9uYHAZagQ")), __temp = await __temp, __restore(), __temp);
+		const taskFilename = ref();
+		const color = ref(service.value?.color || "#2980b9");
+		const opacity = ref(service.value?.opacity ?? 88);
+		const importing = ref(false);
+		const saving = ref(false);
+		const previewRevision = ref(Date.now());
+		const sidebarView = ref("settings");
+		const sidebarItems = [{
+			label: "参数设置",
+			value: "settings",
+			icon: "i-lucide-sliders-horizontal"
+		}, {
+			label: "服务信息",
+			value: "info",
+			icon: "i-lucide-radio-tower"
+		}];
+		function syncTaskFilename() {
+			const configured = service.value?.file?.filename;
+			taskFilename.value = configured && workspace.files.value.some((file) => file.filename === configured && file.summary?.state === "completed") ? configured : void 0;
+		}
+		const wmsUrl = computed(() => `${requestUrl.origin}/services/wms?SERVICE=WMS&REQUEST=GetCapabilities`);
+		const wmtsUrl = computed(() => `${requestUrl.origin}/services/wmts?SERVICE=WMTS&REQUEST=GetCapabilities`);
+		const previewUrl = computed(() => `/services/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=uomtiles&STYLE=default&TILEMATRIXSET=WebMercatorQuad&TILEMATRIX={z}&TILEROW={y}&TILECOL={x}&FORMAT=image/png`);
+		async function openFile(file) {
+			if (!/\.(uomtiles|mbtiles|pmtiles)$/i.test(file.name)) {
+				toast.add({
+					title: "不支持的地图文件",
+					description: "请选择 .uomtiles、.mbtiles 或 .pmtiles。",
+					color: "error"
+				});
+				return;
+			}
+			importing.value = true;
+			try {
+				await $fetch$1("/api/map-service/file", {
+					method: "POST",
+					headers: {
+						"x-map-service-filename": encodeURIComponent(file.name),
+						"content-type": "application/octet-stream"
+					},
+					body: file
+				});
+				await refresh();
+				taskFilename.value = void 0;
+				previewRevision.value = Date.now();
+			} catch (cause) {
+				toast.add({
+					title: "无法打开地图文件",
+					description: cause?.data?.message || cause?.message,
+					color: "error"
+				});
+			} finally {
+				importing.value = false;
+			}
+		}
+		async function configure(enabled) {
+			if (enabled && !service.value?.file) return;
+			saving.value = true;
+			try {
+				const wasEnabled = service.value?.enabled;
+				await $fetch$1("/api/map-service/config", {
+					method: "POST",
+					body: {
+						enabled,
+						color: color.value,
+						opacity: opacity.value
+					}
+				});
+				await refresh();
+				previewRevision.value = Date.now();
+				toast.add({
+					title: enabled ? wasEnabled ? "地图服务设置已应用" : "地图服务已启用" : "地图服务已停用",
+					color: enabled ? "success" : "neutral",
+					icon: enabled ? "i-lucide-radio-tower" : "i-lucide-circle-stop"
+				});
+			} catch (cause) {
+				toast.add({
+					title: "地图服务配置失败",
+					description: cause?.data?.message || cause?.message,
+					color: "error"
+				});
+			} finally {
+				saving.value = false;
+			}
+		}
+		async function selectTaskFile() {
+			if (!taskFilename.value) return;
+			importing.value = true;
+			try {
+				await $fetch$1("/api/map-service/source", {
+					method: "POST",
+					body: { filename: taskFilename.value }
+				});
+				await refresh();
+				syncTaskFilename();
+				previewRevision.value = Date.now();
+				toast.add({
+					title: "服务文件已替换",
+					color: "success",
+					icon: "i-lucide-file-check-2"
+				});
+			} catch (cause) {
+				toast.add({
+					title: "无法选择服务文件",
+					description: cause?.data?.statusMessage || cause?.message,
+					color: "error"
+				});
+			} finally {
+				importing.value = false;
+			}
+		}
+		async function copy(value, name) {
+			await (void 0).clipboard.writeText(value);
+			toast.add({
+				title: `${name} 地址已复制`,
+				color: "success",
+				icon: "i-lucide-copy-check"
+			});
+		}
+		return (_ctx, _push, _parent, _attrs) => {
+			const _component_UDashboardPanel = _sfc_main$3;
+			const _component_UDashboardNavbar = _sfc_main$2$1;
+			const _component_MapBaseLayerTabs = MapBaseLayerTabs_default;
+			const _component_UButton = _sfc_main$2;
+			const _component_UScrollArea = _sfc_main$1;
+			const _component_FileDropZone = FileDropZone_default;
+			const _component_CompletedTaskSelect = CompletedTaskSelect_default;
+			const _component_UColorPicker = ColorPicker_default;
+			const _component_UFormField = _sfc_main$4;
+			const _component_UInput = _sfc_main$5;
+			const _component_USlider = _sfc_main$6;
+			const _component_UAlert = _sfc_main$7;
+			const _component_UTooltip = _sfc_main$8;
+			const _component_OnlineMap = OnlineMap_default;
+			const _component_UEmpty = _sfc_main$9;
+			_push(ssrRenderComponent(_component_UDashboardPanel, mergeProps({
+				id: "map-services",
+				class: "min-w-0",
+				ui: { body: "gap-0 overflow-hidden p-0 sm:gap-0 sm:p-0" }
+			}, _attrs), {
+				header: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) _push(ssrRenderComponent(_component_UDashboardNavbar, { title: "地图服务管理" }, {
+						right: withCtx((_, _push, _parent, _scopeId) => {
+							if (_push) {
+								_push(ssrRenderComponent(_component_MapBaseLayerTabs, {
+									modelValue: unref(baseMap),
+									"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+								}, null, _parent, _scopeId));
+								_push(ssrRenderComponent(_component_UButton, {
+									icon: unref(service)?.enabled ? "i-lucide-circle-stop" : "i-lucide-radio-tower",
+									label: unref(service)?.enabled ? "停用服务" : "启用服务",
+									color: unref(service)?.enabled ? "error" : "primary",
+									variant: unref(service)?.enabled ? "soft" : "solid",
+									disabled: !unref(service)?.enabled && !unref(service)?.file,
+									loading: unref(saving),
+									onClick: ($event) => configure(!unref(service)?.enabled)
+								}, null, _parent, _scopeId));
+							} else return [createVNode(_component_MapBaseLayerTabs, {
+								modelValue: unref(baseMap),
+								"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+							}, null, 8, ["modelValue", "onUpdate:modelValue"]), createVNode(_component_UButton, {
+								icon: unref(service)?.enabled ? "i-lucide-circle-stop" : "i-lucide-radio-tower",
+								label: unref(service)?.enabled ? "停用服务" : "启用服务",
+								color: unref(service)?.enabled ? "error" : "primary",
+								variant: unref(service)?.enabled ? "soft" : "solid",
+								disabled: !unref(service)?.enabled && !unref(service)?.file,
+								loading: unref(saving),
+								onClick: ($event) => configure(!unref(service)?.enabled)
+							}, null, 8, [
+								"icon",
+								"label",
+								"color",
+								"variant",
+								"disabled",
+								"loading",
+								"onClick"
+							])];
+						}),
+						_: 1
+					}, _parent, _scopeId));
+					else return [createVNode(_component_UDashboardNavbar, { title: "地图服务管理" }, {
+						right: withCtx(() => [createVNode(_component_MapBaseLayerTabs, {
+							modelValue: unref(baseMap),
+							"onUpdate:modelValue": ($event) => isRef(baseMap) ? baseMap.value = $event : null
+						}, null, 8, ["modelValue", "onUpdate:modelValue"]), createVNode(_component_UButton, {
+							icon: unref(service)?.enabled ? "i-lucide-circle-stop" : "i-lucide-radio-tower",
+							label: unref(service)?.enabled ? "停用服务" : "启用服务",
+							color: unref(service)?.enabled ? "error" : "primary",
+							variant: unref(service)?.enabled ? "soft" : "solid",
+							disabled: !unref(service)?.enabled && !unref(service)?.file,
+							loading: unref(saving),
+							onClick: ($event) => configure(!unref(service)?.enabled)
+						}, null, 8, [
+							"icon",
+							"label",
+							"color",
+							"variant",
+							"disabled",
+							"loading",
+							"onClick"
+						])]),
+						_: 1
+					})];
+				}),
+				body: withCtx((_, _push, _parent, _scopeId) => {
+					if (_push) {
+						_push(`<div class="grid min-h-0 flex-1 xl:grid-cols-[23rem_minmax(0,1fr)]"${_scopeId}><aside class="flex min-h-0 flex-col border-r border-default"${_scopeId}><div class="border-b border-default px-5 py-3"${_scopeId}>`);
+						_push(ssrRenderComponent(_component_MapBaseLayerTabs, {
+							modelValue: unref(sidebarView),
+							"onUpdate:modelValue": ($event) => isRef(sidebarView) ? sidebarView.value = $event : null,
+							items: sidebarItems
+						}, null, _parent, _scopeId));
+						_push(`</div>`);
+						_push(ssrRenderComponent(_component_UScrollArea, { class: "min-h-0 flex-1" }, {
+							default: withCtx((_, _push, _parent, _scopeId) => {
+								if (_push) {
+									if (unref(sidebarView) === "settings") {
+										_push(`<div class="space-y-7 p-5"${_scopeId}><section${_scopeId}><h2 class="text-sm font-semibold text-highlighted"${_scopeId}>服务文件</h2>`);
+										_push(ssrRenderComponent(_component_FileDropZone, {
+											class: "mt-3",
+											accept: ".uomtiles,.mbtiles,.pmtiles",
+											title: "上传并替换服务文件",
+											"file-name": unref(service)?.file ? unref(workspace).displayWorkspaceName(unref(service).file.filename) : void 0,
+											pending: unref(importing),
+											onSelect: openFile
+										}, null, _parent, _scopeId));
+										_push(ssrRenderComponent(_component_CompletedTaskSelect, {
+											modelValue: unref(taskFilename),
+											"onUpdate:modelValue": ($event) => isRef(taskFilename) ? taskFilename.value = $event : null,
+											class: "mt-3 w-full"
+										}, null, _parent, _scopeId));
+										_push(ssrRenderComponent(_component_UButton, {
+											class: "mt-2",
+											icon: "i-lucide-copy",
+											label: "使用此任务文件",
+											color: "neutral",
+											variant: "outline",
+											block: "",
+											disabled: !unref(taskFilename) || unref(importing),
+											loading: unref(importing),
+											onClick: selectTaskFile
+										}, null, _parent, _scopeId));
+										_push(`</section><section${_scopeId}><h2 class="text-sm font-semibold text-highlighted"${_scopeId}>输出样式</h2><div class="mt-4 grid grid-cols-[7rem_minmax(0,1fr)] items-start gap-4"${_scopeId}>`);
+										_push(ssrRenderComponent(_component_UColorPicker, {
+											modelValue: unref(color),
+											"onUpdate:modelValue": ($event) => isRef(color) ? color.value = $event : null,
+											size: "sm"
+										}, null, _parent, _scopeId));
+										_push(ssrRenderComponent(_component_UFormField, { label: "区域颜色" }, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_UInput, {
+													modelValue: unref(color),
+													"onUpdate:modelValue": ($event) => isRef(color) ? color.value = $event : null,
+													class: "w-full"
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_UInput, {
+													modelValue: unref(color),
+													"onUpdate:modelValue": ($event) => isRef(color) ? color.value = $event : null,
+													class: "w-full"
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(`</div>`);
+										_push(ssrRenderComponent(_component_UFormField, {
+											class: "mt-5",
+											label: `透明度 ${unref(opacity)}%`
+										}, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_USlider, {
+													modelValue: unref(opacity),
+													"onUpdate:modelValue": ($event) => isRef(opacity) ? opacity.value = $event : null,
+													min: 0,
+													max: 100,
+													step: 1
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_USlider, {
+													modelValue: unref(opacity),
+													"onUpdate:modelValue": ($event) => isRef(opacity) ? opacity.value = $event : null,
+													min: 0,
+													max: 100,
+													step: 1
+												}, null, 8, ["modelValue", "onUpdate:modelValue"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										if (unref(service)?.enabled) _push(ssrRenderComponent(_component_UButton, {
+											class: "mt-5",
+											icon: "i-lucide-check",
+											label: "应用设置",
+											block: "",
+											loading: unref(saving),
+											onClick: ($event) => configure(true)
+										}, null, _parent, _scopeId));
+										else _push(`<!---->`);
+										_push(`</section></div>`);
+									} else {
+										_push(`<div class="space-y-5 p-5"${_scopeId}>`);
+										if (!unref(service)?.enabled) _push(ssrRenderComponent(_component_UAlert, {
+											color: "neutral",
+											icon: "i-lucide-info",
+											title: "服务尚未启用"
+										}, null, _parent, _scopeId));
+										else _push(`<!---->`);
+										_push(`<section${_scopeId}><h2 class="text-sm font-semibold text-highlighted"${_scopeId}>WMS 1.3.0</h2><div class="mt-2 flex items-start gap-2"${_scopeId}><code class="min-w-0 flex-1 break-all bg-elevated px-3 py-2 text-[11px] text-muted"${_scopeId}>${ssrInterpolate(unref(wmsUrl))}</code>`);
+										_push(ssrRenderComponent(_component_UTooltip, { text: "复制 WMS 地址" }, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_UButton, {
+													icon: "i-lucide-copy",
+													color: "neutral",
+													variant: "ghost",
+													size: "sm",
+													"aria-label": "复制 WMS 地址",
+													onClick: ($event) => copy(unref(wmsUrl), "WMS")
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_UButton, {
+													icon: "i-lucide-copy",
+													color: "neutral",
+													variant: "ghost",
+													size: "sm",
+													"aria-label": "复制 WMS 地址",
+													onClick: ($event) => copy(unref(wmsUrl), "WMS")
+												}, null, 8, ["onClick"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(`</div></section><section${_scopeId}><h2 class="text-sm font-semibold text-highlighted"${_scopeId}>WMTS 1.0.0</h2><div class="mt-2 flex items-start gap-2"${_scopeId}><code class="min-w-0 flex-1 break-all bg-elevated px-3 py-2 text-[11px] text-muted"${_scopeId}>${ssrInterpolate(unref(wmtsUrl))}</code>`);
+										_push(ssrRenderComponent(_component_UTooltip, { text: "复制 WMTS 地址" }, {
+											default: withCtx((_, _push, _parent, _scopeId) => {
+												if (_push) _push(ssrRenderComponent(_component_UButton, {
+													icon: "i-lucide-copy",
+													color: "neutral",
+													variant: "ghost",
+													size: "sm",
+													"aria-label": "复制 WMTS 地址",
+													onClick: ($event) => copy(unref(wmtsUrl), "WMTS")
+												}, null, _parent, _scopeId));
+												else return [createVNode(_component_UButton, {
+													icon: "i-lucide-copy",
+													color: "neutral",
+													variant: "ghost",
+													size: "sm",
+													"aria-label": "复制 WMTS 地址",
+													onClick: ($event) => copy(unref(wmtsUrl), "WMTS")
+												}, null, 8, ["onClick"])];
+											}),
+											_: 1
+										}, _parent, _scopeId));
+										_push(`</div></section></div>`);
+									}
+								} else return [unref(sidebarView) === "settings" ? (openBlock(), createBlock("div", {
+									key: 0,
+									class: "space-y-7 p-5"
+								}, [createVNode("section", null, [
+									createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "服务文件"),
+									createVNode(_component_FileDropZone, {
+										class: "mt-3",
+										accept: ".uomtiles,.mbtiles,.pmtiles",
+										title: "上传并替换服务文件",
+										"file-name": unref(service)?.file ? unref(workspace).displayWorkspaceName(unref(service).file.filename) : void 0,
+										pending: unref(importing),
+										onSelect: openFile
+									}, null, 8, ["file-name", "pending"]),
+									createVNode(_component_CompletedTaskSelect, {
+										modelValue: unref(taskFilename),
+										"onUpdate:modelValue": ($event) => isRef(taskFilename) ? taskFilename.value = $event : null,
+										class: "mt-3 w-full"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+									createVNode(_component_UButton, {
+										class: "mt-2",
+										icon: "i-lucide-copy",
+										label: "使用此任务文件",
+										color: "neutral",
+										variant: "outline",
+										block: "",
+										disabled: !unref(taskFilename) || unref(importing),
+										loading: unref(importing),
+										onClick: selectTaskFile
+									}, null, 8, ["disabled", "loading"])
+								]), createVNode("section", null, [
+									createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "输出样式"),
+									createVNode("div", { class: "mt-4 grid grid-cols-[7rem_minmax(0,1fr)] items-start gap-4" }, [createVNode(_component_UColorPicker, {
+										modelValue: unref(color),
+										"onUpdate:modelValue": ($event) => isRef(color) ? color.value = $event : null,
+										size: "sm"
+									}, null, 8, ["modelValue", "onUpdate:modelValue"]), createVNode(_component_UFormField, { label: "区域颜色" }, {
+										default: withCtx(() => [createVNode(_component_UInput, {
+											modelValue: unref(color),
+											"onUpdate:modelValue": ($event) => isRef(color) ? color.value = $event : null,
+											class: "w-full"
+										}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+										_: 1
+									})]),
+									createVNode(_component_UFormField, {
+										class: "mt-5",
+										label: `透明度 ${unref(opacity)}%`
+									}, {
+										default: withCtx(() => [createVNode(_component_USlider, {
+											modelValue: unref(opacity),
+											"onUpdate:modelValue": ($event) => isRef(opacity) ? opacity.value = $event : null,
+											min: 0,
+											max: 100,
+											step: 1
+										}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+										_: 1
+									}, 8, ["label"]),
+									unref(service)?.enabled ? (openBlock(), createBlock(_component_UButton, {
+										key: 0,
+										class: "mt-5",
+										icon: "i-lucide-check",
+										label: "应用设置",
+										block: "",
+										loading: unref(saving),
+										onClick: ($event) => configure(true)
+									}, null, 8, ["loading", "onClick"])) : createCommentVNode("", true)
+								])])) : (openBlock(), createBlock("div", {
+									key: 1,
+									class: "space-y-5 p-5"
+								}, [
+									!unref(service)?.enabled ? (openBlock(), createBlock(_component_UAlert, {
+										key: 0,
+										color: "neutral",
+										icon: "i-lucide-info",
+										title: "服务尚未启用"
+									})) : createCommentVNode("", true),
+									createVNode("section", null, [createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "WMS 1.3.0"), createVNode("div", { class: "mt-2 flex items-start gap-2" }, [createVNode("code", { class: "min-w-0 flex-1 break-all bg-elevated px-3 py-2 text-[11px] text-muted" }, toDisplayString(unref(wmsUrl)), 1), createVNode(_component_UTooltip, { text: "复制 WMS 地址" }, {
+										default: withCtx(() => [createVNode(_component_UButton, {
+											icon: "i-lucide-copy",
+											color: "neutral",
+											variant: "ghost",
+											size: "sm",
+											"aria-label": "复制 WMS 地址",
+											onClick: ($event) => copy(unref(wmsUrl), "WMS")
+										}, null, 8, ["onClick"])]),
+										_: 1
+									})])]),
+									createVNode("section", null, [createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "WMTS 1.0.0"), createVNode("div", { class: "mt-2 flex items-start gap-2" }, [createVNode("code", { class: "min-w-0 flex-1 break-all bg-elevated px-3 py-2 text-[11px] text-muted" }, toDisplayString(unref(wmtsUrl)), 1), createVNode(_component_UTooltip, { text: "复制 WMTS 地址" }, {
+										default: withCtx(() => [createVNode(_component_UButton, {
+											icon: "i-lucide-copy",
+											color: "neutral",
+											variant: "ghost",
+											size: "sm",
+											"aria-label": "复制 WMTS 地址",
+											onClick: ($event) => copy(unref(wmtsUrl), "WMTS")
+										}, null, 8, ["onClick"])]),
+										_: 1
+									})])])
+								]))];
+							}),
+							_: 1
+						}, _parent, _scopeId));
+						_push(`</aside><div class="relative min-h-[560px]"${_scopeId}>`);
+						if (unref(service)?.enabled) _push(ssrRenderComponent(_component_OnlineMap, {
+							key: unref(previewRevision),
+							"tile-url": unref(previewUrl),
+							"base-map": unref(baseMap),
+							"min-zoom": 0,
+							"max-zoom": 18,
+							"map-min-zoom": 3,
+							"map-max-zoom": 18,
+							"initial-zoom": 9,
+							center: [116.4, 39.9],
+							"raster-opacity": 1,
+							"refresh-version": unref(previewRevision)
+						}, null, _parent, _scopeId));
+						else {
+							_push(`<div class="grid h-full min-h-[560px] place-items-center px-6 text-center"${_scopeId}>`);
+							_push(ssrRenderComponent(_component_UEmpty, {
+								icon: "i-lucide-radio-tower",
+								title: "地图服务尚未启用"
+							}, null, _parent, _scopeId));
+							_push(`</div>`);
+						}
+						_push(`</div></div>`);
+					} else return [createVNode("div", { class: "grid min-h-0 flex-1 xl:grid-cols-[23rem_minmax(0,1fr)]" }, [createVNode("aside", { class: "flex min-h-0 flex-col border-r border-default" }, [createVNode("div", { class: "border-b border-default px-5 py-3" }, [createVNode(_component_MapBaseLayerTabs, {
+						modelValue: unref(sidebarView),
+						"onUpdate:modelValue": ($event) => isRef(sidebarView) ? sidebarView.value = $event : null,
+						items: sidebarItems
+					}, null, 8, ["modelValue", "onUpdate:modelValue"])]), createVNode(_component_UScrollArea, { class: "min-h-0 flex-1" }, {
+						default: withCtx(() => [unref(sidebarView) === "settings" ? (openBlock(), createBlock("div", {
+							key: 0,
+							class: "space-y-7 p-5"
+						}, [createVNode("section", null, [
+							createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "服务文件"),
+							createVNode(_component_FileDropZone, {
+								class: "mt-3",
+								accept: ".uomtiles,.mbtiles,.pmtiles",
+								title: "上传并替换服务文件",
+								"file-name": unref(service)?.file ? unref(workspace).displayWorkspaceName(unref(service).file.filename) : void 0,
+								pending: unref(importing),
+								onSelect: openFile
+							}, null, 8, ["file-name", "pending"]),
+							createVNode(_component_CompletedTaskSelect, {
+								modelValue: unref(taskFilename),
+								"onUpdate:modelValue": ($event) => isRef(taskFilename) ? taskFilename.value = $event : null,
+								class: "mt-3 w-full"
+							}, null, 8, ["modelValue", "onUpdate:modelValue"]),
+							createVNode(_component_UButton, {
+								class: "mt-2",
+								icon: "i-lucide-copy",
+								label: "使用此任务文件",
+								color: "neutral",
+								variant: "outline",
+								block: "",
+								disabled: !unref(taskFilename) || unref(importing),
+								loading: unref(importing),
+								onClick: selectTaskFile
+							}, null, 8, ["disabled", "loading"])
+						]), createVNode("section", null, [
+							createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "输出样式"),
+							createVNode("div", { class: "mt-4 grid grid-cols-[7rem_minmax(0,1fr)] items-start gap-4" }, [createVNode(_component_UColorPicker, {
+								modelValue: unref(color),
+								"onUpdate:modelValue": ($event) => isRef(color) ? color.value = $event : null,
+								size: "sm"
+							}, null, 8, ["modelValue", "onUpdate:modelValue"]), createVNode(_component_UFormField, { label: "区域颜色" }, {
+								default: withCtx(() => [createVNode(_component_UInput, {
+									modelValue: unref(color),
+									"onUpdate:modelValue": ($event) => isRef(color) ? color.value = $event : null,
+									class: "w-full"
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 1
+							})]),
+							createVNode(_component_UFormField, {
+								class: "mt-5",
+								label: `透明度 ${unref(opacity)}%`
+							}, {
+								default: withCtx(() => [createVNode(_component_USlider, {
+									modelValue: unref(opacity),
+									"onUpdate:modelValue": ($event) => isRef(opacity) ? opacity.value = $event : null,
+									min: 0,
+									max: 100,
+									step: 1
+								}, null, 8, ["modelValue", "onUpdate:modelValue"])]),
+								_: 1
+							}, 8, ["label"]),
+							unref(service)?.enabled ? (openBlock(), createBlock(_component_UButton, {
+								key: 0,
+								class: "mt-5",
+								icon: "i-lucide-check",
+								label: "应用设置",
+								block: "",
+								loading: unref(saving),
+								onClick: ($event) => configure(true)
+							}, null, 8, ["loading", "onClick"])) : createCommentVNode("", true)
+						])])) : (openBlock(), createBlock("div", {
+							key: 1,
+							class: "space-y-5 p-5"
+						}, [
+							!unref(service)?.enabled ? (openBlock(), createBlock(_component_UAlert, {
+								key: 0,
+								color: "neutral",
+								icon: "i-lucide-info",
+								title: "服务尚未启用"
+							})) : createCommentVNode("", true),
+							createVNode("section", null, [createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "WMS 1.3.0"), createVNode("div", { class: "mt-2 flex items-start gap-2" }, [createVNode("code", { class: "min-w-0 flex-1 break-all bg-elevated px-3 py-2 text-[11px] text-muted" }, toDisplayString(unref(wmsUrl)), 1), createVNode(_component_UTooltip, { text: "复制 WMS 地址" }, {
+								default: withCtx(() => [createVNode(_component_UButton, {
+									icon: "i-lucide-copy",
+									color: "neutral",
+									variant: "ghost",
+									size: "sm",
+									"aria-label": "复制 WMS 地址",
+									onClick: ($event) => copy(unref(wmsUrl), "WMS")
+								}, null, 8, ["onClick"])]),
+								_: 1
+							})])]),
+							createVNode("section", null, [createVNode("h2", { class: "text-sm font-semibold text-highlighted" }, "WMTS 1.0.0"), createVNode("div", { class: "mt-2 flex items-start gap-2" }, [createVNode("code", { class: "min-w-0 flex-1 break-all bg-elevated px-3 py-2 text-[11px] text-muted" }, toDisplayString(unref(wmtsUrl)), 1), createVNode(_component_UTooltip, { text: "复制 WMTS 地址" }, {
+								default: withCtx(() => [createVNode(_component_UButton, {
+									icon: "i-lucide-copy",
+									color: "neutral",
+									variant: "ghost",
+									size: "sm",
+									"aria-label": "复制 WMTS 地址",
+									onClick: ($event) => copy(unref(wmtsUrl), "WMTS")
+								}, null, 8, ["onClick"])]),
+								_: 1
+							})])])
+						]))]),
+						_: 1
+					})]), createVNode("div", { class: "relative min-h-[560px]" }, [unref(service)?.enabled ? (openBlock(), createBlock(_component_OnlineMap, {
+						key: unref(previewRevision),
+						"tile-url": unref(previewUrl),
+						"base-map": unref(baseMap),
+						"min-zoom": 0,
+						"max-zoom": 18,
+						"map-min-zoom": 3,
+						"map-max-zoom": 18,
+						"initial-zoom": 9,
+						center: [116.4, 39.9],
+						"raster-opacity": 1,
+						"refresh-version": unref(previewRevision)
+					}, null, 8, [
+						"tile-url",
+						"base-map",
+						"refresh-version"
+					])) : (openBlock(), createBlock("div", {
+						key: 1,
+						class: "grid h-full min-h-[560px] place-items-center px-6 text-center"
+					}, [createVNode(_component_UEmpty, {
+						icon: "i-lucide-radio-tower",
+						title: "地图服务尚未启用"
+					})]))])])];
+				}),
+				_: 1
+			}, _parent));
+		};
+	}
+});
+//#endregion
+//#region app/pages/services.vue
+var _sfc_setup = services_vue_vue_type_script_setup_true_lang_default.setup;
+services_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
+	const ssrContext = useSSRContext();
+	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("pages/services.vue");
+	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+var services_default = services_vue_vue_type_script_setup_true_lang_default;
+
+export { services_default as default };
+//# sourceMappingURL=services-DuJwjAB8.mjs.map