@eveshipfit/ui-ingame 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1004 @@
+import './style.css';
+import { c } from "react/compiler-runtime";
+import { useEffect, useId, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useImages } from "@eveshipfit/react-hooks";
+//#region src/primitives/Dialog/Dialog.module.css
+var Dialog_module_default = {
+	"close": "kwi1cG_close",
+	"content": "kwi1cG_content",
+	"dialog": "kwi1cG_dialog",
+	"header": "kwi1cG_header",
+	"title": "kwi1cG_title"
+};
+//#endregion
+//#region src/primitives/Dialog/Dialog.tsx
+/** A modal; `onClose` is called when the user closes it, by Escape or the close button. */
+function Dialog(t0) {
+	const $ = c(22);
+	const { open, title, onClose, children } = t0;
+	const dialog = useRef(null);
+	const titleId = useId();
+	let t1;
+	let t2;
+	if ($[0] !== open) {
+		t1 = () => {
+			const element = dialog.current;
+			if (element === null) return;
+			if (open && !element.open) element.showModal();
+			if (!open && element.open) element.close();
+		};
+		t2 = [open];
+		$[0] = open;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[3] !== onClose || $[4] !== open) {
+		t3 = () => {
+			if (open) onClose();
+		};
+		$[3] = onClose;
+		$[4] = open;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== title || $[7] !== titleId) {
+		t4 = /* @__PURE__ */ jsx("h2", {
+			id: titleId,
+			className: Dialog_module_default.title,
+			children: title
+		});
+		$[6] = title;
+		$[7] = titleId;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== onClose) {
+		t5 = /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: Dialog_module_default.close,
+			"aria-label": "Close",
+			onClick: onClose,
+			children: "×"
+		});
+		$[9] = onClose;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== t4 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("header", {
+			className: Dialog_module_default.header,
+			children: [t4, t5]
+		});
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== children || $[15] !== open) {
+		t7 = open && /* @__PURE__ */ jsx("div", {
+			className: Dialog_module_default.content,
+			children
+		});
+		$[14] = children;
+		$[15] = open;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== t3 || $[18] !== t6 || $[19] !== t7 || $[20] !== titleId) {
+		t8 = /* @__PURE__ */ jsxs("dialog", {
+			ref: dialog,
+			className: Dialog_module_default.dialog,
+			"aria-labelledby": titleId,
+			onClose: t3,
+			children: [t6, t7]
+		});
+		$[17] = t3;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = titleId;
+		$[21] = t8;
+	} else t8 = $[21];
+	return t8;
+}
+//#endregion
+//#region src/primitives/TypeIcon/TypeIcon.module.css
+var TypeIcon_module_default = {
+	"icon": "a4KCwW_icon",
+	"marker": "a4KCwW_marker"
+};
+//#endregion
+//#region src/primitives/TypeIcon/TypeIcon.tsx
+function TypeIcon(t0) {
+	const $ = c(17);
+	const { typeId, size: t1, marker: t2 } = t0;
+	const size = t1 === void 0 ? 32 : t1;
+	const marker = t2 === void 0 ? true : t2;
+	const images = useImages();
+	let markerLayer;
+	let t3;
+	let t4;
+	let t5;
+	if ($[0] !== images || $[1] !== marker || $[2] !== size || $[3] !== typeId) {
+		const layers = images.typeIcon(typeId, { marker: false }) ?? [];
+		markerLayer = marker ? images.typeIcon(typeId)?.[layers.length] : void 0;
+		t3 = TypeIcon_module_default.icon;
+		const t6 = `${size}px`;
+		let t7;
+		if ($[8] !== t6) {
+			t7 = { "--size": t6 };
+			$[8] = t6;
+			$[9] = t7;
+		} else t7 = $[9];
+		t4 = t7;
+		t5 = layers.map(_temp);
+		$[0] = images;
+		$[1] = marker;
+		$[2] = size;
+		$[3] = typeId;
+		$[4] = markerLayer;
+		$[5] = t3;
+		$[6] = t4;
+		$[7] = t5;
+	} else {
+		markerLayer = $[4];
+		t3 = $[5];
+		t4 = $[6];
+		t5 = $[7];
+	}
+	let t6;
+	if ($[10] !== markerLayer) {
+		t6 = markerLayer && /* @__PURE__ */ jsx("img", {
+			className: TypeIcon_module_default.marker,
+			src: markerLayer.src,
+			alt: "",
+			loading: "lazy",
+			draggable: false
+		});
+		$[10] = markerLayer;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== t3 || $[13] !== t4 || $[14] !== t5 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("span", {
+			className: t3,
+			style: t4,
+			children: [t5, t6]
+		});
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
+}
+function _temp(layer) {
+	return /* @__PURE__ */ jsx("img", {
+		src: layer.src,
+		"data-additive": layer.additive,
+		alt: "",
+		loading: "lazy",
+		draggable: false
+	}, layer.src);
+}
+//#endregion
+//#region src/primitives/TreeList/TreeList.module.css
+var TreeList_module_default = {
+	"chevron": "ZoSRha_chevron",
+	"group": "ZoSRha_group",
+	"label": "ZoSRha_label",
+	"row": "ZoSRha_row",
+	"tree": "ZoSRha_tree"
+};
+//#endregion
+//#region src/primitives/TreeList/TreeList.tsx
+function TreeList(t0) {
+	const $ = c(3);
+	const { label, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== label) {
+		t1 = /* @__PURE__ */ jsx("ul", {
+			className: TreeList_module_default.tree,
+			"aria-label": label,
+			children
+		});
+		$[0] = children;
+		$[1] = label;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+function TreeGroup(t0) {
+	const $ = c(13);
+	const { label, defaultOpen: t1, children } = t0;
+	const [open, setOpen] = useState(t1 === void 0 ? false : t1);
+	let t2;
+	if ($[0] !== open) {
+		t2 = () => setOpen(!open);
+		$[0] = open;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx("svg", {
+			className: TreeList_module_default.chevron,
+			viewBox: "0 0 12 12",
+			width: 12,
+			height: 12,
+			"aria-hidden": true,
+			children: /* @__PURE__ */ jsx("path", {
+				d: "M3 1.5 9.5 6 3 10.5Z",
+				fill: "currentColor"
+			})
+		});
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== label || $[4] !== open || $[5] !== t2) {
+		t4 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: TreeList_module_default.row,
+			"aria-expanded": open,
+			onClick: t2,
+			children: [t3, label]
+		});
+		$[3] = label;
+		$[4] = open;
+		$[5] = t2;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== children || $[8] !== open) {
+		t5 = open && /* @__PURE__ */ jsx("ul", {
+			className: TreeList_module_default.group,
+			children: children()
+		});
+		$[7] = children;
+		$[8] = open;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t4 || $[11] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("li", { children: [t4, t5] });
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	return t6;
+}
+/** Activates on double click, as EVE's own lists do; single clicks are for selecting text and dragging. */
+function TreeLeaf(t0) {
+	const $ = c(21);
+	const { label, typeId, title, onActivate, onHover, onDragStart, onDragEnd, after } = t0;
+	const t1 = onDragStart !== void 0;
+	let t2;
+	if ($[0] !== onActivate) {
+		t2 = (event) => {
+			if (event.key === "Enter") onActivate?.();
+		};
+		$[0] = onActivate;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	let t4;
+	if ($[2] !== onHover) {
+		t3 = () => onHover?.(true);
+		t4 = () => onHover?.(false);
+		$[2] = onHover;
+		$[3] = t3;
+		$[4] = t4;
+	} else {
+		t3 = $[3];
+		t4 = $[4];
+	}
+	let t5;
+	if ($[5] !== typeId) {
+		t5 = typeId !== void 0 && /* @__PURE__ */ jsx(TypeIcon, {
+			typeId,
+			size: 20
+		});
+		$[5] = typeId;
+		$[6] = t5;
+	} else t5 = $[6];
+	let t6;
+	if ($[7] !== label) {
+		t6 = /* @__PURE__ */ jsx("span", {
+			className: TreeList_module_default.label,
+			children: label
+		});
+		$[7] = label;
+		$[8] = t6;
+	} else t6 = $[8];
+	let t7;
+	if ($[9] !== after || $[10] !== onActivate || $[11] !== onDragEnd || $[12] !== onDragStart || $[13] !== t1 || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== title) {
+		t7 = /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("div", {
+			role: "button",
+			tabIndex: 0,
+			className: TreeList_module_default.row,
+			title,
+			draggable: t1,
+			onDoubleClick: onActivate,
+			onKeyDown: t2,
+			onMouseEnter: t3,
+			onMouseLeave: t4,
+			onDragStart,
+			onDragEnd,
+			children: [
+				t5,
+				t6,
+				after
+			]
+		}) });
+		$[9] = after;
+		$[10] = onActivate;
+		$[11] = onDragEnd;
+		$[12] = onDragStart;
+		$[13] = t1;
+		$[14] = t2;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = title;
+		$[20] = t7;
+	} else t7 = $[20];
+	return t7;
+}
+//#endregion
+//#region src/primitives/Icon/Icon.module.css
+var Icon_module_default = { "icon": "CUz0fa_icon" };
+//#endregion
+//#region src/primitives/Icon/Icon.tsx
+const textures = {
+	"hardpoint-turret": "classes/fitting/iconturrethardpoint",
+	"hardpoint-launcher": "classes/fitting/iconlauncherhardpoint",
+	"slot-high": "classes/fitting/filtericonhighslot_32",
+	"slot-medium": "classes/fitting/filtericonmediumslot_32",
+	"slot-low": "classes/fitting/filtericonlowslot",
+	"slot-rig": "classes/fitting/filtericonrigslot",
+	"slot-subsystem": "windowicons/subsystems"
+};
+const iconNames = Object.keys(textures);
+function Icon(t0) {
+	const $ = c(7);
+	const { name, size: t1 } = t0;
+	const size = t1 === void 0 ? 16 : t1;
+	const images = useImages();
+	let t2;
+	if ($[0] !== images || $[1] !== name) {
+		t2 = images.uiTexture(textures[name]);
+		$[0] = images;
+		$[1] = name;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== name || $[4] !== size || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx("img", {
+			className: Icon_module_default.icon,
+			src: t2,
+			width: size,
+			height: size,
+			alt: "",
+			"data-icon": name,
+			draggable: false
+		});
+		$[3] = name;
+		$[4] = size;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+}
+//#endregion
+//#region src/primitives/Wheel/layout.ts
+/** In degrees, measured from EVE's fitting window. */
+const racks = {
+	high: {
+		size: 8,
+		first: -35.1,
+		step: 10.25
+	},
+	medium: {
+		size: 8,
+		first: 54,
+		step: 10.25
+	},
+	low: {
+		size: 8,
+		first: 142.9,
+		step: 10.25
+	},
+	rig: {
+		size: 3,
+		first: -73.25,
+		step: 10.25
+	},
+	subsystem: {
+		size: 4,
+		first: -126.5,
+		step: 12.667
+	}
+};
+function rackSize(rack) {
+	return racks[rack].size;
+}
+function slotAngle(rack, index) {
+	return racks[rack].first + index * racks[rack].step;
+}
+//#endregion
+//#region src/primitives/Wheel/Wheel.module.css
+var Wheel_module_default = {
+	"edges": "LIeaFq_edges",
+	"rings": "LIeaFq_rings",
+	"scales": "LIeaFq_scales",
+	"wheel": "LIeaFq_wheel"
+};
+//#endregion
+//#region src/primitives/Wheel/Wheel.tsx
+/** Square, and as wide as `--esf-wheel-size`. */
+function Wheel(t0) {
+	const $ = c(14);
+	const { label, children } = t0;
+	const images = useImages();
+	let t1;
+	if ($[0] !== images) {
+		t1 = (name) => ({ "--texture": `url(${images.uiTexture(name)})` });
+		$[0] = images;
+		$[1] = t1;
+	} else t1 = $[1];
+	const texture = t1;
+	let t2;
+	if ($[2] !== texture) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: Wheel_module_default.rings,
+			style: texture("classes/fitting/fittingbase")
+		});
+		$[2] = texture;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== texture) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: Wheel_module_default.edges,
+			style: texture("classes/fitting/fittingbase_dotproduct")
+		});
+		$[4] = texture;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== texture) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: Wheel_module_default.scales,
+			style: texture("classes/fitting/fittingbase_overlay")
+		});
+		$[6] = texture;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== children || $[9] !== label || $[10] !== t2 || $[11] !== t3 || $[12] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("section", {
+			className: Wheel_module_default.wheel,
+			"aria-label": label,
+			children: [
+				t2,
+				t3,
+				children,
+				t4
+			]
+		});
+		$[8] = children;
+		$[9] = label;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	return t5;
+}
+/** `angle` in degrees clockwise from the top, as CSS rotations go. */
+function polar(angle, radius) {
+	const radians = angle * Math.PI / 180;
+	return {
+		x: round(radius * Math.sin(radians)),
+		y: round(-radius * Math.cos(radians))
+	};
+}
+/** Where an element's centre goes, in percentages of the wheel. */
+function placeAt(angle, radius) {
+	const { x, y } = polar(angle, radius);
+	return {
+		left: `${round(50 + x / 232 * 50)}%`,
+		top: `${round(50 + y / 232 * 50)}%`
+	};
+}
+function round(value) {
+	return Math.round(value * 1e3) / 1e3 + 0;
+}
+//#endregion
+//#region src/primitives/Wheel/WheelRackMarker.module.css
+var WheelRackMarker_module_default = { "marker": "oAgQCG_marker" };
+//#endregion
+//#region src/primitives/Wheel/WheelRackMarker.tsx
+const markers = {
+	high: {
+		angle: -43,
+		texture: "classes/radialmenu/fitting/high"
+	},
+	medium: {
+		angle: 45,
+		texture: "classes/radialmenu/fitting/med"
+	},
+	low: {
+		angle: 135,
+		texture: "classes/radialmenu/fitting/low"
+	}
+};
+function WheelRackMarker(t0) {
+	const $ = c(9);
+	const { rack } = t0;
+	const images = useImages();
+	const { angle, texture } = markers[rack];
+	let t1;
+	if ($[0] !== angle) {
+		t1 = placeAt(angle, 197);
+		$[0] = angle;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== images || $[3] !== texture) {
+		t2 = images.uiTexture(texture);
+		$[2] = images;
+		$[3] = texture;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== rack || $[6] !== t1 || $[7] !== t2) {
+		t3 = /* @__PURE__ */ jsx("img", {
+			className: WheelRackMarker_module_default.marker,
+			style: t1,
+			src: t2,
+			alt: "",
+			"data-marker": rack,
+			draggable: false
+		});
+		$[5] = rack;
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+//#endregion
+//#region src/primitives/Wheel/WheelSlot.module.css
+var WheelSlot_module_default = {
+	"ammo": "T6VD6G_ammo",
+	"empty": "T6VD6G_empty",
+	"fill": "T6VD6G_fill",
+	"frame": "T6VD6G_frame",
+	"icon": "T6VD6G_icon",
+	"slot": "T6VD6G_slot"
+};
+//#endregion
+//#region src/primitives/Wheel/WheelSlot.tsx
+/** Measured from EVE. */
+const box = {
+	"--slot-size": 49,
+	"--slot-centre": 193,
+	"--slot-icon-centre": 195
+};
+const ammoBars = [
+	-3.6,
+	-1.2,
+	1.2,
+	3.6
+];
+const emptyIconScale = { rig: 1.2 };
+function WheelSlot(t0) {
+	const $ = c(47);
+	let angle;
+	let chargeTypeId;
+	let className;
+	let props;
+	let rack;
+	let style;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let typeId;
+	if ($[0] !== t0) {
+		({rack, angle, typeId, chargeTypeId, chargeable: t1, state: t2, activatable: t3, available: t4, preview: t5, className, style, ...props} = t0);
+		$[0] = t0;
+		$[1] = angle;
+		$[2] = chargeTypeId;
+		$[3] = className;
+		$[4] = props;
+		$[5] = rack;
+		$[6] = style;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = typeId;
+	} else {
+		angle = $[1];
+		chargeTypeId = $[2];
+		className = $[3];
+		props = $[4];
+		rack = $[5];
+		style = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+		t4 = $[10];
+		t5 = $[11];
+		typeId = $[12];
+	}
+	const chargeable = t1 === void 0 ? false : t1;
+	const state = t2 === void 0 ? "online" : t2;
+	const activatable = t3 === void 0 ? false : t3;
+	const available = t4 === void 0 ? true : t4;
+	const preview = t5 === void 0 ? false : t5;
+	const images = useImages();
+	let t6;
+	if ($[13] !== images) {
+		t6 = (name) => ({ "--texture": `url(${images.uiTexture(name)})` });
+		$[13] = images;
+		$[14] = t6;
+	} else t6 = $[14];
+	const texture = t6;
+	const fitted = typeId !== void 0;
+	const iconTypeId = chargeTypeId ?? typeId;
+	let t7;
+	if ($[15] !== className) {
+		t7 = [WheelSlot_module_default.slot, className].filter(Boolean);
+		$[15] = className;
+		$[16] = t7;
+	} else t7 = $[16];
+	const t8 = t7.join(" ");
+	const t9 = `${angle}deg`;
+	let t10;
+	if ($[17] !== style || $[18] !== t9) {
+		t10 = {
+			...box,
+			"--angle": t9,
+			...style
+		};
+		$[17] = style;
+		$[18] = t9;
+		$[19] = t10;
+	} else t10 = $[19];
+	const t11 = t10;
+	const t12 = fitted ? state : available ? "empty" : "unavailable";
+	const t13 = preview || void 0;
+	let t14;
+	if ($[20] !== fitted || $[21] !== texture) {
+		t14 = fitted && /* @__PURE__ */ jsx("span", {
+			className: WheelSlot_module_default.fill,
+			style: texture("classes/fitting/moduleslotfill")
+		});
+		$[20] = fitted;
+		$[21] = texture;
+		$[22] = t14;
+	} else t14 = $[22];
+	let t15;
+	if ($[23] !== activatable || $[24] !== fitted || $[25] !== preview || $[26] !== state || $[27] !== texture) {
+		t15 = /* @__PURE__ */ jsx("span", {
+			className: WheelSlot_module_default.frame,
+			style: texture(frameTexture(fitted, preview, state, activatable))
+		});
+		$[23] = activatable;
+		$[24] = fitted;
+		$[25] = preview;
+		$[26] = state;
+		$[27] = texture;
+		$[28] = t15;
+	} else t15 = $[28];
+	let t16;
+	if ($[29] !== chargeTypeId || $[30] !== chargeable || $[31] !== fitted) {
+		t16 = fitted && chargeable && ammoBars.map((offset) => /* @__PURE__ */ jsx("span", {
+			className: WheelSlot_module_default.ammo,
+			style: { "--offset": `${offset}deg` },
+			"data-loaded": chargeTypeId !== void 0 || void 0
+		}, offset));
+		$[29] = chargeTypeId;
+		$[30] = chargeable;
+		$[31] = fitted;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== available || $[34] !== iconTypeId || $[35] !== rack) {
+		t17 = iconTypeId !== void 0 ? /* @__PURE__ */ jsx("span", {
+			className: WheelSlot_module_default.icon,
+			children: /* @__PURE__ */ jsx(TypeIcon, {
+				typeId: iconTypeId,
+				size: 64,
+				marker: false
+			})
+		}) : available && /* @__PURE__ */ jsx("span", {
+			className: WheelSlot_module_default.empty,
+			style: { scale: emptyIconScale[rack] },
+			children: /* @__PURE__ */ jsx(Icon, { name: `slot-${rack}` })
+		});
+		$[33] = available;
+		$[34] = iconTypeId;
+		$[35] = rack;
+		$[36] = t17;
+	} else t17 = $[36];
+	let t18;
+	if ($[37] !== props || $[38] !== t11 || $[39] !== t12 || $[40] !== t13 || $[41] !== t14 || $[42] !== t15 || $[43] !== t16 || $[44] !== t17 || $[45] !== t8) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			...props,
+			className: t8,
+			style: t11,
+			"data-state": t12,
+			"data-preview": t13,
+			children: [
+				t14,
+				t15,
+				t16,
+				t17
+			]
+		});
+		$[37] = props;
+		$[38] = t11;
+		$[39] = t12;
+		$[40] = t13;
+		$[41] = t14;
+		$[42] = t15;
+		$[43] = t16;
+		$[44] = t17;
+		$[45] = t8;
+		$[46] = t18;
+	} else t18 = $[46];
+	return t18;
+}
+function frameTexture(fitted, preview, state, activatable) {
+	if (!fitted) return "classes/fitting/moduleframe";
+	if (preview) return "classes/fitting/moduleframedots";
+	if (state === "overload") return "classes/fitting/slotoverheated";
+	return activatable ? "classes/fitting/slotactive" : "classes/fitting/slotpassive";
+}
+//#endregion
+//#region src/primitives/Wheel/WheelHardpoints.module.css
+var WheelHardpoints_module_default = {
+	"dot": "_-v7zG_dot",
+	"dots": "_-v7zG_dots",
+	"icon": "_-v7zG_icon"
+};
+//#endregion
+//#region src/primitives/Wheel/WheelHardpoints.tsx
+function WheelHardpoints(t0) {
+	const $ = c(10);
+	const { turrets, launchers } = t0;
+	const label = `Turret hardpoints: ${turrets.used} of ${turrets.total} used. Launcher hardpoints: ${launchers.used} of ${launchers.total} used.`;
+	let t1;
+	let t2;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(HardpointIcon, {
+			name: "hardpoint-turret",
+			angle: -43
+		});
+		t2 = /* @__PURE__ */ jsx(HardpointIcon, {
+			name: "hardpoint-launcher",
+			angle: 45
+		});
+		$[0] = t1;
+		$[1] = t2;
+	} else {
+		t1 = $[0];
+		t2 = $[1];
+	}
+	let t3;
+	if ($[2] !== turrets) {
+		t3 = /* @__PURE__ */ jsx(Dots, {
+			...turrets,
+			first: -38.5,
+			step: 3
+		});
+		$[2] = turrets;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== launchers) {
+		t4 = /* @__PURE__ */ jsx(Dots, {
+			...launchers,
+			first: 40.5,
+			step: -3
+		});
+		$[4] = launchers;
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== label || $[7] !== t3 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t1,
+			t2,
+			/* @__PURE__ */ jsxs("div", {
+				className: WheelHardpoints_module_default.dots,
+				role: "img",
+				"aria-label": label,
+				children: [t3, t4]
+			})
+		] });
+		$[6] = label;
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
+}
+function HardpointIcon(t0) {
+	const $ = c(7);
+	const { name, angle } = t0;
+	let t1;
+	if ($[0] !== angle) {
+		t1 = placeAt(angle, 223.5);
+		$[0] = angle;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== name) {
+		t2 = /* @__PURE__ */ jsx(Icon, { name });
+		$[2] = name;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: WheelHardpoints_module_default.icon,
+			style: t1,
+			children: t2
+		});
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+}
+function Dots(t0) {
+	const $ = c(11);
+	const { used, total, first, step } = t0;
+	const images = useImages();
+	let t1;
+	if ($[0] !== first || $[1] !== images || $[2] !== step || $[3] !== total || $[4] !== used) {
+		let t2;
+		if ($[6] !== first || $[7] !== images || $[8] !== step || $[9] !== used) {
+			t2 = (_, index) => /* @__PURE__ */ jsx("img", {
+				className: WheelHardpoints_module_default.dot,
+				style: placeAt(first + index * step, 224.5),
+				src: images.uiTexture(index < used ? "classes/fitting/slottaken" : "classes/fitting/slotleft"),
+				alt: "",
+				"data-used": index < used || void 0,
+				draggable: false
+			}, index);
+			$[6] = first;
+			$[7] = images;
+			$[8] = step;
+			$[9] = used;
+			$[10] = t2;
+		} else t2 = $[10];
+		t1 = Array.from({ length: total }, t2);
+		$[0] = first;
+		$[1] = images;
+		$[2] = step;
+		$[3] = total;
+		$[4] = used;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+//#endregion
+//#region src/primitives/Wheel/WheelGauge.module.css
+var WheelGauge_module_default = { "gauge": "pLDZ2W_gauge" };
+//#endregion
+//#region src/primitives/Wheel/WheelGauge.tsx
+/**
+* EVE has one gauge texture, CPU's; powergrid mirrors it and calibration turns it round. Angles are in the texture's
+* own, measured from EVE; CPU starts half a degree early so its first mark sits beside powergrid's.
+*/
+const gauges = {
+	cpu: {
+		name: "CPU",
+		turn: "none",
+		from: 134.5,
+		sweep: 44.3
+	},
+	powergrid: {
+		name: "Powergrid",
+		turn: "matrix(0, 1, 1, 0, 0, 0)",
+		from: 135,
+		sweep: 45
+	},
+	calibration: {
+		name: "Calibration",
+		turn: "rotate(180deg)",
+		from: 133,
+		sweep: 30.5
+	}
+};
+function WheelGauge(t0) {
+	const $ = c(14);
+	const { resource, used, total, valueText } = t0;
+	const images = useImages();
+	const { name, turn, from, sweep } = gauges[resource];
+	const to = from - sweep * (total > 0 ? Math.min(used / total, 1) : 0);
+	let t1;
+	if ($[0] !== images) {
+		t1 = images.uiTexture("classes/fitting/fittingbase_gauge");
+		$[0] = images;
+		$[1] = t1;
+	} else t1 = $[1];
+	const t2 = `url(${t1})`;
+	const t3 = `conic-gradient(transparent ${to}deg, black ${to}deg ${from}deg, transparent ${from}deg)`;
+	let t4;
+	if ($[2] !== t2 || $[3] !== t3 || $[4] !== turn) {
+		t4 = {
+			"--texture": t2,
+			"--used": t3,
+			"--turn": turn
+		};
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = turn;
+		$[5] = t4;
+	} else t4 = $[5];
+	const t5 = t4;
+	const t6 = used > total || void 0;
+	let t7;
+	if ($[6] !== name || $[7] !== resource || $[8] !== t5 || $[9] !== t6 || $[10] !== total || $[11] !== used || $[12] !== valueText) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: WheelGauge_module_default.gauge,
+			style: t5,
+			role: "meter",
+			"aria-label": name,
+			"aria-valuemin": 0,
+			"aria-valuemax": total,
+			"aria-valuenow": used,
+			"aria-valuetext": valueText,
+			"data-resource": resource,
+			"data-over": t6
+		});
+		$[6] = name;
+		$[7] = resource;
+		$[8] = t5;
+		$[9] = t6;
+		$[10] = total;
+		$[11] = used;
+		$[12] = valueText;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+//#endregion
+//#region src/primitives/Wheel/WheelHull.module.css
+var WheelHull_module_default = { "hull": "zDAPCG_hull" };
+//#endregion
+//#region src/primitives/Wheel/WheelHull.tsx
+function WheelHull(t0) {
+	const $ = c(2);
+	const { typeId } = t0;
+	const t1 = `https://images.evetech.net/types/${typeId}/render?size=1024`;
+	let t2;
+	if ($[0] !== t1) {
+		t2 = /* @__PURE__ */ jsx("img", {
+			className: WheelHull_module_default.hull,
+			src: t1,
+			alt: "",
+			draggable: false
+		});
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	return t2;
+}
+//#endregion
+export { Dialog, Icon, TreeGroup, TreeLeaf, TreeList, TypeIcon, Wheel, WheelGauge, WheelHardpoints, WheelHull, WheelRackMarker, WheelSlot, iconNames, rackSize, slotAngle };