@collabdt/core 0.0.40

package/dist/core/components/viewers/bim/src/lib/TrueNorthPopover.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Button } from "../../../../ui/Button";
+import { Input } from "../../../../ui/Input";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "../../../../ui/Popover";
+function TrueNorthPopover({
+  northAngle,
+  pickingNorth,
+  disabled,
+  onChangeAngle,
+  onStartPick,
+  onCancelPick
+}) {
+  const t = useTranslations("ViewSection");
+  const [open, setOpen] = React.useState(false);
+  const [draft, setDraft] = React.useState(formatAngle(northAngle));
+  React.useEffect(() => {
+    setDraft(formatAngle(northAngle));
+  }, [northAngle]);
+  React.useEffect(() => {
+    if (pickingNorth) setOpen(false);
+  }, [pickingNorth]);
+  const commitDraft = () => {
+    const value = Number(draft);
+    if (!Number.isFinite(value)) {
+      setDraft(formatAngle(northAngle));
+      return;
+    }
+    onChangeAngle(value);
+  };
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "h-6 w-6 p-0",
+        title: t("trueNorthTitle"),
+        disabled,
+        children: /* @__PURE__ */ jsx(LR.Compass, { className: "h-3.5 w-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { align: "end", className: "w-64 p-3", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("trueNorthTitle") }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("trueNorthAngleLabel") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "number",
+              min: 0,
+              max: 360,
+              step: 1,
+              value: draft,
+              onChange: (e) => setDraft(e.target.value),
+              onBlur: commitDraft,
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  commitDraft();
+                  e.currentTarget.blur();
+                }
+              },
+              className: "h-8 text-sm",
+              disabled
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "\xB0" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "w-full justify-start gap-2 h-8 text-xs",
+          disabled: disabled || pickingNorth,
+          onClick: onStartPick,
+          children: [
+            /* @__PURE__ */ jsx(LR.MousePointerClick, { className: "h-3.5 w-3.5" }),
+            pickingNorth ? t("trueNorthPicking") : t("trueNorthPickLine")
+          ]
+        }
+      ),
+      pickingNorth && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "w-full h-7 text-xs",
+          onClick: onCancelPick,
+          children: t("trueNorthCancelPick")
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "w-full h-7 text-xs",
+          disabled: disabled || northAngle === 0,
+          onClick: () => onChangeAngle(0),
+          children: [
+            /* @__PURE__ */ jsx(LR.RotateCcw, { className: "h-3 w-3 mr-1" }),
+            t("trueNorthReset")
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+function formatAngle(degrees) {
+  const rounded = Math.round(degrees * 10) / 10;
+  return Number.isInteger(rounded) ? rounded.toFixed(0) : rounded.toFixed(1);
+}
+export {
+  TrueNorthPopover
+};
+//# sourceMappingURL=TrueNorthPopover.js.map

package/dist/core/components/viewers/bim/src/lib/TrueNorthPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/lib/TrueNorthPopover.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { useTranslations } from 'next-intl'\r\nimport { Button } from '../../../../ui/Button'\r\nimport { Input } from '../../../../ui/Input'\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from '../../../../ui/Popover'\r\n\r\ninterface Props {\r\n  /** Current rotation in degrees (0-360, clockwise from default screen-up). */\r\n  northAngle: number\r\n  /** Whether the floorplan tool is currently waiting for a line click. */\r\n  pickingNorth: boolean\r\n  /** Disabled when no floorplan is active (rotation makes no sense yet). */\r\n  disabled: boolean\r\n  onChangeAngle: (degrees: number) => void\r\n  onStartPick: () => void\r\n  onCancelPick: () => void\r\n}\r\n\r\n/**\r\n * Compass-icon button + popover that lets the user set the building's\r\n * true north for floorplan views. Two ways to set it:\r\n *  1. Type a value 0-360 °.\r\n *  2. Click \"Pick line\", then click any line on the active floorplan —\r\n *     the line's bearing becomes the new north.\r\n *\r\n * The popover closes when the user starts a pick (so the canvas isn't\r\n * obscured) and stays in sync via the `northAngle` / `pickingNorth` props\r\n * coming from FloorplanTool.\r\n */\r\nexport function TrueNorthPopover({\r\n  northAngle,\r\n  pickingNorth,\r\n  disabled,\r\n  onChangeAngle,\r\n  onStartPick,\r\n  onCancelPick,\r\n}: Props) {\r\n  const t = useTranslations('ViewSection')\r\n  const [open, setOpen] = React.useState(false)\r\n  const [draft, setDraft] = React.useState<string>(formatAngle(northAngle))\r\n\r\n  // Keep the input in sync when the angle changes from outside (e.g. line\r\n  // pick committed a new value).\r\n  React.useEffect(() => {\r\n    setDraft(formatAngle(northAngle))\r\n  }, [northAngle])\r\n\r\n  // Close the popover automatically when the user kicks off a line pick.\r\n  React.useEffect(() => {\r\n    if (pickingNorth) setOpen(false)\r\n  }, [pickingNorth])\r\n\r\n  const commitDraft = () => {\r\n    const value = Number(draft)\r\n    if (!Number.isFinite(value)) {\r\n      setDraft(formatAngle(northAngle))\r\n      return\r\n    }\r\n    onChangeAngle(value)\r\n  }\r\n\r\n  return (\r\n    <Popover open={open} onOpenChange={setOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant=\"ghost\"\r\n          size=\"icon\"\r\n          className=\"h-6 w-6 p-0\"\r\n          title={t('trueNorthTitle')}\r\n          disabled={disabled}\r\n        >\r\n          <LR.Compass className=\"h-3.5 w-3.5\" />\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent align=\"end\" className=\"w-64 p-3\">\r\n        <div className=\"space-y-3\">\r\n          <div className=\"text-xs font-medium uppercase tracking-wide text-muted-foreground\">\r\n            {t('trueNorthTitle')}\r\n          </div>\r\n\r\n          <label className=\"block space-y-1\">\r\n            <span className=\"text-xs text-muted-foreground\">\r\n              {t('trueNorthAngleLabel')}\r\n            </span>\r\n            <div className=\"flex items-center gap-2\">\r\n              <Input\r\n                type=\"number\"\r\n                min={0}\r\n                max={360}\r\n                step={1}\r\n                value={draft}\r\n                onChange={(e) => setDraft(e.target.value)}\r\n                onBlur={commitDraft}\r\n                onKeyDown={(e) => {\r\n                  if (e.key === 'Enter') {\r\n                    commitDraft()\r\n                    e.currentTarget.blur()\r\n                  }\r\n                }}\r\n                className=\"h-8 text-sm\"\r\n                disabled={disabled}\r\n              />\r\n              <span className=\"text-xs text-muted-foreground\">°</span>\r\n            </div>\r\n          </label>\r\n\r\n          <Button\r\n            variant=\"outline\"\r\n            size=\"sm\"\r\n            className=\"w-full justify-start gap-2 h-8 text-xs\"\r\n            disabled={disabled || pickingNorth}\r\n            onClick={onStartPick}\r\n          >\r\n            <LR.MousePointerClick className=\"h-3.5 w-3.5\" />\r\n            {pickingNorth ? t('trueNorthPicking') : t('trueNorthPickLine')}\r\n          </Button>\r\n\r\n          {pickingNorth && (\r\n            <Button\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              className=\"w-full h-7 text-xs\"\r\n              onClick={onCancelPick}\r\n            >\r\n              {t('trueNorthCancelPick')}\r\n            </Button>\r\n          )}\r\n\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"sm\"\r\n            className=\"w-full h-7 text-xs\"\r\n            disabled={disabled || northAngle === 0}\r\n            onClick={() => onChangeAngle(0)}\r\n          >\r\n            <LR.RotateCcw className=\"h-3 w-3 mr-1\" />\r\n            {t('trueNorthReset')}\r\n          </Button>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  )\r\n}\r\n\r\nfunction formatAngle(degrees: number): string {\r\n  // Show 0 decimals for whole numbers, 1 decimal otherwise — keeps the\r\n  // input clean for typed values but readable after a line pick.\r\n  const rounded = Math.round(degrees * 10) / 10\r\n  return Number.isInteger(rounded) ? rounded.toFixed(0) : rounded.toFixed(1)\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/bim/src/lib/ViewModeCoordinator.d.ts

@@ -0,0 +1,26 @@
+import * as OBC from '@thatopen/components';
+/** Tools that take exclusive control of the viewer (FloorplanTool,
+ *  ElevationsTool, …) implement this so the coordinator can switch them
+ *  off when another tool claims the viewer. */
+export interface ExclusiveViewTool {
+    deactivate(): Promise<void> | void;
+}
+/**
+ * Single-slot mutual exclusion for drawing-based view tools. A tool calls
+ * `claim(this)` at the start of its `activate()` and `release(this)` at
+ * the end of its `deactivate()`. If a different tool was active, the
+ * coordinator awaits its `deactivate()` first — guaranteeing only one
+ * tool drives the viewer at a time.
+ */
+export declare class ViewModeCoordinator extends OBC.Component {
+    static uuid: "fc4c8b2e-2c5a-4a4f-bb1e-6d2c3f7a18b0";
+    enabled: boolean;
+    private _active;
+    constructor(components: OBC.Components);
+    /** Take exclusive control. If another tool was active, its
+     *  `deactivate()` is awaited before this method returns. */
+    claim(tool: ExclusiveViewTool): Promise<void>;
+    /** Release the claim if `tool` is the active one. No-op otherwise. */
+    release(tool: ExclusiveViewTool): void;
+}
+//# sourceMappingURL=ViewModeCoordinator.d.ts.map

package/dist/core/components/viewers/bim/src/lib/ViewModeCoordinator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewModeCoordinator.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/lib/ViewModeCoordinator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,sBAAsB,CAAA;AAE3C;;+CAE+C;AAC/C,MAAM,WAAW,iBAAiB;IAChC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CACnC;AAED;;;;;;GAMG;AACH,qBAAa,mBAAoB,SAAQ,GAAG,CAAC,SAAS;IACpD,MAAM,CAAC,IAAI,EAAG,sCAAsC,CAAS;IAE7D,OAAO,UAAO;IAEd,OAAO,CAAC,OAAO,CAAiC;gBAEpC,UAAU,EAAE,GAAG,CAAC,UAAU;IAKtC;gEAC4D;IACtD,KAAK,CAAC,IAAI,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC;IAenD,sEAAsE;IACtE,OAAO,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;CAGvC"}

package/dist/core/components/viewers/bim/src/lib/ViewModeCoordinator.js

@@ -0,0 +1,33 @@
+import * as OBC from "@thatopen/components";
+const _ViewModeCoordinator = class _ViewModeCoordinator extends OBC.Component {
+  constructor(components) {
+    super(components);
+    this.enabled = true;
+    this._active = null;
+    components.add(_ViewModeCoordinator.uuid, this);
+  }
+  /** Take exclusive control. If another tool was active, its
+   *  `deactivate()` is awaited before this method returns. */
+  async claim(tool) {
+    if (this._active === tool) return;
+    const prev = this._active;
+    this._active = tool;
+    if (prev) {
+      try {
+        await prev.deactivate();
+      } catch (error) {
+        console.warn("[ViewModeCoordinator] previous deactivate failed:", error);
+      }
+    }
+  }
+  /** Release the claim if `tool` is the active one. No-op otherwise. */
+  release(tool) {
+    if (this._active === tool) this._active = null;
+  }
+};
+_ViewModeCoordinator.uuid = "fc4c8b2e-2c5a-4a4f-bb1e-6d2c3f7a18b0";
+let ViewModeCoordinator = _ViewModeCoordinator;
+export {
+  ViewModeCoordinator
+};
+//# sourceMappingURL=ViewModeCoordinator.js.map

package/dist/core/components/viewers/bim/src/lib/ViewModeCoordinator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/lib/ViewModeCoordinator.ts"],"sourcesContent":["import * as OBC from '@thatopen/components'\r\n\r\n/** Tools that take exclusive control of the viewer (FloorplanTool,\r\n *  ElevationsTool, …) implement this so the coordinator can switch them\r\n *  off when another tool claims the viewer. */\r\nexport interface ExclusiveViewTool {\r\n  deactivate(): Promise<void> | void\r\n}\r\n\r\n/**\r\n * Single-slot mutual exclusion for drawing-based view tools. A tool calls\r\n * `claim(this)` at the start of its `activate()` and `release(this)` at\r\n * the end of its `deactivate()`. If a different tool was active, the\r\n * coordinator awaits its `deactivate()` first — guaranteeing only one\r\n * tool drives the viewer at a time.\r\n */\r\nexport class ViewModeCoordinator extends OBC.Component {\r\n  static uuid = 'fc4c8b2e-2c5a-4a4f-bb1e-6d2c3f7a18b0' as const\r\n\r\n  enabled = true\r\n\r\n  private _active: ExclusiveViewTool | null = null\r\n\r\n  constructor(components: OBC.Components) {\r\n    super(components)\r\n    components.add(ViewModeCoordinator.uuid, this)\r\n  }\r\n\r\n  /** Take exclusive control. If another tool was active, its\r\n   *  `deactivate()` is awaited before this method returns. */\r\n  async claim(tool: ExclusiveViewTool): Promise<void> {\r\n    if (this._active === tool) return\r\n    const prev = this._active\r\n    // Set the new claim FIRST so prev's deactivate() can call release()\r\n    // without un-setting our claim.\r\n    this._active = tool\r\n    if (prev) {\r\n      try {\r\n        await prev.deactivate()\r\n      } catch (error) {\r\n        console.warn('[ViewModeCoordinator] previous deactivate failed:', error)\r\n      }\r\n    }\r\n  }\r\n\r\n  /** Release the claim if `tool` is the active one. No-op otherwise. */\r\n  release(tool: ExclusiveViewTool): void {\r\n    if (this._active === tool) this._active = null\r\n  }\r\n}\r\n"],"mappings":"AAAA,YAAY,SAAS;AAgBd,MAAM,uBAAN,MAAM,6BAA4B,IAAI,UAAU;AAAA,EAOrD,YAAY,YAA4B;AACtC,UAAM,UAAU;AALlB,mBAAU;AAEV,SAAQ,UAAoC;AAI1C,eAAW,IAAI,qBAAoB,MAAM,IAAI;AAAA,EAC/C;AAAA;AAAA;AAAA,EAIA,MAAM,MAAM,MAAwC;AAClD,QAAI,KAAK,YAAY,KAAM;AAC3B,UAAM,OAAO,KAAK;AAGlB,SAAK,UAAU;AACf,QAAI,MAAM;AACR,UAAI;AACF,cAAM,KAAK,WAAW;AAAA,MACxB,SAAS,OAAO;AACd,gBAAQ,KAAK,qDAAqD,KAAK;AAAA,MACzE;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAGA,QAAQ,MAA+B;AACrC,QAAI,KAAK,YAAY,KAAM,MAAK,UAAU;AAAA,EAC5C;AACF;AAjCa,qBACJ,OAAO;AADT,IAAM,sBAAN;","names":[]}

package/dist/core/components/viewers/bim/src/lib/ViewSectionList.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { DrawingLayerInfo } from './drawingLayers';
+import { ViewListEntry, ViewLoadingState } from './viewSection';
+interface Props {
+    entries: ViewListEntry[];
+    activeId: string | null;
+    /** Id the user just clicked but the tool hasn't activated yet. Lets the
+     *  spinner appear on the row immediately, before activeId flips. */
+    pendingId: string | null;
+    loading: ViewLoadingState;
+    loadingPercent: number;
+    /** Per-IFC-class layers of the active entry, or null if none. Used to
+     *  render the expandable layers panel below the active row. */
+    activeLayers: DrawingLayerInfo[] | null;
+    /** Translated message shown next to the spinner while loading. */
+    loadingMessage: string;
+    /** Translated "Viewing" prefix shown before the entry label when active. */
+    viewingPrefix: string;
+    /** Translated label of the Exit button. */
+    exitLabel: string;
+    /** Translated tooltip for "Go to …". */
+    goToLabel: string;
+    /** Translated tooltip for the download button. */
+    downloadLabel: string;
+    /** Translated tooltip for the layers expand/collapse button. */
+    layersLabel: string;
+    /** Translated tooltip for layer visibility toggle. */
+    toggleVisibilityLabel: string;
+    /** Translated tooltip for the color picker. */
+    chooseColorLabel: string;
+    /** Maps an IFC class name to a friendly translated label
+     *  (e.g. "IFCWALL" → "Wall"). */
+    friendlyClassName: (className: string) => string;
+    onSelect: (entry: ViewListEntry) => void;
+    onExit: () => void;
+    onDownload: (entry: ViewListEntry, event: React.MouseEvent) => void;
+    onToggleLayer: (className: string, visible: boolean) => void;
+    onChangeLayerColor: (className: string, color: number) => void;
+}
+/** Active-card + row list shared by every "view" sidebar section
+ *  (floorplans, elevations, …). Localized strings come from the parent —
+ *  this component is i18n-agnostic. */
+export declare function ViewSectionList({ entries, activeId, pendingId, loading, loadingPercent, activeLayers, loadingMessage, viewingPrefix, exitLabel, goToLabel, downloadLabel, layersLabel, toggleVisibilityLabel, chooseColorLabel, friendlyClassName, onSelect, onExit, onDownload, onToggleLayer, onChangeLayerColor, }: Props): React.JSX.Element;
+export {};
+//# sourceMappingURL=ViewSectionList.d.ts.map

package/dist/core/components/viewers/bim/src/lib/ViewSectionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSectionList.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/lib/ViewSectionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAE/D,UAAU,KAAK;IACb,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB;wEACoE;IACpE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,EAAE,gBAAgB,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB;mEAC+D;IAC/D,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAA;IACvC,kEAAkE;IAClE,cAAc,EAAE,MAAM,CAAA;IACtB,4EAA4E;IAC5E,aAAa,EAAE,MAAM,CAAA;IACrB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAA;IACjB,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAA;IACjB,kDAAkD;IAClD,aAAa,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,WAAW,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,qBAAqB,EAAE,MAAM,CAAA;IAC7B,+CAA+C;IAC/C,gBAAgB,EAAE,MAAM,CAAA;IACxB;qCACiC;IACjC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,UAAU,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACnE,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/D;AAED;;uCAEuC;AACvC,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,EACb,kBAAkB,GACnB,EAAE,KAAK,qBA4IP"}

package/dist/core/components/viewers/bim/src/lib/ViewSectionList.js

@@ -0,0 +1,185 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as LR from "lucide-react";
+import { Button } from "../../../../ui/Button";
+import { Switch } from "../../../../ui/Switch";
+function ViewSectionList({
+  entries,
+  activeId,
+  pendingId,
+  loading,
+  loadingPercent,
+  activeLayers,
+  loadingMessage,
+  viewingPrefix,
+  exitLabel,
+  goToLabel,
+  downloadLabel,
+  layersLabel,
+  toggleVisibilityLabel,
+  chooseColorLabel,
+  friendlyClassName,
+  onSelect,
+  onExit,
+  onDownload,
+  onToggleLayer,
+  onChangeLayerColor
+}) {
+  var _a, _b, _c;
+  const [layersExpanded, setLayersExpanded] = React.useState(false);
+  const activeEntry = (_a = entries.find((entry) => entry.id === activeId)) != null ? _a : null;
+  const isLoading = loading.isLoading;
+  const targetId = activeId != null ? activeId : pendingId;
+  const showCard = !!activeEntry || isLoading && !!targetId;
+  const cardEntry = (_b = activeEntry != null ? activeEntry : targetId ? entries.find((e) => e.id === targetId) : null) != null ? _b : null;
+  React.useEffect(() => {
+    setLayersExpanded(false);
+  }, [activeId]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    showCard && /* @__PURE__ */ jsxs("div", { className: "mb-2 p-2 bg-accent rounded-md border border-gray-200", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+          isLoading && /* @__PURE__ */ jsx(LR.Loader2, { className: "h-3 w-3 animate-spin flex-shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs truncate", children: isLoading ? loadingMessage : `${viewingPrefix}: ${(_c = cardEntry == null ? void 0 : cardEntry.label) != null ? _c : ""}` })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: onExit,
+            className: "h-6 text-xs px-2",
+            children: [
+              /* @__PURE__ */ jsx(LR.X, { className: "h-3 w-3 mr-1" }),
+              exitLabel
+            ]
+          }
+        )
+      ] }),
+      isLoading && /* @__PURE__ */ jsx("div", { className: "mt-2 h-1 w-full bg-gray-200 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-full bg-primary transition-all duration-300 ease-out",
+          style: { width: `${loadingPercent}%` }
+        }
+      ) })
+    ] }),
+    entries.map((entry) => {
+      const isActive = activeId === entry.id;
+      const isPending = isLoading && (pendingId === entry.id || activeId === entry.id);
+      const showLayersPanel = isActive && layersExpanded && !!activeLayers && activeLayers.length > 0;
+      return /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `flex items-center justify-between m-2 px-2 py-1 hover:bg-accent/50 rounded-md transition-colors ${isActive ? "bg-accent" : ""}`,
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  title: `${goToLabel}: ${entry.label}`,
+                  className: "flex items-center gap-2 flex-1 min-w-0 cursor-pointer",
+                  onClick: () => onSelect(entry),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground truncate cursor-pointer", children: entry.label }),
+                    isPending ? /* @__PURE__ */ jsx(LR.Loader2, { className: "h-3 w-3 flex-shrink-0 text-muted-foreground animate-spin" }) : isActive ? /* @__PURE__ */ jsx(LR.Eye, { className: "h-3 w-3 flex-shrink-0 text-muted-foreground" }) : null
+                  ]
+                }
+              ),
+              isActive && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6 p-0",
+                    onClick: (event) => onDownload(entry, event),
+                    title: downloadLabel,
+                    children: /* @__PURE__ */ jsx(LR.Download, { className: "h-3 w-3" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "h-6 w-6 p-0",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      setLayersExpanded((prev) => !prev);
+                    },
+                    title: layersLabel,
+                    children: layersExpanded ? /* @__PURE__ */ jsx(LR.ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(LR.ChevronRight, { className: "h-3 w-3" })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        showLayersPanel && /* @__PURE__ */ jsxs("div", { className: "mx-2 mb-2 px-2 py-1 border border-gray-200 rounded-md bg-background/50", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wide text-muted-foreground mb-1 px-1", children: layersLabel }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: activeLayers.map((layer) => /* @__PURE__ */ jsx(
+            LayerRow,
+            {
+              layer,
+              label: friendlyClassName(layer.className),
+              toggleTitle: toggleVisibilityLabel,
+              colorTitle: chooseColorLabel,
+              onToggle: (visible) => onToggleLayer(layer.className, visible),
+              onColor: (color) => onChangeLayerColor(layer.className, color)
+            },
+            layer.className
+          )) })
+        ] })
+      ] }, entry.id);
+    })
+  ] });
+}
+function LayerRow({
+  layer,
+  label,
+  toggleTitle,
+  colorTitle,
+  onToggle,
+  onColor
+}) {
+  const hex = `#${layer.color.toString(16).padStart(6, "0")}`;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1 py-1 hover:bg-accent/30 rounded-sm", children: [
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        checked: layer.visible,
+        onCheckedChange: onToggle,
+        title: toggleTitle,
+        className: "scale-75 origin-left flex-shrink-0"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "label",
+      {
+        title: colorTitle,
+        className: "relative inline-block h-4 w-4 cursor-pointer rounded-full border border-black flex-shrink-0 overflow-hidden",
+        style: { backgroundColor: hex },
+        children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "color",
+            value: hex,
+            onChange: (event) => {
+              const next = parseInt(event.target.value.replace("#", ""), 16);
+              if (!Number.isNaN(next)) onColor(next);
+            },
+            className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground truncate flex-1 min-w-0", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground flex-shrink-0", children: layer.itemCount })
+  ] });
+}
+export {
+  ViewSectionList
+};
+//# sourceMappingURL=ViewSectionList.js.map

