floor-editor-ts 1.2.6 → 1.2.7

package/dist/floor-editor.es.js

@@ -62029,34 +62029,25 @@ function getHeatmapColor(t, alpha = 1) {
 	}
 	return `rgba(${r}, ${g}, ${b}, ${alpha})`;
 }
-var drawCamera = (ctx, w, d, color, heatmapMatrix, hasPerson = false, showHeatmap = false, showCameraCones = false, highlighted = false) => {
+var MAX_CONE_RANGE_PX = 220;
+var drawCamera = (ctx, w, d, color, heatmapMatrix, hasPerson = false, showHeatmap = false, drawCone = false, highlighted = false) => {
 	const bodyRadius = 4;
 	const lensR = Math.min(w, d) * .25;
-	const range = Math.max(w, d) * 6;
 	const fov = Math.PI / 2;
-	if (showHeatmap || showCameraCones) {
+	if (drawCone) {
 		ctx.save();
-		const coneGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, range);
-		const innerAlpha = highlighted ? "88" : showHeatmap ? "55" : "22";
-		const midAlpha = highlighted ? "55" : showHeatmap ? "22" : "11";
-		coneGradient.addColorStop(0, color + innerAlpha);
-		coneGradient.addColorStop(.45, color + midAlpha);
-		coneGradient.addColorStop(1, color + "00");
-		ctx.fillStyle = coneGradient;
-		ctx.globalCompositeOperation = "lighter";
+		const range = Math.min(Math.max(w, d) * 6, MAX_CONE_RANGE_PX);
+		ctx.globalAlpha = highlighted ? .28 : showHeatmap ? .22 : .14;
+		ctx.fillStyle = highlighted ? "#fbbf24" : color;
 		ctx.beginPath();
 		ctx.moveTo(0, 0);
 		ctx.arc(0, 0, range, -fov / 2, fov / 2);
 		ctx.closePath();
 		ctx.fill();
 		if (highlighted) {
+			ctx.globalAlpha = .85;
 			ctx.strokeStyle = "#fbbf24";
-			ctx.lineWidth = 2.5;
-			ctx.globalCompositeOperation = "source-over";
-			ctx.beginPath();
-			ctx.moveTo(0, 0);
-			ctx.arc(0, 0, range, -fov / 2, fov / 2);
-			ctx.closePath();
+			ctx.lineWidth = 2;
 			ctx.stroke();
 		}
 		ctx.restore();
@@ -62155,12 +62146,12 @@ var iconDrawers = {
 * @param w - pixel width (catalogWidth * zoom)
 * @param d - pixel depth (catalogDepth * zoom)
 */
-function drawFurnitureIcon(ctx, catalogId, w, d, color, strokeColor, heatmapMatrix, hasPerson = false, showHeatmap = false, showCameraCones = false, highlighted = false) {
+function drawFurnitureIcon(ctx, catalogId, w, d, color, strokeColor, heatmapMatrix, hasPerson = false, showHeatmap = false, drawCone = false, highlighted = false) {
 	ctx.fillStyle = color + "60";
 	ctx.strokeStyle = strokeColor;
 	ctx.lineWidth = 1;
 	const drawer = iconDrawers[catalogId];
-	if (drawer) drawer(ctx, w, d, color, heatmapMatrix, hasPerson, showHeatmap, showCameraCones, highlighted);
+	if (drawer) drawer(ctx, w, d, color, heatmapMatrix, hasPerson, showHeatmap, drawCone, highlighted);
 	else {
 		roundRect(ctx, -w / 2, -d / 2, w, d, 2);
 		ctx.fill();
@@ -63508,6 +63499,7 @@ function drawFurnitureItem(cs, item, selected, options) {
 	const useConfigHeatmap = isCamera && highlighted && !!(options === null || options === void 0 || (_options$cameraHeatma = options.cameraHeatmapMatrix) === null || _options$cameraHeatma === void 0 ? void 0 : _options$cameraHeatma.length);
 	const drawHeatmapMatrix = useConfigHeatmap ? options.cameraHeatmapMatrix : item.heatmapMatrix;
 	const drawShowHeatmap = item.showHeatmap || useConfigHeatmap;
+	const drawCone = isCamera && (drawShowHeatmap || highlighted || showCameraCones && selected);
 	ctx.save();
 	ctx.translate(s.x, s.y);
 	ctx.rotate(angle);
@@ -63515,7 +63507,7 @@ function drawFurnitureItem(cs, item, selected, options) {
 	const itemColor = (_item$color = item.color) !== null && _item$color !== void 0 ? _item$color : cat.color;
 	const strokeColor = selected ? "#3b82f6" : itemColor;
 	ctx.lineWidth = selected ? 2 : 1;
-	drawFurnitureIcon(ctx, item.catalogId, w, d, itemColor, strokeColor, drawHeatmapMatrix, item.hasPerson, drawShowHeatmap, isCamera ? showCameraCones : false, isCamera ? highlighted : false);
+	drawFurnitureIcon(ctx, item.catalogId, w, d, itemColor, strokeColor, drawHeatmapMatrix, item.hasPerson, drawShowHeatmap, drawCone, highlighted);
 	const fontSize = Math.max(8, Math.min(12, Math.min(w, d) * .2));
 	if (showCameraLabels && Math.min(w, d) > 20) {
 		var _item$name;