@cognite/reveal-components 1.0.0

package/dist/ui/components/Widget/RevealWidgetController.d.ts

@@ -0,0 +1,92 @@
+import { ClassicModelIdentifierType, DMModelIdentifierType, NodeAppearance } from '@cognite/reveal';
+import { findViewerAnnotationInfo } from '../../../data-providers/cache';
+import { DmsUniqueIdentifier } from '../../../data-providers/FdmSDK';
+import { InstanceBounds, getBoundsForInstance } from '../../../data-providers/network/bounds/getBoundsForInstance';
+import { AddReveal3DResource, AllResourceIdentifier, SceneAddOptions, SceneResourceIdentifier, ThreeDResourceIdentifier } from '../../../data-providers/types/resources';
+import { RevealDomainObject, RevealRenderTarget } from '../../../domains';
+import { RevealDomainObjectUtils } from '../../../domains/reveal/RevealDomainObjectUtils';
+import { SceneDomainObject } from '../../../domains/scene/SceneDomainObject';
+import { InstanceId } from '../../../utilities/instanceIds';
+import { InstanceStylingGroup } from '../../../utilities/modelIds';
+import { RevealWidgetCameraController } from './RevealWidgetCameraController';
+import { applyCadDefaultStyling } from './styling/applyCadDefaultStyling';
+import { applyPointCloudDefaultStyling } from './styling/applyPointCloudDefaultStyling';
+export type RevealWidgetControllerDependencies = {
+    addCadModel: (typeof RevealDomainObjectUtils)['addCadDomainObject'];
+    addPointCloud: (typeof RevealDomainObjectUtils)['addPointCloudDomainObject'];
+    addImage360: (typeof RevealDomainObjectUtils)['addImage360CollectionDomainObject'];
+    sceneFactory: (id: DmsUniqueIdentifier) => SceneDomainObject;
+    getBoundsForInstance: typeof getBoundsForInstance;
+    findViewerAnnotationInfo: typeof findViewerAnnotationInfo;
+    applyCadDefaultStyling: typeof applyCadDefaultStyling;
+    applyPointCloudDefaultStyling: typeof applyPointCloudDefaultStyling;
+};
+export declare const defaultRevealWidgetControllerDependencies: RevealWidgetControllerDependencies;
+/**
+ * RevealWidgetController: Controller class for interacting with the RevealWidget
+ */
+export declare class RevealWidgetController {
+    private readonly _renderTarget;
+    private readonly _dependencies;
+    private readonly _cameraController;
+    constructor(_renderTarget: RevealRenderTarget, _dependencies?: RevealWidgetControllerDependencies);
+    /**
+     * Access the RevealWidgetCameraController for camera controls
+     */
+    get cameraController(): RevealWidgetCameraController;
+    /**
+     * Add a 3D resource (i.e. model or scene) to the widget.
+     * Added resources can be removed by calling their `.remove` methods
+     * Example:
+     * ```
+     * const model = await controller.addResource({ type: 'cad', modelId: 12345, revisionId: 23456 });
+     *
+     * // during cleanup:
+     * model.remove();
+     * ```
+     */
+    addResource(addOptions: ThreeDResourceIdentifier): Promise<RevealDomainObject>;
+    addResource(addOptions: SceneResourceIdentifier): Promise<SceneDomainObject>;
+    addResource(addOptions: AllResourceIdentifier): Promise<RevealDomainObject | SceneDomainObject>;
+    /**
+     * Get all models added to the RevealWidget
+     */
+    getModels(): RevealDomainObject[];
+    /**
+     * Get all models added to the RevealWidget that are visible
+     */
+    getVisibleModels(): RevealDomainObject[];
+    /**
+     * Style the provided instances with the associated styles in the given models, if
+     * the instances are contextualized to the models
+     */
+    styleByInstance(instanceStylingGroups: InstanceStylingGroup[], domainObjects: RevealDomainObject[]): Promise<void>;
+    /**
+     * Style all contextualized objects in given models
+     */
+    applyDefaultStyling(styling: {
+        contextualizedAppearance?: NodeAppearance;
+        defaultAppearance?: NodeAppearance;
+    }, domainObjects: RevealDomainObject[]): Promise<void>;
+    /**
+     * Moves the camera to show the provided instances in the
+     * visible models in the scene. If the found match
+     * is a bounding box (as opposed to an annotation in a 360-image),
+     * the bounding box will cover all CAD- and point cloud-contextualizations in the models.
+     */
+    focusInstances(instances: InstanceId[]): Promise<void>;
+    focusBounds(instanceBounds: InstanceBounds): Promise<void>;
+    /**
+     * Retrieve the full resource identification (i.e. including model type)
+     * for a model identifier whose type is unknown
+     */
+    getResourceIdentifierWithType(id: ClassicModelIdentifierType | DMModelIdentifierType): Promise<AllResourceIdentifier>;
+    /**
+     * Convert Reveal3DResourceOptions to AllResourceIdentifier
+     */
+    getResourceIdentifiersFromResourceOptions(resources: (AddReveal3DResource | SceneAddOptions)[]): Promise<AllResourceIdentifier[]>;
+    /**
+     * Takes a screenshot of the Reveal viewer and returns it in the form of a data URL
+     */
+    getScreenshot(width: number, height: number, includeUI: boolean): Promise<string>;
+}

