@cognite/reveal-components 1.0.0

package/dist/domains/directionalMarker360/DirectionalMarker360Controller.js

@@ -0,0 +1,121 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { getDirectionalMarker as t, getOrCreateDirectionalMarker as n } from "./DirectionalMarker360DomainObject.js";
+import { getQualityForFidelityLevel as r } from "../../foundation/concreteCommands/quality/fidelityLevels.js";
+import { isPointCloudIntersection as i } from "../reveal/pointCloud/isPointCloudIntersection.js";
+import { estimateNormalViaPCA as a } from "./estimateNormalViaPCA.js";
+import { Box3 as o, Vector3 as s } from "three";
+import { CognitePointCloudModel as c } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/domains/directionalMarker360/DirectionalMarker360Controller.ts
+var l = 1e-6, u = .1, d = r(1), f = r(3).resolutionOptions, p = new s(), m = class {
+	_getViewer;
+	_getCamera;
+	_getRoot;
+	_lastIntersectionPoint;
+	_smoothedPickPoint;
+	_lastNormalComputePoint;
+	_cachedNormal;
+	_savedQuality;
+	_markerUpdateInProgress = !1;
+	_pendingMarkerEvent;
+	_hoverDebounceTimer;
+	constructor(e, t, n) {
+		this._getViewer = e, this._getCamera = t, this._getRoot = n;
+	}
+	onHover(e) {
+		clearTimeout(this._hoverDebounceTimer), this._hoverDebounceTimer = setTimeout(() => {
+			this.update(e);
+		}, 1);
+	}
+	reset() {
+		this._lastIntersectionPoint = void 0, this._smoothedPickPoint = void 0, this._lastNormalComputePoint = void 0, this._cachedNormal = void 0, clearTimeout(this._hoverDebounceTimer), this._restoreQuality();
+		let e = t(this._getRoot());
+		e !== void 0 && (e.isActive = !1, e.setVisible(!1));
+	}
+	activate() {
+		this._lastIntersectionPoint = void 0, this._lastNormalComputePoint = void 0, this._cachedNormal = void 0, this._applyPickQuality();
+		let e = n(this._getRoot());
+		e.isActive = !1, e.setVisible(!0);
+	}
+	hasPointCloudModel() {
+		return this._getViewer().models.some((e) => e instanceof c);
+	}
+	_applyPickQuality() {
+		if (this._savedQuality !== void 0) return;
+		let e = this._getViewer(), t = e.getResolutionOptions();
+		this._savedQuality = {
+			cadBudget: e.cadBudget,
+			pointCloudBudget: e.pointCloudBudget,
+			resolutionOptions: t
+		}, e.cadBudget = d.cadBudget, e.pointCloudBudget = d.pointCloudBudget;
+		let n = (t.maxRenderResolution ?? Infinity) > (f.maxRenderResolution ?? Infinity) ? f : t;
+		e.setResolutionOptions(n);
+	}
+	_restoreQuality() {
+		if (this._savedQuality === void 0) return;
+		let e = this._getViewer();
+		e.cadBudget = this._savedQuality.cadBudget, e.pointCloudBudget = this._savedQuality.pointCloudBudget, e.setResolutionOptions(this._savedQuality.resolutionOptions), this._savedQuality = void 0;
+	}
+	async update(e) {
+		if (this._pendingMarkerEvent = e, !this._markerUpdateInProgress) {
+			this._markerUpdateInProgress = !0;
+			try {
+				for (; this._pendingMarkerEvent !== void 0;) {
+					let e = this._pendingMarkerEvent;
+					this._pendingMarkerEvent = void 0, await this._doUpdate(e);
+				}
+			} finally {
+				this._markerUpdateInProgress = !1;
+			}
+		}
+	}
+	async _doUpdate(t) {
+		let r = this._getViewer(), a = r.getPixelCoordinatesFromEvent(t);
+		if (r.getActive360ImageInfo() === void 0) {
+			this._hideMarker();
+			return;
+		}
+		let o = await r.getAnyIntersectionFromPixel(a);
+		if (!i(o)) {
+			this._hideMarker();
+			return;
+		}
+		let s = this._smooth(o.point), c = n(this._getRoot());
+		c.isActive = !0, c.radius = .2;
+		let l = this._computeNormal(o.model, o.point);
+		if (l === void 0) {
+			this._hideMarker();
+			return;
+		}
+		let u = this._getCamera().position;
+		h(l, s, u), c.normal.copy(l), c.position.copy(s).addScaledVector(c.normal, .02), this._updateForwardHint(c, s, u), this._lastIntersectionPoint = s.clone(), c.notify(e.geometry), c.setVisible(!0);
+	}
+	_hideMarker() {
+		this._smoothedPickPoint = void 0;
+		let n = t(this._getRoot());
+		n !== void 0 && (n.isActive = !1, n.notify(e.geometry));
+	}
+	_smooth(e) {
+		if (this._smoothedPickPoint === void 0) this._smoothedPickPoint = e.clone();
+		else {
+			let t = this._smoothedPickPoint.distanceTo(e) > .5 ? 1 : .3;
+			this._smoothedPickPoint.lerp(e, t);
+		}
+		return this._smoothedPickPoint;
+	}
+	_updateForwardHint(e, t, n) {
+		this._lastIntersectionPoint === void 0 ? e.forwardHint.subVectors(t, n).normalize() : (p.subVectors(t, this._lastIntersectionPoint), p.lengthSq() > l && e.forwardHint.copy(p).normalize());
+	}
+	_computeNormal(e, t) {
+		if (this._lastNormalComputePoint !== void 0 && this._cachedNormal !== void 0 && this._lastNormalComputePoint.distanceTo(t) < u) return this._cachedNormal.clone();
+		let n = e.getModelTransformation(), r = n.clone().invert(), i = t.clone().applyMatrix4(r), c = .1, l = new o(new s(i.x - c, i.y - c, i.z - c), new s(i.x + c, i.y + c, i.z + c)), d = e.getPointsByBoundingBox(l);
+		if (d.length < 6) return;
+		for (let e of d) e.applyMatrix4(n);
+		let f = a(d);
+		return f !== void 0 && (this._lastNormalComputePoint = t.clone(), this._cachedNormal = f.clone()), f;
+	}
+};
+function h(e, t, n) {
+	e.dot(n.clone().sub(t)) < 0 && e.negate(), Math.abs(e.y) > .8 ? e.set(0, Math.sign(e.y), 0) : (e.y = 0, e.normalize());
+}
+//#endregion
+export { m as DirectionalMarker360Controller };

