js.documents 14.4.46 → 14.4.48

package/dist/svg/paint.js

@@ -1,756 +1,184 @@
 //#region src/svg/paint.ts
-const NAMED_COLORS = {
-	aliceblue: [
-		240,
-		248,
-		255
-	],
-	antiquewhite: [
-		250,
-		235,
-		215
-	],
-	aqua: [
-		0,
-		255,
-		255
-	],
-	aquamarine: [
-		127,
-		255,
-		212
-	],
-	azure: [
-		240,
-		255,
-		255
-	],
-	beige: [
-		245,
-		245,
-		220
-	],
-	bisque: [
-		255,
-		228,
-		196
-	],
-	black: [
-		0,
-		0,
-		0
-	],
-	blanchedalmond: [
-		255,
-		235,
-		205
-	],
-	blue: [
-		0,
-		0,
-		255
-	],
-	blueviolet: [
-		138,
-		43,
-		226
-	],
-	brown: [
-		165,
-		42,
-		42
-	],
-	burlywood: [
-		222,
-		184,
-		135
-	],
-	cadetblue: [
-		95,
-		158,
-		160
-	],
-	chartreuse: [
-		127,
-		255,
-		0
-	],
-	chocolate: [
-		210,
-		105,
-		30
-	],
-	coral: [
-		255,
-		127,
-		80
-	],
-	cornflowerblue: [
-		100,
-		149,
-		237
-	],
-	cornsilk: [
-		255,
-		248,
-		220
-	],
-	crimson: [
-		220,
-		20,
-		60
-	],
-	cyan: [
-		0,
-		255,
-		255
-	],
-	darkblue: [
-		0,
-		0,
-		139
-	],
-	darkcyan: [
-		0,
-		139,
-		139
-	],
-	darkgoldenrod: [
-		184,
-		134,
-		11
-	],
-	darkgray: [
-		169,
-		169,
-		169
-	],
-	darkgreen: [
-		0,
-		100,
-		0
-	],
-	darkgrey: [
-		169,
-		169,
-		169
-	],
-	darkkhaki: [
-		189,
-		183,
-		107
-	],
-	darkmagenta: [
-		139,
-		0,
-		139
-	],
-	darkolivegreen: [
-		85,
-		107,
-		47
-	],
-	darkorange: [
-		255,
-		140,
-		0
-	],
-	darkorchid: [
-		153,
-		50,
-		204
-	],
-	darkred: [
-		139,
-		0,
-		0
-	],
-	darksalmon: [
-		233,
-		150,
-		122
-	],
-	darkseagreen: [
-		143,
-		188,
-		143
-	],
-	darkslateblue: [
-		72,
-		61,
-		139
-	],
-	darkslategray: [
-		47,
-		79,
-		79
-	],
-	darkslategrey: [
-		47,
-		79,
-		79
-	],
-	darkturquoise: [
-		0,
-		206,
-		209
-	],
-	darkviolet: [
-		148,
-		0,
-		211
-	],
-	deeppink: [
-		255,
-		20,
-		147
-	],
-	deepskyblue: [
-		0,
-		191,
-		255
-	],
-	dimgray: [
-		105,
-		105,
-		105
-	],
-	dimgrey: [
-		105,
-		105,
-		105
-	],
-	dodgerblue: [
-		30,
-		144,
-		255
-	],
-	firebrick: [
-		178,
-		34,
-		34
-	],
-	floralwhite: [
-		255,
-		250,
-		240
-	],
-	forestgreen: [
-		34,
-		139,
-		34
-	],
-	fuchsia: [
-		255,
-		0,
-		255
-	],
-	gainsboro: [
-		220,
-		220,
-		220
-	],
-	ghostwhite: [
-		248,
-		248,
-		255
-	],
-	gold: [
-		255,
-		215,
-		0
-	],
-	goldenrod: [
-		218,
-		165,
-		32
-	],
-	gray: [
-		128,
-		128,
-		128
-	],
-	green: [
-		0,
-		128,
-		0
-	],
-	greenyellow: [
-		173,
-		255,
-		47
-	],
-	grey: [
-		128,
-		128,
-		128
-	],
-	honeydew: [
-		240,
-		255,
-		240
-	],
-	hotpink: [
-		255,
-		105,
-		180
-	],
-	indianred: [
-		205,
-		92,
-		92
-	],
-	indigo: [
-		75,
-		0,
-		130
-	],
-	ivory: [
-		255,
-		255,
-		240
-	],
-	khaki: [
-		240,
-		230,
-		140
-	],
-	lavender: [
-		230,
-		230,
-		250
-	],
-	lavenderblush: [
-		255,
-		240,
-		245
-	],
-	lawngreen: [
-		124,
-		252,
-		0
-	],
-	lemonchiffon: [
-		255,
-		250,
-		205
-	],
-	lightblue: [
-		173,
-		216,
-		230
-	],
-	lightcoral: [
-		240,
-		128,
-		128
-	],
-	lightcyan: [
-		224,
-		255,
-		255
-	],
-	lightgoldenrodyellow: [
-		250,
-		250,
-		210
-	],
-	lightgray: [
-		211,
-		211,
-		211
-	],
-	lightgreen: [
-		144,
-		238,
-		144
-	],
-	lightgrey: [
-		211,
-		211,
-		211
-	],
-	lightpink: [
-		255,
-		182,
-		193
-	],
-	lightsalmon: [
-		255,
-		160,
-		122
-	],
-	lightseagreen: [
-		32,
-		178,
-		170
-	],
-	lightskyblue: [
-		135,
-		206,
-		250
-	],
-	lightslategray: [
-		119,
-		136,
-		153
-	],
-	lightslategrey: [
-		119,
-		136,
-		153
-	],
-	lightsteelblue: [
-		176,
-		196,
-		222
-	],
-	lightyellow: [
-		255,
-		255,
-		224
-	],
-	lime: [
-		0,
-		255,
-		0
-	],
-	limegreen: [
-		50,
-		205,
-		50
-	],
-	linen: [
-		250,
-		240,
-		230
-	],
-	magenta: [
-		255,
-		0,
-		255
-	],
-	maroon: [
-		128,
-		0,
-		0
-	],
-	mediumaquamarine: [
-		102,
-		205,
-		170
-	],
-	mediumblue: [
-		0,
-		0,
-		205
-	],
-	mediumorchid: [
-		186,
-		85,
-		211
-	],
-	mediumpurple: [
-		147,
-		112,
-		219
-	],
-	mediumseagreen: [
-		60,
-		179,
-		113
-	],
-	mediumslateblue: [
-		123,
-		104,
-		238
-	],
-	mediumspringgreen: [
-		0,
-		250,
-		154
-	],
-	mediumturquoise: [
-		72,
-		209,
-		204
-	],
-	mediumvioletred: [
-		199,
-		21,
-		133
-	],
-	midnightblue: [
-		25,
-		25,
-		112
-	],
-	mintcream: [
-		245,
-		255,
-		250
-	],
-	mistyrose: [
-		255,
-		228,
-		225
-	],
-	moccasin: [
-		255,
-		228,
-		181
-	],
-	navajowhite: [
-		255,
-		222,
-		173
-	],
-	navy: [
-		0,
-		0,
-		128
-	],
-	oldlace: [
-		253,
-		245,
-		230
-	],
-	olive: [
-		128,
-		128,
-		0
-	],
-	olivedrab: [
-		107,
-		142,
-		35
-	],
-	orange: [
-		255,
-		165,
-		0
-	],
-	orangered: [
-		255,
-		69,
-		0
-	],
-	orchid: [
-		218,
-		112,
-		214
-	],
-	palegoldenrod: [
-		238,
-		232,
-		170
-	],
-	palegreen: [
-		152,
-		251,
-		152
-	],
-	paleturquoise: [
-		175,
-		238,
-		238
-	],
-	palevioletred: [
-		219,
-		112,
-		147
-	],
-	papayawhip: [
-		255,
-		239,
-		213
-	],
-	peachpuff: [
-		255,
-		218,
-		185
-	],
-	peru: [
-		205,
-		133,
-		63
-	],
-	pink: [
-		255,
-		192,
-		203
-	],
-	plum: [
-		221,
-		160,
-		221
-	],
-	powderblue: [
-		176,
-		224,
-		230
-	],
-	purple: [
-		128,
-		0,
-		128
-	],
-	rebeccapurple: [
-		102,
-		51,
-		153
-	],
-	red: [
-		255,
-		0,
-		0
-	],
-	rosybrown: [
-		188,
-		143,
-		143
-	],
-	royalblue: [
-		65,
-		105,
-		225
-	],
-	saddlebrown: [
-		139,
-		69,
-		19
-	],
-	salmon: [
-		250,
-		128,
-		114
-	],
-	sandybrown: [
-		244,
-		164,
-		96
-	],
-	seagreen: [
-		46,
-		139,
-		87
-	],
-	seashell: [
-		255,
-		245,
-		238
-	],
-	sienna: [
-		160,
-		82,
-		45
-	],
-	silver: [
-		192,
-		192,
-		192
-	],
-	skyblue: [
-		135,
-		206,
-		235
-	],
-	slateblue: [
-		106,
-		90,
-		205
-	],
-	slategray: [
-		112,
-		128,
-		144
-	],
-	slategrey: [
-		112,
-		128,
-		144
-	],
-	snow: [
-		255,
-		250,
-		250
-	],
-	springgreen: [
-		0,
-		255,
-		127
-	],
-	steelblue: [
-		70,
-		130,
-		180
-	],
-	tan: [
-		210,
-		180,
-		140
-	],
-	teal: [
-		0,
-		128,
-		128
-	],
-	thistle: [
-		216,
-		191,
-		216
-	],
-	tomato: [
-		255,
-		99,
-		71
-	],
-	turquoise: [
-		64,
-		224,
-		208
-	],
-	violet: [
-		238,
-		130,
-		238
-	],
-	wheat: [
-		245,
-		222,
-		179
-	],
-	white: [
-		255,
-		255,
-		255
-	],
-	whitesmoke: [
-		245,
-		245,
-		245
-	],
-	yellow: [
-		255,
-		255,
-		0
-	],
-	yellowgreen: [
-		154,
-		205,
-		50
-	]
+const NAMED_COLOR_HEX = {
+	aliceblue: "#f0f8ff",
+	antiquewhite: "#faebd7",
+	aqua: "#00ffff",
+	aquamarine: "#7fffd4",
+	azure: "#f0ffff",
+	beige: "#f5f5dc",
+	bisque: "#ffe4c4",
+	black: "#000000",
+	blanchedalmond: "#ffebcd",
+	blue: "#0000ff",
+	blueviolet: "#8a2be2",
+	brown: "#a52a2a",
+	burlywood: "#deb887",
+	cadetblue: "#5f9ea0",
+	chartreuse: "#7fff00",
+	chocolate: "#d2691e",
+	coral: "#ff7f50",
+	cornflowerblue: "#6495ed",
+	cornsilk: "#fff8dc",
+	crimson: "#dc143c",
+	cyan: "#00ffff",
+	darkblue: "#00008b",
+	darkcyan: "#008b8b",
+	darkgoldenrod: "#b8860b",
+	darkgray: "#a9a9a9",
+	darkgreen: "#006400",
+	darkgrey: "#a9a9a9",
+	darkkhaki: "#bdb76b",
+	darkmagenta: "#8b008b",
+	darkolivegreen: "#556b2f",
+	darkorange: "#ff8c00",
+	darkorchid: "#9932cc",
+	darkred: "#8b0000",
+	darksalmon: "#e9967a",
+	darkseagreen: "#8fbc8f",
+	darkslateblue: "#483d8b",
+	darkslategray: "#2f4f4f",
+	darkslategrey: "#2f4f4f",
+	darkturquoise: "#00ced1",
+	darkviolet: "#9400d3",
+	deeppink: "#ff1493",
+	deepskyblue: "#00bfff",
+	dimgray: "#696969",
+	dimgrey: "#696969",
+	dodgerblue: "#1e90ff",
+	firebrick: "#b22222",
+	floralwhite: "#fffaf0",
+	forestgreen: "#228b22",
+	fuchsia: "#ff00ff",
+	gainsboro: "#dcdcdc",
+	ghostwhite: "#f8f8ff",
+	gold: "#ffd700",
+	goldenrod: "#daa520",
+	gray: "#808080",
+	green: "#008000",
+	greenyellow: "#adff2f",
+	grey: "#808080",
+	honeydew: "#f0fff0",
+	hotpink: "#ff69b4",
+	indianred: "#cd5c5c",
+	indigo: "#4b0082",
+	ivory: "#fffff0",
+	khaki: "#f0e68c",
+	lavender: "#e6e6fa",
+	lavenderblush: "#fff0f5",
+	lawngreen: "#7cfc00",
+	lemonchiffon: "#fffacd",
+	lightblue: "#add8e6",
+	lightcoral: "#f08080",
+	lightcyan: "#e0ffff",
+	lightgoldenrodyellow: "#fafad2",
+	lightgray: "#d3d3d3",
+	lightgreen: "#90ee90",
+	lightgrey: "#d3d3d3",
+	lightpink: "#ffb6c1",
+	lightsalmon: "#ffa07a",
+	lightseagreen: "#20b2aa",
+	lightskyblue: "#87cefa",
+	lightslategray: "#778899",
+	lightslategrey: "#778899",
+	lightsteelblue: "#b0c4de",
+	lightyellow: "#ffffe0",
+	lime: "#00ff00",
+	limegreen: "#32cd32",
+	linen: "#faf0e6",
+	magenta: "#ff00ff",
+	maroon: "#800000",
+	mediumaquamarine: "#66cdaa",
+	mediumblue: "#0000cd",
+	mediumorchid: "#ba55d3",
+	mediumpurple: "#9370db",
+	mediumseagreen: "#3cb371",
+	mediumslateblue: "#7b68ee",
+	mediumspringgreen: "#00fa9a",
+	mediumturquoise: "#48d1cc",
+	mediumvioletred: "#c71585",
+	midnightblue: "#191970",
+	mintcream: "#f5fffa",
+	mistyrose: "#ffe4e1",
+	moccasin: "#ffe4b5",
+	navajowhite: "#ffdead",
+	navy: "#000080",
+	oldlace: "#fdf5e6",
+	olive: "#808000",
+	olivedrab: "#6b8e23",
+	orange: "#ffa500",
+	orangered: "#ff4500",
+	orchid: "#da70d6",
+	palegoldenrod: "#eee8aa",
+	palegreen: "#98fb98",
+	paleturquoise: "#afeeee",
+	palevioletred: "#db7093",
+	papayawhip: "#ffefd5",
+	peachpuff: "#ffdab9",
+	peru: "#cd853f",
+	pink: "#ffc0cb",
+	plum: "#dda0dd",
+	powderblue: "#b0e0e6",
+	purple: "#800080",
+	rebeccapurple: "#663399",
+	red: "#ff0000",
+	rosybrown: "#bc8f8f",
+	royalblue: "#4169e1",
+	saddlebrown: "#8b4513",
+	salmon: "#fa8072",
+	sandybrown: "#f4a460",
+	seagreen: "#2e8b57",
+	seashell: "#fff5ee",
+	sienna: "#a0522d",
+	silver: "#c0c0c0",
+	skyblue: "#87ceeb",
+	slateblue: "#6a5acd",
+	slategray: "#708090",
+	slategrey: "#708090",
+	snow: "#fffafa",
+	springgreen: "#00ff7f",
+	steelblue: "#4682b4",
+	tan: "#d2b48c",
+	teal: "#008080",
+	thistle: "#d8bfd8",
+	tomato: "#ff6347",
+	turquoise: "#40e0d0",
+	violet: "#ee82ee",
+	wheat: "#f5deb3",
+	white: "#ffffff",
+	whitesmoke: "#f5f5f5",
+	yellow: "#ffff00",
+	yellowgreen: "#9acd32"
 };
+const HEX_RED_END = 3;
+const HEX_GREEN_END = 5;
+const HEX_BLUE_END = 7;
+function hexTriplet(hex) {
+	return [
+		Number.parseInt(hex.slice(1, HEX_RED_END), 16),
+		Number.parseInt(hex.slice(HEX_RED_END, HEX_GREEN_END), 16),
+		Number.parseInt(hex.slice(HEX_GREEN_END, HEX_BLUE_END), 16)
+	];
+}
+const NAMED_COLORS = Object.fromEntries(Object.entries(NAMED_COLOR_HEX).map(([name, hex]) => [name, hexTriplet(hex)]));
+const EIGHT_BIT_CHANNEL_MAX = 255;
 function from8Bit(r, g, b) {
 	return {
-		r: r / 255,
-		g: g / 255,
-		b: b / 255
+		r: r / EIGHT_BIT_CHANNEL_MAX,
+		g: g / EIGHT_BIT_CHANNEL_MAX,
+		b: b / EIGHT_BIT_CHANNEL_MAX
 	};
 }
 const HEX_PATTERN = /^#([0-9a-fA-F]{3,8})$/;
 const FUNCTION_COLOR_PATTERN = /^rgba?\(\s*([^)]*)\)$/;
 const SPLIT_COMPONENTS = /[\s,]+/;
