@vertexvis/viewer 0.18.1 → 0.18.2-testing.0

package/dist/components/controller2.js

@@ -0,0 +1,124 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { m as matrix4 } from './bundle.esm.js';
+
+class TransformController {
+  constructor(stream) {
+    this.stream = stream;
+    this.isTransforming = false;
+    this.currentDelta = matrix4.makeIdentity();
+  }
+  async dispose() {
+    if (this.isTransforming) {
+      this.endTransform();
+    }
+  }
+  async beginTransform(delta = matrix4.makeIdentity()) {
+    if (!this.isTransforming) {
+      this.currentDelta = delta;
+      this.isTransforming = true;
+      console.debug('Beginning transform interaction');
+      await this.stream.beginInteraction({
+        transform: {
+          delta: this.toDeltaTransform(delta),
+        },
+      });
+    }
+  }
+  async updateTransform(delta) {
+    this.currentDelta = delta;
+    await this.stream.updateInteraction({
+      transform: {
+        delta: this.toDeltaTransform(this.currentDelta, true),
+      },
+    });
+  }
+  async updateTranslation(delta) {
+    this.currentDelta = matrix4.makeTranslation(delta);
+    await this.stream.updateInteraction({
+      transform: {
+        delta: this.toDeltaTransform(this.currentDelta),
+      },
+    });
+  }
+  getCurrentDelta() {
+    return this.currentDelta;
+  }
+  async endTransform() {
+    if (this.isTransforming) {
+      console.debug(`Ending transform interaction [delta=${this.currentDelta}]`);
+      await this.stream.endInteraction({
+        transform: {
+          delta: this.toDeltaTransform(this.currentDelta),
+        },
+      });
+      this.isTransforming = false;
+      this.currentDelta = matrix4.makeIdentity();
+    }
+  }
+  async endInteraction() {
+    if (this.isTransforming) {
+      await this.stream.endInteraction();
+      this.isTransforming = false;
+      this.currentDelta = matrix4.makeIdentity();
+    }
+  }
+  clearTransform() {
+    this.currentDelta = matrix4.makeIdentity();
+    this.endTransform();
+  }
+  toDeltaTransform(delta, columnMajor = false) {
+    const asObject = matrix4.toObject(delta);
+    // TODO: update this to pass a single order for the
+    // transform matrix after work in https://vertexvis.atlassian.net/browse/PLAT-1582
+    const basisX = columnMajor
+      ? {
+        x: asObject.m11,
+        y: asObject.m21,
+        z: asObject.m31,
+      }
+      : {
+        x: asObject.m11,
+        y: asObject.m12,
+        z: asObject.m13,
+      };
+    const basisY = columnMajor
+      ? {
+        x: asObject.m12,
+        y: asObject.m22,
+        z: asObject.m32,
+      }
+      : {
+        x: asObject.m21,
+        y: asObject.m22,
+        z: asObject.m23,
+      };
+    const basisZ = columnMajor
+      ? {
+        x: asObject.m13,
+        y: asObject.m23,
+        z: asObject.m33,
+      }
+      : {
+        x: asObject.m31,
+        y: asObject.m32,
+        z: asObject.m33,
+      };
+    return {
+      basisX,
+      basisY,
+      basisZ,
+      xlate: {
+        x: asObject.m14,
+        y: asObject.m24,
+        z: asObject.m34,
+      },
+      scale: asObject.m44,
+    };
+  }
+}
+
+export { TransformController as T };
+
+//# sourceMappingURL=controller2.js.map

package/dist/components/controller2.js.map