package/dist/domains/directionalMarker360/DirectionalMarker360DomainObject.d.ts

@@ -0,0 +1,17 @@
+import { Vector3 } from 'three';
+import { DomainObject } from '../../foundation/domainObjects/DomainObject';
+import { VisualDomainObject } from '../../foundation/domainObjects/VisualDomainObject';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+export declare class DirectionalMarker360DomainObject extends VisualDomainObject {
+    readonly position: Vector3;
+    readonly normal: Vector3;
+    readonly forwardHint: Vector3;
+    radius: number;
+    get typeName(): TranslationInput;
+    get isVisibleInTree(): boolean;
+    get hasIndexOnLabel(): boolean;
+    createRenderStyle(): RenderStyle | undefined;
+}
+export declare function getDirectionalMarker(root: DomainObject): DirectionalMarker360DomainObject | undefined;
+export declare function getOrCreateDirectionalMarker(root: DomainObject): DirectionalMarker360DomainObject;

package/dist/domains/directionalMarker360/DirectionalMarker360DomainObject.js

@@ -0,0 +1,31 @@
+import { VisualDomainObject as e } from "../../foundation/domainObjects/VisualDomainObject.js";
+import { DirectionalMarker360RenderStyle as t } from "./DirectionalMarker360RenderStyle.js";
+import { Vector3 as n } from "three";
+//#region libs/shared/reveal-components/src/domains/directionalMarker360/DirectionalMarker360DomainObject.ts
+var r = .3, i = class extends e {
+	position = new n();
+	normal = new n(0, 1, 0);
+	forwardHint = new n(0, 0, 1);
+	radius = r;
+	get typeName() {
+		return { untranslated: "Directional marker" };
+	}
+	get isVisibleInTree() {
+		return !1;
+	}
+	get hasIndexOnLabel() {
+		return !1;
+	}
+	createRenderStyle() {
+		return new t();
+	}
+};
+function a(e) {
+	for (let t of e.getDescendantsByType(i)) return t;
+}
+function o(e) {
+	let t = a(e);
+	return t === void 0 && (t = new i(), e.addChild(t)), t;
+}
+//#endregion
+export { i as DirectionalMarker360DomainObject, a as getDirectionalMarker, o as getOrCreateDirectionalMarker };

