@cognite/reveal-components 1.0.0

package/dist/domains/annotation360/Image360AnnotationCreateTool.js

@@ -0,0 +1,91 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { PrimitiveType as t } from "../../foundation/utilities/primitives/PrimitiveType.js";
+import { convertFromViewerCoordinates as n } from "../../foundation/renderTarget/convertCoordinates.js";
+import { PrimitiveEditTool as r } from "../primitives/tools/PrimitiveEditTool.js";
+import { Image360AnnotationDomainObject as i } from "./Image360AnnotationDomainObject.js";
+import { Image360AnnotationFolder as a } from "./Image360AnnotationFolder.js";
+import { Image360AnnotationSelectTool as o } from "./Image360AnnotationSelectTool.js";
+import { Image360AnnotationCreator as s } from "./Image360AnnotationCreator.js";
+import { assert as c } from "@cognite/underscore";
+//#region libs/shared/reveal-components/src/domains/annotation360/Image360AnnotationCreateTool.ts
+var l = class extends r {
+	_mustBeInside360Image;
+	constructor(e = !0) {
+		super(t.Polygon), this._mustBeInside360Image = e;
+	}
+	get icon() {
+		return "Polygon";
+	}
+	get tooltip() {
+		return { untranslated: "Create 360 annotation polygons. Click at least 3 points and end with Esc." };
+	}
+	get isEnabled() {
+		return !this._mustBeInside360Image || this.renderTarget.isInside360Image;
+	}
+	update() {
+		super.update(), this.isChecked && !this.isEnabled && this.renderTarget.activateDefaultTool();
+	}
+	onDeactivate() {
+		super.onDeactivate(), this.escape();
+	}
+	onEscapeKey() {
+		let e = this.escape();
+		return this.setSelectTool(), e;
+	}
+	async onHover(e) {
+		let t = this._creator;
+		if (t === void 0) {
+			this.setDefaultCursor();
+			return;
+		}
+		let n = this.getRay(e);
+		if (t.addPoint(n, void 0, !0)) {
+			this.setDefaultCursor();
+			return;
+		}
+		super.onHover(e);
+	}
+	async onHoverByDebounce(e) {
+		await Promise.resolve();
+	}
+	async onClick(t) {
+		let n = this._creator;
+		if (n !== void 0) {
+			let e = this.getRay(t);
+			n.addPoint(e) && this.endCreatorIfFinished(n);
+		} else {
+			if (n = this.createCreator(), n === void 0) {
+				await super.onClick(t);
+				return;
+			}
+			let r = this.getRay(t);
+			if (!n.addPoint(r)) return;
+			let { domainObject: i } = n;
+			this.deselectAll(), this.getOrCreateParent().addChild(i), i.setSelected(!0), i.setVisible(!0), this.addTransaction(i.createTransaction(e.added)), this._creator = n;
+		}
+	}
+	canBeSelected(e) {
+		return e instanceof i;
+	}
+	createCreator() {
+		let e = this._mustBeInside360Image ? this.renderTarget.active360ImageId : "NotConnectedToImageId";
+		c(e !== void 0, "Image360AnnotationCreator: image360Id is undefined");
+		let t = new i(e);
+		return t.center.copy(r(this.renderTarget)), new s(t);
+		function r(e) {
+			let { position: t } = e.cameraManager.getCameraState();
+			return c(t !== void 0, "Camera position unknown"), n(t);
+		}
+	}
+	getOrCreateParent() {
+		let e = this.root, t = e.getDescendantByType(a);
+		if (t !== void 0) return t;
+		let n = new a();
+		return n.isExpanded = !0, e.addChild(n), n;
+	}
+	setSelectTool() {
+		this.renderTarget.commandsController.setActiveToolByType(o) && this._renderTarget?.updateAllCommands();
+	}
+};
+//#endregion
+export { l as Image360AnnotationCreateTool };

package/dist/domains/annotation360/Image360AnnotationCreator.d.ts

@@ -0,0 +1,10 @@
+import { Ray, Vector3 } from 'three';
+import { LineCreator } from '../primitives/line/LineCreator';
+import { Image360AnnotationDomainObject } from './Image360AnnotationDomainObject';
+export declare class Image360AnnotationCreator extends LineCreator {
+    constructor(domainObject: Image360AnnotationDomainObject);
+    get preferIntersection(): boolean;
+    get minimumPointCount(): number;
+    get maximumPointCount(): number;
+    protected transformInputPoint(ray: Ray, _point: Vector3 | undefined, _isPending: boolean): Vector3 | undefined;
+}

