@cognite/reveal-components 1.0.0

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

@@ -0,0 +1,6 @@
+import { NodeAppearance } from '@cognite/reveal';
+import { CadStylingGroup } from '../../../utilities/styling/stylingGroups';
+export type CadModelStyling = {
+    defaultStyle?: NodeAppearance;
+    groups?: CadStylingGroup[];
+};

package/dist/ui/components/CadModelContainer/useApplyCadModelStyling.d.ts

@@ -0,0 +1,3 @@
+import { CogniteCadModel } from '@cognite/reveal';
+import { CadModelStyling } from './types';
+export declare const useApplyCadModelStyling: (model?: CogniteCadModel, modelStyling?: CadModelStyling) => void;

package/dist/ui/components/CadModelContainer/useApplyCadModelStyling.js

@@ -0,0 +1,67 @@
+import { useReveal as e } from "../RevealCanvas/ViewerContext.js";
+import { assertNever as t } from "../../../utilities/assertNever.js";
+import { useSDK as n } from "../RevealCanvas/SDKProvider.js";
+import { modelExists as r } from "../../../utilities/modelExists.js";
+import { isNodeStylingGroup as i, isTreeIndexStylingGroup as a } from "../../../utilities/styling/stylingGroups.js";
+import { useEffect as o } from "react";
+import { isEqual as s } from "lodash-es";
+import { DefaultNodeAppearance as c, NodeIdNodeCollection as l, TreeIndexNodeCollection as u } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/ui/components/CadModelContainer/useApplyCadModelStyling.tsx
+var d = (t, i) => {
+	let a = e(), s = n(), l = i?.defaultStyle ?? c.Default, u = i?.groups;
+	o(() => {
+		!r(t, a) || u === void 0 || f(s, t, u);
+	}, [u, t]), o(() => {
+		r(t, a) && t.setDefaultNodeAppearance(l);
+	}, [l, t]);
+};
+async function f(e, n, r) {
+	let o = await s();
+	for (let e = n.styledNodeCollections.length - 1; e >= o; e--) {
+		let t = n.styledNodeCollections[e];
+		n.unassignStyledNodeCollection(t.nodeCollection);
+	}
+	for (let s = o; s < r.length; s++) {
+		let o = r[s];
+		if (o.style !== void 0) {
+			if (a(o)) {
+				let e = new u(o.treeIndexSet);
+				n.assignStyledNodeCollection(e, o.style);
+			} else if (i(o)) {
+				let t = new l(e, n);
+				await t.executeFilter(o.nodeIds), n.assignStyledNodeCollection(t, o.style);
+			} else t(o);
+		}
+	}
+	async function s() {
+		for (let e = 0; e < n.styledNodeCollections.length; e++) {
+			let t = r[e], i = n.styledNodeCollections[e];
+			if (!await p(t, i)) return e;
+		}
+		return n.styledNodeCollections.length;
+	}
+}
+async function p(e, t) {
+	if (e?.style === void 0 || !h(t.appearance, e.style)) return !1;
+	return r(), await n(), !0;
+	async function n() {
+		if (!(t.nodeCollection instanceof l) || !("nodeIds" in e)) return;
+		let n = t.nodeCollection.serialize().state.nodeIds;
+		s(n, e.nodeIds) && await t.nodeCollection.executeFilter(e.nodeIds);
+	}
+	function r() {
+		if (!(t.nodeCollection instanceof u) || !("treeIndexSet" in e)) return;
+		let n = new u(e.treeIndexSet);
+		m(t.nodeCollection, n) || t.nodeCollection.updateSet(e.treeIndexSet);
+	}
+}
+function m(e, t) {
+	let n = e.getIndexSet(), r = t.getIndexSet();
+	return n.clone().differenceWith(r).count === 0 && n.count === r.count;
+}
+function h(e, t) {
+	let { color: n, ...r } = e, { color: i, ...a } = t;
+	return (n === void 0 || i === void 0 ? !!(n ?? i) : n.equals(i)) && s(r, a);
+}
+//#endregion
+export { d as useApplyCadModelStyling };

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