package/dist/domains/directionalMarker360/DirectionalMarker360Mesh.d.ts

@@ -0,0 +1,19 @@
+import { Group } from 'three';
+/**
+ * Narrow interface covering only the CanvasRenderingContext2D methods used for
+ * drawing the marker rings. Keeping it narrow lets tests inject a typed fake
+ * without having to implement the full Web API surface.
+ */
+export interface CanvasDrawingContext {
+    lineWidth: number;
+    strokeStyle: string | CanvasGradient | CanvasPattern;
+    shadowColor: string;
+    beginPath(): void;
+    arc(x: number, y: number, radius: number, startAngle: number, endAngle: number): void;
+    stroke(): void;
+}
+export interface DirectionalMarker360Mesh {
+    group: Group;
+    setOpacity(opacity: number): void;
+}
+export declare function createDirectionalMarker360Mesh(radius: number, drawingContext?: CanvasDrawingContext | null): DirectionalMarker360Mesh;

package/dist/domains/directionalMarker360/DirectionalMarker360Mesh.js

@@ -0,0 +1,34 @@
+import { CanvasTexture as e, CircleGeometry as t, DoubleSide as n, Group as r, Mesh as i, MeshBasicMaterial as a } from "three";
+//#region libs/shared/reveal-components/src/domains/directionalMarker360/DirectionalMarker360Mesh.ts
+var o = 256, s = 32, c = 100, l = "rgba(255, 255, 255, 0.6)";
+function u(e, o = null) {
+	let l = d(o), u = new t(e, s), f = new a({
+		map: l,
+		transparent: !0,
+		side: n,
+		depthTest: !1,
+		depthWrite: !1,
+		opacity: 0
+	}), p = new i(u, f);
+	p.renderOrder = c;
+	let m = new r();
+	return m.add(p), m.visible = !1, {
+		group: m,
+		setOpacity(e) {
+			f.opacity = e, m.visible = e > 0;
+		}
+	};
+}
+function d(t) {
+	let n = document.createElement("canvas");
+	n.width = o, n.height = o;
+	let r = t ?? n.getContext("2d");
+	if (r === null) console.warn("DirectionalMarker360Mesh: failed to get 2D canvas context — marker texture will be blank");
+	else {
+		let e = o / 2;
+		r.beginPath(), r.lineWidth = o / 8, r.strokeStyle = l, r.shadowColor = "red", r.arc(e, e, e - r.lineWidth, 0, 2 * Math.PI), r.stroke(), r.shadowColor = "transparent", r.beginPath(), r.lineWidth = o / 16, r.strokeStyle = l, r.arc(e, e, e - r.lineWidth / 2 - 2, 0, 2 * Math.PI), r.stroke();
+	}
+	return new e(n);
+}
+//#endregion
+export { u as createDirectionalMarker360Mesh };

package/dist/domains/directionalMarker360/DirectionalMarker360RenderStyle.d.ts

@@ -0,0 +1,8 @@
+import { CommonRenderStyle } from '../../foundation/renderStyles/CommonRenderStyle';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+export declare class DirectionalMarker360RenderStyle extends CommonRenderStyle {
+    discOpacity: number;
+    chevronOpacity: number;
+    constructor();
+    clone(): RenderStyle;
+}

