@unicom-cloud/ui 0.8.168 → 0.8.170

package/draw/libs/roughjs/renderer.js

@@ -0,0 +1,336 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { Random as e } from "./math.js";
+import { absolutize as t } from "../path-data-parser/absolutize.js";
+import { normalize as n } from "../path-data-parser/normalize.js";
+import { parsePath as r } from "../path-data-parser/parser.js";
+import { getFiller as i } from "./fillers/filler.js";
+//#region components/pc/draw/libs/roughjs/renderer.ts
+var a = {
+	randOffset: y,
+	randOffsetWithRange: b,
+	ellipse: d,
+	doubleLineOps: x
+};
+function o(e, t, n, r, i) {
+	return {
+		type: "path",
+		ops: E(e, t, n, r, i)
+	};
+}
+function s(e, t, n) {
+	let r = (e || []).length;
+	if (r > 2) {
+		let i = [];
+		for (let t = 0; t < r - 1; t++) i.push(...E(e[t][0], e[t][1], e[t + 1][0], e[t + 1][1], n));
+		return t && i.push(...E(e[r - 1][0], e[r - 1][1], e[0][0], e[0][1], n)), {
+			type: "path",
+			ops: i
+		};
+	} else if (r === 2) return o(e[0][0], e[0][1], e[1][0], e[1][1], n);
+	return {
+		type: "path",
+		ops: []
+	};
+}
+function c(e, t) {
+	return s(e, !0, t);
+}
+function l(e, t, n, r, i) {
+	return c([
+		[e, t],
+		[e + n, t],
+		[e + n, t + r],
+		[e, t + r]
+	], i);
+}
+function u(e, t) {
+	if (e.length) {
+		let n = typeof e[0][0] == "number" ? [e] : e, r = O(n[0], 1 * (1 + t.roughness * .2), t), i = t.disableMultiStroke ? [] : O(n[0], 1.5 * (1 + t.roughness * .22), S(t));
+		for (let e = 1; e < n.length; e++) {
+			let a = n[e];
+			if (a.length) {
+				let e = O(a, 1 * (1 + t.roughness * .2), t), n = t.disableMultiStroke ? [] : O(a, 1.5 * (1 + t.roughness * .22), S(t));
+				for (let t of e) t.op !== "move" && r.push(t);
+				for (let e of n) e.op !== "move" && i.push(e);
+			}
+		}
+		return {
+			type: "path",
+			ops: r.concat(i)
+		};
+	}
+	return {
+		type: "path",
+		ops: []
+	};
+}
+function d(e, t, n, r, i) {
+	return p(e, t, i, f(n, r, i)).opset;
+}
+function f(e, t, n) {
+	let r = Math.sqrt(Math.PI * 2 * Math.sqrt(((e / 2) ** 2 + (t / 2) ** 2) / 2)), i = Math.ceil(Math.max(n.curveStepCount, n.curveStepCount / Math.sqrt(200) * r)), a = Math.PI * 2 / i, o = Math.abs(e / 2), s = Math.abs(t / 2), c = 1 - n.curveFitting;
+	return o += T(o * c, n), s += T(s * c, n), {
+		increment: a,
+		rx: o,
+		ry: s
+	};
+}
+function p(e, t, n, r) {
+	let [i, a] = A(r.increment, e, t, r.rx, r.ry, 1, r.increment * w(.1, w(.4, 1, n), n), n), o = k(i, null, n);
+	if (!n.disableMultiStroke && n.roughness !== 0) {
+		let [i] = A(r.increment, e, t, r.rx, r.ry, 1.5, 0, n), a = k(i, null, n);
+		o = o.concat(a);
+	}
+	return {
+		estimatedPoints: a,
+		opset: {
+			type: "path",
+			ops: o
+		}
+	};
+}
+function m(e, t, n, r, i, a, o, s, c) {
+	let l = e, u = t, d = Math.abs(n / 2), f = Math.abs(r / 2);
+	d += T(d * .01, c), f += T(f * .01, c);
+	let p = i, m = a;
+	for (; p < 0;) p += Math.PI * 2, m += Math.PI * 2;
+	m - p > Math.PI * 2 && (p = 0, m = Math.PI * 2);
+	let h = Math.PI * 2 / c.curveStepCount, g = Math.min(h / 2, (m - p) / 2), _ = j(g, l, u, d, f, p, m, 1, c);
+	if (!c.disableMultiStroke) {
+		let e = j(g, l, u, d, f, p, m, 1.5, c);
+		_.push(...e);
+	}
+	return o && (s ? _.push(...E(l, u, l + d * Math.cos(p), u + f * Math.sin(p), c), ...E(l, u, l + d * Math.cos(m), u + f * Math.sin(m), c)) : _.push({
+		op: "lineTo",
+		data: [l, u]
+	}, {
+		op: "lineTo",
+		data: [l + d * Math.cos(p), u + f * Math.sin(p)]
+	})), {
+		type: "path",
+		ops: _
+	};
+}
+function h(e, i) {
+	let a = n(t(r(e))), o = [], s = [0, 0], c = [0, 0];
+	for (let { key: e, data: t } of a) switch (e) {
+		case "M":
+			c = [t[0], t[1]], s = [t[0], t[1]];
+			break;
+		case "L":
+			o.push(...E(c[0], c[1], t[0], t[1], i)), c = [t[0], t[1]];
+			break;
+		case "C": {
+			let [e, n, r, a, s, l] = t;
+			o.push(...M(e, n, r, a, s, l, c, i)), c = [s, l];
+			break;
+		}
+		case "Z":
+			o.push(...E(c[0], c[1], s[0], s[1], i)), c = [s[0], s[1]];
+			break;
+	}
+	return {
+		type: "path",
+		ops: o
+	};
+}
+function g(e, t) {
+	let n = [];
+	for (let r of e) if (r.length) {
+		let e = t.maxRandomnessOffset || 0, i = r.length;
+		if (i > 2) {
+			n.push({
+				op: "move",
+				data: [r[0][0] + T(e, t), r[0][1] + T(e, t)]
+			});
+			for (let a = 1; a < i; a++) n.push({
+				op: "lineTo",
+				data: [r[a][0] + T(e, t), r[a][1] + T(e, t)]
+			});
+		}
+	}
+	return {
+		type: "fillPath",
+		ops: n
+	};
+}
+function _(e, t) {
+	return i(t, a).fillPolygons(e, t);
+}
+function v(e, t, n, r, i, a, o) {
+	let s = e, c = t, l = Math.abs(n / 2), u = Math.abs(r / 2);
+	l += T(l * .01, o), u += T(u * .01, o);
+	let d = i, f = a;
+	for (; d < 0;) d += Math.PI * 2, f += Math.PI * 2;
+	f - d > Math.PI * 2 && (d = 0, f = Math.PI * 2);
+	let p = (f - d) / o.curveStepCount, m = [];
+	for (let e = d; e <= f; e += p) m.push([s + l * Math.cos(e), c + u * Math.sin(e)]);
+	return m.push([s + l * Math.cos(f), c + u * Math.sin(f)]), m.push([s, c]), _([m], o);
+}
+function y(e, t) {
+	return T(e, t);
+}
+function b(e, t, n) {
+	return w(e, t, n);
+}
+function x(e, t, n, r, i) {
+	return E(e, t, n, r, i, !0);
+}
+function S(e) {
+	let t = { ...e };
+	return t.randomizer = void 0, e.seed && (t.seed = e.seed + 1), t;
+}
+function C(t) {
+	return t.randomizer ||= new e(t.seed || 0), t.randomizer.next();
+}
+function w(e, t, n, r = 1) {
+	return n.roughness * r * (C(n) * (t - e) + e);
+}
+function T(e, t, n = 1) {
+	return w(-e, e, t, n);
+}
+function E(e, t, n, r, i, a = !1) {
+	let o = a ? i.disableMultiStrokeFill : i.disableMultiStroke, s = D(e, t, n, r, i, !0, !1);
+	if (o) return s;
+	let c = D(e, t, n, r, i, !0, !0);
+	return s.concat(c);
+}
+function D(e, t, n, r, i, a, o) {
+	let s = (e - n) ** 2 + (t - r) ** 2, c = Math.sqrt(s), l = 1;
+	l = c < 200 ? 1 : c > 500 ? .4 : -.0016668 * c + 1.233334;
+	let u = i.maxRandomnessOffset || 0;
+	u * u * 100 > s && (u = c / 10);
+	let d = u / 2, f = .2 + C(i) * .2, p = i.bowing * i.maxRandomnessOffset * (r - t) / 200, m = i.bowing * i.maxRandomnessOffset * (e - n) / 200;
+	p = T(p, i, l), m = T(m, i, l);
+	let h = [], g = () => T(d, i, l), _ = () => T(u, i, l), v = i.preserveVertices;
+	return a && (o ? h.push({
+		op: "move",
+		data: [e + (v ? 0 : g()), t + (v ? 0 : g())]
+	}) : h.push({
+		op: "move",
+		data: [e + (v ? 0 : T(u, i, l)), t + (v ? 0 : T(u, i, l))]
+	})), o ? h.push({
+		op: "bcurveTo",
+		data: [
+			p + e + (n - e) * f + g(),
+			m + t + (r - t) * f + g(),
+			p + e + 2 * (n - e) * f + g(),
+			m + t + 2 * (r - t) * f + g(),
+			n + (v ? 0 : g()),
+			r + (v ? 0 : g())
+		]
+	}) : h.push({
+		op: "bcurveTo",
+		data: [
+			p + e + (n - e) * f + _(),
+			m + t + (r - t) * f + _(),
+			p + e + 2 * (n - e) * f + _(),
+			m + t + 2 * (r - t) * f + _(),
+			n + (v ? 0 : _()),
+			r + (v ? 0 : _())
+		]
+	}), h;
+}
+function O(e, t, n) {
+	if (!e.length) return [];
+	let r = [];
+	r.push([e[0][0] + T(t, n), e[0][1] + T(t, n)]), r.push([e[0][0] + T(t, n), e[0][1] + T(t, n)]);
+	for (let i = 1; i < e.length; i++) r.push([e[i][0] + T(t, n), e[i][1] + T(t, n)]), i === e.length - 1 && r.push([e[i][0] + T(t, n), e[i][1] + T(t, n)]);
+	return k(r, null, n);
+}
+function k(e, t, n) {
+	let r = e.length, i = [];
+	if (r > 3) {
+		let a = [], o = 1 - n.curveTightness;
+		i.push({
+			op: "move",
+			data: [e[1][0], e[1][1]]
+		});
+		for (let t = 1; t + 2 < r; t++) {
+			let n = e[t];
+			a[0] = [n[0], n[1]], a[1] = [n[0] + (o * e[t + 1][0] - o * e[t - 1][0]) / 6, n[1] + (o * e[t + 1][1] - o * e[t - 1][1]) / 6], a[2] = [e[t + 1][0] + (o * e[t][0] - o * e[t + 2][0]) / 6, e[t + 1][1] + (o * e[t][1] - o * e[t + 2][1]) / 6], a[3] = [e[t + 1][0], e[t + 1][1]], i.push({
+				op: "bcurveTo",
+				data: [
+					a[1][0],
+					a[1][1],
+					a[2][0],
+					a[2][1],
+					a[3][0],
+					a[3][1]
+				]
+			});
+		}
+		if (t && t.length === 2) {
+			let e = n.maxRandomnessOffset;
+			i.push({
+				op: "lineTo",
+				data: [t[0] + T(e, n), t[1] + T(e, n)]
+			});
+		}
+	} else r === 3 ? (i.push({
+		op: "move",
+		data: [e[1][0], e[1][1]]
+	}), i.push({
+		op: "bcurveTo",
+		data: [
+			e[1][0],
+			e[1][1],
+			e[2][0],
+			e[2][1],
+			e[2][0],
+			e[2][1]
+		]
+	})) : r === 2 && i.push(...D(e[0][0], e[0][1], e[1][0], e[1][1], n, !0, !0));
+	return i;
+}
+function A(e, t, n, r, i, a, o, s) {
+	let c = s.roughness === 0, l = [], u = [];
+	if (c) {
+		e /= 4, u.push([t + r * Math.cos(-e), n + i * Math.sin(-e)]);
+		for (let a = 0; a <= Math.PI * 2; a += e) {
+			let e = [t + r * Math.cos(a), n + i * Math.sin(a)];
+			l.push(e), u.push(e);
+		}
+		u.push([t + r * Math.cos(0), n + i * Math.sin(0)]), u.push([t + r * Math.cos(e), n + i * Math.sin(e)]);
+	} else {
+		let c = T(.5, s) - Math.PI / 2;
+		u.push([T(a, s) + t + .9 * r * Math.cos(c - e), T(a, s) + n + .9 * i * Math.sin(c - e)]);
+		let d = Math.PI * 2 + c - .01;
+		for (let o = c; o < d; o += e) {
+			let e = [T(a, s) + t + r * Math.cos(o), T(a, s) + n + i * Math.sin(o)];
+			l.push(e), u.push(e);
+		}
+		u.push([T(a, s) + t + r * Math.cos(c + Math.PI * 2 + o * .5), T(a, s) + n + i * Math.sin(c + Math.PI * 2 + o * .5)]), u.push([T(a, s) + t + .98 * r * Math.cos(c + o), T(a, s) + n + .98 * i * Math.sin(c + o)]), u.push([T(a, s) + t + .9 * r * Math.cos(c + o * .5), T(a, s) + n + .9 * i * Math.sin(c + o * .5)]);
+	}
+	return [u, l];
+}
+function j(e, t, n, r, i, a, o, s, c) {
+	let l = a + T(.1, c), u = [];
+	u.push([T(s, c) + t + .9 * r * Math.cos(l - e), T(s, c) + n + .9 * i * Math.sin(l - e)]);
+	for (let a = l; a <= o; a += e) u.push([T(s, c) + t + r * Math.cos(a), T(s, c) + n + i * Math.sin(a)]);
+	return u.push([t + r * Math.cos(o), n + i * Math.sin(o)]), u.push([t + r * Math.cos(o), n + i * Math.sin(o)]), k(u, null, c);
+}
+function M(e, t, n, r, i, a, o, s) {
+	let c = [], l = [s.maxRandomnessOffset || 1, (s.maxRandomnessOffset || 1) + .3], u = [0, 0], d = s.disableMultiStroke ? 1 : 2, f = s.preserveVertices;
+	for (let p = 0; p < d; p++) p === 0 ? c.push({
+		op: "move",
+		data: [o[0], o[1]]
+	}) : c.push({
+		op: "move",
+		data: [o[0] + (f ? 0 : T(l[0], s)), o[1] + (f ? 0 : T(l[0], s))]
+	}), u = f ? [i, a] : [i + T(l[p], s), a + T(l[p], s)], c.push({
+		op: "bcurveTo",
+		data: [
+			e + T(l[p], s),
+			t + T(l[p], s),
+			n + T(l[p], s),
+			r + T(l[p], s),
+			u[0],
+			u[1]
+		]
+	});
+	return c;
+}
+//#endregion
+export { m as arc, u as curve, x as doubleLineFillOps, d as ellipse, p as ellipseWithParams, f as generateEllipseParams, o as line, s as linearPath, v as patternFillArc, _ as patternFillPolygons, c as polygon, y as randOffset, b as randOffsetWithRange, l as rectangle, g as solidFillPolygon, h as svgPath };
+/* 独立思考，明辨是非 */