package/dist/core/components/viewers/bim/src/lib/ViewSectionList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/lib/ViewSectionList.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { Button } from '../../../../ui/Button'\r\nimport { Switch } from '../../../../ui/Switch'\r\nimport { DrawingLayerInfo } from './drawingLayers'\r\nimport { ViewListEntry, ViewLoadingState } from './viewSection'\r\n\r\ninterface Props {\r\n  entries: ViewListEntry[]\r\n  activeId: string | null\r\n  /** Id the user just clicked but the tool hasn't activated yet. Lets the\r\n   *  spinner appear on the row immediately, before activeId flips. */\r\n  pendingId: string | null\r\n  loading: ViewLoadingState\r\n  loadingPercent: number\r\n  /** Per-IFC-class layers of the active entry, or null if none. Used to\r\n   *  render the expandable layers panel below the active row. */\r\n  activeLayers: DrawingLayerInfo[] | null\r\n  /** Translated message shown next to the spinner while loading. */\r\n  loadingMessage: string\r\n  /** Translated \"Viewing\" prefix shown before the entry label when active. */\r\n  viewingPrefix: string\r\n  /** Translated label of the Exit button. */\r\n  exitLabel: string\r\n  /** Translated tooltip for \"Go to …\". */\r\n  goToLabel: string\r\n  /** Translated tooltip for the download button. */\r\n  downloadLabel: string\r\n  /** Translated tooltip for the layers expand/collapse button. */\r\n  layersLabel: string\r\n  /** Translated tooltip for layer visibility toggle. */\r\n  toggleVisibilityLabel: string\r\n  /** Translated tooltip for the color picker. */\r\n  chooseColorLabel: string\r\n  /** Maps an IFC class name to a friendly translated label\r\n   *  (e.g. \"IFCWALL\" → \"Wall\"). */\r\n  friendlyClassName: (className: string) => string\r\n  onSelect: (entry: ViewListEntry) => void\r\n  onExit: () => void\r\n  onDownload: (entry: ViewListEntry, event: React.MouseEvent) => void\r\n  onToggleLayer: (className: string, visible: boolean) => void\r\n  onChangeLayerColor: (className: string, color: number) => void\r\n}\r\n\r\n/** Active-card + row list shared by every \"view\" sidebar section\r\n *  (floorplans, elevations, …). Localized strings come from the parent —\r\n *  this component is i18n-agnostic. */\r\nexport function ViewSectionList({\r\n  entries,\r\n  activeId,\r\n  pendingId,\r\n  loading,\r\n  loadingPercent,\r\n  activeLayers,\r\n  loadingMessage,\r\n  viewingPrefix,\r\n  exitLabel,\r\n  goToLabel,\r\n  downloadLabel,\r\n  layersLabel,\r\n  toggleVisibilityLabel,\r\n  chooseColorLabel,\r\n  friendlyClassName,\r\n  onSelect,\r\n  onExit,\r\n  onDownload,\r\n  onToggleLayer,\r\n  onChangeLayerColor,\r\n}: Props) {\r\n  const [layersExpanded, setLayersExpanded] = React.useState(false)\r\n  const activeEntry = entries.find((entry) => entry.id === activeId) ?? null\r\n  const isLoading = loading.isLoading\r\n  const targetId = activeId ?? pendingId\r\n  const showCard = !!activeEntry || (isLoading && !!targetId)\r\n  const cardEntry =\r\n    activeEntry ??\r\n    (targetId ? entries.find((e) => e.id === targetId) : null) ??\r\n    null\r\n\r\n  // Auto-collapse the layers panel when the active entry changes.\r\n  React.useEffect(() => {\r\n    setLayersExpanded(false)\r\n  }, [activeId])\r\n\r\n  return (\r\n    <>\r\n      {showCard && (\r\n        <div className=\"mb-2 p-2 bg-accent rounded-md border border-gray-200\">\r\n          <div className=\"flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-2 min-w-0\">\r\n              {isLoading && (\r\n                <LR.Loader2 className=\"h-3 w-3 animate-spin flex-shrink-0 text-muted-foreground\" />\r\n              )}\r\n              <span className=\"text-xs truncate\">\r\n                {isLoading\r\n                  ? loadingMessage\r\n                  : `${viewingPrefix}: ${cardEntry?.label ?? ''}`}\r\n              </span>\r\n            </div>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"sm\"\r\n              onClick={onExit}\r\n              className=\"h-6 text-xs px-2\"\r\n            >\r\n              <LR.X className=\"h-3 w-3 mr-1\" />\r\n              {exitLabel}\r\n            </Button>\r\n          </div>\r\n          {isLoading && (\r\n            <div className=\"mt-2 h-1 w-full bg-gray-200 rounded-full overflow-hidden\">\r\n              <div\r\n                className=\"h-full bg-primary transition-all duration-300 ease-out\"\r\n                style={{ width: `${loadingPercent}%` }}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n      {entries.map((entry) => {\r\n        const isActive = activeId === entry.id\r\n        const isPending =\r\n          isLoading && (pendingId === entry.id || activeId === entry.id)\r\n        const showLayersPanel =\r\n          isActive &&\r\n          layersExpanded &&\r\n          !!activeLayers &&\r\n          activeLayers.length > 0\r\n        return (\r\n          <div key={entry.id}>\r\n            <div\r\n              className={`flex items-center justify-between m-2 px-2 py-1 hover:bg-accent/50 rounded-md transition-colors ${\r\n                isActive ? 'bg-accent' : ''\r\n              }`}\r\n            >\r\n              <div\r\n                title={`${goToLabel}: ${entry.label}`}\r\n                className=\"flex items-center gap-2 flex-1 min-w-0 cursor-pointer\"\r\n                onClick={() => onSelect(entry)}\r\n              >\r\n                <span className=\"text-sm text-foreground truncate cursor-pointer\">\r\n                  {entry.label}\r\n                </span>\r\n                {isPending ? (\r\n                  <LR.Loader2 className=\"h-3 w-3 flex-shrink-0 text-muted-foreground animate-spin\" />\r\n                ) : isActive ? (\r\n                  <LR.Eye className=\"h-3 w-3 flex-shrink-0 text-muted-foreground\" />\r\n                ) : null}\r\n              </div>\r\n              {isActive && (\r\n                <div className=\"flex items-center gap-1\">\r\n                  <Button\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    className=\"h-6 w-6 p-0\"\r\n                    onClick={(event) => onDownload(entry, event)}\r\n                    title={downloadLabel}\r\n                  >\r\n                    <LR.Download className=\"h-3 w-3\" />\r\n                  </Button>\r\n                  <Button\r\n                    variant=\"ghost\"\r\n                    size=\"icon\"\r\n                    className=\"h-6 w-6 p-0\"\r\n                    onClick={(event) => {\r\n                      event.stopPropagation()\r\n                      setLayersExpanded((prev) => !prev)\r\n                    }}\r\n                    title={layersLabel}\r\n                  >\r\n                    {layersExpanded ? (\r\n                      <LR.ChevronDown className=\"h-3 w-3\" />\r\n                    ) : (\r\n                      <LR.ChevronRight className=\"h-3 w-3\" />\r\n                    )}\r\n                  </Button>\r\n                </div>\r\n              )}\r\n            </div>\r\n            {showLayersPanel && (\r\n              <div className=\"mx-2 mb-2 px-2 py-1 border border-gray-200 rounded-md bg-background/50\">\r\n                <div className=\"text-[10px] uppercase tracking-wide text-muted-foreground mb-1 px-1\">\r\n                  {layersLabel}\r\n                </div>\r\n                <div className=\"space-y-0.5\">\r\n                  {activeLayers!.map((layer) => (\r\n                    <LayerRow\r\n                      key={layer.className}\r\n                      layer={layer}\r\n                      label={friendlyClassName(layer.className)}\r\n                      toggleTitle={toggleVisibilityLabel}\r\n                      colorTitle={chooseColorLabel}\r\n                      onToggle={(visible) =>\r\n                        onToggleLayer(layer.className, visible)\r\n                      }\r\n                      onColor={(color) =>\r\n                        onChangeLayerColor(layer.className, color)\r\n                      }\r\n                    />\r\n                  ))}\r\n                </div>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )\r\n      })}\r\n    </>\r\n  )\r\n}\r\n\r\ninterface LayerRowProps {\r\n  layer: DrawingLayerInfo\r\n  label: string\r\n  toggleTitle: string\r\n  colorTitle: string\r\n  onToggle: (visible: boolean) => void\r\n  onColor: (color: number) => void\r\n}\r\n\r\nfunction LayerRow({\r\n  layer,\r\n  label,\r\n  toggleTitle,\r\n  colorTitle,\r\n  onToggle,\r\n  onColor,\r\n}: LayerRowProps) {\r\n  const hex = `#${layer.color.toString(16).padStart(6, '0')}`\r\n  return (\r\n    <div className=\"flex items-center gap-2 px-1 py-1 hover:bg-accent/30 rounded-sm\">\r\n      <Switch\r\n        checked={layer.visible}\r\n        onCheckedChange={onToggle}\r\n        title={toggleTitle}\r\n        className=\"scale-75 origin-left flex-shrink-0\"\r\n      />\r\n      <label\r\n        title={colorTitle}\r\n        className=\"relative inline-block h-4 w-4 cursor-pointer rounded-full border border-black flex-shrink-0 overflow-hidden\"\r\n        style={{ backgroundColor: hex }}\r\n      >\r\n        <input\r\n          type=\"color\"\r\n          value={hex}\r\n          onChange={(event) => {\r\n            const next = parseInt(event.target.value.replace('#', ''), 16)\r\n            if (!Number.isNaN(next)) onColor(next)\r\n          }}\r\n          className=\"absolute inset-0 h-full w-full cursor-pointer opacity-0\"\r\n        />\r\n      </label>\r\n      <span className=\"text-xs text-foreground truncate flex-1 min-w-0\">\r\n        {label}\r\n      </span>\r\n      <span className=\"text-[10px] text-muted-foreground flex-shrink-0\">\r\n        {layer.itemCount}\r\n      </span>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/core/components/viewers/bim/src/lib/drawingLayers.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Per-IFC-class drawing-layer configuration.
+ *
+ * The drawing splits its visible lines into one layer per IFC class so the
+ * sidebar can toggle visibility / change color per class, and so a future
+ * DXF export can map each class to a distinct DXF layer.
+ *
+ * Cut classes (walls, columns, curtain-wall mullions / panels) render dark
+ * gray; fill classes (slabs, roofs) render pure black; everything else is
+ * mid-gray. We don't rely on `linewidth > 1` because `LineBasicMaterial`
+ * ignores it on most WebGL contexts.
+ */
+/** Classes the section plane traverses in plan view. */
+export declare const CUT_CLASSES: Set<string>;
+/** Horizontal closures (slabs/roofs). */
+export declare const FILL_CLASSES: Set<string>;
+/** Light classes — furniture / fixtures / soft fittings. Rendered in a
+ *  pale gray so the structural lines pop. WebGL can't actually vary line
+ *  width with `LineBasicMaterial`, so we approximate the line-weight
+ *  hierarchy of a real CAD plot via color contrast. */
+export declare const LIGHT_CLASSES: Set<string>;
+/** Projection / layer order: structural elements first so they appear
+ *  quickly when projection is progressive. Classes not in this list run
+ *  after, in the order returned by `getItemsOfCategories`. */
+export declare const CLASS_PROJECTION_PRIORITY: readonly string[];
+export interface DrawingLayerInfo {
+    /** Raw IFC category name (e.g. "IFCWALL"). Also the drawing layer key. */
+    className: string;
+    /** Layer name as registered in the TechnicalDrawing — equal to className. */
+    layerName: string;
+    /** Currently visible. */
+    visible: boolean;
+    /** Hex color of the line material. */
+    color: number;
+    /** How many model items contribute to this layer. */
+    itemCount: number;
+    /** Optional i18n key (next-intl namespace.path) for the UI label. The
+     *  sidebar should prefer `t(displayKey)` over `className` when set. Used
+     *  for non-IFC layers like "Door Swings" that need a localized label. */
+    displayKey?: string;
+}
+/** Default line color for a given IFC class. The contrast steps simulate
+ *  a CAD line-weight hierarchy (true variable widths would need Line2 +
+ *  resolution tracking — a real upgrade rather than a low-effort tweak):
+ *   - Fill (slabs, roofs)            → pure black, heaviest read
+ *   - Cut (walls, columns, mullions) → dark gray, clearly structural
+ *   - Light (furniture, fixtures)    → pale gray, recedes visually
+ *   - Everything else                → mid gray */
+export declare function defaultLayerColor(className: string): number;
+/**
+ * Return the entries of `itemIdsByClass` sorted by projection priority:
+ * priority-listed classes first (in their declared order), then everything
+ * else in its original insertion order.
+ */
+export declare function sortClassesByPriority(itemIdsByClass: Map<string, number[]>): Map<string, number[]>;
+//# sourceMappingURL=drawingLayers.d.ts.map

package/dist/core/components/viewers/bim/src/lib/drawingLayers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawingLayers.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/lib/drawingLayers.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,wDAAwD;AACxD,eAAO,MAAM,WAAW,aAQtB,CAAA;AAEF,yCAAyC;AACzC,eAAO,MAAM,YAAY,aAIvB,CAAA;AAEF;;;uDAGuD;AACvD,eAAO,MAAM,aAAa,aAUxB,CAAA;AAEF;;8DAE8D;AAC9D,eAAO,MAAM,yBAAyB,EAAE,SAAS,MAAM,EAWtD,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,SAAS,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,OAAO,EAAE,OAAO,CAAA;IAChB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB;;6EAEyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED;;;;;;mDAMmD;AACnD,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAK3D;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,GACpC,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAUvB"}

package/dist/core/components/viewers/bim/src/lib/drawingLayers.js

@@ -0,0 +1,63 @@
+const CUT_CLASSES = /* @__PURE__ */ new Set([
+  "IFCWALL",
+  "IFCWALLSTANDARDCASE",
+  "IFCCURTAINWALL",
+  "IFCPLATE",
+  "IFCMEMBER",
+  "IFCCOLUMN",
+  "IFCCOLUMNSTANDARDCASE"
+]);
+const FILL_CLASSES = /* @__PURE__ */ new Set([
+  "IFCSLAB",
+  "IFCROOF",
+  "IFCCOVERING"
+]);
+const LIGHT_CLASSES = /* @__PURE__ */ new Set([
+  "IFCFURNISHINGELEMENT",
+  "IFCFURNITURE",
+  "IFCSYSTEMFURNITUREELEMENT",
+  "IFCFLOWTERMINAL",
+  "IFCSANITARYTERMINAL",
+  "IFCLIGHTFIXTURE",
+  "IFCELECTRICAPPLIANCE",
+  "IFCAIRTERMINAL",
+  "IFCRAILING"
+]);
+const CLASS_PROJECTION_PRIORITY = [
+  "IFCWALL",
+  "IFCWALLSTANDARDCASE",
+  "IFCCOLUMN",
+  "IFCCOLUMNSTANDARDCASE",
+  "IFCSLAB",
+  "IFCROOF",
+  "IFCCURTAINWALL",
+  "IFCPLATE",
+  "IFCMEMBER",
+  "IFCCOVERING"
+];
+function defaultLayerColor(className) {
+  if (FILL_CLASSES.has(className)) return 0;
+  if (CUT_CLASSES.has(className)) return 3355443;
+  if (LIGHT_CLASSES.has(className)) return 11579568;
+  return 6710886;
+}
+function sortClassesByPriority(itemIdsByClass) {
+  const sorted = /* @__PURE__ */ new Map();
+  for (const className of CLASS_PROJECTION_PRIORITY) {
+    const ids = itemIdsByClass.get(className);
+    if (ids && ids.length > 0) sorted.set(className, ids);
+  }
+  for (const [className, ids] of itemIdsByClass) {
+    if (!sorted.has(className) && ids.length > 0) sorted.set(className, ids);
+  }
+  return sorted;
+}
+export {
+  CLASS_PROJECTION_PRIORITY,
+  CUT_CLASSES,
+  FILL_CLASSES,
+  LIGHT_CLASSES,
+  defaultLayerColor,
+  sortClassesByPriority
+};
+//# sourceMappingURL=drawingLayers.js.map

package/dist/core/components/viewers/bim/src/lib/drawingLayers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/lib/drawingLayers.ts"],"sourcesContent":["/**\r\n * Per-IFC-class drawing-layer configuration.\r\n *\r\n * The drawing splits its visible lines into one layer per IFC class so the\r\n * sidebar can toggle visibility / change color per class, and so a future\r\n * DXF export can map each class to a distinct DXF layer.\r\n *\r\n * Cut classes (walls, columns, curtain-wall mullions / panels) render dark\r\n * gray; fill classes (slabs, roofs) render pure black; everything else is\r\n * mid-gray. We don't rely on `linewidth > 1` because `LineBasicMaterial`\r\n * ignores it on most WebGL contexts.\r\n */\r\n\r\n/** Classes the section plane traverses in plan view. */\r\nexport const CUT_CLASSES = new Set<string>([\r\n  'IFCWALL',\r\n  'IFCWALLSTANDARDCASE',\r\n  'IFCCURTAINWALL',\r\n  'IFCPLATE',\r\n  'IFCMEMBER',\r\n  'IFCCOLUMN',\r\n  'IFCCOLUMNSTANDARDCASE',\r\n])\r\n\r\n/** Horizontal closures (slabs/roofs). */\r\nexport const FILL_CLASSES = new Set<string>([\r\n  'IFCSLAB',\r\n  'IFCROOF',\r\n  'IFCCOVERING',\r\n])\r\n\r\n/** Light classes — furniture / fixtures / soft fittings. Rendered in a\r\n *  pale gray so the structural lines pop. WebGL can't actually vary line\r\n *  width with `LineBasicMaterial`, so we approximate the line-weight\r\n *  hierarchy of a real CAD plot via color contrast. */\r\nexport const LIGHT_CLASSES = new Set<string>([\r\n  'IFCFURNISHINGELEMENT',\r\n  'IFCFURNITURE',\r\n  'IFCSYSTEMFURNITUREELEMENT',\r\n  'IFCFLOWTERMINAL',\r\n  'IFCSANITARYTERMINAL',\r\n  'IFCLIGHTFIXTURE',\r\n  'IFCELECTRICAPPLIANCE',\r\n  'IFCAIRTERMINAL',\r\n  'IFCRAILING',\r\n])\r\n\r\n/** Projection / layer order: structural elements first so they appear\r\n *  quickly when projection is progressive. Classes not in this list run\r\n *  after, in the order returned by `getItemsOfCategories`. */\r\nexport const CLASS_PROJECTION_PRIORITY: readonly string[] = [\r\n  'IFCWALL',\r\n  'IFCWALLSTANDARDCASE',\r\n  'IFCCOLUMN',\r\n  'IFCCOLUMNSTANDARDCASE',\r\n  'IFCSLAB',\r\n  'IFCROOF',\r\n  'IFCCURTAINWALL',\r\n  'IFCPLATE',\r\n  'IFCMEMBER',\r\n  'IFCCOVERING',\r\n]\r\n\r\nexport interface DrawingLayerInfo {\r\n  /** Raw IFC category name (e.g. \"IFCWALL\"). Also the drawing layer key. */\r\n  className: string\r\n  /** Layer name as registered in the TechnicalDrawing — equal to className. */\r\n  layerName: string\r\n  /** Currently visible. */\r\n  visible: boolean\r\n  /** Hex color of the line material. */\r\n  color: number\r\n  /** How many model items contribute to this layer. */\r\n  itemCount: number\r\n  /** Optional i18n key (next-intl namespace.path) for the UI label. The\r\n   *  sidebar should prefer `t(displayKey)` over `className` when set. Used\r\n   *  for non-IFC layers like \"Door Swings\" that need a localized label. */\r\n  displayKey?: string\r\n}\r\n\r\n/** Default line color for a given IFC class. The contrast steps simulate\r\n *  a CAD line-weight hierarchy (true variable widths would need Line2 +\r\n *  resolution tracking — a real upgrade rather than a low-effort tweak):\r\n *   - Fill (slabs, roofs)            → pure black, heaviest read\r\n *   - Cut (walls, columns, mullions) → dark gray, clearly structural\r\n *   - Light (furniture, fixtures)    → pale gray, recedes visually\r\n *   - Everything else                → mid gray */\r\nexport function defaultLayerColor(className: string): number {\r\n  if (FILL_CLASSES.has(className)) return 0x000000\r\n  if (CUT_CLASSES.has(className)) return 0x333333\r\n  if (LIGHT_CLASSES.has(className)) return 0xb0b0b0\r\n  return 0x666666\r\n}\r\n\r\n/**\r\n * Return the entries of `itemIdsByClass` sorted by projection priority:\r\n * priority-listed classes first (in their declared order), then everything\r\n * else in its original insertion order.\r\n */\r\nexport function sortClassesByPriority(\r\n  itemIdsByClass: Map<string, number[]>,\r\n): Map<string, number[]> {\r\n  const sorted = new Map<string, number[]>()\r\n  for (const className of CLASS_PROJECTION_PRIORITY) {\r\n    const ids = itemIdsByClass.get(className)\r\n    if (ids && ids.length > 0) sorted.set(className, ids)\r\n  }\r\n  for (const [className, ids] of itemIdsByClass) {\r\n    if (!sorted.has(className) && ids.length > 0) sorted.set(className, ids)\r\n  }\r\n  return sorted\r\n}\r\n"],"mappings":"AAcO,MAAM,cAAc,oBAAI,IAAY;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGM,MAAM,eAAe,oBAAI,IAAY;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAMM,MAAM,gBAAgB,oBAAI,IAAY;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAKM,MAAM,4BAA+C;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA0BO,SAAS,kBAAkB,WAA2B;AAC3D,MAAI,aAAa,IAAI,SAAS,EAAG,QAAO;AACxC,MAAI,YAAY,IAAI,SAAS,EAAG,QAAO;AACvC,MAAI,cAAc,IAAI,SAAS,EAAG,QAAO;AACzC,SAAO;AACT;AAOO,SAAS,sBACd,gBACuB;AACvB,QAAM,SAAS,oBAAI,IAAsB;AACzC,aAAW,aAAa,2BAA2B;AACjD,UAAM,MAAM,eAAe,IAAI,SAAS;AACxC,QAAI,OAAO,IAAI,SAAS,EAAG,QAAO,IAAI,WAAW,GAAG;AAAA,EACtD;AACA,aAAW,CAAC,WAAW,GAAG,KAAK,gBAAgB;AAC7C,QAAI,CAAC,OAAO,IAAI,SAAS,KAAK,IAAI,SAAS,EAAG,QAAO,IAAI,WAAW,GAAG;AAAA,EACzE;AACA,SAAO;AACT;","names":[]}