package/dist/domains/directionalMarker360/DirectionalMarker360RenderStyle.js

@@ -0,0 +1,15 @@
+import { CommonRenderStyle as e } from "../../foundation/renderStyles/CommonRenderStyle.js";
+import { cloneDeep as t } from "lodash-es";
+//#region libs/shared/reveal-components/src/domains/directionalMarker360/DirectionalMarker360RenderStyle.ts
+var n = class extends e {
+	discOpacity = .6;
+	chevronOpacity = .5;
+	constructor() {
+		super(), this.depthTest = !1;
+	}
+	clone() {
+		return t(this);
+	}
+};
+//#endregion
+export { n as DirectionalMarker360RenderStyle };

package/dist/domains/directionalMarker360/DirectionalMarker360View.d.ts

@@ -0,0 +1,15 @@
+import { CustomObjectIntersectInput, CustomObjectIntersection } from '@cognite/reveal';
+import { DomainObjectChange } from '../../foundation/domainObjectsHelpers/DomainObjectChange';
+import { GroupThreeView } from '../../foundation/views/GroupThreeView';
+import { DirectionalMarker360DomainObject } from './DirectionalMarker360DomainObject';
+import { DirectionalMarker360RenderStyle } from './DirectionalMarker360RenderStyle';
+export declare class DirectionalMarker360View extends GroupThreeView<DirectionalMarker360DomainObject> {
+    private _marker;
+    update(change: DomainObjectChange): void;
+    protected get style(): DirectionalMarker360RenderStyle;
+    get useDepthTest(): boolean;
+    protected addChildren(): void;
+    clearMemory(): void;
+    intersectIfCloser(_intersectInput: CustomObjectIntersectInput, _closestDistance: number | undefined): undefined | CustomObjectIntersection;
+    private updateGeometry;
+}

package/dist/domains/directionalMarker360/DirectionalMarker360View.js

@@ -0,0 +1,42 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { GroupThreeView as t } from "../../foundation/views/GroupThreeView.js";
+import { createDirectionalMarker360Mesh as n } from "./DirectionalMarker360Mesh.js";
+import { Matrix4 as r, Vector3 as i } from "three";
+//#region libs/shared/reveal-components/src/domains/directionalMarker360/DirectionalMarker360View.ts
+var a = new i(), o = new i(), s = new i(), c = new r(), l = class extends t {
+	_marker;
+	update(t) {
+		t.isChanged(e.geometry) && (this.updateGeometry(), this.invalidateBoundingBox(), this.invalidateRenderTarget()), t.isChanged(e.renderStyle, e.color) && (this.clearMemory(), this.invalidateRenderTarget());
+	}
+	get style() {
+		return super.style;
+	}
+	get useDepthTest() {
+		return this.style.depthTest;
+	}
+	addChildren() {
+		let e = n(1);
+		this._marker = e, this.addChild(e.group), this.updateGeometry();
+	}
+	clearMemory() {
+		this._marker = void 0, super.clearMemory();
+	}
+	intersectIfCloser(e, t) {}
+	updateGeometry() {
+		let e = this._marker;
+		if (e === void 0) return;
+		let { domainObject: t } = this;
+		if (!t.isActive) {
+			e.setOpacity(0);
+			return;
+		}
+		e.setOpacity(1);
+		let { group: n } = e, r = t.radius * 2;
+		n.position.copy(t.position), n.scale.set(r, r, r), u(n, t.normal, t.forwardHint), this._group.updateMatrixWorld(!0);
+	}
+};
+function u(e, t, n) {
+	a.copy(t), o.copy(n), o.addScaledVector(a, -o.dot(a)), o.lengthSq() < 1e-8 && o.set(0, 1, 0).addScaledVector(a, -a.y), o.normalize(), s.crossVectors(o, a).normalize(), e.quaternion.setFromRotationMatrix(c.makeBasis(s, o, a));
+}
+//#endregion
+export { l as DirectionalMarker360View };