@@ -0,0 +1 @@
+{"file":"controller2.js","mappings":"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","names":["Matrix4"],"sources":["./src/lib/transforms/controller.ts"],"sourcesContent":["import { vertexvis } from '@vertexvis/frame-streaming-protos';\nimport { Matrix4, Vector3 } from '@vertexvis/geometry';\nimport { StreamApi } from '@vertexvis/stream-api';\n\nexport class TransformController {\n  private isTransforming = false;\n  private currentDelta: Matrix4.Matrix4 = Matrix4.makeIdentity();\n\n  public constructor(private stream: StreamApi) {}\n\n  public async dispose(): Promise<void> {\n    if (this.isTransforming) {\n      this.endTransform();\n    }\n  }\n\n  public async beginTransform(\n    delta: Matrix4.Matrix4 = Matrix4.makeIdentity()\n  ): Promise<void> {\n    if (!this.isTransforming) {\n      this.currentDelta = delta;\n      this.isTransforming = true;\n\n      console.debug('Beginning transform interaction');\n\n      await this.stream.beginInteraction({\n        transform: {\n          delta: this.toDeltaTransform(delta),\n        },\n      });\n    }\n  }\n\n  public async updateTransform(delta: Matrix4.Matrix4): Promise<void> {\n    this.currentDelta = delta;\n\n    await this.stream.updateInteraction({\n      transform: {\n        delta: this.toDeltaTransform(this.currentDelta, true),\n      },\n    });\n  }\n\n  public async updateTranslation(delta: Vector3.Vector3): Promise<void> {\n    this.currentDelta = Matrix4.makeTranslation(delta);\n\n    await this.stream.updateInteraction({\n      transform: {\n        delta: this.toDeltaTransform(this.currentDelta),\n      },\n    });\n  }\n\n  public getCurrentDelta(): Matrix4.Matrix4 | undefined {\n    return this.currentDelta;\n  }\n\n  public async endTransform(): Promise<void> {\n    if (this.isTransforming) {\n      console.debug(\n        `Ending transform interaction [delta=${this.currentDelta}]`\n      );\n\n      await this.stream.endInteraction({\n        transform: {\n          delta: this.toDeltaTransform(this.currentDelta),\n        },\n      });\n      this.isTransforming = false;\n      this.currentDelta = Matrix4.makeIdentity();\n    }\n  }\n\n  public async endInteraction(): Promise<void> {\n    if (this.isTransforming) {\n      await this.stream.endInteraction();\n      this.isTransforming = false;\n      this.currentDelta = Matrix4.makeIdentity();\n    }\n  }\n\n  public clearTransform(): void {\n    this.currentDelta = Matrix4.makeIdentity();\n    this.endTransform();\n  }\n\n  private toDeltaTransform(\n    delta: Matrix4.Matrix4,\n    columnMajor = false\n  ): vertexvis.protobuf.core.IAffineMatrix4f {\n    const asObject = Matrix4.toObject(delta);\n\n    // TODO: update this to pass a single order for the\n    // transform matrix after work in https://vertexvis.atlassian.net/browse/PLAT-1582\n    const basisX = columnMajor\n      ? {\n          x: asObject.m11,\n          y: asObject.m21,\n          z: asObject.m31,\n        }\n      : {\n          x: asObject.m11,\n          y: asObject.m12,\n          z: asObject.m13,\n        };\n    const basisY = columnMajor\n      ? {\n          x: asObject.m12,\n          y: asObject.m22,\n          z: asObject.m32,\n        }\n      : {\n          x: asObject.m21,\n          y: asObject.m22,\n          z: asObject.m23,\n        };\n    const basisZ = columnMajor\n      ? {\n          x: asObject.m13,\n          y: asObject.m23,\n          z: asObject.m33,\n        }\n      : {\n          x: asObject.m31,\n          y: asObject.m32,\n          z: asObject.m33,\n        };\n\n    return {\n      basisX,\n      basisY,\n      basisZ,\n      xlate: {\n        x: asObject.m14,\n        y: asObject.m24,\n        z: asObject.m34,\n      },\n      scale: asObject.m44,\n    };\n  }\n}\n"],"version":3}

package/dist/components/controller3.js

@@ -0,0 +1,111 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { S as StreamRequestError } from './bundle.esm2.js';
+import { E as EventDispatcher } from './browser.esm.js';
+
+class VolumeIntersectionQueryController {
+  constructor(model, viewer) {
+    this.model = model;
+    this.viewer = viewer;
+    this.additionalTransforms = [];
+    this.operationInFlight = false;
+    this.operationAborted = false;
+    this.executeStarted = new EventDispatcher();
+    this.executeComplete = new EventDispatcher();
+    this.executeAborted = new EventDispatcher();
+    this.additionalTransforms = [(op) => op.where((q) => q.all()).deselect()];
+    this.operationTransform = (builder) => builder.select();
+  }
+  setStartPoint(point) {
+    this.previousViewerCameraControls = this.viewer.cameraControls;
+    this.viewer.cameraControls = false;
+    this.model.setStartPoint(point);
+  }
+  setEndPoint(point) {
+    this.model.setEndPoint(point);
+  }
+  /**
+   * Updates the operation that will be applied based on the volume intersection
+   * query. Defaults to `(builder) => builder.select()`, which will select any
+   * of the results of the query.
+   */
+  setOperationTransform(operationTransform) {
+    this.operationTransform = operationTransform;
+  }
+  /**
+   * Updates any additional operations that should be performed independent of
+   * the volume intersection query. This can be used to perform an operation on
+   * the entirety of the scene prior to the operation on the result of the
+   * volume intersection query.
+   * Defaults to `[(op) => op.where((q) => q.all()).deselect()]`, which will
+   * clear any prior selection before the default selection.
+   */
+  setAdditionalTransforms(additionalTransforms) {
+    this.additionalTransforms = additionalTransforms;
+  }
+  onExecuteStarted(listener) {
+    return this.executeStarted.on(listener);
+  }
+  onExecuteComplete(listener) {
+    return this.executeComplete.on(listener);
+  }
+  onExecuteAborted(listener) {
+    return this.executeAborted.on(listener);
+  }
+  async execute() {
+    var _a, _b, _c;
+    const screenBounds = this.model.getScreenBounds();
+    const type = this.model.getType();
+    if (screenBounds != null && !this.operationInFlight) {
+      this.model.complete();
+      try {
+        this.operationInFlight = true;
+        this.executeStarted.emit();
+        const additionalTransforms = (op) => this.additionalTransforms.map((t) => t(op)).flat();
+        const operationTransforms = (op) => [
+          this.operationTransform(op.where((q) => q.withVolumeIntersection(screenBounds, type === 'exclusive'))),
+        ].flat();
+        const scene = await this.viewer.scene();
+        await scene
+          .items((op) => [
+          ...additionalTransforms(op),
+          ...operationTransforms(op),
+        ])
+          .execute();
+      }
+      catch (e) {
+        if (e instanceof StreamRequestError &&
+          ((_a = e.summary) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase().includes('operation aborted'))) {
+          this.executeAborted.emit(e);
+          this.operationAborted = true;
+        }
+        else {
+          console.error('Failed to perform volume intersection query', e);
+          throw e;
+        }
+      }
+      finally {
+        this.viewer.cameraControls = (_b = this.previousViewerCameraControls) !== null && _b !== void 0 ? _b : true;
+        this.previousViewerCameraControls = undefined;
+        this.operationInFlight = false;
+        this.executeComplete.emit({
+          aborted: this.operationAborted,
+        });
+        this.operationAborted = false;
+      }
+    }
+    else if (this.operationInFlight) {
+      this.model.cancel();
+      throw new Error(`Unable to perform volume intersection query as there is already one in-flight.`);
+    }
+    else {
+      this.model.cancel();
+      this.viewer.cameraControls = (_c = this.previousViewerCameraControls) !== null && _c !== void 0 ? _c : true;
+    }
+  }
+}
+
+export { VolumeIntersectionQueryController as V };
+
+//# sourceMappingURL=controller3.js.map

