@vertexvis/viewer 0.12.0-canary.6 → 0.12.0

package/dist/cjs/_commonjsHelpers-537d719a.js

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

package/dist/cjs/{browser.esm-d86ca733.js → browser.esm-31b03292.js}

@@ -1,9 +1,32 @@
 /**!
- * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
-const bundle_esm = require('./bundle.esm-6b7736ee.js');
+const bundle_esm = require('./bundle.esm-dc0a8361.js');
+
+/**
+ * Adds a listener to the given `target`, and returns a promise that
+ * resolves with the first event emitted of the given `type`.
+ *
+ * @param target The target to add an event listener to.
+ * @param type The event type to listen for.
+ * @param opts Options to pass to `addEventListener`.
+ * @returns A promise that resolves with the first event emitted of `type`.
+ */
+function once(target, type, opts) {
+    return bundle_esm.__awaiter(this, void 0, void 0, function () {
+        return bundle_esm.__generator(this, function (_a) {
+            return [2 /*return*/, new Promise(function (resolve) {
+                    function handler(event) {
+                        target.removeEventListener(type, handler);
+                        resolve(event);
+                    }
+                    target.addEventListener(type, handler, opts);
+                })];
+        });
+    });
+}
 
 function delay() {
     var args = [];
@@ -37,28 +60,132 @@ function timeout() {
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
-    var ms = args[0];
-    if (typeof ms === 'number') {
-        var promise = args[1];
-        var timeout_1 = new Promise(function (_, reject) {
-            return setTimeout(function () { return reject(new Error("Promise timed out after " + ms + "ms")); }, ms);
+    return bundle_esm.__awaiter(this, void 0, void 0, function () {
+        var ms, promise, timer_1, timeout_1, res;
+        return bundle_esm.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    ms = args[0];
+                    if (!(typeof ms === 'number')) return [3 /*break*/, 4];
+                    promise = args[1];
+                    timeout_1 = new Promise(function (_, reject) {
+                        timer_1 = setTimeout(function () { return reject(new Error("Promise timed out after ".concat(ms, "ms"))); }, ms);
+                    });
+                    if (!(promise != null)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, Promise.race([promise, timeout_1])];
+                case 1:
+                    res = _a.sent();
+                    clearTimeout(timer_1);
+                    return [2 /*return*/, res];
+                case 2: return [2 /*return*/, timeout_1];
+                case 3: return [3 /*break*/, 5];
+                case 4: return [2 /*return*/, Promise.reject('First argument to `timeout` must be a number')];
+                case 5: return [2 /*return*/];
+            }
         });
-        if (promise != null) {
-            return Promise.race([promise, timeout_1]);
-        }
-        else {
-            return timeout_1;
+    });
+}
+/**
+ * Executes and reattempts execution of an asynchronous function if it throws an
+ * error. By default, this function will only retry once and reexecute
+ * immediately after the previous execution throws. You can configure the number
+ * of retry attempts and delays with the `maxRetries` and `delaysInMs` options.
+ *
+ * The `delaysInMs` is an array of delays in milliseconds for each retry
+ * attempt. If there are more retry attempts than delays, the last delay will be
+ * used.
+ *
+ * @param process The process to execute.
+ * @param opts Options to configure retry behavior.
+ * @returns A promise that resolves with a successful value, or the original
+ *  rejected value if the process fails.
+ */
+function retry(process, opts) {
+    if (opts === void 0) { opts = {}; }
+    return bundle_esm.__awaiter(this, void 0, void 0, function () {
+        function execute(attempt, process, opts) {
+            return bundle_esm.__awaiter(this, void 0, void 0, function () {
+                var _a, delaysInMs, _b, maxRetries, delayInMs, e_1;
+                return bundle_esm.__generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            _a = opts.delaysInMs, delaysInMs = _a === void 0 ? [] : _a, _b = opts.maxRetries, maxRetries = _b === void 0 ? 1 : _b;
+                            _c.label = 1;
+                        case 1:
+                            _c.trys.push([1, 4, , 8]);
+                            delayInMs = attempt === 0 || delaysInMs.length === 0
+                                ? 0
+                                : delaysInMs[Math.min(attempt - 1, delaysInMs.length - 1)];
+                            return [4 /*yield*/, delay(delayInMs)];
+                        case 2:
+                            _c.sent();
+                            return [4 /*yield*/, process()];
+                        case 3: return [2 /*return*/, _c.sent()];
+                        case 4:
+                            e_1 = _c.sent();
+                            if (!(attempt < maxRetries)) return [3 /*break*/, 6];
+                            return [4 /*yield*/, execute(attempt + 1, process, opts)];
+                        case 5: return [2 /*return*/, _c.sent()];
+                        case 6: throw e_1;
+                        case 7: return [3 /*break*/, 8];
+                        case 8: return [2 /*return*/];
+                    }
+                });
+            });
         }
+        return bundle_esm.__generator(this, function (_a) {
+            return [2 /*return*/, execute(0, process, opts)];
+        });
+    });
+}
+/**
+ * Returns a promise that either resolves with the result of `promise`, or a
+ * value that indicates the execution was aborted.
+ *
+ * **Note:** Because Promises in JS cannot be canceled, an abort signal will not
+ * cancel the execution of the promise.
+ *
+ * @param signal A signal that communicates the process should be aborted.
+ * @param promise A promise who's value will be returned if not aborted.
+ * @returns A value indicating if the process was aborted, or the value of
+ * `promise`.
+ */
+function abort(signal, promise) {
+    return bundle_esm.__awaiter(this, void 0, void 0, function () {
+        var controller, pendingAbort, result;
+        return bundle_esm.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    controller = new AbortController();
+                    pendingAbort = once(signal, 'abort', { signal: controller.signal });
+                    return [4 /*yield*/, Promise.race([promise, pendingAbort])];
+                case 1:
+                    result = _a.sent();
+                    if (isAbortEvent(result)) {
+                        return [2 /*return*/, { aborted: true }];
+                    }
+                    else {
+                        controller.abort();
+                        return [2 /*return*/, { aborted: false, result: result }];
+                    }
+            }
+        });
+    });
+}
+function isAbortEvent(obj) {
+    if (obj instanceof Event) {
+        return obj.type === 'abort';
     }
-    else {
-        return Promise.reject('First argument to `timeout` must be a number');
-    }
+    else
+        return false;
 }
 
 var async = /*#__PURE__*/Object.freeze({
   __proto__: null,
   delay: delay,
-  timeout: timeout
+  timeout: timeout,
+  retry: retry,
+  abort: abort
 });
 
 var rgbRegex = /rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/;
