@cognite/reveal-components 1.0.0

package/dist/domains/axis/AxisThreeView.js

@@ -0,0 +1,256 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { isIncrement as t } from "../../foundation/utilities/extensions/mathUtils.js";
+import { numberToString as n } from "../../foundation/utilities/extensions/stringUtils.js";
+import { PrimitiveUtils as r } from "../../foundation/utilities/primitives/PrimitiveUtils.js";
+import { Range1 as i } from "../../foundation/utilities/geometry/Range1.js";
+import { Range3 as a } from "../../foundation/utilities/geometry/Range3.js";
+import { GroupThreeView as o } from "../../foundation/views/GroupThreeView.js";
+import { TrianglesBuffers as s } from "../../foundation/utilities/geometry/TrianglesBuffers.js";
+import { DEFAULT_POLYGON_OFFSET as c } from "../../foundation/utilities/misc/defaultPolygonOffset.js";
+import { createSpriteWithText as l, moveSpriteByPositionAndDirection as u } from "../../foundation/utilities/sprites/createSprite.js";
+import { BackSide as d, Box3 as f, LineBasicMaterial as p, LineSegments as m, Mesh as h, MeshBasicMaterial as g, OrthographicCamera as _, Vector3 as v } from "three";
+import { Vector3Pool as y } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/domains/axis/AxisThreeView.ts
+var b = "faceIndex1", x = "faceIndex2", S = "mainAxis", C = class extends o {
+	_corners;
+	_faceCenters;
+	_sceneBoundingBox = new f().makeEmpty();
+	_expandedSceneBoundingBox = new a();
+	get style() {
+		return super.style;
+	}
+	constructor() {
+		super(), this._corners = Array(8).fill(null).map(() => new v()), this._faceCenters = [
+			,
+			,
+			,
+			,
+			,
+			,
+		].fill(null).map(() => new v());
+	}
+	update(t) {
+		super.update(t), !this.isEmpty && t.isChanged(e.renderStyle) && (this.removeChildren(), this.invalidateBoundingBox(), this.invalidateRenderTarget());
+	}
+	beforeRender(e) {
+		if (super.beforeRender(e), this.isEmpty) return;
+		let t, n;
+		e instanceof _ ? t = e.getWorldDirection(M()) : n = e.position;
+		for (let e of this.object.children) this.updateVisibleAxis(e, n, t);
+	}
+	get shouldPick() {
+		return !1;
+	}
+	get isPartOfBoundingBox() {
+		return !1;
+	}
+	needsUpdateCore() {
+		let e = this.renderTarget.clippedVisualSceneBoundingBox;
+		return !e.equals(this._sceneBoundingBox) && (this._sceneBoundingBox.copy(e), this._expandedSceneBoundingBox.copy(e), this._expandedSceneBoundingBox.isEmpty || this._expandedSceneBoundingBox.expandByFraction(.02), !0);
+	}
+	addChildren() {
+		let e = this._expandedSceneBoundingBox;
+		if (e.isEmpty) return;
+		this.initializeCornersAndCenters(e);
+		let t = E(e), { style: n } = this;
+		for (let e = 0; e < 6; e++) this.addFace(n, t, e);
+		let r = {
+			style: n,
+			useFace: t,
+			increment: w(e, n.numberOfTicks),
+			tickLength: e.diagonal * n.tickLength
+		};
+		e.x.hasSpan && (this.addAxis(r, 0, 1, 0, 1, 2), this.addAxis(r, 3, 2, 0, 2, 4), this.addAxis(r, 7, 6, 0, 4, 5), this.addAxis(r, 4, 5, 0, 1, 5)), e.y.hasSpan && (this.addAxis(r, 3, 0, 1, 0, 2), this.addAxis(r, 1, 2, 1, 2, 3), this.addAxis(r, 5, 6, 1, 3, 5), this.addAxis(r, 7, 4, 1, 0, 5)), e.z.hasSpan && (this.addAxis(r, 0, 4, 2, 0, 1), this.addAxis(r, 1, 5, 2, 1, 3), this.addAxis(r, 2, 6, 2, 3, 4), this.addAxis(r, 3, 7, 2, 0, 4)), n.showGrid && (this.addGrid(r, 0, 1, 2), this.addGrid(r, 1, 0, 2), this.addGrid(r, 2, 0, 1), this.addGrid(r, 3, 1, 2), this.addGrid(r, 4, 0, 2), this.addGrid(r, 5, 0, 1));
+	}
+	addAxis(e, t, n, r, i, a) {
+		let { style: o, useFace: s } = e;
+		!s[i] && !s[a] || (o.showAxis && this.addAxisLine(o, t, n, r, i, a), this.addAxisTickMarksAndLabels(e, t, n, r, i, a));
+	}
+	addAxisLine(e, t, n, r, i, a) {
+		for (let o = 0; o < 2; o++) {
+			let s = o === 0, c = e.getAxisColor(s, T(r)), l = s ? 2 : 1, u = [];
+			u.push(...this._corners[t]), u.push(...this._corners[n]);
+			let d = D(u, c, l);
+			this.setUserDataOnAxis(d, i, a, s), this.addChild(d);
+		}
+	}
+	addAxisTickMarksAndLabels(e, r, a, o, s, c) {
+		let d = new i(this._corners[r].getComponent(o), this._corners[a].getComponent(o));
+		if (d.isEmpty) return;
+		let f = 0, p = 0, { style: m, tickLength: h, increment: g } = e, _ = d.getBoldIncrement(g), y = A(s, c, new v());
+		if (y.normalize(), m.showAxisTicks || m.showAxisNumbers) {
+			let e = [], i = m.tickFontSize * h;
+			for (let a of d.getTicks(g)) {
+				let u = M(this._corners[r]);
+				u.setComponent(o, a);
+				let d = M(u);
+				if (m.showAxisTicks && (d.addScaledVector(y, h), e.push(...u), e.push(...d)), m.showAxisNumbers) {
+					if (!t(a, _)) continue;
+					p === 0 && (f = a), p += 1, d.addScaledVector(y, 2 * h);
+					let e = n(o === 2 ? -a : a), r = l(e, i, m.textColor);
+					r.position.copy(d), this.addChild(r), this.setUserDataOnAxis(r, s, c, !0);
+				}
+			}
+			if (m.showAxisTicks) {
+				let t = D(e, m.mainAxisColor, 1);
+				this.setUserDataOnAxis(t, s, c, !0), this.addChild(t);
+			}
+		}
+		if (m.showAxisLabel) {
+			let e = m.axisLabelFontSize * h, t = M(), n = f + Math.round(.5 * p - .5) * _;
+			n -= _ === g ? g / 2 : g, t.copy(this._corners[r]), t.setComponent(o, n), t.addScaledVector(y, h * 5);
+			let i = l(m.getAxisLabel(T(o)), e, m.textColor);
+			u(i, t, y), this.addChild(i), this.setUserDataOnAxis(i, s, c, !0);
+		}
+	}
+	addFace(e, t, n) {
+		if (!t[n]) return;
+		let r = k(n), i = new s(4);
+		i.addPosition(this._corners[r[0]]), i.addPosition(this._corners[r[1]]), i.addPosition(this._corners[r[2]]), i.addPosition(this._corners[r[3]]), i.addTriangle(0, 1, 2), i.addTriangle(0, 2, 3);
+		let a = new g({
+			color: e.wallColor,
+			side: d,
+			...c
+		}), o = new h(i.createBufferGeometry(), a);
+		this.setUserDataOnFace(o, n), this.addChild(o);
+	}
+	addGrid(e, t, n, r) {
+		let { style: i, useFace: a, increment: o } = e;
+		if (!a[t]) return;
+		let s = k(t), c = [];
+		this.addGridInOneDirection(c, o, s[0], s[1], s[3], n), this.addGridInOneDirection(c, o, s[0], s[3], s[1], r);
+		let l = D(c, i.gridColor, 1);
+		this.setUserDataOnFace(l, t), this.addChild(l);
+	}
+	addGridInOneDirection(e, n, r, a, o, s) {
+		let c = M(this._corners[r]), l = this._corners[a], u = M(this._corners[o]), d = new i(c.getComponent(s), l.getComponent(s));
+		if (d.isEmpty) return;
+		let f = d.getBoldIncrement(n);
+		for (let r of d.getTicks(n)) t(r, f) && (c.setComponent(s, r), u.setComponent(s, r), e.push(...c), e.push(...u));
+	}
+	setUserDataOnFace(e, t) {
+		e.userData[b] = t;
+	}
+	setUserDataOnAxis(e, t, n, r) {
+		e.userData[b] = t, e.userData[x] = n, e.userData[S] = r;
+	}
+	updateVisibleAxis(e, t, n) {
+		let r = e.userData[b];
+		if (r === void 0) return;
+		let i = this.isFaceVisible(r, t, n), a = e.userData[x];
+		if (a === void 0) {
+			e.visible = i;
+			return;
+		}
+		let o = this.isFaceVisible(a, t, n);
+		e.visible = e.userData[S] ? i !== o : i && o;
+	}
+	isFaceVisible(e, t, n) {
+		if (n === void 0) {
+			if (t === void 0) return !1;
+			n = M().subVectors(this._faceCenters[e], t);
+		}
+		let r = O(e, M());
+		return n.dot(r) > .02;
+	}
+	initializeCornersAndCenters(e) {
+		if (!e.isEmpty) {
+			e.getCornerPoints(this._corners);
+			for (let e = 0; e < 6; e++) {
+				let t = k(e), n = this._faceCenters[e];
+				n.copy(this._corners[t[0]]), n.add(this._corners[t[1]]), n.add(this._corners[t[2]]), n.add(this._corners[t[3]]), n.divideScalar(4);
+			}
+		}
+	}
+};
+function w(e, t) {
+	let n = 0;
+	return e.x.hasSpan && (n = Math.max(n, e.x.getBestIncrement(t))), e.y.hasSpan && (n = Math.max(n, e.y.getBestIncrement(t))), e.z.hasSpan && (n = Math.max(n, e.z.getBestIncrement(t))), n;
+}
+function T(e) {
+	return e === 1 ? 2 : e === 2 ? 1 : e;
+}
+function E(e) {
+	let t = [
+		,
+		,
+		,
+		,
+		,
+		,
+	];
+	return t[0] = e.y.hasSpan && e.z.hasSpan, t[1] = e.x.hasSpan && e.z.hasSpan, t[2] = e.x.hasSpan && e.y.hasSpan, t[3] = e.y.hasSpan && e.z.hasSpan, t[4] = e.x.hasSpan && e.z.hasSpan, t[5] = e.x.hasSpan && e.y.hasSpan, t;
+}
+function D(e, t, n) {
+	let i = r.createBufferGeometry(e), a = new p({
+		color: t,
+		linewidth: n
+	});
+	return new m(i, a);
+}
+function O(e, t) {
+	switch (e) {
+		case 0: return t.set(-1, 0, 0);
+		case 1: return t.set(0, -1, 0);
+		case 2: return t.set(0, 0, -1);
+		case 3: return t.set(1, 0, 0);
+		case 4: return t.set(0, 1, 0);
+		case 5: return t.set(0, 0, 1);
+		default: throw Error("getFaceNormal");
+	}
+}
+function k(e) {
+	switch (e) {
+		case 0: return [
+			3,
+			0,
+			4,
+			7
+		];
+		case 1: return [
+			0,
+			1,
+			5,
+			4
+		];
+		case 2: return [
+			3,
+			2,
+			1,
+			0
+		];
+		case 3: return [
+			1,
+			2,
+			6,
+			5
+		];
+		case 4: return [
+			2,
+			3,
+			7,
+			6
+		];
+		case 5: return [
+			4,
+			5,
+			6,
+			7
+		];
+		default: return [
+			0,
+			0,
+			0,
+			0
+		];
+	}
+}
+function A(e, t, n) {
+	return n.setScalar(0), (e === 0 || t === 0) && (n.x = -Math.SQRT1_2), (e === 3 || t === 3) && (n.x = Math.SQRT1_2), (e === 1 || t === 1) && (n.y = -Math.SQRT1_2), (e === 4 || t === 4) && (n.y = Math.SQRT1_2), (e === 2 || t === 2) && (n.z = -Math.SQRT1_2), (e === 5 || t === 5) && (n.z = Math.SQRT1_2), n;
+}
+var j = new y();
+function M(e) {
+	return j.getNext(e);
+}
+//#endregion
+export { C as AxisThreeView };