package/dist/ui/components/Widget/RevealWidgetController.js

@@ -0,0 +1,110 @@
+import { assertNever as e } from "../../../utilities/assertNever.js";
+import { RevealDomainObject as t } from "../../../domains/reveal/RevealDomainObject.js";
+import { Image360CollectionDomainObject as n } from "../../../domains/reveal/Image360Collection/Image360CollectionDomainObject.js";
+import { PointCloudDomainObject as r } from "../../../domains/reveal/pointCloud/PointCloudDomainObject.js";
+import { findViewerAnnotationInfo as i } from "../../../data-providers/cache/utils.js";
+import { convertNewImage360AddOptionToRevealAddOptions as a, convertNewModel3dAddOptionToRevealAddOptions as o } from "../../../data-providers/types/typeAdapters.js";
+import { CadDomainObject as s } from "../../../domains/reveal/cad/CadDomainObject.js";
+import { RevealDomainObjectUtils as c } from "../../../domains/reveal/RevealDomainObjectUtils.js";
+import { SceneDomainObject as l } from "../../../domains/scene/SceneDomainObject.js";
+import "../../../domains/index.js";
+import "../../../data-providers/cache/index.js";
+import { getBoundsForInstance as u } from "../../../data-providers/network/bounds/getBoundsForInstance.js";
+import { getResourceIdentifiersFromResourceOptions as d } from "../../../data-providers/network/common/getResourceIdentifierFromResourceOptions.js";
+import { getResourceIdentifierWithType as f } from "../../../data-providers/network/common/getResourceIdentifierWithType.js";
+import { RevealWidgetCameraController as p } from "./RevealWidgetCameraController.js";
+import { applyCadDefaultStyling as m } from "./styling/applyCadDefaultStyling.js";
+import { applyCadInstanceStyling as h } from "./styling/applyCadInstanceStyling.js";
+import { applyImage360InstanceStyling as g } from "./styling/applyImage360InstanceStyling.js";
+import { applyPointCloudDefaultStyling as _ } from "./styling/applyPointCloudDefaultStyling.js";
+import { applyPointCloudInstanceStyling as v } from "./styling/applyPointCloudInstanceStyling.js";
+//#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidgetController.ts
+var y = {
+	addCadModel: c.addCadDomainObject,
+	addPointCloud: c.addPointCloudDomainObject,
+	addImage360: c.addImage360CollectionDomainObject,
+	sceneFactory: (e) => new l(e),
+	getBoundsForInstance: u,
+	findViewerAnnotationInfo: i,
+	applyCadDefaultStyling: m,
+	applyPointCloudDefaultStyling: _
+}, b = class {
+	_renderTarget;
+	_dependencies;
+	_cameraController;
+	constructor(e, t = y) {
+		this._renderTarget = e, this._dependencies = t, this._cameraController = new p(this._renderTarget);
+	}
+	get cameraController() {
+		return this._cameraController;
+	}
+	async addResource(t) {
+		if (t.type === "scene") {
+			let e = this._dependencies.sceneFactory(t);
+			return this._renderTarget.root.addChild(e), await e.load(this._renderTarget), e;
+		}
+		if (t.type === "cad") {
+			let e = o({
+				...t,
+				modelCategory: "model3d"
+			});
+			return this._dependencies.addCadModel(this._renderTarget, e);
+		}
+		if (t.type === "pointcloud") {
+			let e = o({
+				...t,
+				modelCategory: "model3d"
+			});
+			return this._dependencies.addPointCloud(this._renderTarget, e);
+		}
+		if (t.type === "image360") {
+			let e = a({
+				...t,
+				modelCategory: "image360"
+			});
+			return this._dependencies.addImage360(this._renderTarget, e);
+		}
+		e(t);
+	}
+	getModels() {
+		return [...this._renderTarget.root.getDescendantsByType(t)];
+	}
+	getVisibleModels() {
+		return this.getModels().filter((e) => e.isVisible(this._renderTarget));
+	}
+	styleByInstance(e, t) {
+		let i = h(e, t.filter((e) => e instanceof s), this._renderTarget.cdfCaches.cogniteClient, this._renderTarget.cdfCaches.cadMappingsCache);
+		return v(e, t.filter((e) => e instanceof r)), g(e, t.filter((e) => e instanceof n)), i;
+	}
+	async applyDefaultStyling(e, t) {
+		let i = this._dependencies.applyCadDefaultStyling(e, t.filter((e) => e instanceof s), this._renderTarget.cdfCaches.cadMappingsCache);
+		this._dependencies.applyPointCloudDefaultStyling(e, t.filter((e) => e instanceof r));
+		let a = e.contextualizedAppearance ?? e.defaultAppearance ?? {};
+		t.filter((e) => e instanceof n).forEach((e) => e.setDefaultStyling(a)), await i;
+	}
+	async focusInstances(e) {
+		let t = await this._dependencies.getBoundsForInstance(e, this.getVisibleModels(), this._renderTarget.viewer, this._renderTarget.cdfCaches.cadMappingsCache, this._renderTarget.cdfCaches.image360Cache);
+		if (t.length === 0) return;
+		let n = t[0];
+		await this.focusBounds(n);
+	}
+	async focusBounds(e) {
+		if (e.type === "boundingBox") this._renderTarget.viewer.exit360Image(), this._renderTarget.viewer.fitCameraToBoundingBox(e.boundingBox);
+		else if (e.type === "image360annotation") {
+			let t = await this._dependencies.findViewerAnnotationInfo(this._renderTarget.viewer, e.image360AnnotationInfo);
+			if (t === void 0) return;
+			await this._renderTarget.viewer.enter360Image(t.image, t.revision), this._renderTarget.viewer.cameraManager.setCameraState({ target: t.annotation.getCenter() });
+		}
+	}
+	async getResourceIdentifierWithType(e) {
+		return f(e, this._renderTarget.viewer, this._renderTarget.root.fdmSdk);
+	}
+	async getResourceIdentifiersFromResourceOptions(e) {
+		return d(e, this._renderTarget.viewer, this._renderTarget.root.fdmSdk);
+	}
+	async getScreenshot(e, t, n) {
+		return this._renderTarget.viewer.getScreenshot(e, t, n);
+	}
+};
+//#endregion
+export { b as RevealWidgetController, y as defaultRevealWidgetControllerDependencies };

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

