cs-label-tool 2.0.0-alpha.1

package/dist/index.js

@@ -0,0 +1,2299 @@
+//#region src/spatial/grid-index.ts
+function e(e) {
+	if (![
+		e.x,
+		e.y,
+		e.width,
+		e.height
+	].every(Number.isFinite) || e.width < 0 || e.height < 0) throw RangeError("Spatial bounds must be finite and non-negative.");
+}
+function t(e, t) {
+	let n = Math.floor(t.x / e), r = Math.floor(t.y / e), i = Math.floor((t.x + t.width) / e), a = Math.floor((t.y + t.height) / e), o = [];
+	for (let e = r; e <= a; e += 1) for (let t = n; t <= i; t += 1) o.push(`${t}:${e}`);
+	return o;
+}
+function n(e, n) {
+	let r = e.items.get(n);
+	if (r !== void 0) for (let i of t(e.cellSize, r)) {
+		let t = e.cells.get(i);
+		t !== void 0 && (t.delete(n), t.size === 0 && e.cells.delete(i));
+	}
+}
+function r(e, n, r, i) {
+	for (let a of t(n, i)) {
+		let t = e.get(a) ?? /* @__PURE__ */ new Set();
+		t.add(r), e.set(a, t);
+	}
+}
+function i(e, t) {
+	return !(e.x + e.width < t.x || t.x + t.width < e.x || e.y + e.height < t.y || t.y + t.height < e.y);
+}
+function a(e) {
+	if (!Number.isFinite(e) || e <= 0) throw RangeError("Spatial cell size must be finite and positive.");
+	return {
+		cellSize: e,
+		cells: /* @__PURE__ */ new Map(),
+		items: /* @__PURE__ */ new Map(),
+		order: /* @__PURE__ */ new Map(),
+		nextOrder: 0
+	};
+}
+function o(t, n, i) {
+	return e(i), t.items.has(n) ? s(t, n, i) : (r(t.cells, t.cellSize, n, i), t.items.set(n, { ...i }), t.order.set(n, t.nextOrder), t.nextOrder += 1, t);
+}
+function s(t, i, a) {
+	return e(a), t.items.has(i) ? (n(t, i), r(t.cells, t.cellSize, i, a), t.items.set(i, { ...a }), t) : o(t, i, a);
+}
+function c(e, t) {
+	return e.items.has(t) ? (n(e, t), e.items.delete(t), e.order.delete(t), e) : e;
+}
+function l(e, t, n, r) {
+	return o(e, t, n), e.order.set(t, r), e;
+}
+function u(n, r) {
+	e(r);
+	let a = /* @__PURE__ */ new Set();
+	for (let e of t(n.cellSize, r)) for (let t of n.cells.get(e) ?? []) a.add(t);
+	return [...a].filter((e) => {
+		let t = n.items.get(e);
+		return t !== void 0 && i(t, r);
+	}).sort((e, t) => (n.order.get(e) ?? 0) - (n.order.get(t) ?? 0));
+}
+//#endregion
+//#region src/geometry/polygon.ts
+function d(e, t, n) {
+	let r = (e.y - t.y) * (n.x - t.x), i = (e.x - t.x) * (n.y - t.y), a = r - i, o = 2 ** -52 * 16 * Math.max(1, Math.abs(r) + Math.abs(i));
+	return Math.abs(a) > o ? !1 : e.x >= Math.min(t.x, n.x) && e.x <= Math.max(t.x, n.x) && e.y >= Math.min(t.y, n.y) && e.y <= Math.max(t.y, n.y);
+}
+function f(e, t, n) {
+	let r = (t.y - e.y) * (n.x - t.x), i = (t.x - e.x) * (n.y - t.y), a = r - i, o = 2 ** -52 * 16 * Math.max(1, Math.abs(r) + Math.abs(i));
+	return Math.abs(a) <= o ? 0 : a > 0 ? 1 : -1;
+}
+function p(e, t, n, r) {
+	let i = f(e, t, n), a = f(e, t, r), o = f(n, r, e), s = f(n, r, t);
+	return i !== 0 && a !== 0 && o !== 0 && s !== 0 ? i !== a && o !== s : i === 0 && d(n, e, t) || a === 0 && d(r, e, t) || o === 0 && d(e, n, r) || s === 0 && d(t, n, r);
+}
+function m(e, t) {
+	if (t.length < 3) return !1;
+	let n = !1;
+	for (let r = 0, i = t.length - 1; r < t.length; i = r, r += 1) {
+		let a = t[r], o = t[i];
+		if (!(a === void 0 || o === void 0)) {
+			if (d(e, o, a)) return !0;
+			a.y > e.y != o.y > e.y && e.x < (o.x - a.x) * (e.y - a.y) / (o.y - a.y) + a.x && (n = !n);
+		}
+	}
+	return n;
+}
+function h(e) {
+	if (e.some((e) => !Number.isFinite(e.x) || !Number.isFinite(e.y))) return {
+		valid: !1,
+		reason: "NON_FINITE_POINT"
+	};
+	if (new Set(e.map((e) => `${e.x}:${e.y}`)).size < 3) return {
+		valid: !1,
+		reason: "TOO_FEW_POINTS"
+	};
+	for (let t = 0; t < e.length; t += 1) {
+		let n = (t + 1) % e.length;
+		for (let r = t + 1; r < e.length; r += 1) {
+			let i = (r + 1) % e.length;
+			if (t === r || n === r || i === t) continue;
+			let a = e[t], o = e[n], s = e[r], c = e[i];
+			if (a !== void 0 && o !== void 0 && s !== void 0 && c !== void 0 && p(a, o, s, c)) return {
+				valid: !1,
+				reason: "SELF_INTERSECTION"
+			};
+		}
+	}
+	let t = e.reduce((t, n, r) => {
+		let i = e[(r + 1) % e.length];
+		return i === void 0 ? t : t + n.x * i.y - i.x * n.y;
+	}, 0);
+	return Math.abs(t) <= 2 ** -52 ? {
+		valid: !1,
+		reason: "ZERO_AREA"
+	} : { valid: !0 };
+}
+//#endregion
+//#region src/core/events.ts
+function ee(e, t) {
+	let n = Q(e), r = {
+		type: "error",
+		code: "SUBSCRIBER_ERROR",
+		error: t
+	};
+	for (let e of [...n.listeners.error]) try {
+		e(r);
+	} catch {}
+}
+function g(e, t) {
+	let n = Q(e), r = {
+		type: "change",
+		kind: t,
+		revision: n.revision
+	};
+	for (let t of [...n.listeners.change]) try {
+		t(r);
+	} catch (t) {
+		ee(e, t);
+	}
+}
+function _(e, t, n) {
+	let r = Q(e).listeners[t];
+	r.add(n);
+	let i = !0;
+	return () => {
+		i && (i = !1, r.delete(n));
+	};
+}
+//#endregion
+//#region src/core/immutability.ts
+function te(e, t = /* @__PURE__ */ new WeakSet()) {
+	if (typeof e != "object" || !e || t.has(e)) return e;
+	t.add(e);
+	for (let n of Object.values(e)) te(n, t);
+	return Object.freeze(e);
+}
+function ne(e) {
+	return e.type === "rect" ? Object.freeze({ ...e }) : e.type === "polygon" ? Object.freeze({
+		type: "polygon",
+		points: Object.freeze(e.points.map(([e, t]) => Object.freeze([e, t])))
+	}) : Object.freeze({
+		type: "mask",
+		width: e.width,
+		height: e.height,
+		rle: Object.freeze([...e.rle])
+	});
+}
+function v(e) {
+	let t = structuredClone(e.metadata);
+	return Object.freeze({
+		...e,
+		geometry: ne(e.geometry),
+		metadata: te(t)
+	});
+}
+//#endregion
+//#region src/core/types.ts
+var re = Symbol("Annotator"), y = class extends Error {
+	code;
+	constructor(e, t) {
+		super(t), this.name = "AnnotatorError", this.code = e;
+	}
+};
+function ie() {
+	return Object.freeze({ [re]: !0 });
+}
+//#endregion
+//#region src/core/commands.ts
+function ae(e, t, n) {
+	let r = Q(e);
+	r.revision += 1, r.undoStack.push(n), r.undoStack.length > r.historyLimit && r.undoStack.shift(), r.redoStack = [], g(e, t);
+}
+function b(e, t, n, r) {
+	n(Q(e)), ae(e, t, {
+		undo: r,
+		redo: n
+	});
+}
+function x(e, t) {
+	if (!e.labels.some((e) => e.id === t)) throw new y("UNKNOWN_LABEL", `Unknown label: ${t}`);
+}
+function oe(e) {
+	let t = Date.now();
+	return {
+		id: globalThis.crypto.randomUUID(),
+		labelId: e,
+		source: "manual",
+		status: "accepted",
+		revision: 1,
+		createdAt: t,
+		updatedAt: t,
+		metadata: Object.freeze({})
+	};
+}
+function se(e) {
+	if (![
+		e.x,
+		e.y,
+		e.width,
+		e.height
+	].every(Number.isFinite) || e.width <= 0 || e.height <= 0) throw new y("INVALID_GEOMETRY", "Rectangle coordinates must be finite and dimensions must be positive.");
+}
+function ce(e) {
+	if (e.type === "rect") {
+		se(e);
+		return;
+	}
+	if (e.type === "polygon") {
+		let t = h(e.points.map(([e, t]) => ({
+			x: e,
+			y: t
+		})));
+		if (!t.valid) throw new y("INVALID_GEOMETRY", `Invalid polygon: ${t.reason}`);
+		return;
+	}
+	if (e.type === "mask") {
+		if (e.width <= 0 || e.height <= 0) throw new y("INVALID_GEOMETRY", "Mask dimensions must be positive.");
+		return;
+	}
+}
+function le(e) {
+	if (e.type === "rect") return e;
+	if (e.type === "mask") return {
+		x: 0,
+		y: 0,
+		width: e.width,
+		height: e.height
+	};
+	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
+	for (let [a, o] of e.points) t = Math.min(t, a), n = Math.min(n, o), r = Math.max(r, a), i = Math.max(i, o);
+	return {
+		x: t,
+		y: n,
+		width: r - t,
+		height: i - n
+	};
+}
+function ue(e, t, n = e.annotations.length, r) {
+	e.annotations.splice(n, 0, t), e.annotationsById.set(t.id, t);
+	let i = le(t.geometry);
+	r === void 0 ? o(e.spatialIndex, t.id, i) : l(e.spatialIndex, t.id, i, r);
+}
+function S(e, t) {
+	e.selectedIds.includes(t) && (e.toolController?.cancel(), e.selectedIds = e.selectedIds.filter((e) => e !== t), e.interactionDraft = null);
+	let n = e.annotations.findIndex((e) => e.id === t);
+	n >= 0 && e.annotations.splice(n, 1), e.annotationsById.delete(t), c(e.spatialIndex, t);
+}
+function C(e, t) {
+	let n = Q(e);
+	x(n, t.labelId);
+	let r = {
+		type: "rect",
+		x: t.x,
+		y: t.y,
+		width: t.width,
+		height: t.height
+	};
+	se(r);
+	let i = v({
+		...oe(t.labelId),
+		geometry: r
+	}), a = n.annotations.length;
+	return b(e, "annotation:add", (e) => ue(e, i, a), (e) => S(e, i.id)), i.id;
+}
+function de(e, t) {
+	let n = Q(e);
+	x(n, t.labelId);
+	let r = {
+		type: "polygon",
+		points: t.points.map((e) => [e.x, e.y])
+	};
+	ce(r);
+	let i = v({
+		...oe(t.labelId),
+		geometry: r
+	}), a = n.annotations.length;
+	return b(e, "annotation:add", (e) => ue(e, i, a), (e) => S(e, i.id)), i.id;
+}
+function w(e, t) {
+	let n = Q(e);
+	x(n, t.labelId);
+	let r = {
+		type: "mask",
+		width: t.width,
+		height: t.height,
+		rle: t.rle
+	};
+	ce(r);
+	let i = v({
+		...oe(t.labelId),
+		geometry: r
+	}), a = n.annotations.length;
+	return b(e, "annotation:add", (e) => ue(e, i, a), (e) => S(e, i.id)), i.id;
+}
+function T(e, t, n) {
+	ce(n);
+	let r = Q(e), i = r.annotationsById.get(t);
+	if (i === void 0) throw new y("ANNOTATION_NOT_FOUND", `Annotation not found: ${t}`);
+	if (i.geometry.type !== n.type) throw new y("INVALID_GEOMETRY", "Annotation geometry type cannot be changed.");
+	let a = v({
+		...i,
+		geometry: n,
+		revision: i.revision + 1,
+		updatedAt: Date.now()
+	}), o = r.annotations.findIndex((e) => e.id === t), c = (e, n) => {
+		e.annotations[o] = n, e.annotationsById.set(t, n), s(e.spatialIndex, t, le(n.geometry));
+	};
+	b(e, "annotation:update", (e) => c(e, a), (e) => c(e, i));
+}
+function fe(e, t, n) {
+	let r = Q(e);
+	x(r, n);
+	let i = r.annotationsById.get(t);
+	if (i === void 0) throw new y("ANNOTATION_NOT_FOUND", `Annotation not found: ${t}`);
+	if (i.labelId === n) return;
+	let a = v({
+		...i,
+		labelId: n,
+		revision: i.revision + 1,
+		updatedAt: Date.now()
+	}), o = r.annotations.findIndex((e) => e.id === t), s = (e, n) => {
+		e.annotations[o] = n, e.annotationsById.set(t, n);
+	};
+	b(e, "annotation:update", (e) => s(e, a), (e) => s(e, i));
+}
+function E(e, t) {
+	let n = Q(e), r = n.annotationsById.get(t);
+	if (r === void 0) return !1;
+	let i = n.annotations.findIndex((e) => e.id === t), a = n.spatialIndex.order.get(t);
+	if (a === void 0) throw Error(`Spatial index is missing annotation: ${t}`);
+	return b(e, "annotation:remove", (e) => S(e, t), (e) => ue(e, r, i, a)), !0;
+}
+function pe(e) {
+	return Q(e).undoStack.length > 0;
+}
+function me(e) {
+	return Q(e).redoStack.length > 0;
+}
+function he(e) {
+	let t = Q(e), n = t.undoStack.pop();
+	return n === void 0 ? !1 : (n.undo(t), t.redoStack.push(n), t.revision += 1, g(e, "history:undo"), !0);
+}
+function ge(e) {
+	let t = Q(e), n = t.redoStack.pop();
+	return n === void 0 ? !1 : (n.redo(t), t.undoStack.push(n), t.revision += 1, g(e, "history:redo"), !0);
+}
+function D(e, t) {
+	let n = Q(e);
+	return u(n.spatialIndex, t).map((e) => n.annotationsById.get(e)).filter((e) => e !== void 0);
+}
+//#endregion
+//#region src/labels/labels.ts
+function _e(e, t) {
+	let n = Q(e);
+	if (n.labels.some((e) => e.id === t.id)) throw new y("DUPLICATE_LABEL", `Label already exists: ${t.id}`);
+	let r = Object.freeze({ ...t }), i = n.labels.length, a = n.activeLabelId;
+	b(e, "label:add", (e) => {
+		e.labels.splice(i, 0, r), a === null && (e.activeLabelId = r.id);
+	}, (e) => {
+		e.labels.splice(i, 1), e.activeLabelId = a;
+	});
+}
+function ve(e, t) {
+	let n = Q(e);
+	if (!n.labels.some((e) => e.id === t)) throw new y("UNKNOWN_LABEL", `Unknown label: ${t}`);
+	let r = n.activeLabelId;
+	b(e, "label:activate", (e) => {
+		e.activeLabelId = t;
+	}, (e) => {
+		e.activeLabelId = r;
+	});
+}
+function O(e) {
+	return Q(e).activeLabelId;
+}
+function ye(e, t, n) {
+	let r = Q(e), i = r.labels.findIndex((e) => e.id === t);
+	if (i === -1) throw new y("UNKNOWN_LABEL", `Unknown label: ${t}`);
+	let a = r.labels[i], o = Object.freeze({
+		...a,
+		...n
+	});
+	b(e, "label:update", (e) => {
+		e.labels[i] = o;
+	}, (e) => {
+		e.labels[i] = a;
+	});
+}
+//#endregion
+//#region src/geometry/matrix.ts
+function be(e, t, n) {
+	if (![
+		e,
+		t,
+		n
+	].every(Number.isFinite) || e <= 0) throw new y("INVALID_GEOMETRY", "Matrix scale must be positive and all values must be finite.");
+	return {
+		a: e,
+		b: 0,
+		c: 0,
+		d: e,
+		e: t,
+		f: n
+	};
+}
+function xe(e) {
+	let t = e.a * e.d - e.b * e.c;
+	if (!Number.isFinite(t) || t === 0) throw new y("INVALID_GEOMETRY", "Matrix is not invertible.");
+	return {
+		a: e.d / t,
+		b: -e.b / t,
+		c: -e.c / t,
+		d: e.a / t,
+		e: (e.c * e.f - e.d * e.e) / t,
+		f: (e.b * e.e - e.a * e.f) / t
+	};
+}
+function Se(e, t) {
+	return {
+		x: e.a * t.x + e.c * t.y + e.e,
+		y: e.b * t.x + e.d * t.y + e.f
+	};
+}
+//#endregion
+//#region src/viewport/viewport.ts
+function Ce(e, t) {
+	if (!Number.isFinite(e.width) || !Number.isFinite(e.height) || e.width <= 0 || e.height <= 0) throw new y("INVALID_GEOMETRY", `${t} dimensions must be finite and positive.`);
+}
+function we(e, t) {
+	if (!Number.isFinite(t) || t <= 0) throw new y("INVALID_GEOMETRY", "Viewport scale must be finite and positive.");
+	return Math.min(e.maxScale, Math.max(e.minScale, t));
+}
+function Te(e) {
+	Ce(e, "Viewport");
+	let t = e.minScale ?? .01, n = e.maxScale ?? 64;
+	if (t <= 0 || n < t) throw new y("INVALID_GEOMETRY", "Viewport scale limits must be positive and ordered.");
+	return {
+		width: e.width,
+		height: e.height,
+		scale: 1,
+		offsetX: 0,
+		offsetY: 0,
+		minScale: t,
+		maxScale: n
+	};
+}
+function Ee(e, t) {
+	return Se(be(e.scale, e.offsetX, e.offsetY), t);
+}
+function k(e, t) {
+	return Se(xe(be(e.scale, e.offsetX, e.offsetY)), t);
+}
+function De(e, t, n) {
+	let r = k(e, t), i = we(e, n);
+	return {
+		...e,
+		scale: i,
+		offsetX: t.x - r.x * i,
+		offsetY: t.y - r.y * i
+	};
+}
+function Oe(e, t) {
+	return {
+		...e,
+		offsetX: e.offsetX + t.x,
+		offsetY: e.offsetY + t.y
+	};
+}
+function ke(e, t) {
+	Ce(t, "Image");
+	let n = we(e, Math.min(e.width / t.width, e.height / t.height));
+	return {
+		...e,
+		scale: n,
+		offsetX: (e.width - t.width * n) / 2,
+		offsetY: (e.height - t.height * n) / 2
+	};
+}
+//#endregion
+//#region src/mask/rle.ts
+function A(e) {
+	let t = [], n = 0, r = 0;
+	for (let i = 0; i < e.length; i += 1) {
+		let a = +((e[i] ?? 0) > 0);
+		a === n ? r += 1 : (t.push(r), n = a, r = 1);
+	}
+	return t.push(r), Object.freeze(t);
+}
+function j(e, t, n) {
+	let r = t * n, i = new Uint8Array(r), a = 0, o = 0;
+	for (let t of e) {
+		let e = Math.max(0, Math.floor(t));
+		if (o === 1 && i.fill(1, a, Math.min(r, a + e)), a += e, o = +(o === 0), a >= r) break;
+	}
+	return i;
+}
+function Ae(e, t) {
+	let n = Math.min(e.length, t.length);
+	for (let r = 0; r < n; r += 1) if ((e[r] ?? 0) > 0 && (t[r] ?? 0) > 0) return !0;
+	return !1;
+}
+function je(e, t) {
+	let n = Math.max(e.length, t.length), r = new Uint8Array(n);
+	for (let i = 0; i < n; i += 1) r[i] = +((e[i] ?? 0) > 0 || (t[i] ?? 0) > 0);
+	return r;
+}
+function Me(e, t) {
+	let n = e.length, r = new Uint8Array(n);
+	for (let i = 0; i < n; i += 1) r[i] = +((e[i] ?? 0) > 0 && (t[i] ?? 0) === 0);
+	return r;
+}
+function Ne(e) {
+	for (let t = 0; t < e.length; t += 1) if ((e[t] ?? 0) > 0) return !0;
+	return !1;
+}
+function Pe(e, t, n) {
+	let r = Math.max(0, Math.floor(t)), i = Math.max(0, Math.floor(n)), a = r * i, o = new Uint8Array(a), s = new Int32Array(a), c = [];
+	for (let t = 0; t < a; t += 1) {
+		if (o[t] === 1 || (e[t] ?? 0) === 0) continue;
+		let n = new Uint8Array(a), l = 0, u = 0;
+		for (s[u] = t, u += 1, o[t] = 1; l < u;) {
+			let t = s[l];
+			if (l += 1, t === void 0) continue;
+			n[t] = 1;
+			let a = t % r, c = Math.floor(t / r);
+			for (let t = -1; t <= 1; t += 1) for (let n = -1; n <= 1; n += 1) {
+				if (n === 0 && t === 0) continue;
+				let l = a + n, d = c + t;
+				if (l < 0 || d < 0 || l >= r || d >= i) continue;
+				let f = d * r + l;
+				o[f] === 1 || (e[f] ?? 0) === 0 || (o[f] = 1, s[u] = f, u += 1);
+			}
+		}
+		c.push(n);
+	}
+	return c;
+}
+function Fe(e, t, n) {
+	let r = Infinity, i = Infinity, a = -Infinity, o = -Infinity;
+	for (let s = 0; s < n; s += 1) for (let n = 0; n < t; n += 1) (e[s * t + n] ?? 0) !== 0 && (r = Math.min(r, n), i = Math.min(i, s), a = Math.max(a, n), o = Math.max(o, s));
+	return Number.isFinite(r) ? {
+		x: r,
+		y: i,
+		width: a - r + 1,
+		height: o - i + 1
+	} : null;
+}
+function Ie(e, t, n, r, i) {
+	let a = Math.round(r), o = Math.round(i), s = new Uint8Array(t * n);
+	for (let r = 0; r < n; r += 1) for (let i = 0; i < t; i += 1) {
+		if ((e[r * t + i] ?? 0) === 0) continue;
+		let c = i + a, l = r + o;
+		c >= 0 && l >= 0 && c < t && l < n && (s[l * t + c] = 1);
+	}
+	return s;
+}
+function Le(e, t, n, r, i) {
+	let a = Math.max(0, Math.ceil(i)), o = i * i;
+	for (let i = 0; i < r; i += 1) for (let s = 0; s < n; s += 1) if ((e[i * n + s] ?? 0) !== 0) for (let e = -a; e <= a; e += 1) for (let c = -a; c <= a; c += 1) {
+		if (c * c + e * e > o) continue;
+		let a = s + c, l = i + e;
+		if (a >= 0 && l >= 0 && a < n && l < r && (t[l * n + a] ?? 0) > 0) return !0;
+	}
+	return !1;
+}
+//#endregion
+//#region src/render/canvas-layers.ts
+var Re = [
+	"image",
+	"annotations",
+	"interaction",
+	"event"
+];
+function ze(e) {
+	let t = e.style.position, n = e.style.overflow;
+	getComputedStyle(e).position === "static" && (e.style.position = "relative"), e.style.overflow = "hidden";
+	let r = Re.map((t, n) => {
+		let r = document.createElement("canvas");
+		return r.dataset.layer = t, r.style.position = "absolute", r.style.inset = "0", r.style.width = "100%", r.style.height = "100%", r.style.zIndex = String(n), r.style.pointerEvents = t === "event" ? "auto" : "none", e.append(r), [t, r];
+	}), i = Object.fromEntries(r);
+	return {
+		canvases: i,
+		resize() {
+			let t = e.getBoundingClientRect(), n = Math.max(1, Math.round(t.width)), r = Math.max(1, Math.round(t.height)), a = Math.max(1, window.devicePixelRatio || 1);
+			for (let e of Object.values(i)) e.width = Math.round(n * a), e.height = Math.round(r * a);
+			return {
+				width: n,
+				height: r,
+				dpr: a
+			};
+		},
+		destroy() {
+			for (let e of Object.values(i)) e.remove();
+			e.style.position = t, e.style.overflow = n;
+		}
+	};
+}
+//#endregion
+//#region src/render/scheduler.ts
+function Be(e) {
+	let t = /* @__PURE__ */ new Set(), n = null, r = !1, i = () => {
+		if (n = null, r || t.size === 0) return;
+		let i = new Set(t);
+		t.clear(), e.render(i);
+	};
+	return {
+		invalidate(a) {
+			r || (t.add(a), n === null && (n = e.requestFrame(i)));
+		},
+		destroy() {
+			r || (r = !0, t.clear(), n !== null && (e.cancelFrame(n), n = null));
+		}
+	};
+}
+//#endregion
+//#region src/render/canvas-renderer.ts
+function Ve(e, t) {
+	e.setTransform(1, 0, 0, 1, 0, 0), e.clearRect(0, 0, t.width, t.height);
+}
+function He(e, t, n, r) {
+	let i = document.createElement("canvas");
+	i.width = t.geometry.width, i.height = t.geometry.height;
+	let a = i.getContext("2d");
+	if (a === null) return;
+	let o = a.createImageData(t.geometry.width, t.geometry.height), s = j(t.geometry.rle, t.geometry.width, t.geometry.height), c = /^#?([0-9a-f]{6})$/i.exec(n)?.[1] ?? "2c9c21", l = Number.parseInt(c.slice(0, 2), 16), u = Number.parseInt(c.slice(2, 4), 16), d = Number.parseInt(c.slice(4, 6), 16);
+	for (let e = 0; e < s.length; e += 1) {
+		if (s[e] !== 1) continue;
+		let t = e * 4;
+		o.data[t] = l, o.data[t + 1] = u, o.data[t + 2] = d, o.data[t + 3] = 96;
+	}
+	a.putImageData(o, 0, 0);
+	let f = r?.points[0];
+	if (r !== void 0 && f !== void 0) {
+		a.globalCompositeOperation = "destination-out", a.beginPath(), a.moveTo(f.x, f.y);
+		for (let e of r.points.slice(1)) a.lineTo(e.x, e.y);
+		r.points.length === 1 && a.lineTo(f.x, f.y), a.lineWidth = r.size, a.lineCap = "round", a.lineJoin = "round", a.stroke(), a.globalCompositeOperation = "source-over";
+	}
+	e.drawImage(i, 0, 0);
+}
+function Ue(e) {
+	let t = Q(e), n = ze(t.container), r = n.resize(), i = () => {
+		let e = n.canvases.image, i = e.getContext("2d");
+		if (i === null || (Ve(i, e), t.image === null || t.viewport === null)) return;
+		let { scale: a, offsetX: o, offsetY: s } = t.viewport;
+		i.imageSmoothingEnabled = a < 1, i.imageSmoothingQuality = "high", i.setTransform(r.dpr * a, 0, 0, r.dpr * a, r.dpr * o, r.dpr * s), i.drawImage(t.image.source, 0, 0);
+	}, a = () => {
+		let i = n.canvases.annotations, a = i.getContext("2d");
+		if (a === null || (Ve(a, i), t.viewport === null)) return;
+		let o = k(t.viewport, {
+			x: 0,
+			y: 0
+		}), s = k(t.viewport, {
+			x: r.width,
+			y: r.height
+		}), c = D(e, {
+			x: Math.min(o.x, s.x),
+			y: Math.min(o.y, s.y),
+			width: Math.abs(s.x - o.x),
+			height: Math.abs(s.y - o.y)
+		}), { scale: l, offsetX: u, offsetY: d } = t.viewport;
+		a.imageSmoothingEnabled = !1, a.setTransform(r.dpr * l, 0, 0, r.dpr * l, r.dpr * u, r.dpr * d), a.lineWidth = 2 / l;
+		for (let e of c) {
+			if (t.interactionDraft?.type === "vector" && t.interactionDraft.annotationId === e.id && t.interactionDraft.geometry.type === "mask") continue;
+			let n = t.labels.find((t) => t.id === e.labelId);
+			a.strokeStyle = n?.color ?? "#2c9c21", a.fillStyle = n?.color ?? "#2c9c21", a.globalAlpha = 1;
+			let r = 0, i = 0;
+			if (e.geometry.type === "rect") {
+				let t = e;
+				r = t.geometry.x, i = t.geometry.y, a.globalAlpha = .16, a.fillRect(t.geometry.x, t.geometry.y, t.geometry.width, t.geometry.height), a.globalAlpha = 1, a.strokeRect(t.geometry.x, t.geometry.y, t.geometry.width, t.geometry.height);
+			} else if (e.geometry.type === "polygon") {
+				let t = e, n = t.geometry.points[0];
+				if (n === void 0) continue;
+				r = n[0], i = n[1], a.beginPath(), a.moveTo(n[0], n[1]);
+				for (let [e, n] of t.geometry.points.slice(1)) a.lineTo(e, n);
+				a.closePath(), a.globalAlpha = .16, a.fill(), a.globalAlpha = 1, a.stroke();
+			} else if (e.geometry.type === "mask") {
+				let o = e, s = Fe(j(o.geometry.rle, o.geometry.width, o.geometry.height), o.geometry.width, o.geometry.height);
+				r = s?.x ?? 0, i = s?.y ?? 0;
+				let c = t.interactionDraft?.type === "eraser" ? t.interactionDraft : void 0;
+				He(a, o, n?.color ?? "#2c9c21", c);
+			}
+			if (n?.name) {
+				a.font = `${14 / l}px sans-serif`, a.fillStyle = "#ffffff", a.strokeStyle = n.color, a.lineWidth = 3 / l, a.lineJoin = "round", a.globalAlpha = 1;
+				let e = a.measureText(n.name).width, t = 14 / l, o = 4 / l;
+				a.strokeRect(r - o, i - t - o, e + o * 2, t + o * 2), a.fillRect(r - o, i - t - o, e + o * 2, t + o * 2), a.fillStyle = n.color, a.fillText(n.name, r, i - o);
+			}
+		}
+	}, o = Be({
+		requestFrame: (e) => requestAnimationFrame(e),
+		cancelFrame: (e) => cancelAnimationFrame(e),
+		render(e) {
+			if (e.has("image") && i(), e.has("annotations") && a(), e.has("interaction")) {
+				let e = n.canvases.interaction, i = e.getContext("2d");
+				if (i !== null) {
+					Ve(i, e);
+					let n = t.interactionDraft;
+					if (n !== null && t.viewport !== null) {
+						let e = "labelId" in n ? t.labels.find((e) => e.id === n.labelId) : void 0, { scale: a, offsetX: o, offsetY: s } = t.viewport;
+						if (i.imageSmoothingEnabled = !1, i.setTransform(r.dpr * a, 0, 0, r.dpr * a, r.dpr * o, r.dpr * s), i.strokeStyle = e?.color ?? "#2c9c21", i.lineWidth = 2 / a, i.setLineDash([6 / a, 4 / a]), n.type === "vector" && n.geometry.type === "mask") {
+							let r = t.annotationsById.get(n.annotationId);
+							r?.geometry.type === "mask" && He(i, {
+								...r,
+								geometry: n.geometry
+							}, e?.color ?? "#2c9c21");
+						} else if (n.type === "brush") {
+							i.strokeStyle = n.color;
+							let e = n.points[0];
+							if (e !== void 0) {
+								i.beginPath(), i.moveTo(e.x, e.y);
+								for (let e of n.points.slice(1)) i.lineTo(e.x, e.y);
+								n.points.length === 1 && i.lineTo(e.x, e.y), i.globalAlpha = .7, i.lineWidth = n.size, i.lineCap = "round", i.lineJoin = "round", i.setLineDash([]), i.stroke();
+							}
+						} else if (n.type === "rect") i.strokeRect(n.geometry.x, n.geometry.y, n.geometry.width, n.geometry.height);
+						else if (n.type !== "eraser") {
+							let e = n.type === "polygon" ? n.points.map((e) => [e.x, e.y]) : n.geometry.type === "polygon" ? n.geometry.points : [];
+							if (n.type === "vector" && n.geometry.type === "rect") i.strokeRect(n.geometry.x, n.geometry.y, n.geometry.width, n.geometry.height);
+							else if (e[0] !== void 0) {
+								i.beginPath(), i.moveTo(e[0][0], e[0][1]);
+								for (let t of e.slice(1)) i.lineTo(t[0], t[1]);
+								n.type === "vector" && i.closePath(), i.stroke();
+							}
+						}
+					}
+					if (t.viewport !== null) {
+						let { scale: e, offsetX: n, offsetY: a } = t.viewport;
+						i.setTransform(r.dpr * e, 0, 0, r.dpr * e, r.dpr * n, r.dpr * a);
+						let o = 8 / e;
+						i.setLineDash([]);
+						for (let n of t.selectedIds) {
+							let r = t.annotationsById.get(n);
+							if (r === void 0) continue;
+							let a = t.interactionDraft?.type === "vector" && t.interactionDraft.annotationId === n ? t.interactionDraft.geometry : r.geometry, s = a.type === "rect" ? [
+								[a.x, a.y],
+								[a.x + a.width / 2, a.y],
+								[a.x + a.width, a.y],
+								[a.x + a.width, a.y + a.height / 2],
+								[a.x + a.width, a.y + a.height],
+								[a.x + a.width / 2, a.y + a.height],
+								[a.x, a.y + a.height],
+								[a.x, a.y + a.height / 2]
+							] : a.type === "polygon" ? a.points : [];
+							if (i.fillStyle = "#ffffff", i.strokeStyle = "#1677ff", i.globalAlpha = 1, a.type === "mask") {
+								let t = Fe(j(a.rle, a.width, a.height), a.width, a.height);
+								t !== null && (i.setLineDash([5 / e, 3 / e]), i.lineWidth = 2 / e, i.strokeRect(t.x, t.y, t.width, t.height), i.setLineDash([]));
+							}
+							for (let [e, t] of s) i.fillRect(e - o / 2, t - o / 2, o, o), i.strokeRect(e - o / 2, t - o / 2, o, o);
+						}
+					}
+				}
+			}
+		}
+	}), s = _(e, "change", (e) => {
+		e.kind !== "label:activate" && (o.invalidate("annotations"), o.invalidate("interaction"));
+	}), c = !1;
+	return {
+		eventCanvas: n.canvases.event,
+		invalidate: (e) => o.invalidate(e),
+		resize() {
+			c || (r = n.resize(), o.invalidate("image"), o.invalidate("annotations"), o.invalidate("interaction"));
+		},
+		destroy() {
+			c || (c = !0, s(), o.destroy(), n.destroy());
+		}
+	};
+}
+//#endregion
+//#region src/image/image-commands.ts
+function We(e) {
+	let t = e.getBoundingClientRect();
+	return {
+		width: Math.max(1, Math.round(t.width)),
+		height: Math.max(1, Math.round(t.height))
+	};
+}
+function M(e) {
+	let t = Q(e);
+	if (t.viewport === null) throw Error("An image must be loaded before using viewport commands.");
+	return {
+		state: t,
+		viewport: t.viewport
+	};
+}
+async function Ge(e, t) {
+	let n = Q(e), r = n.image !== null;
+	n.imageAbortController?.abort(), n.imageAbortController = null, n.image = null, n.viewport = null, n.toolController?.cancel(), n.interactionDraft = null, n.renderer?.invalidate("image"), n.renderer?.invalidate("annotations"), n.renderer?.invalidate("interaction"), n.renderer?.invalidate("interaction"), n.imageSource?.dispose(), n.imageSource = null, r && g(e, "image:clear");
+	let i = new AbortController();
+	n.imageAbortController = i, n.imageSource = t;
+	let a = await t.load(i.signal), o = Q(e);
+	o.imageSource !== t || i.signal.aborted || (o.image = a, o.viewport = ke(Te(We(o.container)), {
+		width: a.width,
+		height: a.height
+	}), o.renderer ??= Ue(e), o.renderer.resize(), o.renderer.invalidate("image"), o.renderer.invalidate("annotations"), g(e, "image:load"));
+}
+function N(e) {
+	return Q(e).image !== null;
+}
+function Ke(e) {
+	return M(e).viewport.scale;
+}
+function qe(e) {
+	let { state: t, viewport: n } = M(e), r = We(t.container);
+	t.viewport = {
+		...n,
+		...r
+	}, t.renderer?.resize();
+}
+function P(e) {
+	let { state: t, viewport: n } = M(e);
+	t.image !== null && (t.viewport = ke(n, t.image), t.renderer?.invalidate("image"), t.renderer?.invalidate("annotations"), t.renderer?.invalidate("interaction"));
+}
+function F(e, t, n) {
+	let { state: r, viewport: i } = M(e);
+	r.viewport = De(i, n ?? {
+		x: i.width / 2,
+		y: i.height / 2
+	}, t), r.renderer?.invalidate("image"), r.renderer?.invalidate("annotations"), r.renderer?.invalidate("interaction");
+}
+function I(e, t, n) {
+	let { viewport: r } = M(e);
+	F(e, r.scale * t, n);
+}
+function L(e, t) {
+	let { state: n, viewport: r } = M(e);
+	n.viewport = Oe(r, t), n.renderer?.invalidate("image"), n.renderer?.invalidate("annotations"), n.renderer?.invalidate("interaction");
+}
+function Je(e, t) {
+	let { state: n, viewport: r } = M(e), i = Ee(r, t), a = n.container.getBoundingClientRect();
+	return {
+		x: i.x + a.left,
+		y: i.y + a.top
+	};
+}
+function Ye(e, t) {
+	let { state: n, viewport: r } = M(e), i = n.container.getBoundingClientRect();
+	return k(r, {
+		x: t.x - i.left,
+		y: t.y - i.top
+	});
+}
+//#endregion
+//#region src/tools/controller.ts
+function Xe(e) {
+	return {
+		annotator: e,
+		setDraft(t) {
+			let n = Q(e);
+			n.interactionDraft = t, t.type === "eraser" && n.renderer?.invalidate("annotations"), n.renderer?.invalidate("interaction");
+		},
+		clearDraft() {
+			let t = Q(e), n = t.interactionDraft?.type === "eraser";
+			t.interactionDraft = null, n && t.renderer?.invalidate("annotations"), t.renderer?.invalidate("interaction");
+		}
+	};
+}
+function Ze(e, t, n) {
+	let r = Q(e), i = Ye(e, {
+		x: t.clientX,
+		y: t.clientY
+	}), a = r.image === null ? i : {
+		x: Math.min(r.image.width, Math.max(0, i.x)),
+		y: Math.min(r.image.height, Math.max(0, i.y))
+	};
+	return {
+		type: n,
+		pointerId: t.pointerId,
+		imagePoint: a,
+		buttons: t.buttons,
+		pressure: t.pressure,
+		detail: t.detail
+	};
+}
+function Qe(e, t, n) {
+	let r = Xe(e), i = null, a = !1, o = "default", s = !1, c = !1, l = null, u = {
+		x: 0,
+		y: 0
+	};
+	t.tabIndex = 0;
+	let d = (n) => {
+		if (n.button === 1 || n.button === 0 && (n.altKey || s)) {
+			n.preventDefault(), i?.cancel(r), l = n.pointerId, u = {
+				x: n.clientX,
+				y: n.clientY
+			}, t.setPointerCapture(n.pointerId), t.style.cursor = "grabbing";
+			return;
+		}
+		i === null || n.button !== 0 || (t.focus({ preventScroll: !0 }), t.setPointerCapture(n.pointerId), i.handle(Ze(e, n, "down"), r));
+	}, f = (t) => {
+		if (l === t.pointerId) {
+			let n = {
+				x: t.clientX,
+				y: t.clientY
+			};
+			L(e, {
+				x: n.x - u.x,
+				y: n.y - u.y
+			}), u = n;
+			return;
+		}
+		i?.handle(Ze(e, t, "move"), r);
+	}, p = (n) => {
+		if (l === n.pointerId) {
+			l = null, t.style.cursor = s ? "grab" : o, t.hasPointerCapture(n.pointerId) && t.releasePointerCapture(n.pointerId);
+			return;
+		}
+		i?.handle(Ze(e, n, "up"), r), t.hasPointerCapture(n.pointerId) && t.releasePointerCapture(n.pointerId);
+	}, m = () => {
+		l = null, t.style.cursor = s ? "grab" : o, i?.handle({ type: "cancel" }, r);
+	}, h = (e) => {
+		if (e.key === "Escape") {
+			i?.cancel(r);
+			return;
+		}
+		i?.handleKey?.(e, r);
+	}, ee = (e) => {
+		e.code !== "Space" || e.repeat || !c && document.activeElement !== t || (e.preventDefault(), s = !0, i?.cancel(r), t.style.cursor = l === null ? "grab" : "grabbing");
+	}, g = (e) => {
+		e.code !== "Space" || !s || (e.preventDefault(), s = !1, l === null && (t.style.cursor = o));
+	}, _ = (n) => {
+		n.preventDefault();
+		let r = t.getBoundingClientRect(), i = n.deltaMode === WheelEvent.DOM_DELTA_LINE ? 16 : n.deltaMode === WheelEvent.DOM_DELTA_PAGE ? r.height : 1;
+		I(e, Math.exp(-n.deltaY * i * .0015), {
+			x: n.clientX - r.left,
+			y: n.clientY - r.top
+		});
+	}, te = () => {
+		c = !0;
+	}, ne = () => {
+		c = !1;
+	};
+	return t.addEventListener("pointerdown", d), t.addEventListener("pointermove", f), t.addEventListener("pointerup", p), t.addEventListener("pointercancel", m), t.addEventListener("pointerenter", te), t.addEventListener("pointerleave", ne), t.addEventListener("wheel", _, { passive: !1 }), t.addEventListener("keydown", h), window.addEventListener("keydown", ee), window.addEventListener("keyup", g), {
+		activate(n) {
+			a || (i?.cancel(r), i = n, o = n.cursor, t.style.cursor = s ? "grab" : o, Q(e).activeToolId = n.id);
+		},
+		activateById(e) {
+			let t = n.get(e);
+			t !== void 0 && this.activate(t);
+		},
+		cancel() {
+			i?.cancel(r);
+		},
+		destroy() {
+			a || (a = !0, i?.cancel(r), i = null, t.removeEventListener("pointerdown", d), t.removeEventListener("pointermove", f), t.removeEventListener("pointerup", p), t.removeEventListener("pointercancel", m), t.removeEventListener("pointerenter", te), t.removeEventListener("pointerleave", ne), t.removeEventListener("wheel", _), t.removeEventListener("keydown", h), window.removeEventListener("keydown", ee), window.removeEventListener("keyup", g));
+		}
+	};
+}
+function $e(e) {
+	let t = Q(e);
+	if (t.renderer === null) throw Error("An image must be loaded before activating a drawing tool.");
+	return t.toolController ??= Qe(e, t.renderer.eventCanvas, Q(e).toolRegistry), t.toolController;
+}
+function R(e, t) {
+	$e(e).activate(t);
+}
+function z(e, t) {
+	$e(e).activateById(t);
+}
+function B(e) {
+	Q(e).toolController?.cancel();
+}
+function et(e) {
+	return Q(e).toolRegistry.list();
+}
+function tt(e, t) {
+	return Q(e).toolRegistry.listByCategory(t);
+}
+//#endregion
+//#region src/tools/brush-tool.ts
+function nt(e, t) {
+	let n = t ?? O(e);
+	if (n === null) throw new y("UNKNOWN_LABEL", "A label must be active before using the brush tool.");
+	return n;
+}
+function rt(e, t, n, r, i) {
+	let a = Math.max(0, Math.floor(r.x - i)), o = Math.min(t - 1, Math.ceil(r.x + i)), s = Math.max(0, Math.floor(r.y - i)), c = Math.min(n - 1, Math.ceil(r.y + i)), l = i * i;
+	for (let n = s; n <= c; n += 1) for (let i = a; i <= o; i += 1) {
+		let a = i + .5 - r.x, o = n + .5 - r.y;
+		a * a + o * o <= l && (e[n * t + i] = 1);
+	}
+}
+function it(e, t) {
+	let n = [];
+	for (let r = 0; r < e.length; r += 1) {
+		let i = e[r], a = e[r - 1];
+		if (i === void 0) continue;
+		if (a === void 0) {
+			n.push(i);
+			continue;
+		}
+		let o = i.x - a.x, s = i.y - a.y, c = Math.max(1, Math.ceil(Math.hypot(o, s) / t));
+		for (let e = 1; e <= c; e += 1) n.push({
+			x: a.x + o * e / c,
+			y: a.y + s * e / c
+		});
+	}
+	return n;
+}
+function at(e) {
+	let t = Math.max(1, Math.round(e.imageWidth)), n = Math.max(1, Math.round(e.imageHeight)), r = Math.max(1, e.brushSize) / 2, i = new Uint8Array(t * n);
+	for (let a of it(e.points, Math.max(1, r / 2))) rt(i, t, n, a, r);
+	return {
+		type: "mask",
+		width: t,
+		height: n,
+		rle: A(i)
+	};
+}
+function ot(e, t, n) {
+	let r = j(n.rle, n.width, n.height), i = D(e, {
+		x: 0,
+		y: 0,
+		width: n.width,
+		height: n.height
+	}).filter((e) => e.labelId !== t || e.geometry.type !== "mask" || e.geometry.width !== n.width || e.geometry.height !== n.height ? !1 : Ae(j(e.geometry.rle, e.geometry.width, e.geometry.height), r));
+	if (i.length === 0) {
+		w(e, {
+			labelId: t,
+			...n
+		});
+		return;
+	}
+	let a = r;
+	for (let e of i) e.geometry.type === "mask" && (a = je(a, j(e.geometry.rle, e.geometry.width, e.geometry.height)));
+	let [o, ...s] = i;
+	if (!(o === void 0 || o.geometry.type !== "mask")) {
+		T(e, o.id, {
+			type: "mask",
+			width: n.width,
+			height: n.height,
+			rle: A(a)
+		});
+		for (let t of s) E(e, t.id);
+	}
+}
+function st(e = {}) {
+	let t = {
+		pointerId: null,
+		points: []
+	}, n = Math.max(1, e.size ?? 10);
+	return {
+		id: "brush",
+		name: "涂抹",
+		description: "在图像上绘制笔触",
+		icon: "🖌️",
+		cursor: "crosshair",
+		category: "drawing",
+		shortcuts: [{ key: "b" }],
+		handle(r, i) {
+			let a = Q(i.annotator);
+			if (r.type === "cancel") {
+				t = {
+					pointerId: null,
+					points: []
+				}, i.clearDraft();
+				return;
+			}
+			if (r.type === "down") {
+				let o = nt(i.annotator, e.labelId), s = e.color ?? a.labels.find((e) => e.id === o)?.color ?? "#ff4d4f";
+				t = {
+					pointerId: r.pointerId,
+					points: [r.imagePoint]
+				}, i.setDraft({
+					type: "brush",
+					points: t.points,
+					size: n,
+					color: s,
+					labelId: o
+				});
+				return;
+			}
+			if (r.type === "move") {
+				if (t.pointerId !== r.pointerId || !(r.buttons & 1)) return;
+				t = {
+					pointerId: r.pointerId,
+					points: [...t.points, r.imagePoint]
+				};
+				let o = nt(i.annotator, e.labelId), s = e.color ?? a.labels.find((e) => e.id === o)?.color ?? "#ff4d4f";
+				i.setDraft({
+					type: "brush",
+					points: t.points,
+					size: n,
+					color: s,
+					labelId: o
+				});
+				return;
+			}
+			if (r.type === "up") {
+				if (t.pointerId !== r.pointerId) return;
+				let o = [...t.points, r.imagePoint], s = a.image;
+				if (o.length >= 2 && s !== null) {
+					let t = nt(i.annotator, e.labelId);
+					ot(i.annotator, t, at({
+						imageWidth: s.width,
+						imageHeight: s.height,
+						brushSize: n,
+						points: o
+					}));
+				}
+				t = {
+					pointerId: null,
+					points: []
+				}, i.clearDraft();
+			}
+		},
+		cancel(e) {
+			t = {
+				pointerId: null,
+				points: []
+			}, e.clearDraft();
+		}
+	};
+}
+function V(e, t = {}) {
+	R(e, st({
+		labelId: nt(e, t.labelId),
+		size: t.size ?? 10,
+		color: t.color ?? "#ff4d4f"
+	}));
+}
+//#endregion
+//#region src/geometry/rect.ts
+function ct(e) {
+	if (!Number.isFinite(e.x) || !Number.isFinite(e.y)) throw new y("INVALID_GEOMETRY", "Point coordinates must be finite.");
+}
+function H(e, t) {
+	ct(e), ct(t);
+	let n = Math.min(e.x, t.x), r = Math.min(e.y, t.y);
+	return {
+		x: n,
+		y: r,
+		width: Math.max(e.x, t.x) - n,
+		height: Math.max(e.y, t.y) - r
+	};
+}
+function lt(e, t) {
+	return ct(e), e.x >= t.x && e.x <= t.x + t.width && e.y >= t.y && e.y <= t.y + t.height;
+}
+//#endregion
+//#region src/tools/select-tool.ts
+function ut(e, t) {
+	return {
+		...e,
+		x: e.x + t.x,
+		y: e.y + t.y
+	};
+}
+function dt(e, t, n) {
+	return {
+		type: "polygon",
+		points: e.points.map((e, r) => r === t ? [n.x, n.y] : e)
+	};
+}
+function ft(e, t) {
+	if (e.points.length <= 3) return null;
+	let n = e.points.filter((e, n) => n !== t), r = {
+		type: "polygon",
+		points: n
+	};
+	return h(n.map(([e, t]) => ({
+		x: e,
+		y: t
+	}))).valid ? r : null;
+}
+function pt(e, t, n) {
+	let r = e.x, i = e.y, a = e.x + e.width, o = e.y + e.height, s = t.includes("west"), c = t.includes("east"), l = t.includes("north"), u = t.includes("south");
+	return {
+		type: "rect",
+		...H({
+			x: s ? n.x : r,
+			y: l ? n.y : i
+		}, {
+			x: c ? n.x : a,
+			y: u ? n.y : o
+		})
+	};
+}
+function mt(e, t) {
+	let n = e.x - t.x, r = e.y - t.y;
+	return n * n + r * r;
+}
+function ht(e) {
+	let t = e.x, n = e.y, r = e.x + e.width, i = e.y + e.height, a = (t + r) / 2, o = (n + i) / 2;
+	return [
+		["north-west", {
+			x: t,
+			y: n
+		}],
+		["north", {
+			x: a,
+			y: n
+		}],
+		["north-east", {
+			x: r,
+			y: n
+		}],
+		["east", {
+			x: r,
+			y: o
+		}],
+		["south-east", {
+			x: r,
+			y: i
+		}],
+		["south", {
+			x: a,
+			y: i
+		}],
+		["south-west", {
+			x: t,
+			y: i
+		}],
+		["west", {
+			x: t,
+			y: o
+		}]
+	];
+}
+function gt(e, t, n) {
+	let r = e.x, i = e.y, a = e.x + e.width, o = e.y + e.height, s = t.x >= r - n && t.x <= a + n, c = t.y >= i - n && t.y <= o + n, l = Math.abs(t.x - r) <= n && c, u = Math.abs(t.x - a) <= n && c, d = Math.abs(t.y - i) <= n && s, f = Math.abs(t.y - o) <= n && s;
+	return l && d ? "north-west" : u && d ? "north-east" : u && f ? "south-east" : l && f ? "south-west" : l ? "west" : u ? "east" : d ? "north" : f ? "south" : null;
+}
+function _t(e, t) {
+	if (e.geometry.type === "rect") return lt(t, e.geometry);
+	if (e.geometry.type === "polygon") return m(t, e.geometry.points.map(([e, t]) => ({
+		x: e,
+		y: t
+	})));
+	if (e.geometry.type === "mask") {
+		let n = Math.floor(t.x), r = Math.floor(t.y);
+		return n < 0 || r < 0 || n >= e.geometry.width || r >= e.geometry.height ? !1 : j(e.geometry.rle, e.geometry.width, e.geometry.height)[r * e.geometry.width + n] === 1;
+	}
+	return !1;
+}
+function vt(e, t) {
+	if (e.type === "rect") return ut(e, t);
+	if (e.type === "polygon") return {
+		type: "polygon",
+		points: e.points.map(([e, n]) => [e + t.x, n + t.y])
+	};
+	let n = j(e.rle, e.width, e.height);
+	return {
+		type: "mask",
+		width: e.width,
+		height: e.height,
+		rle: A(Ie(n, e.width, e.height, t.x, t.y))
+	};
+}
+function yt(e, t, n, r) {
+	let i = j(n.rle, n.width, n.height), a = D(e, {
+		x: 0,
+		y: 0,
+		width: n.width,
+		height: n.height
+	}).filter((e) => e.id === t.id || e.labelId !== t.labelId || e.geometry.type !== "mask" || e.geometry.width !== n.width || e.geometry.height !== n.height ? !1 : Le(i, j(e.geometry.rle, e.geometry.width, e.geometry.height), n.width, n.height, r));
+	for (let e of a) e.geometry.type === "mask" && (i = je(i, j(e.geometry.rle, e.geometry.width, e.geometry.height)));
+	T(e, t.id, {
+		...n,
+		rle: A(i)
+	});
+	for (let t of a) E(e, t.id);
+}
+function bt(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function xt(e, t, n) {
+	let r = n * n, i = e.points[t];
+	return i !== void 0 && e.points.every(([e, n], a) => t === a || mt({
+		x: i[0],
+		y: i[1]
+	}, {
+		x: e,
+		y: n
+	}) >= r);
+}
+function St(e, t, n) {
+	let r = n * n;
+	if (e.geometry.type === "polygon") {
+		let n = e.geometry.points.findIndex(([e, n]) => mt(t, {
+			x: e,
+			y: n
+		}) <= r);
+		return n < 0 ? null : {
+			type: "polygon-vertex",
+			index: n
+		};
+	}
+	if (e.geometry.type === "rect") {
+		let i = ht(e.geometry).find(([, e]) => mt(t, e) <= r), a = i === void 0 ? gt(e.geometry, t, n) : i[0];
+		return a === null ? null : {
+			type: "rect-handle",
+			handle: a
+		};
+	}
+	return null;
+}
+function Ct(e, t) {
+	return e.mode.type === "polygon-vertex" ? e.annotation.geometry.type === "polygon" ? dt(e.annotation.geometry, e.mode.index, t) : e.annotation.geometry : e.mode.type === "rect-handle" ? e.annotation.geometry.type === "rect" ? pt(e.annotation.geometry, e.mode.handle, t) : e.annotation.geometry : vt(e.annotation.geometry, {
+		x: t.x - e.start.x,
+		y: t.y - e.start.y
+	});
+}
+function U(e, t) {
+	let n = Q(e);
+	if (!n.annotationsById.has(t)) throw new y("ANNOTATION_NOT_FOUND", `Annotation not found: ${t}`);
+	n.selectedIds = [t], n.renderer?.invalidate("interaction"), g(e, "selection:update");
+}
+function W(e) {
+	let t = Q(e), n = t.selectedIds.length > 0;
+	t.selectedIds = [], t.renderer?.invalidate("interaction"), n && g(e, "selection:update");
+}
+function G(e) {
+	return [...Q(e).selectedIds];
+}
+function wt() {
+	let e = { phase: "idle" }, t = null;
+	return {
+		id: "select",
+		name: "选择",
+		description: "选择、移动和编辑标注",
+		icon: "☝️",
+		cursor: "default",
+		category: "selection",
+		shortcuts: [{ key: "s" }],
+		handle(n, r) {
+			if (n.type === "cancel") {
+				e = { phase: "idle" }, r.clearDraft();
+				return;
+			}
+			if (n.type === "down") {
+				let i = Q(r.annotator), a = 8 / (i.viewport?.scale ?? 1), o = i.selectedIds[0] === void 0 ? void 0 : i.annotationsById.get(i.selectedIds[0]), s = o, c = o === void 0 ? null : St(o, n.imagePoint, a), l = {
+					x: n.imagePoint.x - a,
+					y: n.imagePoint.y - a,
+					width: a * 2,
+					height: a * 2
+				}, u = D(r.annotator, l).reverse().filter((e) => _t(e, n.imagePoint)), d = u.map((e) => e.id), f = o === void 0 ? -1 : d.indexOf(o.id), p = !1, m = 0;
+				if (c === null) {
+					let e = f >= 0 ? f : 0;
+					s = u[e], p = f >= 0 && u.length > 1, m = u.length > 0 ? (e + 1) % u.length : 0, c = s === void 0 ? null : St(s, n.imagePoint, a) ?? { type: "move" };
+				}
+				if (s === void 0 || c === null) {
+					t = null, W(r.annotator);
+					return;
+				}
+				U(r.annotator, s.id), t = c.type === "polygon-vertex" ? {
+					annotationId: s.id,
+					index: c.index
+				} : null, e = {
+					phase: "dragging",
+					pointerId: n.pointerId,
+					annotation: s,
+					start: n.imagePoint,
+					mode: c,
+					currentGeometry: s.geometry,
+					moved: !1,
+					clickTolerance: a,
+					cycleOnClick: p,
+					cycleIds: d,
+					cycleNextIndex: m
+				};
+				return;
+			}
+			if (e.phase !== "dragging" || n.pointerId !== e.pointerId) return;
+			let i = e.moved || mt(e.start, n.imagePoint) > e.clickTolerance * e.clickTolerance, a = Ct(e, n.imagePoint);
+			if (e = {
+				...e,
+				currentGeometry: a,
+				moved: i
+			}, n.type === "move") {
+				r.setDraft({
+					type: "vector",
+					annotationId: e.annotation.id,
+					geometry: a,
+					labelId: e.annotation.labelId
+				});
+				return;
+			}
+			if (!e.moved && e.cycleOnClick && e.cycleIds.length > 1) {
+				let t = e.cycleIds[e.cycleNextIndex % e.cycleIds.length];
+				t !== void 0 && U(r.annotator, t), e = { phase: "idle" }, r.clearDraft();
+				return;
+			}
+			let o = 1 / (Q(r.annotator).viewport?.scale ?? 1);
+			(a.type === "rect" ? a.width >= o && a.height >= o : a.type !== "polygon" || h(a.points.map(([e, t]) => ({
+				x: e,
+				y: t
+			}))).valid && (e.mode.type !== "polygon-vertex" || xt(a, e.mode.index, o))) && !bt(e.annotation.geometry, a) && (a.type === "mask" ? yt(r.annotator, e.annotation, a, e.clickTolerance) : T(r.annotator, e.annotation.id, a)), e = { phase: "idle" }, r.clearDraft();
+		},
+		handleKey(e, n) {
+			let r = Q(n.annotator), i = r.selectedIds[0];
+			if (e.key === "Delete" && i !== void 0) {
+				e.preventDefault(), E(n.annotator, i), t = null, W(n.annotator);
+				return;
+			}
+			if (e.key === "Backspace" && e.preventDefault(), e.key === "Backspace" && t !== null) {
+				let e = r.annotationsById.get(t.annotationId);
+				if (e?.geometry.type !== "polygon") return;
+				let i = ft(e.geometry, t.index);
+				i !== null && (T(n.annotator, e.id, i), t = null, n.clearDraft());
+			}
+		},
+		cancel(n) {
+			e = { phase: "idle" }, t = null, n.clearDraft();
+		}
+	};
+}
+function K(e) {
+	R(e, wt());
+}
+//#endregion
+//#region src/tools/eraser-tool.ts
+function Tt(e, t, n) {
+	let r = Q(e).image;
+	if (r === null || t.length < 2) return;
+	let i = at({
+		imageWidth: r.width,
+		imageHeight: r.height,
+		brushSize: n,
+		points: t
+	}), a = j(i.rle, i.width, i.height), o = D(e, {
+		x: 0,
+		y: 0,
+		width: i.width,
+		height: i.height
+	}).filter((e) => e.geometry.type === "mask" && e.geometry.width === i.width && e.geometry.height === i.height);
+	for (let t of o) {
+		if (t.geometry.type !== "mask") continue;
+		let n = j(t.geometry.rle, t.geometry.width, t.geometry.height);
+		if (!Ae(n, a)) continue;
+		let r = Pe(Me(n, a), t.geometry.width, t.geometry.height), i = r[0];
+		if (i !== void 0 && Ne(i)) {
+			T(e, t.id, {
+				type: "mask",
+				width: t.geometry.width,
+				height: t.geometry.height,
+				rle: A(i)
+			});
+			for (let n of r.slice(1)) w(e, {
+				labelId: t.labelId,
+				width: t.geometry.width,
+				height: t.geometry.height,
+				rle: A(n)
+			});
+		} else E(e, t.id);
+	}
+}
+function Et(e = {}) {
+	let t = e.size ?? 10, n = {
+		pointerId: null,
+		points: []
+	};
+	return {
+		id: "eraser",
+		name: "橡皮擦",
+		description: "擦除涂抹区域",
+		icon: "🧹",
+		cursor: "crosshair",
+		category: "drawing",
+		shortcuts: [{ key: "e" }],
+		handle(e, r) {
+			if (e.type === "cancel") {
+				n = {
+					pointerId: null,
+					points: []
+				}, r.clearDraft(), W(r.annotator);
+				return;
+			}
+			if (e.type === "down") {
+				n = {
+					pointerId: e.pointerId,
+					points: [e.imagePoint]
+				}, r.setDraft({
+					type: "eraser",
+					points: n.points,
+					size: t
+				});
+				return;
+			}
+			if (e.type === "move") {
+				if (n.pointerId !== e.pointerId || !(e.buttons & 1)) return;
+				n = {
+					pointerId: e.pointerId,
+					points: [...n.points, e.imagePoint]
+				}, r.setDraft({
+					type: "eraser",
+					points: n.points,
+					size: t
+				});
+				return;
+			}
+			if (e.type === "up") {
+				if (n.pointerId !== e.pointerId) return;
+				Tt(r.annotator, [...n.points, e.imagePoint], t), G(r.annotator).filter((e) => {
+					let t = D(r.annotator, {
+						x: 0,
+						y: 0,
+						width: 2 ** 53 - 1,
+						height: 2 ** 53 - 1
+					}).find((t) => t.id === e);
+					return t === void 0 || t.geometry.type === "mask";
+				}).length > 0 && W(r.annotator), n = {
+					pointerId: null,
+					points: []
+				}, r.clearDraft();
+			}
+		},
+		cancel(e) {
+			n = {
+				pointerId: null,
+				points: []
+			}, e.clearDraft(), W(e.annotator);
+		}
+	};
+}
+function q(e, t = {}) {
+	R(e, Et(t));
+}
+//#endregion
+//#region src/tools/polygon-tool.ts
+function Dt() {
+	return {
+		points: [],
+		preview: null
+	};
+}
+function J(e, t) {
+	if (t.type === "cancel") return { state: Dt() };
+	if (t.type === "move") {
+		let n = {
+			...e,
+			preview: t.imagePoint
+		};
+		return {
+			state: n,
+			draft: [...n.points, t.imagePoint]
+		};
+	}
+	if (t.type === "remove-last") {
+		let t = {
+			...e,
+			points: e.points.slice(0, -1)
+		};
+		return {
+			state: t,
+			draft: t.points
+		};
+	}
+	if (t.type === "commit") return h(e.points).valid ? {
+		state: Dt(),
+		commit: [...e.points]
+	} : { state: e };
+	let n = e.points.at(-1);
+	if (n !== void 0 && n.x === t.imagePoint.x && n.y === t.imagePoint.y) return { state: e };
+	let r = {
+		points: [...e.points, t.imagePoint],
+		preview: t.imagePoint
+	};
+	return {
+		state: r,
+		draft: r.points
+	};
+}
+function Ot(e, t) {
+	let n = t ?? O(e);
+	if (n === null) throw new y("UNKNOWN_LABEL", "A label must be active before drawing a polygon.");
+	return n;
+}
+function kt(e) {
+	let t = Dt(), n = (n, r) => {
+		if (t = n.state, n.draft !== void 0) {
+			let t = Ot(r.annotator, e.labelId);
+			r.setDraft({
+				type: "polygon",
+				points: n.draft,
+				labelId: t
+			});
+		} else t.points.length === 0 && r.clearDraft();
+		if (n.commit !== void 0) {
+			let t = Ot(r.annotator, e.labelId);
+			de(r.annotator, {
+				labelId: t,
+				points: n.commit
+			}), r.clearDraft();
+		}
+	}, r = (e) => {
+		n(J(t, { type: "commit" }), e);
+	};
+	return {
+		id: "polygon",
+		name: "多边形",
+		description: "绘制多边形标注",
+		icon: "⬡",
+		cursor: "crosshair",
+		category: "drawing",
+		shortcuts: [{ key: "p" }],
+		handle(e, i) {
+			if (e.type === "cancel") {
+				n(J(t, { type: "cancel" }), i);
+				return;
+			}
+			if (e.type === "move" && t.points.length > 0) {
+				n(J(t, {
+					type: "move",
+					imagePoint: e.imagePoint
+				}), i);
+				return;
+			}
+			e.type === "down" && (n(J(t, {
+				type: "point",
+				imagePoint: e.imagePoint
+			}), i), e.detail >= 2 && r(i));
+		},
+		handleKey(e, i) {
+			e.key === "Enter" ? (e.preventDefault(), r(i)) : e.key === "Backspace" && (e.preventDefault(), n(J(t, { type: "remove-last" }), i));
+		},
+		cancel(e) {
+			n(J(t, { type: "cancel" }), e);
+		}
+	};
+}
+function Y(e, t = {}) {
+	R(e, kt({ labelId: Ot(e, t.labelId) }));
+}
+//#endregion
+//#region src/tools/rect-tool.ts
+function X() {
+	return { phase: "idle" };
+}
+function At(e, t, n = 0) {
+	if (t.type === "cancel") return { state: X() };
+	if (t.type === "down") return e.phase === "idle" ? {
+		state: {
+			phase: "drawing",
+			pointerId: t.pointerId,
+			start: t.imagePoint,
+			current: t.imagePoint
+		},
+		draft: H(t.imagePoint, t.imagePoint)
+	} : { state: e };
+	if (e.phase !== "drawing" || t.pointerId !== e.pointerId) return { state: e };
+	let r = H(e.start, t.imagePoint);
+	return t.type === "move" ? {
+		state: {
+			...e,
+			current: t.imagePoint
+		},
+		draft: r
+	} : r.width < n || r.height < n ? { state: X() } : {
+		state: X(),
+		commit: r
+	};
+}
+function jt(e, t) {
+	let n = t ?? O(e);
+	if (n === null) throw new y("UNKNOWN_LABEL", "A label must be active before drawing a rectangle.");
+	return n;
+}
+function Mt(e) {
+	let t = X();
+	return {
+		id: "rect",
+		name: "矩形",
+		description: "绘制矩形标注",
+		icon: "⬜",
+		cursor: "crosshair",
+		category: "drawing",
+		shortcuts: [{ key: "r" }],
+		handle: (n, r) => {
+			let i = At(t, n, e.minimumSize ?? 1);
+			if (t = i.state, i.draft !== void 0) {
+				let t = jt(r.annotator, e.labelId);
+				r.setDraft({
+					type: "rect",
+					geometry: i.draft,
+					labelId: t
+				});
+			} else r.clearDraft();
+			if (i.commit !== void 0) {
+				let t = jt(r.annotator, e.labelId);
+				C(r.annotator, {
+					labelId: t,
+					...i.commit
+				});
+			}
+		},
+		cancel(e) {
+			t = At(t, { type: "cancel" }).state, e.clearDraft();
+		}
+	};
+}
+function Z(e, t = {}) {
+	R(e, Mt({
+		labelId: jt(e, t.labelId),
+		...t.minimumSize === void 0 ? {} : { minimumSize: t.minimumSize }
+	}));
+}
+//#endregion
+//#region src/tools/registry.ts
+function Nt() {
+	let e = /* @__PURE__ */ new Map();
+	return {
+		register(t) {
+			e.set(t.id, t);
+		},
+		unregister(t) {
+			e.delete(t);
+		},
+		get(t) {
+			return e.get(t);
+		},
+		list() {
+			return [...e.values()];
+		},
+		listByCategory(t) {
+			return [...e.values()].filter((e) => e.category === t);
+		}
+	};
+}
+function Pt() {
+	let e = Nt();
+	return e.register(wt()), e.register(Mt({})), e.register(kt({})), e.register(st({})), e.register(Et()), e;
+}
+//#endregion
+//#region src/core/state.ts
+function Ft(e) {
+	return {
+		container: e.container,
+		historyLimit: e.historyLimit ?? 100,
+		destroyed: !1,
+		revision: 0,
+		annotations: [],
+		labels: [],
+		activeLabelId: null,
+		spatialIndex: a(512),
+		annotationsById: /* @__PURE__ */ new Map(),
+		undoStack: [],
+		redoStack: [],
+		listeners: {
+			change: /* @__PURE__ */ new Set(),
+			error: /* @__PURE__ */ new Set()
+		},
+		imageSource: null,
+		image: null,
+		imageAbortController: null,
+		renderer: null,
+		viewport: null,
+		toolController: null,
+		activeToolId: null,
+		interactionDraft: null,
+		selectedIds: [],
+		toolRegistry: Pt()
+	};
+}
+//#endregion
+//#region src/core/annotator.ts
+var It = /* @__PURE__ */ new WeakMap();
+function Q(e) {
+	let t = It.get(e);
+	if (t === void 0 || t.destroyed) throw new y("ANNOTATOR_DESTROYED", "The annotator has been destroyed.");
+	return t;
+}
+function Lt(e) {
+	let t = ie();
+	return It.set(t, Ft(e)), t;
+}
+function Rt(e) {
+	let t = It.get(e);
+	t === void 0 || t.destroyed || (t.toolController?.destroy(), t.imageAbortController?.abort(), t.renderer?.destroy(), t.imageSource?.dispose(), t.destroyed = !0, t.imageAbortController = null, t.renderer = null, t.imageSource = null, t.image = null, t.viewport = null, t.toolController = null, t.activeToolId = null, t.interactionDraft = null, t.selectedIds = [], t.listeners.change.clear(), t.listeners.error.clear());
+}
+function zt(e) {
+	let t = Q(e);
+	return Object.freeze({
+		schemaVersion: 1,
+		revision: t.revision,
+		annotations: Object.freeze(t.annotations.map(v)),
+		labels: Object.freeze(t.labels.map((e) => Object.freeze({ ...e })))
+	});
+}
+//#endregion
+//#region src/image/standard-source.ts
+function $() {
+	return new DOMException("Image loading was aborted.", "AbortError");
+}
+function Bt(e) {
+	return typeof ImageBitmap < "u" && e instanceof ImageBitmap;
+}
+function Vt(e, t) {
+	return new Promise((n, r) => {
+		let i = new Image();
+		i.crossOrigin = "anonymous";
+		let a = () => {
+			t.removeEventListener("abort", o), i.onload = null, i.onerror = null;
+		}, o = () => {
+			a(), i.src = "", r($());
+		};
+		i.onload = () => {
+			a(), n(i);
+		}, i.onerror = () => {
+			a(), r(/* @__PURE__ */ Error("The source image could not be decoded."));
+		}, t.addEventListener("abort", o, { once: !0 }), i.src = e;
+	});
+}
+function Ht(e) {
+	let t = e, n = null, r = null, i = null, a = null, o = !1;
+	return {
+		id: globalThis.crypto.randomUUID(),
+		async load(e) {
+			if (o) throw Error("The image source has been disposed.");
+			if (e.aborted) throw $();
+			if (t !== null && Bt(t)) {
+				let e = t;
+				t = null, i = createImageBitmap(e).then((e) => {
+					if (o) throw e.close(), $();
+					return r = e, e;
+				});
+			}
+			if (i !== null) {
+				let t = await i;
+				if (o || e.aborted) throw $();
+				return {
+					source: t,
+					width: t.width,
+					height: t.height
+				};
+			}
+			if (n !== null) return {
+				source: n,
+				width: n.naturalWidth,
+				height: n.naturalHeight
+			};
+			if (t === null) throw Error("The image input is unavailable.");
+			typeof t != "string" && (a = URL.createObjectURL(t));
+			let s = await Vt(typeof t == "string" ? t : a, e);
+			if (o) throw $();
+			return n = s, t = null, {
+				source: s,
+				width: s.naturalWidth,
+				height: s.naturalHeight
+			};
+		},
+		dispose() {
+			o || (o = !0, t = null, n = null, r?.close(), r = null, a !== null && (URL.revokeObjectURL(a), a = null));
+		}
+	};
+}
+//#endregion
+//#region src/tools/api.ts
+function Ut(e) {
+	return Q(e).activeToolId;
+}
+function Wt(e) {
+	let t = [...G(e)], n = 0;
+	for (let r of t) E(e, r) && (n += 1);
+	return W(e), n;
+}
+function Gt(e, t) {
+	let n = [...G(e)];
+	for (let r of n) fe(e, r, t);
+	return n.length;
+}
+function Kt(e) {
+	return Object.freeze({
+		select() {
+			K(e);
+		},
+		rect(t = {}) {
+			Z(e, t);
+		},
+		polygon(t = {}) {
+			Y(e, t);
+		},
+		brush(t = {}) {
+			V(e, t);
+		},
+		eraser(t = {}) {
+			q(e, t);
+		},
+		activate(t) {
+			R(e, t);
+		},
+		activateById(t) {
+			z(e, t);
+		},
+		activeId() {
+			return Ut(e);
+		},
+		cancel() {
+			B(e);
+		},
+		get(t) {
+			return Q(e).toolRegistry.get(t);
+		},
+		list() {
+			return Q(e).toolRegistry.list();
+		},
+		listByCategory(t) {
+			return Q(e).toolRegistry.listByCategory(t);
+		},
+		register(t) {
+			Q(e).toolRegistry.register(t);
+		},
+		unregister(t) {
+			Q(e).toolRegistry.unregister(t);
+		},
+		selectAnnotation(t) {
+			U(e, t);
+		},
+		clearSelection() {
+			W(e);
+		},
+		selection() {
+			return G(e);
+		},
+		deleteSelection() {
+			return Wt(e);
+		},
+		setSelectionLabel(t) {
+			return Gt(e, t);
+		}
+	});
+}
+//#endregion
+//#region src/tools/index.ts
+function qt(e, t) {
+	Q(e).toolRegistry.register(t);
+}
+function Jt(e, t) {
+	Q(e).toolRegistry.unregister(t);
+}
+function Yt(e, t) {
+	return Q(e).toolRegistry.get(t);
+}
+function Xt(e) {
+	return Q(e).toolRegistry.list();
+}
+function Zt(e, t) {
+	return Q(e).toolRegistry.listByCategory(t);
+}
+//#endregion
+//#region src/components/styles.ts
+var Qt = "\n  :host {\n    --cs-annotator-background: #101318;\n    --cs-annotator-border: #2a3039;\n    --cs-annotator-control: #1a2029;\n    --cs-annotator-control-active: #2563eb;\n    --cs-annotator-foreground: #f8fafc;\n    display: block;\n    width: 100%;\n    height: 100%;\n    color: var(--cs-annotator-foreground);\n    font: 14px/1.4 system-ui, sans-serif;\n  }\n\n  [part=\"shell\"] {\n    display: grid;\n    grid-template-rows: auto minmax(0, 1fr);\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    background: var(--cs-annotator-background);\n  }\n\n  [part=\"toolbar\"] {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    padding: 8px;\n    border-bottom: 1px solid var(--cs-annotator-border);\n  }\n\n  button {\n    min-height: 32px;\n    padding: 5px 10px;\n    color: inherit;\n    background: var(--cs-annotator-control);\n    border: 1px solid var(--cs-annotator-border);\n    border-radius: 6px;\n    cursor: pointer;\n  }\n\n  button[aria-pressed=\"true\"] {\n    background: var(--cs-annotator-control-active);\n    border-color: #93c5fd;\n    outline: 2px solid #ffffff;\n    outline-offset: -4px;\n  }\n\n  button:focus-visible {\n    outline: 2px solid #93c5fd;\n    outline-offset: 2px;\n  }\n\n  button:disabled {\n    cursor: not-allowed;\n    opacity: 0.45;\n  }\n\n  [part=\"workspace\"] {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 180px;\n    min-height: 0;\n  }\n\n  [part=\"viewport\"] {\n    position: relative;\n    min-width: 0;\n    min-height: 0;\n    background: #090b0f;\n  }\n\n  [part=\"labels\"] {\n    overflow: auto;\n    padding: 8px;\n    border-left: 1px solid var(--cs-annotator-border);\n  }\n\n  [part=\"labels\"] button {\n    display: block;\n    width: 100%;\n    margin-bottom: 6px;\n    text-align: left;\n  }\n", $t = globalThis.HTMLElement ?? class {}, en = class extends $t {
+	#e = null;
+	#t = null;
+	#n = null;
+	#r = null;
+	#i = /* @__PURE__ */ new Map();
+	#a = null;
+	connectedCallback() {
+		if (this.shadowRoot !== null) return;
+		let e = this.attachShadow({ mode: "open" });
+		e.innerHTML = `
+      <style>${Qt}</style>
+      <div part="shell">
+        <div part="toolbar" role="toolbar" aria-label="Annotation tools">
+          <button type="button" data-action="select" aria-label="Select" aria-pressed="false">Select</button>
+          <button type="button" data-action="rect" aria-label="Rectangle" aria-pressed="false">Rectangle</button>
+          <button type="button" data-action="polygon" aria-label="Polygon" aria-pressed="false">Polygon</button>
+          <button type="button" data-action="brush" aria-label="Brush" aria-pressed="false">Brush</button>
+          <button type="button" data-action="eraser" aria-label="Eraser" aria-pressed="false">Eraser</button>
+          <button type="button" data-action="zoom-in" aria-label="Zoom in">Zoom in</button>
+          <button type="button" data-action="zoom-out" aria-label="Zoom out">Zoom out</button>
+          <button type="button" data-action="fit" aria-label="Fit">Fit</button>
+          <button type="button" data-action="undo" aria-label="Undo">Undo</button>
+          <button type="button" data-action="redo" aria-label="Redo">Redo</button>
+        </div>
+        <div part="workspace">
+          <div part="viewport" role="region" aria-label="Annotation viewport"></div>
+          <div part="labels" role="group" aria-label="Labels"></div>
+        </div>
+      </div>
+    `, this.#n = e.querySelector("[part=\"viewport\"]"), this.#r = e.querySelector("[part=\"labels\"]");
+		for (let t of e.querySelectorAll("button[data-action]")) {
+			let e = t.dataset.action;
+			e !== void 0 && (this.#i.set(e, t), t.addEventListener("click", () => this.#o(e)));
+		}
+		this.#c();
+	}
+	disconnectedCallback() {
+		this.destroy();
+	}
+	configure(e = {}) {
+		if (this.connectedCallback(), this.#n === null) throw Error("Annotation viewport is unavailable.");
+		this.destroy();
+		let t = Lt({
+			container: this.#n,
+			...e.historyLimit === void 0 ? {} : { historyLimit: e.historyLimit }
+		});
+		return this.#e = t, this.#t = _(t, "change", () => {
+			this.#c(), this.#l();
+		}), this.#c(), this.#l(), t;
+	}
+	get annotator() {
+		return this.#e;
+	}
+	destroy() {
+		this.#t?.(), this.#t = null, this.#e !== null && (Rt(this.#e), this.#e = null), this.#a = null, this.#c();
+	}
+	#o(e) {
+		let t = this.#e;
+		if (t !== null) try {
+			e === "select" ? (K(t), this.#s("select")) : e === "rect" ? (Z(t), this.#s("rect")) : e === "polygon" ? (Y(t), this.#s("polygon")) : e === "brush" ? (V(t), this.#s("brush")) : e === "eraser" ? (q(t), this.#s("eraser")) : e === "fit" ? P(t) : e === "zoom-in" ? I(t, 1.25) : e === "zoom-out" ? I(t, .8) : e === "undo" ? he(t) : e === "redo" && ge(t), this.#c();
+		} catch (e) {
+			this.dispatchEvent(new CustomEvent("annotatorerror", {
+				bubbles: !0,
+				composed: !0,
+				detail: e
+			}));
+		}
+	}
+	#s(e) {
+		this.#a = e;
+		for (let [t, n] of this.#i) [
+			"select",
+			"rect",
+			"polygon",
+			"brush",
+			"eraser"
+		].includes(t) && n.setAttribute("aria-pressed", String(t === e));
+	}
+	#c() {
+		let e = this.#e, t = e !== null, n = t && N(e);
+		for (let [r, i] of this.#i) r === "undo" ? i.disabled = !t || !pe(e) : r === "redo" ? i.disabled = !t || !me(e) : i.disabled = !n;
+		this.#s(this.#a ?? "");
+	}
+	#l() {
+		if (this.#r === null || this.#e === null) return;
+		let e = this.#e, t = O(e);
+		this.#r.replaceChildren();
+		for (let n of zt(e).labels) {
+			let r = document.createElement("button");
+			r.type = "button", r.textContent = n.name, r.style.borderLeft = `4px solid ${n.color}`, r.setAttribute("aria-pressed", String(n.id === t)), r.addEventListener("click", () => {
+				ve(e, n.id), this.#l();
+			}), this.#r.append(r);
+		}
+	}
+};
+//#endregion
+//#region src/components/define.ts
+function tn() {
+	customElements.get("cs-annotator") === void 0 && customElements.define("cs-annotator", en);
+}
+function nn(e) {
+	let t = typeof e == "string" ? document.querySelector(e) : e;
+	if (t === null) throw Error(`Mount target not found: ${e}`);
+	return t;
+}
+function rn(e, t = {}) {
+	tn();
+	let n = nn(e), r = document.createElement("cs-annotator");
+	return n.append(r), r.configure(t);
+}
+function an(e) {
+	let t = nn(e), n = t.matches("cs-annotator") ? t : t.querySelector("cs-annotator");
+	n !== null && (n.destroy(), n.remove());
+}
+//#endregion
+//#region src/cs-label-tool.ts
+var on = {
+	create: Lt,
+	destroy: Rt,
+	snapshot: zt,
+	addRect: C,
+	addPolygon: de,
+	addMask: w,
+	updateAnnotation: T,
+	removeAnnotation: E,
+	queryAnnotations: D,
+	updateAnnotationLabel: fe,
+	undo: he,
+	redo: ge,
+	canUndo: pe,
+	canRedo: me,
+	subscribe: _,
+	addLabel: _e,
+	getActiveLabel: O,
+	setActiveLabel: ve,
+	updateLabel: ye,
+	setImage: Ge,
+	fitToScreen: P,
+	zoomTo: F,
+	zoomBy: I,
+	panBy: L,
+	getZoom: Ke,
+	hasImage: N,
+	resizeViewport: qe,
+	clientToImage: Ye,
+	imageToClient: Je,
+	createImageSource: Ht,
+	useSelect: K,
+	useRect: Z,
+	usePolygon: Y,
+	useBrush: V,
+	useEraser: q,
+	activateTool: R,
+	activateToolById: z,
+	registerTool: qt,
+	unregisterTool: Jt,
+	getTool: Yt,
+	listTools: Xt,
+	listToolsByCategory: Zt,
+	cancelGesture: B,
+	createToolApi: Kt,
+	getActiveToolId: Ut,
+	deleteSelectedAnnotations: Wt,
+	updateSelectedAnnotationsLabel: Gt,
+	selectAnnotation: U,
+	clearSelection: W,
+	getSelection: G,
+	mount: rn,
+	unmount: an,
+	defineElements: tn,
+	normalizeRect: H,
+	pointInRect: lt,
+	pointInPolygon: m,
+	validatePolygon: h,
+	createGridIndex: a,
+	insertSpatialItem: o,
+	updateSpatialItem: s,
+	removeSpatialItem: c,
+	querySpatialBounds: u,
+	createViewport: Te,
+	fitViewport: ke,
+	imageToScreen: Ee,
+	screenToImage: k,
+	zoomAt: De,
+	panViewport: Oe,
+	createSelectTool: wt,
+	createRectTool: Mt,
+	createPolygonTool: kt,
+	createBrushTool: st,
+	createEraserTool: Et,
+	moveRect: ut,
+	resizeRect: pt,
+	movePolygonVertex: dt,
+	removePolygonVertex: ft,
+	AnnotatorError: y
+};
+function sn(e) {
+	return {
+		annotator: e,
+		tools: Kt(e),
+		addRect(t) {
+			return C(e, t);
+		},
+		addPolygon(t) {
+			return de(e, t);
+		},
+		addMask(t) {
+			return w(e, t);
+		},
+		updateAnnotation(t, n) {
+			T(e, t, n);
+		},
+		updateAnnotationLabel(t, n) {
+			fe(e, t, n);
+		},
+		removeAnnotation(t) {
+			return E(e, t);
+		},
+		queryAnnotations(t) {
+			return D(e, t);
+		},
+		undo() {
+			return he(e);
+		},
+		redo() {
+			return ge(e);
+		},
+		canUndo() {
+			return pe(e);
+		},
+		canRedo() {
+			return me(e);
+		},
+		addLabel(t) {
+			_e(e, t);
+		},
+		getActiveLabel() {
+			return O(e);
+		},
+		setActiveLabel(t) {
+			ve(e, t);
+		},
+		updateLabel(t, n) {
+			ye(e, t, n);
+		},
+		setImage(t) {
+			return Ge(e, t);
+		},
+		fitToScreen() {
+			P(e);
+		},
+		zoomTo(t, n) {
+			F(e, t, n);
+		},
+		zoomBy(t) {
+			I(e, t);
+		},
+		panBy(t) {
+			L(e, t);
+		},
+		getZoom() {
+			return Ke(e);
+		},
+		hasImage() {
+			return N(e);
+		},
+		resizeViewport() {
+			qe(e);
+		},
+		useSelect() {
+			K(e);
+		},
+		useRect(t) {
+			Z(e, t);
+		},
+		usePolygon(t) {
+			Y(e, t);
+		},
+		useBrush(t) {
+			V(e, t);
+		},
+		useEraser(t) {
+			q(e, t);
+		},
+		activateTool(t) {
+			R(e, t);
+		},
+		activateToolById(t) {
+			z(e, t);
+		},
+		registerTool(t) {
+			qt(e, t);
+		},
+		unregisterTool(t) {
+			Jt(e, t);
+		},
+		getTool(t) {
+			return Yt(e, t);
+		},
+		listTools() {
+			return Xt(e);
+		},
+		listToolsByCategory(t) {
+			return Zt(e, t);
+		},
+		cancelGesture() {
+			B(e);
+		},
+		selectAnnotation(t) {
+			U(e, t);
+		},
+		clearSelection() {
+			W(e);
+		},
+		getSelection() {
+			return G(e);
+		},
+		subscribe(t, n) {
+			return _(e, t, n);
+		},
+		snapshot() {
+			return zt(e);
+		},
+		destroy() {
+			Rt(e);
+		}
+	};
+}
+function cn(e) {
+	return sn(Lt(e));
+}
+function ln(e, t) {
+	return sn(rn(e, t));
+}
+var un = on;
+//#endregion
+export { y as AnnotatorError, en as CSAnnotatorElement, R as activateTool, z as activateToolById, _e as addLabel, w as addMask, de as addPolygon, C as addRect, Le as binaryMasksWithinDistance, me as canRedo, pe as canUndo, B as cancelActiveGesture, W as clearSelection, Ye as clientToImage, cn as create, Lt as createAnnotator, at as createBrushMaskGeometry, st as createBrushTool, Pt as createDefaultToolRegistry, Et as createEraserTool, a as createGridIndex, kt as createPolygonTool, Dt as createPolygonToolState, Mt as createRectTool, X as createRectToolState, wt as createSelectTool, Ht as createStandardImageSource, Kt as createToolApi, Nt as createToolRegistry, Te as createViewport, un as csLabelTool, j as decodeBinaryMaskRle, tn as defineAnnotatorElements, Wt as deleteSelectedAnnotations, Rt as destroyAnnotator, A as encodeBinaryMaskRle, P as fitToScreen, ke as fitViewport, O as getActiveLabel, Ut as getActiveToolId, Fe as getBinaryMaskBounds, et as getRegisteredTools, tt as getRegisteredToolsByCategory, G as getSelection, zt as getSnapshot, Yt as getTool, Ke as getZoom, N as hasImage, Je as imageToClient, Ee as imageToScreen, o as insertSpatialItem, Xt as listTools, Zt as listToolsByCategory, ln as mount, rn as mountAnnotator, dt as movePolygonVertex, ut as moveRect, H as normalizeRect, L as panBy, Oe as panViewport, m as pointInPolygon, lt as pointInRect, D as queryAnnotations, u as querySpatialBounds, ge as redo, J as reducePolygonTool, At as reduceRectTool, qt as registerTool, E as removeAnnotation, ft as removePolygonVertex, c as removeSpatialItem, pt as resizeRect, qe as resizeViewport, k as screenToImage, U as selectAnnotation, ve as setActiveLabel, Ge as setImageSource, Pe as splitBinaryMaskComponents, _ as subscribe, Ie as translateBinaryMask, he as undo, an as unmountAnnotator, Jt as unregisterTool, T as updateAnnotation, fe as updateAnnotationLabel, ye as updateLabel, Gt as updateSelectedAnnotationsLabel, s as updateSpatialItem, V as useBrush, q as useEraser, Y as usePolygon, Z as useRect, K as useSelect, h as validatePolygon, De as zoomAt, I as zoomBy, F as zoomTo };
+
+//# sourceMappingURL=index.js.map