package/dist/domains/annotation360/Image360AnnotationCreator.js

@@ -0,0 +1,21 @@
+import { LineCreator as e } from "../primitives/line/LineCreator.js";
+//#region libs/shared/reveal-components/src/domains/annotation360/Image360AnnotationCreator.ts
+var t = class extends e {
+	constructor(e) {
+		super(e);
+	}
+	get preferIntersection() {
+		return !1;
+	}
+	get minimumPointCount() {
+		return 3;
+	}
+	get maximumPointCount() {
+		return 2 ** 53 - 1;
+	}
+	transformInputPoint(e, t, n) {
+		return e.direction.clone();
+	}
+};
+//#endregion
+export { t as Image360AnnotationCreator };

package/dist/domains/annotation360/Image360AnnotationDomainObject.d.ts

@@ -0,0 +1,28 @@
+import { Color, Vector3 } from 'three';
+import { DmsUniqueIdentifier } from '../../data-providers/FdmSDK';
+import { DomainObject } from '../../foundation/domainObjects/DomainObject';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+import { LineDomainObject } from '../primitives/line/LineDomainObject';
+import { AnnotationIdentifier, AssetIdentifier, AnnotationStatus } from './types';
+export declare class Image360AnnotationDomainObject extends LineDomainObject {
+    connectedImageId: string | DmsUniqueIdentifier;
+    readonly center: Vector3;
+    vectorLength: number;
+    annotationIdentifier?: AnnotationIdentifier;
+    assetRef?: AssetIdentifier;
+    status: AnnotationStatus;
+    constructor(connectedImageId: string | DmsUniqueIdentifier);
+    get icon(): IconName;
+    get color(): Color;
+    get canChangeColor(): boolean;
+    get typeName(): TranslationInput;
+    get hasPanelInfo(): boolean;
+    clone(what?: symbol): DomainObject;
+    copyFrom(domainObject: Image360AnnotationDomainObject, what?: symbol): void;
+    createRenderStyle(): RenderStyle | undefined;
+    getTransformedPoint(point: Vector3): Vector3;
+    getCopyOfTransformedPoint(point: Vector3, target: Vector3): Vector3;
+    getTriangleIndexes(): number[] | undefined;
+}

package/dist/domains/annotation360/Image360AnnotationDomainObject.js

@@ -0,0 +1,60 @@
+import { PrimitiveType as e } from "../../foundation/utilities/primitives/PrimitiveType.js";
+import { LineRenderStyle as t } from "../primitives/line/LineRenderStyle.js";
+import { LineDomainObject as n } from "../primitives/line/LineDomainObject.js";
+import { createTriangleIndexesFromVectors as r } from "./createTriangleIndexesFromVectors.js";
+import { Color as i, Vector3 as a } from "three";
+//#region libs/shared/reveal-components/src/domains/annotation360/Image360AnnotationDomainObject.ts
+var o = 5, s = class s extends n {
+	connectedImageId;
+	center = new a();
+	vectorLength = o;
+	annotationIdentifier;
+	assetRef;
+	status = "pending";
+	constructor(t) {
+		super(e.Polygon), this.connectedImageId = t;
+	}
+	get icon() {
+		return "Polygon";
+	}
+	get color() {
+		switch (this.status) {
+			case "suggested": return new i(i.NAMES.yellow);
+			case "saved": return new i(13920994);
+			case "pending": return new i(5089023);
+			case "deleted": return new i(i.NAMES.red);
+			default: return new i(i.NAMES.gray);
+		}
+	}
+	get canChangeColor() {
+		return !1;
+	}
+	get typeName() {
+		return { untranslated: "360 image annotation" };
+	}
+	get hasPanelInfo() {
+		return !1;
+	}
+	clone(e) {
+		let t = new s(this.connectedImageId);
+		return t.copyFrom(this, e), t;
+	}
+	copyFrom(e, t) {
+		super.copyFrom(e, t), this.connectedImageId = e.connectedImageId, this.center.copy(e.center), this.vectorLength = e.vectorLength, this.annotationIdentifier = e.annotationIdentifier, this.assetRef = e.assetRef, this.status = e.status;
+	}
+	createRenderStyle() {
+		let e = new t();
+		return e.showLabel = !1, e.pipeRadius = .01 / 3, e.selectedPipeRadius = 2 * e.pipeRadius, e.depthTest = !1, e.transparent = !0, e.showSolid = !0, e.renderOrder = 100, e;
+	}
+	getTransformedPoint(e) {
+		return this.getCopyOfTransformedPoint(e, new a());
+	}
+	getCopyOfTransformedPoint(e, t) {
+		return t.copy(this.center), t.addScaledVector(e, this.vectorLength), t;
+	}
+	getTriangleIndexes() {
+		return r(this.points);
+	}
+};
+//#endregion
+export { s as Image360AnnotationDomainObject };

