@cognite/reveal-components 1.0.0

package/dist/ui/components/Image360HistoricalDetails/Toolbar/Image360HistoricalSummary.js

@@ -0,0 +1,63 @@
+import { useTranslation as e } from "../../i18n/I18n.js";
+import { Thumbnail as t } from "../utils/Thumbnail.js";
+import { forwardRef as n, useEffect as r, useRef as i } from "react";
+import { uniqueId as a } from "lodash-es";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Toolbar/Image360HistoricalSummary.tsx
+var c = n(({ stationId: n, stationName: c, revisionCollection: l, activeRevision: u, setActiveRevision: d, viewer: f, fallbackLanguage: p }, m) => {
+	let { t: h } = e(p), g = i(null), _ = async (e, t) => {
+		if (f !== void 0 && e.image360Entity !== void 0) {
+			d(t);
+			let n = e.image360Entity.getRevisions(), r = e.index;
+			r >= 0 && r < n.length && await f.enter360Image(e.image360Entity, n[r]);
+		}
+	};
+	function v(e) {
+		return e.current !== void 0;
+	}
+	function y(e) {
+		v(m) && (m.current = e.currentTarget.scrollLeft);
+	}
+	return r(() => {
+		g.current !== null && v(m) && (g.current.scrollLeft = m.current);
+	}, []), /* @__PURE__ */ s("div", {
+		className: "flex h-fit flex-row items-start justify-between px-4 pt-4 pb-2 bg-white shadow-[0px_-4px_12px_rgba(0,0,0,0.25)]",
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex flex-col max-w-1/4 font-sans font-semibold text-lg leading-6 tracking-[-0.014em] text-black/90",
+			children: [/* @__PURE__ */ o("span", {
+				className: "overflow-hidden inline-block text-ellipsis whitespace-nowrap mb-2.5",
+				children: c
+			}), /* @__PURE__ */ s("p", {
+				className: "font-sans font-medium text-sm leading-5 tracking-[-0.006em] text-black/90 overflow-hidden inline-block text-ellipsis whitespace-nowrap",
+				children: [
+					h({ key: "IMAGES_360_STATION" }),
+					" ",
+					n
+				]
+			})]
+		}), /* @__PURE__ */ o("div", {
+			ref: g,
+			onScroll: y,
+			className: "scrollbar-thin w-[70%] h-fit overflow-x-auto pb-[5px] [scrollbar-color:#999999_#d9d9d9]",
+			children: /* @__PURE__ */ o("div", {
+				className: "grid grid-flow-col items-center gap-1.5 justify-end min-w-fit",
+				children: l.map((e, n) => /* @__PURE__ */ s("div", {
+					className: "flex flex-col items-center opacity-80 gap-2.5",
+					onClick: () => {
+						_(e, n);
+					},
+					children: [/* @__PURE__ */ o(t, {
+						isActive: u === n,
+						imageUrl: e.imageUrl,
+						isLoading: !1
+					}, n), /* @__PURE__ */ o("p", {
+						className: "text-xs h-4",
+						children: e.date
+					})]
+				}, a()))
+			})
+		})]
+	});
+});
+//#endregion
+export { c as Image360HistoricalSummary };

package/dist/ui/components/Image360HistoricalDetails/types.d.ts

@@ -0,0 +1,20 @@
+import { MutableRefObject } from 'react';
+import { DataSourceType, Cognite3DViewer, Image360 } from '@cognite/reveal';
+import { Image360RevisionDetails } from './Toolbar/Image360HistoricalSummary';
+export type Image360HistoricalDetailsProps = {
+    viewer: Cognite3DViewer<DataSourceType>;
+    image360Entity?: Image360<DataSourceType>;
+    onExpand?: (isExpanded: boolean) => void;
+    fallbackLanguage?: string;
+};
+export type UseImage360HistoricalDetailsViewModelResult = {
+    revisionDetailsExpanded: boolean;
+    setRevisionDetailsExpanded: (expanded: boolean) => void;
+    activeRevision: number;
+    setActiveRevision: (revision: number) => void;
+    revisionCollection: Image360RevisionDetails[];
+    imageUrls: Array<string | undefined>;
+    newScrollPosition: MutableRefObject<number>;
+    stationId: string | undefined;
+    stationName: string | undefined;
+};