@@ -0,0 +1,4 @@
+export { RevealWidget, type RevealWidgetProps } from './RevealWidget';
+export { RevealWidgetController } from './RevealWidgetController';
+export { Default3DStyles } from './styling/constants';
+export { RevealWidgetCameraController } from './RevealWidgetCameraController';

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

@@ -0,0 +1,5 @@
+import { RevealWidgetCameraController as e } from "./RevealWidgetCameraController.js";
+import { Default3DStyles as t } from "./styling/constants.js";
+import { RevealWidgetController as n } from "./RevealWidgetController.js";
+import { RevealWidget as r } from "./RevealWidget.js";
+export { t as Default3DStyles, r as RevealWidget, e as RevealWidgetCameraController, n as RevealWidgetController };

package/dist/ui/components/Widget/styling/applyCadDefaultStyling.d.ts

@@ -0,0 +1,7 @@
+import { NodeAppearance } from '@cognite/reveal';
+import { CadInstanceMappingsCache } from '../../../../data-providers/cache/cad/CadInstanceMappingsCache';
+import { CadDomainObject } from '../../../../domains';
+export declare function applyCadDefaultStyling({ contextualizedAppearance, defaultAppearance, }: {
+    contextualizedAppearance?: NodeAppearance;
+    defaultAppearance?: NodeAppearance;
+}, domainObjects: CadDomainObject[], cadMappingsCache: CadInstanceMappingsCache): Promise<void>;