package/dist/domains/axis/SetAxisVisibleCommand.d.ts

@@ -0,0 +1,11 @@
+import { RenderTargetCommand } from '../../foundation/commands/RenderTargetCommand';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+export declare class SetAxisVisibleCommand extends RenderTargetCommand {
+    get tooltip(): TranslationInput;
+    get icon(): IconName;
+    get isEnabled(): boolean;
+    get isToggle(): boolean;
+    get isChecked(): boolean;
+    protected invokeCore(): boolean;
+}

package/dist/domains/axis/SetAxisVisibleCommand.js

@@ -0,0 +1,27 @@
+import { RenderTargetCommand as e } from "../../foundation/commands/RenderTargetCommand.js";
+import { AxisDomainObject as t } from "./AxisDomainObject.js";
+//#region libs/shared/reveal-components/src/domains/axis/SetAxisVisibleCommand.ts
+var n = class extends e {
+	get tooltip() {
+		return { key: "SHOW_OR_HIDE_AXIS" };
+	}
+	get icon() {
+		return "Axis3D";
+	}
+	get isEnabled() {
+		return !0;
+	}
+	get isToggle() {
+		return !0;
+	}
+	get isChecked() {
+		let { renderTarget: e, root: n } = this, r = n.getDescendantByType(t);
+		return r !== void 0 && r.isVisible(e);
+	}
+	invokeCore() {
+		let { renderTarget: e, root: n } = this, r = n.getDescendantByType(t);
+		return r === void 0 && (r = new t(), n.addChild(r)), r.toggleVisible(e), !0;
+	}
+};
+//#endregion
+export { n as SetAxisVisibleCommand };