@@ -0,0 +1,15 @@
+import { Context } from 'react';
+import { RevealDomainObjectUtils } from '../../../domains/reveal/RevealDomainObjectUtils';
+import { useReveal3DResourceLoadFailCount, useReveal3DResourcesCount } from '../Reveal3DResources/Reveal3DResourcesInfoContext';
+import { useRenderTarget } from '../RevealCanvas';
+import { useRevealKeepAlive } from '../RevealKeepAlive/RevealKeepAliveContext';
+export type Image360CollectionContainerContextDependencies = {
+    useRenderTarget: typeof useRenderTarget;
+    useRevealKeepAlive: typeof useRevealKeepAlive;
+    useReveal3DResourcesCount: typeof useReveal3DResourcesCount;
+    useReveal3DResourceLoadFailCount: typeof useReveal3DResourceLoadFailCount;
+    createImage360CollectionDomainObject: typeof RevealDomainObjectUtils.addImage360CollectionDomainObject;
+    removeImage360CollectionDomainObject: typeof RevealDomainObjectUtils.remove;
+};
+export declare const defaultImage360CollectionContainerContextDependencies: Image360CollectionContainerContextDependencies;
+export declare const Image360CollectionContainerContext: Context<Image360CollectionContainerContextDependencies>;

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

@@ -0,0 +1,17 @@
+import { useRenderTarget as e } from "../RevealCanvas/ViewerContext.js";
+import "../RevealCanvas/index.js";
+import { useReveal3DResourceLoadFailCount as t, useReveal3DResourcesCount as n } from "../Reveal3DResources/Reveal3DResourcesInfoContext.js";
+import { RevealDomainObjectUtils as r } from "../../../domains/reveal/RevealDomainObjectUtils.js";
+import { useRevealKeepAlive as i } from "../RevealKeepAlive/RevealKeepAliveContext.js";
+import { createContext as a } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Image360CollectionContainer/Image360CollectionContainer.context.ts
+var o = {
+	useRenderTarget: e,
+	useRevealKeepAlive: i,
+	useReveal3DResourcesCount: n,
+	useReveal3DResourceLoadFailCount: t,
+	createImage360CollectionDomainObject: r.addImage360CollectionDomainObject.bind(void 0),
+	removeImage360CollectionDomainObject: r.remove.bind(void 0)
+}, s = a(o);
+//#endregion
+export { s as Image360CollectionContainerContext, o as defaultImage360CollectionContainerContextDependencies };

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

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+import { DataSourceType, Image360Collection } from '@cognite/reveal';
+import { AddImage360CollectionOptions } from '../../../utilities/modelIds/types';
+import { ImageCollectionModelStyling } from './useApply360AnnotationStyling';
+type Image360CollectionContainerProps = {
+    addImage360CollectionOptions: AddImage360CollectionOptions;
+    styling?: ImageCollectionModelStyling;
+    defaultVisible?: boolean;
+    onLoad?: (image360: Image360Collection<DataSourceType>) => void;
+    onLoadError?: (addOptions: AddImage360CollectionOptions, error: any) => void;
+};
+export declare function Image360CollectionContainer({ addImage360CollectionOptions, styling, defaultVisible, onLoad, onLoadError, }: Image360CollectionContainerProps): ReactElement;
+export {};

package/dist/ui/components/Image360CollectionContainer/Image360CollectionContainer.js