package/dist/domains/annotation360/Image360AnnotationFolder.d.ts

@@ -0,0 +1,7 @@
+import { DomainObject } from '../../foundation/domainObjects/DomainObject';
+import { FolderDomainObject } from '../../foundation/domainObjects/FolderDomainObject';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+export declare class Image360AnnotationFolder extends FolderDomainObject {
+    get typeName(): TranslationInput;
+    clone(what?: symbol): DomainObject;
+}

package/dist/domains/annotation360/Image360AnnotationFolder.js

@@ -0,0 +1,13 @@
+import { FolderDomainObject as e } from "../../foundation/domainObjects/FolderDomainObject.js";
+//#region libs/shared/reveal-components/src/domains/annotation360/Image360AnnotationFolder.ts
+var t = class t extends e {
+	get typeName() {
+		return { untranslated: "360 image annotations" };
+	}
+	clone(e) {
+		let n = new t();
+		return n.copyFrom(this, e), n;
+	}
+};
+//#endregion
+export { t as Image360AnnotationFolder };

package/dist/domains/annotation360/Image360AnnotationSelectTool.d.ts

@@ -0,0 +1,17 @@
+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 Image360AnnotationSelectTool extends BaseEditTool {
+    private readonly _mustBeInside360Image;
+    constructor(mustBeInside360Image?: boolean);
+    get icon(): IconName;
+    get tooltip(): TranslationInput;
+    get isEnabled(): boolean;
+    update(): void;
+    get defaultCursor(): string;
+    onClick(event: PointerEvent): Promise<void>;
+    onDeleteKey(): void;
+    protected canBeSelected(domainObject: VisualDomainObject): boolean;
+    setImage360AnnotationsVisible(): void;
+}

package/dist/domains/annotation360/Image360AnnotationSelectTool.js

@@ -0,0 +1,52 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { BaseEditTool as t } from "../../foundation/commands/BaseEditTool.js";
+import { Image360AnnotationDomainObject as n } from "./Image360AnnotationDomainObject.js";
+//#region libs/shared/reveal-components/src/domains/annotation360/Image360AnnotationSelectTool.ts
+var r = class extends t {
+	_mustBeInside360Image;
+	constructor(e = !0) {
+		super(), this._mustBeInside360Image = e;
+	}
+	get icon() {
+		return "Cursor";
+	}
+	get tooltip() {
+		return { untranslated: "Select 360 polygons" };
+	}
+	get isEnabled() {
+		return !this._mustBeInside360Image || this.renderTarget.isInside360Image;
+	}
+	update() {
+		super.update(), this.isChecked && !this.isEnabled && this.renderTarget.activateDefaultTool();
+	}
+	get defaultCursor() {
+		return "default";
+	}
+	async onClick(e) {
+		let t = await this.getIntersection(e);
+		if (t !== void 0) {
+			let e = this.getIntersectedSelectableDomainObject(t);
+			if (e !== void 0) {
+				this.deselectAll(e), e.setSelected(!0);
+				return;
+			}
+		}
+		this.deselectAll(), await super.onClick(e);
+	}
+	onDeleteKey() {
+		let t = Array.from(this.getAllSelected());
+		for (let n of t) this.addTransaction(n.createTransaction(e.deleted)), n.remove();
+	}
+	canBeSelected(e) {
+		return e instanceof n;
+	}
+	setImage360AnnotationsVisible() {
+		let e = this.renderTarget.active360ImageId;
+		for (let t of this.getSelectableByType(n)) {
+			let n = e !== void 0 && t.connectedImageId === e;
+			t.setVisible(n, this.renderTarget);
+		}
+	}
+};
+//#endregion
+export { r as Image360AnnotationSelectTool };

package/dist/domains/annotation360/createTriangleIndexesFromVectors.d.ts