package/dist/ui/components/Image360HistoricalDetails/utils/Thumbnail.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+export declare const Thumbnail: ({ imageUrl, isActive, isLoading, }: {
+    imageUrl?: string;
+    isActive: boolean;
+    isLoading: boolean;
+}) => ReactElement;

package/dist/ui/components/Image360HistoricalDetails/utils/Thumbnail.js

@@ -0,0 +1,16 @@
+import { useMemo as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { IconLoader2 as n, IconPhotoOff as r } from "@tabler/icons-react";
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/utils/Thumbnail.tsx
+var i = ({ imageUrl: i, isActive: a, isLoading: o }) => {
+	let s = e(() => i === void 0 ? t(o ? n : r, {}) : /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("img", {
+		src: i,
+		alt: "thumbnail"
+	}) }), [i, o]);
+	return /* @__PURE__ */ t("div", {
+		className: `flex flex-col justify-center items-center overflow-hidden w-40 min-w-14 h-[90px] rounded-xl gap-1.5 ${a ? "border-4 border-[#4A67FB]" : "border-2 border-[#d9d9d9]"}`,
+		children: s
+	});
+};
+//#endregion
+export { i as Thumbnail };

package/dist/ui/components/Image360HistoricalDetails/utils/getStationIdentifier.d.ts

@@ -0,0 +1,2 @@
+import { DataSourceType, Image360 } from '@cognite/reveal';
+export declare function getStationIdentifier<T extends DataSourceType>(station: Image360<T>): string;

package/dist/ui/components/Image360HistoricalDetails/utils/getStationIdentifier.js

@@ -0,0 +1,7 @@
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/utils/getStationIdentifier.ts
+function e(e) {
+	let t = e.id;
+	return typeof t == "string" ? t : t.externalId;
+}
+//#endregion
+export { e as getStationIdentifier };

package/dist/ui/components/InstanceLabel/InstanceLabel.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { InstanceReference } from '../../../utilities/instanceIds';
+export type InstanceLabelProps = {
+    instance: InstanceReference;
+};
+export declare const InstanceLabel: ({ instance, }: {
+    instance: InstanceReference;
+}) => ReactElement;

package/dist/ui/components/InstanceLabel/InstanceLabel.js

@@ -0,0 +1,37 @@
+import { isDmsInstance as e, isIdEither as t } from "../../../utilities/instanceIds/typeGuards.js";
+import "../../../utilities/instanceIds/index.js";
+import { COGNITE_DESCRIBABLE_SOURCE as n } from "../../../data-providers/core-dm-provider/dataModels.js";
+import { EMPTY_ARRAY as r } from "../../../utilities/constants.js";
+import { useAssetsByIdsQuery as i } from "../../query/useAssetsByIdsQuery.js";
+import { useDmInstancesByIds as a } from "../../query/useDmsInstanceByIdsQuery.js";
+import { useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f } from "@cognite/aura/components/tooltip";
+import { IconHexagon as p } from "@tabler/icons-react";
+import { InputGroup as m, InputGroupAddon as h, InputGroupInput as g } from "@cognite/aura/components/input-group";
+//#region libs/shared/reveal-components/src/ui/components/InstanceLabel/InstanceLabel.tsx
+var _ = [n], v = 20, y = ({ instance: y }) => {
+	let [b, x] = o(() => [t(y) ? [y] : r, e(y) ? [y] : r], [y]), { data: S } = i(b), { data: C } = a(x, _), w = o(() => {
+		if (S !== void 0 || C !== void 0) {
+			if (S !== void 0 && S.length > 0) return S[0].name;
+			if (C !== void 0 && C.length > 0) {
+				let e = `${n.externalId}/${n.version}`;
+				return C[0].properties.cdf_cdm?.[e]?.name ?? C[0].externalId;
+			}
+			return "Unknown";
+		}
+	}, [S, C])?.toString(), T = w?.length !== void 0 && w.length > v, E = T ? `${w?.slice(0, v)}...` : w;
+	return /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(l, {
+		open: T ? void 0 : !1,
+		children: [/* @__PURE__ */ s(f, { render: /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(h, {
+			align: "inline-start",
+			children: /* @__PURE__ */ s(p, {})
+		}), /* @__PURE__ */ s(g, {
+			value: E,
+			disabled: !0,
+			readOnly: !0
+		})] }) }), /* @__PURE__ */ s(u, { children: w })]
+	}, w) });
+};
+//#endregion
+export { y as InstanceLabel };

