@vertexvis/viewer 0.18.2-testing.0 → 0.18.2-testing.1

package/dist/components/vertex-viewer-measurement-precise.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-measurement-precise.js","mappings":"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","names":["require$$0","sceneview_protos_scene_view_api_pb","Point","SceneViewAPIClient"],"sources":["../../node_modules/@vertexvis/scene-view-protos/sceneview/protos/scene_view_api_pb_service.js","./src/lib/measurement/interactions.ts","./src/components/viewer-measurement-precise/viewer-measurement-precise.css?tag=vertex-viewer-measurement-precise&encapsulation=shadow","./src/components/viewer-measurement-precise/viewer-measurement-precise.tsx"],"sourcesContent":["// package: vertexvis.protobuf.sceneview.v1\n// file: sceneview/protos/scene_view_api.proto\n\nvar sceneview_protos_scene_view_api_pb = require(\"../../sceneview/protos/scene_view_api_pb\");\nvar grpc = require(\"@improbable-eng/grpc-web\").grpc;\n\nvar SceneViewAPI = (function () {\n  function SceneViewAPI() {}\n  SceneViewAPI.serviceName = \"vertexvis.protobuf.sceneview.v1.SceneViewAPI\";\n  return SceneViewAPI;\n}());\n\nSceneViewAPI.UpdateModelEntities = {\n  methodName: \"UpdateModelEntities\",\n  service: SceneViewAPI,\n  requestStream: false,\n  responseStream: false,\n  requestType: sceneview_protos_scene_view_api_pb.UpdateModelEntitiesRequest,\n  responseType: sceneview_protos_scene_view_api_pb.UpdateModelEntitiesResponse\n};\n\nSceneViewAPI.Measure = {\n  methodName: \"Measure\",\n  service: SceneViewAPI,\n  requestStream: false,\n  responseStream: false,\n  requestType: sceneview_protos_scene_view_api_pb.MeasureRequest,\n  responseType: sceneview_protos_scene_view_api_pb.MeasureResponse\n};\n\nexports.SceneViewAPI = SceneViewAPI;\n\nfunction SceneViewAPIClient(serviceHost, options) {\n  this.serviceHost = serviceHost;\n  this.options = options || {};\n}\n\nSceneViewAPIClient.prototype.updateModelEntities = function updateModelEntities(requestMessage, metadata, callback) {\n  if (arguments.length === 2) {\n    callback = arguments[1];\n  }\n  var client = grpc.unary(SceneViewAPI.UpdateModelEntities, {\n    request: requestMessage,\n    host: this.serviceHost,\n    metadata: metadata,\n    transport: this.options.transport,\n    debug: this.options.debug,\n    onEnd: function (response) {\n      if (callback) {\n        if (response.status !== grpc.Code.OK) {\n          var err = new Error(response.statusMessage);\n          err.code = response.status;\n          err.metadata = response.trailers;\n          callback(err, null);\n        } else {\n          callback(null, response.message);\n        }\n      }\n    }\n  });\n  return {\n    cancel: function () {\n      callback = null;\n      client.close();\n    }\n  };\n};\n\nSceneViewAPIClient.prototype.measure = function measure(requestMessage, metadata, callback) {\n  if (arguments.length === 2) {\n    callback = arguments[1];\n  }\n  var client = grpc.unary(SceneViewAPI.Measure, {\n    request: requestMessage,\n    host: this.serviceHost,\n    metadata: metadata,\n    transport: this.options.transport,\n    debug: this.options.debug,\n    onEnd: function (response) {\n      if (callback) {\n        if (response.status !== grpc.Code.OK) {\n          var err = new Error(response.statusMessage);\n          err.code = response.status;\n          err.metadata = response.trailers;\n          callback(err, null);\n        } else {\n          callback(null, response.message);\n        }\n      }\n    }\n  });\n  return {\n    cancel: function () {\n      callback = null;\n      client.close();\n    }\n  };\n};\n\nexports.SceneViewAPIClient = SceneViewAPIClient;\n\n","import { Point } from '@vertexvis/geometry';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { Cursor, measurementWithArrowCursor } from '../cursors';\nimport { getMouseClientPosition } from '../dom';\nimport { ElementRectObserver } from '../elementRectObserver';\nimport { InteractionApi, InteractionHandler } from '../interactions';\nimport { EntityType } from '../types';\nimport { MeasurementController } from './controller';\nimport { MeasurementEntity } from './entities';\n\nexport class MeasurementInteractionHandler implements InteractionHandler {\n  private controller: MeasurementController;\n  private measurableEntityTypes: EntityType[];\n\n  private element?: HTMLElement;\n  private api?: InteractionApi;\n\n  private cursor?: Disposable;\n  private measurementInteraction?: InteractionHandler;\n\n  private rectObserver = new ElementRectObserver();\n  private get elementRect(): DOMRect | undefined {\n    return this.rectObserver.rect;\n  }\n\n  public constructor(\n    controller: MeasurementController,\n    measurableEntityTypes: EntityType[]\n  ) {\n    this.controller = controller;\n    this.measurableEntityTypes = measurableEntityTypes;\n  }\n\n  public initialize(element: HTMLElement, api: InteractionApi): void {\n    this.element = element;\n    this.api = api;\n\n    this.rectObserver.observe(element);\n\n    element.addEventListener('pointermove', this.handlePointerMove);\n    element.addEventListener('pointerdown', this.handlePointerDown);\n  }\n\n  public dispose(): void {\n    this.rectObserver.disconnect();\n    this.measurementInteraction?.dispose();\n    this.clearCursor();\n\n    this.element?.removeEventListener('pointermove', this.handlePointerMove);\n    this.element?.removeEventListener('pointerdown', this.handlePointerDown);\n\n    this.element = undefined;\n    this.api = undefined;\n  }\n\n  private addCursor(cursor: Cursor): void {\n    this.cursor = this.ifInitialized(({ api }) => api.addCursor(cursor));\n  }\n\n  private clearCursor(): void {\n    this.cursor?.dispose();\n    this.cursor = undefined;\n  }\n\n  private handlePointerMove = async (event: PointerEvent): Promise<void> => {\n    if (await this.isMeasurableEntityUnderPointer(event)) {\n      this.clearCursor();\n      this.addCursor(measurementWithArrowCursor);\n    } else {\n      this.clearCursor();\n    }\n  };\n\n  private handlePointerDown = (event: PointerEvent): void => {\n    this.ifNoInteraction(event, async () => {\n      if (await this.isMeasurableEntityUnderPointer(event)) {\n        this.measureEntityUnderPointer(event);\n      } else {\n        this.controller.clearEntities();\n      }\n    });\n  };\n\n  private async isMeasurableEntityUnderPointer(\n    event: PointerEvent\n  ): Promise<boolean> {\n    const pt = getMouseClientPosition(event, this.elementRect);\n    const type = await this.api?.getEntityTypeAtPoint(pt);\n    return type != null && this.measurableEntityTypes.includes(type);\n  }\n\n  private measureEntityUnderPointer(event: PointerEvent): void {\n    this.ifInitialized(async ({ api }) => {\n      const pt = getMouseClientPosition(event, this.elementRect);\n      const [hit] = await api.hitItems(pt);\n\n      if (hit != null) {\n        this.controller.addEntity(MeasurementEntity.fromHit(hit));\n      } else {\n        this.controller.clearEntities();\n      }\n    });\n  }\n\n  protected ifInitialized<R>(\n    f: (data: { element: HTMLElement; api: InteractionApi }) => R\n  ): R {\n    if (this.element != null && this.api != null) {\n      return f({ element: this.element, api: this.api });\n    } else {\n      throw new Error('Measurement interaction handler not initialized.');\n    }\n  }\n\n  protected ifNoInteraction(event: PointerEvent, f: () => void): void {\n    const startPos = Point.create(event.clientX, event.clientY);\n    let didInteract = false;\n\n    const handleMouseMove = (event: PointerEvent): void => {\n      const pos = Point.create(event.clientX, event.clientY);\n      const dis = Point.distance(startPos, pos);\n      didInteract = dis > 2;\n    };\n\n    const handleMouseUp = (): void => {\n      window.removeEventListener('pointermove', handleMouseMove);\n      window.removeEventListener('pointerup', handleMouseUp);\n\n      if (!didInteract) {\n        f();\n      }\n    };\n\n    window.addEventListener('pointermove', handleMouseMove);\n    window.addEventListener('pointerup', handleMouseUp);\n  }\n}\n",":host {\n  display: block;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { SceneViewAPIClient } from '@vertexvis/scene-view-protos/sceneview/protos/scene_view_api_pb_service';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { parseConfig, PartialConfig } from '../../lib/config';\nimport { Environment } from '../../lib/environment';\nimport {\n  MeasurementController,\n  MeasurementModel,\n  MeasurementOverlayManager,\n} from '../../lib/measurement';\nimport { MeasurementInteractionHandler } from '../../lib/measurement/interactions';\nimport { EntityType } from '../../lib/types';\n\n@Component({\n  tag: 'vertex-viewer-measurement-precise',\n  styleUrl: 'viewer-measurement-precise.css',\n  shadow: true,\n})\nexport class ViewerMeasurementPrecise {\n  /**\n   * The model that contains the entities and outcomes from performing precise\n   * measurements.\n   */\n  @Prop()\n  public measurementModel: MeasurementModel = new MeasurementModel();\n\n  /**\n   * The manager that is responsible for measurement overlays to present by this\n   * component.\n   */\n  @Prop()\n  public measurementOverlays: MeasurementOverlayManager = new MeasurementOverlayManager();\n\n  /**\n   * The controller that is responsible for performing measurements and updating\n   * the model.\n   */\n  @Prop({ mutable: true })\n  public measurementController?: MeasurementController;\n\n  /**\n   * @internal\n   *\n   * An internal property that can be used to opt-in to performing measurements\n   * on other types of entities.\n   */\n  @Prop()\n  public measurableEntityTypes: EntityType[] = [\n    EntityType.PRECISE_SURFACE,\n    EntityType.IMPRECISE_SURFACE,\n  ];\n\n  /**\n   * The viewer that this component is bound to. This is automatically assigned\n   * if added to the light-dom of a parent viewer element.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The environment that will be used to request measurement results.\n   */\n  @Prop()\n  public configEnv: Environment = 'platprod';\n\n  /**\n   * An optional configuration to setup network configuration of measurement\n   * endpoints.\n   */\n  @Prop()\n  public config?: PartialConfig | string;\n\n  private registeredInteractionHandler?: Promise<Disposable>;\n\n  /**\n   * @ignore\n   */\n  protected connectedCallback(): void {\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentWillLoad(): void {\n    this.setupController();\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  protected disconnectedCallback(): void {\n    this.clearInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('measurableEntityTypes')\n  protected handleMeasurableEntityTypesChanged(): void {\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('measurementController')\n  protected handleMeasurementControllerChanged(): void {\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('measurementModel')\n  protected handleMeasurementModelChanged(): void {\n    this.setupController();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(): void {\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  protected render(): JSX.Element {\n    return (\n      <Host>\n        <vertex-viewer-measurement-overlays\n          viewer={this.viewer}\n          measurementOverlays={this.measurementOverlays}\n        />\n      </Host>\n    );\n  }\n\n  private setupController(): void {\n    const config = parseConfig(this.configEnv, this.config);\n    const client = new SceneViewAPIClient(config.network.sceneViewHost);\n    this.measurementController = new MeasurementController(\n      this.measurementModel,\n      client,\n      () => this.viewer?.token,\n      this.viewer?.deviceId\n    );\n  }\n\n  private clearInteractionHandler(): void {\n    this.registeredInteractionHandler?.then((handler) => handler.dispose());\n    this.registeredInteractionHandler = undefined;\n  }\n\n  private setupInteractionHandler(): void {\n    this.clearInteractionHandler();\n\n    if (this.measurementController != null) {\n      this.registeredInteractionHandler =\n        this.viewer?.registerInteractionHandler(\n          new MeasurementInteractionHandler(\n            this.measurementController,\n            this.measurableEntityTypes\n          )\n        );\n    }\n  }\n}\n"],"version":3}