package/draw/libs/roughjs/rough.d.ts

@@ -0,0 +1,11 @@
+import { RoughCanvas } from './canvas';
+import type { Config } from './core';
+import { RoughGenerator } from './generator';
+import { RoughSVG } from './svg';
+declare const _default: {
+    canvas(canvas: HTMLCanvasElement, config?: Config): RoughCanvas;
+    svg(svg: SVGSVGElement, config?: Config): RoughSVG;
+    generator(config?: Config): RoughGenerator;
+    newSeed(): number;
+};
+export default _default;

package/draw/libs/roughjs/rough.js

@@ -0,0 +1,22 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { RoughGenerator as e } from "./generator.js";
+import { RoughCanvas as t } from "./canvas.js";
+import { RoughSVG as n } from "./svg.js";
+//#region components/pc/draw/libs/roughjs/rough.ts
+var r = {
+	canvas(e, n) {
+		return new t(e, n);
+	},
+	svg(e, t) {
+		return new n(e, t);
+	},
+	generator(t) {
+		return new e(t);
+	},
+	newSeed() {
+		return e.newSeed();
+	}
+};
+//#endregion
+export { r as default };
+/* 独立思考，明辨是非 */

package/draw/libs/roughjs/svg.d.ts

@@ -0,0 +1,20 @@
+import type { Config, Drawable, OpSet, Options, ResolvedOptions } from './core';
+import { RoughGenerator } from './generator';
+import type { Point } from './geometry';
+export declare class RoughSVG {
+    #private;
+    constructor(svg: SVGSVGElement, config?: Config);
+    draw(drawable: Drawable): SVGGElement;
+    get generator(): RoughGenerator;
+    getDefaultOptions(): ResolvedOptions;
+    opsToPath(drawing: OpSet, fixedDecimalPlaceDigits?: number): string;
+    line(x1: number, y1: number, x2: number, y2: number, options?: Options): SVGGElement;
+    rectangle(x: number, y: number, width: number, height: number, options?: Options): SVGGElement;
+    ellipse(x: number, y: number, width: number, height: number, options?: Options): SVGGElement;
+    circle(x: number, y: number, diameter: number, options?: Options): SVGGElement;
+    linearPath(points: Point[], options?: Options): SVGGElement;
+    polygon(points: Point[], options?: Options): SVGGElement;
+    arc(x: number, y: number, width: number, height: number, start: number, stop: number, closed?: boolean, options?: Options): SVGGElement;
+    curve(points: Point[] | Point[][], options?: Options): SVGGElement;
+    path(d: string, options?: Options): SVGGElement;
+}

