@vertexvis/viewer 0.15.2-canary.0 → 0.15.2-testing.0

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-d574c78c.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 =
@@ -6365,6 +6365,8 @@ SceneTreeAPI.GetAvailableColumns = {
   responseType: scene_tree_api_pb.GetAvailableColumnsResponse
 };
 
+var SceneTreeAPI_1 = SceneTreeAPI;
+
 function SceneTreeAPIClient(serviceHost, options) {
   this.serviceHost = serviceHost;
   this.options = options || {};
@@ -6741,6 +6743,14 @@ function getSceneTreeErrorMessage(code) {
 function isGrpcServiceError(err) {
   return typeof err.code === 'number' && err.hasOwnProperty('metadata');
 }
+function webSocketSubscriptionTransportFactory(options) {
+  if (options.methodDefinition.methodName === SceneTreeAPI_1.Subscribe.methodName) {
+    return grpcWebClient_umd.grpc.WebsocketTransport()(options);
+  }
+  else {
+    return grpcWebClient_umd.grpc.CrossBrowserHttpTransport({ withCredentials: false })(options);
+  }
+}
 
 function e(e){this.message=e;}e.prototype=new Error,e.prototype.name="InvalidCharacterError";var r="undefined"!=typeof window&&window.atob&&window.atob.bind(window)||function(r){var t=String(r).replace(/=+$/,"");if(t.length%4==1)throw new e("'atob' failed: The string to be decoded is not correctly encoded.");for(var n,o,a=0,i=0,c="";o=t.charAt(i++);~o&&(n=a%4?64*n+o:o,a++%4)?c+=String.fromCharCode(255&n>>(-2*a&6)):0)o="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".indexOf(o);return c};function t(e){var t=e.replace(/-/g,"+").replace(/_/g,"/");switch(t.length%4){case 0:break;case 2:t+="==";break;case 3:t+="=";break;default:throw "Illegal base64url string!"}try{return function(e){return decodeURIComponent(r(e).replace(/(.)/g,(function(e,r){var t=r.charCodeAt(0).toString(16).toUpperCase();return t.length<2&&(t="0"+t),"%"+t})))}(t)}catch(e){return r(t)}}function n(e){this.message=e;}function o(e,r){if("string"!=typeof e)throw new n("Invalid token specified");var o=!0===(r=r||{}).header?0:1;try{return JSON.parse(t(e.split(".")[o]))}catch(e){throw new n("Invalid token specified: "+e.message)}}n.prototype=new Error,n.prototype.name="InvalidTokenError";
 
@@ -7833,7 +7843,11 @@ const SceneTree = class {
   componentWillLoad() {
     if (this.controller == null) {
       const { sceneTreeHost } = this.getConfig().network;
-      const client = new SceneTreeAPIClient_1(sceneTreeHost);
+      const client = new SceneTreeAPIClient_1(sceneTreeHost, this.getConfig().flags.grpcUseStreamingWebSocketTransport
+        ? {
+          transport: webSocketSubscriptionTransportFactory,
+        }
+        : undefined);
       this.controller = new SceneTreeController(client, 100);
     }
     this.stateMap.onStateChangeDisposable = this.controller.onStateChange.on((state) => this.handleControllerStateChange(state));

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-drag-select.entry.js

@@ -0,0 +1,173 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import { r as registerInstance, h, H as Host } from './index-26dfb2d0.js';
+import { c as classnames } from './index-e841d91b.js';
+import { p as point, i as rectangle } from './bundle.esm-ce2c7ad3.js';
+import { E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
+import './_commonjsHelpers-11ca3be1.js';
+
+class ViewerDragSelectController {
+  constructor(viewer, model) {
+    this.viewer = viewer;
+    this.model = model;
+    this.dragEndDisposable = this.model.onDragFinished(this.selectFromBounds);
+  }
+  dispose() {
+    var _a;
+    (_a = this.dragEndDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+  }
+  async selectFromBounds(event) {
+    const scene = await this.viewer.scene();
+    await scene
+      .items((op) => op.where((q) => q.withVolumeIntersection(event.rectangle)).select())
+      .execute();
+  }
+}
+
+class ViewerDragSelectInteractionHandler {
+  constructor(viewer, dragSelectModel) {
+    this.viewer = viewer;
+    this.dragSelectModel = dragSelectModel;
+    this.handleDragBegin = this.handleDragBegin.bind(this);
+    this.handleDrag = this.handleDrag.bind(this);
+    this.handleDragEnd = this.handleDragEnd.bind(this);
+  }
+  initialize(element, api) {
+    this.element = element;
+    this.api = api;
+    this.element.addEventListener('pointerdown', this.handleDragBegin);
+  }
+  dispose() {
+    var _a, _b, _c;
+    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointerdown', this.handleDragBegin);
+    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointermove', this.handleDrag);
+    (_c = this.element) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerup', this.handleDragEnd);
+  }
+  handleDragBegin(event) {
+    var _a, _b;
+    if (event.buttons === 1) {
+      this.viewer.cameraControls = false;
+      this.dragSelectModel.updateStartPoint(point.create(event.offsetX, event.offsetY));
+      (_a = this.element) === null || _a === void 0 ? void 0 : _a.addEventListener('pointermove', this.handleDrag);
+      (_b = this.element) === null || _b === void 0 ? void 0 : _b.addEventListener('pointerup', this.handleDragEnd);
+    }
+  }
+  handleDrag(event) {
+    this.dragSelectModel.updateEndPoint(point.create(event.offsetX, event.offsetY));
+  }
+  handleDragEnd() {
+    var _a, _b;
+    this.viewer.cameraControls = true;
+    this.dragSelectModel.clear();
+    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointermove', this.handleDrag);
+    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerup', this.handleDragEnd);
+  }
+}
+
+class ViewerDragSelectModel {
+  constructor() {
+    this.dragFinished = new EventDispatcher();
+    this.boundsChanged = new EventDispatcher();
+  }
+  updateStartPoint(point) {
+    this.dragStartPoint = point;
+  }
+  updateEndPoint(point$1) {
+    var _a;
+    this.dragEndPoint = point$1;
+    this.direction =
+      point.subtract(point$1, (_a = this.dragStartPoint) !== null && _a !== void 0 ? _a : point$1).x > 0
+        ? 'right'
+        : 'left';
+    this.boundsChanged.emit({
+      rectangle: this.getDragBounds(),
+      direction: this.getDragDirection(),
+    });
+  }
+  clear() {
+    this.dragFinished.emit({
+      rectangle: this.getDragBounds(),
+      direction: this.getDragDirection(),
+    });
+    this.dragStartPoint = undefined;
+    this.dragEndPoint = undefined;
+    this.boundsChanged.emit({});
+  }
+  onDragFinished(listener) {
+    return this.dragFinished.on(listener);
+  }
+  onBoundsChanged(listener) {
+    return this.boundsChanged.on(listener);
+  }
+  getDragBounds() {
+    if (this.dragStartPoint != null && this.dragEndPoint != null) {
+      return rectangle.fromPoints(this.dragStartPoint, this.dragEndPoint);
+    }
+    return rectangle.create(0, 0, 0, 0);
+  }
+  getDragDirection() {
+    var _a;
+    return (_a = this.direction) !== null && _a !== void 0 ? _a : 'right';
+  }
+}
+
+const viewerDragSelectCss = ":host{--viewer-drag-select-outline-exclusive-border-color:#5555ff;--viewer-drag-select-outline-exclusive-border-style:solid;--viewer-drag-select-outline-exclusive-fill-color:blue;--viewer-drag-select-outline-inclusive-border-color:#ff5555;--viewer-drag-select-outline-inclusive-border-style:dashed;--viewer-drag-select-outline-inclusive-fill-color:red;--viewer-drag-select-outline-fill-opacity:0.1}.outline{position:absolute}.outline.exclusive{border:3px var(--viewer-drag-select-outline-exclusive-border-style) var(--viewer-drag-select-outline-exclusive-border-color)}.outline.inclusive{border:3px var(--viewer-drag-select-outline-inclusive-border-style) var(--viewer-drag-select-outline-inclusive-border-color)}.fill{position:relative;width:100%;height:100%;opacity:var(--viewer-drag-select-outline-fill-opacity)}.fill.exclusive{background-color:var(--viewer-drag-select-outline-exclusive-fill-color)}.fill.inclusive{background-color:var(--viewer-drag-select-outline-inclusive-fill-color)}";
+
+const ViewerDragSelect = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.handleBoundsChanged = this.handleBoundsChanged.bind(this);
+  }
+  componentWillLoad() {
+    this.interactionModel = new ViewerDragSelectModel();
+    this.interactionModel.onBoundsChanged(this.handleBoundsChanged);
+    this.handleViewerChanged(this.viewer);
+  }
+  /**
+   * @ignore
+   */
+  handleViewerChanged(newViewer) {
+    this.deregisterInteractionHandler();
+    if ((newViewer === null || newViewer === void 0 ? void 0 : newViewer.stream) != null) {
+      this.registerInteractionHandler(newViewer);
+      this.controller = new ViewerDragSelectController(newViewer, this.interactionModel);
+    }
+  }
+  /**
+   * @ignore
+   */
+  render() {
+    return (h(Host, null, h("vertex-viewer-layer", null, this.dragRect != null && (h("div", { class: classnames('outline', {
+        exclusive: this.dragDirection === 'right',
+        inclusive: this.dragDirection === 'left',
+      }), style: {
+        left: `${this.dragRect.x}px`,
+        top: `${this.dragRect.y}px`,
+        width: `${this.dragRect.width}px`,
+        height: `${this.dragRect.height}px`,
+      } }, h("div", { class: classnames('fill', {
+        exclusive: this.dragDirection === 'right',
+        inclusive: this.dragDirection === 'left',
+      }) }))))));
+  }
+  handleBoundsChanged(event) {
+    this.dragRect = event.rectangle;
+    this.dragDirection = event.direction;
+  }
+  registerInteractionHandler(viewer) {
+    this.interactionHandler = new ViewerDragSelectInteractionHandler(viewer, this.interactionModel);
+    viewer.registerInteractionHandler(this.interactionHandler);
+  }
+  deregisterInteractionHandler() {
+    var _a;
+    (_a = this.interactionHandler) === null || _a === void 0 ? void 0 : _a.dispose();
+    this.interactionHandler = undefined;
+  }
+  static get watchers() { return {
+    "viewer": ["handleViewerChanged"]
+  }; }
+};
+ViewerDragSelect.style = viewerDragSelectCss;
+
+export { ViewerDragSelect as vertex_viewer_drag_select };

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-d574c78c.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-d574c78c.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-6f98b0dd.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([["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-drag-select",[[1,"vertex-viewer-drag-select",{"viewer":[16],"controller":[16],"dragRect":[32],"dragDirection":[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/scene-tree/lib/grpc.d.ts

@@ -1,2 +1,4 @@
+import { Transport, TransportOptions } from '@improbable-eng/grpc-web/dist/typings/transports/Transport';
 import { ServiceError } from '@vertexvis/scene-tree-protos/scenetree/protos/scene_tree_api_pb_service';
 export declare function isGrpcServiceError(err: any): err is ServiceError;
+export declare function webSocketSubscriptionTransportFactory(options: TransportOptions): Transport;

package/dist/types/components/viewer-drag-select/controller.d.ts

@@ -0,0 +1,9 @@
+import { DragFinishedEvent, ViewerDragSelectModel } from './model';
+export declare class ViewerDragSelectController {
+  private viewer;
+  private model;
+  private dragEndDisposable?;
+  constructor(viewer: HTMLVertexViewerElement, model: ViewerDragSelectModel);
+  dispose(): void;
+  selectFromBounds(event: DragFinishedEvent): Promise<void>;
+}

package/dist/types/components/viewer-drag-select/interaction-handler.d.ts

@@ -0,0 +1,15 @@
+import { InteractionApi } from '../../lib/interactions';
+import { InteractionHandler } from '../../lib/interactions/interactionHandler';
+import { ViewerDragSelectModel } from './model';
+export declare class ViewerDragSelectInteractionHandler implements InteractionHandler {
+  private viewer;
+  private dragSelectModel;
+  private element?;
+  private api?;
+  constructor(viewer: HTMLVertexViewerElement, dragSelectModel: ViewerDragSelectModel);
+  initialize(element: HTMLElement, api: InteractionApi): void;
+  dispose(): void;
+  private handleDragBegin;
+  private handleDrag;
+  private handleDragEnd;
+}

package/dist/types/components/viewer-drag-select/model.d.ts

@@ -0,0 +1,25 @@
+import { Point, Rectangle } from '@vertexvis/geometry';
+import { Disposable, Listener } from '@vertexvis/utils';
+export declare type ViewerDragSelectDirection = 'left' | 'right';
+export interface BoundsChangedEvent {
+  rectangle?: Rectangle.Rectangle;
+  direction?: ViewerDragSelectDirection;
+}
+export interface DragFinishedEvent {
+  rectangle: Rectangle.Rectangle;
+  direction: ViewerDragSelectDirection;
+}
+export declare class ViewerDragSelectModel {
+  private dragStartPoint?;
+  private dragEndPoint?;
+  private direction?;
+  private dragFinished;
+  private boundsChanged;
+  updateStartPoint(point: Point.Point): void;
+  updateEndPoint(point: Point.Point): void;
+  clear(): void;
+  onDragFinished(listener: Listener<DragFinishedEvent>): Disposable;
+  onBoundsChanged(listener: Listener<BoundsChangedEvent>): Disposable;
+  private getDragBounds;
+  private getDragDirection;
+}

package/dist/types/components/viewer-drag-select/viewer-drag-select.d.ts

@@ -0,0 +1,27 @@
+import { h } from '../../stencil-public-runtime';
+import { ViewerDragSelectController } from './controller';
+export declare class ViewerDragSelect {
+  /**
+   * 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;
+  controller?: ViewerDragSelectController;
+  private dragRect?;
+  private dragDirection?;
+  private interactionModel;
+  private interactionHandler?;
+  constructor();
+  componentWillLoad(): void;
+  /**
+   * @ignore
+   */
+  protected handleViewerChanged(newViewer?: HTMLVertexViewerElement): void;
+  /**
+   * @ignore
+   */
+  protected render(): h.JSX.IntrinsicElements;
+  private handleBoundsChanged;
+  private registerInteractionHandler;
+  private deregisterInteractionHandler;
+}

package/dist/types/components.d.ts

@@ -36,6 +36,7 @@ import { Scene } from "./lib/scenes/scene";
 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";
+import { ViewerDragSelectController } from "./components/viewer-drag-select/controller";
 import { ViewerIconName, ViewerIconSize } from "./components/viewer-icon/viewer-icon";
 import { ViewerMarkupToolType } from "./components/viewer-markup-tool/viewer-markup-tool";
 import { Markup } from "./lib/types/markup";
@@ -599,6 +600,13 @@ export namespace Components {
          */
         "viewer"?: HTMLVertexViewerElement;
     }
+    interface VertexViewerDragSelect {
+        "controller"?: ViewerDragSelectController;
+        /**
+          * 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 VertexViewerIcon {
         /**
           * The name of the icon to render.
@@ -1274,6 +1282,12 @@ declare global {
         prototype: HTMLVertexViewerDomRendererElement;
         new (): HTMLVertexViewerDomRendererElement;
     };
+    interface HTMLVertexViewerDragSelectElement extends Components.VertexViewerDragSelect, HTMLStencilElement {
+    }
+    var HTMLVertexViewerDragSelectElement: {
+        prototype: HTMLVertexViewerDragSelectElement;
+        new (): HTMLVertexViewerDragSelectElement;
+    };
     interface HTMLVertexViewerIconElement extends Components.VertexViewerIcon, HTMLStencilElement {
     }
     var HTMLVertexViewerIconElement: {
@@ -1416,6 +1430,7 @@ declare global {
         "vertex-viewer-dom-element": HTMLVertexViewerDomElementElement;
         "vertex-viewer-dom-group": HTMLVertexViewerDomGroupElement;
         "vertex-viewer-dom-renderer": HTMLVertexViewerDomRendererElement;
+        "vertex-viewer-drag-select": HTMLVertexViewerDragSelectElement;
         "vertex-viewer-icon": HTMLVertexViewerIconElement;
         "vertex-viewer-layer": HTMLVertexViewerLayerElement;
         "vertex-viewer-markup": HTMLVertexViewerMarkupElement;
@@ -1867,6 +1882,13 @@ declare namespace LocalJSX {
          */
         "viewer"?: HTMLVertexViewerElement;
     }
+    interface VertexViewerDragSelect {
+        "controller"?: ViewerDragSelectController;
+        /**
+          * 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 VertexViewerIcon {
         /**
           * The name of the icon to render.
@@ -2438,6 +2460,7 @@ declare namespace LocalJSX {
         "vertex-viewer-dom-element": VertexViewerDomElement;
         "vertex-viewer-dom-group": VertexViewerDomGroup;
         "vertex-viewer-dom-renderer": VertexViewerDomRenderer;
+        "vertex-viewer-drag-select": VertexViewerDragSelect;
         "vertex-viewer-icon": VertexViewerIcon;
         "vertex-viewer-layer": VertexViewerLayer;
         "vertex-viewer-markup": VertexViewerMarkup;
@@ -2480,6 +2503,7 @@ declare module "@stencil/core" {
             "vertex-viewer-dom-element": LocalJSX.VertexViewerDomElement & JSXBase.HTMLAttributes<HTMLVertexViewerDomElementElement>;
             "vertex-viewer-dom-group": LocalJSX.VertexViewerDomGroup & JSXBase.HTMLAttributes<HTMLVertexViewerDomGroupElement>;
             "vertex-viewer-dom-renderer": LocalJSX.VertexViewerDomRenderer & JSXBase.HTMLAttributes<HTMLVertexViewerDomRendererElement>;
+            "vertex-viewer-drag-select": LocalJSX.VertexViewerDragSelect & JSXBase.HTMLAttributes<HTMLVertexViewerDragSelectElement>;
             "vertex-viewer-icon": LocalJSX.VertexViewerIcon & JSXBase.HTMLAttributes<HTMLVertexViewerIconElement>;
             "vertex-viewer-layer": LocalJSX.VertexViewerLayer & JSXBase.HTMLAttributes<HTMLVertexViewerLayerElement>;
             "vertex-viewer-markup": LocalJSX.VertexViewerMarkup & JSXBase.HTMLAttributes<HTMLVertexViewerMarkupElement>;

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,14 @@ interface PointQueryExpression {
   type: 'point';
   point: Point.Point;
 }
+interface VolumeIntersectionQueryExpression {
+  type: 'volume-intersection';
+  rectangle: Rectangle.Rectangle;
+}
 /**
  * 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 +70,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): VolumeIntersectionQuery;
 }
 export declare class AllQuery implements TerminalQuery {
   build(): QueryExpression;
@@ -90,6 +95,11 @@ export declare class PointQuery implements TerminalQuery {
   constructor(point: Point.Point);
   build(): PointQueryExpression;
 }
+export declare class VolumeIntersectionQuery implements TerminalQuery {
+  private rectangle;
+  constructor(rectangle: Rectangle.Rectangle);
+  build(): VolumeIntersectionQueryExpression;
+}
 export declare class BulkQuery implements TerminalQuery {
   private ids;
   private type;

package/dist/types/lib/types/flags.d.ts

@@ -22,7 +22,13 @@ declare type Flag =
  * are larger than the supported maximum image size (1080p). By default
  * this option is disabled, and images will be scaled up to match the host.
  */
- | 'letterboxFrames';
+ | 'letterboxFrames'
+/**
+ * Enables or disables the use of the `grpc.WebsocketTransport` for streaming
+ * RPCs. By default this transport will be used, and streaming messages will
+ * be sent over WebSocket.
+ */
+ | 'grpcUseStreamingWebSocketTransport';
 /**
  * A set of experimental features that can be enabled through the viewer's
  * config.