@@ -0,0 +1,2 @@
+import { Vector3 } from 'three';
+export declare function createTriangleIndexesFromVectors(vectors: Vector3[]): number[] | undefined;

package/dist/domains/annotation360/createTriangleIndexesFromVectors.js

@@ -0,0 +1,90 @@
+import { Vector3ArrayUtils as e } from "../../foundation/utilities/primitives/Vector3ArrayUtils.js";
+import { Quaternion as t, Vector3 as n } from "three";
+//#region libs/shared/reveal-components/src/domains/annotation360/createTriangleIndexesFromVectors.ts
+var r = new n(0, 0, -1), i = Math.PI / 1e3;
+function a(a) {
+	if (a.length < 3) return;
+	let l = e.getCenter(a);
+	if (l === void 0) return;
+	l.normalize();
+	let u = a, d = l.angleTo(r);
+	if (!m(d)) {
+		let e = new n().crossVectors(l, r).normalize(), i = new t().setFromAxisAngle(e, d);
+		u = a.map((e) => e.clone().applyQuaternion(i));
+	}
+	let f = e.getSignedHorizontalArea(u);
+	if (f === 0) return;
+	let p;
+	for (let e of h(u.length, f < 0)) p = o(e, u[e], p);
+	if (p === void 0) return;
+	return p = s(p), c(p);
+	function m(e) {
+		return e < i || e > Math.PI - i;
+	}
+	function* h(e, t) {
+		if (t) for (let t = e - 1; t >= 0; t--) yield t;
+		else for (let t = 0; t < e; t++) yield t;
+	}
+}
+function o(e, t, n) {
+	let r = new d(e, t);
+	return n !== void 0 && (r.next = n.next, r.prev = n, n.next.prev = r, n.next = r), r;
+}
+function s(e) {
+	let t = e, n = e, r = !1;
+	do
+		if (r = !1, t.equals(t.next) || t.getArea() === 0) {
+			if (t.remove(), t = n = t.prev, t === t.next) break;
+			r = !0;
+		} else t = t.next;
+	while (r || t !== n);
+	return n;
+}
+function c(e) {
+	let t = [], n = e;
+	for (; e.prev !== e.next;) {
+		let r = e.prev, i = e.next;
+		if (l(e)) {
+			t.push(r.index, e.index, i.index), e.remove(), e = i.next, n = i.next;
+			continue;
+		}
+		if (e = i, e === n) break;
+	}
+	return t;
+}
+function l(e) {
+	if (e.getArea() >= 0) return !1;
+	let t = e.prev, n = e, r = e.next, i = r.next;
+	for (; i !== t;) {
+		if (u(t, n, r, i) && i.getArea() >= 0) return !1;
+		i = i.next;
+	}
+	return !0;
+}
+function u(e, t, n, r) {
+	return (n.x - r.x) * (e.y - r.y) - (e.x - r.x) * (n.y - r.y) >= 0 && (e.x - r.x) * (t.y - r.y) - (t.x - r.x) * (e.y - r.y) >= 0 && (t.x - r.x) * (n.y - r.y) - (n.x - r.x) * (t.y - r.y) >= 0;
+}
+var d = class {
+	index;
+	x;
+	y;
+	prev;
+	next;
+	constructor(e, t) {
+		this.index = e, this.x = t.x, this.y = t.y, this.prev = this, this.next = this;
+	}
+	equals(e) {
+		return this.x === e.x && this.y === e.y;
+	}
+	remove() {
+		this.next.prev = this.prev, this.prev.next = this.next;
+	}
+	getArea() {
+		return e(this.prev, this, this.next);
+		function e(e, t, n) {
+			return (t.y - e.y) * (n.x - t.x) - (t.x - e.x) * (n.y - t.y);
+		}
+	}
+};
+//#endregion
+export { a as createTriangleIndexesFromVectors };

package/dist/domains/annotation360/types.d.ts

@@ -0,0 +1,13 @@
+export type LegacyIdentifier = {
+    sourceType: 'classic';
+    id: number;
+};
+export type FdmIdentifier = {
+    sourceType: 'dm';
+    space: string;
+    externalId: string;
+};
+export type AnnotationIdentifier = LegacyIdentifier | FdmIdentifier;
+export type AssetIdentifier = LegacyIdentifier | FdmIdentifier;
+export declare const ANNOTATION_STATUSES: readonly ["pending", "saved", "suggested", "deleted"];
+export type AnnotationStatus = (typeof ANNOTATION_STATUSES)[number];