package/dist/ui/components/Widget/styling/applyCadDefaultStyling.js

@@ -0,0 +1,24 @@
+import { createModelRevisionKey as e } from "../../../../data-providers/cache/idAndKeyTranslation.js";
+import "./constants.js";
+import { DefaultNodeAppearance as t, IndexSet as n, TreeIndexNodeCollection as r } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/ui/components/Widget/styling/applyCadDefaultStyling.ts
+var i = Symbol("widget-default-cad-styling");
+async function a({ contextualizedAppearance: a, defaultAppearance: o }, s, c) {
+	let l = s.map((e) => e.model), u = a === void 0 ? void 0 : await c.getAllModelMappings(l);
+	s.forEach((s) => {
+		if (o === void 0 ? s.setDefaultStyling(t.Default) : s.setDefaultStyling(o), a === void 0 || u === void 0) {
+			s.removeStyledNodeCollections(i);
+			return;
+		}
+		let c = s.model, l = u.get(e(c.modelId, c.revisionId));
+		if (l === void 0) return;
+		let d = l.values().flatMap((e) => e.map((e) => e.treeIndex)), f = new n(d);
+		s.addStyledNodeCollections(i, [{
+			collection: new r(f),
+			appearance: a,
+			importance: 0
+		}]);
+	});
+}
+//#endregion
+export { a as applyCadDefaultStyling };

package/dist/ui/components/Widget/styling/applyCadInstanceStyling.d.ts

@@ -0,0 +1,10 @@
+import { CogniteClient } from '@cognite/sdk';
+import { CadInstanceMappingsCache } from '../../../../data-providers/cache/cad/CadInstanceMappingsCache';
+import { CadDomainObject } from '../../../../domains';
+import { CadDomainObjectUtils } from '../../../../domains/reveal/cad/CadDomainObjectUtils';
+import { InstanceStylingGroup } from '../../../../utilities/modelIds';
+export type ApplyCadInstanceStylingDependencies = {
+    findInstanceStylingGroupsForCadDomainObjects: typeof CadDomainObjectUtils.findInstanceStylingGroupsForCadDomainObjects;
+};
+export declare const defaultApplyCadInstanceStylingDependencies: ApplyCadInstanceStylingDependencies;
+export declare function applyCadInstanceStyling(instanceStylingGroups: InstanceStylingGroup[], domainObjects: CadDomainObject[], cogniteClient: CogniteClient, cadMappingsCache: CadInstanceMappingsCache, dependencies?: ApplyCadInstanceStylingDependencies): Promise<void>;

package/dist/ui/components/Widget/styling/applyCadInstanceStyling.js

@@ -0,0 +1,11 @@
+import "./constants.js";
+import { CadDomainObjectUtils as e } from "../../../../domains/reveal/cad/CadDomainObjectUtils.js";
+//#region libs/shared/reveal-components/src/ui/components/Widget/styling/applyCadInstanceStyling.ts
+var t = Symbol("widget-cad-instance-styling"), n = { findInstanceStylingGroupsForCadDomainObjects: e.findInstanceStylingGroupsForCadDomainObjects };
+async function r(e, r, i, a, o = n) {
+	(await o.findInstanceStylingGroupsForCadDomainObjects(e, r, i, a, 1)).forEach(({ domainObject: e, stylingInfo: n }) => {
+		e.removeStyledNodeCollections(t), n.length > 0 && e.addStyledNodeCollections(t, n);
+	});
+}
+//#endregion
+export { r as applyCadInstanceStyling, n as defaultApplyCadInstanceStylingDependencies };

package/dist/ui/components/Widget/styling/applyImage360InstanceStyling.d.ts

@@ -0,0 +1,3 @@
+import { Image360CollectionDomainObject } from '../../../../domains';
+import { InstanceStylingGroup } from '../../../../utilities/modelIds';
+export declare function applyImage360InstanceStyling(instanceStylingGroups: InstanceStylingGroup[], domainObjects: Image360CollectionDomainObject[]): void;