@@ -0,0 +1,56 @@
+import { getViewerResourceCount as e } from "../../../utilities/getViewerResourceCount.js";
+import "./constants.js";
+import { Image360CollectionContainerContext as t } from "./Image360CollectionContainer.context.js";
+import { useApply360AnnotationStyling as n } from "./useApply360AnnotationStyling.js";
+import { useContext as r, useEffect as i, useRef as a } from "react";
+import { Fragment as o, jsx as s } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/Image360CollectionContainer/Image360CollectionContainer.tsx
+function c({ addImage360CollectionOptions: c, styling: f, defaultVisible: p, onLoad: m, onLoadError: h }) {
+	let { useRenderTarget: g, useRevealKeepAlive: _, useReveal3DResourcesCount: v, useReveal3DResourceLoadFailCount: y, createImage360CollectionDomainObject: b, removeImage360CollectionDomainObject: x } = r(t), S = _(), C = g(), { setRevealResourcesCount: w } = v(), { setReveal3DResourceLoadFailCount: T } = y(), E = C.viewer, D = a(), O = a(void 0);
+	return i(() => {
+		if (c.source === "events" && O.current === c) return;
+		O.current = c;
+		let e = k(c.transform);
+		return () => {
+			e.then((e) => {
+				e();
+			});
+		};
+	}, [c]), n(D.current, f), l(D.current, c.iconCullingOptions), i(() => {
+		D.current === void 0 || c.transform === void 0 || !E.get360ImageCollections().includes(D.current) || D.current.setModelTransformation(c.transform);
+	}, [
+		D,
+		c.transform,
+		E
+	]), /* @__PURE__ */ s(o, {});
+	async function k(t) {
+		return await n().then((n) => (t !== void 0 && n.setModelTransformation(t), u(n, c.iconCullingOptions), D.current = n, m?.(n), w(e(E)), A)).catch((e) => ((h ?? d)(c, e), T((e) => e + 1), () => {
+			T((e) => e - 1);
+		}));
+		async function n() {
+			let e = E.get360ImageCollections(), t = c.source === "events" ? c.siteId : c.externalId, n = e.find((e) => e.id === t);
+			return n === void 0 ? (await b(C, c, { defaultVisible: p })).model : n;
+		}
+	}
+	function A() {
+		D.current !== void 0 && (S !== void 0 && !S.isRevealContainerMountedRef.current || (x(C, D.current), w(e(E)), D.current = void 0));
+	}
+}
+var l = (e, t) => {
+	let n = t?.radius, r = t?.iconCountLimit;
+	i(() => {
+		u(e, t);
+	}, [
+		e,
+		n,
+		r
+	]);
+};
+function u(e, t) {
+	e?.set360IconCullingRestrictions(t?.radius ?? Infinity, t?.iconCountLimit ?? 50);
+}
+function d(e, t) {
+	console.warn(`Failed to load image collection ${"siteId" in e ? e.siteId : e.externalId}: ${JSON.stringify(t)}`);
+}
+//#endregion
+export { c as Image360CollectionContainer };

package/dist/ui/components/Image360CollectionContainer/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_IMAGE360_ICON_CULLING_RADIUS: number;
+export declare const DEFAULT_IMAGE360_ICON_COUNT_LIMIT = 50;

package/dist/ui/components/Image360CollectionContainer/constants.js

@@ -0,0 +1,4 @@
+//#region libs/shared/reveal-components/src/ui/components/Image360CollectionContainer/constants.ts
+var e = Infinity;
+//#endregion
+export { e as DEFAULT_IMAGE360_ICON_CULLING_RADIUS };

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

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

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

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

package/dist/ui/components/Image360CollectionContainer/useApply360AnnotationStyling.d.ts

@@ -0,0 +1,12 @@
+import { Image360Collection, Image360AnnotationAppearance, DataSourceType, DMInstanceRef } from '@cognite/reveal';
+import { CogniteInternalId } from '@cognite/sdk';
+export type AnnotationIdStylingGroup = {
+    assetRefs: (CogniteInternalId | DMInstanceRef)[];
+    annotationRefs?: CogniteInternalId[] | DMInstanceRef[];
+    style: Image360AnnotationAppearance;
+};
+export type ImageCollectionModelStyling = {
+    defaultStyle?: Image360AnnotationAppearance;
+    groups?: AnnotationIdStylingGroup[];
+};
+export declare const useApply360AnnotationStyling: (imageCollection?: Image360Collection<DataSourceType>, styling?: ImageCollectionModelStyling) => void;

package/dist/ui/components/Image360CollectionContainer/useApply360AnnotationStyling.js