package/dist/domains/circleMarker/CircleMarkerDomainObject.d.ts

@@ -0,0 +1,45 @@
+import { Vector3 } from 'three';
+import { DomainObject } from '../../foundation/domainObjects/DomainObject';
+import { VisualDomainObject } from '../../foundation/domainObjects/VisualDomainObject';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+import { Range1 } from '../../foundation/utilities/geometry/Range1';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { CircleMarkerRenderStyle } from './CircleMarkerRenderStyle';
+export declare enum CircleMarkerType {
+    MouseCircleMarker = 0,
+    FocusPointMarker = 1
+}
+/**
+ * Represents a visual domain object for a circle marker in the architecture.
+ *
+ * This class encapsulates the properties and behaviors of a circle marker,
+ * including its position, radius, type, color, and rendering style.
+ * It provides methods for handling color changes, wheel interactions for resizing,
+ * and overrides for visibility and labeling in the object tree.
+ *
+ * There are two types of circle markers:
+ * - MouseCircleMarker: A circle marker that follows the mouse cursor.
+ * - FocusPointMarker: A circle marker that indicates a focus point in the 3D space.
+ *
+ * The application developer is responsible to set the position, size and visibility of the circle marker,
+ * typically done in the tools
+ */
+export declare class CircleMarkerDomainObject extends VisualDomainObject {
+    readonly position: Vector3;
+    radius: number;
+    legalRadiusRange: Range1;
+    readonly type: CircleMarkerType;
+    constructor(type?: CircleMarkerType);
+    get style(): CircleMarkerRenderStyle;
+    get typeName(): TranslationInput;
+    get isVisibleInTree(): boolean;
+    get hasIndexOnLabel(): boolean;
+    createRenderStyle(): RenderStyle | undefined;
+    setDefaultColor(): void;
+    setWarningColor(): void;
+    onWheel(wheelDelta: number): boolean;
+}
+export declare function getCircleMarker(root: DomainObject): CircleMarkerDomainObject | undefined;
+export declare function getOrCreateCircleMarker(root: DomainObject): CircleMarkerDomainObject;
+export declare function getFocusPointMarker(root: DomainObject): CircleMarkerDomainObject | undefined;
+export declare function getOrCreateFocusPointMarker(root: DomainObject): CircleMarkerDomainObject;