package/dist/ui/components/Widget/styling/applyImage360InstanceStyling.js

@@ -0,0 +1,17 @@
+import { instanceIdToInstanceReference as e } from "../../../../data-providers/cache/idAndKeyTranslation.js";
+import { isDefined as t } from "../../../../utilities/isDefined.js";
+//#region libs/shared/reveal-components/src/ui/components/Widget/styling/applyImage360InstanceStyling.ts
+var n = Symbol("widget-instance-styling");
+function r(r, i) {
+	i.forEach((i) => {
+		let a = r.map((t) => {
+			if (t.style?.image360 !== void 0) return {
+				instanceReferences: t.instanceIds.map(e),
+				appearance: t.style.image360
+			};
+		}).filter(t);
+		a.length !== 0 && i.addStylingRules(n, a);
+	});
+}
+//#endregion
+export { r as applyImage360InstanceStyling };

package/dist/ui/components/Widget/styling/applyPointCloudDefaultStyling.d.ts

@@ -0,0 +1,6 @@
+import { NodeAppearance } from '@cognite/reveal';
+import { PointCloudDomainObject } from '../../../../domains';
+export declare function applyPointCloudDefaultStyling({ contextualizedAppearance, defaultAppearance, }: {
+    contextualizedAppearance?: NodeAppearance;
+    defaultAppearance?: NodeAppearance;
+}, domainObjects: PointCloudDomainObject[]): void;

package/dist/ui/components/Widget/styling/applyPointCloudDefaultStyling.js

@@ -0,0 +1,18 @@
+import { getPointCloudVolumeId as e } from "../../../../data-providers/cache/utils.js";
+import { createPointCloudObjectCollectionFromVolumeIds as t } from "../../PointCloudContainer/useApplyPointCloudStyling.js";
+import "./constants.js";
+import { DefaultNodeAppearance as n } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/ui/components/Widget/styling/applyPointCloudDefaultStyling.ts
+var r = Symbol("widget-default-pointcloud-styling");
+function i({ contextualizedAppearance: i, defaultAppearance: a }, o) {
+	o.forEach((o) => {
+		a === void 0 ? o.setDefaultStyling(n.Default) : o.setDefaultStyling(a);
+		let s = t(o.model.stylableObjects.map(e));
+		i !== void 0 && s !== void 0 ? o.addStyledObjectCollections(r, [{
+			collection: s,
+			style: i
+		}], 0) : o.removeStyledObjectCollections(r);
+	});
+}
+//#endregion
+export { i as applyPointCloudDefaultStyling };

package/dist/ui/components/Widget/styling/applyPointCloudInstanceStyling.d.ts

@@ -0,0 +1,3 @@
+import { PointCloudDomainObject } from '../../../../domains';
+import { InstanceStylingGroup } from '../../../../utilities/modelIds';
+export declare function applyPointCloudInstanceStyling(instanceStylingGroups: InstanceStylingGroup[], domainObjects: PointCloudDomainObject[]): void;

package/dist/ui/components/Widget/styling/applyPointCloudInstanceStyling.js

@@ -0,0 +1,27 @@
+import { createInstanceKey as e } from "../../../../data-providers/cache/idAndKeyTranslation.js";
+import { createInstanceReferenceKey as t } from "../../../../utilities/instanceIds/toKey.js";
+import "../../../../utilities/instanceIds/index.js";
+import { isDefined as n } from "../../../../utilities/isDefined.js";
+import { concatenateMapValues as r } from "../../../../utilities/map/concatenateMapValues.js";
+import { getInstanceReferencesFromPointCloudVolume as i, getPointCloudVolumeId as a } from "../../../../data-providers/cache/utils.js";
+import { createPointCloudObjectCollectionFromVolumeIds as o } from "../../PointCloudContainer/useApplyPointCloudStyling.js";
+//#region libs/shared/reveal-components/src/ui/components/Widget/styling/applyPointCloudInstanceStyling.ts
+var s = Symbol("widget-instance-styling");
+function c(c, l) {
+	let u = new Map(c.flatMap((t) => t.instanceIds.map((n) => t.style.pointcloud === void 0 ? void 0 : [e(n), t.style.pointcloud]).filter(n)));
+	l.forEach((e) => {
+		let c = e.model.stylableObjects.flatMap((e) => i(e).map((n) => {
+			let r = u.get(t(n));
+			return r === void 0 ? void 0 : [r, a(e)];
+		}).filter(n)), l = r(c), d = l.entries().map(([e, t]) => {
+			let n = o(t);
+			return n === void 0 ? void 0 : {
+				collection: n,
+				style: e
+			};
+		}).filter(n);
+		[...l].length !== 0 && e.addStyledObjectCollections(s, [...d]);
+	});
+}
+//#endregion
+export { c as applyPointCloudInstanceStyling };