package/draw/libs/roughjs/svg.js

@@ -0,0 +1,84 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { RoughGenerator as e } from "./generator.js";
+import { SVGNS as t } from "./core.js";
+//#region components/pc/draw/libs/roughjs/svg.ts
+var n = class {
+	#e;
+	#t;
+	constructor(t, n) {
+		this.#t = t, this.#e = new e(n);
+	}
+	draw(e) {
+		let n = e.sets || [], r = e.options || this.getDefaultOptions(), i = this.#t.ownerDocument || window.document, a = i.createElementNS(t, "g"), o = e.options.fixedDecimalPlaceDigits;
+		for (let s of n) {
+			let n = null;
+			switch (s.type) {
+				case "path":
+					n = i.createElementNS(t, "path"), n.setAttribute("d", this.opsToPath(s, o)), n.setAttribute("stroke", r.stroke), n.setAttribute("stroke-width", r.strokeWidth + ""), n.setAttribute("fill", "none"), r.strokeLineDash && n.setAttribute("stroke-dasharray", r.strokeLineDash.join(" ").trim()), r.strokeLineDashOffset && n.setAttribute("stroke-dashoffset", `${r.strokeLineDashOffset}`);
+					break;
+				case "fillPath":
+					n = i.createElementNS(t, "path"), n.setAttribute("d", this.opsToPath(s, o)), n.setAttribute("stroke", "none"), n.setAttribute("stroke-width", "0"), n.setAttribute("fill", r.fill || ""), (e.shape === "curve" || e.shape === "polygon") && n.setAttribute("fill-rule", "evenodd");
+					break;
+				case "fillSketch":
+					n = this.#n(i, s, r);
+					break;
+			}
+			n && a.appendChild(n);
+		}
+		return a;
+	}
+	#n(e, n, r) {
+		let i = r.fillWeight;
+		i < 0 && (i = r.strokeWidth / 2);
+		let a = e.createElementNS(t, "path");
+		return a.setAttribute("d", this.opsToPath(n, r.fixedDecimalPlaceDigits)), a.setAttribute("stroke", r.fill || ""), a.setAttribute("stroke-width", i + ""), a.setAttribute("fill", "none"), r.fillLineDash && a.setAttribute("stroke-dasharray", r.fillLineDash.join(" ").trim()), r.fillLineDashOffset && a.setAttribute("stroke-dashoffset", `${r.fillLineDashOffset}`), a;
+	}
+	get generator() {
+		return this.#e;
+	}
+	getDefaultOptions() {
+		return this.#e.defaultOptions;
+	}
+	opsToPath(e, t) {
+		return this.#e.opsToPath(e, t);
+	}
+	line(e, t, n, r, i) {
+		let a = this.#e.line(e, t, n, r, i);
+		return this.draw(a);
+	}
+	rectangle(e, t, n, r, i) {
+		let a = this.#e.rectangle(e, t, n, r, i);
+		return this.draw(a);
+	}
+	ellipse(e, t, n, r, i) {
+		let a = this.#e.ellipse(e, t, n, r, i);
+		return this.draw(a);
+	}
+	circle(e, t, n, r) {
+		let i = this.#e.circle(e, t, n, r);
+		return this.draw(i);
+	}
+	linearPath(e, t) {
+		let n = this.#e.linearPath(e, t);
+		return this.draw(n);
+	}
+	polygon(e, t) {
+		let n = this.#e.polygon(e, t);
+		return this.draw(n);
+	}
+	arc(e, t, n, r, i, a, o = !1, s) {
+		let c = this.#e.arc(e, t, n, r, i, a, o, s);
+		return this.draw(c);
+	}
+	curve(e, t) {
+		let n = this.#e.curve(e, t);
+		return this.draw(n);
+	}
+	path(e, t) {
+		let n = this.#e.path(e, t);
+		return this.draw(n);
+	}
+};
+//#endregion
+export { n as RoughSVG };
+/* 独立思考，明辨是非 */

package/draw/libs/sliced/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * An Array.prototype.slice.call(arguments) alternative
+ *
+ * @param {Object} args something with a length
+ * @param {Number} slice
+ * @param {Number} sliceEnd
+ * @api public
+ */
+export default function _default(args: Object, slice: number, sliceEnd: number): any[];

package/draw/libs/sliced/index.js

@@ -0,0 +1,14 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { __exportAll as e } from "../../../.virtual/_rolldown/runtime.js";
+//#region components/pc/draw/libs/sliced/index.js
+var t = /* @__PURE__ */ e({ default: () => n });
+function n(e, t, n) {
+	var r = [], i = e.length;
+	if (i === 0) return r;
+	var a = t < 0 ? Math.max(0, t + i) : t || 0;
+	for (n !== void 0 && (i = n < 0 ? n + i : n); i-- > a;) r[i - a] = e[i];
+	return r;
+}
+//#endregion
+export { n as default, t as sliced_exports };
+/* 独立思考，明辨是非 */

package/draw/libs/webworkify/index.d.ts

@@ -0,0 +1,3 @@
+export default createWorker;
+export function createWorker(fn: any): Worker;
+export function destroyWorker(worker: any): void;

package/draw/libs/webworkify/index.js

@@ -0,0 +1,18 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { __exportAll as e } from "../../../.virtual/_rolldown/runtime.js";
+//#region components/pc/draw/libs/webworkify/index.js
+var t = /* @__PURE__ */ e({
+	createWorker: () => r,
+	default: () => r,
+	destroyWorker: () => i
+}), n = "_b291546e-59ca-4dba-84bf-54a60d4d5fe7";
+function r(e) {
+	let t = new Blob([`(${e})()`], { type: "application/javascript" }), r = URL.createObjectURL(t), i = new Worker(r);
+	return i[n] = r, i;
+}
+function i(e) {
+	e && (e.terminate(), e[n] && URL.revokeObjectURL(e[n]));
+}
+//#endregion
+export { r as default, i as destroyWorker, t as webworkify_exports };
+/* 独立思考，明辨是非 */

package/draw/style/index.css