package/dist/domains/circleMarker/CircleMarkerDomainObject.js

@@ -0,0 +1,60 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { VisualDomainObject as t } from "../../foundation/domainObjects/VisualDomainObject.js";
+import { Range1 as n } from "../../foundation/utilities/geometry/Range1.js";
+import { CircleMarkerRenderStyle as r } from "./CircleMarkerRenderStyle.js";
+import { Color as i, Vector3 as a } from "three";
+//#region libs/shared/reveal-components/src/domains/circleMarker/CircleMarkerDomainObject.ts
+var o = i.NAMES.red, s = .05, c = 5, l = .05, u = class extends t {
+	position = new a();
+	radius = .3;
+	legalRadiusRange = new n(s, c);
+	type;
+	constructor(e = 0) {
+		super(), this.type = e, this.color.setHex(d(e));
+	}
+	get style() {
+		return this.getRenderStyle();
+	}
+	get typeName() {
+		return this.type === 1 ? { untranslated: "Focus point marker" } : { untranslated: "Mouse circle marker" };
+	}
+	get isVisibleInTree() {
+		return !1;
+	}
+	get hasIndexOnLabel() {
+		return !1;
+	}
+	createRenderStyle() {
+		let e = new r();
+		return this.type === 1 && (e.solidOpacity = 1, e.maxDistanceForSizeAdjustments = 7), e;
+	}
+	setDefaultColor() {
+		this.color.getHex() !== d(this.type) && (this.color.setHex(d(this.type)), this.notify(e.color));
+	}
+	setWarningColor() {
+		this.color.getHex() !== o && (this.color.setHex(o), this.notify(e.color));
+	}
+	onWheel(t) {
+		let n = 1 - Math.sign(t) * l, r = this.radius * n;
+		return r === this.radius || !this.legalRadiusRange.isInside(r) ? !1 : (this.radius = r, this.notify(e.geometry), !0);
+	}
+};
+function d(e) {
+	return e === 1 ? 15925017 : i.NAMES.yellow;
+}
+function f(e) {
+	for (let t of e.getDescendantsByType(u)) if (t.type === 0) return t;
+}
+function p(e) {
+	let t = f(e);
+	return t === void 0 && (t = new u(0), e.addChild(t)), t;
+}
+function m(e) {
+	for (let t of e.getDescendantsByType(u)) if (t.type === 1) return t;
+}
+function h(e) {
+	let t = m(e);
+	return t === void 0 && (t = new u(1), e.addChild(t)), t;
+}
+//#endregion
+export { u as CircleMarkerDomainObject, f as getCircleMarker, m as getFocusPointMarker, p as getOrCreateCircleMarker, h as getOrCreateFocusPointMarker };