package/dist/ui/components/Widget/styling/constants.d.ts

@@ -0,0 +1,8 @@
+import { InstanceStylingGroup } from '../../../../utilities/modelIds';
+/**
+ * A set of default styles that can be applied to 3D-objects in a scene
+ * Intended for use with the RevealWidget
+ */
+export declare const Default3DStyles: Record<'Highlighted', InstanceStylingGroup['style']>;
+export declare const DEFAULT_STYLING_IMPORTANCE = 0;
+export declare const INSTANCE_STYLING_IMPORTANCE = 1;

package/dist/ui/components/Widget/styling/constants.js

@@ -0,0 +1,9 @@
+import { DefaultNodeAppearance as e } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/ui/components/Widget/styling/constants.ts
+var t = { Highlighted: {
+	cad: e.Highlighted,
+	pointcloud: e.Highlighted,
+	image360: e.Highlighted
+} };
+//#endregion
+export { t as Default3DStyles };

package/dist/ui/components/commandBased/Factories/ComponentFactory.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { BaseCommand } from '../../../../foundation/commands/BaseCommand';
+import { PlacementType } from '../utils/types';
+export type CreateElementFunc = (command: BaseCommand, placement: PlacementType) => ReactElement | undefined;
+export declare class ComponentFactory {
+    private readonly _items;
+    installElement(createFunc: CreateElementFunc, order?: number): void;
+    createElement(command: BaseCommand, placement: PlacementType): ReactElement;
+}

package/dist/ui/components/commandBased/Factories/ComponentFactory.js

@@ -0,0 +1,20 @@
+//#region libs/shared/reveal-components/src/ui/components/commandBased/Factories/ComponentFactory.tsx
+var e = class {
+	_items = [];
+	installElement(e, t = 0) {
+		this._items.push({
+			createFunc: e,
+			order: t
+		}), this._items.sort((e, t) => e.order - t.order);
+	}
+	createElement(e, t) {
+		if (this._items.length === 0) throw Error("No element creators installed. Please call installReactElement() first.");
+		for (let n of this._items) {
+			let r = n.createFunc(e, t);
+			if (r !== void 0) return r;
+		}
+		throw Error(`No element creator found for command: ${e.constructor.name}`);
+	}
+};
+//#endregion
+export { e as ComponentFactory };

package/dist/ui/components/commandBased/Factories/DefaultIcons.d.ts

@@ -0,0 +1,3 @@
+import { IconName } from '../../../../foundation/utilities/types';
+import { IconType } from './IconType';
+export declare const DefaultIcons: Array<[IconName, IconType]>;

package/dist/ui/components/commandBased/Factories/DefaultIcons.js