package/dist/components/controller3.js.map

@@ -0,0 +1 @@
+{"file":"controller3.js","mappings":";;;;;;MAsBa,iCAAiC;EAW5C,YACU,KAAmC,EACnC,MAA+B;IAD/B,UAAK,GAAL,KAAK,CAA8B;IACnC,WAAM,GAAN,MAAM,CAAyB;IAVjC,yBAAoB,GAA0B,EAAE,CAAC;IACjD,sBAAiB,GAAG,KAAK,CAAC;IAC1B,qBAAgB,GAAG,KAAK,CAAC;IAEzB,mBAAc,GAAG,IAAI,eAAe,EAAQ,CAAC;IAC7C,oBAAe,GAAG,IAAI,eAAe,EAA4B,CAAC;IAClE,mBAAc,GAAG,IAAI,eAAe,EAAsB,CAAC;IAMjE,IAAI,CAAC,oBAAoB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1E,IAAI,CAAC,kBAAkB,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;GACzD;EAEM,aAAa,CAAC,KAAkB;IACrC,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC;IAC/D,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;IAEnC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;GACjC;EAEM,WAAW,CAAC,KAAkB;IACnC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GAC/B;;;;;;EAOM,qBAAqB,CAAC,kBAAsC;IACjE,IAAI,CAAC,kBAAkB,GAAG,kBAAkB,CAAC;GAC9C;;;;;;;;;EAUM,uBAAuB,CAC5B,oBAA2C;IAE3C,IAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;GAClD;EAEM,gBAAgB,CAAC,QAAwB;IAC9C,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;GACzC;EAEM,iBAAiB,CACtB,QAA4C;IAE5C,OAAO,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;GAC1C;EAEM,gBAAgB,CAAC,QAAsC;IAC5D,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;GACzC;EAEM,MAAM,OAAO;;IAClB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;IAClD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;IAElC,IAAI,YAAY,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;MACnD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;MAEtB,IAAI;QACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAC9B,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;QAE3B,MAAM,oBAAoB,GAAG,CAC3B,EAA0B,KAE1B,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACrD,MAAM,mBAAmB,GAAG,CAC1B,EAA0B,KAE1B;UACE,IAAI,CAAC,kBAAkB,CACrB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,KACT,CAAC,CAAC,sBAAsB,CAAC,YAAY,EAAE,IAAI,KAAK,WAAW,CAAC,CAC7D,CACF;SACF,CAAC,IAAI,EAAE,CAAC;QAEX,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACxC,MAAM,KAAK;WACR,KAAK,CAAC,CAAC,EAAE,KAAK;UACb,GAAG,oBAAoB,CAAC,EAAE,CAAC;UAC3B,GAAG,mBAAmB,CAAC,EAAE,CAAC;SAC3B,CAAC;WACD,OAAO,EAAE,CAAC;OACd;MAAC,OAAO,CAAC,EAAE;QACV,IACE,CAAC,YAAY,kBAAkB;WAC/B,MAAA,CAAC,CAAC,OAAO,0CAAE,iBAAiB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA,EAC5D;UACA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;UAC5B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAC9B;aAAM;UACL,OAAO,CAAC,KAAK,CAAC,6CAA6C,EAAE,CAAC,CAAC,CAAC;UAChE,MAAM,CAAC,CAAC;SACT;OACF;cAAS;QACR,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,MAAA,IAAI,CAAC,4BAA4B,mCAAI,IAAI,CAAC;QACvE,IAAI,CAAC,4BAA4B,GAAG,SAAS,CAAC;QAC9C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;UACxB,OAAO,EAAE,IAAI,CAAC,gBAAgB;SAC/B,CAAC,CAAC;QACH,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;OAC/B;KACF;SAAM,IAAI,IAAI,CAAC,iBAAiB,EAAE;MACjC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;MAEpB,MAAM,IAAI,KAAK,CACb,gFAAgF,CACjF,CAAC;KACH;SAAM;MACL,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;MAEpB,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,MAAA,IAAI,CAAC,4BAA4B,mCAAI,IAAI,CAAC;KACxE;GACF;;;;;","names":[],"sources":["./src/lib/volume-intersection/controller.ts"],"sourcesContent":["import { Point } from '@vertexvis/geometry';\nimport { StreamRequestError } from '@vertexvis/stream-api';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport {\n  SceneItemOperationsBuilder,\n  TerminalItemOperationBuilder,\n} from '../scenes';\nimport { SceneItemQueryExecutor } from '../scenes/queries';\nimport { VolumeIntersectionQueryModel } from './model';\n\nexport type OperationTransform = (\n  builder: SceneItemOperationsBuilder\n) => TerminalItemOperationBuilder;\nexport type AdditionalTransform = (\n  executor: SceneItemQueryExecutor\n) => TerminalItemOperationBuilder;\n\nexport interface CompleteExecutionDetails {\n  aborted: boolean;\n}\n\nexport class VolumeIntersectionQueryController {\n  private previousViewerCameraControls?: boolean;\n  private operationTransform: OperationTransform;\n  private additionalTransforms: AdditionalTransform[] = [];\n  private operationInFlight = false;\n  private operationAborted = false;\n\n  private executeStarted = new EventDispatcher<void>();\n  private executeComplete = new EventDispatcher<CompleteExecutionDetails>();\n  private executeAborted = new EventDispatcher<StreamRequestError>();\n\n  public constructor(\n    private model: VolumeIntersectionQueryModel,\n    private viewer: HTMLVertexViewerElement\n  ) {\n    this.additionalTransforms = [(op) => op.where((q) => q.all()).deselect()];\n    this.operationTransform = (builder) => builder.select();\n  }\n\n  public setStartPoint(point: Point.Point): void {\n    this.previousViewerCameraControls = this.viewer.cameraControls;\n    this.viewer.cameraControls = false;\n\n    this.model.setStartPoint(point);\n  }\n\n  public setEndPoint(point: Point.Point): void {\n    this.model.setEndPoint(point);\n  }\n\n  /**\n   * Updates the operation that will be applied based on the volume intersection\n   * query. Defaults to `(builder) => builder.select()`, which will select any\n   * of the results of the query.\n   */\n  public setOperationTransform(operationTransform: OperationTransform): void {\n    this.operationTransform = operationTransform;\n  }\n\n  /**\n   * Updates any additional operations that should be performed independent of\n   * the volume intersection query. This can be used to perform an operation on\n   * the entirety of the scene prior to the operation on the result of the\n   * volume intersection query.\n   * Defaults to `[(op) => op.where((q) => q.all()).deselect()]`, which will\n   * clear any prior selection before the default selection.\n   */\n  public setAdditionalTransforms(\n    additionalTransforms: AdditionalTransform[]\n  ): void {\n    this.additionalTransforms = additionalTransforms;\n  }\n\n  public onExecuteStarted(listener: Listener<void>): Disposable {\n    return this.executeStarted.on(listener);\n  }\n\n  public onExecuteComplete(\n    listener: Listener<CompleteExecutionDetails>\n  ): Disposable {\n    return this.executeComplete.on(listener);\n  }\n\n  public onExecuteAborted(listener: Listener<StreamRequestError>): Disposable {\n    return this.executeAborted.on(listener);\n  }\n\n  public async execute(): Promise<void> {\n    const screenBounds = this.model.getScreenBounds();\n    const type = this.model.getType();\n\n    if (screenBounds != null && !this.operationInFlight) {\n      this.model.complete();\n\n      try {\n        this.operationInFlight = true;\n        this.executeStarted.emit();\n\n        const additionalTransforms = (\n          op: SceneItemQueryExecutor\n        ): SceneItemOperationsBuilder[] =>\n          this.additionalTransforms.map((t) => t(op)).flat();\n        const operationTransforms = (\n          op: SceneItemQueryExecutor\n        ): SceneItemOperationsBuilder[] =>\n          [\n            this.operationTransform(\n              op.where((q) =>\n                q.withVolumeIntersection(screenBounds, type === 'exclusive')\n              )\n            ),\n          ].flat();\n\n        const scene = await this.viewer.scene();\n        await scene\n          .items((op) => [\n            ...additionalTransforms(op),\n            ...operationTransforms(op),\n          ])\n          .execute();\n      } catch (e) {\n        if (\n          e instanceof StreamRequestError &&\n          e.summary?.toLocaleLowerCase().includes('operation aborted')\n        ) {\n          this.executeAborted.emit(e);\n          this.operationAborted = true;\n        } else {\n          console.error('Failed to perform volume intersection query', e);\n          throw e;\n        }\n      } finally {\n        this.viewer.cameraControls = this.previousViewerCameraControls ?? true;\n        this.previousViewerCameraControls = undefined;\n        this.operationInFlight = false;\n        this.executeComplete.emit({\n          aborted: this.operationAborted,\n        });\n        this.operationAborted = false;\n      }\n    } else if (this.operationInFlight) {\n      this.model.cancel();\n\n      throw new Error(\n        `Unable to perform volume intersection query as there is already one in-flight.`\n      );\n    } else {\n      this.model.cancel();\n\n      this.viewer.cameraControls = this.previousViewerCameraControls ?? true;\n    }\n  }\n}\n"],"version":3}