package/dist/domains/circleMarker/CircleMarkerRenderStyle.d.ts

@@ -0,0 +1,11 @@
+import { Color } from 'three';
+import { CommonRenderStyle } from '../../foundation/renderStyles/CommonRenderStyle';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+export declare class CircleMarkerRenderStyle extends CommonRenderStyle {
+    solidOpacity: number;
+    lineWidth: number;
+    maxDistanceForSizeAdjustments?: number;
+    readonly lineColor: Color;
+    constructor();
+    clone(): RenderStyle;
+}

package/dist/domains/circleMarker/CircleMarkerRenderStyle.js

@@ -0,0 +1,18 @@
+import { BLACK_COLOR as e } from "../../foundation/utilities/colors/colorUtils.js";
+import { CommonRenderStyle as t } from "../../foundation/renderStyles/CommonRenderStyle.js";
+import { cloneDeep as n } from "lodash-es";
+//#region libs/shared/reveal-components/src/domains/circleMarker/CircleMarkerRenderStyle.ts
+var r = class extends t {
+	solidOpacity = .25;
+	lineWidth = 2;
+	maxDistanceForSizeAdjustments;
+	lineColor = e.clone();
+	constructor() {
+		super(), this.depthTest = !1;
+	}
+	clone() {
+		return n(this);
+	}
+};
+//#endregion
+export { r as CircleMarkerRenderStyle };

package/dist/domains/circleMarker/CircleMarkerView.d.ts