package/dist/domains/annotations/AnnotationsDomainObject.d.ts

@@ -0,0 +1,39 @@
+import { Box3 } from 'three/src/math/Box3.js';
+import { VisualDomainObject } from '../../foundation/domainObjects/VisualDomainObject';
+import { FocusType } from '../../foundation/domainObjectsHelpers/FocusType';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+import { PrimitiveType } from '../../foundation/utilities/primitives/PrimitiveType';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+import { AnnotationsRenderStyle } from './AnnotationsRenderStyle';
+import { BoxGizmoDomainObject } from './BoxGizmoDomainObject';
+import { CylinderGizmoDomainObject } from './CylinderGizmoDomainObject';
+import { Annotation } from './helpers/Annotation';
+type GizmoDomainObject = BoxGizmoDomainObject | CylinderGizmoDomainObject;
+export declare class AnnotationsDomainObject extends VisualDomainObject {
+    private _annotations;
+    selectedAnnotation: Annotation | undefined;
+    focusAnnotation?: Annotation | undefined;
+    pendingAnnotation: Annotation | undefined;
+    applyPendingWhenCreated: boolean;
+    get annotations(): Annotation[];
+    set annotations(annotations: Annotation[]);
+    get renderStyle(): AnnotationsRenderStyle;
+    constructor();
+    get icon(): IconName;
+    get typeName(): TranslationInput;
+    createRenderStyle(): RenderStyle | undefined;
+    expandBoundingBox(boundingBox: Box3): void;
+    removeSelectedAnnotation(): boolean;
+    setSelectedAnnotation(annotation?: Annotation, primitiveIndex?: number, updateGizmo?: boolean): boolean;
+    setFocusAnnotation(focusType: FocusType, annotation?: Annotation): boolean;
+    applyPendingAnnotation(): boolean;
+    cancelPendingAnnotation(): boolean;
+    getGizmo(): GizmoDomainObject | undefined;
+    private getOrCreateGizmo;
+    private getOrCreateGizmoByAnnotation;
+    getOrCreateGizmoForPending(primitiveType: PrimitiveType): GizmoDomainObject | undefined;
+    removeGizmo(): void;
+    fetch(modelId: number): boolean;
+}
+export {};

package/dist/domains/annotations/AnnotationsDomainObject.js