package/dist/components/cursors.js

@@ -0,0 +1,110 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { E as EventDispatcher } from './browser.esm.js';
+
+/**
+ * The cursor manager maintains a prioritized list of cursors for the viewer.
+ *
+ * Cursors with the highest priority will be considered active, where the most
+ * recently added cursor will take precedence if there are multiple cursors with
+ * the same priority.
+ */
+class CursorManager {
+  constructor() {
+    /**
+     * An event dispatcher that emits an event when a cursor is added or removed.
+     *
+     * @see {@link CursorManager.add} to add a cursor.
+     * @see {@link CursorManager.getActiveCursor} to query the current cursor.
+     */
+    this.onChanged = new EventDispatcher();
+    this.cursors = [];
+    this.nextId = 0;
+  }
+  /**
+   * Adds a cursor to the cursor manager, and returns an identifier that can be
+   * used to remove the cursor.
+   *
+   * @param cursor The cursor to add.
+   * @param priority The priority of the cursor. Higher values have higher
+   * 	priority over lower values.
+   * @returns An identifier for the cursor.
+   * @see {@link CursorManager.getActiveCursor} to query the current cursor.
+   */
+  add(cursor, priority = CursorManager.NORMAL_PRIORITY) {
+    const id = ++this.nextId;
+    const instance = { id, cursor, priority, dispose: () => this.remove(id) };
+    this.cursors.push(instance);
+    this.onChanged.emit();
+    return instance;
+  }
+  /**
+   * Removes a cursor with the given ID, if it exists.
+   *
+   * @param cursorId The ID of the cursor to remove.
+   */
+  remove(cursorId) {
+    const index = this.cursors.findIndex(({ id }) => id === cursorId);
+    if (index >= 0) {
+      this.cursors.splice(index, 1);
+      this.onChanged.emit();
+    }
+  }
+  /**
+   * Returns the active cursor based on priority and insertion order.
+   *
+   * @see {@link CursorManager.add} to add a cursor.
+   */
+  getActiveCursor() {
+    var _a;
+    const sorted = this.cursors
+      .concat()
+      .reverse()
+      .sort((a, b) => b.priority - a.priority);
+    return (_a = sorted[0]) === null || _a === void 0 ? void 0 : _a.cursor;
+  }
+}
+/**
+ * A constant representing the lowest priority cursors.
+ */
+CursorManager.LOW_PRIORITY = 0;
+/**
+ * A constant representing a priority between `LOW_PRIORITY` and
+ * `HIGH_PRIORITY`.
+ */
+CursorManager.NORMAL_PRIORITY = 10;
+/**
+ * A constant representing the high priority cursors.
+ */
+CursorManager.HIGH_PRIORITY = 20;
+// CSS SVG images need to be URL encoded: https://yoksel.github.io/url-encoder/
+const measurementCursor = {
+  url: "data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' stroke='%23fff' stroke-width='1.25' stroke-opacity='0.5' stroke-miterlimit='10' shape-rendering='crispEdges'/%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' shape-rendering='crispEdges'/%3E%3C/svg%3E",
+  offsetX: -24,
+  offsetY: -24,
+};
+const measurementWithArrowCursor = {
+  url: "data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath class='cls-2' d='M1,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.08,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E%3Cpath class='cls-3' d='M8.75,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3C/svg%3E",
+  offsetX: -30,
+  offsetY: -30,
+};
+const pinCursor = {
+  url: "data:image/svg+xml,%3Csvg width='36px' height='36px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12,2 C7.581722,2 4,5.581722 4,10 C4.00435812,11.7714969 4.41127263,13.5188357 5.19,15.11 C6.15517666,17.0237439 7.49502409,18.7240579 9.13,20.11 C9.86916736,20.7592093 10.6620019,21.3446357 11.5,21.86 L12,22.14 L12.5,21.86 C13.8750156,21.0120029 15.1296156,19.9827599 16.23,18.8 C17.2698142,17.7023203 18.1394508,16.4551671 18.81,15.1 C19.5872532,13.5118707 19.9941287,11.7681184 20,10 C20,5.581722 16.418278,2 12,2 Z M12,13 C10.3431458,13 9,11.6568542 9,10 C9,8.34314575 10.3431458,7 12,7 C13.6568542,7 15,8.34314575 15,10 C15,10.7956495 14.6839295,11.5587112 14.1213203,12.1213203 C13.5587112,12.6839295 12.7956495,13 12,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='icons/pin-filled' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Shape' stroke='%23FAFAFA' fill='%23BDBDBD' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/svg%3E",
+  offsetX: 17,
+  offsetY: 22,
+};
+const labelPinCursor = {
+  url: "data:image/svg+xml,%3Csvg width='36px' height='36px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 24' %3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23616161;%7D.cls-3%7Bclip-path:url(%23clip-path);%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Ccircle cx='-576.76' cy='-107.26' r='4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath  d='M8,16H8a.48.48,0,0,1-.42-.23L5.75,13H3.51A1.5,1.5,0,0,1,2,11.5v-8A1.5,1.5,0,0,1,3.51,2h9A1.51,1.51,0,0,1,14,3.5v8a1.5,1.5,0,0,1-1.5,1.5H10.22L8.39,15.81A.5.5,0,0,1,8,16ZM3.51,3a.5.5,0,0,0-.5.5v8a.5.5,0,0,0,.5.5H6a.5.5,0,0,1,.42.23L8,14.61l1.55-2.38A.5.5,0,0,1,10,12h2.56a.5.5,0,0,0,.5-.5v-8a.51.51,0,0,0-.5-.5Z'/%3E%3Ccircle cx='8.01' cy='20' r='2'/%3E%3C/svg%3E%0A",
+  offsetX: 17,
+  offsetY: 29,
+};
+const boxQueryCursor = {
+  url: "data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M1.25,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.33,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E  %3Cpath class='cls-3' d='M9,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2.25,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3Cpath class='cls-1' d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E  %3Cpath d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E%3C/svg%3E",
+  offsetX: -30,
+  offsetY: -30,
+};
+
+export { CursorManager as C, measurementWithArrowCursor as a, boxQueryCursor as b, labelPinCursor as l, measurementCursor as m, pinCursor as p };
+
+//# sourceMappingURL=cursors.js.map