@@ -0,0 +1,39 @@
+import { useReveal as e } from "../RevealCanvas/ViewerContext.js";
+import { image360CollectionExists as t } from "../../../utilities/modelExists.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { Color as o } from "three";
+//#region libs/shared/reveal-components/src/ui/components/Image360CollectionContainer/useApply360AnnotationStyling.tsx
+var s = {
+	color: new o("rgb(150, 150, 242)"),
+	visible: !0
+}, c = (o, c) => {
+	let u = e(), [d, f] = a([]), p = i(new AbortController()), m = c?.defaultStyle ?? s, h = c?.groups, g = n(() => {
+		o !== void 0 && (d.forEach((e) => {
+			e.setColor(void 0);
+		}), f([]), o.setDefaultAnnotationStyle(m), u.requestRedraw());
+	}, [
+		u,
+		m,
+		h
+	]);
+	r(() => {
+		if (o !== void 0) return o.on("image360Entered", g), () => {
+			o.off("image360Entered", g);
+		};
+	}, [u, o]), r(() => {
+		!t(o, u) || h === void 0 || (h.length === 0 ? (g(), p.current.abort(), p.current = new AbortController()) : l(o, h, u, g, f, p.current.signal));
+	}, [h, o]);
+};
+async function l(e, t, n, r, i, a) {
+	if (t !== void 0 && t.length !== 0) {
+		for (let o of t) if (o.assetRefs !== void 0) {
+			let t = o.assetRefs.map(async () => await e.findImageAnnotations({ assetRef: typeof o.assetRefs[0] == "number" ? { id: o.assetRefs[0] } : o.assetRefs[0] })), s = (await Promise.all(t)).flat();
+			if (s.length === 0 || a.aborted) return;
+			r(), s.forEach((e) => {
+				e.annotation.setColor(o.style.color);
+			}), i(s.map((e) => e.annotation)), n.requestRedraw();
+		}
+	}
+}
+//#endregion
+export { c as useApply360AnnotationStyling };

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

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+import { Image360HistoricalDetails } from '../Image360HistoricalDetails/Image360HistoricalDetails';
+import { useReveal } from '../RevealCanvas';
+import { useImage360Entity } from './useImage360Entity';
+export type Image360DetailsContextDependencies = {
+    useReveal: typeof useReveal;
+    useImage360Entity: typeof useImage360Entity;
+    Image360HistoricalDetails: typeof Image360HistoricalDetails;
+};
+export declare const defaultImage360DetailsContextDependencies: Image360DetailsContextDependencies;
+export declare const Image360DetailsContext: Context<Image360DetailsContextDependencies>;

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

@@ -0,0 +1,13 @@
+import { useReveal as e } from "../RevealCanvas/ViewerContext.js";
+import "../RevealCanvas/index.js";
+import { Image360HistoricalDetails as t } from "../Image360HistoricalDetails/Image360HistoricalDetails.js";
+import { useImage360Entity as n } from "./useImage360Entity.js";
+import { createContext as r } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Image360Details/Image360Details.context.ts
+var i = {
+	useReveal: e,
+	useImage360Entity: n,
+	Image360HistoricalDetails: t
+}, a = r(i);
+//#endregion
+export { a as Image360DetailsContext, i as defaultImage360DetailsContextDependencies };

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+type Image360DetailsProps = {
+    appLanguage?: string;
+    enableExitButton?: boolean;
+};
+export declare function Image360Details({ appLanguage, enableExitButton, }: Image360DetailsProps): ReactElement;
+export {};

package/dist/ui/components/Image360Details/Image360Details.js

@@ -0,0 +1,45 @@
+import { Image360DetailsContext as e } from "./Image360Details.context.js";
+import { useCallback as t, useContext as n, useEffect as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as l } from "@cognite/aura/components/button";
+import { IconX as u } from "@tabler/icons-react";
+//#region libs/shared/reveal-components/src/ui/components/Image360Details/Image360Details.tsx
+function d({ appLanguage: d, enableExitButton: f = !0 }) {
+	let { useReveal: p, useImage360Entity: m, Image360HistoricalDetails: h } = n(e), g = p(), _ = m(g), [v, y] = a(!1), b = t((e) => {
+		y(e);
+	}, []), x = t(() => {
+		g.exit360Image();
+	}, [g]), S = i(null);
+	return r(() => {
+		let e = S.current;
+		if (e === null) return;
+		let t = (e) => {
+			e.stopPropagation();
+		};
+		return e.addEventListener("pointerdown", t), e.addEventListener("wheel", t), e.addEventListener("keydown", t), () => {
+			e.removeEventListener("pointerdown", t), e.removeEventListener("wheel", t), e.removeEventListener("keydown", t);
+		};
+	}, []), /* @__PURE__ */ s("div", {
+		ref: S,
+		children: _ !== void 0 && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+			className: `absolute flex flex-col h-fit w-fit max-w-full min-w-full transition-transform duration-[250ms] ease-in-out z-[100] ${v ? "bottom-0 translate-y-0" : "bottom-10 translate-y-full"}`,
+			children: /* @__PURE__ */ s(h, {
+				viewer: g,
+				image360Entity: _,
+				onExpand: b,
+				fallbackLanguage: d
+			})
+		}), f && /* @__PURE__ */ s("div", {
+			className: "absolute right-5 top-5 bg-white size-9 rounded-lg outline-none",
+			children: /* @__PURE__ */ s(l, {
+				variant: "ghost",
+				size: "icon",
+				className: "rounded-lg",
+				onClick: x,
+				children: /* @__PURE__ */ s(u, {})
+			})
+		})] })
+	});
+}
+//#endregion
+export { d as Image360Details };