package/dist/components/vertex-viewer-pin-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerPinGroup extends Components.VertexViewerPinGroup, HTMLElement {}
-export const VertexViewerPinGroup: {
-  prototype: VertexViewerPinGroup;
-  new (): VertexViewerPinGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-pin-group.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { V as ViewerPinGroup, d as defineCustomElement$1 } from './viewer-pin-group.js';
-
-const VertexViewerPinGroup = ViewerPinGroup;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerPinGroup, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-pin-group.js.map

package/dist/components/vertex-viewer-pin-group.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-pin-group.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-viewer-pin-label-line.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerPinLabelLine extends Components.VertexViewerPinLabelLine, HTMLElement {}
-export const VertexViewerPinLabelLine: {
-  prototype: VertexViewerPinLabelLine;
-  new (): VertexViewerPinLabelLine;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-pin-label-line.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { V as VertexPinLabelLine, d as defineCustomElement$1 } from './viewer-pin-label-line.js';
-
-const VertexViewerPinLabelLine = VertexPinLabelLine;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerPinLabelLine, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-pin-label-line.js.map

package/dist/components/vertex-viewer-pin-label-line.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-pin-label-line.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-viewer-pin-label.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerPinLabel extends Components.VertexViewerPinLabel, HTMLElement {}
-export const VertexViewerPinLabel: {
-  prototype: VertexViewerPinLabel;
-  new (): VertexViewerPinLabel;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-pin-label.js

@@ -1,11 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { V as VertexPinLabel, d as defineCustomElement$1 } from './viewer-pin-label.js';
-
-const VertexViewerPinLabel = VertexPinLabel;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerPinLabel, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-pin-label.js.map

package/dist/components/vertex-viewer-pin-label.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-pin-label.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/vertex-viewer-pin-tool.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerPinTool extends Components.VertexViewerPinTool, HTMLElement {}
-export const VertexViewerPinTool: {
-  prototype: VertexViewerPinTool;
-  new (): VertexViewerPinTool;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/vertex-viewer-pin-tool.js

@@ -1,430 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { a as translatePointToRelative, P as PinController, d as defineCustomElement$3 } from './viewer-pin-label.js';
-import { p as point } from './bundle.esm.js';
-import { b as uuid } from './browser.esm.js';
-import { l as labelPinCursor, p as pinCursor } from './cursors.js';
-import { g as getMouseClientPosition } from './dom.js';
-import { E as ElementRectObserver } from './elementRectObserver.js';
-import { E as EntityType } from './streamAttributes.js';
-import { P as PinModel } from './model2.js';
-import { g as getMarkupBoundingClientRect } from './dom2.js';
-import { d as defineCustomElement$7 } from './viewer-dom-element.js';
-import { d as defineCustomElement$6 } from './viewer-dom-renderer.js';
-import { d as defineCustomElement$5 } from './viewer-icon.js';
-import { d as defineCustomElement$4 } from './viewer-pin-group.js';
-import { d as defineCustomElement$2 } from './viewer-pin-label-line.js';
-
-class PinsInteractionHandler {
-  constructor(controller, xOffset, yOffset) {
-    this.rectObserver = new ElementRectObserver();
-    this.droppableSurfaces = [
-      EntityType.PRECISE_SURFACE,
-      EntityType.IMPRECISE_SURFACE,
-      EntityType.GENERIC_GEOMETRY,
-    ];
-    this.handlePointerMove = async (event) => {
-      const isDroppableSurface = await this.isDroppableSurface(event);
-      const draggable = this.controller.getDraggable();
-      if (draggable != null && isDroppableSurface) {
-        this.handleDrag(draggable, event);
-      }
-      if (this.controller.getDraggable() == null &&
-        this.controller.getToolMode() === 'edit' &&
-        isDroppableSurface) {
-        this.addCursor(this.getCursorType());
-      }
-      else {
-        this.clearCursor();
-      }
-    };
-    this.handleDrag = async (draggable, event) => {
-      const pt = getMouseClientPosition(event, this.elementRect);
-      const worldPosition = await this.getWorldPositionForPoint(pt);
-      if (worldPosition != null) {
-        this.controller.updateDraggable(Object.assign(Object.assign({}, draggable), { lastPoint: pt }), worldPosition);
-      }
-    };
-    this.handlePointerDown = async (pointerDown) => {
-      const pointerUp = (pointerUp) => {
-        const distanceBetweenStartAndEndPoint = point.distance(point.create(pointerDown.clientX, pointerUp.clientY), point.create(pointerUp.clientX, pointerUp.clientY));
-        if (distanceBetweenStartAndEndPoint <= 2 && pointerDown.buttons !== 2) {
-          if (this.controller.getToolMode() === 'edit') {
-            const pt = getMouseClientPosition(pointerDown, this.elementRect);
-            this.handlePlacePin(pt);
-          }
-        }
-        dispose();
-      };
-      const dispose = () => {
-        window.removeEventListener('pointerup', pointerUp);
-      };
-      window.addEventListener('pointerup', pointerUp);
-      return {
-        dispose,
-      };
-    };
-    this.handlePointerUp = async () => {
-      const draggable = this.controller.getDraggable();
-      const lastPoint = draggable === null || draggable === void 0 ? void 0 : draggable.lastPoint;
-      this.controller.setDraggable(undefined);
-      if (lastPoint != null && draggable != null) {
-        this.ifInitialized(async ({ api }) => {
-          var _a, _b, _c, _d, _e, _f;
-          const [hit] = await api.hitItems(lastPoint);
-          if ((hit === null || hit === void 0 ? void 0 : hit.hitPoint) != null &&
-            ((_a = hit === null || hit === void 0 ? void 0 : hit.hitPoint) === null || _a === void 0 ? void 0 : _a.x) != null &&
-            ((_b = hit === null || hit === void 0 ? void 0 : hit.hitPoint) === null || _b === void 0 ? void 0 : _b.y) != null &&
-            ((_c = hit === null || hit === void 0 ? void 0 : hit.hitPoint) === null || _c === void 0 ? void 0 : _c.z) != null) {
-            this.controller.updateDraggable(Object.assign(Object.assign({}, draggable), { lastPoint }), {
-              x: (_d = hit === null || hit === void 0 ? void 0 : hit.hitPoint) === null || _d === void 0 ? void 0 : _d.x,
-              y: hit === null || hit === void 0 ? void 0 : hit.hitPoint.y,
-              z: hit === null || hit === void 0 ? void 0 : hit.hitPoint.z,
-            }, (_f = (_e = hit === null || hit === void 0 ? void 0 : hit.partId) === null || _e === void 0 ? void 0 : _e.hex) !== null && _f !== void 0 ? _f : undefined);
-          }
-        });
-      }
-    };
-    this.controller = controller;
-    this.xOffset = xOffset;
-    this.yOffset = yOffset;
-  }
-  get elementRect() {
-    return this.rectObserver.rect;
-  }
-  initialize(element, api) {
-    this.element = element;
-    this.api = api;
-    this.rectObserver.observe(element);
-    element.addEventListener('pointermove', this.handlePointerMove);
-    element.addEventListener('pointerdown', this.handlePointerDown);
-    window.addEventListener('pointerup', this.handlePointerUp);
-  }
-  dispose() {
-    var _a, _b;
-    this.rectObserver.disconnect();
-    this.clearCursor();
-    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointermove', this.handlePointerMove);
-    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerdown', this.handlePointerDown);
-    window.removeEventListener('pointerup', this.handlePointerUp);
-    this.element = undefined;
-    this.api = undefined;
-  }
-  async getWorldPositionForPoint(pt) {
-    return this.ifInitialized(async ({ api }) => {
-      const vector3 = await api.getWorldPointFromViewport(pt);
-      return vector3;
-    });
-  }
-  async handlePlacePin(pt, existingPin) {
-    this.ifInitialized(async ({ api }) => {
-      var _a, _b, _c, _d, _e, _f;
-      const [hit] = await api.hitItems(pt);
-      if ((hit === null || hit === void 0 ? void 0 : hit.hitPoint) != null && this.elementRect != null) {
-        if ((hit === null || hit === void 0 ? void 0 : hit.hitPoint) != null &&
-          (hit === null || hit === void 0 ? void 0 : hit.hitPoint.x) != null &&
-          (hit === null || hit === void 0 ? void 0 : hit.hitPoint.y) != null &&
-          (hit === null || hit === void 0 ? void 0 : hit.hitPoint.z) != null) {
-          const pinId = existingPin != null ? existingPin.id : uuid.create();
-          const attributes = this.controller.getStyleAttributes() != null
-            ? {
-              style: this.controller.getStyleAttributes(),
-            }
-            : undefined;
-          switch (this.controller.getToolType()) {
-            case 'pin-icon':
-              this.controller.setPin({
-                type: 'icon',
-                id: pinId,
-                worldPosition: {
-                  x: (_a = hit === null || hit === void 0 ? void 0 : hit.hitPoint) === null || _a === void 0 ? void 0 : _a.x,
-                  y: hit === null || hit === void 0 ? void 0 : hit.hitPoint.y,
-                  z: hit === null || hit === void 0 ? void 0 : hit.hitPoint.z,
-                },
-                partId: (_c = (_b = hit === null || hit === void 0 ? void 0 : hit.itemId) === null || _b === void 0 ? void 0 : _b.hex) !== null && _c !== void 0 ? _c : undefined,
-                attributes,
-              });
-              break;
-            case 'pin-text':
-              const isNewPin = existingPin == null;
-              const relativePoint = translatePointToRelative(pt, this.elementRect, isNewPin, this.xOffset, this.yOffset);
-              this.controller.setPin({
-                type: 'text',
-                id: pinId,
-                worldPosition: {
-                  x: (_d = hit === null || hit === void 0 ? void 0 : hit.hitPoint) === null || _d === void 0 ? void 0 : _d.x,
-                  y: hit === null || hit === void 0 ? void 0 : hit.hitPoint.y,
-                  z: hit === null || hit === void 0 ? void 0 : hit.hitPoint.z,
-                },
-                partId: (_f = (_e = hit === null || hit === void 0 ? void 0 : hit.itemId) === null || _e === void 0 ? void 0 : _e.hex) !== null && _f !== void 0 ? _f : undefined,
-                label: {
-                  point: relativePoint,
-                },
-                attributes,
-              });
-              this.controller.setSelectedPinId(pinId);
-              break;
-          }
-        }
-      }
-      else {
-        this.controller.setSelectedPinId();
-      }
-    });
-  }
-  getCursorType() {
-    switch (this.controller.getToolType()) {
-      case 'pin-icon':
-        return pinCursor;
-      case 'pin-text':
-        return labelPinCursor;
-    }
-  }
-  addCursor(cursor) {
-    this.clearCursor();
-    this.cursor = this.ifInitialized(({ api }) => api.addCursor(cursor));
-  }
-  async isDroppableSurface(event) {
-    var _a;
-    const pt = getMouseClientPosition(event, this.elementRect);
-    const type = await ((_a = this.api) === null || _a === void 0 ? void 0 : _a.getEntityTypeAtPoint(pt));
-    return type != null && this.droppableSurfaces.includes(type);
-  }
-  ifInitialized(f) {
-    if (this.element != null && this.api != null) {
-      return f({ element: this.element, api: this.api });
-    }
-    else {
-      throw new Error('Pins interaction handler not initialized.');
-    }
-  }
-  clearCursor() {
-    var _a;
-    (_a = this.cursor) === null || _a === void 0 ? void 0 : _a.dispose();
-    this.cursor = undefined;
-  }
-}
-
-const viewerPinToolCss = ":host{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none;--viewer-pin-tool-initial-label-offset-x:20;--viewer-pin-tool-initial-label-offset-y:20}";
-
-const ViewerPinTool = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * The model that contains the entities and outcomes from performing pin annotations
-     */
-    this.pinModel = new PinModel();
-    /**
-     * The type of pin.
-     *
-     * This property will automatically be set.
-     */
-    this.tool = 'pin-icon';
-    /**
-     * The mode of the pin tool
-     */
-    this.mode = 'view';
-    this.pins = [];
-    this.handleSetProjectionMatrix = () => {
-      var _a, _b;
-      this.projectionViewMatrix =
-        (_b = (_a = this.viewer) === null || _a === void 0 ? void 0 : _a.frame) === null || _b === void 0 ? void 0 : _b.scene.camera.projectionViewMatrix;
-    };
-  }
-  /**
-   * @ignore
-   */
-  watchModeChange() {
-    var _a;
-    (_a = this.pinController) === null || _a === void 0 ? void 0 : _a.setToolMode(this.mode);
-    this.setupInteractionHandler();
-  }
-  /**
-   * @ignore
-   */
-  watchTypeChange() {
-    var _a;
-    (_a = this.pinController) === null || _a === void 0 ? void 0 : _a.setToolType(this.tool);
-    this.setupInteractionHandler();
-  }
-  /**
-   * @ignore
-   */
-  watchAccentColorChange() {
-    var _a;
-    (_a = this.pinController) === null || _a === void 0 ? void 0 : _a.setAccentColor(this.accentColor);
-    this.setupInteractionHandler();
-  }
-  /**
-   * @ignore
-   */
-  watchPrimaryColorChange() {
-    var _a;
-    (_a = this.pinController) === null || _a === void 0 ? void 0 : _a.setPrimaryColor(this.primaryColor);
-    this.setupInteractionHandler();
-  }
-  /**
-   * @ignore
-   */
-  connectedCallback() {
-    this.setupInteractionHandler();
-  }
-  /**
-   * @ignore
-   */
-  componentWillLoad() {
-    this.updateViewport();
-    this.setupController();
-    this.setupInteractionHandler();
-    this.pinModel.onEntitiesChanged((entities) => {
-      this.pins = entities;
-    });
-    this.pinModel.onSelectionChange((selectedId) => {
-      this.selectedPinId = selectedId;
-    });
-    this.handleViewerChanged(this.viewer, undefined);
-  }
-  componentDidLoad() {
-    this.resizeObserver = new ResizeObserver(() => this.updateViewport());
-    this.resizeObserver.observe(this.hostEl);
-  }
-  /**
-   * @ignore
-   */
-  disconnectedCallback() {
-    this.clearInteractionHandler();
-    this.clearModelListeners();
-  }
-  /**
-   * @ignore
-   */
-  handleViewerChanged(newViewer, oldViewer) {
-    this.setupInteractionHandler();
-    if (oldViewer != null) {
-      oldViewer.removeEventListener('frameDrawn', this.handleSetProjectionMatrix);
-    }
-    if (newViewer != null) {
-      newViewer.addEventListener('frameDrawn', this.handleSetProjectionMatrix);
-    }
-    this.handleSetProjectionMatrix();
-  }
-  render() {
-    return (h(Host, null, h("vertex-viewer-dom-renderer", { viewer: this.viewer, drawMode: "2d" }, this.pins.map((pin) => {
-      return (h("vertex-viewer-pin-group", { id: `pin-group-${pin.id}`, "data-is-dom-group-element": true, pin: pin, elementBounds: this.elementBounds, pinModel: this.pinModel, pinController: this.pinController, projectionViewMatrix: this.projectionViewMatrix, selected: this.selectedPinId === pin.id }));
-    }))));
-  }
-  setupController() {
-    const attributes = this.accentColor || this.primaryColor
-      ? {
-        accentColor: this.accentColor,
-        primaryColor: this.primaryColor,
-      }
-      : undefined;
-    this.pinController = new PinController(this.pinModel, this.mode, this.tool, attributes);
-  }
-  clearInteractionHandler() {
-    var _a;
-    (_a = this.registeredInteractionHandler) === null || _a === void 0 ? void 0 : _a.then((handler) => handler.dispose());
-    this.registeredInteractionHandler = undefined;
-  }
-  setupInteractionHandler() {
-    var _a;
-    const hostStyles = window.getComputedStyle(this.hostEl);
-    const xOffset = hostStyles
-      .getPropertyValue('--viewer-pin-tool-initial-label-offset-x')
-      .trim();
-    const yOffset = hostStyles
-      .getPropertyValue('--viewer-pin-tool-initial-label-offset-y')
-      .trim();
-    this.clearInteractionHandler();
-    if (this.pinController != null) {
-      this.registeredInteractionHandler =
-        (_a = this.viewer) === null || _a === void 0 ? void 0 : _a.registerInteractionHandler(new PinsInteractionHandler(this.pinController, parseInt(xOffset), parseInt(yOffset)));
-    }
-  }
-  clearModelListeners() {
-    var _a, _b;
-    (_a = this.onEntitiesChangedHandler) === null || _a === void 0 ? void 0 : _a.dispose();
-    this.onEntitiesChangedHandler = undefined;
-    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-  }
-  updateViewport() {
-    const rect = getMarkupBoundingClientRect(this.hostEl);
-    this.elementBounds = rect;
-  }
-  get hostEl() { return this; }
-  static get watchers() { return {
-    "mode": ["watchModeChange"],
-    "tool": ["watchTypeChange"],
-    "accentColor": ["watchAccentColorChange"],
-    "primaryColor": ["watchPrimaryColorChange"],
-    "viewer": ["handleViewerChanged"]
-  }; }
-  static get style() { return viewerPinToolCss; }
-}, [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]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-viewer-pin-tool", "vertex-viewer-dom-element", "vertex-viewer-dom-renderer", "vertex-viewer-icon", "vertex-viewer-pin-group", "vertex-viewer-pin-label", "vertex-viewer-pin-label-line"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-viewer-pin-tool":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ViewerPinTool);
-      }
-      break;
-    case "vertex-viewer-dom-element":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "vertex-viewer-dom-renderer":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "vertex-viewer-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "vertex-viewer-pin-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "vertex-viewer-pin-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "vertex-viewer-pin-label-line":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const VertexViewerPinTool = ViewerPinTool;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerPinTool, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-pin-tool.js.map

