@cognite/reveal-components 1.0.2 → 1.48552.0

package/dist/domains/primitives/tools/PrimitiveEditTool.js

@@ -1,173 +1,296 @@
-import { Changes as e } from "../../../foundation/domainObjectsHelpers/Changes.js";
-import { FocusType as t } from "../../../foundation/domainObjectsHelpers/FocusType.js";
-import { VisualDomainObject as n } from "../../../foundation/domainObjects/VisualDomainObject.js";
-import { PrimitiveType as r } from "../../../foundation/utilities/primitives/PrimitiveType.js";
-import { SolidDomainObject as i } from "../common/SolidDomainObject.js";
-import { CommonRenderStyle as a } from "../../../foundation/renderStyles/CommonRenderStyle.js";
-import { convertFromViewerCoordinates as o } from "../../../foundation/renderTarget/convertCoordinates.js";
-import { isDomainObjectIntersection as s } from "../../../foundation/domainObjectsHelpers/DomainObjectIntersection.js";
-import { isImage360ClusterIntersection as c } from "../../../foundation/utilities/misc/typeGuards.js";
-import { BaseEditTool as l } from "../../../foundation/commands/BaseEditTool.js";
-//#region libs/shared/reveal-components/src/domains/primitives/tools/PrimitiveEditTool.ts
-var u = class extends l {
-	_creator = void 0;
-	primitiveType;
-	_defaultPrimitiveType;
-	get isSelectMode() {
-		return this.primitiveType === r.None;
-	}
-	constructor(e = r.None) {
-		super(), this.primitiveType = e, this._defaultPrimitiveType = e;
-	}
-	onDeactivate() {
-		this.escape(), super.onDeactivate();
-	}
-	clearDragging() {
-		super.clearDragging(), this._creator = void 0;
-	}
-	onDeleteKey() {
-		let t = this.getSelected();
-		t !== void 0 && (this.addTransaction(t.createTransaction(e.deleted)), t.remove()), this._creator = void 0;
-	}
-	onEscapeKey() {
-		let e = this.isSelectMode, t = this.escape();
-		return this._renderTarget?.updateAllCommands(), e ? super.onEscapeKey() : t;
-	}
-	async onHoverByDebounce(e) {
-		if (!this.isSelectMode) {
-			if (this._creator !== void 0) {
-				let { _creator: t } = this;
-				if (!t.preferIntersection) {
-					let n = this.getRay(e);
-					if (t.addPoint(n, void 0, !0)) {
-						this.setDefaultCursor();
-						return;
-					}
-				}
-				let n = await this.getIntersection(e);
-				if (n === void 0 || c(n)) {
-					if (t !== void 0 && t.preferIntersection) {
-						let n = this.getRay(e);
-						if (t.addPoint(n, void 0, !0)) {
-							this.setDefaultCursor();
-							return;
-						}
-					}
-					this.renderTarget.setNavigateCursor();
-					return;
-				}
-				if (this.getIntersectedSelectableDomainObject(n) !== void 0) {
-					this.renderTarget.setNavigateCursor();
-					return;
-				}
-				let r = this.getRay(e);
-				if (t.addPoint(r, n.point, !0)) {
-					this.setDefaultCursor();
-					return;
-				}
-				this.renderTarget.setNavigateCursor();
-				return;
-			}
-			if (await this.tryStartOnHover(e)) return;
-		}
-		let t = await this.getIntersection(e), n = this.getIntersectedSelectableDomainObject(t);
-		if (!s(t) || n === void 0) {
-			this.unfocusAll(), this.isSelectMode || t === void 0 ? this.renderTarget.setNavigateCursor() : this.setDefaultCursor();
-			return;
-		}
-		this.setFocus(n, t);
-	}
-	async onClick(t) {
-		let { renderTarget: n } = this, r = this._creator;
-		if (r !== void 0 && !r.preferIntersection) {
-			let e = this.getRay(t);
-			if (r.addPoint(e)) {
-				this.endCreatorIfFinished(r);
-				return;
-			}
-		}
-		let i = await this.getIntersection(t);
-		if (i === void 0 || c(i)) return;
-		if (r !== void 0) {
-			let e = this.getRay(t);
-			r.addPoint(e, i.point) && this.endCreatorIfFinished(r);
-			return;
-		}
-		let a = this.getIntersectedSelectableDomainObject(i);
-		if (a !== void 0) {
-			this.deselectAll(a), a.setSelected(!0);
-			return;
-		}
-		if (r === void 0) {
-			if (r = this.createCreator(), r === void 0) {
-				await super.onClick(t);
-				return;
-			}
-			let a = this.getRay(t);
-			if (!r.addPoint(a, i.point)) return;
-			let { domainObject: o } = r;
-			this.initializeStyle(o), this.deselectAll(), this.getOrCreateParent().addChild(o), o.setSelected(!0), o.setVisible(!0, n), this.addTransaction(o.createTransaction(e.added)), this._creator = r;
-		}
-		this.endCreatorIfFinished(r);
-	}
-	async onLeftPointerDown(e) {
-		this._creator === void 0 && await super.onLeftPointerDown(e);
-	}
-	onUndo() {
-		if (this._creator === void 0) return;
-		let e = this._creator.domainObject;
-		e !== void 0 && !e.isLegal && (e.hasParent && e.remove(), this._creator = void 0);
-	}
-	createCreator() {}
-	getOrCreateParent() {
-		return this.root;
-	}
-	escape() {
-		return this._creator === void 0 ? (this.setDefaultPrimitiveType(), !1) : (this._creator.escape() ? this.endCreatorIfFinished(this._creator, !0) : (this.setDefaultPrimitiveType(), this._creator = void 0), !0);
-	}
-	setFocus(e, n) {
-		if (e instanceof i) {
-			let t = n.userData;
-			if (t === void 0) {
-				this.unfocusAll(), this.renderTarget.cursor = void 0;
-				return;
-			}
-			this.unfocusAll(e), e.setFocus(t.focusType, t.face);
-		} else this.unfocusAll(e), e.setFocus(t.Focus);
-		let r = o(n.point);
-		this.renderTarget.cursor = e.getEditToolCursor(this.renderTarget, r);
-	}
-	unfocusAll(e) {
-		for (let r of this.getSelectable()) (e === void 0 || r !== e) && r instanceof n && r.setFocus(t.None);
-	}
-	initializeStyle(e) {
-		let t = this.getDepthTestOnFirstSelectable();
-		if (t === void 0) return;
-		let n = e.getRenderStyle();
-		n instanceof a && (n.depthTest = t);
-	}
-	getDepthTestOnFirstSelectable() {
-		for (let e of this.getSelectable()) {
-			let t = e.getRenderStyle();
-			if (t instanceof a) return t.depthTest;
-		}
-	}
-	setDefaultPrimitiveType() {
-		return this.primitiveType !== this._defaultPrimitiveType && (this.primitiveType = this._defaultPrimitiveType, this._renderTarget?.updateAllCommands(), !0);
-	}
-	endCreatorIfFinished(e, t = !1) {
-		(t || e.isFinished) && (this.setDefaultPrimitiveType(), this._creator = void 0);
-	}
-	async tryStartOnHover(t) {
-		let n = this.createCreator();
-		if (n === void 0 || !n.canStartOnHover) return !1;
-		let r = await this.getIntersection(t);
-		if (r === void 0 || c(r)) return !1;
-		let i = this.getRay(t);
-		if (!n.addPoint(i, r.point, !0)) return !1;
-		let { domainObject: a } = n;
-		return this.initializeStyle(a), this.deselectAll(), this.getOrCreateParent().addChild(a), a.setSelected(!0), a.setVisible(!0, this.renderTarget), this.addTransaction(a.createTransaction(e.added)), this._creator = n, !0;
-	}
-};
-//#endregion
-export { u as PrimitiveEditTool };
+import { BaseEditTool } from "../../../foundation/commands/BaseEditTool.js";
+import { VisualDomainObject } from "../../../foundation/domainObjects/VisualDomainObject.js";
+import { Changes } from "../../../foundation/domainObjectsHelpers/Changes.js";
+import { isDomainObjectIntersection } from "../../../foundation/domainObjectsHelpers/DomainObjectIntersection.js";
+import { FocusType } from "../../../foundation/domainObjectsHelpers/FocusType.js";
+import { CommonRenderStyle } from "../../../foundation/renderStyles/CommonRenderStyle.js";
+import { convertFromViewerCoordinates } from "../../../foundation/renderTarget/convertCoordinates.js";
+import { isImage360ClusterIntersection } from "../../../foundation/utilities/misc/typeGuards.js";
+import { PrimitiveType } from "../../../foundation/utilities/primitives/PrimitiveType.js";
+import { SolidDomainObject } from "../common/SolidDomainObject.js";
+export class PrimitiveEditTool extends BaseEditTool {
+    get isSelectMode() {
+        return this.primitiveType === PrimitiveType.None;
+    }
+    // ==================================================
+    // CONSTRUCTOR
+    // ==================================================
+    constructor(primitiveType = PrimitiveType.None){
+        super(), // ==================================================
+        // INSTANCE FIELDS
+        // ==================================================
+        this._creator = undefined;
+        this.primitiveType = primitiveType;
+        this._defaultPrimitiveType = primitiveType;
+    }
+    // ==================================================
+    // OVERRIDES of BaseTool
+    // ==================================================
+    onDeactivate() {
+        this.escape();
+        super.onDeactivate();
+    }
+    clearDragging() {
+        super.clearDragging();
+        this._creator = undefined;
+    }
+    onDeleteKey() {
+        const domainObject = this.getSelected();
+        if (domainObject !== undefined) {
+            this.addTransaction(domainObject.createTransaction(Changes.deleted));
+            domainObject.remove();
+        }
+        this._creator = undefined;
+    }
+    onEscapeKey() {
+        const wasSelectMode = this.isSelectMode;
+        const isHandled = this.escape();
+        this._renderTarget?.updateAllCommands();
+        if (wasSelectMode) {
+            return super.onEscapeKey();
+        }
+        return isHandled;
+    }
+    async onHoverByDebounce(event) {
+        // Handle when creator is set first
+        if (!this.isSelectMode) {
+            if (this._creator !== undefined) {
+                const { _creator: creator } = this;
+                if (!creator.preferIntersection) {
+                    // Hover in the "air"
+                    const ray = this.getRay(event);
+                    if (creator.addPoint(ray, undefined, true)) {
+                        this.setDefaultCursor();
+                        return;
+                    }
+                }
+                const intersection = await this.getIntersection(event);
+                if (intersection === undefined || isImage360ClusterIntersection(intersection)) {
+                    if (creator !== undefined && creator.preferIntersection) {
+                        // Hover in the "air"
+                        const ray = this.getRay(event);
+                        if (creator.addPoint(ray, undefined, true)) {
+                            this.setDefaultCursor();
+                            return;
+                        }
+                    }
+                    this.renderTarget.setNavigateCursor();
+                    return;
+                }
+                if (this.getIntersectedSelectableDomainObject(intersection) !== undefined) {
+                    this.renderTarget.setNavigateCursor();
+                    return;
+                }
+                const ray = this.getRay(event);
+                if (creator.addPoint(ray, intersection.point, true)) {
+                    this.setDefaultCursor();
+                    return;
+                }
+                this.renderTarget.setNavigateCursor();
+                return;
+            } else {
+                if (await this.tryStartOnHover(event)) {
+                    return;
+                }
+            }
+        }
+        const intersection = await this.getIntersection(event);
+        const domainObject = this.getIntersectedSelectableDomainObject(intersection);
+        if (!isDomainObjectIntersection(intersection) || domainObject === undefined) {
+            this.unfocusAll();
+            if (this.isSelectMode || intersection === undefined) {
+                this.renderTarget.setNavigateCursor();
+            } else {
+                this.setDefaultCursor();
+            }
+            return;
+        }
+        this.setFocus(domainObject, intersection);
+    }
+    async onClick(event) {
+        const { renderTarget } = this;
+        let creator = this._creator;
+        // Click in the "air"
+        if (creator !== undefined && !creator.preferIntersection) {
+            const ray = this.getRay(event);
+            if (creator.addPoint(ray)) {
+                this.endCreatorIfFinished(creator);
+                return;
+            }
+        }
+        const intersection = await this.getIntersection(event);
+        if (intersection === undefined || isImage360ClusterIntersection(intersection)) {
+            // Click in the "air"
+            return;
+        }
+        if (creator !== undefined) {
+            const ray = this.getRay(event);
+            if (creator.addPoint(ray, intersection.point)) {
+                this.endCreatorIfFinished(creator);
+            }
+            return;
+        }
+        const domainObject = this.getIntersectedSelectableDomainObject(intersection);
+        if (domainObject !== undefined) {
+            this.deselectAll(domainObject);
+            domainObject.setSelected(true);
+            return;
+        }
+        if (creator === undefined) {
+            creator = this.createCreator();
+            if (creator === undefined) {
+                await super.onClick(event);
+                return;
+            }
+            const ray = this.getRay(event);
+            if (!creator.addPoint(ray, intersection.point)) {
+                return;
+            }
+            const { domainObject } = creator;
+            this.initializeStyle(domainObject);
+            this.deselectAll();
+            const parent = this.getOrCreateParent();
+            parent.addChild(domainObject);
+            domainObject.setSelected(true);
+            domainObject.setVisible(true, renderTarget);
+            this.addTransaction(domainObject.createTransaction(Changes.added));
+            this._creator = creator;
+        }
+        this.endCreatorIfFinished(creator);
+    }
+    async onLeftPointerDown(event) {
+        if (this._creator !== undefined) {
+            return; // Prevent dragging while creating the new
+        }
+        await super.onLeftPointerDown(event);
+    }
+    onUndo() {
+        // If a undo is coming, the creator should be ended.
+        if (this._creator === undefined) {
+            return;
+        }
+        // End the creator if the domainObject is removed by undo.
+        // To check, it doesn't have any parent if it is removed.
+        const domainObject = this._creator.domainObject;
+        if (domainObject !== undefined && !domainObject.isLegal) {
+            if (domainObject.hasParent) {
+                domainObject.remove();
+            }
+            this._creator = undefined;
+        }
+    }
+    // ==================================================
+    // VIRTUAL METHODS
+    // ==================================================
+    createCreator() {
+        return undefined;
+    }
+    getOrCreateParent() {
+        return this.root;
+    }
+    // ==================================================
+    // INSTANCE METHODS
+    // ==================================================
+    escape() {
+        if (this._creator === undefined) {
+            this.setDefaultPrimitiveType();
+            return false;
+        }
+        if (this._creator.escape()) {
+            this.endCreatorIfFinished(this._creator, true);
+        } else {
+            this.setDefaultPrimitiveType();
+            this._creator = undefined;
+        }
+        return true;
+    }
+    setFocus(domainObject, intersection) {
+        if (domainObject instanceof SolidDomainObject) {
+            const pickInfo = intersection.userData;
+            if (pickInfo === undefined) {
+                this.unfocusAll();
+                this.renderTarget.cursor = undefined;
+                return;
+            }
+            this.unfocusAll(domainObject);
+            domainObject.setFocus(pickInfo.focusType, pickInfo.face);
+        } else {
+            this.unfocusAll(domainObject);
+            domainObject.setFocus(FocusType.Focus);
+        }
+        const point = convertFromViewerCoordinates(intersection.point);
+        this.renderTarget.cursor = domainObject.getEditToolCursor(this.renderTarget, point);
+    }
+    unfocusAll(except) {
+        for (const domainObject of this.getSelectable()){
+            if (except !== undefined && domainObject === except) {
+                continue;
+            }
+            if (domainObject instanceof VisualDomainObject) {
+                domainObject.setFocus(FocusType.None);
+            }
+        }
+    }
+    initializeStyle(domainObject) {
+        // Just copy the style the depthTest field from any other selectable
+        const depthTest = this.getDepthTestOnFirstSelectable();
+        if (depthTest === undefined) {
+            return;
+        }
+        const style = domainObject.getRenderStyle();
+        if (!(style instanceof CommonRenderStyle)) {
+            return;
+        }
+        style.depthTest = depthTest;
+    }
+    getDepthTestOnFirstSelectable() {
+        for (const otherDomainObject of this.getSelectable()){
+            const otherStyle = otherDomainObject.getRenderStyle();
+            if (otherStyle instanceof CommonRenderStyle) {
+                return otherStyle.depthTest;
+            }
+        }
+        return undefined;
+    }
+    setDefaultPrimitiveType() {
+        if (this.primitiveType === this._defaultPrimitiveType) {
+            return false;
+        }
+        this.primitiveType = this._defaultPrimitiveType;
+        this._renderTarget?.updateAllCommands();
+        return true;
+    }
+    endCreatorIfFinished(creator, force = false) {
+        if (force || creator.isFinished) {
+            this.setDefaultPrimitiveType();
+            this._creator = undefined;
+        }
+    }
+    async tryStartOnHover(event) {
+        const creator = this.createCreator();
+        if (creator === undefined || !creator.canStartOnHover) {
+            return false;
+        }
+        const intersection = await this.getIntersection(event);
+        if (intersection === undefined || isImage360ClusterIntersection(intersection)) {
+            // Click in the "air"
+            return false;
+        }
+        const ray = this.getRay(event);
+        if (!creator.addPoint(ray, intersection.point, true)) {
+            return false;
+        }
+        const { domainObject } = creator;
+        this.initializeStyle(domainObject);
+        this.deselectAll();
+        const parent = this.getOrCreateParent();
+        parent.addChild(domainObject);
+        domainObject.setSelected(true);
+        domainObject.setVisible(true, this.renderTarget);
+        this.addTransaction(domainObject.createTransaction(Changes.added));
+        this._creator = creator;
+        return true;
+    }
+}
+
+//# sourceMappingURL=PrimitiveEditTool.js.map