package/dist/ui/components/InstanceLabel/index.d.ts

@@ -0,0 +1 @@
+export { InstanceLabel } from './InstanceLabel';

package/dist/ui/components/InstanceLabel/index.js

@@ -0,0 +1,2 @@
+import { InstanceLabel as e } from "./InstanceLabel.js";
+export { e as InstanceLabel };

package/dist/ui/components/PointCloudContainer/PointCloudContainer.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { Matrix4 } from 'three';
+import { CognitePointCloudModel, AddModelOptions, DataSourceType } from '@cognite/reveal';
+import { PointCloudModelStyling } from '../../../utilities/styling/stylingGroups';
+export type CognitePointCloudModelProps = {
+    addModelOptions: AddModelOptions<DataSourceType>;
+    styling?: PointCloudModelStyling;
+    transform?: Matrix4;
+    defaultVisible?: boolean;
+    onLoad?: (model: CognitePointCloudModel<DataSourceType>) => void;
+    onLoadError?: (options: AddModelOptions<DataSourceType>, error: any) => void;
+};
+export declare function PointCloudContainer({ addModelOptions, styling, transform, defaultVisible, onLoad, onLoadError, }: CognitePointCloudModelProps): ReactElement;

package/dist/ui/components/PointCloudContainer/PointCloudContainer.js

@@ -0,0 +1,53 @@
+import { useRenderTarget as e } from "../RevealCanvas/ViewerContext.js";
+import { useReveal3DResourceLoadFailCount as t, useReveal3DResourcesCount as n } from "../Reveal3DResources/Reveal3DResourcesInfoContext.js";
+import { isClassicIdentifier as r, isDM3DModelIdentifier as i } from "../../../utilities/modelIds/typeGuards.js";
+import { RevealDomainObjectUtils as a } from "../../../domains/reveal/RevealDomainObjectUtils.js";
+import { useRevealKeepAlive as o } from "../RevealKeepAlive/RevealKeepAliveContext.js";
+import { useModelIdRevisionIdFromModelOptions as s } from "../../hooks/useModelIdRevisionIdFromModelOptions.js";
+import { getViewerResourceCount as c } from "../../../utilities/getViewerResourceCount.js";
+import { isSameModel as l } from "../../../utilities/isSameModel.js";
+import { modelExists as u } from "../../../utilities/modelExists.js";
+import { useApplyPointCloudStyling as d } from "./useApplyPointCloudStyling.js";
+import { useEffect as f, useRef as p, useState as m } from "react";
+import { cloneDeep as h, isEqual as g } from "lodash-es";
+import { Fragment as _, jsx as v } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/PointCloudContainer/PointCloudContainer.tsx
+function y({ addModelOptions: r, styling: i, transform: y, defaultVisible: x, onLoad: S, onLoadError: C }) {
+	let w = o(), [T, E] = m(void 0), D = e(), O = D.viewer, { setRevealResourcesCount: k } = n(), { setReveal3DResourceLoadFailCount: A } = t(), j = p(void 0), M = s([r]), N = M[0]?.modelId, P = M[0]?.revisionId;
+	return f(() => {
+		if (g(j.current, r) || N === void 0 || P === void 0) return;
+		j.current = h(r);
+		let e = F(r, y).then((e) => (S?.(e), k(c(O)), I)).catch((e) => ((C ?? b)(r, e), A((e) => e + 1), () => {
+			A((e) => e - 1);
+		}));
+		return () => {
+			e.then((e) => {
+				e();
+			});
+		};
+	}, [N, P]), f(() => {
+		!u(T, O) || y === void 0 || T.setModelTransformation(y);
+	}, [y, T]), d(T, i), /* @__PURE__ */ v(_, {});
+	async function F(e, t) {
+		let n = await r();
+		return t !== void 0 && n.setModelTransformation(t), E(n), n;
+		async function r() {
+			let t = O.models.find((t) => {
+				let n = {
+					...t,
+					transform: t.getModelTransformation()
+				};
+				return l(n, e);
+			});
+			return t === void 0 ? (await a.addPointCloudDomainObject(D, e, { defaultVisible: x })).model : await Promise.resolve(t);
+		}
+	}
+	function I() {
+		u(T, O) && (w !== void 0 && !w.isRevealContainerMountedRef.current || (a.remove(D, T), k(c(O)), E(void 0)));
+	}
+}
+function b(e, t) {
+	r(e) ? console.warn(`Failed to load (${e.modelId}, ${e.revisionId}): ${JSON.stringify(t)}`) : i(e) && console.warn(`Failed to load (${e.revisionExternalId}, ${e.revisionSpace}): ${JSON.stringify(t)}`);
+}
+//#endregion
+export { y as PointCloudContainer };

