@vertexvis/viewer 0.15.2-testing.3 → 0.15.2

package/dist/esm/templates-022199c1.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 function stampTemplate(template) {
   const fragment = template.content.cloneNode(true);

package/dist/esm/{utils-81347571.js → utils-2306c744.js}

@@ -1,7 +1,7 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
-import { p as point, l as line3 } from './bundle.esm-ce2c7ad3.js';
+import { p as point, l as line3 } from './bundle.esm-92e615bf.js';
 
 function translateWorldLineToViewport(line, params) {
   const { camera, viewport } = params;

package/dist/esm/{utils-559e1632.js → utils-f03802ef.js}

@@ -1,7 +1,7 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
-import { p as point, t as matrix, h as angle, i as rectangle } from './bundle.esm-ce2c7ad3.js';
+import { p as point, t as matrix, c as angle, e as rectangle } from './bundle.esm-92e615bf.js';
 
 function createArrowheadPoints(start, end, arrowAngle = 60) {
   const distance = point.distance(start, end);

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

@@ -1,12 +1,12 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26dfb2d0.js';
 import { c as classnames } from './index-e841d91b.js';
 import { d as debounceEvent, r as readDOM } from './stencil-bfbf099f.js';
-import { f as __assign, p as point } from './bundle.esm-ce2c7ad3.js';
+import { j as __assign, p as point } from './bundle.esm-92e615bf.js';
 import { i as isLoadedRow, a as getSceneTreeViewportHeight } from './dom-e19ee80b.js';
-import { E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
+import { E as EventDispatcher } from './browser.esm-07e7db8f.js';
 import './_commonjsHelpers-11ca3be1.js';
 
 const sceneTreeSearchCss = "button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}:host{--scene-tree-search-search-icon-offset:8px;--scene-tree-search-clear-button-offset:8px;--scene-tree-search-input-padding:0.5rem 32px;--scene-tree-search-input-border:none;--scene-tree-search-input-border-radius:0.25rem;--scene-tree-search-input-background:none;--scene-tree-search-focused-input-background:var(--neutral-200);--scene-tree-search-focused-input-outline:none;display:block;width:100%;font-size:0.875rem}.root{width:100%;position:relative}.input{background:var(--scene-tree-search-input-background);border:var(--scene-tree-search-input-border);border-radius:var(--scene-tree-search-input-border-radius);box-sizing:border-box;font-size:inherit;padding:var(--scene-tree-search-input-padding);outline:none;width:100%}.input.background{background:var(--scene-tree-search-focused-input-background);outline:var(--scene-tree-search-focused-input-outline)}.overlay{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay-clear{display:none;right:var(--scene-tree-search-clear-button-offset)}.overlay-clear.show{display:flex}.icon{color:var(--neutral-700)}.icon-search{position:absolute;left:var(--scene-tree-search-search-icon-offset);pointer-events:none}.clear-btn{display:flex;align-items:center;justify-content:center;pointer-events:initial;cursor:pointer}.clear-btn:hover{color:var(--neutral-800)}.clear-btn:disabled{pointer-events:none;opacity:0.5}";

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

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-26dfb2d0.js';
 import { c as classnames } from './index-e841d91b.js';

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

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, H as Host } from './index-26dfb2d0.js';
 

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

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, H as Host } from './index-26dfb2d0.js';
 

package/dist/esm/vertex-scene-tree-table-resize-divider.entry.js

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 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';

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

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { r as registerInstance, h, H as Host } from './index-26dfb2d0.js';
 

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

@@ -1,14 +1,16 @@
 /**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-26dfb2d0.js';
-import { o as __rest } from './bundle.esm-ce2c7ad3.js';
+import { o as __rest } from './bundle.esm-92e615bf.js';
 import { c as createCommonjsModule } from './_commonjsHelpers-11ca3be1.js';
 import { a as googleProtobuf, w as wrappers_pb, g as grpcWebClient_umd } from './grpc-web-client.umd-5409853c.js';
-import { p as parseConfig } from './config-49688db8.js';
-import { E as EventDispatcher } from './browser.esm-ae4ca1f1.js';
+import { p as parseConfig } from './config-25384fe6.js';
+import { E as EventDispatcher } from './browser.esm-07e7db8f.js';
+import { C as CustomError } from './errors-a4cc9caa.js';
 import { i as isLoadedRow, f as fromNodeProto, g as getSceneTreeContainsElement } from './dom-e19ee80b.js';
-import './streamAttributes-7e8565be.js';
+import './streamAttributes-23270e27.js';
+import './bundle.esm-91404853.js';
 import './entities-ce81dd7f.js';
 
 window.requestIdleCallback =
@@ -6698,7 +6700,7 @@ function isSceneTreeTableCellElement(el) {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-const SceneTreeError = ({ details }, children) => {
+const SceneTreeError$1 = ({ details }, children) => {
   return (h("div", { class: "error" },
     h("div", { class: "error-section error-message" },
       h("span", null, details.message),
@@ -6717,9 +6719,11 @@ var SceneTreeErrorCode;
   SceneTreeErrorCode[SceneTreeErrorCode["MISSING_VIEWER"] = 2] = "MISSING_VIEWER";
   SceneTreeErrorCode[SceneTreeErrorCode["DISCONNECTED"] = 3] = "DISCONNECTED";
   SceneTreeErrorCode[SceneTreeErrorCode["SUBSCRIPTION_FAILURE"] = 4] = "SUBSCRIPTION_FAILURE";
+  SceneTreeErrorCode[SceneTreeErrorCode["UNAUTHORIZED"] = 5] = "UNAUTHORIZED";
 })(SceneTreeErrorCode || (SceneTreeErrorCode = {}));
 class SceneTreeErrorDetails {
-  constructor(code, link) {
+  constructor(name, code, link) {
+    this.name = name;
     this.code = code;
     this.link = link;
     this.message = getSceneTreeErrorMessage(code);
@@ -6737,6 +6741,36 @@ function getSceneTreeErrorMessage(code) {
       return 'Disconnected from server.';
     case SceneTreeErrorCode.SUBSCRIPTION_FAILURE:
       return 'The tree was not able to receive subscription events';
+    case SceneTreeErrorCode.UNAUTHORIZED:
+      return 'The tree was unauthorized to connect to the server. The associated Viewer may not be connected.';
+  }
+}
+class SceneTreeError extends CustomError {
+  constructor(message, e) {
+    super(message, e);
+    // Allows for `instanceof` checks.
+    Object.setPrototypeOf(this, SceneTreeError.prototype);
+  }
+}
+class SceneTreeUnauthorizedError extends SceneTreeError {
+  constructor(message, e) {
+    super(message, e);
+    // Allows for `instanceof` checks.
+    Object.setPrototypeOf(this, SceneTreeUnauthorizedError.prototype);
+  }
+}
+class SceneTreeConnectionCancelledError extends SceneTreeError {
+  constructor(message, e) {
+    super(message, e);
+    // Allows for `instanceof` checks.
+    Object.setPrototypeOf(this, SceneTreeConnectionCancelledError.prototype);
+  }
+}
+class SceneTreeOperationFailedError extends SceneTreeError {
+  constructor(message, e) {
+    super(message, e);
+    // Allows for `instanceof` checks.
+    Object.setPrototypeOf(this, SceneTreeOperationFailedError.prototype);
   }
 }
 
@@ -6812,11 +6846,41 @@ class SceneTreeController {
   setDebugLogs(debugLogs) {
     this.debugLogs = debugLogs;
   }
+  async handleSubscriptionHandshakeTimeout(jwtProvider, sceneViewId) {
+    var _a;
+    const connection = this.getState().connection;
+    if (this.isConnectedState(connection) &&
+      ((_a = connection.subscriptionStatusState) === null || _a === void 0 ? void 0 : _a.attempt) != null &&
+      connection.subscriptionStatusState.attempt <
+        SceneTreeController.MAX_SUBSCRIPTION_RETRY_COUNT) {
+      const newAttempt = connection.subscriptionStatusState.attempt + 1;
+      console.warn(`Failed to subscribe within the allotted timeout. Retry attempt={${newAttempt}}`);
+      connection.subscriptionStatusState.stream.cancel();
+      this.clearHandshakeTimer();
+      const stream = await this.subscribe();
+      this.invalidatePage(0);
+      this.updateState(Object.assign(Object.assign({}, this.state), { connection: Object.assign(Object.assign({}, connection), { type: 'connected', subscriptionStatusState: {
+            attempt: newAttempt,
+            stream,
+          } }) }));
+      this.subscriptionHandshakeTimer = window.setTimeout(() => {
+        this.handleSubscriptionHandshakeTimeout(jwtProvider, sceneViewId);
+      }, this.connectOptions.subscriptionHandshakeGracePeriodInMs);
+    }
+    else {
+      this.updateState(Object.assign(Object.assign({}, this.state), { connection: {
+          type: 'failure',
+          jwtProvider,
+          sceneViewId,
+          details: new SceneTreeErrorDetails('SUBSCRIPTION_FAILURE', SceneTreeErrorCode.SUBSCRIPTION_FAILURE),
+        } }));
+    }
+  }
   async connect(jwtProvider) {
     const { connection } = this.state;
     const jwt = jwtProvider();
     if (jwt == null) {
-      throw new Error('Cannot connect scene tree. JWT is undefined');
+      throw new SceneTreeUnauthorizedError('Cannot connect scene tree. JWT is undefined');
     }
     const { view: sceneViewId } = decodeSceneTreeJwt(jwt);
     if (connection.sceneViewId !== sceneViewId) {
@@ -6833,28 +6897,35 @@ class SceneTreeController {
     this.updateState(Object.assign(Object.assign({}, this.state), { connection: connecting }));
     try {
       this.log('Scene tree controller connecting.');
-      await this.fetchPage(0);
+      const [, stream] = await Promise.all([
+        this.fetchPage(0),
+        this.subscribe(),
+      ]);
+      this.updateState(Object.assign(Object.assign({}, this.state), { connection: {
+          jwtProvider,
+          sceneViewId,
+          type: 'connected',
+          subscription: { dispose: () => stream.cancel() },
+          subscriptionStatusState: {
+            attempt: 0,
+            stream,
+          },
+        } }));
       this.subscriptionHandshakeTimer = window.setTimeout(() => {
+        this.handleSubscriptionHandshakeTimeout(jwtProvider, sceneViewId);
+      }, this.connectOptions.subscriptionHandshakeGracePeriodInMs);
+    }
+    catch (e) {
+      this.ifErrorIsFatal(e, () => {
         this.updateState(Object.assign(Object.assign({}, this.state), { connection: {
             type: 'failure',
             jwtProvider,
             sceneViewId,
-            details: new SceneTreeErrorDetails(SceneTreeErrorCode.SUBSCRIPTION_FAILURE),
+            details: this.getConnectionError(e),
           } }));
-      }, this.connectOptions.subscriptionHandshakeGracePeriodInMs);
-      const stream = await this.subscribe();
-      stream.on('end', () => this.startConnectionLostReconnectTimer());
-      this.updateState(Object.assign(Object.assign({}, this.state), { connection: Object.assign(Object.assign({}, connecting), { type: 'connected', subscription: { dispose: () => stream.cancel() } }) }));
-    }
-    catch (e) {
-      this.updateState(Object.assign(Object.assign({}, this.state), { connection: {
-          type: 'failure',
-          jwtProvider,
-          sceneViewId,
-          details: this.getConnectionError(e),
-        } }));
-      this.clearHandshakeTimer();
-      throw e;
+        this.clearHandshakeTimer();
+        throw e;
+      });
     }
     this.startIdleReconnectTimer();
     if (this.metadataKeys.length > 0) {
@@ -6895,7 +6966,9 @@ class SceneTreeController {
           await this.connect(() => viewer.token);
         }
         catch (e) {
-          console.error('Scene tree controller erred connecting.', e);
+          this.ifErrorIsFatal(e, () => {
+            console.error('Scene tree controller erred connecting.', e);
+          });
         }
       }
     };
@@ -6935,6 +7008,27 @@ class SceneTreeController {
       rows: reset ? [] : this.state.rows,
     });
   }
+  cancel() {
+    this.log(`Scene tree controller cancelled`);
+    this.clearHandshakeTimer();
+    this.clearReconnectTimer();
+    this.pages.clear();
+    this.activeRowRange = [];
+    const { connection } = this.state;
+    if (connection.type === 'connected') {
+      connection.subscription.dispose();
+    }
+    this.updateState({
+      connection: {
+        type: 'cancelled',
+        jwtProvider: connection.jwtProvider,
+        sceneViewId: connection.sceneViewId,
+      },
+      isSearching: false,
+      totalRows: 0,
+      rows: [],
+    });
+  }
   /**
    * Collapses a node with the given node ID.
    *
@@ -7000,7 +7094,7 @@ class SceneTreeController {
         await this.fetchUnloadedPagesInActiveRows();
       }
       if (locatedIndex == null) {
-        throw new Error('Cannot locate node. Location index is undefined.');
+        throw new SceneTreeOperationFailedError('Cannot locate node. Location index is undefined.');
       }
       return locatedIndex.value;
     });
@@ -7248,6 +7342,7 @@ class SceneTreeController {
       });
       stream.on('end', () => {
         this.invalidateAfterOffset(0);
+        this.startConnectionLostReconnectTimer();
       });
       return stream;
     });
@@ -7324,7 +7419,8 @@ class SceneTreeController {
       rows[this.activeRowRange[1]] == null);
   }
   updateState(newState) {
-    if (this.loadingTimer && !this.isViewLoading(newState.rows)) {
+    const updateLoadingTimer = this.loadingTimer && !this.isViewLoading(newState.rows);
+    if (updateLoadingTimer) {
       clearTimeout(this.loadingTimer);
       this.loadingTimer = undefined;
       this.state = Object.assign(Object.assign({}, newState), { shouldShowLoading: false });
@@ -7365,7 +7461,7 @@ class SceneTreeController {
           resolve(res);
         }
         else {
-          reject(new Error('Invalid response. Both error and result are null'));
+          reject(new SceneTreeError('Invalid response. Both error and result are null'));
         }
       });
     });
@@ -7387,24 +7483,38 @@ class SceneTreeController {
         return then(jwt);
       }
       else {
-        throw new Error('SceneTreeController cannot perform request. Viewer JWT is undefined.');
+        throw new SceneTreeUnauthorizedError('SceneTreeController cannot perform request. Viewer JWT is undefined.');
       }
     }
+    else if (connection.type === 'cancelled') {
+      throw new SceneTreeConnectionCancelledError(`Request attempted, but controller was cancelled`);
+    }
     else {
-      throw new Error('SceneTreeController is not in connected state');
+      throw new SceneTreeError('SceneTreeController is not in connected state');
+    }
+  }
+  ifErrorIsFatal(error, then) {
+    if (!(error instanceof SceneTreeConnectionCancelledError)) {
+      then();
     }
   }
   getConnectionError(e) {
     if (isGrpcServiceError(e)) {
       if (e.code === grpcWebClient_umd.grpc.Code.FailedPrecondition) {
-        return new SceneTreeErrorDetails(SceneTreeErrorCode.SCENE_TREE_DISABLED);
+        return new SceneTreeErrorDetails('SCENE_TREE_DISABLED', SceneTreeErrorCode.SCENE_TREE_DISABLED);
+      }
+      else if (e.code === grpcWebClient_umd.grpc.Code.Unauthenticated) {
+        return new SceneTreeErrorDetails('UNAUTHORIZED', SceneTreeErrorCode.UNAUTHORIZED);
       }
       else {
-        return new SceneTreeErrorDetails(SceneTreeErrorCode.UNKNOWN);
+        return new SceneTreeErrorDetails('UNKNOWN', SceneTreeErrorCode.UNKNOWN);
       }
     }
+    else if (e instanceof SceneTreeUnauthorizedError) {
+      return new SceneTreeErrorDetails('UNAUTHORIZED', SceneTreeErrorCode.UNAUTHORIZED);
+    }
     else {
-      return new SceneTreeErrorDetails(SceneTreeErrorCode.UNKNOWN);
+      return new SceneTreeErrorDetails('UNKNOWN', SceneTreeErrorCode.UNKNOWN);
     }
   }
   constrainPageRange(start, end) {
@@ -7424,9 +7534,13 @@ class SceneTreeController {
       console.debug(message, optionalParams);
     }
   }
+  isConnectedState(connection) {
+    return connection.type === 'connected';
+  }
 }
 SceneTreeController.IDLE_RECONNECT_IN_SECONDS = 4 * 60;
 SceneTreeController.LOST_CONNECTION_RECONNECT_IN_SECONDS = 2;
+SceneTreeController.MAX_SUBSCRIPTION_RETRY_COUNT = 2;
 
 async function showItem(viewer, id, { suppliedCorrelationId } = {}) {
   const scene = await viewer.scene();
@@ -7812,9 +7926,15 @@ const SceneTree = class {
    */
   async selectFilteredItems(term, options) {
     if (this.viewer != null) {
-      const columnsToSearch = this.metadataSearchKeys.length > 0
+      const definedMetadataKeys = this.metadataSearchKeys.length > 0
         ? this.metadataSearchKeys
         : this.metadataKeys;
+      if (definedMetadataKeys.length === 0) {
+        console.warn("No metadata keys were found to perform the selection. Defaulting to ['VERTEX_SCENE_ITEM_NAME']");
+      }
+      const columnsToSearch = definedMetadataKeys.length > 0
+        ? definedMetadataKeys
+        : ['VERTEX_SCENE_ITEM_NAME'];
       await selectFilterResults(this.viewer, term, columnsToSearch, this.metadataSearchExactMatch, Object.assign({ append: false }, options));
     }
   }
@@ -7834,8 +7954,9 @@ const SceneTree = class {
    * @ignore
    */
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
     (_a = this.stateMap.viewerDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
+    (_b = this.controller) === null || _b === void 0 ? void 0 : _b.cancel();
   }
   /**
    * @ignore
@@ -7869,7 +7990,7 @@ const SceneTree = class {
     this.stateMap.componentLoaded = true;
     (_a = this.controller) === null || _a === void 0 ? void 0 : _a.setMetadataKeys(this.metadataKeys);
     if (this.viewer == null) {
-      this.errorDetails = new SceneTreeErrorDetails(SceneTreeErrorCode.MISSING_VIEWER);
+      this.errorDetails = new SceneTreeErrorDetails('MISSING_VIEWER', SceneTreeErrorCode.MISSING_VIEWER);
     }
   }
   componentWillRender() {
@@ -7885,10 +8006,10 @@ const SceneTree = class {
   }
   renderError(details) {
     if (details.code !== SceneTreeErrorCode.SCENE_TREE_DISABLED) {
-      return (h(SceneTreeError, { details: details }, h("button", { class: "button button-secondary", onClick: () => this.retryConnectToViewer(), disabled: this.attemptingRetry }, "Retry")));
+      return (h(SceneTreeError$1, { details: details }, h("button", { class: "button button-secondary", onClick: () => this.retryConnectToViewer(), disabled: this.attemptingRetry }, "Retry")));
     }
     else {
-      return h(SceneTreeError, { details: details });
+      return h(SceneTreeError$1, { details: details });
     }
   }
   /**
@@ -7975,7 +8096,7 @@ const SceneTree = class {
       this.connectionError.emit(state.connection.details);
     }
     else if (state.connection.type === 'disconnected') {
-      this.errorDetails = new SceneTreeErrorDetails(SceneTreeErrorCode.DISCONNECTED);
+      this.errorDetails = new SceneTreeErrorDetails('DISCONNECTED', SceneTreeErrorCode.DISCONNECTED);
     }
     else {
       this.errorDetails = undefined;