Spaces:
Running
Running
File size: 2,562 Bytes
9de795a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | /** Layer-System v2 für den 2D-Grundriss (reine, testbare Logik – kein DOM).
*
* Löst die bisherigen vier «Ebenen»-Checkboxen ab. Zwei Gruppen:
* - **Darstellungs-Layer**: globale Toggles (Wände, Öffnungen, Objekte,
* Bounding-Boxen, Platzbedarf, Beschriftung, Masse, Ampel) wie CAD-Layer.
* - **Objekt-Layer**: pro Möbel eine Zeile mit Auge-Toggle – einzelne Objekte
* ein-/ausblenden (`versteckteObjekte`).
*
* Der Viewer hält `sichtbareLayer: Record<LayerId, boolean>` und
* `versteckteObjekte: Set<string>`; die Umschalt-Logik lebt hier.
*/
export type LayerId =
| "waende"
| "oeffnungen"
| "objekte"
| "boxen"
| "platzbedarf"
| "beschriftung"
| "masse"
| "ampel"
| "flaechen";
export interface LayerDef {
id: LayerId;
label: string;
/** Emoji-Piktogramm (leichtgewichtig, ohne Asset-Abhängigkeit). */
icon: string;
}
/** Reihenfolge & Beschriftung der Darstellungs-Layer im Panel. */
export const DARSTELLUNGS_LAYER: LayerDef[] = [
{ id: "waende", label: "Wände", icon: "🧱" },
{ id: "oeffnungen", label: "Öffnungen", icon: "🚪" },
{ id: "objekte", label: "Objekte", icon: "🛋️" },
{ id: "boxen", label: "Bounding-Boxen", icon: "⬛" },
{ id: "platzbedarf", label: "Platzbedarf", icon: "📐" },
{ id: "beschriftung", label: "Beschriftung", icon: "🏷️" },
{ id: "masse", label: "Masse", icon: "📏" },
{ id: "ampel", label: "Ampel", icon: "🚦" },
{ id: "flaechen", label: "Flächen", icon: "🎨" },
];
/** Sinnvolle Standard-Sichtbarkeit: Wände/Öffnungen/Objekte/Beschriftung/Ampel/
* Flächen an; Bounding-Boxen, Platzbedarf und Masse aus. */
export function defaultLayers(): Record<LayerId, boolean> {
return {
waende: true,
oeffnungen: true,
objekte: true,
boxen: false,
platzbedarf: false,
beschriftung: true,
masse: false,
ampel: true,
flaechen: true,
};
}
/** Einen Darstellungs-Layer umschalten (unveränderlich). */
export function toggleLayer(
state: Record<LayerId, boolean>,
id: LayerId,
): Record<LayerId, boolean> {
return { ...state, [id]: !state[id] };
}
/** Ein Objekt einzeln ein-/ausblenden (unveränderlich, neues Set). */
export function toggleObjekt(versteckt: Set<string>, id: string): Set<string> {
const next = new Set(versteckt);
if (next.has(id)) next.delete(id);
else next.add(id);
return next;
}
/** Ist ein Objekt sichtbar (nicht in der Versteckt-Menge)? */
export function objektSichtbar(versteckt: Set<string>, id: string): boolean {
return !versteckt.has(id);
}
|