package/dist/ui/components/PointCloudContainer/index.d.ts

@@ -0,0 +1 @@
+export { PointCloudContainer } from './PointCloudContainer';

package/dist/ui/components/PointCloudContainer/index.js

@@ -0,0 +1,2 @@
+import { PointCloudContainer as e } from "./PointCloudContainer.js";
+export { e as PointCloudContainer };

package/dist/ui/components/PointCloudContainer/typeGuards.d.ts

@@ -0,0 +1,3 @@
+import { DMInstanceRef } from '@cognite/reveal';
+export declare function isPointCloudVolumesAnnotation(volumes: Array<number | DMInstanceRef>): volumes is number[];
+export declare function isPointCloudVolumesDMInstanceRef(volumes: Array<number | DMInstanceRef>): volumes is DMInstanceRef[];

package/dist/ui/components/PointCloudContainer/typeGuards.js

@@ -0,0 +1,9 @@
+//#region libs/shared/reveal-components/src/ui/components/PointCloudContainer/typeGuards.ts
+function e(e) {
+	return e.every((e) => typeof e == "number");
+}
+function t(e) {
+	return e.every((e) => typeof e == "object" && !!e && "externalId" in e && "space" in e);
+}
+//#endregion
+export { e as isPointCloudVolumesAnnotation, t as isPointCloudVolumesDMInstanceRef };

package/dist/ui/components/PointCloudContainer/useApplyPointCloudStyling.d.ts

@@ -0,0 +1,4 @@
+import { DMInstanceRef, CognitePointCloudModel, DataSourceType } from '@cognite/reveal';
+import { PointCloudModelStyling } from '../../../utilities/styling/stylingGroups';
+export declare const useApplyPointCloudStyling: (model?: CognitePointCloudModel<DataSourceType>, modelStyling?: PointCloudModelStyling) => void;
+export declare function createPointCloudObjectCollectionFromVolumeIds(pointCloudVolumes: Array<number | DMInstanceRef>): DataSourceType['pointCloudCollectionType'] | undefined;

package/dist/ui/components/PointCloudContainer/useApplyPointCloudStyling.js

@@ -0,0 +1,30 @@
+import { useReveal as e } from "../RevealCanvas/ViewerContext.js";
+import { modelExists as t } from "../../../utilities/modelExists.js";
+import { isPointCloudVolumesAnnotation as n, isPointCloudVolumesDMInstanceRef as r } from "./typeGuards.js";
+import { useEffect as i } from "react";
+import { AnnotationIdPointCloudObjectCollection as a, DefaultNodeAppearance as o, PointCloudDMVolumeCollection as s } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/ui/components/PointCloudContainer/useApplyPointCloudStyling.tsx
+var c = (n, r) => {
+	let a = e(), s = r?.defaultStyle ?? o.Default, c = r?.groups;
+	i(() => {
+		!t(n, a) || c === void 0 || l(n, c);
+	}, [c, n]), i(() => {
+		t(n, a) && n.setDefaultPointCloudAppearance(s);
+	}, [s, n]);
+};
+function l(e, t) {
+	if (t !== void 0) {
+		e.styledCollections.length > 0 && e.removeAllStyledObjectCollections();
+		for (let n of t) {
+			if (n.pointCloudVolumes.length === 0) continue;
+			let t = u(n.pointCloudVolumes);
+			t !== void 0 && e.assignStyledObjectCollection(t, n.style);
+		}
+	}
+}
+function u(e) {
+	if (n(e)) return new a(e);
+	if (r(e)) return new s(e);
+}
+//#endregion
+export { u as createPointCloudObjectCollectionFromVolumeIds, c as useApplyPointCloudStyling };