package/dist/domains/primitives/tools/PrimitiveEditTool.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/domains/primitives/tools/PrimitiveEditTool.ts"],"sourcesContent":["import { type CustomObjectIntersection } from '@cognite/reveal';\n\nimport { BaseEditTool } from '../../../foundation/commands/BaseEditTool';\nimport { type DomainObject } from '../../../foundation/domainObjects/DomainObject';\nimport { VisualDomainObject } from '../../../foundation/domainObjects/VisualDomainObject';\nimport { type BaseCreator } from '../../../foundation/domainObjectsHelpers/BaseCreator';\nimport { Changes } from '../../../foundation/domainObjectsHelpers/Changes';\nimport { isDomainObjectIntersection } from '../../../foundation/domainObjectsHelpers/DomainObjectIntersection';\nimport { FocusType } from '../../../foundation/domainObjectsHelpers/FocusType';\nimport { CommonRenderStyle } from '../../../foundation/renderStyles/CommonRenderStyle';\nimport { convertFromViewerCoordinates } from '../../../foundation/renderTarget/convertCoordinates';\nimport { isImage360ClusterIntersection } from '../../../foundation/utilities/misc/typeGuards';\nimport { PrimitiveType } from '../../../foundation/utilities/primitives/PrimitiveType';\nimport { type PrimitivePickInfo } from '../common/PrimitivePickInfo';\nimport { SolidDomainObject } from '../common/SolidDomainObject';\n\nexport abstract class PrimitiveEditTool extends BaseEditTool {\n  // ==================================================\n  // INSTANCE FIELDS\n  // ==================================================\n\n  protected _creator: BaseCreator | undefined = undefined;\n  public primitiveType: PrimitiveType;\n  private readonly _defaultPrimitiveType: PrimitiveType;\n\n  public get isSelectMode(): boolean {\n    return this.primitiveType === PrimitiveType.None;\n  }\n\n  // ==================================================\n  // CONSTRUCTOR\n  // ==================================================\n\n  public constructor(primitiveType: PrimitiveType = PrimitiveType.None) {\n    super();\n    this.primitiveType = primitiveType;\n    this._defaultPrimitiveType = primitiveType;\n  }\n\n  // ==================================================\n  // OVERRIDES of BaseTool\n  // ==================================================\n\n  public override onDeactivate(): void {\n    this.escape();\n    super.onDeactivate();\n  }\n\n  public override clearDragging(): void {\n    super.clearDragging();\n    this._creator = undefined;\n  }\n\n  public override onDeleteKey(): void {\n    const domainObject = this.getSelected();\n    if (domainObject !== undefined) {\n      this.addTransaction(domainObject.createTransaction(Changes.deleted));\n      domainObject.remove();\n    }\n    this._creator = undefined;\n  }\n\n  public override onEscapeKey(): boolean {\n    const wasSelectMode = this.isSelectMode;\n    const isHandled = this.escape();\n    this._renderTarget?.updateAllCommands();\n    if (wasSelectMode) {\n      return super.onEscapeKey();\n    }\n    return isHandled;\n  }\n\n  public override async onHoverByDebounce(event: PointerEvent): Promise<void> {\n    // Handle when creator is set first\n    if (!this.isSelectMode) {\n      if (this._creator !== undefined) {\n        const { _creator: creator } = this;\n        if (!creator.preferIntersection) {\n          // Hover in the \"air\"\n          const ray = this.getRay(event);\n          if (creator.addPoint(ray, undefined, true)) {\n            this.setDefaultCursor();\n            return;\n          }\n        }\n        const intersection = await this.getIntersection(event);\n        if (\n          intersection === undefined ||\n          isImage360ClusterIntersection(intersection)\n        ) {\n          if (creator !== undefined && creator.preferIntersection) {\n            // Hover in the \"air\"\n            const ray = this.getRay(event);\n            if (creator.addPoint(ray, undefined, true)) {\n              this.setDefaultCursor();\n              return;\n            }\n          }\n          this.renderTarget.setNavigateCursor();\n          return;\n        }\n        if (\n          this.getIntersectedSelectableDomainObject(intersection) !== undefined\n        ) {\n          this.renderTarget.setNavigateCursor();\n          return;\n        }\n        const ray = this.getRay(event);\n        if (creator.addPoint(ray, intersection.point, true)) {\n          this.setDefaultCursor();\n          return;\n        }\n        this.renderTarget.setNavigateCursor();\n        return;\n      } else {\n        if (await this.tryStartOnHover(event)) {\n          return;\n        }\n      }\n    }\n    const intersection = await this.getIntersection(event);\n    const domainObject =\n      this.getIntersectedSelectableDomainObject(intersection);\n    if (\n      !isDomainObjectIntersection(intersection) ||\n      domainObject === undefined\n    ) {\n      this.unfocusAll();\n      if (this.isSelectMode || intersection === undefined) {\n        this.renderTarget.setNavigateCursor();\n      } else {\n        this.setDefaultCursor();\n      }\n      return;\n    }\n    this.setFocus(domainObject, intersection);\n  }\n\n  public override async onClick(event: PointerEvent): Promise<void> {\n    const { renderTarget } = this;\n    let creator = this._creator;\n\n    // Click in the \"air\"\n    if (creator !== undefined && !creator.preferIntersection) {\n      const ray = this.getRay(event);\n      if (creator.addPoint(ray)) {\n        this.endCreatorIfFinished(creator);\n        return;\n      }\n    }\n    const intersection = await this.getIntersection(event);\n    if (\n      intersection === undefined ||\n      isImage360ClusterIntersection(intersection)\n    ) {\n      // Click in the \"air\"\n      return;\n    }\n    if (creator !== undefined) {\n      const ray = this.getRay(event);\n      if (creator.addPoint(ray, intersection.point)) {\n        this.endCreatorIfFinished(creator);\n      }\n      return;\n    }\n    const domainObject =\n      this.getIntersectedSelectableDomainObject(intersection);\n    if (domainObject !== undefined) {\n      this.deselectAll(domainObject);\n      domainObject.setSelected(true);\n      return;\n    }\n    if (creator === undefined) {\n      creator = this.createCreator();\n      if (creator === undefined) {\n        await super.onClick(event);\n        return;\n      }\n      const ray = this.getRay(event);\n      if (!creator.addPoint(ray, intersection.point)) {\n        return;\n      }\n      const { domainObject } = creator;\n      this.initializeStyle(domainObject);\n      this.deselectAll();\n\n      const parent = this.getOrCreateParent();\n      parent.addChild(domainObject);\n      domainObject.setSelected(true);\n      domainObject.setVisible(true, renderTarget);\n      this.addTransaction(domainObject.createTransaction(Changes.added));\n      this._creator = creator;\n    }\n    this.endCreatorIfFinished(creator);\n  }\n\n  public override async onLeftPointerDown(event: PointerEvent): Promise<void> {\n    if (this._creator !== undefined) {\n      return; // Prevent dragging while creating the new\n    }\n    await super.onLeftPointerDown(event);\n  }\n\n  public override onUndo(): void {\n    // If a undo is coming, the creator should be ended.\n    if (this._creator === undefined) {\n      return;\n    }\n    // End the creator if the domainObject is removed by undo.\n    // To check, it doesn't have any parent if it is removed.\n    const domainObject = this._creator.domainObject;\n    if (domainObject !== undefined && !domainObject.isLegal) {\n      if (domainObject.hasParent) {\n        domainObject.remove();\n      }\n      this._creator = undefined;\n    }\n  }\n\n  // ==================================================\n  // VIRTUAL METHODS\n  // ==================================================\n\n  protected createCreator(): BaseCreator | undefined {\n    return undefined;\n  }\n\n  protected getOrCreateParent(): DomainObject {\n    return this.root;\n  }\n\n  // ==================================================\n  // INSTANCE METHODS\n  // ==================================================\n\n  public escape(): boolean {\n    if (this._creator === undefined) {\n      this.setDefaultPrimitiveType();\n      return false;\n    }\n    if (this._creator.escape()) {\n      this.endCreatorIfFinished(this._creator, true);\n    } else {\n      this.setDefaultPrimitiveType();\n      this._creator = undefined;\n    }\n    return true;\n  }\n\n  private setFocus(\n    domainObject: VisualDomainObject,\n    intersection: CustomObjectIntersection\n  ): void {\n    if (domainObject instanceof SolidDomainObject) {\n      const pickInfo = intersection.userData as PrimitivePickInfo;\n      if (pickInfo === undefined) {\n        this.unfocusAll();\n        this.renderTarget.cursor = undefined;\n        return;\n      }\n      this.unfocusAll(domainObject);\n      domainObject.setFocus(pickInfo.focusType, pickInfo.face);\n    } else {\n      this.unfocusAll(domainObject);\n      domainObject.setFocus(FocusType.Focus);\n    }\n    const point = convertFromViewerCoordinates(intersection.point);\n    this.renderTarget.cursor = domainObject.getEditToolCursor(\n      this.renderTarget,\n      point\n    );\n  }\n\n  protected unfocusAll(except?: DomainObject | undefined): void {\n    for (const domainObject of this.getSelectable()) {\n      if (except !== undefined && domainObject === except) {\n        continue;\n      }\n      if (domainObject instanceof VisualDomainObject) {\n        domainObject.setFocus(FocusType.None);\n      }\n    }\n  }\n\n  private initializeStyle(domainObject: DomainObject): void {\n    // Just copy the style the depthTest field from any other selectable\n    const depthTest = this.getDepthTestOnFirstSelectable();\n    if (depthTest === undefined) {\n      return;\n    }\n    const style = domainObject.getRenderStyle();\n    if (!(style instanceof CommonRenderStyle)) {\n      return;\n    }\n    style.depthTest = depthTest;\n  }\n\n  private getDepthTestOnFirstSelectable(): boolean | undefined {\n    for (const otherDomainObject of this.getSelectable()) {\n      const otherStyle = otherDomainObject.getRenderStyle();\n      if (otherStyle instanceof CommonRenderStyle) {\n        return otherStyle.depthTest;\n      }\n    }\n    return undefined;\n  }\n\n  protected setDefaultPrimitiveType(): boolean {\n    if (this.primitiveType === this._defaultPrimitiveType) {\n      return false;\n    }\n    this.primitiveType = this._defaultPrimitiveType;\n    this._renderTarget?.updateAllCommands();\n    return true;\n  }\n\n  protected endCreatorIfFinished(creator: BaseCreator, force = false): void {\n    if (force || creator.isFinished) {\n      this.setDefaultPrimitiveType();\n      this._creator = undefined;\n    }\n  }\n\n  private async tryStartOnHover(event: PointerEvent): Promise<boolean> {\n    const creator = this.createCreator();\n    if (creator === undefined || !creator.canStartOnHover) {\n      return false;\n    }\n    const intersection = await this.getIntersection(event);\n    if (\n      intersection === undefined ||\n      isImage360ClusterIntersection(intersection)\n    ) {\n      // Click in the \"air\"\n      return false;\n    }\n    const ray = this.getRay(event);\n    if (!creator.addPoint(ray, intersection.point, true)) {\n      return false;\n    }\n    const { domainObject } = creator;\n    this.initializeStyle(domainObject);\n    this.deselectAll();\n\n    const parent = this.getOrCreateParent();\n    parent.addChild(domainObject);\n    domainObject.setSelected(true);\n    domainObject.setVisible(true, this.renderTarget);\n    this.addTransaction(domainObject.createTransaction(Changes.added));\n    this._creator = creator;\n    return true;\n  }\n}\n"],"names":["BaseEditTool","VisualDomainObject","Changes","isDomainObjectIntersection","FocusType","CommonRenderStyle","convertFromViewerCoordinates","isImage360ClusterIntersection","PrimitiveType","SolidDomainObject","PrimitiveEditTool","isSelectMode","primitiveType","None","_creator","undefined","_defaultPrimitiveType","onDeactivate","escape","clearDragging","onDeleteKey","domainObject","getSelected","addTransaction","createTransaction","deleted","remove","onEscapeKey","wasSelectMode","isHandled","_renderTarget","updateAllCommands","onHoverByDebounce","event","creator","preferIntersection","ray","getRay","addPoint","setDefaultCursor","intersection","getIntersection","renderTarget","setNavigateCursor","getIntersectedSelectableDomainObject","point","tryStartOnHover","unfocusAll","setFocus","onClick","endCreatorIfFinished","deselectAll","setSelected","createCreator","initializeStyle","parent","getOrCreateParent","addChild","setVisible","added","onLeftPointerDown","onUndo","isLegal","hasParent","root","setDefaultPrimitiveType","pickInfo","userData","cursor","focusType","face","Focus","getEditToolCursor","except","getSelectable","depthTest","getDepthTestOnFirstSelectable","style","getRenderStyle","otherDomainObject","otherStyle","force","isFinished","canStartOnHover"],"mappings":"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"}

package/dist/domains/reveal/Image360Collection/Image360CollectionDomainObject.d.ts

@@ -1,44 +1,44 @@
-import { Box3 } from 'three';
-import { Image360AnnotationAppearance, Image360EnteredDelegate } from '@cognite/reveal';
-import { Signal } from '@cognite/signal-utils';
-import { TranslationInput } from '../../../foundation/utilities/translation/TranslateInput';
-import { IconName } from '../../../foundation/utilities/types';
-import { Image360AnnotationId } from '../../../utilities/image360Annotations';
-import { InstanceReference } from '../../../utilities/instanceIds';
-import { RevealDomainObject } from '../RevealDomainObject';
-import { Image360Model } from '../RevealTypes';
+import { type Box3 } from "three";
+import type { DataSourceType, Image360AnnotationAppearance, Image360EnteredDelegate } from "@cognite/reveal";
+import type { Signal } from "@cognite/signal-utils";
+import { type TranslationInput } from "../../../foundation/utilities/translation/TranslateInput";
+import { type IconName } from "../../../foundation/utilities/types";
+import { type Image360AnnotationId } from "../../../utilities/image360Annotations";
+import { type InstanceReference } from "../../../utilities/instanceIds";
+import { RevealDomainObject } from "../RevealDomainObject";
+import { type Image360Model } from "../RevealTypes";
 export type Image360Specifier = {
-    annotationIds: Image360AnnotationId[];
+	annotationIds: Image360AnnotationId[];
 } | {
-    instanceReferences: InstanceReference[];
+	instanceReferences: InstanceReference[];
 };
 export type Image360AnnotationStylingRule = {
-    appearance: Image360AnnotationAppearance;
+	appearance: Image360AnnotationAppearance;
 } & Image360Specifier;
 export declare class Image360CollectionDomainObject extends RevealDomainObject {
-    readonly isIconsVisible: Signal<boolean>;
-    readonly isOccludedIconsVisible: Signal<boolean>;
-    readonly iconsOpacity: Signal<number>;
-    readonly imagesOpacity: Signal<number>;
-    readonly isAnnotationsVisible: Signal<boolean>;
-    readonly onExitImage: VoidFunction;
-    readonly onEnterImage: Image360EnteredDelegate;
-    private readonly _model;
-    private _current360Image;
-    private readonly _stylingRules;
-    get model(): Image360Model;
-    constructor(model: Image360Model);
-    get typeName(): TranslationInput;
-    get icon(): IconName;
-    get hasIconColor(): boolean;
-    expandBoundingBox(boundingBox: Box3): void;
-    dispose(): void;
-    private updateRenderTargetState;
-    private updateAnnotationStyling;
-    private applyMatchingRules;
-    getDefaultStyling(): Image360AnnotationAppearance;
-    setDefaultStyling(appearance: Image360AnnotationAppearance): void;
-    getStylingRules(key: Symbol): Image360AnnotationStylingRule[] | undefined;
-    addStylingRules(key: Symbol, stylingRules: Image360AnnotationStylingRule[]): void;
-    removeStylingRules(key: Symbol): void;
+	readonly isIconsVisible: Signal<boolean>;
+	readonly isOccludedIconsVisible: Signal<boolean>;
+	readonly iconsOpacity: Signal<number>;
+	readonly imagesOpacity: Signal<number>;
+	readonly isAnnotationsVisible: Signal<boolean>;
+	readonly onExitImage: VoidFunction;
+	readonly onEnterImage: Image360EnteredDelegate<DataSourceType>;
+	private readonly _model;
+	private _current360Image;
+	private readonly _stylingRules;
+	get model(): Image360Model;
+	constructor(model: Image360Model);
+	override get typeName(): TranslationInput;
+	override get icon(): IconName;
+	override get hasIconColor(): boolean;
+	override expandBoundingBox(boundingBox: Box3): void;
+	override dispose(): void;
+	private updateRenderTargetState;
+	private updateAnnotationStyling;
+	private applyMatchingRules;
+	getDefaultStyling(): Image360AnnotationAppearance;
+	setDefaultStyling(appearance: Image360AnnotationAppearance): void;
+	getStylingRules(key: Symbol): Image360AnnotationStylingRule[] | undefined;
+	addStylingRules(key: Symbol, stylingRules: Image360AnnotationStylingRule[]): void;
+	removeStylingRules(key: Symbol): void;
 }