@@ -0,0 +1,123 @@
+import { remove as e } from "../../foundation/utilities/extensions/arrayUtils.js";
+import { getRoot as t } from "../../foundation/domainObjects/getRoot.js";
+import { Changes as n } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { FocusType as r } from "../../foundation/domainObjectsHelpers/FocusType.js";
+import { DomainObjectChange as i } from "../../foundation/domainObjectsHelpers/DomainObjectChange.js";
+import { VisualDomainObject as a } from "../../foundation/domainObjects/VisualDomainObject.js";
+import { PrimitiveType as o } from "../../foundation/utilities/primitives/PrimitiveType.js";
+import { SolidDomainObject as s } from "../primitives/common/SolidDomainObject.js";
+import { AnnotationsRenderStyle as c } from "./AnnotationsRenderStyle.js";
+import { Annotation as l } from "./helpers/Annotation.js";
+import { AnnotationChangedDescription as u } from "./helpers/AnnotationChangedDescription.js";
+import { BoxGizmoDomainObject as d } from "./BoxGizmoDomainObject.js";
+import { CylinderGizmoDomainObject as f } from "./CylinderGizmoDomainObject.js";
+import { AnnotationUtils as p } from "./helpers/AnnotationUtils.js";
+//#region libs/shared/reveal-components/src/domains/annotations/AnnotationsDomainObject.ts
+var m = class extends a {
+	_annotations = [];
+	selectedAnnotation = void 0;
+	focusAnnotation = void 0;
+	pendingAnnotation = void 0;
+	applyPendingWhenCreated = !1;
+	get annotations() {
+		return this._annotations;
+	}
+	set annotations(e) {
+		this._annotations = e, this.selectedAnnotation !== void 0 && (this.selectedAnnotation = this.selectedAnnotation.remap(e), this.selectedAnnotation === void 0 && this.removeGizmo()), this.focusAnnotation !== void 0 && (this.focusAnnotation = this.focusAnnotation.remap(e)), this.pendingAnnotation !== void 0 && (this.pendingAnnotation = this.pendingAnnotation.remap(e), this.pendingAnnotation === void 0 && this.removeGizmo());
+		let t = this.getGizmo();
+		t !== void 0 && t.notify(n.geometry), this.notify(n.geometry);
+	}
+	get renderStyle() {
+		return super.getRenderStyle();
+	}
+	constructor() {
+		super();
+	}
+	get icon() {
+		return "Cube";
+	}
+	get typeName() {
+		return { untranslated: "Annotations" };
+	}
+	createRenderStyle() {
+		return new c();
+	}
+	expandBoundingBox(e) {
+		for (let t of this.annotations) t.expandBoundingBox(e);
+	}
+	removeSelectedAnnotation() {
+		let t = this.selectedAnnotation;
+		if (t === void 0 || (this.selectedAnnotation = void 0, this.annotations === void 0)) return !1;
+		let r, i = t.isSingle;
+		if (r = i ? e(this.annotations, t) : t.removeSelectedPrimitive(), r) {
+			let e = new u(i ? n.deletedPart : n.changedPart, t);
+			this.notify(e), this.removeGizmo();
+		}
+		return r;
+	}
+	setSelectedAnnotation(e, t, a = !0) {
+		if (l.areEqualIncludeSelected(this.selectedAnnotation, e, t)) return !1;
+		if (this.selectedAnnotation = e, this.selectedAnnotation !== void 0 && (this.selectedAnnotation.selectedIndex = t, this.setSelected(!0)), this.setFocusAnnotation(r.None), this.notify(n.selected), a) {
+			if (e !== void 0) {
+				let t = this.getOrCreateGizmoByAnnotation(e);
+				if (t !== void 0) {
+					let e = new i(n.geometry, s.GizmoOnly);
+					e.addChange(n.color), t.notify(e), t.setFocus(r.Body), t.setSelected(!0), t.setVisible(!0);
+				}
+			} else this.removeGizmo();
+		}
+		return !0;
+	}
+	setFocusAnnotation(e, t) {
+		return l.areEqual(this.focusAnnotation, t) && this.focusType === e ? !1 : (this.focusType = e, this.focusAnnotation = t, this.notify(n.focus), !0);
+	}
+	applyPendingAnnotation() {
+		return this.pendingAnnotation !== void 0 && (this.annotations.push(this.pendingAnnotation), this.notify(new u(n.addedPart, this.pendingAnnotation)), this.setSelectedAnnotation(this.pendingAnnotation, 0), this.setVisible(!0), this.pendingAnnotation = void 0, !0);
+	}
+	cancelPendingAnnotation() {
+		return this.pendingAnnotation !== void 0 && (this.removeGizmo(), this.pendingAnnotation = void 0, !0);
+	}
+	getGizmo() {
+		let e = this.getDescendantByType(d);
+		return e === void 0 ? this.getDescendantByType(f) : e;
+	}
+	getOrCreateGizmo(e) {
+		let t = this.getGizmo();
+		if ((e === o.HorizontalCylinder || e === o.VerticalCylinder) && (e = o.Cylinder), t !== void 0 && t.primitiveType === e) return t;
+		t !== void 0 && t.remove(!1);
+		let n = h(e);
+		return n !== void 0 && this.addChild(n), n;
+	}
+	getOrCreateGizmoByAnnotation(e) {
+		let t = this.getOrCreateGizmo(e.primitiveType);
+		if (t === void 0 || !t.updateThisFromAnnotation(e)) return;
+		let n = this.renderStyle, r = t.renderStyle;
+		return r.showLines = !0, r.lineWidth = n.lineWidth, r.selectedLineWidth = n.selectedLineWidth, r.depthTest = n.depthTest, t.setColor(n.getColorByStatus(e.getStatus())), t;
+	}
+	getOrCreateGizmoForPending(e) {
+		let t = this.getOrCreateGizmo(e);
+		if (t === void 0) return;
+		t.clear();
+		let n = this.renderStyle, r = t.renderStyle;
+		return r.showLines = !0, r.lineWidth = n.lineWidth, r.selectedLineWidth = n.selectedLineWidth, r.depthTest = !1, t.setColor(n.pendingColor), t;
+	}
+	removeGizmo() {
+		let e = this.getGizmo();
+		e !== void 0 && e.remove(!1);
+	}
+	fetch(e) {
+		let r = t(this);
+		return r !== void 0 && (p.fetchAllAnnotations(r.sdk, e).then((e) => {
+			this.setSelected(!0), this.setVisible(!0), this.notify(n.loaded);
+		}), !0);
+	}
+};
+function h(e) {
+	switch (e) {
+		case o.Box: return new d();
+		case o.Cylinder: return new f();
+		default: return;
+	}
+}
+//#endregion
+export { m as AnnotationsDomainObject };