package/dist/domains/directionalMarker360/estimateNormalViaPCA.d.ts

@@ -0,0 +1,13 @@
+import { Vector3 } from 'three';
+/**
+ * Estimates a surface normal from a neighbourhood of 3D points using PCA.
+ * The normal is the eigenvector corresponding to the smallest eigenvalue of
+ * the covariance matrix (minimum-variance direction = surface normal).
+ *
+ * Uses Jacobi iteration for eigendecomposition — suitable for the fixed 3×3
+ * symmetric case and fast enough to run per-frame in a GPU-pick callback.
+ *
+ * @param points - At least 3 points sampled from the surface neighbourhood.
+ * @returns Normalised surface normal, or `undefined` if fewer than 3 points.
+ */
+export declare function estimateNormalViaPCA(points: Vector3[]): Vector3 | undefined;

package/dist/domains/directionalMarker360/estimateNormalViaPCA.js

@@ -0,0 +1,53 @@
+import { Vector3 as e } from "three";
+//#region libs/shared/reveal-components/src/domains/directionalMarker360/estimateNormalViaPCA.ts
+function t(t) {
+	let n = t.length;
+	if (n < 3) return;
+	let r = 0, i = 0, a = 0;
+	for (let e = 0; e < n; e++) r += t[e].x, i += t[e].y, a += t[e].z;
+	r /= n, i /= n, a /= n;
+	let o = 0, s = 0, c = 0, l = 0, u = 0, d = 0;
+	for (let e = 0; e < n; e++) {
+		let n = t[e].x - r, f = t[e].y - i, p = t[e].z - a;
+		o += n * n, s += n * f, c += n * p, l += f * f, u += f * p, d += p * p;
+	}
+	let f = [
+		o,
+		s,
+		c,
+		s,
+		l,
+		u,
+		c,
+		u,
+		d
+	], p = [
+		1,
+		0,
+		0,
+		0,
+		1,
+		0,
+		0,
+		0,
+		1
+	];
+	for (let e = 0; e < 15; e++) {
+		let e = 0, t = 1, n = Math.abs(f[1]);
+		if (Math.abs(f[2]) > n && (n = Math.abs(f[2]), e = 0, t = 2), Math.abs(f[5]) > n && (n = Math.abs(f[5]), e = 1, t = 2), n < 1e-10) break;
+		let r = f[e * 3 + t], i = f[e * 3 + e], a = f[t * 3 + t], o = (a - i) / (2 * r), s = (o >= 0 ? 1 : -1) / (Math.abs(o) + Math.sqrt(1 + o * o)), c = 1 / Math.sqrt(1 + s * s), l = s * c, u = l / (1 + c);
+		f[e * 3 + e] = i - s * r, f[t * 3 + t] = a + s * r, f[e * 3 + t] = f[t * 3 + e] = 0;
+		for (let n = 0; n < 3; n++) {
+			if (n !== e && n !== t) {
+				let r = f[n * 3 + e], i = f[n * 3 + t];
+				f[n * 3 + e] = f[e * 3 + n] = r - l * (i + r * u), f[n * 3 + t] = f[t * 3 + n] = i + l * (r - i * u);
+			}
+			let r = p[n * 3 + e], i = p[n * 3 + t];
+			p[n * 3 + e] = r - l * (i + r * u), p[n * 3 + t] = i + l * (r - i * u);
+		}
+	}
+	let m = 0;
+	return f[4] < f[0] && (m = 1), f[8] < f[m * 4] && (m = 2), new e(p[0 + m], p[3 + m], p[6 + m]).normalize();
+}
+//#endregion
+export { t as estimateNormalViaPCA };

package/dist/domains/example/ExampleDomainObject.d.ts