package/dist/ui/components/Reveal3DResources/Reveal3DResources.context.d.ts

@@ -0,0 +1,30 @@
+import { Context } from 'react';
+import { CadModelContainer } from '../CadModelContainer';
+import { Image360CollectionContainer } from '../Image360CollectionContainer';
+import { PointCloudContainer } from '../PointCloudContainer/PointCloudContainer';
+import { useRenderTarget, useReveal } from '../RevealCanvas';
+import { useCalculateCadStyling } from './hooks/useCalculateCadStyling';
+import { useCalculateImage360Styling } from './hooks/useCalculateImage360Styling';
+import { useCalculatePointCloudStyling } from './hooks/useCalculatePointCloudStyling';
+import { useCallCallbackOnFinishedLoading } from './hooks/useCallCallbackOnFinishedLoading';
+import { useRemoveNonReferencedModels } from './hooks/useRemoveNonReferencedModels';
+import { useSetExpectedLoadCount } from './hooks/useSetExpectedLoadCount';
+import { useTypedModels } from './hooks/useTypedModels';
+import { useReveal3DResourcesStylingLoadingSetter } from './Reveal3DResourcesInfoContext';
+export type Reveal3DResourcesDependencies = {
+    useReveal: typeof useReveal;
+    useRenderTarget: typeof useRenderTarget;
+    useRemoveNonReferencedModels: typeof useRemoveNonReferencedModels;
+    useTypedModels: typeof useTypedModels;
+    useSetExpectedLoadCount: typeof useSetExpectedLoadCount;
+    useCallCallbackOnFinishedLoading: typeof useCallCallbackOnFinishedLoading;
+    useCalculateCadStyling: typeof useCalculateCadStyling;
+    useReveal3DResourcesStylingLoadingSetter: typeof useReveal3DResourcesStylingLoadingSetter;
+    useCalculatePointCloudStyling: typeof useCalculatePointCloudStyling;
+    useCalculateImage360Styling: typeof useCalculateImage360Styling;
+    CadModelContainer: typeof CadModelContainer;
+    PointCloudContainer: typeof PointCloudContainer;
+    Image360CollectionContainer: typeof Image360CollectionContainer;
+};
+export declare const defaultReveal3DResourcesDependencies: Reveal3DResourcesDependencies;
+export declare const Reveal3DResourcesContext: Context<Reveal3DResourcesDependencies>;

package/dist/ui/components/Reveal3DResources/Reveal3DResources.context.js

@@ -0,0 +1,34 @@
+import { useRenderTarget as e, useReveal as t } from "../RevealCanvas/ViewerContext.js";
+import "../RevealCanvas/index.js";
+import { useReveal3DResourcesStylingLoadingSetter as n } from "./Reveal3DResourcesInfoContext.js";
+import { CadModelContainer as r } from "../CadModelContainer/CadModelContainer.js";
+import "../CadModelContainer/index.js";
+import { Image360CollectionContainer as i } from "../Image360CollectionContainer/Image360CollectionContainer.js";
+import "../Image360CollectionContainer/index.js";
+import { PointCloudContainer as a } from "../PointCloudContainer/PointCloudContainer.js";
+import { useCalculateCadStyling as o } from "./hooks/useCalculateCadStyling.js";
+import { useCalculateImage360Styling as s } from "./hooks/useCalculateImage360Styling.js";
+import { useCalculatePointCloudStyling as c } from "./hooks/useCalculatePointCloudStyling.js";
+import { useCallCallbackOnFinishedLoading as l } from "./hooks/useCallCallbackOnFinishedLoading.js";
+import { useRemoveNonReferencedModels as u } from "./hooks/useRemoveNonReferencedModels.js";
+import { useSetExpectedLoadCount as d } from "./hooks/useSetExpectedLoadCount.js";
+import { useTypedModels as f } from "./hooks/useTypedModels.js";
+import { createContext as p } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/Reveal3DResources.context.tsx
+var m = {
+	useReveal: t,
+	useRenderTarget: e,
+	useRemoveNonReferencedModels: u,
+	useTypedModels: f,
+	useSetExpectedLoadCount: d,
+	useCallCallbackOnFinishedLoading: l,
+	useCalculateCadStyling: o,
+	useReveal3DResourcesStylingLoadingSetter: n,
+	useCalculatePointCloudStyling: c,
+	useCalculateImage360Styling: s,
+	CadModelContainer: r,
+	PointCloudContainer: a,
+	Image360CollectionContainer: i
+}, h = p(m);
+//#endregion
+export { h as Reveal3DResourcesContext, m as defaultReveal3DResourcesDependencies };