@@ -0,0 +1,70 @@
+import { IconAlertTriangle as e, IconAngle as t, IconArrowLeft as n, IconArrowRight as r, IconAsset as i, IconBorderHorizontal as a, IconBorderVertical as o, IconBug as s, IconChartScatter3d as c, IconCircle as l, IconClearAll as u, IconCloudFog as d, IconCopy as f, IconCrop as p, IconCube as m, IconCubeSend as h, IconCubeUnfolded as g, IconCursorText as _, IconCylinder as v, IconDeviceFloppy as y, IconDrone as b, IconEye as x, IconFilter as S, IconFlag as C, IconFlipHorizontal as w, IconFlipVertical as T, IconFolder as E, IconFolderFilled as D, IconGripVertical as O, IconHelp as k, IconHierarchy as A, IconInfoCircle as j, IconLeaf as ee, IconLine as M, IconListTree as N, IconMapPin as P, IconMaximize as F, IconPerspective as I, IconPhotoScan as L, IconPlus as R, IconPoint as z, IconPolygon as B, IconRefresh as V, IconRestore as H, IconRuler as U, IconRulerMeasure as W, IconSettings as G, IconShape as K, IconShare as q, IconSnowflake as J, IconStack2 as Y, IconSun as X, IconTrash as Z, IconVectorBezier as Q, IconX as $ } from "@tabler/icons-react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/Factories/DefaultIcons.tsx
+var te = [
+	["Angle", t],
+	["AssetsIcon", i],
+	["ArrowLeft", n],
+	["ArrowRight", r],
+	["Axis3D", c],
+	["BorderHorizontal", a],
+	["BorderVertical", o],
+	["Bug", s],
+	["Circle", l],
+	["ClearAll", u],
+	["CloseLarge", $],
+	["CloudFog", d],
+	["Coordinates", P],
+	["Copy", f],
+	["Crop", p],
+	["Cube", m],
+	["CubeFrontLeft", h],
+	["CubeFrontRight", h],
+	["Cubes", g],
+	["CubeTop", m],
+	["Cursor", _],
+	["CylinderArbitrary", v],
+	["CylinderHorizontal", v],
+	["CylinderVertical", v],
+	["Delete", Z],
+	["Drone", b],
+	["ExpandAlternative", F],
+	["EyeShow", x],
+	["Filter", S],
+	["Flag", C],
+	["FlipHorizontal", w],
+	["FlipVertical", T],
+	["Folder", E],
+	["FolderFilled", D],
+	["Grab", O],
+	["Help", k],
+	["Info", j],
+	["Layers", Y],
+	["Leaf", ee],
+	["Line", M],
+	["Location", P],
+	["MeasurementDiameter", U],
+	["Perspective", I],
+	["PerspectiveAlt", I],
+	["Plus", R],
+	["PointCloud", A],
+	["Polygon", B],
+	["Point", z],
+	["Refresh", V],
+	["Restore", H],
+	["Ruler", U],
+	["RulerAlternative", W],
+	["Save", y],
+	["Settings", G],
+	["Shapes", K],
+	["Share", q],
+	["Snow", J],
+	["Sun", X],
+	["Sync", V],
+	["Tree", N],
+	["VectorZigzag", Q],
+	["View360", L],
+	["Waypoint", P],
+	["Warning", e]
+];
+//#endregion
+export { te as DefaultIcons };

package/dist/ui/components/commandBased/Factories/IconFactory.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react';
+import { IconProps } from '@tabler/icons-react';
+import { IconName } from '../../../../foundation/utilities/types';
+import { IconType } from './IconType';
+export declare class IconFactory {
+    private static _icons;
+    static install(iconName: IconName, iconType: IconType): void;
+    static resetToDefault(): void;
+    static getIcon(iconName: IconName): IconType;
+}
+type IconComponentProps = IconProps & {
+    iconName: IconName;
+};
+export declare const IconComponent: ({ iconName, ...rest }: IconComponentProps) => JSX.Element;
+export {};

package/dist/ui/components/commandBased/Factories/IconFactory.js

@@ -0,0 +1,17 @@
+import { DefaultIcons as e } from "./DefaultIcons.js";
+import { createElement as t, forwardRef as n } from "react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/Factories/IconFactory.tsx
+var r = n((e, t) => null), i = class t {
+	static _icons = new Map(e);
+	static install(e, n) {
+		t._icons.set(e, n);
+	}
+	static resetToDefault() {
+		this._icons = new Map(e);
+	}
+	static getIcon(e) {
+		return e === void 0 ? r : t._icons.get(e) ?? r;
+	}
+}, a = ({ iconName: e, ...n }) => t(i.getIcon(e), n);
+//#endregion
+export { a as IconComponent, i as IconFactory };

package/dist/ui/components/commandBased/Factories/IconType.d.ts

@@ -0,0 +1,2 @@
+import { TablerIcon } from '@tabler/icons-react';
+export type IconType = TablerIcon;

package/dist/ui/components/commandBased/Factories/createComponentFactory.d.ts

@@ -0,0 +1,2 @@
+import { ComponentFactory } from './ComponentFactory';
+export declare function createComponentFactory(): ComponentFactory;

package/dist/ui/components/commandBased/Factories/createComponentFactory.js