@@ -0,0 +1,28 @@
+import { Vector3 } from 'three';
+import { DomainObject } from '../../foundation/domainObjects/DomainObject';
+import { CreateDraggerProps, VisualDomainObject } from '../../foundation/domainObjects/VisualDomainObject';
+import { BaseDragger } from '../../foundation/domainObjectsHelpers/BaseDragger';
+import { PanelInfo } from '../../foundation/domainObjectsHelpers/PanelInfo';
+import { PopupStyle } from '../../foundation/domainObjectsHelpers/PopupStyle';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+import { RevealRenderTarget } from '../../foundation/renderTarget/RevealRenderTarget';
+import { Transaction } from '../../foundation/undo/Transaction';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+import { ExampleRenderStyle } from './ExampleRenderStyle';
+export declare class ExampleDomainObject extends VisualDomainObject {
+    readonly center: Vector3;
+    get renderStyle(): ExampleRenderStyle;
+    get icon(): IconName;
+    get typeName(): TranslationInput;
+    get canBeRemoved(): boolean;
+    createRenderStyle(): RenderStyle | undefined;
+    createDragger(props: CreateDraggerProps): BaseDragger | undefined;
+    get hasPanelInfo(): boolean;
+    getPanelInfo(): PanelInfo | undefined;
+    getPanelInfoStyle(): PopupStyle;
+    createTransaction(changed: symbol): Transaction;
+    clone(what?: symbol): DomainObject;
+    copyFrom(domainObject: ExampleDomainObject, what?: symbol): void;
+    getEditToolCursor(_renderTarget: RevealRenderTarget, _point?: Vector3): string | undefined;
+}

package/dist/domains/example/ExampleDomainObject.js

@@ -0,0 +1,66 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { Quantity as t } from "../../foundation/domainObjectsHelpers/Quantity.js";
+import { PopupStyle as n } from "../../foundation/domainObjectsHelpers/PopupStyle.js";
+import { VisualDomainObject as r } from "../../foundation/domainObjects/VisualDomainObject.js";
+import { DomainObjectTransaction as i } from "../../foundation/undo/DomainObjectTransaction.js";
+import { PanelInfo as a } from "../../foundation/domainObjectsHelpers/PanelInfo.js";
+import { ExampleDragger as o } from "./ExampleDragger.js";
+import { ExampleRenderStyle as s } from "./ExampleRenderStyle.js";
+import { Vector3 as c } from "three";
+//#region libs/shared/reveal-components/src/domains/example/ExampleDomainObject.ts
+var l = class l extends r {
+	center = new c();
+	get renderStyle() {
+		return super.getRenderStyle();
+	}
+	get icon() {
+		return "Circle";
+	}
+	get typeName() {
+		return { untranslated: "Example" };
+	}
+	get canBeRemoved() {
+		return !0;
+	}
+	createRenderStyle() {
+		return new s();
+	}
+	createDragger(e) {
+		return new o(e, this);
+	}
+	get hasPanelInfo() {
+		return !0;
+	}
+	getPanelInfo() {
+		let e = new a();
+		return n({ key: "X_COORDINATE" }, this.center.x, t.Length), n({ key: "Y_COORDINATE" }, this.center.y, t.Length), n({ key: "Z_COORDINATE" }, this.center.z, t.Length), e;
+		function n(t, n, r) {
+			e.add({
+				translationInput: t,
+				value: n,
+				quantity: r
+			});
+		}
+	}
+	getPanelInfoStyle() {
+		return new n({
+			bottom: 50,
+			left: 0
+		});
+	}
+	createTransaction(e) {
+		return new i(this, e);
+	}
+	clone(e) {
+		let t = new l();
+		return t.copyFrom(this, e), t;
+	}
+	copyFrom(t, n) {
+		super.copyFrom(t, n), (n === void 0 || n === e.geometry) && this.center.copy(t.center);
+	}
+	getEditToolCursor(e, t) {
+		return "move";
+	}
+};
+//#endregion
+export { l as ExampleDomainObject };

package/dist/domains/example/ExampleDragger.d.ts