package/dist/ui/components/Reveal3DResources/Reveal3DResources.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { AddReveal3DResource, RevealModelCollectionTypes } from '../../../data-providers/types/resources';
+import { DefaultResourceStyling, InstanceStylingGroup, AddResourceOptions, MappedCadStylingMode } from '../../../utilities/modelIds/types';
+export type ResourceInput = AddReveal3DResource | AddResourceOptions;
+export type Reveal3DResourcesProps = {
+    resources: ResourceInput[];
+    defaultResourceStyling?: DefaultResourceStyling;
+    instanceStyling?: InstanceStylingGroup[];
+    mappedCadStylingMode?: MappedCadStylingMode;
+    image360Settings?: {
+        iconCullingOptions?: {
+            radius?: number;
+            iconCountLimit?: number;
+        };
+    };
+    onResourcesAdded?: () => void;
+    onResourceLoadError?: (failedResource: AddResourceOptions, error: unknown) => void;
+    onResourceIsLoaded?: (model: RevealModelCollectionTypes) => void;
+};
+export declare const Reveal3DResources: ({ resources, defaultResourceStyling, instanceStyling, mappedCadStylingMode, onResourcesAdded, onResourceLoadError, onResourceIsLoaded, image360Settings, }: Reveal3DResourcesProps) => ReactElement;

package/dist/ui/components/Reveal3DResources/Reveal3DResources.js

