@vertexvis/viewer 0.15.2-testing.3 → 0.15.2

package/dist/cjs/vertex-viewer-box-query-tool.cjs.entry.js

@@ -0,0 +1,425 @@
+/**!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-70db349e.js');
+const bundle_esm = require('./bundle.esm-b43c197a.js');
+const browser_esm = require('./browser.esm-5d246754.js');
+const cursors = require('./cursors-02a06ec9.js');
+const dom = require('./dom-8d90bfaf.js');
+const bundle_esm$1 = require('./bundle.esm-22b6f2d6.js');
+
+class VolumeIntersectionQueryController {
+  constructor(model, viewer) {
+    this.model = model;
+    this.viewer = viewer;
+    this.additionalTransforms = [];
+    this.operationInFlight = false;
+    this.operationAborted = false;
+    this.executeStarted = new browser_esm.EventDispatcher();
+    this.executeComplete = new browser_esm.EventDispatcher();
+    this.executeAborted = new browser_esm.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 bundle_esm.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;
+    }
+  }
+}
+
+class VolumeIntersectionQueryInteractionHandler {
+  constructor(controller) {
+    this.controller = controller;
+    this.handleDragBegin = this.handleDragBegin.bind(this);
+    this.handleDrag = this.handleDrag.bind(this);
+    this.handleDragEnd = this.handleDragEnd.bind(this);
+    this.enabled = true;
+  }
+  initialize(element, api) {
+    this.element = element;
+    this.api = api;
+    this.element.addEventListener('pointerdown', this.handleDragBegin);
+    this.addCrosshairCursor();
+  }
+  dispose() {
+    var _a, _b, _c;
+    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointerdown', this.handleDragBegin);
+    window.removeEventListener('pointermove', this.handleDrag);
+    window.removeEventListener('pointerup', this.handleDragEnd);
+    (_b = this.crosshairCursorDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
+    (_c = this.waitCursorDisposable) === null || _c === void 0 ? void 0 : _c.dispose();
+    this.element = undefined;
+    this.api = undefined;
+    this.enabled = true;
+  }
+  disable() {
+    this.enabled = false;
+  }
+  enable() {
+    this.enabled = true;
+  }
+  handleDragBegin(event) {
+    var _a;
+    if (this.enabled &&
+      this.isPrimaryMouseButtonClick(event) &&
+      !this.isInteracting) {
+      this.elementBounds = (_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+      this.isInteracting = true;
+      this.controller.setStartPoint(dom.getMouseClientPosition(event, this.elementBounds));
+      window.addEventListener('pointermove', this.handleDrag);
+      window.addEventListener('pointerup', this.handleDragEnd);
+    }
+  }
+  handleDrag(event) {
+    if (this.enabled) {
+      this.controller.setEndPoint(dom.getMouseClientPosition(event, this.elementBounds));
+    }
+  }
+  async handleDragEnd() {
+    var _a, _b;
+    this.isInteracting = false;
+    window.removeEventListener('pointermove', this.handleDrag);
+    window.removeEventListener('pointerup', this.handleDragEnd);
+    (_a = this.crosshairCursorDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+    if (this.enabled) {
+      this.addWaitCursor();
+      try {
+        await this.controller.execute();
+      }
+      finally {
+        (_b = this.waitCursorDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
+        this.addCrosshairCursor();
+      }
+    }
+  }
+  isPrimaryMouseButtonClick(event) {
+    return event.buttons === 1;
+  }
+  addCrosshairCursor() {
+    var _a, _b;
+    (_a = this.crosshairCursorDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+    this.crosshairCursorDisposable = (_b = this.api) === null || _b === void 0 ? void 0 : _b.addCursor(cursors.boxQueryCursor);
+  }
+  addWaitCursor() {
+    var _a, _b;
+    (_a = this.waitCursorDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+    this.waitCursorDisposable = (_b = this.api) === null || _b === void 0 ? void 0 : _b.addCursor('wait');
+  }
+}
+
+class VolumeIntersectionQueryModel {
+  constructor(mode) {
+    this.mode = mode;
+    this.dragStarted = new browser_esm.EventDispatcher();
+    this.dragComplete = new browser_esm.EventDispatcher();
+    this.dragCancelled = new browser_esm.EventDispatcher();
+    this.screenBoundsChanged = new browser_esm.EventDispatcher();
+  }
+  setStartPoint(point) {
+    this.startPoint = point;
+    this.dragStarted.emit();
+  }
+  setEndPoint(point) {
+    if (this.startPoint != null &&
+      bundle_esm$1.point.distance(this.startPoint, point) >= 2) {
+      this.endPoint = point;
+      this.updateQueryType();
+      this.screenBoundsChanged.emit(this.getQueryDetails());
+    }
+  }
+  setMode(mode) {
+    this.mode = mode;
+  }
+  complete() {
+    if (this.startPoint != null && this.endPoint != null) {
+      this.screenBoundsChanged.emit(undefined);
+      this.dragComplete.emit(this.getQueryDetails());
+      this.reset();
+    }
+  }
+  cancel() {
+    this.screenBoundsChanged.emit(undefined);
+    this.dragCancelled.emit();
+    this.reset();
+  }
+  reset() {
+    this.startPoint = undefined;
+    this.endPoint = undefined;
+    this.type = undefined;
+  }
+  getScreenBounds() {
+    return this.startPoint != null && this.endPoint != null
+      ? bundle_esm$1.rectangle.fromPoints(this.startPoint, this.endPoint)
+      : undefined;
+  }
+  getType() {
+    return this.type;
+  }
+  onScreenBoundsChanged(listener) {
+    return this.screenBoundsChanged.on(listener);
+  }
+  onDragStarted(listener) {
+    return this.dragStarted.on(listener);
+  }
+  onDragComplete(listener) {
+    return this.dragComplete.on(listener);
+  }
+  onDragCancelled(listener) {
+    return this.dragCancelled.on(listener);
+  }
+  getQueryDetails() {
+    if (this.startPoint != null && this.endPoint != null && this.type != null) {
+      return {
+        screenBounds: bundle_esm$1.rectangle.fromPoints(this.startPoint, this.endPoint),
+        type: this.type,
+      };
+    }
+    else {
+      throw new Error('Failed to create query details, the start and end points must be set.');
+    }
+  }
+  updateQueryType() {
+    var _a;
+    if (this.startPoint != null && this.endPoint != null) {
+      const directionalType = bundle_esm$1.point.subtract(this.endPoint, this.startPoint).x > 0
+        ? 'exclusive'
+        : 'inclusive';
+      this.type = (_a = this.mode) !== null && _a !== void 0 ? _a : directionalType;
+    }
+  }
+}
+
+const viewerBoxQueryToolCss = ":host{--viewer-box-query-outline-exclusive-color:#0099cc;--viewer-box-query-outline-exclusive-border-style:solid;--viewer-box-query-outline-inclusive-color:#00cc00;--viewer-box-query-outline-inclusive-border-style:dashed;--viewer-box-query-outline-border-radius:0.25rem;--viewer-box-query-outline-fill-opacity:0.25}.bounds{position:absolute}.outline{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-radius:var(--viewer-box-query-outline-border-radius)}:host([exclusive=\"true\"]) .outline{border:3px var(--viewer-box-query-outline-exclusive-border-style) var(--viewer-box-query-outline-exclusive-color)}:host([inclusive=\"true\"]) .outline{border:3px var(--viewer-box-query-outline-inclusive-border-style) var(--viewer-box-query-outline-inclusive-color)}.fill{position:absolute;top:0;left:0;width:100%;height:100%;opacity:var(--viewer-box-query-outline-fill-opacity);border-radius:var(--viewer-box-query-outline-border-radius)}:host([exclusive=\"true\"]) .fill{background-color:var(--viewer-box-query-outline-exclusive-color)}:host([inclusive=\"true\"]) .fill{background-color:var(--viewer-box-query-outline-inclusive-color)}";
+
+const ViewerBoxQueryTool = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * The default operation to perform when a drag has completed and the intersection
+     * query will be run. Defaults to `clearAndSelect`, and can be changed to `select` or `deselect`.
+     *
+     * `clearAndSelect` will clear all existing selection, and select the results of the query.
+     * `select` will maintain existing selection, and select the results of the query.
+     * `deselect` will maintain existing selection, and deselect the results of the query.
+     *
+     * The operation behavior for this intersection query tool can also be changed by
+     * providing a custom implementation of the `VolumeIntersectionQueryController`, or
+     * by using the `setOperationTransform` method of the default controller.
+     */
+    this.operationType = 'clearAndSelect';
+    this.handleScreenBoundsChanged = this.handleScreenBoundsChanged.bind(this);
+    this.handleExecuteStarted = this.handleExecuteStarted.bind(this);
+    this.handleExecuteComplete = this.handleExecuteComplete.bind(this);
+  }
+  componentWillLoad() {
+    var _a;
+    this.model = (_a = this.model) !== null && _a !== void 0 ? _a : new VolumeIntersectionQueryModel(this.mode);
+    this.screenBoundsChangedDisposable = this.model.onScreenBoundsChanged(this.handleScreenBoundsChanged);
+    this.handleViewerChanged(this.viewer);
+    this.handleControllerChange(this.controller);
+    this.handleDefaultOperationChange(this.operationType);
+  }
+  disconnectedCallback() {
+    var _a, _b, _c, _d;
+    (_a = this.model) === null || _a === void 0 ? void 0 : _a.reset();
+    (_b = this.screenBoundsChangedDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
+    (_c = this.operationStartedDisposable) === null || _c === void 0 ? void 0 : _c.dispose();
+    (_d = this.operationCompleteDisposable) === null || _d === void 0 ? void 0 : _d.dispose();
+    this.deregisterInteractionHandler();
+  }
+  /**
+   * @ignore
+   */
+  handleViewerChanged(newViewer) {
+    this.deregisterInteractionHandler();
+    if (this.model != null && newViewer != null) {
+      this.controller = new VolumeIntersectionQueryController(this.model, newViewer);
+      this.handleDefaultOperationChange(this.operationType);
+      this.registerInteractionHandler(this.controller, newViewer);
+    }
+  }
+  /**
+   * @ignore
+   */
+  handleDefaultOperationChange(updatedOperationType) {
+    switch (updatedOperationType) {
+      case 'clearAndSelect':
+        this.setDefaultClearAndSelectOperation();
+        break;
+      case 'select':
+        this.setDefaultSelectOperation();
+        break;
+      case 'deselect':
+        this.setDefaultDeselectOperation();
+        break;
+    }
+  }
+  /**
+   * @ignore
+   */
+  handleModeChange(updatedMode) {
+    var _a;
+    (_a = this.model) === null || _a === void 0 ? void 0 : _a.setMode(updatedMode);
+  }
+  /**
+   * @ignore
+   */
+  handleControllerChange(controller) {
+    var _a, _b;
+    (_a = this.operationStartedDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+    (_b = this.operationCompleteDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
+    this.operationStartedDisposable = controller === null || controller === void 0 ? void 0 : controller.onExecuteStarted(this.handleExecuteStarted);
+    this.operationStartedDisposable = controller === null || controller === void 0 ? void 0 : controller.onExecuteComplete(this.handleExecuteComplete);
+  }
+  /**
+   * @ignore
+   */
+  render() {
+    return (index.h(index.Host, null, index.h("vertex-viewer-layer", null, this.details != null && (index.h("div", { class: "bounds", style: {
+        left: `${this.details.screenBounds.x}px`,
+        top: `${this.details.screenBounds.y}px`,
+        width: `${this.details.screenBounds.width}px`,
+        height: `${this.details.screenBounds.height}px`,
+      } }, index.h("slot", { name: "bounds" }, index.h("div", { class: "outline" }), index.h("div", { class: "fill" })))))));
+  }
+  handleScreenBoundsChanged(details) {
+    this.details = details;
+    this.updateTypeAttribute(details === null || details === void 0 ? void 0 : details.type);
+  }
+  handleExecuteStarted() {
+    var _a;
+    (_a = this.interactionHandler) === null || _a === void 0 ? void 0 : _a.disable();
+  }
+  handleExecuteComplete() {
+    var _a;
+    (_a = this.interactionHandler) === null || _a === void 0 ? void 0 : _a.enable();
+  }
+  async registerInteractionHandler(controller, viewer) {
+    this.interactionHandler = new VolumeIntersectionQueryInteractionHandler(controller);
+    this.interactionHandlerDisposable = await viewer.registerInteractionHandler(this.interactionHandler);
+  }
+  deregisterInteractionHandler() {
+    var _a, _b;
+    (_a = this.interactionHandlerDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+    (_b = this.interactionHandler) === null || _b === void 0 ? void 0 : _b.dispose();
+    this.interactionHandler = undefined;
+  }
+  updateTypeAttribute(type) {
+    this.hostEl.setAttribute('inclusive', `${type === 'inclusive'}`);
+    this.hostEl.setAttribute('exclusive', `${type === 'exclusive'}`);
+  }
+  setDefaultClearAndSelectOperation() {
+    var _a, _b;
+    (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setOperationTransform((builder) => builder.select());
+    (_b = this.controller) === null || _b === void 0 ? void 0 : _b.setAdditionalTransforms([
+      (op) => op.where((q) => q.withSelected()).deselect(),
+    ]);
+  }
+  setDefaultSelectOperation() {
+    var _a, _b;
+    (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setOperationTransform((builder) => builder.select());
+    (_b = this.controller) === null || _b === void 0 ? void 0 : _b.setAdditionalTransforms([]);
+  }
+  setDefaultDeselectOperation() {
+    var _a, _b;
+    (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setOperationTransform((builder) => builder.deselect());
+    (_b = this.controller) === null || _b === void 0 ? void 0 : _b.setAdditionalTransforms([]);
+  }
+  get hostEl() { return index.getElement(this); }
+  static get watchers() { return {
+    "viewer": ["handleViewerChanged"],
+    "operationType": ["handleDefaultOperationChange"],
+    "mode": ["handleModeChange"],
+    "controller": ["handleControllerChange"]
+  }; }
+};
+ViewerBoxQueryTool.style = viewerBoxQueryToolCss;
+
+exports.vertex_viewer_box_query_tool = ViewerBoxQueryTool;

package/dist/cjs/vertex-viewer-button_3.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-default-toolbar.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-dom-element_2.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -8,9 +8,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const browser_esm = require('./browser.esm-5d246754.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-cf0c513d.js');
 require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
+require('./bundle.esm-b43c197a.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 
 const viewerDomElementCss = ":host{position:absolute;pointer-events:none;visibility:hidden}:host(.hydrated){visibility:hidden}:host(.ready){visibility:inherit}:host(:not([interactions-off]))>*{pointer-events:auto}";

package/dist/cjs/vertex-viewer-dom-group.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-icon.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-layer.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-markup-arrow_3.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-markup-tool.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-markup.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 

package/dist/cjs/vertex-viewer-measurement-details.cjs.entry.js

@@ -1,15 +1,16 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const streamAttributes = require('./streamAttributes-cf0c513d.js');
 require('./entities-9eb7e608.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const index$1 = require('./index-b9d13137.js');
+require('./bundle.esm-b43c197a.js');
 require('./browser.esm-5d246754.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 

package/dist/cjs/vertex-viewer-measurement-distance.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -7,11 +7,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-const cursors = require('./cursors-85d403e9.js');
+const cursors = require('./cursors-02a06ec9.js');
 const dom = require('./dom-8d90bfaf.js');
-require('./mapper-0f2294a6.js');
+require('./mapper-d4145b72.js');
 require('./grpc-web-client.umd-2af20c1b.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const streamAttributes = require('./streamAttributes-cf0c513d.js');
 const model = require('./model-20a70d27.js');
 const overlays = require('./overlays-b03ec80b.js');
 const results = require('./results-178e89a3.js');
@@ -21,6 +21,7 @@ const browser_esm = require('./browser.esm-5d246754.js');
 const utils = require('./utils-2c8e2aa3.js');
 const index$1 = require('./index-b9d13137.js');
 require('./_commonjsHelpers-dcc4cf71.js');
+require('./bundle.esm-b43c197a.js');
 
 /**
  * The default distance, in pixels, between the mouse position and a snappable

package/dist/cjs/vertex-viewer-measurement-line_2.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -7,13 +7,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-require('./mapper-0f2294a6.js');
+require('./mapper-d4145b72.js');
 require('./grpc-web-client.umd-2af20c1b.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-cf0c513d.js');
 const overlays = require('./overlays-b03ec80b.js');
 const utils = require('./utils-2c8e2aa3.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 require('./browser.esm-5d246754.js');
+require('./bundle.esm-b43c197a.js');
 require('./entities-9eb7e608.js');
 
 const viewerMeasurementLineCss = ":host{display:block;--viewer-measurement-line-stroke:var(--white);--viewer-measurement-line-stroke-opacity:0.75;--viewer-measurement-line-stroke-width:1.25px;--viewer-measurement-line-fill:var(--neutral-900);--viewer-measurement-line-fill-width:2px;--viewer-measurement-line-start-cap-visibility:initial;--viewer-measurement-line-end-cap-visibility:initial}svg{width:100%;height:100%}.line-stroke{stroke-width:calc(\n    var(--viewer-measurement-line-fill-width) +\n      var(--viewer-measurement-line-stroke-width)\n  );stroke:var(--viewer-measurement-line-stroke);opacity:var(--viewer-measurement-line-stroke-opacity)}.line-fill{stroke-width:var(--viewer-measurement-line-fill-width);stroke:var(--viewer-measurement-line-fill)}.start-cap{visibility:var(--viewer-measurement-line-start-cap-visibility)}.end-cap{visibility:var(--viewer-measurement-line-end-cap-visibility)}";

package/dist/cjs/vertex-viewer-measurement-precise.cjs.entry.js

@@ -1,25 +1,26 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
-const mapper = require('./mapper-0f2294a6.js');
+const mapper = require('./mapper-d4145b72.js');
 const grpcWebClient_umd = require('./grpc-web-client.umd-2af20c1b.js');
-const config = require('./config-6e330a82.js');
-const entities = require('./entities-7b2e8c03.js');
-require('./streamAttributes-c64aee75.js');
+const config = require('./config-3fc1c093.js');
+const entities = require('./entities-c1c3c6a3.js');
+require('./streamAttributes-cf0c513d.js');
 const model = require('./model-20a70d27.js');
 const overlays = require('./overlays-b03ec80b.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-const cursors = require('./cursors-85d403e9.js');
+const cursors = require('./cursors-02a06ec9.js');
 const dom = require('./dom-8d90bfaf.js');
 const elementRectObserver = require('./elementRectObserver-9b28f182.js');
 const entities$1 = require('./entities-9eb7e608.js');
 require('./_commonjsHelpers-dcc4cf71.js');
 require('./browser.esm-5d246754.js');
+require('./bundle.esm-b43c197a.js');
 
 // package: vertexvis.protobuf.sceneview.v1
 // file: sceneview/protos/scene_view_api.proto

package/dist/cjs/vertex-viewer-pin-group.cjs.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -7,16 +7,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-require('./cursors-85d403e9.js');
-require('./mapper-0f2294a6.js');
+require('./cursors-02a06ec9.js');
+require('./mapper-d4145b72.js');
 require('./grpc-web-client.umd-2af20c1b.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-cf0c513d.js');
 require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
-const model = require('./model-b61f4d20.js');
+const model = require('./model-19fb560a.js');
 const index$1 = require('./index-b9d13137.js');
 require('./browser.esm-5d246754.js');
 require('./_commonjsHelpers-dcc4cf71.js');
+require('./bundle.esm-b43c197a.js');
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const PinRenderer = ({ pin, selected, }) => {
@@ -80,10 +81,14 @@ const ViewerPinGroup = class {
     };
   }
   componentDidLoad() {
+    var _a;
     this.setLabelObserver();
     if (this.pinController == null) {
       this.pinController = new model.PinController(this.pinModel);
     }
+    if (this.selected) {
+      (_a = this.labelEl) === null || _a === void 0 ? void 0 : _a.setFocus();
+    }
   }
   disconnectedCallback() {
     var _a, _b;