@@ -0,0 +1,13 @@
+import { Ray } from 'three';
+import { VisualDomainObject, CreateDraggerProps } from '../../foundation/domainObjects/VisualDomainObject';
+import { BaseDragger } from '../../foundation/domainObjectsHelpers/BaseDragger';
+import { ExampleDomainObject } from './ExampleDomainObject';
+export declare class ExampleDragger extends BaseDragger {
+    private readonly _domainObject;
+    private readonly _center;
+    private readonly _plane;
+    private readonly _offset;
+    constructor(props: CreateDraggerProps, domainObject: ExampleDomainObject);
+    get domainObject(): VisualDomainObject;
+    onPointerDrag(_event: PointerEvent, ray: Ray): boolean;
+}

package/dist/domains/example/ExampleDragger.js

@@ -0,0 +1,25 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { BaseDragger as t } from "../../foundation/domainObjectsHelpers/BaseDragger.js";
+import { Plane as n, Vector3 as r } from "three";
+//#region libs/shared/reveal-components/src/domains/example/ExampleDragger.ts
+var i = class extends t {
+	_domainObject;
+	_center;
+	_plane;
+	_offset;
+	constructor(e, t) {
+		super(e, t), this._domainObject = t, this._center = this._domainObject.center.clone(), this._plane = new n().setFromNormalAndCoplanarPoint(this.ray.direction, this._center);
+		let i = this.ray.intersectPlane(this._plane, new r());
+		if (i === null) throw Error("Failed to intersect plane");
+		this._offset = i.sub(this._center);
+	}
+	get domainObject() {
+		return this._domainObject;
+	}
+	onPointerDrag(t, n) {
+		let i = n.intersectPlane(this._plane, new r());
+		return i === null || (i.sub(this._offset), i.distanceTo(this._center) < 1e-6) ? !1 : (this.transaction === void 0 && (this.transaction = this._domainObject.createTransaction(e.geometry)), this._domainObject.center.copy(i), this.domainObject.notify(e.dragging), !0);
+	}
+};
+//#endregion
+export { i as ExampleDragger };

package/dist/domains/example/ExampleRenderStyle.d.ts

@@ -0,0 +1,7 @@
+import { CommonRenderStyle } from '../../foundation/renderStyles/CommonRenderStyle';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+export declare class ExampleRenderStyle extends CommonRenderStyle {
+    radius: number;
+    opacity: number;
+    clone(): RenderStyle;
+}

package/dist/domains/example/ExampleRenderStyle.js

@@ -0,0 +1,12 @@
+import { CommonRenderStyle as e } from "../../foundation/renderStyles/CommonRenderStyle.js";
+import { cloneDeep as t } from "lodash-es";
+//#region libs/shared/reveal-components/src/domains/example/ExampleRenderStyle.ts
+var n = class extends e {
+	radius = 1;
+	opacity = .75;
+	clone() {
+		return t(this);
+	}
+};
+//#endregion
+export { n as ExampleRenderStyle };

package/dist/domains/example/ExampleTool.d.ts

@@ -0,0 +1,14 @@
+import { BaseEditTool } from '../../foundation/commands/BaseEditTool';
+import { VisualDomainObject } from '../../foundation/domainObjects/VisualDomainObject';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+export declare class ExampleTool extends BaseEditTool {
+    get icon(): IconName;
+    get tooltip(): TranslationInput;
+    get isEnabled(): boolean;
+    onDeleteKey(): void;
+    onWheel(event: WheelEvent, delta: number): Promise<void>;
+    onHoverByDebounce(event: PointerEvent): Promise<void>;
+    onClick(event: PointerEvent): Promise<void>;
+    protected canBeSelected(domainObject: VisualDomainObject): boolean;
+}

package/dist/domains/example/ExampleTool.js