package/dist/ui/components/Image360Details/useImage360Entity.context.d.ts

@@ -0,0 +1,7 @@
+import { Context } from 'react';
+import { useImage360Collections } from '../../hooks';
+export type UseImage360EntityContextDependencies = {
+    useImage360Collections: typeof useImage360Collections;
+};
+export declare const defaultUseImage360EntityContextDependencies: UseImage360EntityContextDependencies;
+export declare const UseImage360EntityContext: Context<UseImage360EntityContextDependencies>;

package/dist/ui/components/Image360Details/useImage360Entity.context.js

@@ -0,0 +1,7 @@
+import { useImage360Collections as e } from "../../hooks/useImage360Collections.js";
+import "../../hooks/index.js";
+import { createContext as t } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Image360Details/useImage360Entity.context.ts
+var n = { useImage360Collections: e }, r = t(n);
+//#endregion
+export { r as UseImage360EntityContext, n as defaultUseImage360EntityContextDependencies };

package/dist/ui/components/Image360Details/useImage360Entity.d.ts

@@ -0,0 +1,2 @@
+import { Cognite3DViewer, DataSourceType, Image360 } from '@cognite/reveal';
+export declare const useImage360Entity: (viewer: Cognite3DViewer<DataSourceType>) => Image360<DataSourceType> | undefined;

package/dist/ui/components/Image360Details/useImage360Entity.js

@@ -0,0 +1,22 @@
+import { UseImage360EntityContext as e } from "./useImage360Entity.context.js";
+import { useCallback as t, useContext as n, useEffect as r, useState as i } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Image360Details/useImage360Entity.tsx
+var a = (a) => {
+	let { useImage360Collections: o } = n(e), [s, c] = i(), l = t(() => {
+		c(void 0);
+	}, [c]), u = o();
+	return r(() => (u.forEach((e) => {
+		e.on("image360Entered", c), e.on("image360Exited", l);
+	}), () => {
+		u.forEach((e) => {
+			e.off("image360Entered", c), e.off("image360Exited", l);
+		});
+	}), [
+		a,
+		u,
+		c,
+		l
+	]), s;
+};
+//#endregion
+export { a as useImage360Entity };

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

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+import { useImage360HistoricalDetailsViewModel } from './Image360HistoricalDetails.viewmodel';
+import { Image360HistoricalPanel } from './Panel/Image360HistoricalPanel';
+import { Image360HistoricalSummary } from './Toolbar/Image360HistoricalSummary';
+export type Image360HistoricalDetailsDependencies = {
+    Image360HistoricalPanel: typeof Image360HistoricalPanel;
+    Image360HistoricalSummary: typeof Image360HistoricalSummary;
+    useImage360HistoricalDetailsViewModel: typeof useImage360HistoricalDetailsViewModel;
+};
+export declare const defaultImage360HistoricalDetailsDependencies: Image360HistoricalDetailsDependencies;
+export declare const Image360HistoricalDetailsContext: Context<Image360HistoricalDetailsDependencies>;

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

@@ -0,0 +1,12 @@
+import { useImage360HistoricalDetailsViewModel as e } from "./Image360HistoricalDetails.viewmodel.js";
+import { Image360HistoricalPanel as t } from "./Panel/Image360HistoricalPanel.js";
+import { Image360HistoricalSummary as n } from "./Toolbar/Image360HistoricalSummary.js";
+import { createContext as r } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.context.tsx
+var i = {
+	Image360HistoricalPanel: t,
+	Image360HistoricalSummary: n,
+	useImage360HistoricalDetailsViewModel: e
+}, a = r(i);
+//#endregion
+export { a as Image360HistoricalDetailsContext, i as defaultImage360HistoricalDetailsDependencies };

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

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { Image360HistoricalDetailsProps } from './types';
+export declare const Image360HistoricalDetails: ({ viewer, image360Entity, onExpand, fallbackLanguage, }: Image360HistoricalDetailsProps) => ReactElement;

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