@@ -0,0 +1,14 @@
+import { PerspectiveCamera } from 'three';
+import { CustomObjectIntersectInput, CustomObjectIntersection } from '@cognite/reveal';
+import { DomainObjectChange } from '../../foundation/domainObjectsHelpers/DomainObjectChange';
+import { GroupThreeView } from '../../foundation/views/GroupThreeView';
+import { CircleMarkerDomainObject } from './CircleMarkerDomainObject';
+import { CircleMarkerRenderStyle } from './CircleMarkerRenderStyle';
+export declare class CircleMarkerView extends GroupThreeView<CircleMarkerDomainObject> {
+    update(change: DomainObjectChange): void;
+    beforeRender(camera: PerspectiveCamera): void;
+    protected get style(): CircleMarkerRenderStyle;
+    protected addChildren(): void;
+    intersectIfCloser(_intersectInput: CustomObjectIntersectInput, _closestDistance: number | undefined): undefined | CustomObjectIntersection;
+    private updateGeometry;
+}

package/dist/domains/circleMarker/CircleMarkerView.js

@@ -0,0 +1,45 @@
+import { Changes as e } from "../../foundation/domainObjectsHelpers/Changes.js";
+import { GroupThreeView as t } from "../../foundation/views/GroupThreeView.js";
+import { colorToHex as n } from "../../foundation/utilities/colors/colorToHex.js";
+import { CanvasTexture as r, Sprite as i, SpriteMaterial as a } from "three";
+//#region libs/shared/reveal-components/src/domains/circleMarker/CircleMarkerView.ts
+var o = 200, s = 1, c = class extends t {
+	update(t) {
+		super.update(t), t.isChanged(e.geometry) && (this.updateGeometry(), this.invalidateRenderTarget()), t.isChanged(e.renderStyle, e.color) && (this.clearMemory(), this.invalidateRenderTarget());
+	}
+	beforeRender(e) {
+		super.beforeRender(e);
+		let { domainObject: t, object: n, style: r } = this, i = 2 * t.radius, a = r.maxDistanceForSizeAdjustments;
+		if (a !== void 0 && a > 0) {
+			let n = e.position.distanceTo(t.position);
+			if (n < a) {
+				let e = n / a;
+				i *= e;
+			}
+		}
+		n.scale.x !== i && (n.scale.setScalar(i), n.updateMatrixWorld());
+	}
+	get style() {
+		return super.style;
+	}
+	addChildren() {
+		let { domainObject: e, style: t } = this, r = l(o, n(e.color, t.solidOpacity), n(t.lineColor), t.lineWidth), s = new a({
+			map: r,
+			depthTest: t.depthTest
+		}), c = new i(s);
+		c.updateMatrixWorld(), this.addChild(c), this.updateGeometry();
+	}
+	intersectIfCloser(e, t) {}
+	updateGeometry() {
+		let { domainObject: e, object: t } = this;
+		t === void 0 || this.isEmpty || (t.position.copy(e.position), t.scale.setScalar(e.radius * 2), t.updateMatrixWorld());
+	}
+};
+function l(e, t, n, i) {
+	let a = document.createElement("canvas");
+	a.width = e, a.height = e;
+	let o = e / 2, c = e / 2 - i - s, l = a.getContext("2d");
+	return l !== null && (l.beginPath(), l.fillStyle = t, l.ellipse(o, o, c, c, 0, 0, 2 * Math.PI), l.fill(), i > 0 && (l.beginPath(), l.strokeStyle = n, l.lineWidth = i, l.ellipse(o, o, c, c, 0, 0, 2 * Math.PI), l.stroke())), new r(a);
+}
+//#endregion
+export { c as CircleMarkerView };

package/dist/domains/clipping/ClipFolder.d.ts

@@ -0,0 +1,7 @@
+import { FolderDomainObject } from '../../foundation/domainObjects/FolderDomainObject';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+export declare class ClipFolder extends FolderDomainObject {
+    get typeName(): TranslationInput;
+    get icon(): IconName;
+}

package/dist/domains/clipping/ClipFolder.js

@@ -0,0 +1,12 @@
+import { FolderDomainObject as e } from "../../foundation/domainObjects/FolderDomainObject.js";
+//#region libs/shared/reveal-components/src/domains/clipping/ClipFolder.ts
+var t = class extends e {
+	get typeName() {
+		return { key: "CROP_BOXES_AND_CLIPPING_PLANES" };
+	}
+	get icon() {
+		return "Crop";
+	}
+};
+//#endregion
+export { t as ClipFolder };

