@vertexvis/viewer 0.15.2-testing.3 → 0.15.2-testing.4

package/dist/esm/vertex-scene-tree.entry.js

@@ -5,10 +5,10 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, f as forceUp
 import { o as __rest } from './bundle.esm-ce2c7ad3.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-11ca3be1.js';
 import { a as googleProtobuf, w as wrappers_pb, g as grpcWebClient_umd } from './grpc-web-client.umd-5409853c.js';
-import { p as parseConfig } from './config-49688db8.js';
+import { p as parseConfig } from './config-6cdeb6ca.js';
 import { E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
 import { i as isLoadedRow, f as fromNodeProto, g as getSceneTreeContainsElement } from './dom-e19ee80b.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-24bd7b3a.js';
 import './entities-ce81dd7f.js';
 
 window.requestIdleCallback =

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

@@ -0,0 +1,241 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import { r as registerInstance, h, H as Host, g as getElement } from './index-26dfb2d0.js';
+import { p as point, i as rectangle } from './bundle.esm-ce2c7ad3.js';
+import { E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
+
+const DEFAULT_CONCURRENT_VOLUME_QUERY_LIMIT = 5;
+class VolumeIntersectionQueryController {
+  constructor(model, viewer) {
+    this.model = model;
+    this.viewer = viewer;
+    this.inFlightOperations = 0;
+    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);
+  }
+  setOperationTransform(operationTransform) {
+    this.operationTransform = operationTransform;
+  }
+  async execute() {
+    var _a;
+    const screenBounds = this.model.getScreenBounds();
+    const type = this.model.getType();
+    this.viewer.cameraControls = (_a = this.previousViewerCameraControls) !== null && _a !== void 0 ? _a : true;
+    this.model.complete();
+    if (screenBounds != null &&
+      this.inFlightOperations < DEFAULT_CONCURRENT_VOLUME_QUERY_LIMIT) {
+      this.inFlightOperations = this.inFlightOperations + 1;
+      try {
+        const scene = await this.viewer.scene();
+        await scene
+          .items((op) => this.operationTransform(op.where((q) => q.withVolumeIntersection(screenBounds, type === 'exclusive'))))
+          .execute();
+      }
+      catch (e) {
+        console.error('Failed to perform volume intersection query', e);
+        throw e;
+      }
+      finally {
+        this.inFlightOperations = this.inFlightOperations - 1;
+      }
+    }
+    else if (this.inFlightOperations >= DEFAULT_CONCURRENT_VOLUME_QUERY_LIMIT) {
+      throw new Error(`Unable to perform volume intersection query due to the limit of ${DEFAULT_CONCURRENT_VOLUME_QUERY_LIMIT}.`);
+    }
+  }
+}
+
+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);
+  }
+  initialize(element) {
+    this.element = element;
+    this.element.addEventListener('pointerdown', this.handleDragBegin);
+  }
+  dispose() {
+    var _a;
+    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointerdown', this.handleDragBegin);
+    window.removeEventListener('pointermove', this.handleDrag);
+    window.removeEventListener('pointerup', this.handleDragEnd);
+  }
+  handleDragBegin(event) {
+    if (event.buttons === 1 && !this.isInteracting) {
+      this.isInteracting = true;
+      this.controller.setStartPoint(point.create(event.offsetX, event.offsetY));
+      window.addEventListener('pointermove', this.handleDrag);
+      window.addEventListener('pointerup', this.handleDragEnd);
+    }
+  }
+  handleDrag(event) {
+    this.controller.setEndPoint(point.create(event.offsetX, event.offsetY));
+  }
+  handleDragEnd() {
+    this.controller.execute();
+    this.isInteracting = false;
+    window.removeEventListener('pointermove', this.handleDrag);
+    window.removeEventListener('pointerup', this.handleDragEnd);
+  }
+}
+
+class VolumeIntersectionQueryModel {
+  constructor() {
+    this.dragStarted = new EventDispatcher();
+    this.dragComplete = new EventDispatcher();
+    this.screenBoundsChanged = new EventDispatcher();
+  }
+  setStartPoint(point) {
+    this.startPoint = point;
+    this.dragStarted.emit();
+  }
+  setEndPoint(point) {
+    this.endPoint = point;
+    this.updateQueryType();
+    this.screenBoundsChanged.emit(this.getQueryDetails());
+  }
+  complete() {
+    if (this.startPoint != null && this.endPoint != null) {
+      this.screenBoundsChanged.emit(undefined);
+      this.dragComplete.emit(this.getQueryDetails());
+      this.reset();
+    }
+  }
+  reset() {
+    this.startPoint = undefined;
+    this.endPoint = undefined;
+    this.type = undefined;
+  }
+  getScreenBounds() {
+    return this.startPoint != null && this.endPoint != null
+      ? 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);
+  }
+  getQueryDetails() {
+    if (this.startPoint != null && this.endPoint != null && this.type != null) {
+      return {
+        screenBounds: 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() {
+    if (this.startPoint != null && this.endPoint) {
+      this.type =
+        point.subtract(this.endPoint, this.startPoint).x > 0
+          ? 'exclusive'
+          : 'inclusive';
+    }
+  }
+}
+
+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:relative;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:relative;width:100%;height:100%;opacity:var(--viewer-box-query-outline-fill-opacity)}: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) {
+    registerInstance(this, hostRef);
+    /**
+     * The default operation to perform when a drag has completed and the intersection
+     * query will be run. Defaults to `select`, and can be changed to `deselect`.
+     *
+     * 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 = 'select';
+    this.handleScreenBoundsChanged = this.handleScreenBoundsChanged.bind(this);
+  }
+  componentWillLoad() {
+    var _a;
+    this.model = (_a = this.model) !== null && _a !== void 0 ? _a : new VolumeIntersectionQueryModel();
+    this.screenBoundsChangedDisposable = this.model.onScreenBoundsChanged(this.handleScreenBoundsChanged);
+    this.handleViewerChanged(this.viewer);
+  }
+  disconnectedCallback() {
+    var _a, _b, _c;
+    (_a = this.model) === null || _a === void 0 ? void 0 : _a.reset();
+    (_b = this.screenBoundsChangedDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
+    (_c = this.interactionHandler) === null || _c === void 0 ? void 0 : _c.dispose();
+  }
+  /**
+   * @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) {
+    var _a;
+    (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setOperationTransform(updatedOperationType === 'select'
+      ? (builder) => builder.select()
+      : (builder) => builder.deselect());
+  }
+  /**
+   * @ignore
+   */
+  render() {
+    return (h(Host, null, h("vertex-viewer-layer", null, this.details != null && (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`,
+      } }, h("slot", { name: "bounds" }, h("div", { class: "outline" }, h("div", { class: "fill" }))))))));
+  }
+  handleScreenBoundsChanged(details) {
+    this.details = details;
+    this.updateTypeAttribute(details === null || details === void 0 ? void 0 : details.type);
+  }
+  registerInteractionHandler(controller, viewer) {
+    this.interactionHandler = new VolumeIntersectionQueryInteractionHandler(controller);
+    viewer.registerInteractionHandler(this.interactionHandler);
+  }
+  deregisterInteractionHandler() {
+    var _a;
+    (_a = this.interactionHandler) === null || _a === void 0 ? void 0 : _a.dispose();
+    this.interactionHandler = undefined;
+  }
+  updateTypeAttribute(type) {
+    this.hostEl.setAttribute('inclusive', `${type === 'inclusive'}`);
+    this.hostEl.setAttribute('exclusive', `${type === 'exclusive'}`);
+  }
+  get hostEl() { return getElement(this); }
+  static get watchers() { return {
+    "viewer": ["handleViewerChanged"],
+    "operationType": ["handleDefaultOperationChange"]
+  }; }
+};
+ViewerBoxQueryTool.style = viewerBoxQueryToolCss;
+
+export { ViewerBoxQueryTool as vertex_viewer_box_query_tool };

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

@@ -4,7 +4,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26dfb2d0.js';
 import { v as vector3, q as quaternion, m as matrix4, u as euler } from './bundle.esm-ce2c7ad3.js';
 import { o as objects } from './browser.esm-ae4ca1f1.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-24bd7b3a.js';
 import './entities-ce81dd7f.js';
 import { V as Viewport } from './viewport-e39e2eba.js';
 import './_commonjsHelpers-11ca3be1.js';

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

@@ -2,7 +2,7 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance, H as Host } from './index-26dfb2d0.js';
-import { D as DistanceUnits, A as AngleUnits, f as AreaUnits } from './streamAttributes-7e8565be.js';
+import { D as DistanceUnits, A as AngleUnits, f as AreaUnits } from './streamAttributes-24bd7b3a.js';
 import './entities-ce81dd7f.js';
 import { o as __rest, v as vector3 } from './bundle.esm-ce2c7ad3.js';
 import { c as classnames } from './index-e841d91b.js';

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

@@ -5,9 +5,9 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { v as vector3, h as angle, p as point, l as line3 } from './bundle.esm-ce2c7ad3.js';
 import { m as measurementCursor } from './cursors-a8d4b3f4.js';
 import { a as cssTransformCenterAt, g as getMouseClientPosition } from './dom-5b164305.js';
-import './mapper-5894c2a4.js';
+import './mapper-941ff03c.js';
 import './grpc-web-client.umd-5409853c.js';
-import { j as fromPbVector3f, D as DistanceUnits } from './streamAttributes-7e8565be.js';
+import { j as fromPbVector3f, D as DistanceUnits } from './streamAttributes-24bd7b3a.js';
 import { M as MeasurementModel } from './model-fa9af61a.js';
 import { M as MeasurementOverlayManager } from './overlays-cc3efc30.js';
 import { m as makeMinimumDistanceResult } from './results-3b4df2cf.js';

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

@@ -3,9 +3,9 @@
  */
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-26dfb2d0.js';
 import { p as point, h as angle } from './bundle.esm-ce2c7ad3.js';
-import './mapper-5894c2a4.js';
+import './mapper-941ff03c.js';
 import './grpc-web-client.umd-5409853c.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-24bd7b3a.js';
 import { M as MeasurementOverlayManager } from './overlays-cc3efc30.js';
 import { t as translateWorldLineToViewport } from './utils-81347571.js';
 import './_commonjsHelpers-11ca3be1.js';

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

@@ -2,11 +2,11 @@
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, H as Host } from './index-26dfb2d0.js';
-import { s as scene_view_api_pb } from './mapper-5894c2a4.js';
+import { s as scene_view_api_pb } from './mapper-941ff03c.js';
 import { g as grpcWebClient_umd } from './grpc-web-client.umd-5409853c.js';
-import { p as parseConfig } from './config-49688db8.js';
-import { a as MeasurementEntity, M as MeasurementController } from './entities-a5bfef48.js';
-import './streamAttributes-7e8565be.js';
+import { p as parseConfig } from './config-6cdeb6ca.js';
+import { a as MeasurementEntity, M as MeasurementController } from './entities-6f3c5437.js';
+import './streamAttributes-24bd7b3a.js';
 import { M as MeasurementModel } from './model-fa9af61a.js';
 import { M as MeasurementOverlayManager } from './overlays-cc3efc30.js';
 import { p as point } from './bundle.esm-ce2c7ad3.js';

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

@@ -4,9 +4,9 @@
 import { h, F as Fragment, r as registerInstance } from './index-26dfb2d0.js';
 import { p as point, m as matrix4, v as vector3 } from './bundle.esm-ce2c7ad3.js';
 import './cursors-a8d4b3f4.js';
-import './mapper-5894c2a4.js';
+import './mapper-941ff03c.js';
 import './grpc-web-client.umd-5409853c.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-24bd7b3a.js';
 import './entities-ce81dd7f.js';
 import { V as Viewport } from './viewport-e39e2eba.js';
 import { g as getPinColors, i as isIconPin, b as isTextPin, P as PinModel, a as PinController, c as translatePointToScreen } from './model-40bd1711.js';

package/dist/esm/vertex-viewer-transform-widget.entry.js

@@ -7,7 +7,7 @@ import { c as classnames } from './index-e841d91b.js';
 import { w as writeDOM, r as readDOM } from './stencil-bfbf099f.js';
 import { c as color, E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
 import { c as createCommonjsModule, a as commonjsGlobal, g as getAugmentedNamespace, b as getDefaultExportFromCjs } from './_commonjsHelpers-11ca3be1.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-24bd7b3a.js';
 import './entities-ce81dd7f.js';
 import { V as Viewport } from './viewport-e39e2eba.js';
 

package/dist/esm/vertex-viewer-view-cube.entry.js

@@ -4,7 +4,7 @@
 import { h, F as Fragment, r as registerInstance, H as Host } from './index-26dfb2d0.js';
 import { v as vector3, q as quaternion, u as euler } from './bundle.esm-ce2c7ad3.js';
 import { r as readDOM } from './stencil-bfbf099f.js';
-import { O as Orientation, e as FramePerspectiveCamera, G as StandardView } from './streamAttributes-7e8565be.js';
+import { O as Orientation, e as FramePerspectiveCamera, G as StandardView } from './streamAttributes-24bd7b3a.js';
 import './entities-ce81dd7f.js';
 import { c as classnames } from './index-e841d91b.js';
 import './browser.esm-ae4ca1f1.js';

package/dist/esm/vertex-viewer.entry.js

@@ -3,13 +3,13 @@
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26dfb2d0.js';
 import { p as point, v as vector3, h as angle, j as plane, r as ray, b as boundingBox, s as matrix2, d as dimensions } from './bundle.esm-ce2c7ad3.js';
-import { l as fromPbStencilBufferOrThrow, m as decodePng, n as DepthBuffer, t as toProtoDuration, g as toProtobuf, p as protoToDate, o as toPbStreamAttributes, q as toPbRGBi, S as StreamApi, r as StreamRequestError, s as fromPbFrameOrThrow, u as fromPbStartStreamResponseOrThrow, x as fromPbReconnectResponseOrThrow, y as fromPbSyncTimeResponseOrThrow, z as currentDateAsProtoTimestamp, B as fromPbRefreshTokenResponseOrThrow, W as WebSocketClientImpl, C as toOrthographic, E as toPerspective } from './streamAttributes-7e8565be.js';
+import { l as fromPbStencilBufferOrThrow, m as decodePng, n as DepthBuffer, t as toProtoDuration, g as toProtobuf, p as protoToDate, o as toPbStreamAttributes, q as toPbRGBi, S as StreamApi, r as StreamRequestError, s as fromPbFrameOrThrow, u as fromPbStartStreamResponseOrThrow, x as fromPbReconnectResponseOrThrow, y as fromPbSyncTimeResponseOrThrow, z as currentDateAsProtoTimestamp, B as fromPbRefreshTokenResponseOrThrow, W as WebSocketClientImpl, C as toOrthographic, E as toPerspective } from './streamAttributes-24bd7b3a.js';
 import { E as EventDispatcher, m as mapper, c as color, o as objects, u as uri, a as async, b as uuid } from './browser.esm-ae4ca1f1.js';
 import { c as classnames } from './index-e841d91b.js';
-import { p as parseConfig } from './config-49688db8.js';
+import { p as parseConfig } from './config-6cdeb6ca.js';
 import { C as CursorManager } from './cursors-a8d4b3f4.js';
 import { g as getMouseClientPosition, c as cssCursor } from './dom-5b164305.js';
-import { I as ImageLoadError, f as fromUrn, C as CustomError, W as WebsocketConnectionError, a as SynchronizedClock, b as SceneRenderError, d as defaultSelectionMaterial, V as ViewerInitializationError, e as InteractionHandlerError, g as ComponentInitializationError, h as IllegalStateError, i as fromHex, S as Scene } from './scene-5b919078.js';
+import { I as ImageLoadError, f as fromUrn, C as CustomError, W as WebsocketConnectionError, a as SynchronizedClock, b as SceneRenderError, d as defaultSelectionMaterial, V as ViewerInitializationError, e as InteractionHandlerError, g as ComponentInitializationError, h as IllegalStateError, i as fromHex, S as Scene } from './scene-970f5000.js';
 import { E as EntityType } from './entities-ce81dd7f.js';
 import { V as Viewport } from './viewport-e39e2eba.js';
 import './_commonjsHelpers-11ca3be1.js';

package/dist/esm/viewer.js

@@ -72,5 +72,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 
 patchBrowser().then(options => {
   globalScripts();
-  return bootstrapLazy([["vertex-viewer-pin-tool",[[1,"vertex-viewer-pin-tool",{"pinController":[1040],"pinModel":[16],"viewer":[16],"tool":[1025],"mode":[1025],"primaryColor":[1025,"primary-color"],"accentColor":[1025,"accent-color"],"pins":[32],"selectedPinId":[32],"elementBounds":[32],"projectionViewMatrix":[32]}]]],["vertex-scene-tree",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[1],"configEnv":[1,"config-env"],"controller":[1040],"metadataSearchExactMatch":[1028,"metadata-search-exact-match"],"metadataSearchKeys":[1040],"metadataKeys":[16],"rows":[32],"totalRows":[32],"showLoader":[32],"stateMap":[32],"errorDetails":[32],"attemptingRetry":[32],"invalidateRows":[64],"scrollToIndex":[64],"scrollToItem":[64],"expandAll":[64],"collapseAll":[64],"expandItem":[64],"collapseItem":[64],"toggleExpandItem":[64],"toggleItemVisibility":[64],"hideItem":[64],"showItem":[64],"selectItem":[64],"deselectItem":[64],"getRowAtIndex":[64],"getRowForEvent":[64],"getRowAtClientY":[64],"filterItems":[64],"selectFilteredItems":[64],"fetchMetadataKeys":[64]},[[0,"search","handleSearch"]]]]],["vertex-viewer-default-toolbar",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["vertex-viewer-markup",[[1,"vertex-viewer-markup",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"selectedMarkupId":[1025,"selected-markup-id"],"selectNew":[4,"select-new"],"toSelectMarkupId":[32],"pointerDownPosition":[32],"addMarkup":[64],"removeMarkup":[64],"getMarkupElements":[64],"getMarkupElement":[64]},[[0,"markupEnd","handleMarkupEnd"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["vertex-viewer-markup-tool",[[1,"vertex-viewer-markup-tool",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"stateMap":[32],"reset":[64]}]]],["vertex-viewer-view-cube",[[1,"vertex-viewer-view-cube",{"xPositiveLabel":[1,"x-positive-label"],"xNegativeLabel":[1,"x-negative-label"],"yPositiveLabel":[1,"y-positive-label"],"yNegativeLabel":[1,"y-negative-label"],"zPositiveLabel":[1,"z-positive-label"],"zNegativeLabel":[1,"z-negative-label"],"standardViewsOff":[4,"standard-views-off"],"animationDuration":[2,"animation-duration"],"triadOff":[4,"triad-off"],"worldOrientation":[1040],"camera":[1040],"viewer":[16],"boxLength":[32],"triadPosition":[32]}]]],["vertex-viewer-measurement-distance",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start-json"],"end":[1040],"endJson":[1,"end-json"],"distance":[1026],"showAxisReferenceLines":[4,"show-axis-reference-lines"],"snapDistance":[2,"snap-distance"],"units":[1],"fractionalDigits":[2,"fractional-digits"],"labelFormatter":[16],"anchorLabelOffset":[2,"anchor-label-offset"],"lineCapLength":[2,"line-cap-length"],"mode":[513],"interactingAnchor":[1537,"interacting-anchor"],"invalid":[1540],"camera":[16],"hitProvider":[16],"indicatorPt":[1040],"viewer":[16],"measurementModel":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"measurementUnits":[32],"computeElementMetrics":[64]}]]],["vertex-viewer-measurement-precise",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementOverlays":[16],"measurementController":[1040],"measurableEntityTypes":[16],"viewer":[16],"configEnv":[1,"config-env"],"config":[1]}]]],["vertex-scene-tree-table-cell",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hovered":[1028],"isScrolling":[4,"is-scrolling"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"selectionHandler":[16],"visibilityHandler":[16],"expansionHandler":[16],"hoverController":[16]}]]],["vertex-scene-tree-table-column",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["vertex-scene-tree-table-header",[[1,"vertex-scene-tree-table-header"]]],["vertex-scene-tree-table-resize-divider",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["vertex-scene-tree-toolbar-group",[[1,"vertex-scene-tree-toolbar-group"]]],["vertex-viewer",[[1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1025,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"cameraType":[1537,"camera-type"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"experimentalGhostingOpacity":[2,"experimental-ghosting-opacity"],"noDefaultLights":[4,"no-default-lights"],"experimentalRenderingOptions":[1,"experimental-rendering-options"],"featureLines":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"selectionMaterial":[1,"selection-material"],"resizeDebounce":[2,"resize-debounce"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32],"dispatchFrameDrawn":[64],"registerInteractionHandler":[64],"registerTapKeyInteraction":[64],"getInteractionTarget_DEPRECATED":[64],"addCursor":[64],"getInteractionHandlers":[64],"getKeyInteractions":[64],"getBaseInteractionHandler":[64],"getJwt":[64],"load":[64],"unload":[64],"scene":[64],"isSceneReady":[64]},[[0,"tap","handleTapEvent"]]]]],["vertex-viewer-measurement-details",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"measurementOverlays":[16],"measurementOutcome":[1040],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"resultTypes":[16],"overlay":[32],"distanceMeasurementUnits":[32],"angleMeasurementUnits":[32],"areaMeasurementUnits":[32]}]]],["vertex-viewer-transform-widget",[[1,"vertex-viewer-transform-widget",{"viewer":[16],"position":[1040],"controller":[1040],"hovered":[1040]}]]],["vertex-viewer-pin-group",[[0,"vertex-viewer-pin-group",{"pin":[16],"matrix":[1040],"projectionViewMatrix":[16],"elementBounds":[1040],"pinModel":[16],"pinController":[16],"selected":[4],"invalidateStateCounter":[32]}]]],["vertex-viewer-dom-group",[[1,"vertex-viewer-dom-group",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040]}]]],["vertex-viewer-layer",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["vertex-viewer-spinner",[[1,"vertex-viewer-spinner",{"size":[1]}]]],["vertex-viewer-icon",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["vertex-scene-tree-search_3",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"controller":[16],"value":[1025],"focused":[32],"isSearching":[32],"setFocus":[64]}],[1,"vertex-scene-tree-table-layout",{"tree":[16],"controller":[16],"rows":[16],"totalRows":[2,"total-rows"],"rowHeight":[1026,"row-height"],"overScanCount":[2,"over-scan-count"],"rowData":[16],"layoutOffset":[1026,"layout-offset"],"scrollOffset":[1026,"scroll-offset"],"layoutHeight":[1026,"layout-height"],"layoutWidth":[1026,"layout-width"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"columnGridLayout":[32],"columnGridFixedLayout":[32],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"isScrolling":[32],"scrollTimer":[32],"stateMap":[32],"scrollToPosition":[64]}],[1,"vertex-scene-tree-toolbar"]]],["vertex-viewer-button_3",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["vertex-viewer-pin-label_2",[[0,"vertex-viewer-pin-label",{"pin":[16],"elementBounds":[16],"value":[1025],"pinController":[16],"focused":[32],"computedScreenPosition":[32],"textareaRows":[32],"contentElBounds":[32],"setFocus":[64]}],[0,"vertex-viewer-pin-label-line",{"pinPoint":[16],"labelPoint":[16],"pin":[16]}]]],["vertex-viewer-measurement-line_2",[[1,"vertex-viewer-measurement-overlays",{"measurementOverlays":[16],"camera":[1040],"viewer":[16],"overlays":[32]}],[1,"vertex-viewer-measurement-line",{"start":[16],"end":[16],"capLength":[2,"cap-length"],"pointerEvents":[1,"pointer-events"]}]]],["vertex-viewer-dom-element_2",[[1,"vertex-viewer-dom-renderer",{"drawMode":[1,"draw-mode"],"viewer":[16],"camera":[1040],"depthBuffer":[1040],"viewport":[32],"invalidateFrameCounter":[32]},[[0,"propertyChange","handlePropertyChange"]]],[1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}]]],["vertex-viewer-markup-arrow_3",[[1,"vertex-viewer-markup-arrow",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"screenPoints":[32],"dispose":[64]}]]]], options);
+  return bootstrapLazy(JSON.parse("[[\"vertex-viewer-pin-tool\",[[1,\"vertex-viewer-pin-tool\",{\"pinController\":[1040],\"pinModel\":[16],\"viewer\":[16],\"tool\":[1025],\"mode\":[1025],\"primaryColor\":[1025,\"primary-color\"],\"accentColor\":[1025,\"accent-color\"],\"pins\":[32],\"selectedPinId\":[32],\"elementBounds\":[32],\"projectionViewMatrix\":[32]}]]],[\"vertex-scene-tree\",[[1,\"vertex-scene-tree\",{\"overScanCount\":[2,\"over-scan-count\"],\"viewerSelector\":[1,\"viewer-selector\"],\"viewer\":[1040],\"rowData\":[16],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"controller\":[1040],\"metadataSearchExactMatch\":[1028,\"metadata-search-exact-match\"],\"metadataSearchKeys\":[1040],\"metadataKeys\":[16],\"rows\":[32],\"totalRows\":[32],\"showLoader\":[32],\"stateMap\":[32],\"errorDetails\":[32],\"attemptingRetry\":[32],\"invalidateRows\":[64],\"scrollToIndex\":[64],\"scrollToItem\":[64],\"expandAll\":[64],\"collapseAll\":[64],\"expandItem\":[64],\"collapseItem\":[64],\"toggleExpandItem\":[64],\"toggleItemVisibility\":[64],\"hideItem\":[64],\"showItem\":[64],\"selectItem\":[64],\"deselectItem\":[64],\"getRowAtIndex\":[64],\"getRowForEvent\":[64],\"getRowAtClientY\":[64],\"filterItems\":[64],\"selectFilteredItems\":[64],\"fetchMetadataKeys\":[64]},[[0,\"search\",\"handleSearch\"]]]]],[\"vertex-viewer-default-toolbar\",[[1,\"vertex-viewer-default-toolbar\",{\"viewer\":[16],\"placement\":[1],\"direction\":[1],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"]}]]],[\"vertex-viewer-markup\",[[1,\"vertex-viewer-markup\",{\"arrowTemplateId\":[1,\"arrow-template-id\"],\"circleTemplateId\":[1,\"circle-template-id\"],\"freeformTemplateId\":[1,\"freeform-template-id\"],\"tool\":[1],\"disabled\":[4],\"viewer\":[16],\"selectedMarkupId\":[1025,\"selected-markup-id\"],\"selectNew\":[4,\"select-new\"],\"toSelectMarkupId\":[32],\"pointerDownPosition\":[32],\"addMarkup\":[64],\"removeMarkup\":[64],\"getMarkupElements\":[64],\"getMarkupElement\":[64]},[[0,\"markupEnd\",\"handleMarkupEnd\"],[1,\"pointerdown\",\"handleMarkupPointerDown\"]]]]],[\"vertex-viewer-markup-tool\",[[1,\"vertex-viewer-markup-tool\",{\"arrowTemplateId\":[1,\"arrow-template-id\"],\"circleTemplateId\":[1,\"circle-template-id\"],\"freeformTemplateId\":[1,\"freeform-template-id\"],\"tool\":[1],\"disabled\":[4],\"viewer\":[16],\"stateMap\":[32],\"reset\":[64]}]]],[\"vertex-viewer-view-cube\",[[1,\"vertex-viewer-view-cube\",{\"xPositiveLabel\":[1,\"x-positive-label\"],\"xNegativeLabel\":[1,\"x-negative-label\"],\"yPositiveLabel\":[1,\"y-positive-label\"],\"yNegativeLabel\":[1,\"y-negative-label\"],\"zPositiveLabel\":[1,\"z-positive-label\"],\"zNegativeLabel\":[1,\"z-negative-label\"],\"standardViewsOff\":[4,\"standard-views-off\"],\"animationDuration\":[2,\"animation-duration\"],\"triadOff\":[4,\"triad-off\"],\"worldOrientation\":[1040],\"camera\":[1040],\"viewer\":[16],\"boxLength\":[32],\"triadPosition\":[32]}]]],[\"vertex-viewer-measurement-distance\",[[1,\"vertex-viewer-measurement-distance\",{\"start\":[1040],\"startJson\":[1,\"start-json\"],\"end\":[1040],\"endJson\":[1,\"end-json\"],\"distance\":[1026],\"showAxisReferenceLines\":[4,\"show-axis-reference-lines\"],\"snapDistance\":[2,\"snap-distance\"],\"units\":[1],\"fractionalDigits\":[2,\"fractional-digits\"],\"labelFormatter\":[16],\"anchorLabelOffset\":[2,\"anchor-label-offset\"],\"lineCapLength\":[2,\"line-cap-length\"],\"mode\":[513],\"interactingAnchor\":[1537,\"interacting-anchor\"],\"invalid\":[1540],\"camera\":[16],\"hitProvider\":[16],\"indicatorPt\":[1040],\"viewer\":[16],\"measurementModel\":[16],\"viewport\":[32],\"elementBounds\":[32],\"interactionCount\":[32],\"internalCamera\":[32],\"invalidateStateCounter\":[32],\"stateMap\":[32],\"measurementUnits\":[32],\"computeElementMetrics\":[64]}]]],[\"vertex-viewer-measurement-precise\",[[1,\"vertex-viewer-measurement-precise\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementController\":[1040],\"measurableEntityTypes\":[16],\"viewer\":[16],\"configEnv\":[1,\"config-env\"],\"config\":[1]}]]],[\"vertex-viewer-box-query-tool\",[[1,\"vertex-viewer-box-query-tool\",{\"viewer\":[16],\"controller\":[1040],\"model\":[1040],\"operationType\":[1,\"operation-type\"],\"details\":[32]}]]],[\"vertex-scene-tree-table-cell\",[[1,\"vertex-scene-tree-table-cell\",{\"node\":[16],\"tree\":[16],\"value\":[1],\"placeholder\":[1],\"hovered\":[1028],\"isScrolling\":[4,\"is-scrolling\"],\"expandToggle\":[4,\"expand-toggle\"],\"visibilityToggle\":[4,\"visibility-toggle\"],\"selectionHandler\":[16],\"visibilityHandler\":[16],\"expansionHandler\":[16],\"hoverController\":[16]}]]],[\"vertex-scene-tree-table-column\",[[1,\"vertex-scene-tree-table-column\",{\"initialWidth\":[2,\"initial-width\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"vertex-scene-tree-table-header\",[[1,\"vertex-scene-tree-table-header\"]]],[\"vertex-scene-tree-table-resize-divider\",[[1,\"vertex-scene-tree-table-resize-divider\",{\"dragging\":[32]}]]],[\"vertex-scene-tree-toolbar-group\",[[1,\"vertex-scene-tree-toolbar-group\"]]],[\"vertex-viewer\",[[1,\"vertex-viewer\",{\"src\":[1],\"clientId\":[1,\"client-id\"],\"deviceId\":[1025,\"device-id\"],\"config\":[1],\"configEnv\":[1,\"config-env\"],\"resolvedConfig\":[1040],\"cameraControls\":[4,\"camera-controls\"],\"cameraType\":[1537,\"camera-type\"],\"keyboardControls\":[4,\"keyboard-controls\"],\"rotateAroundTapPoint\":[4,\"rotate-around-tap-point\"],\"token\":[1025],\"depthBuffers\":[1,\"depth-buffers\"],\"experimentalGhostingOpacity\":[2,\"experimental-ghosting-opacity\"],\"noDefaultLights\":[4,\"no-default-lights\"],\"experimentalRenderingOptions\":[1,\"experimental-rendering-options\"],\"featureLines\":[16],\"featureHighlighting\":[16],\"featureMaps\":[1,\"feature-maps\"],\"selectionMaterial\":[1,\"selection-material\"],\"resizeDebounce\":[2,\"resize-debounce\"],\"frame\":[1040],\"stream\":[1040],\"stencilBuffer\":[1040],\"viewport\":[1040],\"dimensions\":[32],\"hostDimensions\":[32],\"errorMessage\":[32],\"cursor\":[32],\"stateMap\":[32],\"dispatchFrameDrawn\":[64],\"registerInteractionHandler\":[64],\"registerTapKeyInteraction\":[64],\"getInteractionTarget_DEPRECATED\":[64],\"addCursor\":[64],\"getInteractionHandlers\":[64],\"getKeyInteractions\":[64],\"getBaseInteractionHandler\":[64],\"getJwt\":[64],\"load\":[64],\"unload\":[64],\"scene\":[64],\"isSceneReady\":[64]},[[0,\"tap\",\"handleTapEvent\"]]]]],[\"vertex-viewer-measurement-details\",[[1,\"vertex-viewer-measurement-details\",{\"measurementModel\":[16],\"measurementOverlays\":[16],\"measurementOutcome\":[1040],\"distanceUnits\":[1,\"distance-units\"],\"angleUnits\":[1,\"angle-units\"],\"fractionalDigits\":[2,\"fractional-digits\"],\"distanceFormatter\":[16],\"angleFormatter\":[16],\"areaFormatter\":[16],\"resultTypes\":[16],\"overlay\":[32],\"distanceMeasurementUnits\":[32],\"angleMeasurementUnits\":[32],\"areaMeasurementUnits\":[32]}]]],[\"vertex-viewer-transform-widget\",[[1,\"vertex-viewer-transform-widget\",{\"viewer\":[16],\"position\":[1040],\"controller\":[1040],\"hovered\":[1040]}]]],[\"vertex-viewer-icon\",[[1,\"vertex-viewer-icon\",{\"name\":[1],\"size\":[1]}]]],[\"vertex-viewer-pin-group\",[[0,\"vertex-viewer-pin-group\",{\"pin\":[16],\"matrix\":[1040],\"projectionViewMatrix\":[16],\"elementBounds\":[1040],\"pinModel\":[16],\"pinController\":[16],\"selected\":[4],\"invalidateStateCounter\":[32]}]]],[\"vertex-viewer-dom-group\",[[1,\"vertex-viewer-dom-group\",{\"position\":[1040],\"positionJson\":[1,\"position\"],\"rotation\":[1040],\"rotationJson\":[1,\"rotation\"],\"quaternion\":[1040],\"quaternionJson\":[1,\"quaternion\"],\"scale\":[1040],\"scaleJson\":[1,\"scale\"],\"matrix\":[1040]}]]],[\"vertex-viewer-spinner\",[[1,\"vertex-viewer-spinner\",{\"size\":[1]}]]],[\"vertex-scene-tree-search_3\",[[1,\"vertex-scene-tree-search\",{\"debounce\":[2],\"disabled\":[4],\"placeholder\":[1],\"controller\":[16],\"value\":[1025],\"focused\":[32],\"isSearching\":[32],\"setFocus\":[64]}],[1,\"vertex-scene-tree-table-layout\",{\"tree\":[16],\"controller\":[16],\"rows\":[16],\"totalRows\":[2,\"total-rows\"],\"rowHeight\":[1026,\"row-height\"],\"overScanCount\":[2,\"over-scan-count\"],\"rowData\":[16],\"layoutOffset\":[1026,\"layout-offset\"],\"scrollOffset\":[1026,\"scroll-offset\"],\"layoutHeight\":[1026,\"layout-height\"],\"layoutWidth\":[1026,\"layout-width\"],\"viewportStartIndex\":[1026,\"viewport-start-index\"],\"viewportEndIndex\":[1026,\"viewport-end-index\"],\"columnGridLayout\":[32],\"columnGridFixedLayout\":[32],\"isComputingCellHeight\":[32],\"lastDividerPointerPosition\":[32],\"resizingColumnIndex\":[32],\"isScrolling\":[32],\"scrollTimer\":[32],\"stateMap\":[32],\"scrollToPosition\":[64]}],[1,\"vertex-scene-tree-toolbar\"]]],[\"vertex-viewer-layer\",[[1,\"vertex-viewer-layer\",{\"stretchOff\":[516,\"stretch-off\"]}]]],[\"vertex-viewer-button_3\",[[1,\"vertex-viewer-toolbar\",{\"placement\":[1],\"direction\":[1]}],[1,\"vertex-viewer-button\"],[1,\"vertex-viewer-toolbar-group\",{\"direction\":[1]}]]],[\"vertex-viewer-pin-label_2\",[[0,\"vertex-viewer-pin-label\",{\"pin\":[16],\"elementBounds\":[16],\"value\":[1025],\"pinController\":[16],\"focused\":[32],\"computedScreenPosition\":[32],\"textareaRows\":[32],\"contentElBounds\":[32],\"setFocus\":[64]}],[0,\"vertex-viewer-pin-label-line\",{\"pinPoint\":[16],\"labelPoint\":[16],\"pin\":[16]}]]],[\"vertex-viewer-measurement-line_2\",[[1,\"vertex-viewer-measurement-overlays\",{\"measurementOverlays\":[16],\"camera\":[1040],\"viewer\":[16],\"overlays\":[32]}],[1,\"vertex-viewer-measurement-line\",{\"start\":[16],\"end\":[16],\"capLength\":[2,\"cap-length\"],\"pointerEvents\":[1,\"pointer-events\"]}]]],[\"vertex-viewer-dom-element_2\",[[1,\"vertex-viewer-dom-renderer\",{\"drawMode\":[1,\"draw-mode\"],\"viewer\":[16],\"camera\":[1040],\"depthBuffer\":[1040],\"viewport\":[32],\"invalidateFrameCounter\":[32]},[[0,\"propertyChange\",\"handlePropertyChange\"]]],[1,\"vertex-viewer-dom-element\",{\"position\":[1040],\"positionJson\":[1,\"position\"],\"rotation\":[1040],\"rotationJson\":[1,\"rotation\"],\"quaternion\":[1040],\"quaternionJson\":[1,\"quaternion\"],\"scale\":[1040],\"scaleJson\":[1,\"scale\"],\"matrix\":[1040],\"occlusionOff\":[4,\"occlusion-off\"],\"occluded\":[516],\"billboardOff\":[4,\"billboard-off\"],\"interactionsOff\":[516,\"interactions-off\"]}]]],[\"vertex-viewer-markup-arrow_3\",[[1,\"vertex-viewer-markup-arrow\",{\"start\":[1040],\"startJson\":[1,\"start\"],\"end\":[1040],\"endJson\":[1,\"end\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"dispose\":[64]}],[1,\"vertex-viewer-markup-circle\",{\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"dispose\":[64]}],[1,\"vertex-viewer-markup-freeform\",{\"points\":[1040],\"pointsJson\":[1,\"points\"],\"bounds\":[1040],\"boundsJson\":[1,\"bounds\"],\"mode\":[513],\"viewer\":[16],\"elementBounds\":[32],\"screenPoints\":[32],\"dispose\":[64]}]]]]"), options);
 });

package/dist/types/components/viewer-box-query-tool/viewer-box-query-tool.d.ts

@@ -0,0 +1,60 @@
+import { h } from '../../stencil-public-runtime';
+import { VolumeIntersectionQueryController } from '../../lib/volume-intersection/controller';
+import { VolumeIntersectionQueryModel } from '../../lib/volume-intersection/model';
+export declare type VolumeIntersectionQueryType = 'select' | 'deselect';
+/**
+ * The `ViewerBoxQueryTool` allows for the drawing of a "box" on screen to represent
+ * a query for items in a specific area of the viewer. This tool then allows for an
+ * operation to be performed on the items contained (exclusive) by the box or both
+ * contained by and intersecting with (inclusive) the box.
+ */
+export declare class ViewerBoxQueryTool {
+  /**
+   * The viewer that this component is bound to. This is automatically assigned
+   * if added to the light-dom of a parent viewer element.
+   */
+  viewer?: HTMLVertexViewerElement;
+  /**
+   * The controller that is responsible for performing operations using the
+   * volume intersection query defined by the drawn box and updating the model.
+   */
+  controller?: VolumeIntersectionQueryController;
+  /**
+   * The model that contains the points representing the corners of the box
+   * displayed on screen, the type of the query to be performed, and methods
+   * for setting these values.
+   */
+  model?: VolumeIntersectionQueryModel;
+  /**
+   * The default operation to perform when a drag has completed and the intersection
+   * query will be run. Defaults to `select`, and can be changed to `deselect`.
+   *
+   * 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.
+   */
+  operationType: VolumeIntersectionQueryType;
+  private details?;
+  private hostEl;
+  private interactionHandler?;
+  private screenBoundsChangedDisposable?;
+  constructor();
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  /**
+   * @ignore
+   */
+  protected handleViewerChanged(newViewer?: HTMLVertexViewerElement): void;
+  /**
+   * @ignore
+   */
+  protected handleDefaultOperationChange(updatedOperationType: VolumeIntersectionQueryType): void;
+  /**
+   * @ignore
+   */
+  protected render(): h.JSX.IntrinsicElements;
+  private handleScreenBoundsChanged;
+  private registerInteractionHandler;
+  private deregisterInteractionHandler;
+  private updateTypeAttribute;
+}

package/dist/types/components.d.ts

@@ -33,6 +33,9 @@ import { KeyInteraction } from "./lib/interactions/keyInteraction";
 import { Cursor } from "./lib/cursors";
 import { BaseInteractionHandler } from "./lib/interactions/baseInteractionHandler";
 import { Scene } from "./lib/scenes/scene";
+import { VolumeIntersectionQueryController } from "./lib/volume-intersection/controller";
+import { VolumeIntersectionQueryModel } from "./lib/volume-intersection/model";
+import { VolumeIntersectionQueryType } from "./components/viewer-box-query-tool/viewer-box-query-tool";
 import { ViewerToolbarPlacement } from "./components/viewer-toolbar/viewer-toolbar";
 import { ViewerToolbarGroupDirection } from "./components/viewer-toolbar-group/viewer-toolbar-group";
 import { ViewerDomRendererDrawMode } from "./components/viewer-dom-renderer/viewer-dom-renderer";
@@ -464,6 +467,24 @@ export namespace Components {
          */
         "viewport": Viewport;
     }
+    interface VertexViewerBoxQueryTool {
+        /**
+          * The controller that is responsible for performing operations using the volume intersection query defined by the drawn box and updating the model.
+         */
+        "controller"?: VolumeIntersectionQueryController;
+        /**
+          * The model that contains the points representing the corners of the box displayed on screen, the type of the query to be performed, and methods for setting these values.
+         */
+        "model"?: VolumeIntersectionQueryModel;
+        /**
+          * The default operation to perform when a drag has completed and the intersection query will be run. Defaults to `select`, and can be changed to `deselect`.  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.
+         */
+        "operationType": VolumeIntersectionQueryType;
+        /**
+          * The viewer that this component is bound to. This is automatically assigned if added to the light-dom of a parent viewer element.
+         */
+        "viewer"?: HTMLVertexViewerElement;
+    }
     interface VertexViewerButton {
     }
     interface VertexViewerDefaultToolbar {
@@ -1244,6 +1265,12 @@ declare global {
         prototype: HTMLVertexViewerElement;
         new (): HTMLVertexViewerElement;
     };
+    interface HTMLVertexViewerBoxQueryToolElement extends Components.VertexViewerBoxQueryTool, HTMLStencilElement {
+    }
+    var HTMLVertexViewerBoxQueryToolElement: {
+        prototype: HTMLVertexViewerBoxQueryToolElement;
+        new (): HTMLVertexViewerBoxQueryToolElement;
+    };
     interface HTMLVertexViewerButtonElement extends Components.VertexViewerButton, HTMLStencilElement {
     }
     var HTMLVertexViewerButtonElement: {
@@ -1411,6 +1438,7 @@ declare global {
         "vertex-scene-tree-toolbar": HTMLVertexSceneTreeToolbarElement;
         "vertex-scene-tree-toolbar-group": HTMLVertexSceneTreeToolbarGroupElement;
         "vertex-viewer": HTMLVertexViewerElement;
+        "vertex-viewer-box-query-tool": HTMLVertexViewerBoxQueryToolElement;
         "vertex-viewer-button": HTMLVertexViewerButtonElement;
         "vertex-viewer-default-toolbar": HTMLVertexViewerDefaultToolbarElement;
         "vertex-viewer-dom-element": HTMLVertexViewerDomElementElement;
@@ -1724,6 +1752,24 @@ declare namespace LocalJSX {
          */
         "viewport"?: Viewport;
     }
+    interface VertexViewerBoxQueryTool {
+        /**
+          * The controller that is responsible for performing operations using the volume intersection query defined by the drawn box and updating the model.
+         */
+        "controller"?: VolumeIntersectionQueryController;
+        /**
+          * The model that contains the points representing the corners of the box displayed on screen, the type of the query to be performed, and methods for setting these values.
+         */
+        "model"?: VolumeIntersectionQueryModel;
+        /**
+          * The default operation to perform when a drag has completed and the intersection query will be run. Defaults to `select`, and can be changed to `deselect`.  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.
+         */
+        "operationType"?: VolumeIntersectionQueryType;
+        /**
+          * The viewer that this component is bound to. This is automatically assigned if added to the light-dom of a parent viewer element.
+         */
+        "viewer"?: HTMLVertexViewerElement;
+    }
     interface VertexViewerButton {
     }
     interface VertexViewerDefaultToolbar {
@@ -2440,6 +2486,7 @@ declare namespace LocalJSX {
         "vertex-scene-tree-toolbar": VertexSceneTreeToolbar;
         "vertex-scene-tree-toolbar-group": VertexSceneTreeToolbarGroup;
         "vertex-viewer": VertexViewer;
+        "vertex-viewer-box-query-tool": VertexViewerBoxQueryTool;
         "vertex-viewer-button": VertexViewerButton;
         "vertex-viewer-default-toolbar": VertexViewerDefaultToolbar;
         "vertex-viewer-dom-element": VertexViewerDomElement;
@@ -2482,6 +2529,7 @@ declare module "@stencil/core" {
             "vertex-scene-tree-toolbar": LocalJSX.VertexSceneTreeToolbar & JSXBase.HTMLAttributes<HTMLVertexSceneTreeToolbarElement>;
             "vertex-scene-tree-toolbar-group": LocalJSX.VertexSceneTreeToolbarGroup & JSXBase.HTMLAttributes<HTMLVertexSceneTreeToolbarGroupElement>;
             "vertex-viewer": LocalJSX.VertexViewer & JSXBase.HTMLAttributes<HTMLVertexViewerElement>;
+            "vertex-viewer-box-query-tool": LocalJSX.VertexViewerBoxQueryTool & JSXBase.HTMLAttributes<HTMLVertexViewerBoxQueryToolElement>;
             "vertex-viewer-button": LocalJSX.VertexViewerButton & JSXBase.HTMLAttributes<HTMLVertexViewerButtonElement>;
             "vertex-viewer-default-toolbar": LocalJSX.VertexViewerDefaultToolbar & JSXBase.HTMLAttributes<HTMLVertexViewerDefaultToolbarElement>;
             "vertex-viewer-dom-element": LocalJSX.VertexViewerDomElement & JSXBase.HTMLAttributes<HTMLVertexViewerDomElementElement>;

package/dist/types/lib/scenes/queries.d.ts

@@ -1,4 +1,4 @@
-import { Point } from '@vertexvis/geometry';
+import { Point, Rectangle } from '@vertexvis/geometry';
 import { ColorMaterial } from './colorMaterial';
 import { SceneItemOperationsBuilder } from './scene';
 interface AllQueryExpression {
@@ -37,10 +37,15 @@ interface PointQueryExpression {
   type: 'point';
   point: Point.Point;
 }
+interface VolumeIntersectionQueryExpression {
+  type: 'volume-intersection';
+  rectangle: Rectangle.Rectangle;
+  exclusive: boolean;
+}
 /**
  * Represents the sum of all possible types of expressions.
  */
-export declare type QueryExpression = AllQueryExpression | ItemQueryExpression | AndExpression | OrExpression | SceneTreeRangeQueryExpression | PointQueryExpression | MetadataQueryExpression | AllSelectedQueryExpression;
+export declare type QueryExpression = AllQueryExpression | ItemQueryExpression | AndExpression | OrExpression | SceneTreeRangeQueryExpression | PointQueryExpression | VolumeIntersectionQueryExpression | MetadataQueryExpression | AllSelectedQueryExpression;
 /**
  * An interface that represents a query is "complete" and can be turned into an
  * expression.
@@ -66,6 +71,7 @@ export declare class RootQuery implements ItemQuery<SingleQuery> {
   withMetadata(filter: string, keys: string[], exactMatch: boolean): MetadataQuery;
   withSelected(): AllSelectedQuery;
   withPoint(point: Point.Point): PointQuery;
+  withVolumeIntersection(rectangle: Rectangle.Rectangle, exclusive?: boolean): VolumeIntersectionQuery;
 }
 export declare class AllQuery implements TerminalQuery {
   build(): QueryExpression;
@@ -90,6 +96,12 @@ export declare class PointQuery implements TerminalQuery {
   constructor(point: Point.Point);
   build(): PointQueryExpression;
 }
+export declare class VolumeIntersectionQuery implements TerminalQuery {
+  private rectangle;
+  private exclusive?;
+  constructor(rectangle: Rectangle.Rectangle, exclusive?: boolean | undefined);
+  build(): VolumeIntersectionQueryExpression;
+}
 export declare class BulkQuery implements TerminalQuery {
   private ids;
   private type;