@@ -0,0 +1,21 @@
+import { createButton as e } from "../buttons/CommandButton.js";
+import { createCustomInputField as t } from "../buttons/CustomInputField.js";
+import { createDivider as n } from "../buttons/DividerCreator.js";
+import { createDropdownButton as r } from "../buttons/DropdownButton.js";
+import { createFilterButton as i } from "../buttons/FilterButton.js";
+import { createHelpButton as a } from "../buttons/HelpButton.js";
+import { createInputField as o } from "../buttons/InputField.js";
+import { createSegmentedButtons as s } from "../buttons/SegmentedButtons.js";
+import { createSettingsButton as c } from "../buttons/SettingsButton.js";
+import { createShowTreeViewButton as l } from "../buttons/ShowTreeViewButton.js";
+import { ComponentFactory as u } from "./ComponentFactory.js";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/Factories/createComponentFactory.tsx
+function d() {
+	let e = new u();
+	return f(e), e;
+}
+function f(u) {
+	u.installElement(t), u.installElement(n), u.installElement(r), u.installElement(i), u.installElement(a), u.installElement(o), u.installElement(s), u.installElement(c), u.installElement(l), u.installElement(e, 2 ** 53 - 1);
+}
+//#endregion
+export { d as createComponentFactory };

package/dist/ui/components/commandBased/RevealButtons.d.ts

@@ -0,0 +1,53 @@
+import { ReactElement } from 'react';
+import { Vector3 } from 'three';
+import { Image360Action } from '@cognite/reveal';
+import { DmsUniqueIdentifier } from '../../../data-providers/FdmSDK';
+import { GeneralBannerContent } from '../../../domains';
+import { PlacementType } from './utils/types';
+export declare class RevealButtons {
+    static ShowLayers: (prop: ButtonProp) => ReactElement;
+    static ShowTreeView: (prop: ButtonProp) => ReactElement;
+    static Help: (prop: ButtonProp) => ReactElement;
+    static Share: (prop: ButtonProp) => ReactElement;
+    static Settings: (props: SettingsProp) => ReactElement;
+    static PointCloudFilter: (prop: ButtonProp) => ReactElement;
+    static FitView: (prop: ButtonProp) => ReactElement;
+    static NavigationTool: (prop: ButtonProp) => ReactElement;
+    static SetAxisVisible: (prop: ButtonProp) => ReactElement;
+    static Measurement: (prop: ButtonProp) => ReactElement;
+    static Clip: (prop: ButtonProp) => ReactElement;
+    static Undo: (prop: ButtonProp) => ReactElement;
+    static SetOrbitOrFirstPersonMode: (prop: ButtonProp) => ReactElement;
+    static SetOrbitMode: (prop: ButtonProp) => ReactElement;
+    static SetFirstPersonMode: (prop: ButtonProp) => ReactElement;
+    static PointsOfInterest: ({ scene, ...restProps }: ButtonProp & {
+        scene: DmsUniqueIdentifier | undefined;
+    }) => ReactElement;
+    static PointsOfInterestInitiateCreation: (prop: {
+        point: Vector3;
+        clickEvent: PointerEvent;
+    } & ButtonProp) => ReactElement;
+    static DeleteSelectedPointOfInterest: (prop: ButtonProp) => ReactElement;
+    static KeyboardSpeed: (prop: ButtonProp) => ReactElement;
+    static Image360Button: (prop: Image360Prop) => ReactElement;
+    static Image360Buttons: (prop: ButtonProp) => ReactElement;
+    static Image360AnnotationCreateTool: (prop: ButtonProp) => ReactElement;
+    static Image360AnnotationSelectTool: (prop: ButtonProp) => ReactElement;
+    static Show360Annotations: (prop: ButtonProp) => ReactElement;
+    static AnnotationsSelect: (prop: ButtonProp) => ReactElement;
+    static AnnotationsCreate: (prop: ButtonProp) => ReactElement;
+    static AnnotationsShow: (prop: ButtonProp) => ReactElement;
+    static AnnotationsShowOnTop: (prop: ButtonProp) => ReactElement;
+}
+export type ButtonProp = {
+    toolbarPlacement?: PlacementType;
+};
+type SettingsProp = ButtonProp & {
+    include360Images?: boolean;
+    includePois?: boolean;
+    topBanner?: GeneralBannerContent;
+};
+type Image360Prop = ButtonProp & {
+    action: Image360Action;
+};
+export {};