package/dist/domains/annotations/AnnotationsRenderStyle.d.ts

@@ -0,0 +1,18 @@
+import { CommonRenderStyle } from '../../foundation/renderStyles/CommonRenderStyle';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+import { Status } from './helpers/Status';
+export declare class AnnotationsRenderStyle extends CommonRenderStyle {
+    contextualizedColor: number;
+    suggestedColor: number;
+    approvedColor: number;
+    rejectedColor: number;
+    pendingColor: number;
+    hoveredColor: number;
+    blankColor: number;
+    blankOpacity: number;
+    lineWidth: number;
+    selectedLineWidth: number;
+    pendingLineWidth: number;
+    clone(): RenderStyle;
+    getColorByStatus(status: Status): number;
+}

package/dist/domains/annotations/AnnotationsRenderStyle.js

@@ -0,0 +1,30 @@
+import { CommonRenderStyle as e } from "../../foundation/renderStyles/CommonRenderStyle.js";
+import { Status as t } from "./helpers/Status.js";
+import { cloneDeep as n } from "lodash-es";
+//#region libs/shared/reveal-components/src/domains/annotations/AnnotationsRenderStyle.ts
+var r = class extends e {
+	contextualizedColor = 13920994;
+	suggestedColor = 16776960;
+	approvedColor = 65280;
+	rejectedColor = 16711680;
+	pendingColor = 5089023;
+	hoveredColor = 16776960;
+	blankColor = 16777215;
+	blankOpacity = .333;
+	lineWidth = 2;
+	selectedLineWidth = 4;
+	pendingLineWidth = 6;
+	clone() {
+		return n(this);
+	}
+	getColorByStatus(e) {
+		switch (e) {
+			case t.Contextualized: return this.contextualizedColor;
+			case t.Approved: return this.approvedColor;
+			case t.Suggested: return this.suggestedColor;
+			default: return this.rejectedColor;
+		}
+	}
+};
+//#endregion
+export { r as AnnotationsRenderStyle };

package/dist/domains/annotations/AnnotationsView.d.ts

@@ -0,0 +1,37 @@
+import { Box3 } from 'three';
+import { CustomObjectIntersectInput, CustomObjectIntersection } from '@cognite/reveal';
+import { DomainObjectChange } from '../../foundation/domainObjectsHelpers/DomainObjectChange';
+import { GroupThreeView } from '../../foundation/views/GroupThreeView';
+import { AnnotationsDomainObject } from './AnnotationsDomainObject';
+import { AnnotationsRenderStyle } from './AnnotationsRenderStyle';
+export declare class AnnotationsView extends GroupThreeView<AnnotationsDomainObject> {
+    private readonly contextLineMaterial;
+    private readonly approvedLineMaterial;
+    private readonly suggestedLineMaterial;
+    private readonly rejectedLineMaterial;
+    private readonly contextSelectedLineMaterial;
+    private readonly approvedSelectedLineMaterial;
+    private readonly suggestedSelectedLineMaterial;
+    private readonly rejectedSelectedLineMaterial;
+    private readonly focusAnnotationMaterial;
+    private readonly globalMatrix;
+    protected get style(): AnnotationsRenderStyle;
+    constructor();
+    update(change: DomainObjectChange): void;
+    get useDepthTest(): boolean;
+    protected calculateBoundingBox(): Box3;
+    protected addChildren(): void;
+    intersectIfCloser(intersectInput: CustomObjectIntersectInput, closestDistance: number | undefined): undefined | CustomObjectIntersection;
+    private updateSelectedAnnotation;
+    private clearSelectedAnnotation;
+    private updateFocusAnnotation;
+    private clearFocusAnnotation;
+    private updateRenderStyle;
+    private styleWireframe;
+    private styleAnnotation;
+    private getWireframes;
+    private getAnnotations;
+    private getLineMaterial;
+    private setStyle;
+    private addWireframeFromMultipleAnnotations;
+}