+const SHORT_HEX_DIGIT_COUNT = 3;
+const SHORT_HEX_ALPHA_DIGIT_COUNT = 4;
+const LONG_HEX_DIGIT_COUNT = 6;
+const LONG_HEX_ALPHA_DIGIT_COUNT = 8;
+const LONG_HEX_GREEN_END = 4;
+const RGB_COMPONENT_COUNT = 3;
+const RGBA_COMPONENT_COUNT = 4;
+const PERCENT_SCALE = 100;
 function parseSvgColor(raw) {
 	const value = raw.trim();
 	const named = NAMED_COLORS[value.toLowerCase()];
@@ -758,24 +186,24 @@ function parseSvgColor(raw) {
 	const hex = HEX_PATTERN.exec(value);
 	if (hex !== null) {
 		const digits = hex[1];
-		if (digits.length === 3 || digits.length === 4) {
+		if (digits.length === SHORT_HEX_DIGIT_COUNT || digits.length === SHORT_HEX_ALPHA_DIGIT_COUNT) {
 			const expand = (char) => Number.parseInt(char + char, 16);
 			return from8Bit(expand(digits[0]), expand(digits[1]), expand(digits[2]));
 		}
-		if (digits.length === 6 || digits.length === 8) return from8Bit(Number.parseInt(digits.slice(0, 2), 16), Number.parseInt(digits.slice(2, 4), 16), Number.parseInt(digits.slice(4, 6), 16));
+		if (digits.length === LONG_HEX_DIGIT_COUNT || digits.length === LONG_HEX_ALPHA_DIGIT_COUNT) return from8Bit(Number.parseInt(digits.slice(0, 2), 16), Number.parseInt(digits.slice(2, LONG_HEX_GREEN_END), 16), Number.parseInt(digits.slice(LONG_HEX_GREEN_END, LONG_HEX_DIGIT_COUNT), 16));
 		return;
 	}
 	const fn = FUNCTION_COLOR_PATTERN.exec(value);
 	if (fn !== null) {
 		const parts = fn[1].trim().split(SPLIT_COMPONENTS).filter((part) => part !== "");
-		if (parts.length !== 3 && parts.length !== 4) return;
+		if (parts.length !== RGB_COMPONENT_COUNT && parts.length !== RGBA_COMPONENT_COUNT) return;
 		const channel = (part) => {
 			if (part.endsWith("%")) {
 				const pct = Number(part.slice(0, -1));
-				return Number.isFinite(pct) ? pct / 100 * 255 : void 0;
+				return Number.isFinite(pct) ? pct / PERCENT_SCALE * EIGHT_BIT_CHANNEL_MAX : void 0;
 			}
 			const num = Number(part);
-			return Number.isFinite(num) ? Math.min(255, Math.max(0, num)) : void 0;
+			return Number.isFinite(num) ? Math.min(EIGHT_BIT_CHANNEL_MAX, Math.max(0, num)) : void 0;
 		};
 		const r = channel(parts[0]);
 		const g = channel(parts[1]);