@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/core-blueprint-viewer-3.mjs

@@ -0,0 +1,688 @@
+import { Button } from "../button.mjs";
+import { BlueprintSegment } from "../blueprint-segment.mjs";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "../breadcrumb.mjs";
+import { BuildingProgress } from "../building-progress.mjs";
+import { CompareBars } from "../compare-bars.mjs";
+import { CanvasHeader } from "../canvas-header.mjs";
+import { CanvasNavigator } from "../canvas-navigator.mjs";
+import { MilestoneTable } from "../milestone-table.mjs";
+import { ChevronDown, Maximize2, Minimize2, PanelRight, X } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-blueprint-viewer-3.tsx
+const FLOAT_SHADOW = "wwc:shadow-[0_4px_12px_rgba(0,0,0,0.06)]";
+const clampPct = (n) => Math.max(2, Math.min(100, Math.round(n)));
+const FLOOR_TEMPLATE = [
+	{
+		id: "rf",
+		label: "RF",
+		name: "Roof",
+		hasBlueprint: true,
+		base: 34
+	},
+	{
+		id: "l8",
+		label: "L8",
+		name: "Level 8",
+		hasBlueprint: true,
+		base: 41
+	},
+	{
+		id: "l7",
+		label: "L7",
+		name: "Level 7",
+		hasBlueprint: false,
+		base: 47
+	},
+	{
+		id: "l6",
+		label: "L6",
+		name: "Level 6",
+		hasBlueprint: true,
+		base: 52
+	},
+	{
+		id: "l5",
+		label: "L5",
+		name: "Level 5",
+		hasBlueprint: true,
+		base: 58
+	},
+	{
+		id: "l4",
+		label: "L4",
+		name: "Level 4",
+		hasBlueprint: false,
+		base: 63
+	},
+	{
+		id: "l3",
+		label: "L3",
+		name: "Level 3",
+		hasBlueprint: true,
+		base: 69
+	},
+	{
+		id: "l2",
+		label: "L2",
+		name: "Level 2",
+		hasBlueprint: true,
+		base: 75
+	},
+	{
+		id: "l1",
+		label: "L1",
+		name: "Level 1",
+		hasBlueprint: true,
+		base: 81
+	},
+	{
+		id: "gf",
+		label: "GF",
+		name: "Ground Floor",
+		hasBlueprint: true,
+		base: 88
+	},
+	{
+		id: "b1",
+		label: "B1",
+		name: "Basement",
+		hasBlueprint: true,
+		base: 96
+	}
+];
+function houseFloors(approved) {
+	return FLOOR_TEMPLATE.map((t) => ({
+		id: t.id,
+		label: t.label,
+		name: t.name,
+		hasBlueprint: t.hasBlueprint,
+		value: clampPct(t.base + (approved - 62))
+	}));
+}
+const MILESTONES = [
+	{
+		id: "M35",
+		color: "#7c3aed",
+		actual: "Aug-26",
+		planned: "Sep-26"
+	},
+	{
+		id: "M50",
+		color: "#2563eb",
+		actual: "Nov-26",
+		planned: "Dec-26"
+	},
+	{
+		id: "M65",
+		color: "#38bdf8",
+		actual: "Jan-27",
+		planned: "Feb-27"
+	},
+	{
+		id: "M80",
+		color: "#5eead4",
+		actual: null,
+		planned: "May-27"
+	},
+	{
+		id: "M95",
+		color: "#01b04a",
+		actual: null,
+		planned: "Nov-27"
+	},
+	{
+		id: "M100",
+		color: "#42ff01",
+		actual: null,
+		planned: "Dec-27"
+	}
+];
+const WEEKS = [
+	{
+		value: "W109",
+		start: new Date(2026, 5, 12),
+		end: new Date(2026, 5, 18)
+	},
+	{
+		value: "W110",
+		start: new Date(2026, 5, 19),
+		end: new Date(2026, 5, 25)
+	},
+	{
+		value: "W111",
+		start: new Date(2026, 5, 26),
+		end: new Date(2026, 6, 2)
+	},
+	{
+		value: "W112",
+		start: new Date(2026, 6, 3),
+		end: new Date(2026, 6, 9)
+	},
+	{
+		value: "W113",
+		start: new Date(2026, 6, 10),
+		end: new Date(2026, 6, 16)
+	},
+	{
+		value: "W114",
+		start: new Date(2026, 6, 17),
+		end: new Date(2026, 6, 23)
+	},
+	{
+		value: "W115",
+		start: new Date(2026, 6, 24),
+		end: new Date(2026, 6, 30)
+	}
+];
+const WALK_PATH = [
+	{
+		x: 150,
+		y: 130
+	},
+	{
+		x: 150,
+		y: 350
+	},
+	{
+		x: 350,
+		y: 350
+	},
+	{
+		x: 610,
+		y: 350
+	},
+	{
+		x: 850,
+		y: 350
+	},
+	{
+		x: 850,
+		y: 500
+	}
+];
+function FloorPlan({ className, walkPath = false }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 1000 680",
+		preserveAspectRatio: "xMidYMid meet",
+		className,
+		role: "img",
+		"aria-label": "Ground floor plan",
+		children: [
+			/* @__PURE__ */ jsx("rect", {
+				x: "0",
+				y: "0",
+				width: "1000",
+				height: "680",
+				fill: "#ffffff"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "60",
+				y: "60",
+				width: "880",
+				height: "560",
+				fill: "none",
+				stroke: "#3f3f46",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ jsxs("g", {
+				fill: "none",
+				stroke: "#52525b",
+				strokeWidth: "2",
+				children: [
+					/* @__PURE__ */ jsx("rect", {
+						x: "60",
+						y: "320",
+						width: "880",
+						height: "60"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "60",
+						y: "60",
+						width: "180",
+						height: "130"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "60",
+						y: "190",
+						width: "180",
+						height: "130"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "60",
+						y: "380",
+						width: "180",
+						height: "120"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "60",
+						y: "500",
+						width: "180",
+						height: "120"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "240",
+						y: "60",
+						width: "220",
+						height: "260"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: "350",
+						y1: "60",
+						x2: "350",
+						y2: "320"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "240",
+						y: "380",
+						width: "220",
+						height: "240"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "460",
+						y: "60",
+						width: "300",
+						height: "130"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "460",
+						y: "190",
+						width: "300",
+						height: "130"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "460",
+						y: "380",
+						width: "300",
+						height: "240"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: "610",
+						y1: "380",
+						x2: "610",
+						y2: "620"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "760",
+						y: "60",
+						width: "180",
+						height: "260"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: "760",
+						y1: "150",
+						x2: "940",
+						y2: "150"
+					}),
+					/* @__PURE__ */ jsx("line", {
+						x1: "760",
+						y1: "230",
+						x2: "940",
+						y2: "230"
+					}),
+					/* @__PURE__ */ jsx("rect", {
+						x: "760",
+						y: "380",
+						width: "180",
+						height: "240"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs("g", {
+				fill: "none",
+				stroke: "#a1a1aa",
+				strokeWidth: "1.5",
+				children: [
+					/* @__PURE__ */ jsx("path", { d: "M150 320 A 30 30 0 0 1 180 350" }),
+					/* @__PURE__ */ jsx("path", { d: "M350 320 A 30 30 0 0 1 380 350" }),
+					/* @__PURE__ */ jsx("path", { d: "M610 320 A 30 30 0 0 1 640 350" }),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "850",
+						cy: "480",
+						r: "26"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: "330",
+						cy: "500",
+						r: "26"
+					})
+				]
+			}),
+			walkPath && /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("polyline", {
+				points: WALK_PATH.map((p) => `${p.x},${p.y}`).join(" "),
+				fill: "none",
+				stroke: "#2563eb",
+				strokeWidth: "4",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeDasharray: "1 16"
+			}), WALK_PATH.map((p, i) => /* @__PURE__ */ jsxs("g", {
+				className: "wwc:group wwc:cursor-pointer",
+				children: [
+					/* @__PURE__ */ jsxs("title", { children: ["Enter walk-through at point ", i + 1] }),
+					/* @__PURE__ */ jsx("circle", {
+						cx: p.x,
+						cy: p.y,
+						r: "26",
+						fill: "transparent"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: p.x,
+						cy: p.y,
+						r: "20",
+						className: "wwc:fill-blue-500/25 wwc:opacity-0 wwc:transition-opacity wwc:group-hover:opacity-100"
+					}),
+					/* @__PURE__ */ jsx("circle", {
+						cx: p.x,
+						cy: p.y,
+						r: "9",
+						fill: "#2563eb",
+						stroke: "#ffffff",
+						strokeWidth: "3"
+					})
+				]
+			}, `${p.x}-${p.y}`))] })
+		]
+	});
+}
+function SplitBlueprints({ floors, activeId, pan, isPanning, onWalkthrough }) {
+	const count = floors.length;
+	const cols = count <= 1 ? 1 : count === 2 || count === 4 ? 2 : 3;
+	const scroll = count > 6;
+	const rows = Math.ceil(count / cols);
+	return /* @__PURE__ */ jsx("div", {
+		className: `wwc:absolute wwc:inset-0 wwc:grid ${scroll ? "wwc:overflow-y-auto" : ""}`,
+		style: {
+			gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,
+			...scroll ? { gridAutoRows: "50%" } : { gridTemplateRows: `repeat(${rows}, minmax(0, 1fr))` }
+		},
+		children: floors.map((floor, i) => /* @__PURE__ */ jsx(BlueprintSegment, {
+			bare: true,
+			active: floor.id === activeId,
+			className: `${i % cols > 0 ? "wwc:border-l wwc:border-border" : ""} ${Math.floor(i / cols) > 0 ? "wwc:border-t wwc:border-border" : ""}`,
+			label: floor.label,
+			value: floor.value,
+			labelClassName: i === 0 ? "wwc:top-[56px]" : void 0,
+			plan: floor.hasBlueprint ? /* @__PURE__ */ jsx("div", {
+				className: `wwc:h-full wwc:w-full wwc:origin-center ${isPanning ? "" : "wwc:transition-transform wwc:duration-75"}`,
+				style: { transform: `translate(${pan.x}px, ${pan.y}px)` },
+				children: /* @__PURE__ */ jsx(FloorPlan, { className: "wwc:h-full wwc:w-full" })
+			}) : void 0,
+			onWalkthrough: floor.hasBlueprint ? () => onWalkthrough?.(floor) : void 0
+		}, floor.id))
+	});
+}
+function wiggle(i, span) {
+	return i * 37 % (span * 2 + 1) - span;
+}
+const ZONE_DEFS = [
+	{
+		id: "zone-a",
+		label: "Zone A — Waterfront",
+		prefix: "A",
+		count: 8,
+		baseApproved: 74
+	},
+	{
+		id: "zone-b",
+		label: "Zone B — Central",
+		prefix: "B",
+		count: 8,
+		baseApproved: 58
+	},
+	{
+		id: "zone-c",
+		label: "Zone C — Parkside",
+		prefix: "C",
+		count: 6,
+		baseApproved: 39
+	}
+];
+const HOUSES = ZONE_DEFS.flatMap((z) => Array.from({ length: z.count }, (_, i) => {
+	const approved = clampPct(z.baseApproved + wiggle(i + 1, 9));
+	return {
+		id: `house-${z.prefix.toLowerCase()}${String(i + 1).padStart(2, "0")}`,
+		label: `HOUSE-${z.prefix}${String(i + 1).padStart(2, "0")}`,
+		zoneId: z.id,
+		zoneLabel: z.label,
+		approved,
+		planned: clampPct(approved + 3 + wiggle(i + 2, 6))
+	};
+}));
+const COMPOUND = {
+	id: "riverside-compound",
+	label: "Riverside Compound"
+};
+const NAV_NODES = [{
+	id: COMPOUND.id,
+	label: COMPOUND.label,
+	children: ZONE_DEFS.map((z) => ({
+		id: z.id,
+		label: z.label,
+		children: HOUSES.filter((h) => h.zoneId === z.id).map((h) => ({
+			id: h.id,
+			label: h.label,
+			children: houseFloors(h.approved).map((f) => ({
+				id: `${h.id}::${f.id}`,
+				label: f.name
+			}))
+		}))
+	}))
+}];
+/**
+* v3 blueprint viewer: a fixed multi-floor split canvas (pan by drag) with a collapsed canvas navigator
+* (top-left, drills zones → houses), and a scrollable full-height details panel — the active house's
+* progress, milestones table, and a Building Progress floor list that highlights the selected floor.
+*
+* @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+* supported production import: compose your page from the widgets this template uses, wired to your
+* own data (see the BlueprintViewer3 template docs in Storybook). Slated for removal from the public API in a
+* future major.
+*/
+function BlueprintViewer3({ onWalkthrough } = {}) {
+	const canvasRef = useRef(null);
+	const [floorsOpen, setFloorsOpen] = useState(true);
+	const [showPanel, setShowPanel] = useState(true);
+	const [week, setWeek] = useState("W112");
+	const [fullScreen, setFullScreen] = useState(false);
+	const [navSize, setNavSize] = useState("collapsed");
+	const [activeHouse, setActiveHouse] = useState(HOUSES[0].id);
+	const activeHouseData = HOUSES.find((h) => h.id === activeHouse) ?? HOUSES[0];
+	const floors = useMemo(() => houseFloors(activeHouseData.approved), [activeHouseData.approved]);
+	const [activeFloor, setActiveFloor] = useState("gf");
+	const activeFloorData = floors.find((f) => f.id === activeFloor);
+	const selectFloor = (id) => setActiveFloor(id);
+	const [pan, setPan] = useState({
+		x: 0,
+		y: 0
+	});
+	const [isPanning, setIsPanning] = useState(false);
+	const panStart = useRef(null);
+	useEffect(() => {
+		if (!fullScreen) return;
+		const onKey = (event) => {
+			if (event.key === "Escape") setFullScreen(false);
+		};
+		window.addEventListener("keydown", onKey);
+		return () => window.removeEventListener("keydown", onKey);
+	}, [fullScreen]);
+	const startPan = (event) => {
+		if (event.button !== 0) return;
+		panStart.current = {
+			pointerX: event.clientX,
+			pointerY: event.clientY,
+			panX: pan.x,
+			panY: pan.y
+		};
+		setIsPanning(true);
+		event.currentTarget.setPointerCapture(event.pointerId);
+	};
+	const movePan = (event) => {
+		const start = panStart.current;
+		if (!start) return;
+		setPan({
+			x: start.panX + (event.clientX - start.pointerX),
+			y: start.panY + (event.clientY - start.pointerY)
+		});
+	};
+	const endPan = (event) => {
+		if (!panStart.current) return;
+		panStart.current = null;
+		setIsPanning(false);
+		event.currentTarget.releasePointerCapture(event.pointerId);
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: fullScreen ? "wwc:fixed wwc:inset-0 wwc:z-50 wwc:overflow-hidden wwc:bg-background" : "wwc:h-full wwc:w-full wwc:overflow-hidden",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:h-full wwc:flex-col",
+			children: [/* @__PURE__ */ jsx(CanvasHeader, {
+				left: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+					/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+						href: "#",
+						children: COMPOUND.label
+					}) }),
+					/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+					/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbEllipsis, { items: [{ label: activeHouseData.zoneLabel }] }) }),
+					/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+					/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+						href: "#",
+						children: activeHouseData.label
+					}) }),
+					/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+					/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: activeFloorData?.name }) })
+				] }) }),
+				weekSelector: {
+					weeks: WEEKS,
+					value: week,
+					onValueChange: setWeek,
+					visibleCount: 4
+				},
+				right: /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "outline",
+					icon: true,
+					size: "sm",
+					"aria-label": fullScreen ? "Exit full screen" : "Full screen",
+					className: "wwc:shrink-0",
+					onClick: () => setFullScreen((v) => !v),
+					children: fullScreen ? /* @__PURE__ */ jsx(Minimize2, { className: "wwc:h-4 wwc:w-4" }) : /* @__PURE__ */ jsx(Maximize2, { className: "wwc:h-4 wwc:w-4" })
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:min-h-0 wwc:flex-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					ref: canvasRef,
+					className: "wwc:relative wwc:flex-1 wwc:overflow-hidden wwc:bg-zinc-100 dark:wwc:bg-zinc-900",
+					children: [
+						/* @__PURE__ */ jsx(SplitBlueprints, {
+							floors,
+							activeId: activeFloor,
+							pan,
+							isPanning,
+							onWalkthrough
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: `wwc:absolute wwc:inset-0 wwc:z-0 ${isPanning ? "wwc:cursor-grabbing" : "wwc:cursor-grab"}`,
+							onPointerDown: startPan,
+							onPointerMove: movePan,
+							onPointerUp: endPan,
+							onPointerCancel: endPan
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "wwc:absolute wwc:left-[14px] wwc:top-[14px] wwc:z-10 wwc:w-64 wwc:max-w-[60%]",
+							children: /* @__PURE__ */ jsx(CanvasNavigator, {
+								className: FLOAT_SHADOW,
+								nodes: NAV_NODES,
+								title: COMPOUND.label,
+								searchable: true,
+								searchPlaceholder: "Search…",
+								value: activeHouse,
+								onSelect: (id) => {
+									const sep = id.indexOf("::");
+									if (sep >= 0) {
+										setActiveHouse(id.slice(0, sep));
+										setActiveFloor(id.slice(sep + 2));
+									} else if (HOUSES.some((h) => h.id === id)) setActiveHouse(id);
+								},
+								size: navSize,
+								onSizeChange: setNavSize
+							})
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "wwc:absolute wwc:right-[14px] wwc:top-[14px] wwc:z-10 wwc:flex wwc:flex-col wwc:items-end wwc:gap-2",
+							children: !showPanel && /* @__PURE__ */ jsxs(Button, {
+								type: "button",
+								variant: "outline",
+								size: "sm",
+								className: `wwc:gap-1.5 ${FLOAT_SHADOW}`,
+								onClick: () => setShowPanel(true),
+								children: [/* @__PURE__ */ jsx(PanelRight, { className: "wwc:size-4" }), "Show details"]
+							})
+						})
+					]
+				}), showPanel && /* @__PURE__ */ jsxs("aside", {
+					className: `wwc:z-20 wwc:flex wwc:h-full wwc:w-72 wwc:shrink-0 wwc:flex-col wwc:border-l wwc:border-border wwc:bg-white dark:wwc:bg-zinc-950 ${FLOAT_SHADOW}`,
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:p-3",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:text-sm wwc:font-bold wwc:text-foreground",
+								children: activeHouseData?.label
+							}), /* @__PURE__ */ jsx("button", {
+								type: "button",
+								"aria-label": "Close panel",
+								className: "wwc:text-muted-foreground wwc:transition-colors wwc:hover:text-foreground wwc:focus-visible:outline-none",
+								onClick: () => setShowPanel(false),
+								children: /* @__PURE__ */ jsx(X, { className: "wwc:size-3.5" })
+							})]
+						}),
+						/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border" }),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-y-auto",
+							children: [
+								/* @__PURE__ */ jsx(CompareBars, {
+									className: "wwc:p-3",
+									primary: {
+										label: "Approved",
+										value: activeHouseData.approved
+									},
+									secondary: {
+										label: "Planned",
+										value: activeHouseData.planned
+									}
+								}),
+								/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border" }),
+								/* @__PURE__ */ jsx("div", {
+									className: "wwc:p-3",
+									children: /* @__PURE__ */ jsx(MilestoneTable, { milestones: MILESTONES })
+								}),
+								/* @__PURE__ */ jsx("div", { className: "wwc:h-px wwc:w-full wwc:bg-border" }),
+								/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:min-h-0 wwc:flex-col wwc:gap-2.5 wwc:p-3",
+									children: [/* @__PURE__ */ jsxs("button", {
+										type: "button",
+										"aria-expanded": floorsOpen,
+										onClick: () => setFloorsOpen((v) => !v),
+										className: "wwc:flex wwc:items-center wwc:justify-between wwc:gap-2 wwc:text-left wwc:focus-visible:outline-none",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "wwc:text-[13px] wwc:font-semibold wwc:text-foreground",
+											children: "Progress by floor"
+										}), /* @__PURE__ */ jsx(ChevronDown, { className: `wwc:size-3.5 wwc:text-muted-foreground wwc:transition-transform ${floorsOpen ? "" : "wwc:-rotate-90"}` })]
+									}), floorsOpen && /* @__PURE__ */ jsx(BuildingProgress, {
+										floors,
+										activeId: activeFloor,
+										onFloorSelect: selectFloor,
+										size: "compact"
+									})]
+								})
+							]
+						})
+					]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { BlueprintViewer3 };
+
+//# sourceMappingURL=core-blueprint-viewer-3.mjs.map