package/dist/components/vertex-viewer-pin-tool.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-pin-tool.js","mappings":"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","names":["Point","UUID"],"sources":["./src/lib/pins/interactions.ts","./src/components/viewer-pin-tool/viewer-pin-tool.css?tag=vertex-viewer-pin-tool&encapsulation=shadow","./src/components/viewer-pin-tool/viewer-pin-tool.tsx"],"sourcesContent":["import { Point, Vector3 } from '@vertexvis/geometry';\nimport { Disposable, UUID } from '@vertexvis/utils';\n\nimport { translatePointToRelative } from '../../components/viewer-pin-tool/utils';\nimport { Cursor, labelPinCursor, pinCursor } from '../cursors';\nimport { getMouseClientPosition } from '../dom';\nimport { ElementRectObserver } from '../elementRectObserver';\nimport { InteractionApi, InteractionHandler } from '../interactions';\nimport { EntityType } from '../types/entities';\nimport { Draggable, PinController } from './controller';\nimport { Pin } from './model';\n\nexport class PinsInteractionHandler implements InteractionHandler {\n  private controller: PinController;\n  private element?: HTMLElement;\n  private api?: InteractionApi;\n\n  private cursor?: Disposable;\n\n  private xOffset?: number;\n  private yOffset?: number;\n\n  private rectObserver = new ElementRectObserver();\n\n  private droppableSurfaces: EntityType[] = [\n    EntityType.PRECISE_SURFACE,\n    EntityType.IMPRECISE_SURFACE,\n    EntityType.GENERIC_GEOMETRY,\n  ];\n\n  private get elementRect(): DOMRect | undefined {\n    return this.rectObserver.rect;\n  }\n\n  public constructor(\n    controller: PinController,\n    xOffset: number,\n    yOffset: number\n  ) {\n    this.controller = controller;\n    this.xOffset = xOffset;\n    this.yOffset = yOffset;\n  }\n\n  public initialize(element: HTMLElement, api: InteractionApi): void {\n    this.element = element;\n    this.api = api;\n    this.rectObserver.observe(element);\n\n    element.addEventListener('pointermove', this.handlePointerMove);\n    element.addEventListener('pointerdown', this.handlePointerDown);\n    window.addEventListener('pointerup', this.handlePointerUp);\n  }\n\n  public dispose(): void {\n    this.rectObserver.disconnect();\n    this.clearCursor();\n    this.element?.removeEventListener('pointermove', this.handlePointerMove);\n    this.element?.removeEventListener('pointerdown', this.handlePointerDown);\n    window.removeEventListener('pointerup', this.handlePointerUp);\n\n    this.element = undefined;\n    this.api = undefined;\n  }\n\n  public async getWorldPositionForPoint(\n    pt: Point.Point\n  ): Promise<Vector3.Vector3 | undefined> {\n    return this.ifInitialized(async ({ api }) => {\n      const vector3 = await api.getWorldPointFromViewport(pt);\n\n      return vector3;\n    });\n  }\n\n  public async handlePlacePin(\n    pt: Point.Point,\n    existingPin?: Pin\n  ): Promise<void> {\n    this.ifInitialized(async ({ api }) => {\n      const [hit] = await api.hitItems(pt);\n\n      if (hit?.hitPoint != null && this.elementRect != null) {\n        if (\n          hit?.hitPoint != null &&\n          hit?.hitPoint.x != null &&\n          hit?.hitPoint.y != null &&\n          hit?.hitPoint.z != null\n        ) {\n          const pinId = existingPin != null ? existingPin.id : UUID.create();\n\n          const attributes =\n            this.controller.getStyleAttributes() != null\n              ? {\n                  style: this.controller.getStyleAttributes(),\n                }\n              : undefined;\n\n          switch (this.controller.getToolType()) {\n            case 'pin-icon':\n              this.controller.setPin({\n                type: 'icon',\n                id: pinId,\n                worldPosition: {\n                  x: hit?.hitPoint?.x,\n                  y: hit?.hitPoint.y,\n                  z: hit?.hitPoint.z,\n                },\n                partId: hit?.itemId?.hex ?? undefined,\n                attributes,\n              });\n              break;\n            case 'pin-text':\n              const isNewPin = existingPin == null;\n              const relativePoint = translatePointToRelative(\n                pt,\n                this.elementRect,\n                isNewPin,\n                this.xOffset,\n                this.yOffset\n              );\n              this.controller.setPin({\n                type: 'text',\n                id: pinId,\n                worldPosition: {\n                  x: hit?.hitPoint?.x,\n                  y: hit?.hitPoint.y,\n                  z: hit?.hitPoint.z,\n                },\n                partId: hit?.itemId?.hex ?? undefined,\n                label: {\n                  point: relativePoint,\n                },\n                attributes,\n              });\n              this.controller.setSelectedPinId(pinId);\n              break;\n          }\n        }\n      } else {\n        this.controller.setSelectedPinId();\n      }\n    });\n  }\n\n  private handlePointerMove = async (event: PointerEvent): Promise<void> => {\n    const isDroppableSurface = await this.isDroppableSurface(event);\n    const draggable = this.controller.getDraggable();\n    if (draggable != null && isDroppableSurface) {\n      this.handleDrag(draggable, event);\n    }\n\n    if (\n      this.controller.getDraggable() == null &&\n      this.controller.getToolMode() === 'edit' &&\n      isDroppableSurface\n    ) {\n      this.addCursor(this.getCursorType());\n    } else {\n      this.clearCursor();\n    }\n  };\n\n  private getCursorType(): Cursor {\n    switch (this.controller.getToolType()) {\n      case 'pin-icon':\n        return pinCursor;\n      case 'pin-text':\n        return labelPinCursor;\n    }\n  }\n\n  private handleDrag = async (\n    draggable: Draggable,\n    event: PointerEvent\n  ): Promise<void> => {\n    const pt = getMouseClientPosition(event, this.elementRect);\n    const worldPosition = await this.getWorldPositionForPoint(pt);\n\n    if (worldPosition != null) {\n      this.controller.updateDraggable(\n        {\n          ...draggable,\n          lastPoint: pt,\n        },\n        worldPosition\n      );\n    }\n  };\n\n  private handlePointerDown = async (\n    pointerDown: PointerEvent\n  ): Promise<Disposable> => {\n    const pointerUp = (pointerUp: PointerEvent): void => {\n      const distanceBetweenStartAndEndPoint = Point.distance(\n        Point.create(pointerDown.clientX, pointerUp.clientY),\n        Point.create(pointerUp.clientX, pointerUp.clientY)\n      );\n\n      if (distanceBetweenStartAndEndPoint <= 2 && pointerDown.buttons !== 2) {\n        if (this.controller.getToolMode() === 'edit') {\n          const pt = getMouseClientPosition(pointerDown, this.elementRect);\n\n          this.handlePlacePin(pt);\n        }\n      }\n\n      dispose();\n    };\n\n    const dispose = (): void => {\n      window.removeEventListener('pointerup', pointerUp);\n    };\n\n    window.addEventListener('pointerup', pointerUp);\n\n    return {\n      dispose,\n    };\n  };\n\n  private handlePointerUp = async (): Promise<void> => {\n    const draggable = this.controller.getDraggable();\n    const lastPoint = draggable?.lastPoint;\n\n    this.controller.setDraggable(undefined);\n\n    if (lastPoint != null && draggable != null) {\n      this.ifInitialized(async ({ api }) => {\n        const [hit] = await api.hitItems(lastPoint);\n\n        if (\n          hit?.hitPoint != null &&\n          hit?.hitPoint?.x != null &&\n          hit?.hitPoint?.y != null &&\n          hit?.hitPoint?.z != null\n        ) {\n          this.controller.updateDraggable(\n            {\n              ...draggable,\n              lastPoint,\n            },\n            {\n              x: hit?.hitPoint?.x,\n              y: hit?.hitPoint.y,\n              z: hit?.hitPoint.z,\n            },\n            hit?.partId?.hex ?? undefined\n          );\n        }\n      });\n    }\n  };\n\n  private addCursor(cursor: Cursor): void {\n    this.clearCursor();\n    this.cursor = this.ifInitialized(({ api }) => api.addCursor(cursor));\n  }\n\n  private async isDroppableSurface(event: PointerEvent): Promise<boolean> {\n    const pt = getMouseClientPosition(event, this.elementRect);\n    const type = await this.api?.getEntityTypeAtPoint(pt);\n\n    return type != null && this.droppableSurfaces.includes(type);\n  }\n\n  protected ifInitialized<R>(\n    f: (data: { element: HTMLElement; api: InteractionApi }) => R\n  ): R {\n    if (this.element != null && this.api != null) {\n      return f({ element: this.element, api: this.api });\n    } else {\n      throw new Error('Pins interaction handler not initialized.');\n    }\n  }\n\n  private clearCursor(): void {\n    this.cursor?.dispose();\n    this.cursor = undefined;\n  }\n}\n",":host {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n  pointer-events: none;\n\n  /**\n  * @prop --viewer-pin-tool-initial-label-offset-x: The number of pixels to offset\n  the label in the x direction. Defaults to 20.\n  */\n  --viewer-pin-tool-initial-label-offset-x: 20;\n\n  /**\n  * @prop --viewer-pin-tool-initial-label-offset-y: The number of pixels to offset\n  the label in the y direction. Defaults to 20.\n  */\n  --viewer-pin-tool-initial-label-offset-y: 20;\n}\n","import {\n  Component,\n  Element,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Matrix4 } from '@vertexvis/geometry';\nimport { Color, Disposable } from '@vertexvis/utils';\n\nimport { PinController } from '../../lib/pins/controller';\nimport { PinsInteractionHandler } from '../../lib/pins/interactions';\nimport {\n  Pin,\n  PinModel,\n  ViewerPinToolMode,\n  ViewerPinToolType,\n} from '../../lib/pins/model';\nimport { getMarkupBoundingClientRect } from '../viewer-markup/dom';\n\n@Component({\n  tag: 'vertex-viewer-pin-tool',\n  styleUrl: 'viewer-pin-tool.css',\n  shadow: true,\n})\nexport class ViewerPinTool {\n  /**\n   * The controller that is responsible for drawing pins and updating the model\n   */\n  @Prop({ mutable: true })\n  public pinController?: PinController;\n\n  /**\n   * The model that contains the entities and outcomes from performing pin annotations\n   */\n  @Prop()\n  public pinModel: PinModel = new PinModel();\n\n  /**\n   * The viewer that this component is bound to. This is automatically assigned\n   * if added to the light-dom of a parent viewer element.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The type of pin.\n   *\n   * This property will automatically be set.\n   */\n  @Prop({ mutable: true })\n  public tool: ViewerPinToolType = 'pin-icon';\n\n  /**\n   * The mode of the pin tool\n   */\n  @Prop({ mutable: true })\n  public mode: ViewerPinToolMode = 'view';\n\n  /**\n   * The primary color for new pins. Setting this will override the primary template color, and will be used for any new\n   * pins created with this `vertex-viewer-pin-tool`. This styling applies to pin anchors, and borders, etc.\n   */\n  @Prop({ mutable: true })\n  public primaryColor: Color.Color | string | undefined;\n\n  /**\n   * The accent color for new pins. Setting this will override the accent template color, and will be used for any new\n   * pins created with this `vertex-viewer-pin-tool`. This styling applies to some background colors, etc\n   */\n  @Prop({ mutable: true })\n  public accentColor: Color.Color | string | undefined;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  @State()\n  private pins: Pin[] = [];\n\n  @State()\n  private selectedPinId?: string;\n\n  @State()\n  private elementBounds?: DOMRect;\n\n  @State()\n  private projectionViewMatrix?: Matrix4.Matrix4;\n\n  private registeredInteractionHandler?: Promise<Disposable>;\n  private onEntitiesChangedHandler?: Disposable;\n\n  private resizeObserver?: ResizeObserver;\n\n  /**\n   * @ignore\n   */\n  @Watch('mode')\n  protected watchModeChange(): void {\n    this.pinController?.setToolMode(this.mode);\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('tool')\n  protected watchTypeChange(): void {\n    this.pinController?.setToolType(this.tool);\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('accentColor')\n  protected watchAccentColorChange(): void {\n    this.pinController?.setAccentColor(this.accentColor);\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('primaryColor')\n  protected watchPrimaryColorChange(): void {\n    this.pinController?.setPrimaryColor(this.primaryColor);\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  protected connectedCallback(): void {\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentWillLoad(): void {\n    this.updateViewport();\n    this.setupController();\n    this.setupInteractionHandler();\n\n    this.pinModel.onEntitiesChanged((entities) => {\n      this.pins = entities;\n    });\n\n    this.pinModel.onSelectionChange((selectedId) => {\n      this.selectedPinId = selectedId;\n    });\n\n    this.handleViewerChanged(this.viewer, undefined);\n  }\n\n  protected componentDidLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => this.updateViewport());\n    this.resizeObserver.observe(this.hostEl);\n  }\n\n  /**\n   * @ignore\n   */\n  protected disconnectedCallback(): void {\n    this.clearInteractionHandler();\n    this.clearModelListeners();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(\n    newViewer?: HTMLVertexViewerElement,\n    oldViewer?: HTMLVertexViewerElement\n  ): void {\n    this.setupInteractionHandler();\n\n    if (oldViewer != null) {\n      oldViewer.removeEventListener(\n        'frameDrawn',\n        this.handleSetProjectionMatrix\n      );\n    }\n\n    if (newViewer != null) {\n      newViewer.addEventListener('frameDrawn', this.handleSetProjectionMatrix);\n    }\n\n    this.handleSetProjectionMatrix();\n  }\n\n  private handleSetProjectionMatrix = (): void => {\n    this.projectionViewMatrix =\n      this.viewer?.frame?.scene.camera.projectionViewMatrix;\n  };\n\n  protected render(): JSX.Element {\n    return (\n      <Host>\n        <vertex-viewer-dom-renderer viewer={this.viewer} drawMode=\"2d\">\n          {this.pins.map((pin) => {\n            return (\n              <vertex-viewer-pin-group\n                id={`pin-group-${pin.id}`}\n                data-is-dom-group-element={true}\n                pin={pin}\n                elementBounds={this.elementBounds}\n                pinModel={this.pinModel}\n                pinController={this.pinController}\n                projectionViewMatrix={this.projectionViewMatrix}\n                selected={this.selectedPinId === pin.id}\n              ></vertex-viewer-pin-group>\n            );\n          })}\n        </vertex-viewer-dom-renderer>\n      </Host>\n    );\n  }\n\n  private setupController(): void {\n    const attributes =\n      this.accentColor || this.primaryColor\n        ? {\n            accentColor: this.accentColor,\n            primaryColor: this.primaryColor,\n          }\n        : undefined;\n    this.pinController = new PinController(\n      this.pinModel,\n      this.mode,\n      this.tool,\n      attributes\n    );\n  }\n\n  private clearInteractionHandler(): void {\n    this.registeredInteractionHandler?.then((handler) => handler.dispose());\n    this.registeredInteractionHandler = undefined;\n  }\n\n  private setupInteractionHandler(): void {\n    const hostStyles = window.getComputedStyle(this.hostEl);\n    const xOffset = hostStyles\n      .getPropertyValue('--viewer-pin-tool-initial-label-offset-x')\n      .trim();\n    const yOffset = hostStyles\n      .getPropertyValue('--viewer-pin-tool-initial-label-offset-y')\n      .trim();\n\n    this.clearInteractionHandler();\n\n    if (this.pinController != null) {\n      this.registeredInteractionHandler =\n        this.viewer?.registerInteractionHandler(\n          new PinsInteractionHandler(\n            this.pinController,\n            parseInt(xOffset),\n            parseInt(yOffset)\n          )\n        );\n    }\n  }\n\n  private clearModelListeners(): void {\n    this.onEntitiesChangedHandler?.dispose();\n    this.onEntitiesChangedHandler = undefined;\n    this.resizeObserver?.disconnect();\n  }\n\n  private updateViewport(): void {\n    const rect = getMarkupBoundingClientRect(this.hostEl);\n    this.elementBounds = rect;\n  }\n}\n"],"version":3}

package/dist/components/vertex-viewer-spinner.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/regl-shape";
-
-interface VertexViewerSpinner extends Components.VertexViewerSpinner, HTMLElement {}
-export const VertexViewerSpinner: {
-  prototype: VertexViewerSpinner;
-  new (): VertexViewerSpinner;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;