package/dist/components/cursors.js.map

@@ -0,0 +1 @@
+{"file":"cursors.js","mappings":";;;;;AAiEA;;;;;;;MAOa,aAAa;EAA1B;;;;;;;IAuBkB,cAAS,GAAG,IAAI,eAAe,EAAQ,CAAC;IAEhD,YAAO,GAAqB,EAAE,CAAC;IAE/B,WAAM,GAAG,CAAC,CAAC;GAiDpB;;;;;;;;;;;EArCQ,GAAG,CACR,MAAc,EACd,QAAQ,GAAG,aAAa,CAAC,eAAe;IAExC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC;IACzB,MAAM,QAAQ,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC;IAC1E,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACtB,OAAO,QAAQ,CAAC;GACjB;;;;;;EAOO,MAAM,CAAC,QAAgB;IAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,QAAQ,CAAC,CAAC;IAClE,IAAI,KAAK,IAAI,CAAC,EAAE;MACd,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;MAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;KACvB;GACF;;;;;;EAOM,eAAe;;IACpB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO;OACxB,MAAM,EAAE;OACR,OAAO,EAAE;OACT,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IAE3C,OAAO,MAAA,MAAM,CAAC,CAAC,CAAC,0CAAE,MAAM,CAAC;GAC1B;;AA1ED;;;AAGuB,0BAAY,GAAG,CAAC,CAAC;AAExC;;;;AAIuB,6BAAe,GAAG,EAAE,CAAC;AAE5C;;;AAGuB,2BAAa,GAAG,EAAE,CAAC;AA+D5C;MAEa,iBAAiB,GAAG;EAC/B,GAAG,EAAE,irBAAirB;EACtrB,OAAO,EAAE,CAAC,EAAE;EACZ,OAAO,EAAE,CAAC,EAAE;EACZ;MAEW,0BAA0B,GAAG;EACxC,GAAG,EAAE,siCAAsiC;EAC3iC,OAAO,EAAE,CAAC,EAAE;EACZ,OAAO,EAAE,CAAC,EAAE;EACZ;MAEW,SAAS,GAAG;EACvB,GAAG,EAAE,2oCAA2oC;EAChpC,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,EAAE;EACX;MAEW,cAAc,GAAG;EAC5B,GAAG,EAAE,mvBAAmvB;EACxvB,OAAO,EAAE,EAAE;EACX,OAAO,EAAE,EAAE;EACX;MAEW,cAAc,GAAG;EAC5B,GAAG,EAAE,+0BAA+0B;EACp1B,OAAO,EAAE,CAAC,EAAE;EACZ,OAAO,EAAE,CAAC,EAAE;;;;;","names":[],"sources":["./src/lib/cursors.ts"],"sourcesContent":["import { Disposable, EventDispatcher } from '@vertexvis/utils';\n\n/**\n * Represents a built-in [browser CSS\n * cursor](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor).\n */\nexport type CssCursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out'\n  | string;\n\n/**\n * Represents a custom cursor that points to an image file and offset.\n */\nexport interface CustomCursor {\n  url: string;\n  offsetX?: number;\n  offsetY?: number;\n}\n\n/**\n * Represents all possible cursor types.\n */\nexport type Cursor = CssCursor | CustomCursor;\n\ninterface CursorInstance extends Disposable {\n  id: number;\n  cursor: Cursor;\n  priority: number;\n}\n\n/**\n * The cursor manager maintains a prioritized list of cursors for the viewer.\n *\n * Cursors with the highest priority will be considered active, where the most\n * recently added cursor will take precedence if there are multiple cursors with\n * the same priority.\n */\nexport class CursorManager {\n  /**\n   * A constant representing the lowest priority cursors.\n   */\n  public static readonly LOW_PRIORITY = 0;\n\n  /**\n   * A constant representing a priority between `LOW_PRIORITY` and\n   * `HIGH_PRIORITY`.\n   */\n  public static readonly NORMAL_PRIORITY = 10;\n\n  /**\n   * A constant representing the high priority cursors.\n   */\n  public static readonly HIGH_PRIORITY = 20;\n\n  /**\n   * An event dispatcher that emits an event when a cursor is added or removed.\n   *\n   * @see {@link CursorManager.add} to add a cursor.\n   * @see {@link CursorManager.getActiveCursor} to query the current cursor.\n   */\n  public readonly onChanged = new EventDispatcher<void>();\n\n  private cursors: CursorInstance[] = [];\n\n  private nextId = 0;\n\n  /**\n   * Adds a cursor to the cursor manager, and returns an identifier that can be\n   * used to remove the cursor.\n   *\n   * @param cursor The cursor to add.\n   * @param priority The priority of the cursor. Higher values have higher\n   * \tpriority over lower values.\n   * @returns An identifier for the cursor.\n   * @see {@link CursorManager.getActiveCursor} to query the current cursor.\n   */\n  public add(\n    cursor: Cursor,\n    priority = CursorManager.NORMAL_PRIORITY\n  ): Disposable {\n    const id = ++this.nextId;\n    const instance = { id, cursor, priority, dispose: () => this.remove(id) };\n    this.cursors.push(instance);\n    this.onChanged.emit();\n    return instance;\n  }\n\n  /**\n   * Removes a cursor with the given ID, if it exists.\n   *\n   * @param cursorId The ID of the cursor to remove.\n   */\n  private remove(cursorId: number): void {\n    const index = this.cursors.findIndex(({ id }) => id === cursorId);\n    if (index >= 0) {\n      this.cursors.splice(index, 1);\n      this.onChanged.emit();\n    }\n  }\n\n  /**\n   * Returns the active cursor based on priority and insertion order.\n   *\n   * @see {@link CursorManager.add} to add a cursor.\n   */\n  public getActiveCursor(): Cursor | undefined {\n    const sorted = this.cursors\n      .concat()\n      .reverse()\n      .sort((a, b) => b.priority - a.priority);\n\n    return sorted[0]?.cursor;\n  }\n}\n\n// CSS SVG images need to be URL encoded: https://yoksel.github.io/url-encoder/\n\nexport const measurementCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' stroke='%23fff' stroke-width='1.25' stroke-opacity='0.5' stroke-miterlimit='10' shape-rendering='crispEdges'/%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' shape-rendering='crispEdges'/%3E%3C/svg%3E\",\n  offsetX: -24,\n  offsetY: -24,\n};\n\nexport const measurementWithArrowCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath class='cls-2' d='M1,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.08,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E%3Cpath class='cls-3' d='M8.75,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3C/svg%3E\",\n  offsetX: -30,\n  offsetY: -30,\n};\n\nexport const pinCursor = {\n  url: \"data:image/svg+xml,%3Csvg width='36px' height='36px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12,2 C7.581722,2 4,5.581722 4,10 C4.00435812,11.7714969 4.41127263,13.5188357 5.19,15.11 C6.15517666,17.0237439 7.49502409,18.7240579 9.13,20.11 C9.86916736,20.7592093 10.6620019,21.3446357 11.5,21.86 L12,22.14 L12.5,21.86 C13.8750156,21.0120029 15.1296156,19.9827599 16.23,18.8 C17.2698142,17.7023203 18.1394508,16.4551671 18.81,15.1 C19.5872532,13.5118707 19.9941287,11.7681184 20,10 C20,5.581722 16.418278,2 12,2 Z M12,13 C10.3431458,13 9,11.6568542 9,10 C9,8.34314575 10.3431458,7 12,7 C13.6568542,7 15,8.34314575 15,10 C15,10.7956495 14.6839295,11.5587112 14.1213203,12.1213203 C13.5587112,12.6839295 12.7956495,13 12,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='icons/pin-filled' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Shape' stroke='%23FAFAFA' fill='%23BDBDBD' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/svg%3E\",\n  offsetX: 17,\n  offsetY: 22,\n};\n\nexport const labelPinCursor = {\n  url: \"data:image/svg+xml,%3Csvg width='36px' height='36px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 24' %3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23616161;%7D.cls-3%7Bclip-path:url(%23clip-path);%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Ccircle cx='-576.76' cy='-107.26' r='4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath  d='M8,16H8a.48.48,0,0,1-.42-.23L5.75,13H3.51A1.5,1.5,0,0,1,2,11.5v-8A1.5,1.5,0,0,1,3.51,2h9A1.51,1.51,0,0,1,14,3.5v8a1.5,1.5,0,0,1-1.5,1.5H10.22L8.39,15.81A.5.5,0,0,1,8,16ZM3.51,3a.5.5,0,0,0-.5.5v8a.5.5,0,0,0,.5.5H6a.5.5,0,0,1,.42.23L8,14.61l1.55-2.38A.5.5,0,0,1,10,12h2.56a.5.5,0,0,0,.5-.5v-8a.51.51,0,0,0-.5-.5Z'/%3E%3Ccircle cx='8.01' cy='20' r='2'/%3E%3C/svg%3E%0A\",\n  offsetX: 17,\n  offsetY: 29,\n};\n\nexport const boxQueryCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M1.25,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.33,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E  %3Cpath class='cls-3' d='M9,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2.25,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3Cpath class='cls-1' d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E  %3Cpath d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E%3C/svg%3E\",\n  offsetX: -30,\n  offsetY: -30,\n};\n"],"version":3}