@@ -0,0 +1,72 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { DomainObjectChange as t } from "../../foundation/domainObjectsHelpers/DomainObjectChange.js";
+import { convertFromViewerCoordinates as n } from "../../foundation/renderTarget/convertCoordinates.js";
+import { ExampleDomainObject as r } from "./ExampleDomainObject.js";
+import { isImage360ClusterIntersection as i } from "../../foundation/utilities/misc/typeGuards.js";
+import { BaseEditTool as a } from "../../foundation/commands/BaseEditTool.js";
+import { clamp as o } from "lodash-es";
+//#region libs/shared/reveal-components/src/domains/example/ExampleTool.ts
+var s = .1, c = class extends a {
+	get icon() {
+		return "Circle";
+	}
+	get tooltip() {
+		return { untranslated: "Create or edit a single point" };
+	}
+	get isEnabled() {
+		return !this.renderTarget.isInside360Image;
+	}
+	onDeleteKey() {
+		let t = this.getSelected();
+		t instanceof r && (this.addTransaction(t.createTransaction(e.deleted)), t.remove());
+	}
+	async onWheel(n, r) {
+		let i = await this.getIntersection(n), a = this.getIntersectedSelectableDomainObject(i);
+		if (a === void 0 || !a.isSelected) {
+			await super.onWheel(n, r);
+			return;
+		}
+		if (n.shiftKey) {
+			this.addTransaction(a.createTransaction(e.color));
+			let t = {
+				h: 0,
+				s: 0,
+				l: 0
+			};
+			t = a.color.getHSL(t), t.h = (t.h + Math.sign(r) * .02) % 1, a.color.setHSL(t.h, t.s, t.l), a.notify(e.color);
+		} else if (n.ctrlKey || n.metaKey) {
+			this.addTransaction(a.createTransaction(e.renderStyle));
+			let n = a.renderStyle.opacity + Math.sign(r) * .05;
+			a.renderStyle.opacity = o(n, .2, 1), a.notify(new t(e.renderStyle, "opacity"));
+		} else {
+			this.addTransaction(a.createTransaction(e.renderStyle));
+			let n = 1 - Math.sign(r) * s;
+			a.renderStyle.radius *= n, a.notify(new t(e.renderStyle, "radius"));
+		}
+	}
+	async onHoverByDebounce(e) {
+		let t = await this.getIntersection(e), n = this.getIntersectedSelectableDomainObject(t);
+		n === void 0 ? t === void 0 ? this.renderTarget.setNavigateCursor() : this.renderTarget.setCrosshairCursor() : this.renderTarget.cursor = n.getEditToolCursor(this.renderTarget);
+	}
+	async onClick(t) {
+		let a = await this.getIntersection(t);
+		if (a === void 0 || i(a)) {
+			await super.onClick(t);
+			return;
+		}
+		{
+			let e = this.getIntersectedSelectableDomainObject(a);
+			if (e !== void 0) {
+				this.deselectAll(e), e.setSelected(!0);
+				return;
+			}
+		}
+		let o = n(a.point), s = new r();
+		s.center.copy(o), this.deselectAll(), this.root.addChild(s), s.setVisible(!0, this.renderTarget), s.setSelected(!0), this.addTransaction(s.createTransaction(e.added)), this.renderTarget.cursor = s.getEditToolCursor(this.renderTarget);
+	}
+	canBeSelected(e) {
+		return e instanceof r;
+	}
+};
+//#endregion
+export { c as ExampleTool };

package/dist/domains/example/ExampleView.d.ts

@@ -0,0 +1,12 @@
+import { CustomObjectIntersectInput, CustomObjectIntersection } from '@cognite/reveal';
+import { DomainObjectChange } from '../../foundation/domainObjectsHelpers/DomainObjectChange';
+import { GroupThreeView } from '../../foundation/views/GroupThreeView';
+import { ExampleDomainObject } from './ExampleDomainObject';
+import { ExampleRenderStyle } from './ExampleRenderStyle';
+export declare class ExampleView extends GroupThreeView<ExampleDomainObject> {
+    protected get style(): ExampleRenderStyle;
+    update(change: DomainObjectChange): void;
+    get useDepthTest(): boolean;
+    protected addChildren(): void;
+    intersectIfCloser(intersectInput: CustomObjectIntersectInput, closestDistance: number | undefined): undefined | CustomObjectIntersection;
+}