@@ -0,0 +1 @@
+.draw{--theme-filter:none;--button-destructive-bg-color:var(--color-red-1);--button-destructive-color:var(--color-red-9);--button-gray-1:var(--color-gray-2);--button-gray-2:var(--color-gray-4);--button-gray-3:var(--color-gray-5);--mobile-action-button-bg:#ffffff59;--mobile-color-border:var(--default-border-color);--dialog-border-color:var(--color-gray-20);--focus-highlight-color:var(--color-blue-2);--icon-fill-color:var(--color-on-surface);--icon-green-fill-color:var(--color-green-9);--default-bg-color:#fff;--input-bg-color:#fff;--input-border-color:var(--color-gray-4);--input-hover-bg-color:var(--color-gray-1);--input-label-color:var(--color-gray-7);--island-bg-color:#fff;--island-bg-color-alt:#fff;--keybinding-color:var(--color-gray-40);--link-color:var(--color-blue-7);--link-color-hover:var(--color-blue-8);--link-color-active:var(--color-blue-2);--popup-bg-color:var(--island-bg-color);--popup-secondary-bg-color:var(--color-gray-1);--popup-text-color:#000;--select-highlight-color:var(--color-blue-5);--button-hover-bg:var(--color-surface-high);--button-active-bg:var(--color-surface-high);--button-active-border:var(--color-brand-active);--default-border-color:var(--color-surface-high);--default-icon-size:1rem;--lg-icon-size:1rem;--editor-container-padding:1rem;--mobile-action-button-size:2rem;--sidebar-border-color:var(--color-surface-high);--sidebar-bg-color:var(--island-bg-color);--library-dropdown-shadow:0px 15px 6px #00000003, 0px 8px 5px #0000000d, 0px 4px 4px #00000017, 0px 1px 2px #0000001a, 0px 0px 0px #0000001a;--space-factor:.25rem;--text-primary-color:var(--color-on-surface);--color-selection:rgb(var(--pqb-primary-6));--color-red-1:rgb(var(--pqb-red-1));--color-red-3:rgb(var(--pqb-red-3));--color-red-6:rgb(var(--pqb-red-6));--color-red-7:rgb(var(--pqb-red-7));--color-red-8:rgb(var(--pqb-red-8));--color-red-9:rgb(var(--pqb-red-9));--color-gray-1:rgb(var(--pqb-gray-1));--color-gray-2:rgb(var(--pqb-gray-2));--color-gray-4:rgb(var(--pqb-gray-4));--color-gray-5:rgb(var(--pqb-gray-5));--color-gray-6:rgb(var(--pqb-gray-6));--color-gray-7:rgb(var(--pqb-gray-7));--color-gray-8:rgb(var(--pqb-gray-8));--color-green-0:rgb(var(--pqb-green-0));--color-green-2:rgb(var(--pqb-green-2));--color-green-4:rgb(var(--pqb-green-4));--color-green-9:rgb(var(--pqb-green-9));--color-blue-1:rgb(var(--pqb-blue-1));--color-blue-2:rgb(var(--pqb-blue-2));--color-blue-4:rgb(var(--pqb-blue-4));--color-blue-5:rgb(var(--pqb-blue-5));--color-blue-6:rgb(var(--pqb-blue-6));--color-blue-7:rgb(var(--pqb-blue-7));--color-blue-8:rgb(var(--pqb-blue-8));--color-primary:rgb(var(--pqb-primary-6));--color-primary-darker:rgb(var(--pqb-primary-5));--color-primary-darkest:rgb(var(--pqb-primary-4));--color-primary-light:rgb(var(--pqb-gray-2));--color-primary-hover:rgb(var(--pqb-primary-7));--color-gray-10:rgb(var(--pqb-gray-1));--color-gray-20:rgb(var(--pqb-gray-2));--color-gray-30:rgb(var(--pqb-gray-3));--color-gray-40:rgb(var(--pqb-gray-4));--color-gray-50:rgb(var(--pqb-gray-5));--color-gray-60:rgb(var(--pqb-gray-6));--color-gray-70:rgb(var(--pqb-gray-7));--color-gray-80:rgb(var(--pqb-gray-8));--color-gray-90:rgb(var(--pqb-gray-9));--color-gray-100:rgb(var(--pqb-gray-10));--color-disabled:var(--color-gray-40);--color-warning:rgb(var(--pqb-orange-2));--color-warning-dark:rgb(var(--pqb-orange-3));--color-warning-darker:rgb(var(--pqb-orange-4));--color-warning-darkest:rgb(var(--pqb-orange-5));--color-text-warning:var(--text-primary-color);--color-danger:rgb(var(--pqb-red-2));--color-danger-dark:rgb(var(--pqb-red-3));--color-danger-darker:rgb(var(--pqb-red-4));--color-danger-darkest:rgb(var(--pqb-red-5));--color-danger-text:black;--color-danger-background:#fff0f0;--color-danger-icon-background:#ffdad6;--color-danger-color:#700000;--color-danger-icon-color:#700000;--color-warning-background:var(--color-warning);--color-warning-icon-background:var(--color-warning-dark);--color-warning-color:var(--text-primary-color);--color-warning-icon-color:var(--text-primary-color);--color-muted:var(--color-gray-30);--color-muted-darker:var(--color-gray-60);--color-muted-darkest:var(--color-gray-100);--color-muted-background:var(--color-gray-80);--color-muted-background-darker:var(--color-gray-100);--border-radius-md:var(--pqb-border-radius-small);--border-radius-lg:var(--pqb-border-radius-medium);--color-surface-high:rgb(var(--pqb-gray-2));--color-surface-mid:#f6f6f9;--color-surface-low:#ececf4;--color-surface-lowest:#fff;--color-on-surface:#1b1b1f;--color-brand-hover:rgb(var(--pqb-primary-5));--color-on-primary-container:rgb(var(--pqb-primary-7));--color-surface-primary-container:rgb(var(--pqb-primary-1));--color-brand-active:rgb(var(--pqb-primary-6))}@media screen and (device-width>=1921px){.draw{--lg-icon-size:1.25rem;--default-icon-size:1.25rem}}.draw.theme--dark.theme--dark-background-none{background:0 0}.draw.theme--dark{--theme-filter:invert(93%) hue-rotate(180deg);--button-destructive-color:var(--color-red-3);--button-gray-1:#363636;--button-gray-2:#272727;--button-gray-3:#222;--mobile-action-button-bg:var(--island-bg-color);--mobile-color-border:#ffffffd9;--dialog-border-color:var(--color-gray-80);--focus-highlight-color:var(--color-blue-6);--icon-green-fill-color:var(--color-green-4);--default-bg-color:#121212;--input-bg-color:#121212;--input-border-color:#2e2e2e;--input-hover-bg-color:#181818;--input-label-color:var(--color-gray-2);--island-bg-color:#232329;--island-bg-color-alt:#1b1b22;--keybinding-color:var(--color-gray-60);--link-color:var(--color-blue-4);--popup-secondary-bg-color:#222;--popup-text-color:var(--color-gray-4);--select-highlight-color:var(--color-blue-4);--color-disabled:var(--color-gray-70);--color-text-warning:var(--color-gray-80);--color-warning-background:var(--color-warning);--color-warning-icon-background:var(--color-warning-dark);--color-warning-color:var(--color-gray-80);--color-warning-icon-color:var(--color-gray-80);--color-muted:var(--color-gray-80);--color-muted-darker:var(--color-gray-60);--color-muted-darkest:var(--color-gray-20);--color-muted-background:var(--color-gray-40);--color-muted-background-darker:var(--color-gray-20);--color-surface-high:#2e2d39;--color-surface-low:#232329;--color-surface-mid:#18181b;--color-surface-lowest:#121212;--color-on-surface:#e3e3e8;--color-brand-hover:#bbb8ff;--color-on-primary-container:#e0dfff;--color-surface-primary-container:rgb(var(--pqb-gray-3));--color-brand-active:#d0ccff}.draw .ActiveFile .ActiveFile__fileName{align-items:center;display:flex}.draw .ActiveFile .ActiveFile__fileName span{text-overflow:ellipsis;white-space:nowrap;width:9.3em;overflow:hidden}.draw .ActiveFile .ActiveFile__fileName svg{width:1.15em;margin-inline-end:.3em;transform:scaleY(.9)}.draw .drag-input-container{border-radius:var(--border-radius-lg);width:100%;display:flex}.draw .drag-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-md);background:0 0}.draw .disabled{opacity:.5;pointer-events:none}.draw .drag-input-label{box-sizing:content-box;width:1.5rem;min-width:1rem;height:2rem;color:var(--popup-text-color);border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0 .5rem 0 .25rem;display:flex;position:relative}.draw .drag-input{box-sizing:border-box;width:100%;color:var(--text-primary-color);letter-spacing:.4px;appearance:none;background-color:#0000;border:0;outline:none;height:2rem;margin:0;padding:.5rem .5rem .5rem .25rem;font-family:inherit;font-size:.875rem}.draw .drag-input:focus-visible{box-shadow:none}.exc-stats{width:204px;z-index:var(--zIndex-layerUI);pointer-events:var(--ui-pointerEvents);font-size:12px;position:absolute;top:60px}:root[dir=rtl] .exc-stats{left:12px;right:initial}.exc-stats h2{margin-block:.83em;font-size:1.5em;font-weight:700}.exc-stats h3{white-space:nowrap;margin:0;font-size:1.17em;font-weight:700}.exc-stats__rows{flex-direction:column;gap:.3125rem;display:flex}.exc-stats__row{justify-content:space-between;align-items:center;gap:4px;display:grid}.exc-stats__row div+div{text-align:right}.exc-stats__row:empty{display:none}.exc-stats__row--heading{text-align:center;margin:.25rem 0;font-weight:700}.exc-stats .title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.exc-stats .title h2{margin:0}.exc-stats .close{cursor:pointer;width:16px;height:16px}.exc-stats .close svg{width:100%;height:100%}.compact-shape-actions{flex-direction:column;gap:.5rem;max-height:calc(100vh - 200px);padding:.5rem;display:flex;overflow-y:auto}.compact-shape-actions .compact-action-item{pointer-events:auto;justify-content:center;align-items:center;min-height:2.5rem;display:flex;position:relative}.compact-shape-actions .compact-action-item .compact-action-button{width:var(--mobile-action-button-size);height:var(--mobile-action-button-size);border-radius:var(--border-radius-lg);color:var(--color-on-surface);cursor:pointer;background:var(--mobile-action-button-bg);border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.compact-shape-actions .compact-action-item .compact-action-button svg{flex:none;width:1rem;height:1rem}.compact-shape-actions .compact-action-item .compact-action-button.active{background:var(--color-surface-primary-container,var(--mobile-action-button-bg))}.compact-shape-actions .compact-action-item .compact-popover-content .popover-section{margin-bottom:1rem}.compact-shape-actions .compact-action-item .compact-popover-content .popover-section:last-child{margin-bottom:0}.compact-shape-actions .compact-action-item .compact-popover-content .popover-section .popover-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.compact-shape-actions .compact-action-item .compact-popover-content .popover-section .buttonList{flex-wrap:wrap;gap:.25rem;display:flex}.compact-shape-actions .ToolIcon .ToolIcon__icon{width:var(--mobile-action-button-size);height:var(--mobile-action-button-size);background:var(--mobile-action-button-bg)}.compact-shape-actions .ToolIcon .ToolIcon__icon:hover{background-color:#0000}.compact-shape-actions-island{width:fit-content;overflow-x:hidden}.mobile-shape-actions{z-index:999;border-radius:var(--border-radius-lg);width:100%;box-shadow:none;overflow:none;scrollbar-width:none;-ms-overflow-style:none;background:0 0;flex-direction:row;justify-content:space-between;display:flex}.shape-actions-theme-scope{--button-border:transparent;--button-bg:var(--color-surface-mid)}:root.theme--dark .shape-actions-theme-scope{--button-hover-bg:#363541;--button-bg:var(--color-surface-high)}.draw .context-menu-popover{z-index:var(--zIndex-ui-context-menu)}.draw .context-menu{user-select:none;background-color:var(--popup-secondary-bg-color);border:1px solid var(--button-gray-3);cursor:default;border-radius:4px;margin:-.25rem 0 0 .125rem;padding:.5rem 0;list-style:none;position:relative;box-shadow:0 3px 10px #0003}.draw .context-menu button{color:var(--popup-text-color)}.draw .context-menu-item{text-align:start;white-space:nowrap;background-color:#0000;border:none;border-radius:0;grid-template-columns:1fr .2fr;align-items:center;width:100%;min-width:9.5rem;margin:0;padding:.25rem 1rem .25rem 1.25rem;font-family:inherit;display:grid;position:relative}.draw .context-menu-item.checkmark:before{content:"✓";margin-bottom:1px;position:absolute;left:6px}.draw .context-menu-item.dangerous .context-menu-item__label{color:var(--color-red-7)}.draw .context-menu-item .context-menu-item__label{justify-self:start;margin-inline-end:20px}.draw .context-menu-item .context-menu-item__shortcut{opacity:.6;justify-self:end;font-family:inherit;font-size:.7rem}.draw .context-menu-item:hover{color:var(--popup-bg-color);background-color:var(--select-highlight-color)}.draw .context-menu-item:hover.dangerous{background-color:var(--color-red-6)}.draw .context-menu-item:hover.dangerous .context-menu-item__label{color:var(--popup-bg-color)}.draw .context-menu-item:focus{z-index:1}.draw .context-menu-item-separator{border:none;border-top:1px solid var(--color-gray-5)}.draw .ConvertElementTypePopup{background:var(--island-bg-color);box-shadow:var(--pqb-shadow2-center);border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:.2rem;padding:.5rem;display:flex}.draw .ConvertElementTypePopup:focus{outline:none}.draw .ToolIcon{border-radius:var(--border-radius-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;align-items:center;display:inline-flex;position:relative}.draw .ToolIcon__hidden{display:none!important}.draw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon{--icon-fill-color:var(--color-on-primary-container)}.draw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{fill:var(--icon-fill-color)}.draw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon{background:var(--color-surface-primary-container);--keybinding-color:var(--color-on-primary-container)}.draw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{color:var(--color-on-primary-container)}.draw .ToolIcon .ToolIcon__icon:hover{background:var(--button-hover-bg)}.draw .ToolIcon .ToolIcon__icon:active{background:var(--button-hover-bg);border:1px solid var(--button-active-border)}.draw .ToolIcon .ToolIcon__icon:active svg{color:var(--color-on-primary-container)}.draw .ToolIcon .ToolIcon__icon[aria-disabled=true]{background:initial;border:none}.draw .ToolIcon .ToolIcon__icon[aria-disabled=true] svg{color:var(--color-disabled)}.draw .ToolIcon--plain{background-color:#0000}.draw .ToolIcon--plain .ToolIcon__icon{width:2rem;height:2rem}.draw .ToolIcon_type_checkbox{opacity:0;pointer-events:none;position:absolute}.draw .ToolIcon__icon{box-sizing:border-box;width:var(--pqb-size-default);height:var(--pqb-size-default);color:var(--icon-fill-color);border-radius:var(--border-radius-lg);justify-content:center;align-items:center;display:flex}.draw .ToolIcon__icon+.ToolIcon__label{margin-inline-start:0}.draw .ToolIcon__icon svg{width:var(--default-icon-size);height:var(--default-icon-size);color:var(--icon-fill-color);position:relative}.draw .ToolIcon__label{color:var(--icon-fill-color);font-family:var(--ui-font);text-overflow:ellipsis;align-items:center;margin:0 .8em;display:flex}.draw .ToolIcon_size_small .ToolIcon__icon{width:2rem;height:2rem;font-size:.8em}.draw .ToolIcon_type_floating,.draw .ToolIcon_type_floating:hover,.draw .ToolIcon_type_floating:active{background-color:#0000}.draw .ToolIcon_type_floating .ToolIcon__icon{background-color:var(--button-gray-1);width:2rem;height:2rem}.draw .ToolIcon_type_floating .ToolIcon__icon:hover{background-color:var(--button-gray-2)}.draw .ToolIcon_type_floating .ToolIcon__icon:active{background-color:var(--button-gray-3)}:root[dir=ltr] .draw .unlocked-icon{left:2px}:root[dir=rtl] .draw .unlocked-icon{right:2px}.draw .App-toolbar-container .ToolIcon__icon{width:var(--pqb-size-large);height:var(--pqb-size-large)}@media screen and (width<=450px){.draw .App-toolbar-container .ToolIcon__icon{width:1.8rem;height:1.8rem}}@media screen and (width<=379px){.draw .App-toolbar-container .ToolIcon__icon{width:1.5rem;height:1.5rem}}.draw .App-toolbar-container .ToolIcon__icon svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.draw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,.draw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon{width:var(--pqb-size-default);height:var(--pqb-size-default)}.draw .draw-canvas-buttons{z-index:var(--zIndex-canvasButtons);background:var(--island-bg-color);border-radius:var(--border-radius-lg);flex-direction:column;gap:.375rem;display:flex;position:absolute;box-shadow:0 2px 4px #0000004d}.draw .draw-eye-dropper-container,.draw .draw-eye-dropper-backdrop{width:100%;height:100%;z-index:var(--zIndex-eyeDropperBackdrop);touch-action:none;position:absolute}.draw .draw-eye-dropper-container{pointer-events:none}.draw .draw-eye-dropper-backdrop{pointer-events:all}.draw .draw-eye-dropper-preview{pointer-events:none;width:3rem;height:3rem;z-index:var(--zIndex-eyeDropperPreview);border:1px solid var(--default-border-color);filter:var(--theme-filter);border-radius:1rem;position:fixed}.draw .draw-eye-dropper-trigger{cursor:pointer;width:1.25rem;height:1.25rem;color:var(--icon-fill-color);border-radius:.5rem;margin-left:-2px;margin-right:-4px;padding:4px}.draw .draw-eye-dropper-trigger:hover{background:var(--button-hover-bg)}.draw .draw-eye-dropper-trigger.selected{color:var(--color-primary);background:var(--color-primary-light)}.draw .FixedSideContainer{pointer-events:none;position:absolute}.draw .FixedSideContainer>*{pointer-events:var(--ui-pointerEvents)}.draw .FixedSideContainer_side_top{left:var(--editor-container-padding);top:var(--editor-container-padding);right:var(--editor-container-padding);bottom:var(--editor-container-padding)}.draw .FixedSideContainer_side_top.zen-mode{right:42px}.HelpDialog h3{margin:1.5rem 0;font-size:1.125rem;font-weight:700}.HelpDialog__header{flex-wrap:wrap;gap:.75rem;display:flex}.HelpDialog__link-icon{line-height:0}.HelpDialog__link-icon svg{width:1rem;height:1rem}.HelpDialog__islands-container{grid-column-gap:1.5rem;grid-row-gap:2rem;display:grid}@media screen and (width>=1024px){.HelpDialog__islands-container{grid-template-columns:1fr 1fr}.HelpDialog__island--tools{grid-area:1/1/2/2}.HelpDialog__island--view{grid-area:2/1/3/2}.HelpDialog__island--editor{grid-area:1/2/3/3}}.HelpDialog__island h4{margin:0 0 .625rem;font-size:1rem;font-weight:700}.HelpDialog__island-content{border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg)}.HelpDialog__shortcut{border-bottom:1px solid var(--dialog-border-color);justify-content:space-between;align-items:center;column-gap:.5rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.HelpDialog__shortcut:last-child{border-bottom:none}.HelpDialog__key-container{flex-shrink:0;align-items:center;column-gap:.25rem;display:flex}.draw .HintViewer{pointer-events:none;box-sizing:border-box;text-align:center;width:100%;max-width:100%;color:var(--color-gray-40);flex-direction:column;justify-content:center;margin-top:.5rem;font-size:.75rem;display:flex;position:absolute;top:100%;left:0}.draw .HintViewer>span{padding:.25rem}.draw .HintViewer kbd{border:1px solid var(--color-gray-40);border-radius:4px;margin:0 1px;padding:1px 3px;font-family:monospace;font-size:10px;display:inline-block}.draw.theme--dark .HintViewer{color:var(--color-gray-60)}.draw.theme--dark .HintViewer kbd{border-color:var(--color-gray-60)}.draw .SVGLayer{pointer-events:none;width:100vw;height:100vh;z-index:var(--zIndex-svgLayer);position:fixed;top:0;left:0}.draw .SVGLayer svg{image-rendering:auto;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.draw .Stack{--gap:0;gap:calc(var(--space-factor) * var(--gap));display:grid}.draw .Stack_vertical{grid-template-columns:auto;grid-auto-rows:min-content;grid-auto-flow:row}.draw .Stack_horizontal{grid-template-rows:auto;grid-auto-columns:max-content;grid-auto-flow:column}.draw .layer-ui__search-result-container{width:100%}.draw .layer-ui__search-result-container .layer-ui__result-item{padding:0 10px}.draw .layer-ui__search-result-container .layer-ui__result-item:hover{background-color:var(--color-surface-high)}.draw .layer-ui__search-result-container .layer-ui__result-item:active{border-color:var(--color-primary)}.draw .layer-ui__search-result-container .layer-ui__result-item.active{background-color:var(--color-surface-high)}.draw .ScrollableList__wrapper{border:none;font-size:.875rem;overflow-y:auto;position:static!important}.draw .ScrollableList__wrapper>.empty,.draw .ScrollableList__wrapper>.hint{color:var(--color-gray-60);text-align:center;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;line-height:150%;display:flex;overflow:hidden}.ProjectName{align-items:center;margin:auto;display:flex}.ProjectName .TextInput{text-align:center;text-overflow:ellipsis;width:200px;height:calc(1rem - 3px);margin-left:8px;overflow:hidden}.ProjectName .TextInput--readonly{background:0 0;border:none;width:auto;max-width:200px;padding-left:2px}.ProjectName .TextInput--readonly:hover{background:0 0}.draw .popover{z-index:10;outline:none;padding:5px 0;position:absolute}.draw .PasteChartDialog .container{flex-wrap:wrap;justify-content:space-around;align-items:center;display:flex}.draw .PasteChartDialog .ChartPreview{text-align:center;border:1px solid var(--color-gray-4);background:0 0;border-radius:2px;justify-content:center;align-items:center;width:192px;height:128px;margin:8px;padding:1px;display:flex}.draw .PasteChartDialog .ChartPreview div{display:inline-block}.draw .PasteChartDialog .ChartPreview svg{max-width:186px;max-height:120px}.draw .PasteChartDialog .ChartPreview:hover{border:2px solid var(--color-blue-5);padding:0}.draw .library-unit{box-sizing:border-box;border-radius:var(--border-radius-lg);border:1px solid #0000;justify-content:center;align-items:center;width:55px;height:55px;display:flex;position:relative}.draw .library-unit svg{pointer-events:none}.draw .library-unit--hover{background-color:var(--color-surface-mid)}.draw .library-unit:active:not(:has(.library-unit__checkbox:hover)),.draw .library-unit--selected{background-color:var(--color-surface-high)}.draw .library-unit--skeleton{opacity:.5;background:linear-gradient(-45deg, var(--color-gray-10), var(--color-gray-20), var(--color-gray-10));background-size:200% 200%;animation:.2s linear library-unit__skeleton-opacity-animation}.draw.theme--dark .library-unit--skeleton{background-image:linear-gradient(-45deg, var(--color-gray-100), var(--color-gray-80), var(--color-gray-100))}.draw .library-unit__dragger{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.draw .library-unit__dragger>svg{filter:var(--theme-filter);flex-grow:1;max-width:100%;max-height:100%}.draw .library-unit__checkbox-container,.draw .library-unit__checkbox-container:hover,.draw .library-unit__checkbox-container:active{color:var(--icon-fill-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:.5rem;display:flex;position:absolute;bottom:2rem;left:2rem}.draw .library-unit__checkbox-container input,.draw .library-unit__checkbox-container:hover input,.draw .library-unit__checkbox-container:active input{cursor:pointer}.draw .library-unit__checkbox{margin:0;position:absolute;top:.125rem;right:.125rem}.draw .library-unit__checkbox .Checkbox-box{background-color:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:4px;width:1rem;height:1rem;margin:0;padding:2px;box-shadow:none!important}.draw .library-unit__checkbox.Checkbox:hover .Checkbox-box{background-color:var(--color-primary-light)}.draw .library-unit__checkbox.is-checked .Checkbox-box{background-color:var(--color-primary)!important}.draw .library-unit__checkbox.is-checked .Checkbox-box svg{color:var(--color-primary-light)}.draw .library-unit__removeFromLibrary>svg{width:16px;height:16px}.draw .library-unit__adder{background-color:var(--color-primary);border-radius:var(--border-radius-md);pointer-events:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;animation:1s ease-in infinite library-unit__adder-animation;display:flex;position:absolute;transform:scale(1)}.draw .library-unit__adder svg{color:var(--color-primary-light);width:1rem;height:1rem}.draw .library-unit:active .library-unit__adder{animation:none;transform:scale(.8)}.draw .library-unit__active{cursor:pointer}@keyframes library-unit__adder-animation{0%{transform:scale(.85)}50%{transform:scale(1)}to{transform:scale(.85)}}@keyframes library-unit__skeleton-opacity-animation{0%{opacity:0}75%{opacity:0}to{opacity:.5}}.draw .layer-ui__library{flex-direction:column;flex:auto;display:flex}.draw .library-actions-counter{background-color:var(--color-primary);color:var(--color-primary-light);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;font-size:.625rem;font-weight:700;display:flex;position:absolute;bottom:-.25rem;right:-.25rem}.draw .layer-ui__library-message{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;min-width:200px;padding:2rem;display:flex}.draw .layer-ui__library-message span{font-size:.8em}.draw .publish-library-success .Dialog__content{flex-direction:column;display:flex}.draw .library-menu-control-buttons{justify-content:center;align-items:center;gap:.625rem;display:flex;position:relative}.draw .library-menu-control-buttons--at-bottom:before{content:"";background:var(--sidebar-border-color);width:calc(100% - 1.5rem);height:1px;position:absolute;top:-1px}.draw .library-menu-browse-button{height:var(--pqb-size-large);border-radius:var(--border-radius-lg);background-color:var(--color-primary);color:#fff;text-align:center;white-space:nowrap;flex:1;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:relative;overflow:hidden;text-decoration:none!important}.draw .library-menu-browse-button:hover{background-color:var(--color-brand-hover)}.draw .library-menu-browse-button:active{background-color:var(--color-brand-active)}.draw.theme--dark .library-menu-browse-button{color:var(--color-gray-100)}.draw.draw--mobile .library-menu-browse-button{height:var(--pqb-size-default)}.draw .layer-ui__library .dropdown-menu{width:auto;top:initial;right:0;left:initial;margin-bottom:.625rem;bottom:100%}.draw .layer-ui__library .dropdown-menu .dropdown-menu-container{width:196px;box-shadow:var(--library-dropdown-shadow);border-radius:var(--border-radius-lg);padding:.25rem .5rem}.draw .layer-ui__library .library-menu-dropdown-container{z-index:1;position:relative}.draw .layer-ui__library .library-menu-dropdown-container--in-heading{margin-left:auto}.draw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu{top:100%}.draw .layer-ui__wrapper.animate{transition:width .1s ease-in-out}.draw .layer-ui__wrapper{pointer-events:none;width:100%;height:100%;z-index:var(--zIndex-layerUI);position:absolute}.draw .layer-ui__wrapper__top-right{justify-content:flex-end;gap:.75rem;width:100%;display:flex;pointer-events:none!important}.draw .layer-ui__wrapper__top-right--compact{gap:.5rem}.draw .layer-ui__wrapper__top-right>*{pointer-events:var(--ui-pointerEvents)}.draw .layer-ui__wrapper__footer{width:100%}.draw .layer-ui__wrapper__footer-right{z-index:100;display:flex}.draw .layer-ui__wrapper .zen-mode-transition{transition:transform .5s ease-in-out}:root[dir=ltr] .draw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(-999px)}:root[dir=ltr] .draw .layer-ui__wrapper .zen-mode-transition.transition-right,:root[dir=rtl] .draw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(999px)}:root[dir=rtl] .draw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(-999px)}.draw .layer-ui__wrapper .zen-mode-transition.transition-center{transform:translateY(-100%)}.draw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom{transform:translateY(92px)}.draw .layer-ui__wrapper .disable-zen-mode{opacity:0;visibility:hidden;transition:visibility linear,opacity .5s;position:absolute;bottom:0}[dir=ltr] .draw .layer-ui__wrapper .disable-zen-mode{right:1rem}[dir=rtl] .draw .layer-ui__wrapper .disable-zen-mode{left:1rem}.draw .layer-ui__wrapper .disable-zen-mode--visible{opacity:1;visibility:visible;pointer-events:var(--ui-pointerEvents);transition:visibility 0s linear .8s,opacity .5s .8s}.draw .layer-ui__wrapper .layer-ui__wrapper__footer-left>*,.draw .layer-ui__wrapper .footer-center>*,.draw .layer-ui__wrapper .layer-ui__wrapper__footer-right>*{pointer-events:var(--ui-pointerEvents)}.draw .layer-ui__wrapper .layer-ui__wrapper__footer-right{margin-top:auto;margin-bottom:auto}.draw .disable-view-mode{cursor:pointer;border:1px solid var(--color-primary);border-radius:var(--border-radius-lg);background-color:var(--island-bg-color);font-family:var(--ui-font);box-sizing:border-box;width:var(--mobile-action-button-size,var(--pqb-size-default));height:var(--mobile-action-button-size,var(--pqb-size-default));box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);border:none;justify-content:center;align-items:center;padding:.5rem;font-size:.8333rem;display:flex;color:var(--button-color,var(--color-on-surface))!important;text-decoration:none!important}.draw .disable-view-mode:active{box-shadow:0 0 0 1px var(--color-brand-active)}.draw .disable-view-mode:hover{background-color:var(--color-primary);color:#fff!important}.draw .disable-view-mode:active{background-color:var(--color-primary-darker)}.draw .disable-view-mode svg{width:20px;height:20px}.draw .theme--dark .plus-banner:hover{color:#000!important}.draw .App-toolbar.zen-mode{display:none}.draw .App-toolbar__extra-tools-trigger{box-shadow:none;background-color:#0000;border:0}.draw .App-toolbar__extra-tools-trigger:active{background-color:var(--button-hover-bg);box-shadow:0 0 0 1px var(--button-active-border,var(--color-primary-darkest)) inset}.draw .App-toolbar__extra-tools-trigger:hover{background-color:#0000}.draw .App-toolbar__extra-tools-trigger--selected,.draw .App-toolbar__extra-tools-trigger--selected:hover{background:var(--color-primary-light);color:var(--color-primary)}.draw .App-toolbar__extra-tools-dropdown{z-index:1;min-width:11.875rem;margin-top:.375rem;right:0}.draw .Island{--padding:0;box-sizing:border-box;background-color:var(--island-bg-color);box-shadow:var(--pqb-shadow2-center);border-radius:var(--border-radius-lg);padding:calc(var(--padding) * var(--space-factor));transition:box-shadow .5s ease-in-out;position:relative}.draw .Island.zen-mode{box-shadow:none}.draw{--ImageExportModal-preview-border:#d6d6d6}.draw.theme--dark{--ImageExportModal-preview-border:#5c5c5c}.draw .ImageExportModal{user-select:none;flex-direction:row;justify-content:space-between;display:flex}.draw .ImageExportModal h3{margin:0;padding:0;font-family:Assistant;font-size:1.313rem;font-style:normal;font-weight:700;line-height:130%}.draw .ImageExportModal>h3{display:none}.draw .ImageExportModal__preview{box-sizing:border-box;flex-direction:column;align-items:center;width:55%;height:360px;margin-right:1.5rem;display:flex}.draw .ImageExportModal__preview__filename>input{margin-top:1rem}.draw .ImageExportModal__preview__canvas{box-sizing:border-box;border:1px solid var(--ImageExportModal-preview-border);flex-grow:1;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;overflow:hidden}.draw .ImageExportModal__preview__canvas>canvas{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);filter:none!important}.draw .ImageExportModal__settings{flex-flow:column wrap;gap:18px;display:flex}.draw .ImageExportModal__settings__setting{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.draw .ImageExportModal__settings__setting__label{flex-direction:row;align-items:center;font-family:Assistant;font-size:1rem;font-weight:600;line-height:150%;display:flex}.draw .ImageExportModal__settings__setting__label svg{width:20px;height:20px;margin-left:10px}.draw .ImageExportModal__settings__setting__content{align-items:center;height:100%;display:flex}.draw .ImageExportModal__settings__buttons{flex-flow:wrap;flex-grow:1;align-content:flex-end;align-items:flex-end;gap:11px;display:flex}:root{--zIndex-canvas:1;--zIndex-interactiveCanvas:2;--zIndex-svgLayer:3;--zIndex-wysiwyg:3;--zIndex-canvasButtons:3;--zIndex-layerUI:4;--zIndex-eyeDropperBackdrop:5;--zIndex-eyeDropperPreview:6;--zIndex-hyperlinkContainer:7;--zIndex-ui-bottom:60;--zIndex-ui-context-menu:90;--zIndex-ui-styles-popup:100;--zIndex-ui-top:100;--zIndex-ui-library:120;--zIndex-modal:1000;--zIndex-popup:1001;--zIndex-toast:999999;--sab:env(safe-area-inset-bottom);--sal:env(safe-area-inset-left);--sar:env(safe-area-inset-right);--sat:env(safe-area-inset-top)}body.draw-cursor-resize,body.draw-cursor-resize a:hover,body.draw-cursor-resize *{cursor:ew-resize}.draw{color:var(--text-primary-color);user-select:none;width:100%;height:100%;display:flex;position:relative;inset:0;overflow:hidden}.draw .TextInput{display:inline-block}.draw button,.draw label{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none}.draw button{cursor:pointer;user-select:none}.draw:focus{outline:none}.draw .draw-link,.draw a{color:var(--link-color);user-select:none;cursor:pointer;font-weight:500;text-decoration:none}.draw .draw-link:hover,.draw a:hover{text-decoration:underline}.draw .draw-link:active,.draw a:active{text-decoration:none}.draw canvas{touch-action:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;z-index:var(--zIndex-canvas)}.draw canvas.interactive{z-index:var(--zIndex-interactiveCanvas);filter:var(--theme-filter)}.draw__canvas-wrapper,.draw__canvas.static{pointer-events:none}.draw__canvas{position:absolute}.draw__embeddable{border:0;width:100%;height:100%}.draw__embeddable-container{z-index:2;transform-origin:0 0;pointer-events:none;position:absolute}.draw .FixedSideContainer{padding-top:var(--sat,0);padding-right:var(--sar,0);padding-bottom:var(--sab,0);padding-left:var(--sal,0)}.draw .panelRow{justify-content:space-between;display:flex}.draw .selected-shape-actions{flex-direction:column;row-gap:.75rem;display:flex}.draw .selected-shape-actions h3,.draw .selected-shape-actions legend,.draw .selected-shape-actions .control-label{color:var(--text-primary-color);margin:0 0 .25rem;font-size:.75rem;font-weight:400;display:block}.draw .selected-shape-actions .control-label input{width:100%;display:block}.draw .selected-shape-actions legend{padding:0}.draw .selected-shape-actions .iconSelectList{flex-wrap:wrap;position:relative}.draw .selected-shape-actions .buttonList{flex-wrap:wrap;gap:.5rem;display:flex}.draw .selected-shape-actions .buttonList label{font-size:var(--default-icon-size)}.draw .selected-shape-actions .buttonList input[type=radio],.draw .selected-shape-actions .buttonList input[type=button]{opacity:0;pointer-events:none;position:absolute}.draw .selected-shape-actions .buttonList .iconRow{margin-top:8px}.draw .selected-shape-actions fieldset{border:none;margin:0;padding:0}.draw .dropdown-menu-item:focus-visible,.draw button:focus-visible,.draw .buttonList label:focus-within{box-shadow:0 0 0 1px var(--color-brand-hover);outline:#0000}.draw .buttonList .ToolIcon__icon{all:unset!important;display:flex!important}.draw .buttonList button{background-color:#0000}.draw .buttonList label,.draw .buttonList button{width:var(--pqb-size-default);height:var(--pqb-size-default);box-sizing:border-box;border-style:solid;border-width:1px;border-color:var(--button-border,var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg,var(--island-bg-color));color:var(--button-color,var(--color-on-surface));font-family:var(--ui-font);justify-content:center;align-items:center;padding:0;display:flex}.draw .buttonList label:hover,.draw .buttonList button:hover{background-color:var(--button-hover-bg,var(--island-bg-color));border-color:var(--button-hover-border,var(--button-border,var(--default-border-color)));color:var(--button-hover-color,var(--button-color,var(--text-primary-color,inherit)))}.draw .buttonList label:active,.draw .buttonList button:active{background-color:var(--button-active-bg,var(--island-bg-color));border-color:var(--button-active-border,var(--color-primary-darkest))}.draw .buttonList label.active,.draw .buttonList button.active{background-color:var(--button-selected-bg,var(--color-surface-primary-container));border-color:var(--button-selected-border,var(--color-surface-primary-container))}.draw .buttonList label.active:hover,.draw .buttonList button.active:hover{background-color:var(--button-selected-hover-bg,var(--color-surface-primary-container))}.draw .buttonList label.active svg,.draw .buttonList button.active svg{color:var(--button-color,var(--color-on-primary-container))}.draw .buttonList label svg,.draw .buttonList button svg{width:var(--default-icon-size);height:var(--default-icon-size)}.draw .App-top-bar{z-index:var(--zIndex-ui-top);flex-direction:column;display:flex}.draw .App-bottom-bar{--bar-padding:calc(4 * var(--space-factor));width:calc(100% - 28px);max-width:450px;z-index:var(--zIndex-ui-bottom);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.draw .App-bottom-bar>.Island{box-sizing:border-box;pointer-events:var(--ui-pointerEvents);flex-direction:column;max-height:100%;padding:4px;display:flex}.draw .App-toolbar{justify-content:center;display:flex}.draw .App-toolbar .eraser.ToolIcon:hover{--icon-fill-color:#fff;--keybinding-color:#fff}.draw .App-toolbar .eraser.active{background-color:var(--color-primary)}.draw .draw-ui-top-left,.draw .draw-ui-top-right{align-items:center;gap:.5rem;display:flex}.draw .App-toolbar-content{pointer-events:none;flex-direction:column;display:flex}.draw .App-toolbar-content>*{pointer-events:var(--ui-pointerEvents)}.draw .App-mobile-menu{box-sizing:border-box;width:100%;margin-bottom:var(--bar-padding);overflow:visible auto}.draw .App-mobile-menu .selected-shape-actions{padding:8px 8px 0}.draw .App-menu{color:var(--icon-fill-color);display:grid}.draw .shapes-section{justify-content:center;display:flex;pointer-events:none!important}.draw .shapes-section>*{pointer-events:var(--ui-pointerEvents)}.draw .App-menu_top{grid-gap:1rem;cursor:default;grid-template-columns:1fr 2fr 1fr;align-items:flex-start;pointer-events:none!important}.draw .App-menu_top>*{pointer-events:var(--ui-pointerEvents)}@media (width>=1536px){.draw .App-menu_top{grid-gap:3rem;grid-template-columns:1fr 1fr 1fr}}.draw .App-menu_top>:first-child{justify-self:flex-start}.draw .selected-shape-actions-container{width:fit-content}.draw .selected-shape-actions-container--compact{min-width:48px}.draw .App-menu_top>:last-child{justify-self:flex-end}.draw .App-menu_bottom{cursor:default;box-sizing:border-box;justify-content:space-between;align-items:flex-start;padding:0 1rem;display:flex;position:absolute;bottom:1rem;pointer-events:none!important}.draw .App-menu_bottom--transition-left section{width:185px}.draw .App-menu_bottom section{display:flex}.draw .App-menu_bottom>:first-child{justify-self:flex-start}.draw .App-menu_bottom>:last-child{justify-self:flex-end}.draw .App-menu_left{grid-template-rows:1fr auto 1fr;height:100%}.draw .App-menu_right{grid-template-rows:1fr;height:100%}.draw .App-menu__left{box-sizing:border-box;width:12.5rem;padding:.75rem;position:absolute;overflow-y:auto}.draw .scroll-back-to-content{pointer-events:var(--ui-pointerEvents)}.draw .finalize-button{margin-top:auto;margin-bottom:auto;grid-auto-flow:column;gap:.4em;margin-inline-start:.6em;display:grid}:root[dir=rtl] .draw .rtl-mirror{transform:scaleX(-1)}.draw .zen-mode-visibility{visibility:visible;opacity:1;width:auto;height:auto;transition:opacity .5s}.draw .zen-mode-visibility.zen-mode-visibility--hidden{visibility:hidden;opacity:0;width:0;height:0;transition:opacity .5s}.draw .disable-pointerEvents{pointer-events:none!important}.draw.draw--view-mode .App-menu{justify-content:space-between;display:flex}.draw input.is-redacted{-webkit-text-security:disc}.draw input[type=text],.draw textarea:not(.draw-wysiwyg){color:var(--text-primary-color);border:1.5px solid var(--input-border-color);white-space:nowrap;border-radius:var(--space-factor);background-color:var(--input-bg-color);padding:.75rem}.draw input[type=text]:not(:focus):hover,.draw textarea:not(.draw-wysiwyg):not(:focus):hover{border-color:var(--color-brand-hover)}.draw input[type=text]:focus,.draw textarea:not(.draw-wysiwyg):focus{border-color:var(--color-brand-hover);outline:none}@media print{.draw .App-bottom-bar,.draw .FixedSideContainer,.draw .layer-ui__wrapper{display:none}}.draw .App-toolbar--mobile{max-width:98vw;overflow:visible}.draw .UserList-Wrapper{text-align:left;border:none;margin:0;padding:0}.draw .UserList-Wrapper legend{margin:0 0 .25rem;padding:0;font-size:.75rem;font-weight:400;display:block}.draw .App-mobile-menu,.draw .App-menu__left{--button-border:transparent;--button-bg:var(--color-surface-mid)}.draw .App-menu__left .buttonList{padding:.25rem 0}.draw .draw__paragraph{margin:1rem 0}.draw .Modal__content .draw__paragraph:first-child{margin-top:0}.draw .Modal__content .draw__paragraph+.draw__paragraph{margin-top:0}.draw .link-button{display:flex;text-decoration:none!important}.draw.theme--dark .App-mobile-menu,.draw.theme--dark .App-menu__left{--button-hover-bg:#363541;--button-bg:var(--color-surface-high)}.ErrorSplash.draw{user-select:text;justify-content:center;align-items:center;min-height:100vh;padding:20px 0;display:flex;overflow:auto}.ErrorSplash.draw .ErrorSplash-messageContainer{background-color:var(--color-red-1);border:3px solid var(--color-red-9);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.ErrorSplash.draw .ErrorSplash-paragraph{max-width:600px;margin:15px 0}.ErrorSplash.draw .ErrorSplash-paragraph.align-center{text-align:center}.ErrorSplash.draw .bigger,.ErrorSplash.draw .bigger button{font-size:1.1em}.ErrorSplash.draw .smaller,.ErrorSplash.draw .smaller button{font-size:.9em}.ErrorSplash.draw .ErrorSplash-details{flex-direction:column;align-items:flex-start;display:flex}.ErrorSplash.draw .ErrorSplash-details textarea{width:100%;margin:10px 0;font-family:Cascadia;font-size:.8em}.draw__embeddable-container .draw__embeddable-container__inner{border-radius:var(--embeddable-radius);justify-content:center;align-items:center;display:flex;overflow:hidden}.draw__embeddable-container .draw__embeddable__outer{width:100%;height:100%}.draw__embeddable-container .draw__embeddable__outer>*{border-radius:var(--embeddable-radius)}.draw__embeddable-container .draw__embeddable-hint{z-index:1;color:#fff;letter-spacing:.6px;background:#00000080;padding:1rem 1.6rem;font-family:Assistant;font-weight:700;position:absolute}.pqb-draw-trigger .pqb-btn-icon-only,.selected-shape-actions-container .pqb-btn-icon-only,.App-toolbar-container .pqb-btn-icon-only,.layer-ui__wrapper__top-right .pqb-btn-icon-only,.App-menu_top .pqb-btn-icon-only{justify-content:center;align-items:center;display:flex}.pqb-draw-trigger .pqb-btn-icon-only .pqb-icon,.selected-shape-actions-container .pqb-btn-icon-only .pqb-icon,.App-toolbar-container .pqb-btn-icon-only .pqb-icon,.layer-ui__wrapper__top-right .pqb-btn-icon-only .pqb-icon,.App-menu_top .pqb-btn-icon-only .pqb-icon{width:1.27em;height:1.27em}

package/draw/style/index.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/draw/style/index.js

@@ -0,0 +1,3 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+/* empty css          */
+/* 独立思考，明辨是非 */

package/draw/utils/bbox.d.ts

@@ -0,0 +1,9 @@
+import type { Bounds } from '../common';
+import type { GlobalPoint, LocalPoint } from '../libs/math';
+export type LineSegment<P extends LocalPoint | GlobalPoint> = [P, P];
+export declare function getBBox<P extends LocalPoint | GlobalPoint>(line: LineSegment<P>): Bounds;
+export declare function doBBoxesIntersect(a: Bounds, b: Bounds): boolean;
+export declare function isPointOnLine<P extends GlobalPoint | LocalPoint>(l: LineSegment<P>, p: P): boolean;
+export declare function isPointRightOfLine<P extends GlobalPoint | LocalPoint>(l: LineSegment<P>, p: P): boolean;
+export declare function isLineSegmentTouchingOrCrossingLine<P extends GlobalPoint | LocalPoint>(a: LineSegment<P>, b: LineSegment<P>): boolean;
+export declare function doLineSegmentsIntersect<P extends GlobalPoint | LocalPoint>(a: LineSegment<P>, b: LineSegment<P>): boolean;