@@ -0,0 +1,36 @@
+import { Image360HistoricalDetailsContext as e } from "./Image360HistoricalDetails.context.js";
+import { useContext as t } from "react";
+import { uniqueId as n } from "lodash-es";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.tsx
+var o = ({ viewer: o, image360Entity: s, onExpand: c, fallbackLanguage: l }) => {
+	let { Image360HistoricalPanel: u, Image360HistoricalSummary: d, useImage360HistoricalDetailsViewModel: f } = t(e), { revisionDetailsExpanded: p, setRevisionDetailsExpanded: m, activeRevision: h, setActiveRevision: g, revisionCollection: _, newScrollPosition: v, stationId: y, stationName: b } = f({
+		viewer: o,
+		image360Entity: s,
+		onExpand: c,
+		fallbackLanguage: l
+	});
+	return /* @__PURE__ */ i("div", {
+		onClick: (e) => {
+			e.stopPropagation();
+		},
+		className: `relative flex flex-col h-fit w-full ${p ? "min-w-full" : "min-w-[100px]"}`,
+		children: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(u, {
+			revisionCount: _.length,
+			revisionDetailsExpanded: p,
+			setRevisionDetailsExpanded: m,
+			fallbackLanguage: l
+		}, n()), p && /* @__PURE__ */ i(d, {
+			ref: v,
+			viewer: o,
+			stationId: y,
+			stationName: b,
+			activeRevision: h,
+			setActiveRevision: g,
+			revisionCollection: _,
+			fallbackLanguage: l
+		}, n())] })
+	});
+};
+//#endregion
+export { o as Image360HistoricalDetails };

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.context.d.ts

@@ -0,0 +1,8 @@
+import { Context } from 'react';
+import { formatDateTime } from '../../../utilities/date-time-utils';
+export type Image360HistoricalDetailsViewModelDependencies = {
+    formatDateTime: typeof formatDateTime;
+    revokeObjectUrl: typeof globalThis.URL.revokeObjectURL;
+};
+export declare const defaultImage360HistoricalDetailsViewModelDependencies: Image360HistoricalDetailsViewModelDependencies;
+export declare const Image360HistoricalDetailsViewModelContext: Context<Image360HistoricalDetailsViewModelDependencies>;

package/dist/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.context.js

@@ -0,0 +1,12 @@
+import { formatDateTime as e } from "../../../utilities/date-time-utils/format-date-time.js";
+import "../../../utilities/date-time-utils/index.js";
+import { createContext as t } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.context.ts
+var n = {
+	formatDateTime: e,
+	revokeObjectUrl: (e) => {
+		globalThis.URL.revokeObjectURL(e);
+	}
+}, r = t(n);
+//#endregion
+export { r as Image360HistoricalDetailsViewModelContext, n as defaultImage360HistoricalDetailsViewModelDependencies };

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

@@ -0,0 +1,2 @@
+import { Image360HistoricalDetailsProps, UseImage360HistoricalDetailsViewModelResult } from './types';
+export declare function useImage360HistoricalDetailsViewModel({ image360Entity, onExpand, }: Image360HistoricalDetailsProps): UseImage360HistoricalDetailsViewModelResult;

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