@@ -135,7 +262,7 @@ var isOpaque = function (color) {
  * `#`.
  */
 var toHexString = function (color) {
-    return "#" + componentToHex(color.r) + componentToHex(color.g) + componentToHex(color.b);
+    return "#".concat(componentToHex(color.r)).concat(componentToHex(color.g)).concat(componentToHex(color.b));
 };
 var componentToHex = function (num) {
     var hex = num.toString(16);
@@ -230,8 +357,9 @@ var color = /*#__PURE__*/Object.freeze({
 var MapperValidationError = /** @class */ (function (_super) {
     bundle_esm.__extends(MapperValidationError, _super);
     function MapperValidationError(errors) {
-        var _this = _super.call(this, 'Validation error while mapping object.') || this;
+        var _this = _super.call(this, 'Validation error mapping object.') || this;
         _this.errors = errors;
+        Object.setPrototypeOf(_this, MapperValidationError.prototype);
         return _this;
     }
     return MapperValidationError;
@@ -247,7 +375,7 @@ function required(name) {
             return input;
         }
         else {
-            return { errors: [name + " is required."] };
+            return { errors: ["".concat(name, " is required.")] };
         }
     };
 }
@@ -265,7 +393,7 @@ function requiredProp(prop) {
             return value;
         }
         else {
-            return { errors: [prop + " is required"] };
+            return { errors: ["".concat(prop, " is required")] };
         }
     };
 }
@@ -2598,7 +2726,7 @@ var isEqual = function (a, b) {
         queryA === queryB);
 };
 var replacePath = function (path, uri) {
-    var pathWithForwardSlash = path[0] === '/' ? path : "/" + path;
+    var pathWithForwardSlash = path[0] === '/' ? path : "/".concat(path);
     return bundle_esm.__assign(bundle_esm.__assign({}, uri), { path: pathWithForwardSlash });
 };
 var pathAsArray = function (uri) {
@@ -2674,17 +2802,17 @@ var queryAsMap = function (uri) {
 var toString = function (uri) {
     var result = '';
     if (uri.scheme != null && uri.scheme.length > 0) {
-        result = uri.scheme + ":";
+        result = "".concat(uri.scheme, ":");
     }
     if (uri.authority != null && uri.authority.length > 0) {
-        result += "//" + uri.authority;
+        result += "//".concat(uri.authority);
     }
     result += uri.path;
     if (uri.query != null && uri.query.length > 0) {
-        result += "?" + uri.query;
+        result += "?".concat(uri.query);
     }
     if (uri.fragment != null && uri.fragment.length > 0) {
-        result += "#" + uri.fragment;
+        result += "#".concat(uri.fragment);
     }
     return result;
 };
@@ -2878,10 +3006,50 @@ var EventDispatcher = /** @class */ (function () {
     function EventDispatcher() {
         this.listeners = [];
     }
-    EventDispatcher.prototype.on = function (listener) {
+    EventDispatcher.prototype.on = function (listener, opts) {
         var _this = this;
+        var _a;
+        if (opts === void 0) { opts = {}; }
         this.listeners.push(listener);
-        return { dispose: function () { return _this.off(listener); } };
+        var controller = new AbortController();
+        controller.signal.addEventListener('abort', function () { return _this.off(listener); });
+        (_a = opts.abort) === null || _a === void 0 ? void 0 : _a.addEventListener('abort', function () { return controller.abort(); });
+        return { dispose: function () { return controller.abort(); } };
+    };
+    EventDispatcher.prototype.once = function (opts) {
+        var _this = this;
+        if (opts === void 0) { opts = {}; }
+        return new Promise(function (resolve) {
+            _this.on(function (event) { return resolve(event); }, opts);
+        });
+    };
+    EventDispatcher.prototype.onceWhen = function (predicate, opts) {
+        var _a;
+        if (opts === void 0) { opts = {}; }
+        return bundle_esm.__awaiter(this, void 0, void 0, function () {
+            var controller;
+            var _this = this;
+            return bundle_esm.__generator(this, function (_b) {
+                controller = new AbortController();
+                (_a = opts.abort) === null || _a === void 0 ? void 0 : _a.addEventListener('abort', function () { return controller.abort(); });
+                return [2 /*return*/, new Promise(function (resolve) {
+                        _this.when(predicate, function (event) {
+                            if (predicate(event)) {
+                                controller.abort();
+                                resolve(event);
+                            }
+                        }, bundle_esm.__assign(bundle_esm.__assign({}, opts), { abort: controller.signal }));
+                    })];
+            });
+        });
+    };
+    EventDispatcher.prototype.when = function (predicate, listener, opts) {
+        if (opts === void 0) { opts = {}; }
+        return this.on(function (event) {
+            if (predicate(event)) {
+                listener(event);
+            }
+        }, opts);
     };
     EventDispatcher.prototype.off = function (listener) {
         var index = this.listeners.indexOf(listener);

package/dist/cjs/{bundle.esm-6b7736ee.js → bundle.esm-dc0a8361.js}

@@ -1,5 +1,5 @@
 /**!
- * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
@@ -368,13 +368,14 @@ function makeTranslation(translation) {
  * Creates a rotation matrix.
  *
  * ```
- * 1-2y²-2z²,    2xy+2zw,    2xz-2yw,    0,
- * 2xy-2zw,      1-2x²-2z²,  2yz+2xw,    0,
- * 2xz+2yw,      2yz-2xw,    1-2x²-2y²,  0,
+ * 1-2y²-2z²,    2xy-2zw,    2xz+2yw,    0,
+ * 2xy+2zw,      1-2x²-2z²,  2yz-2xw,    0,
+ * 2xz-2yw,      2yz+2xw,    1-2x²-2y²,  0,
  * 0,            0,          0,          1,
  * ```
  *
  * @param rotation A quaternion representing the rotation.
+ * @see https://en.wikipedia.org/wiki/Rotation_matrix#Quaternion
  * @returns A rotation matrix.
  */
 function makeRotation(rotation) {
@@ -385,9 +386,9 @@ function makeRotation(rotation) {
     var wx = w * x2, wy = w * y2, wz = w * z2;
     /* eslint-disable prettier/prettier */
     return [
-        1 - (yy + zz), xy - wz, xz + wy, 0,
-        xy + wz, 1 - (xx + zz), yz - wx, 0,
-        xz - wy, yz + wx, 1 - (xx + yy), 0,
+        1 - (yy + zz), xy + wz, xz - wy, 0,
+        xy - wz, 1 - (xx + zz), yz + wx, 0,
+        xz + wy, yz - wx, 1 - (xx + yy), 0,
         0, 0, 0, 1
     ];
     /* eslint-enable prettier/prettier */
@@ -2004,7 +2005,7 @@ function intersectLine(plane, line) {
         return undefined;
     }
     else {
-        return add(line.start, scale$2(t, direction$1));
+        return add(scale$2(t, direction$1), line.start);
     }
 }
 /**

package/dist/cjs/{config-65a5ad9b.js → config-acd7cea9.js}

@@ -1,17 +1,14 @@
 /**!
- * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
-const browser_esm = require('./browser.esm-d86ca733.js');
-require('./streamAttributes-32d5c2be.js');
+const browser_esm = require('./browser.esm-31b03292.js');
+require('./streamAttributes-9d6226ac.js');
 
-const defaultFlags = {
-  throttleFrameDelivery: true,
-  adaptiveRendering: true,
-  logWsMessages: false,
-  logFrameRate: false,
-  letterboxFrames: false,
+const DEFAULT_ANIMATION_DURATION = 500;
+const defaultAnimationConfig = {
+  durationMs: DEFAULT_ANIMATION_DURATION,
 };
 
 const defaultEventConfig = {
@@ -19,9 +16,12 @@ const defaultEventConfig = {
   longPressThreshold: 500,
 };
 
-const DEFAULT_ANIMATION_DURATION = 500;
-const defaultAnimationConfig = {
-  durationMs: DEFAULT_ANIMATION_DURATION,
+const defaultFlags = {
+  throttleFrameDelivery: true,
+  adaptiveRendering: true,
+  logWsMessages: false,
+  logFrameRate: false,
+  letterboxFrames: false,
 };
 
 const defaultInteractionConfig = {

package/dist/cjs/controller-8cbcdd8d.js

@@ -0,0 +1,145 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+'use strict';
+
+const model = require('./model-18ef3363.js');
+const grpcWebClient_umd = require('./grpc-web-client.umd-60a79aae.js');
+
+function requestUnary(caller) {
+  return new Promise((resolve, reject) => {
+    caller((err, res) => {
+      if (err != null) {
+        reject(err);
+      }
+      else if (res != null) {
+        resolve(res);
+      }
+      else {
+        reject(new Error('Invalid gRPC response. Error and result are empty.'));
+      }
+    });
+  });
+}
+async function createMetadata(jwtProvider, deviceId) {
+  const jwt = await jwtProvider();
+  const meta = new grpcWebClient_umd.grpcWebClient_umd.grpc.Metadata({
+    'jwt-context': JSON.stringify({
+      jwt,
+      metadata: { 'x-device-id': deviceId || '' },
+    }),
+  });
+  return meta;
+}
+
+/**
+ * The `MeasurementController` is responsible for performing measurements of
+ * registered entities, and updating the model with their measurement results.
+ */
+class MeasurementController {
+  constructor(model, client, jwtProvider, deviceId) {
+    this.model = model;
+    this.client = client;
+    this.jwtProvider = jwtProvider;
+    this.deviceId = deviceId;
+    this.results = Promise.resolve([]);
+  }
+  /**
+   * Registers an entity to measure and performs a measurement if this entity
+   * has not been previously registered.
+   *
+   * @param entity The entity to measure.
+   * @returns A promise that resolves with the results after registering this
+   * entity.
+   */
+  addEntity(entity) {
+    return this.performMeasurement(() => this.model.addEntity(entity));
+  }
+  /**
+   * Clears all entities and returns a promise that resolves with an empty list
+   * of measurement results.
+   */
+  clearEntities() {
+    return this.performMeasurement(() => {
+      this.model.clearEntities();
+      this.model.clearResults();
+      return true;
+    });
+  }
+  /**
+   * Deregisters an entity and performs a measurement if this entity was
+   * removed.
+   *
+   * @param entity The entity to remove.
+   * @returns A promise that resolves with the results after removing this
+   * entity.
+   */
+  removeEntity(entity) {
+    return this.performMeasurement(() => this.model.removeEntity(entity));
+  }
+  /**
+   * Registers a set of entities and performs a measurement
+   *
+   * @param entities The entities to measure.
+   * @returns A promise that resolves with the results after registering these
+   * entities.
+   */
+  setEntities(entities) {
+    return this.performMeasurement(() => this.model.setEntities(entities));
+  }
+  performMeasurement(effect) {
+    const previous = this.model.getEntities();
+    const changed = effect();
+    const entities = this.model.getEntities();
+    if (changed) {
+      this.measureAndUpdateModel(entities);
+      this.highlightEntities(previous, entities);
+    }
+    return this.results;
+  }
+  measureAndUpdateModel(entities) {
+    if (entities.length > 0) {
+      this.results = this.measureEntities().then((outcome) => {
+        this.model.replaceResultsWithOutcome(outcome);
+        return this.model.getResults();
+      });
+    }
+    else {
+      this.results = Promise.resolve([]);
+    }
+  }
+  async measureEntities() {
+    const entities = this.model.getEntities().map((e) => e.toProto());
+    const res = await requestUnary(async (handler) => {
+      const meta = await createMetadata(this.jwtProvider, this.deviceId);
+      const req = new model.scene_view_api_pb.MeasureRequest();
+      req.setEntitiesList(entities);
+      this.client.measure(req, meta, handler);
+    });
+    return model.mapMeasureResponseOrThrow(res.toObject());
+  }
+  async highlightEntities(previous, entities) {
+    await requestUnary(async (handler) => {
+      const meta = await createMetadata(this.jwtProvider, this.deviceId);
+      const entitySet = new Set(entities);
+      const newPrevious = previous.filter((e) => !entitySet.has(e));
+      const clearEntities = newPrevious.map((e) => {
+        const update = new model.scene_view_api_pb.ModelEntityUpdate();
+        update.setModelEntity(model.model_entity_pb.ModelEntity.deserializeBinary(e.modelEntity));
+        update.setHighlight(new grpcWebClient_umd.wrappers_pb.BoolValue().setValue(false));
+        return update;
+      });
+      const highlightEntities = entities.map((e) => {
+        const update = new model.scene_view_api_pb.ModelEntityUpdate();
+        update.setModelEntity(model.model_entity_pb.ModelEntity.deserializeBinary(e.modelEntity));
+        update.setHighlight(new grpcWebClient_umd.wrappers_pb.BoolValue().setValue(true));
+        return update;
+      });
+      const req = new model.scene_view_api_pb.UpdateModelEntitiesRequest();
+      req.setUpdatesList([...clearEntities, ...highlightEntities]);
+      this.client.updateModelEntities(req, meta, handler);
+    });
+  }
+}
+
+exports.MeasurementController = MeasurementController;

package/dist/cjs/{cursors-bd9d178d.js → cursors-399a9648.js}

@@ -1,9 +1,9 @@
 /**!
- * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
-const browser_esm = require('./browser.esm-d86ca733.js');
+const browser_esm = require('./browser.esm-31b03292.js');
 
 /**
  * The cursor manager maintains a prioritized list of cursors for the viewer.

package/dist/cjs/{dom-c8b6d1a7.js → dom-417ccd20.js}

@@ -1,10 +1,10 @@
 /**!
- * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
 /*
- Stencil Client Patch Browser v2.6.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.12.1 | MIT Licensed | https://stenciljs.com
  */
 (function(){
 var aa=new Set("annotation-xml color-profile font-face font-face-src font-face-uri font-face-format font-face-name missing-glyph".split(" "));function g(a){var b=aa.has(a);a=/^[a-z][.0-9_a-z]*-[\-.0-9_a-z]*$/.test(a);return !b&&a}function l(a){var b=a.isConnected;if(void 0!==b)return b;for(;a&&!(a.__CE_isImportDocument||a instanceof Document);)a=a.parentNode||(window.ShadowRoot&&a instanceof ShadowRoot?a.host:void 0);return !(!a||!(a.__CE_isImportDocument||a instanceof Document))}

package/dist/cjs/dom-d162f898.js

@@ -0,0 +1,14 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+'use strict';
+
+function getSceneTreeViewportHeight(el) {
+  return el.clientHeight;
+}
+function getSceneTreeContainsElement(el, other) {
+  return el.contains(other);
+}
+
+exports.getSceneTreeContainsElement = getSceneTreeContainsElement;
+exports.getSceneTreeViewportHeight = getSceneTreeViewportHeight;

package/dist/cjs/{dom-d48d8dca.js → dom-dd265f48.js}

@@ -1,9 +1,9 @@
 /**!
- * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
 'use strict';
 
-const bundle_esm = require('./bundle.esm-6b7736ee.js');
+const bundle_esm = require('./bundle.esm-dc0a8361.js');
 
 function getMouseClientPosition(event, offsets) {
   const pt = bundle_esm.point.create(event.clientX, event.clientY);