package/dist/domains/clipping/ClipTool.d.ts

@@ -0,0 +1,17 @@
+import { DomainObject } from '../../foundation/domainObjects/DomainObject';
+import { VisualDomainObject } from '../../foundation/domainObjects/VisualDomainObject';
+import { BaseCreator } from '../../foundation/domainObjectsHelpers/BaseCreator';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+import { PrimitiveEditTool } from '../primitives/tools/PrimitiveEditTool';
+export declare class ClipTool extends PrimitiveEditTool {
+    constructor();
+    get icon(): IconName;
+    get tooltip(): TranslationInput;
+    get isEnabled(): boolean;
+    onActivate(): void;
+    onDeactivate(): void;
+    protected canBeSelected(domainObject: VisualDomainObject): boolean;
+    protected getOrCreateParent(): DomainObject;
+    protected createCreator(): BaseCreator | undefined;
+}

package/dist/domains/clipping/ClipTool.js

@@ -0,0 +1,47 @@
+import { PrimitiveType as e } from "../../foundation/utilities/primitives/PrimitiveType.js";
+import { BoxCreator as t } from "../primitives/box/BoxCreator.js";
+import { PlaneCreator as n } from "../primitives/plane/PlaneCreator.js";
+import { PrimitiveEditTool as r } from "../primitives/tools/PrimitiveEditTool.js";
+import { getOrCreateTemporaryFolderChild as i } from "../temporary/getOrCreateTemporaryFolder.js";
+import { ClipFolder as a } from "./ClipFolder.js";
+import { SliceDomainObject as o } from "./SliceDomainObject.js";
+import { CropBoxDomainObject as s } from "./CropBoxDomainObject.js";
+//#region libs/shared/reveal-components/src/domains/clipping/ClipTool.ts
+var c = class extends r {
+	constructor() {
+		super(e.None);
+	}
+	get icon() {
+		return "Crop";
+	}
+	get tooltip() {
+		return { key: "CLIP_TOOL" };
+	}
+	get isEnabled() {
+		return !this.renderTarget.isInside360Image;
+	}
+	onActivate() {
+		super.onActivate(), this.setAllVisible(!0);
+	}
+	onDeactivate() {
+		super.onDeactivate(), this.setAllVisible(!1);
+	}
+	canBeSelected(e) {
+		return e instanceof s || e instanceof o;
+	}
+	getOrCreateParent() {
+		return i(this.root, a);
+	}
+	createCreator() {
+		switch (this.primitiveType) {
+			case e.PlaneX:
+			case e.PlaneY:
+			case e.PlaneZ:
+			case e.PlaneXY: return new n(new o(this.primitiveType));
+			case e.Box: return new t(new s());
+			default: return;
+		}
+	}
+};
+//#endregion
+export { c as ClipTool };

package/dist/domains/clipping/CropBoxDomainObject.d.ts

@@ -0,0 +1,23 @@
+import { BaseCommand } from '../../foundation/commands/BaseCommand';
+import { DomainObject } from '../../foundation/domainObjects/DomainObject';
+import { DomainObjectChange } from '../../foundation/domainObjectsHelpers/DomainObjectChange';
+import { RenderStyle } from '../../foundation/renderStyles/RenderStyle';
+import { TranslationInput } from '../../foundation/utilities/translation/TranslateInput';
+import { IconName } from '../../foundation/utilities/types';
+import { BoxDomainObject } from '../primitives/box/BoxDomainObject';
+export declare class CropBoxDomainObject extends BoxDomainObject {
+    constructor();
+    get icon(): IconName;
+    get typeName(): TranslationInput;
+    get labelExtension(): string | undefined;
+    createRenderStyle(): RenderStyle | undefined;
+    protected notifyCore(change: DomainObjectChange): void;
+    get hasClippingInIntersection(): boolean;
+    get hasBoldLabel(): boolean;
+    clone(what?: symbol): DomainObject;
+    getContextMenu(): BaseCommand[] | undefined;
+    get isActiveGlobalCropBox(): boolean;
+    setThisAsGlobalCropBox(): void;
+    private createClippingPlanes;
+    private updateClippingPlanes;
+}