@@ -0,0 +1,42 @@
+import { Image360HistoricalDetailsViewModelContext as e } from "./Image360HistoricalDetails.viewmodel.context.js";
+import { getStationIdentifier as t } from "./utils/getStationIdentifier.js";
+import { useContext as n, useEffect as r, useRef as i, useState as a } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Image360HistoricalDetails.viewmodel.tsx
+function o({ image360Entity: o, onExpand: s }) {
+	let [c, l] = a(!1), [u, d] = a(0), [f, p] = a([]), [m, h] = a([]), g = i(0), { formatDateTime: _, revokeObjectUrl: v } = n(e), y = o === void 0 ? void 0 : t(o), b = o?.label;
+	return r(() => ((async () => {
+		if (o !== void 0) {
+			let e = o.getRevisions(), t = e.map((e) => e.date), n = await Promise.all(e.map(async (e) => await e.getPreviewThumbnailUrl()));
+			h(n);
+			let r = t.map((e, t) => ({
+				date: e === void 0 ? "Date not available" : _({ date: e }),
+				imageUrl: n[t],
+				index: t,
+				image360Entity: o
+			}));
+			g.current = 0, p(r), d(0);
+		}
+	})(), () => {
+		m.forEach((e) => {
+			e !== void 0 && v(e);
+		}), h([]);
+	}), [
+		o,
+		v,
+		_
+	]), r(() => {
+		s !== void 0 && s(c);
+	}, [c, s]), {
+		revisionDetailsExpanded: c,
+		setRevisionDetailsExpanded: l,
+		activeRevision: u,
+		setActiveRevision: d,
+		revisionCollection: f,
+		imageUrls: m,
+		newScrollPosition: g,
+		stationId: y,
+		stationName: b
+	};
+}
+//#endregion
+export { o as useImage360HistoricalDetailsViewModel };

package/dist/ui/components/Image360HistoricalDetails/Panel/Image360HistoricalPanel.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+export type Image360HistoricalPanelProps = {
+    revisionCount?: number;
+    revisionDetailsExpanded: boolean;
+    setRevisionDetailsExpanded: (detailed: boolean) => void;
+    fallbackLanguage?: string;
+};
+export declare const Image360HistoricalPanel: ({ revisionCount, revisionDetailsExpanded, setRevisionDetailsExpanded, fallbackLanguage, }: Image360HistoricalPanelProps) => ReactElement;

package/dist/ui/components/Image360HistoricalDetails/Panel/Image360HistoricalPanel.js

@@ -0,0 +1,28 @@
+import { useTranslation as e } from "../../i18n/I18n.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Tooltip as r, TooltipContent as i, TooltipProvider as a, TooltipTrigger as o } from "@cognite/aura/components/tooltip";
+import { Button as s } from "@cognite/aura/components/button";
+import { Badge as c } from "@cognite/aura/components/badge";
+//#region libs/shared/reveal-components/src/ui/components/Image360HistoricalDetails/Panel/Image360HistoricalPanel.tsx
+var l = ({ revisionCount: l, revisionDetailsExpanded: u, setRevisionDetailsExpanded: d, fallbackLanguage: f }) => {
+	let { t: p } = e(f);
+	return /* @__PURE__ */ t("div", {
+		onClick: (e) => {
+			e.stopPropagation();
+		},
+		className: `relative left-[calc(100%-200px)] w-fit h-fit bg-white py-1 px-2.5 items-center flex ${u ? "rounded-t-md" : "rounded-md"}`,
+		children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ t(o, { render: /* @__PURE__ */ n(s, {
+			variant: "ghost",
+			onClick: () => {
+				d(!u);
+			},
+			className: "h-auto rounded-md border-0 w-fit p-0 gap-1.5 text-sm font-medium leading-5",
+			children: [p({ key: "IMAGES_360_DETAILS" }), !u && /* @__PURE__ */ n(c, {
+				variant: "secondary",
+				children: [l, " Historic"]
+			})]
+		}) }), /* @__PURE__ */ t(i, { children: p({ key: "IMAGES_360_DETAILS_TOOLTIP" }) })] }) })
+	});
+};
+//#endregion
+export { l as Image360HistoricalPanel };

package/dist/ui/components/Image360HistoricalDetails/Toolbar/Image360HistoricalSummary.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { DataSourceType, Cognite3DViewer, Image360 } from '@cognite/reveal';
+export type Image360RevisionDetails = {
+    date?: string;
+    imageUrl?: string;
+    index: number;
+    image360Entity: Image360<DataSourceType> | undefined;
+};
+export type Image360HistoricalSummaryProps = {
+    stationId?: string;
+    stationName?: string;
+    viewer?: Cognite3DViewer<DataSourceType>;
+    revisionCollection: Image360RevisionDetails[];
+    activeRevision: number;
+    setActiveRevision: (index: number) => void;
+    fallbackLanguage?: string;
+};
+export declare const Image360HistoricalSummary: React.ForwardRefExoticComponent<Image360HistoricalSummaryProps & React.RefAttributes<number>>;