package/dist/components/dom.js

@@ -0,0 +1,43 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import { p as point } from './bundle.esm.js';
+
+function getMouseClientPosition(event, offsets) {
+  const pt = point.create(event.clientX, event.clientY);
+  if (offsets == null) {
+    return pt;
+  }
+  else {
+    return point.subtract(pt, point.create(offsets.left, offsets.top));
+  }
+}
+/**
+ * Returns a CSS transform that will center an element at the given position.
+ */
+function cssTransformCenterAt(position) {
+  const { x, y } = position;
+  return `translate(-50%, -50%) translate(${x}px, ${y}px)`;
+}
+/**
+ * Returns a CSS value for a cursor.
+ */
+function cssCursor(cursor) {
+  var _a, _b;
+  if (typeof cursor === 'string') {
+    return cursor;
+  }
+  else {
+    const parts = [
+      `url("${cursor.url}")`,
+      (_a = cursor.offsetX) !== null && _a !== void 0 ? _a : 0,
+      (_b = cursor.offsetY) !== null && _b !== void 0 ? _b : 0,
+      ', auto',
+    ];
+    return parts.join(' ');
+  }
+}
+
+export { cssTransformCenterAt as a, cssCursor as c, getMouseClientPosition as g };
+
+//# sourceMappingURL=dom.js.map