@@ -0,0 +1,65 @@
+import { EMPTY_ARRAY as e } from "../../../utilities/constants.js";
+import { is360ImageEventsAddOptions as t, isDM3DModelIdentifier as n } from "../../../utilities/modelIds/typeGuards.js";
+import { convertAndSeparateResources as r, convertAndSeparateToNewResources as i } from "../../../data-providers/types/typeAdapters.js";
+import { getModelKeys as a } from "../../../utilities/getModelKeys.js";
+import { use3DResourcesViewModel as o } from "./Reveal3DResources.viewmodel.js";
+import { useEffect as s, useMemo as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/Reveal3DResources.tsx
+var f = ({ resources: f, defaultResourceStyling: p, instanceStyling: m, mappedCadStylingMode: h = "base", onResourcesAdded: g, onResourceLoadError: _, onResourceIsLoaded: v, image360Settings: y }) => {
+	let { CadModelContainer: b, Image360CollectionContainer: x, PointCloudContainer: S, ...C } = o(), w = C.useRenderTarget(), T = C.useReveal(), { modelResources: E, image360Resources: D } = c(() => i(f), [f]), O = c(() => [...E, ...D], [E, D]), { image360Resources: k } = c(() => r(f), [f]), { data: A } = C.useTypedModels(T, O, _), j = c(() => k.map((e) => ({
+		...y,
+		...e
+	})), [k, y]);
+	C.useRemoveNonReferencedModels(A ?? e, k, w), C.useSetExpectedLoadCount(O), C.useCallCallbackOnFinishedLoading(O, g);
+	let M = c(() => A === void 0 ? e : A.filter((e) => e.type === "cad"), [A]), { styledModels: N, isModelMappingsLoading: P } = C.useCalculateCadStyling(M, m ?? e, p, h), F = C.useReveal3DResourcesStylingLoadingSetter();
+	s(() => {
+		F(P);
+	}, [P, F]);
+	let I = C.useCalculatePointCloudStyling(A ?? e, m ?? e, p), L = C.useCalculateImage360Styling(m);
+	return /* @__PURE__ */ d(l, { children: [
+		N.map(({ styleGroups: e, model: t }, r) => {
+			let i = {
+				defaultStyle: t.styling?.default ?? p?.cad?.default,
+				groups: e
+			}, a = n(t) ? `${t.revisionExternalId}/${t.revisionSpace}/${r}` : `${t.modelId}/${t.revisionId}/${r}`;
+			return /* @__PURE__ */ u(b, {
+				addModelOptions: t,
+				styling: i,
+				transform: t.transform,
+				defaultVisible: t.defaultVisible,
+				onLoad: v,
+				onLoadError: _
+			}, a);
+		}),
+		I.map(({ styleGroups: e, model: t }, n) => {
+			let r = {
+				defaultStyle: t.styling?.default ?? p?.pointcloud?.default,
+				groups: e
+			}, i = a([t])[0] + `/${n}`;
+			return /* @__PURE__ */ u(S, {
+				addModelOptions: t,
+				styling: r,
+				defaultVisible: t.defaultVisible,
+				transform: t.transform,
+				onLoad: v,
+				onLoadError: _
+			}, i);
+		}),
+		j.map((e) => {
+			let n = {
+				defaultStyle: p?.image360?.default,
+				groups: L
+			}, r = t(e) ? e.siteId : `${e.externalId}/${e.space}`;
+			return /* @__PURE__ */ u(x, {
+				addImage360CollectionOptions: e,
+				styling: n,
+				defaultVisible: e.defaultVisible,
+				onLoad: v,
+				onLoadError: _
+			}, r);
+		})
+	] });
+};
+//#endregion
+export { f as Reveal3DResources };

package/dist/ui/components/Reveal3DResources/Reveal3DResources.viewmodel.d.ts

@@ -0,0 +1,2 @@
+import { Reveal3DResourcesDependencies } from './Reveal3DResources.context';
+export declare function use3DResourcesViewModel(): Reveal3DResourcesDependencies;

package/dist/ui/components/Reveal3DResources/Reveal3DResources.viewmodel.js

@@ -0,0 +1,8 @@
+import { Reveal3DResourcesContext as e } from "./Reveal3DResources.context.js";
+import { useContext as t } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/Reveal3DResources.viewmodel.tsx
+function n() {
+	return t(e);
+}
+//#endregion
+export { n as use3DResourcesViewModel };

package/dist/ui/components/Reveal3DResources/Reveal3DResourcesInfoContext.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement, ReactNode, Dispatch, SetStateAction } from 'react';
+type Reveal3DResourcesInfoContent = {
+    reveal3DResourcesCount: number;
+    setRevealResourcesCount: (newCount: number) => void;
+    reveal3DResourceLoadFailCount: number;
+    setReveal3DResourceLoadFailCount: Dispatch<SetStateAction<number>>;
+    reveal3DResourcesExpectedToLoad: number;
+    setReveal3DResourcesExpectedToLoad: Dispatch<SetStateAction<number>>;
+    model3DStylingLoading: boolean;
+    setModel3DStylingLoading: (loading: boolean) => void;
+};
+export declare const useReveal3DResourcesCount: () => Pick<Reveal3DResourcesInfoContent, "reveal3DResourcesCount" | "setRevealResourcesCount">;
+export declare const useReveal3DResourceLoadFailCount: () => Pick<Reveal3DResourcesInfoContent, "reveal3DResourceLoadFailCount" | "setReveal3DResourceLoadFailCount">;
+export declare const useReveal3DResourcesExpectedInViewerCount: () => number;
+export declare const useReveal3DResourcesSetExpectedToLoadCount: () => Dispatch<SetStateAction<number>>;
+export declare const useReveal3DLoadedResourceCount: () => number;
+export declare const useReveal3DResourcesStylingLoading: () => boolean;
+export declare const useReveal3DResourcesStylingLoadingSetter: () => ((value: boolean) => void);
+export declare const Reveal3DResourcesInfoContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => ReactElement;
+export {};

