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

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

@@ -9,10 +9,10 @@ const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const _commonjsHelpers = require('./_commonjsHelpers-dcc4cf71.js');
 const grpcWebClient_umd = require('./grpc-web-client.umd-2af20c1b.js');
-const config = require('./config-6e330a82.js');
+const config = require('./config-4a86ae0b.js');
 const browser_esm = require('./browser.esm-5d246754.js');
 const dom = require('./dom-92728e58.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-7725f5c4.js');
 require('./entities-9eb7e608.js');
 
 window.requestIdleCallback =

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const browser_esm = require('./browser.esm-5d246754.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-7725f5c4.js');
 require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
 require('./_commonjsHelpers-dcc4cf71.js');

package/dist/cjs/vertex-viewer-drag-select.cjs.entry.js

@@ -0,0 +1,177 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-70db349e.js');
+const index$1 = require('./index-b9d13137.js');
+const bundle_esm = require('./bundle.esm-22b6f2d6.js');
+const browser_esm = require('./browser.esm-5d246754.js');
+require('./_commonjsHelpers-dcc4cf71.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(bundle_esm.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(bundle_esm.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 browser_esm.EventDispatcher();
+    this.boundsChanged = new browser_esm.EventDispatcher();
+  }
+  updateStartPoint(point) {
+    this.dragStartPoint = point;
+  }
+  updateEndPoint(point) {
+    var _a;
+    this.dragEndPoint = point;
+    this.direction =
+      bundle_esm.point.subtract(point, (_a = this.dragStartPoint) !== null && _a !== void 0 ? _a : point).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 bundle_esm.rectangle.fromPoints(this.dragStartPoint, this.dragEndPoint);
+    }
+    return bundle_esm.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) {
+    index.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 (index.h(index.Host, null, index.h("vertex-viewer-layer", null, this.dragRect != null && (index.h("div", { class: index$1.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`,
+      } }, index.h("div", { class: index$1.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;
+
+exports.vertex_viewer_drag_select = ViewerDragSelect;

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

@@ -6,7 +6,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const streamAttributes = require('./streamAttributes-7725f5c4.js');
 require('./entities-9eb7e608.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const index$1 = require('./index-b9d13137.js');

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

@@ -9,9 +9,9 @@ const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const cursors = require('./cursors-85d403e9.js');
 const dom = require('./dom-8d90bfaf.js');
-require('./mapper-0f2294a6.js');
+require('./mapper-216603b0.js');
 require('./grpc-web-client.umd-2af20c1b.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const streamAttributes = require('./streamAttributes-7725f5c4.js');
 const model = require('./model-20a70d27.js');
 const overlays = require('./overlays-b03ec80b.js');
 const results = require('./results-178e89a3.js');

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

@@ -7,9 +7,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-require('./mapper-0f2294a6.js');
+require('./mapper-216603b0.js');
 require('./grpc-web-client.umd-2af20c1b.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-7725f5c4.js');
 const overlays = require('./overlays-b03ec80b.js');
 const utils = require('./utils-2c8e2aa3.js');
 require('./_commonjsHelpers-dcc4cf71.js');

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

@@ -6,11 +6,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
-const mapper = require('./mapper-0f2294a6.js');
+const mapper = require('./mapper-216603b0.js');
 const grpcWebClient_umd = require('./grpc-web-client.umd-2af20c1b.js');
-const config = require('./config-6e330a82.js');
-const entities = require('./entities-7b2e8c03.js');
-require('./streamAttributes-c64aee75.js');
+const config = require('./config-4a86ae0b.js');
+const entities = require('./entities-496b61cd.js');
+require('./streamAttributes-7725f5c4.js');
 const model = require('./model-20a70d27.js');
 const overlays = require('./overlays-b03ec80b.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 require('./cursors-85d403e9.js');
-require('./mapper-0f2294a6.js');
+require('./mapper-216603b0.js');
 require('./grpc-web-client.umd-2af20c1b.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-7725f5c4.js');
 require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
 const model = require('./model-b61f4d20.js');

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

@@ -11,7 +11,7 @@ const index$1 = require('./index-b9d13137.js');
 const stencil = require('./stencil-fc92b387.js');
 const browser_esm = require('./browser.esm-5d246754.js');
 const _commonjsHelpers = require('./_commonjsHelpers-dcc4cf71.js');
-require('./streamAttributes-c64aee75.js');
+require('./streamAttributes-7725f5c4.js');
 require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
 

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
 const stencil = require('./stencil-fc92b387.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const streamAttributes = require('./streamAttributes-7725f5c4.js');
 require('./entities-9eb7e608.js');
 const index$1 = require('./index-b9d13137.js');
 require('./browser.esm-5d246754.js');

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

@@ -7,13 +7,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70db349e.js');
 const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-const streamAttributes = require('./streamAttributes-c64aee75.js');
+const streamAttributes = require('./streamAttributes-7725f5c4.js');
 const browser_esm = require('./browser.esm-5d246754.js');
 const index$1 = require('./index-b9d13137.js');
-const config = require('./config-6e330a82.js');
+const config = require('./config-4a86ae0b.js');
 const cursors = require('./cursors-85d403e9.js');
 const dom = require('./dom-8d90bfaf.js');
-const scene = require('./scene-56438693.js');
+const scene = require('./scene-cb169b09.js');
 const entities = require('./entities-9eb7e608.js');
 const viewport = require('./viewport-5ca619f7.js');
 require('./_commonjsHelpers-dcc4cf71.js');

package/dist/cjs/viewer.cjs.js

@@ -74,5 +74,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 
 patchBrowser().then(options => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy([["vertex-viewer-pin-tool.cjs",[[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.cjs",[[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.cjs",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["vertex-viewer-markup.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["vertex-scene-tree-table-header.cjs",[[1,"vertex-scene-tree-table-header"]]],["vertex-scene-tree-table-resize-divider.cjs",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["vertex-scene-tree-toolbar-group.cjs",[[1,"vertex-scene-tree-toolbar-group"]]],["vertex-viewer.cjs",[[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.cjs",[[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.cjs",[[1,"vertex-viewer-transform-widget",{"viewer":[16],"position":[1040],"controller":[1040],"hovered":[1040]}]]],["vertex-viewer-pin-group.cjs",[[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.cjs",[[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.cjs",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["vertex-viewer-spinner.cjs",[[1,"vertex-viewer-spinner",{"size":[1]}]]],["vertex-viewer-icon.cjs",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["vertex-scene-tree-search_3.cjs",[[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.cjs",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["vertex-viewer-pin-label_2.cjs",[[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.cjs",[[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.cjs",[[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.cjs",[[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 index.bootstrapLazy(JSON.parse("[[\"vertex-viewer-pin-tool.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vertex-viewer-default-toolbar\",{\"viewer\":[16],\"placement\":[1],\"direction\":[1],\"animationsDisabled\":[4,\"animations-disabled\"],\"animationMs\":[2,\"animation-ms\"]}]]],[\"vertex-viewer-markup.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vertex-viewer-drag-select\",{\"viewer\":[16],\"controller\":[16],\"dragRect\":[32],\"dragDirection\":[32]}]]],[\"vertex-scene-tree-table-cell.cjs\",[[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.cjs\",[[1,\"vertex-scene-tree-table-column\",{\"initialWidth\":[2,\"initial-width\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"]}]]],[\"vertex-scene-tree-table-header.cjs\",[[1,\"vertex-scene-tree-table-header\"]]],[\"vertex-scene-tree-table-resize-divider.cjs\",[[1,\"vertex-scene-tree-table-resize-divider\",{\"dragging\":[32]}]]],[\"vertex-scene-tree-toolbar-group.cjs\",[[1,\"vertex-scene-tree-toolbar-group\"]]],[\"vertex-viewer.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vertex-viewer-transform-widget\",{\"viewer\":[16],\"position\":[1040],\"controller\":[1040],\"hovered\":[1040]}]]],[\"vertex-viewer-icon.cjs\",[[1,\"vertex-viewer-icon\",{\"name\":[1],\"size\":[1]}]]],[\"vertex-viewer-pin-group.cjs\",[[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.cjs\",[[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.cjs\",[[1,\"vertex-viewer-spinner\",{\"size\":[1]}]]],[\"vertex-scene-tree-search_3.cjs\",[[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.cjs\",[[1,\"vertex-viewer-layer\",{\"stretchOff\":[516,\"stretch-off\"]}]]],[\"vertex-viewer-button_3.cjs\",[[1,\"vertex-viewer-toolbar\",{\"placement\":[1],\"direction\":[1]}],[1,\"vertex-viewer-button\"],[1,\"vertex-viewer-toolbar-group\",{\"direction\":[1]}]]],[\"vertex-viewer-pin-label_2.cjs\",[[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.cjs\",[[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.cjs\",[[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.cjs\",[[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/collection/collection-manifest.json

@@ -24,6 +24,7 @@
     "./components/viewer-default-toolbar/viewer-default-toolbar.js",
     "./components/viewer-dom-element/viewer-dom-element.js",
     "./components/viewer-dom-group/viewer-dom-group.js",
+    "./components/viewer-drag-select/viewer-drag-select.js",
     "./components/viewer-layer/viewer-layer.js",
     "./components/viewer-markup/viewer-markup.js",
     "./components/viewer-measurement-details/viewer-measurement-details.js",

package/dist/collection/components/viewer-drag-select/controller.js

@@ -0,0 +1,18 @@
+export 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();
+  }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlci1kcmFnLXNlbGVjdC9jb250cm9sbGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sT0FBTywwQkFBMEI7RUFHckMsWUFDVSxNQUErQixFQUMvQixLQUE0QjtJQUQ1QixXQUFNLEdBQU4sTUFBTSxDQUF5QjtJQUMvQixVQUFLLEdBQUwsS0FBSyxDQUF1QjtJQUVwQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7RUFDNUUsQ0FBQztFQUVNLE9BQU87O0lBQ1osTUFBQSxJQUFJLENBQUMsaUJBQWlCLDBDQUFFLE9BQU8sRUFBRSxDQUFDO0VBQ3BDLENBQUM7RUFFTSxLQUFLLENBQUMsZ0JBQWdCLENBQUMsS0FBd0I7SUFDcEQsTUFBTSxLQUFLLEdBQUcsTUFBTSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBRXhDLE1BQU0sS0FBSztPQUNSLEtBQUssQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQ1osRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUNwRTtPQUNBLE9BQU8sRUFBRSxDQUFDO0VBQ2YsQ0FBQztDQUNGIn0=

package/dist/collection/components/viewer-drag-select/interaction-handler.js

@@ -0,0 +1,41 @@
+import { Point } from '@vertexvis/geometry';
+export 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);
+  }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb24taGFuZGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlci1kcmFnLXNlbGVjdC9pbnRlcmFjdGlvbi1oYW5kbGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQU01QyxNQUFNLE9BQU8sa0NBQWtDO0VBSTdDLFlBQ1UsTUFBK0IsRUFDL0IsZUFBc0M7SUFEdEMsV0FBTSxHQUFOLE1BQU0sQ0FBeUI7SUFDL0Isb0JBQWUsR0FBZixlQUFlLENBQXVCO0lBRTlDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0VBQ3JELENBQUM7RUFFTSxVQUFVLENBQUMsT0FBb0IsRUFBRSxHQUFtQjtJQUN6RCxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztJQUN2QixJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUVmLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztFQUNyRSxDQUFDO0VBRU0sT0FBTzs7SUFDWixNQUFBLElBQUksQ0FBQyxPQUFPLDBDQUFFLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDdkUsTUFBQSxJQUFJLENBQUMsT0FBTywwQ0FBRSxtQkFBbUIsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2xFLE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsbUJBQW1CLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztFQUNyRSxDQUFDO0VBRU8sZUFBZSxDQUFDLEtBQW1COztJQUN6QyxJQUFJLEtBQUssQ0FBQyxPQUFPLEtBQUssQ0FBQyxFQUFFO01BQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztNQUVuQyxJQUFJLENBQUMsZUFBZSxDQUFDLGdCQUFnQixDQUNuQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUMzQyxDQUFDO01BRUYsTUFBQSxJQUFJLENBQUMsT0FBTywwQ0FBRSxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO01BQy9ELE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUNqRTtFQUNILENBQUM7RUFFTyxVQUFVLENBQUMsS0FBbUI7SUFDcEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxjQUFjLENBQ2pDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQzNDLENBQUM7RUFDSixDQUFDO0VBRU8sYUFBYTs7SUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO0lBRWxDLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLENBQUM7SUFFN0IsTUFBQSxJQUFJLENBQUMsT0FBTywwQ0FBRSxtQkFBbUIsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2xFLE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsbUJBQW1CLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztFQUNyRSxDQUFDO0NBQ0YifQ==

package/dist/collection/components/viewer-drag-select/model.js

@@ -0,0 +1,49 @@
+import { Point, Rectangle } from '@vertexvis/geometry';
+import { EventDispatcher } from '@vertexvis/utils';
+export class ViewerDragSelectModel {
+  constructor() {
+    this.dragFinished = new EventDispatcher();
+    this.boundsChanged = new EventDispatcher();
+  }
+  updateStartPoint(point) {
+    this.dragStartPoint = point;
+  }
+  updateEndPoint(point) {
+    var _a;
+    this.dragEndPoint = point;
+    this.direction =
+      Point.subtract(point, (_a = this.dragStartPoint) !== null && _a !== void 0 ? _a : point).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';
+  }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3ZXItZHJhZy1zZWxlY3QvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQWMsZUFBZSxFQUFZLE1BQU0sa0JBQWtCLENBQUM7QUFjekUsTUFBTSxPQUFPLHFCQUFxQjtFQUFsQztJQUtVLGlCQUFZLEdBQUcsSUFBSSxlQUFlLEVBQXFCLENBQUM7SUFFeEQsa0JBQWEsR0FBRyxJQUFJLGVBQWUsRUFBc0IsQ0FBQztFQWtEcEUsQ0FBQztFQWhEUSxnQkFBZ0IsQ0FBQyxLQUFrQjtJQUN4QyxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztFQUM5QixDQUFDO0VBRU0sY0FBYyxDQUFDLEtBQWtCOztJQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUUxQixJQUFJLENBQUMsU0FBUztNQUNaLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLE1BQUEsSUFBSSxDQUFDLGNBQWMsbUNBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7UUFDdkQsQ0FBQyxDQUFDLE9BQU87UUFDVCxDQUFDLENBQUMsTUFBTSxDQUFDO0lBRWIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7TUFDdEIsU0FBUyxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUU7TUFDL0IsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtLQUNuQyxDQUFDLENBQUM7RUFDTCxDQUFDO0VBRU0sS0FBSztJQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO01BQ3JCLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFO01BQy9CLFNBQVMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7S0FDbkMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7SUFDaEMsSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7SUFFOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7RUFDOUIsQ0FBQztFQUVNLGNBQWMsQ0FBQyxRQUFxQztJQUN6RCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0VBQ3hDLENBQUM7RUFFTSxlQUFlLENBQUMsUUFBc0M7SUFDM0QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztFQUN6QyxDQUFDO0VBRU8sYUFBYTtJQUNuQixJQUFJLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxFQUFFO01BQzVELE9BQU8sU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztLQUNyRTtJQUNELE9BQU8sU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztFQUN0QyxDQUFDO0VBRU8sZ0JBQWdCOztJQUN0QixPQUFPLE1BQUEsSUFBSSxDQUFDLFNBQVMsbUNBQUksT0FBTyxDQUFDO0VBQ25DLENBQUM7Q0FDRiJ9

package/dist/collection/components/viewer-drag-select/viewer-drag-select.css

@@ -0,0 +1,36 @@
+: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);
+}