package/dist/components/dom.js.map

@@ -0,0 +1 @@
+{"file":"dom.js","mappings":";;;;;SAIgB,sBAAsB,CACpC,KAAiB,EACjB,OAAiB;EAEjB,MAAM,EAAE,GAAGA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;EACtD,IAAI,OAAO,IAAI,IAAI,EAAE;IACnB,OAAO,EAAE,CAAC;GACX;OAAM;IACL,OAAOA,KAAK,CAAC,QAAQ,CAAC,EAAE,EAAEA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;GACpE;AACH,CAAC;AAED;;;SAGgB,oBAAoB,CAAC,QAAqB;EACxD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC;EAC1B,OAAO,mCAAmC,CAAC,OAAO,CAAC,KAAK,CAAC;AAC3D,CAAC;AAED;;;SAGgB,SAAS,CAAC,MAAc;;EACtC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;IAC9B,OAAO,MAAM,CAAC;GACf;OAAM;IACL,MAAM,KAAK,GAAG;MACZ,QAAQ,MAAM,CAAC,GAAG,IAAI;MACtB,MAAA,MAAM,CAAC,OAAO,mCAAI,CAAC;MACnB,MAAA,MAAM,CAAC,OAAO,mCAAI,CAAC;MACnB,QAAQ;KACT,CAAC;IACF,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;GACxB;AACH;;;;","names":["Point"],"sources":["./src/lib/dom.ts"],"sourcesContent":["import { Point } from '@vertexvis/geometry';\n\nimport { Cursor } from './cursors';\n\nexport function getMouseClientPosition(\n  event: MouseEvent,\n  offsets?: DOMRect\n): Point.Point {\n  const pt = Point.create(event.clientX, event.clientY);\n  if (offsets == null) {\n    return pt;\n  } else {\n    return Point.subtract(pt, Point.create(offsets.left, offsets.top));\n  }\n}\n\n/**\n * Returns a CSS transform that will center an element at the given position.\n */\nexport function cssTransformCenterAt(position: Point.Point): string {\n  const { x, y } = position;\n  return `translate(-50%, -50%) translate(${x}px, ${y}px)`;\n}\n\n/**\n * Returns a CSS value for a cursor.\n */\nexport function cssCursor(cursor: Cursor): string {\n  if (typeof cursor === 'string') {\n    return cursor;\n  } else {\n    const parts = [\n      `url(\"${cursor.url}\")`,\n      cursor.offsetX ?? 0,\n      cursor.offsetY ?? 0,\n      ', auto',\n    ];\n    return parts.join(' ');\n  }\n}\n"],"version":3}