package/dist/ui/components/Reveal3DResources/Reveal3DResourcesInfoContext.js

@@ -0,0 +1,43 @@
+import { createContext as e, useContext as t, useMemo as n, useState as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/Reveal3DResourcesInfoContext.tsx
+var a = e(null), o = () => {
+	let e = t(a);
+	if (e === null) throw Error("ResourcesInfoContent must be used within a Reveal3DResourcesInfoContextProvider");
+	return e;
+}, s = () => {
+	let e = o();
+	return {
+		reveal3DResourcesCount: e.reveal3DResourcesCount,
+		setRevealResourcesCount: e.setRevealResourcesCount
+	};
+}, c = () => o(), l = () => {
+	let e = o();
+	return e.reveal3DResourcesExpectedToLoad - e.reveal3DResourceLoadFailCount;
+}, u = () => o().setReveal3DResourcesExpectedToLoad, d = () => o().reveal3DResourcesCount, f = () => o().model3DStylingLoading, p = () => o().setModel3DStylingLoading, m = ({ children: e }) => {
+	let [t, o] = r(0), [s, c] = r(!1), [l, u] = r(0), [d, f] = r(0), p = n(() => ({
+		reveal3DResourcesCount: t,
+		setRevealResourcesCount: o,
+		reveal3DResourceLoadFailCount: d,
+		setReveal3DResourceLoadFailCount: f,
+		reveal3DResourcesExpectedToLoad: l,
+		setReveal3DResourcesExpectedToLoad: u,
+		model3DStylingLoading: s,
+		setModel3DStylingLoading: c
+	}), [
+		t,
+		o,
+		d,
+		f,
+		l,
+		u,
+		s,
+		c
+	]);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: p,
+		children: e
+	});
+};
+//#endregion
+export { m as Reveal3DResourcesInfoContextProvider, d as useReveal3DLoadedResourceCount, c as useReveal3DResourceLoadFailCount, s as useReveal3DResourcesCount, l as useReveal3DResourcesExpectedInViewerCount, u as useReveal3DResourcesSetExpectedToLoadCount, f as useReveal3DResourcesStylingLoading, p as useReveal3DResourcesStylingLoadingSetter };

package/dist/ui/components/Reveal3DResources/hooks/useCalculateCadStyling.d.ts

@@ -0,0 +1,25 @@
+import { Context } from 'react';
+import { useCadMappingsCache } from '../../../../data-providers/cache/CacheProvider';
+import { CadInstanceMappingsCache } from '../../../../data-providers/cache/cad/CadInstanceMappingsCache';
+import { CadModelOptions, DefaultResourceStyling, InstanceStylingGroup, MappedCadStylingMode } from '../../../../utilities/modelIds/types';
+import { CadStylingGroup } from '../../../../utilities/styling/stylingGroups';
+export type ModelStyleGroup = {
+    model: CadModelOptions;
+    styleGroups: CadStylingGroup[];
+};
+type StyledModelWithMappingsFetched = {
+    styledModels: StyledModel[];
+    isModelMappingsLoading: boolean;
+};
+export type StyledModel = {
+    model: CadModelOptions;
+    styleGroups: CadStylingGroup[];
+};
+export type UseCalculateCadStylingDependencies = {
+    useCadMappingsCache: typeof useCadMappingsCache;
+};
+export declare const defaultUseCalculateCadStylingDependencies: UseCalculateCadStylingDependencies;
+export declare const UseCalculateCadStylingContext: Context<UseCalculateCadStylingDependencies>;
+export declare const useCalculateCadStyling: (models: CadModelOptions[], instanceGroups: InstanceStylingGroup[], defaultResourceStyling?: DefaultResourceStyling, mappedCadStylingMode?: MappedCadStylingMode) => StyledModelWithMappingsFetched;
+export declare function calculateCadInstanceStylingGroups(models: CadModelOptions[], instanceGroups: InstanceStylingGroup[], cadCache: CadInstanceMappingsCache, signal?: AbortSignal): Promise<ModelStyleGroup[]>;
+export {};