package/dist/components/dom2.js

@@ -0,0 +1,10 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+function getMarkupBoundingClientRect(element) {
+  return element.getBoundingClientRect();
+}
+
+export { getMarkupBoundingClientRect as g };
+
+//# sourceMappingURL=dom2.js.map

package/dist/components/dom2.js.map

@@ -0,0 +1 @@
+{"file":"dom2.js","mappings":";;;SAAgB,2BAA2B,CAAC,OAAoB;EAC9D,OAAO,OAAO,CAAC,qBAAqB,EAAE,CAAC;AACzC;;;;","names":[],"sources":["./src/components/viewer-markup/dom.ts"],"sourcesContent":["export function getMarkupBoundingClientRect(element: HTMLElement): DOMRect {\n  return element.getBoundingClientRect();\n}\n"],"version":3}

package/dist/components/elementRectObserver.js

@@ -0,0 +1,25 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+class ElementRectObserver {
+  constructor() {
+    this.observer = new ResizeObserver(() => this.measure());
+  }
+  observe(element) {
+    this.element = element;
+    this.observer.observe(element);
+    this.measure();
+  }
+  disconnect() {
+    this.element = undefined;
+    this.observer.disconnect();
+  }
+  measure() {
+    var _a;
+    this.rect = (_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+  }
+}
+
+export { ElementRectObserver as E };
+
+//# sourceMappingURL=elementRectObserver.js.map

package/dist/components/elementRectObserver.js.map

@@ -0,0 +1 @@
+{"file":"elementRectObserver.js","mappings":";;;MAAa,mBAAmB;EAAhC;IAIU,aAAQ,GAAmB,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;GAgB7E;EAdQ,OAAO,CAAC,OAAoB;IACjC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACvB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE,CAAC;GAChB;EAEM,UAAU;IACf,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;IACzB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;GAC5B;EAEO,OAAO;;IACb,IAAI,CAAC,IAAI,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,qBAAqB,EAAE,CAAC;GACnD;;;;;","names":[],"sources":["./src/lib/elementRectObserver.ts"],"sourcesContent":["export class ElementRectObserver {\n  private element?: HTMLElement;\n  public rect?: DOMRect;\n\n  private observer: ResizeObserver = new ResizeObserver(() => this.measure());\n\n  public observe(element: HTMLElement): void {\n    this.element = element;\n    this.observer.observe(element);\n    this.measure();\n  }\n\n  public disconnect(): void {\n    this.element = undefined;\n    this.observer.disconnect();\n  }\n\n  private measure(): void {\n    this.rect = this.element?.getBoundingClientRect();\n  }\n}\n"],"version":3}