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

package/dist/components/vertex-viewer-default-toolbar.js

@@ -1,99 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$6 } from './viewer-button.js';
-import { d as defineCustomElement$5 } from './viewer-icon.js';
-import { d as defineCustomElement$4 } from './viewer-layer.js';
-import { d as defineCustomElement$3 } from './viewer-toolbar.js';
-import { d as defineCustomElement$2 } from './viewer-toolbar-group.js';
-
-const viewerDefaultToolbarCss = ":host{--viewer-toolbar-group-gap:0.5rem;--viewer-toolbar-group-background:rgba(245, 245, 245, 0.95);--viewer-toolbar-group-border-radius:0.25rem;--viewer-toolbar-group-box-shadow:-1px 0 2px rgba(0, 0, 0, 0.12),\n    1px 0 2px rgba(0, 0, 0, 0.13);--viewer-toolbar-group-padding:0.25rem;--viewer-toolbar-group-item-gap:0.25rem}.group{background:var(--viewer-toolbar-group-background);border-radius:var(--viewer-toolbar-group-border-radius);box-shadow:var(--viewer-toolbar-group-box-shadow);padding:var(--viewer-toolbar-group-padding)}.group[data-direction='horizontal']:not(:first-child){margin-left:var(--viewer-toolbar-group-gap)}.group[data-direction='horizontal'] .group-item:not(:first-child){margin-left:var(--viewer-toolbar-group-item-gap)}.group[data-direction='vertical']:not(:first-child){margin-top:var(--viewer-toolbar-group-gap)}.group[data-direction='vertical'] .group-item:not(:first-child){margin-top:var(--viewer-toolbar-group-item-gap)}.btn{color:var(--neutral-800);padding:0.125rem;border-radius:0.125rem}.btn:hover{background:var(--neutral-300)}";
-
-const ViewerDefaultToolbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Specifies where the toolbar is positioned.
-     */
-    this.placement = 'bottom-center';
-    /**
-     * Specifies the direction that UI elements are placed.
-     */
-    this.direction = 'horizontal';
-    /**
-     * Indicates whether animations will be used when performing camera
-     * operations. Defaults to `true`.
-     */
-    this.animationsDisabled = false;
-    /**
-     * The duration of animations, in milliseconds. Defaults to `1000`.
-     */
-    this.animationMs = 1000;
-  }
-  render() {
-    return (h("vertex-viewer-toolbar", { placement: this.placement, direction: this.direction }, h("vertex-viewer-toolbar-group", { class: "group", direction: this.direction, "data-direction": this.direction }, h("vertex-viewer-button", { class: "group-item btn", "data-test-id": "fit-all-btn", onClick: () => this.viewAll() }, h("vertex-viewer-icon", { class: "icon", name: "fit-all", size: "md" })))));
-  }
-  async viewAll() {
-    var _a;
-    const scene = await ((_a = this.viewer) === null || _a === void 0 ? void 0 : _a.scene());
-    const animation = this.animationsDisabled
-      ? undefined
-      : { milliseconds: this.animationMs };
-    scene === null || scene === void 0 ? void 0 : scene.camera().viewAll().render({ animation });
-  }
-  static get style() { return viewerDefaultToolbarCss; }
-}, [1, "vertex-viewer-default-toolbar", {
-    "viewer": [16],
-    "placement": [1],
-    "direction": [1],
-    "animationsDisabled": [4, "animations-disabled"],
-    "animationMs": [2, "animation-ms"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-viewer-default-toolbar", "vertex-viewer-button", "vertex-viewer-icon", "vertex-viewer-layer", "vertex-viewer-toolbar", "vertex-viewer-toolbar-group"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-viewer-default-toolbar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ViewerDefaultToolbar);
-      }
-      break;
-    case "vertex-viewer-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "vertex-viewer-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "vertex-viewer-layer":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "vertex-viewer-toolbar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "vertex-viewer-toolbar-group":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const VertexViewerDefaultToolbar = ViewerDefaultToolbar;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerDefaultToolbar, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-default-toolbar.js.map

package/dist/components/vertex-viewer-default-toolbar.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-default-toolbar.js","mappings":";;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,yiCAAyiC;;MCU5jC,oBAAoB;EALjC;;;;;;;IAkBS,cAAS,GAA2B,eAAe,CAAC;;;;IAMpD,cAAS,GAAgC,YAAY,CAAC;;;;;IAOtD,uBAAkB,GAAG,KAAK,CAAC;;;;IAM3B,gBAAW,GAAG,IAAI,CAAC;GAgC3B;EA9BQ,MAAM;IACX,QACE,6BACE,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,IAEzB,mCACE,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,IAAI,CAAC,SAAS,oBACT,IAAI,CAAC,SAAS,IAE9B,4BACE,KAAK,EAAC,gBAAgB,kBACT,aAAa,EAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,IAE7B,0BAAoB,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,GAAG,CACvC,CACK,CACR,EACxB;GACH;EAEO,MAAM,OAAO;;IACnB,MAAM,KAAK,GAAG,OAAM,MAAA,IAAI,CAAC,MAAM,0CAAE,KAAK,EAAE,CAAA,CAAC;IACzC,MAAM,SAAS,GAAG,IAAI,CAAC,kBAAkB;QACrC,SAAS;QACT,EAAE,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC;IACvC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;GACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/viewer-default-toolbar/viewer-default-toolbar.css?tag=vertex-viewer-default-toolbar&encapsulation=shadow","./src/components/viewer-default-toolbar/viewer-default-toolbar.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --viewer-toolbar-group-gap: The spacing between each toolbar group.\n   * Defaults to `0.5rem`.\n   */\n  --viewer-toolbar-group-gap: 0.5rem;\n\n  /**\n   * @prop --viewer-toolbar-group-background: The background to apply to each\n   * group in the toolbar. Defaults to `rgba(245, 245, 245, 0.95)`\n   */\n  --viewer-toolbar-group-background: rgba(245, 245, 245, 0.95);\n\n  /**\n   * @prop --viewer-toolbar-group-border-radius: The corner radius to apply to\n   * each group in the toolbar. Defaults to `0.25rem`.\n   */\n  --viewer-toolbar-group-border-radius: 0.25rem;\n\n  /**\n   * @prop --viewer-toolbar-group-box-shadow: The shadow to apply to each group\n   * in the toolbar. Defaults to `-1px 0 2px rgba(0, 0, 0, 0.12), 1px 0 2px rgba(0, 0, 0, 0.13)`.\n   */\n  --viewer-toolbar-group-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.12),\n    1px 0 2px rgba(0, 0, 0, 0.13);\n\n  /**\n   * @prop --viewer-toolbar-group-padding: The padding to apply to each group in\n   * the toolbar. Defaults to `0.25rem`.\n   */\n  --viewer-toolbar-group-padding: 0.25rem;\n\n  /**\n   * @prop --viewer-toolbar-group-item-gap: The spacing between each item within\n   * a toolbar group. Defaults to `0.25rem`.\n   */\n  --viewer-toolbar-group-item-gap: 0.25rem;\n}\n\n.group {\n  background: var(--viewer-toolbar-group-background);\n  border-radius: var(--viewer-toolbar-group-border-radius);\n  box-shadow: var(--viewer-toolbar-group-box-shadow);\n  padding: var(--viewer-toolbar-group-padding);\n}\n\n.group[data-direction='horizontal']:not(:first-child) {\n  margin-left: var(--viewer-toolbar-group-gap);\n}\n\n.group[data-direction='horizontal'] .group-item:not(:first-child) {\n  margin-left: var(--viewer-toolbar-group-item-gap);\n}\n\n.group[data-direction='vertical']:not(:first-child) {\n  margin-top: var(--viewer-toolbar-group-gap);\n}\n\n.group[data-direction='vertical'] .group-item:not(:first-child) {\n  margin-top: var(--viewer-toolbar-group-item-gap);\n}\n\n.btn {\n  color: var(--neutral-800);\n  padding: 0.125rem;\n  border-radius: 0.125rem;\n}\n\n.btn:hover {\n  background: var(--neutral-300);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\nimport { ViewerToolbarPlacement } from '../viewer-toolbar/types';\nimport { ViewerToolbarGroupDirection } from '../viewer-toolbar-group/types';\n\n@Component({\n  tag: 'vertex-viewer-default-toolbar',\n  styleUrl: 'viewer-default-toolbar.css',\n  shadow: true,\n})\nexport class ViewerDefaultToolbar {\n  /**\n   * An instance of the viewer that operations will be performed on. If\n   * contained within a `<vertex-viewer>` element, this property will\n   * automatically be wired.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * Specifies where the toolbar is positioned.\n   */\n  @Prop()\n  public placement: ViewerToolbarPlacement = 'bottom-center';\n\n  /**\n   * Specifies the direction that UI elements are placed.\n   */\n  @Prop()\n  public direction: ViewerToolbarGroupDirection = 'horizontal';\n\n  /**\n   * Indicates whether animations will be used when performing camera\n   * operations. Defaults to `true`.\n   */\n  @Prop()\n  public animationsDisabled = false;\n\n  /**\n   * The duration of animations, in milliseconds. Defaults to `1000`.\n   */\n  @Prop()\n  public animationMs = 1000;\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <vertex-viewer-toolbar\n        placement={this.placement}\n        direction={this.direction}\n      >\n        <vertex-viewer-toolbar-group\n          class=\"group\"\n          direction={this.direction}\n          data-direction={this.direction}\n        >\n          <vertex-viewer-button\n            class=\"group-item btn\"\n            data-test-id=\"fit-all-btn\"\n            onClick={() => this.viewAll()}\n          >\n            <vertex-viewer-icon class=\"icon\" name=\"fit-all\" size=\"md\" />\n          </vertex-viewer-button>\n        </vertex-viewer-toolbar-group>\n      </vertex-viewer-toolbar>\n    );\n  }\n\n  private async viewAll(): Promise<void> {\n    const scene = await this.viewer?.scene();\n    const animation = this.animationsDisabled\n      ? undefined\n      : { milliseconds: this.animationMs };\n    scene?.camera().viewAll().render({ animation });\n  }\n}\n"],"version":3}

package/dist/components/vertex-viewer-dom-element.d.ts

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

package/dist/components/vertex-viewer-dom-element.js

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

package/dist/components/vertex-viewer-dom-element.js.map

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

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

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

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

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

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

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

package/dist/components/vertex-viewer-dom-renderer.d.ts

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

package/dist/components/vertex-viewer-dom-renderer.js

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

package/dist/components/vertex-viewer-dom-renderer.js.map

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

package/dist/components/vertex-viewer-hit-result-indicator.d.ts

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

package/dist/components/vertex-viewer-hit-result-indicator.js

@@ -1,335 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { v as vector3, m as matrix4, q as quaternion, r as ray, c as angle } from './bundle.esm.js';
-import { w as writeDOM, r as readDOM } from './stencil.js';
-import { M as MeshPoints, R as ReglComponent, r as regl, s as shapeBuilder, T as TriangleMesh, c as computeArrowNdcValues, a as Mesh, A as AxisLine, b as axisPositions } from './regl-component.js';
-
-function parseCssColorValue(styles, property) {
-  return styles.getPropertyValue(property).trim().replace(/["']*/g, '');
-}
-
-function computePlaneNdcValues(transform, camera, direction, planeSize) {
-  const transformedDirection = vector3.transformMatrix(direction, matrix4.makeRotation(quaternion.fromMatrixRotation(transform)));
-  const position = vector3.fromMatrixPosition(transform);
-  const worldX = Math.abs(vector3.dot(transformedDirection, vector3.up())) === 1
-    ? vector3.left()
-    : vector3.normalize(vector3.cross(transformedDirection, vector3.up()));
-  const worldY = vector3.normalize(vector3.cross(worldX, transformedDirection));
-  const xRay = ray.create({
-    origin: position,
-    direction: worldX,
-  });
-  const yRay = ray.create({
-    origin: position,
-    direction: worldY,
-  });
-  const bottomLeft = vector3.rotateAboutAxis(angle.toRadians(45), ray.at(xRay, -planeSize), transformedDirection, position);
-  const topLeft = vector3.rotateAboutAxis(angle.toRadians(45), ray.at(yRay, -planeSize), transformedDirection, position);
-  const bottomRight = vector3.rotateAboutAxis(angle.toRadians(45), ray.at(yRay, planeSize), transformedDirection, position);
-  const topRight = vector3.rotateAboutAxis(angle.toRadians(45), ray.at(xRay, planeSize), transformedDirection, position);
-  const world = [bottomLeft, topLeft, topRight, bottomRight];
-  return new MeshPoints(!isNaN(worldX.x), [bottomLeft, topLeft, topRight, bottomRight], world.map((v) => vector3.transformMatrix(v, camera.projectionViewMatrix)), (vector) => vector3.distance(position, vector));
-}
-
-function computePointNdcValues(transform, camera, direction, rectangleSize) {
-  const transformedDirection = vector3.transformMatrix(direction, matrix4.makeRotation(quaternion.fromMatrixRotation(transform)));
-  const position = vector3.fromMatrixPosition(transform);
-  const worldX = vector3.normalize(vector3.cross(transformedDirection, vector3.normalize(camera.viewVector)));
-  const worldY = vector3.normalize(vector3.cross(transformedDirection, worldX));
-  const xRay = ray.create({
-    origin: position,
-    direction: worldX,
-  });
-  const yRay = ray.create({
-    origin: position,
-    direction: worldY,
-  });
-  const bottomLeft = ray.at(xRay, -rectangleSize);
-  const topLeft = ray.at(yRay, -rectangleSize);
-  const bottomRight = ray.at(yRay, rectangleSize);
-  const topRight = ray.at(xRay, rectangleSize);
-  const bottomLeftRotated = vector3.rotateAboutAxis(angle.toRadians(45), bottomLeft, transformedDirection, position);
-  const topLeftRotated = vector3.rotateAboutAxis(angle.toRadians(45), topLeft, transformedDirection, position);
-  const bottomRightRotated = vector3.rotateAboutAxis(angle.toRadians(45), bottomRight, transformedDirection, position);
-  const topRightRotated = vector3.rotateAboutAxis(angle.toRadians(45), topRight, transformedDirection, position);
-  const world = [
-    bottomLeft,
-    bottomLeftRotated,
-    topLeft,
-    topLeftRotated,
-    topRight,
-    topRightRotated,
-    bottomRight,
-    bottomRightRotated,
-  ];
-  return new MeshPoints(!isNaN(worldX.x), world, world.map((v) => vector3.transformMatrix(v, camera.projectionViewMatrix)), (vector) => vector3.distance(position, vector));
-}
-
-// The default amount to scale the computed `triangleSize` by when
-// computing the points for the hit position indicator.
-const DEFAULT_POINT_SIZE_SCALAR = 0.4;
-// The default amount to scale the computed `triangleSize` by when
-// computing the points for the hit plane indicator.
-const DEFAULT_PLANE_SIZE_SCALAR = 5;
-const DEFAULT_PLANE_OPACITY = 0.75;
-class HitIndicator extends ReglComponent {
-  constructor(canvasElement, colors = {}, opacities = {}) {
-    super(canvasElement);
-    this.arrowFillColor = colors.arrow;
-    this.planeFillColor = colors.plane;
-    this.outlineColor = colors.outline;
-    this.planeOpacity = opacities.plane;
-  }
-  updateTransformAndNormal(transform, normal) {
-    var _a;
-    this.transform = transform;
-    this.normal = normal;
-    if (transform != null && normal != null && this.frame != null) {
-      this.updateAndDraw();
-    }
-    else {
-      this.clear();
-      (_a = this.reglFrameDisposable) === null || _a === void 0 ? void 0 : _a.cancel();
-      this.reglFrameDisposable = undefined;
-    }
-  }
-  updateColors(colors) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    this.arrowFillColor = (_a = colors.arrow) !== null && _a !== void 0 ? _a : this.arrowFillColor;
-    this.planeFillColor = (_b = colors.plane) !== null && _b !== void 0 ? _b : this.planeFillColor;
-    this.outlineColor = (_c = colors.outline) !== null && _c !== void 0 ? _c : this.outlineColor;
-    (_d = this.arrow) === null || _d === void 0 ? void 0 : _d.updateFillColor(this.arrowFillColor);
-    (_e = this.plane) === null || _e === void 0 ? void 0 : _e.updateFillColor(this.planeFillColor);
-    (_f = this.arrow) === null || _f === void 0 ? void 0 : _f.updateOutlineColor(this.outlineColor);
-    (_g = this.plane) === null || _g === void 0 ? void 0 : _g.updateOutlineColor(this.outlineColor);
-    (_h = this.point) === null || _h === void 0 ? void 0 : _h.updateOutlineColor(this.outlineColor);
-    (_j = this.axis) === null || _j === void 0 ? void 0 : _j.updateOutlineColor(this.outlineColor);
-  }
-  updateOpacities(opacities) {
-    this.planeOpacity = opacities.plane;
-  }
-  hasData() {
-    return this.transform != null && this.normal != null;
-  }
-  createOrUpdateElements() {
-    if (this.transform != null && this.normal != null && this.frame != null) {
-      if (this.arrow == null) {
-        this.createElements(this.transform, this.normal, this.frame);
-      }
-      else {
-        this.updateElements(this.transform, this.normal, this.frame);
-      }
-    }
-  }
-  createElements(transform, normal, frame) {
-    this.reglCommand = regl({
-      canvas: this.canvasElement,
-      extensions: 'angle_instanced_arrays',
-    });
-    const { createShape } = shapeBuilder(this.reglCommand);
-    const triangleSize = this.computeTriangleSize(vector3.fromMatrixPosition(transform), frame);
-    this.arrow = new TriangleMesh(createShape, 'hit-normal-arrow', computeArrowNdcValues(transform, frame.scene.camera, normal, triangleSize), this.outlineColor, this.arrowFillColor);
-    this.plane = new Mesh(createShape, 'hit-plane', computePlaneNdcValues(transform, frame.scene.camera, normal, triangleSize * DEFAULT_PLANE_SIZE_SCALAR), this.outlineColor, this.planeFillColor, {
-      opacity: this.getPlaneOpacity(),
-      depth: 0.5,
-    });
-    this.point = new Mesh(createShape, 'hit-position', computePointNdcValues(transform, frame.scene.camera, normal, triangleSize * DEFAULT_POINT_SIZE_SCALAR), this.outlineColor, this.outlineColor, {
-      join: 'round',
-      depth: 1,
-    });
-    this.axis = new AxisLine(createShape, 'hit-normal-axis', axisPositions(transform, frame.scene.camera, this.arrow), this.outlineColor, this.arrowFillColor);
-    this.availableElements = [this.arrow, this.point, this.plane, this.axis];
-  }
-  updateElements(transform, normal, frame) {
-    var _a;
-    const triangleSize = this.computeTriangleSize(vector3.fromMatrixPosition(transform), frame);
-    if (this.arrow != null) {
-      this.arrow.updatePoints(computeArrowNdcValues(transform, frame.scene.camera, normal, triangleSize));
-      (_a = this.axis) === null || _a === void 0 ? void 0 : _a.updatePoints(axisPositions(transform, frame.scene.camera, this.arrow));
-    }
-    if (this.plane != null) {
-      this.plane.updatePoints(computePlaneNdcValues(transform, frame.scene.camera, normal, triangleSize * DEFAULT_PLANE_SIZE_SCALAR));
-    }
-    if (this.point != null) {
-      this.point.updatePoints(computePointNdcValues(transform, frame.scene.camera, normal, triangleSize * DEFAULT_POINT_SIZE_SCALAR));
-    }
-  }
-  getPlaneOpacity() {
-    if (this.planeOpacity != null) {
-      return typeof this.planeOpacity === 'string'
-        ? parseFloat(this.planeOpacity)
-        : this.planeOpacity;
-    }
-    return DEFAULT_PLANE_OPACITY;
-  }
-}
-
-const viewerHitResultIndicatorCss = ":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-hit-result-indicator-arrow-color:#0099cc;--viewer-hit-result-indicator-plane-color:#0099cc;--viewer-hit-result-indicator-outline-color:#000000;--viewer-hit-result-indicator-plane-opacity:0.75}.indicator{position:absolute;top:0;left:0}";
-
-const ViewerHitResultIndicator = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.arrowColor = '#0099cc';
-    this.planeColor = '#0099cc';
-    this.outlineColor = '#000000';
-    this.planeOpacity = DEFAULT_PLANE_OPACITY;
-    this.handleViewerFrameDrawn = () => {
-      this.updatePropsFromViewer();
-    };
-    this.handleViewerDimensionsChange = () => {
-      writeDOM(() => {
-        if (this.viewer != null && this.canvasRef != null) {
-          this.canvasRef.width = this.viewer.viewport.width;
-          this.canvasRef.height = this.viewer.viewport.height;
-          this.updateAndRedrawIndicator();
-        }
-      });
-    };
-    this.handleResize = () => {
-      if (this.canvasRef != null) {
-        this.updateAndRedrawIndicator();
-      }
-    };
-    this.updatePropsFromViewer = () => {
-      const { frame } = this.viewer || {};
-      if (frame != null) {
-        const widget = this.getIndicator();
-        widget.updateFrame(frame);
-      }
-    };
-    this.setupIndicator = (canvasRef) => {
-      var _a, _b;
-      console.debug(`Initializing hit indicator. [initial-position=${JSON.stringify(this.position)}, initial-normal=${JSON.stringify(this.normal)} has-initial-frame=${((_a = this.viewer) === null || _a === void 0 ? void 0 : _a.frame) != null}]`);
-      this.indicator = new HitIndicator(canvasRef, {
-        arrow: this.arrowColor,
-        plane: this.planeColor,
-      }, {
-        plane: this.planeOpacity,
-      });
-      this.transform = this.createTransform();
-      this.indicator.updateTransformAndNormal(this.transform, this.normal);
-      if (((_b = this.viewer) === null || _b === void 0 ? void 0 : _b.frame) != null) {
-        this.indicator.updateFrame(this.viewer.frame);
-      }
-      return this.indicator;
-    };
-    this.updateAndRedrawIndicator = () => {
-      readDOM(() => {
-        this.getIndicator().updateAndDraw();
-      });
-    };
-    this.createTransform = () => {
-      if (this.position != null) {
-        return matrix4.makeTranslation(this.position);
-      }
-    };
-    this.getIndicator = () => {
-      if (this.indicator == null && this.canvasRef != null) {
-        return this.setupIndicator(this.canvasRef);
-      }
-      else if (this.indicator != null) {
-        return this.indicator;
-      }
-      else {
-        throw new Error('Hit indicator was not initialized. The canvas element may not have been initialized.');
-      }
-    };
-  }
-  componentDidLoad() {
-    this.handleViewerChanged(this.viewer, undefined);
-    this.canvasResizeObserver = new ResizeObserver(this.handleResize);
-    if (this.canvasRef != null) {
-      this.canvasResizeObserver.observe(this.canvasRef);
-      this.setupIndicator(this.canvasRef);
-    }
-    readDOM(() => {
-      var _a, _b;
-      const hostStyles = window.getComputedStyle(this.hostEl);
-      this.arrowColor = parseCssColorValue(hostStyles, '--viewer-hit-result-indicator-arrow-color');
-      this.planeColor = parseCssColorValue(hostStyles, '--viewer-hit-result-indicator-plane-color');
-      this.outlineColor = parseCssColorValue(hostStyles, '--viewer-hit-result-indicator-outline-color');
-      this.planeOpacity = hostStyles
-        .getPropertyValue('--viewer-hit-result-indicator-plane-opacity')
-        .trim();
-      (_a = this.indicator) === null || _a === void 0 ? void 0 : _a.updateColors({
-        arrow: this.arrowColor,
-        plane: this.planeColor,
-        outline: this.outlineColor,
-      });
-      (_b = this.indicator) === null || _b === void 0 ? void 0 : _b.updateOpacities({
-        plane: this.planeOpacity,
-      });
-    });
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.canvasResizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    (_b = this.indicator) === null || _b === void 0 ? void 0 : _b.dispose();
-  }
-  /**
-   * @ignore
-   */
-  handleViewerChanged(newViewer, oldViewer) {
-    oldViewer === null || oldViewer === void 0 ? void 0 : oldViewer.removeEventListener('frameDrawn', this.handleViewerFrameDrawn);
-    oldViewer === null || oldViewer === void 0 ? void 0 : oldViewer.removeEventListener('dimensionschange', this.handleViewerDimensionsChange);
-    newViewer === null || newViewer === void 0 ? void 0 : newViewer.addEventListener('frameDrawn', this.handleViewerFrameDrawn);
-    newViewer === null || newViewer === void 0 ? void 0 : newViewer.addEventListener('dimensionschange', this.handleViewerDimensionsChange);
-  }
-  /**
-   * @ignore
-   */
-  handlePositionChanged(newPosition, oldPosition) {
-    var _a;
-    this.transform = this.createTransform();
-    console.debug(`Updating indicator position [previous=${JSON.stringify(oldPosition)}, current=${JSON.stringify(newPosition)}]`);
-    (_a = this.indicator) === null || _a === void 0 ? void 0 : _a.updateTransformAndNormal(this.transform, this.normal);
-  }
-  handleNormalChanged(newNormal, oldNormal) {
-    var _a;
-    console.debug(`Updating indicator normal [previous=${JSON.stringify(oldNormal)}, current=${JSON.stringify(newNormal)}]`);
-    if (newNormal) {
-      (_a = this.indicator) === null || _a === void 0 ? void 0 : _a.updateTransformAndNormal(this.transform, this.normal);
-    }
-  }
-  render() {
-    var _a, _b;
-    return (h(Host, null, h("canvas", { ref: (el) => {
-        this.canvasRef = el;
-      }, class: "indicator", width: (_a = this.viewer) === null || _a === void 0 ? void 0 : _a.viewport.width, height: (_b = this.viewer) === null || _b === void 0 ? void 0 : _b.viewport.height })));
-  }
-  get hostEl() { return this; }
-  static get watchers() { return {
-    "viewer": ["handleViewerChanged"],
-    "position": ["handlePositionChanged"],
-    "normal": ["handleNormalChanged"]
-  }; }
-  static get style() { return viewerHitResultIndicatorCss; }
-}, [1, "vertex-viewer-hit-result-indicator", {
-    "viewer": [16],
-    "position": [1040],
-    "normal": [1040]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-viewer-hit-result-indicator"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-viewer-hit-result-indicator":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, ViewerHitResultIndicator);
-      }
-      break;
-  } });
-}
-
-const VertexViewerHitResultIndicator = ViewerHitResultIndicator;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexViewerHitResultIndicator, defineCustomElement };
-
-//# sourceMappingURL=vertex-viewer-hit-result-indicator.js.map

package/dist/components/vertex-viewer-hit-result-indicator.js.map

@@ -1 +0,0 @@
-{"file":"vertex-viewer-hit-result-indicator.js","mappings":"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","names":["Vector3","Matrix4","Quaternion","Ray","Angle"],"sources":["./src/components/viewer-hit-result-indicator/lib/dom.ts","./src/components/viewer-hit-result-indicator/lib/plane.ts","./src/components/viewer-hit-result-indicator/lib/point.ts","./src/components/viewer-hit-result-indicator/lib/indicator.ts","./src/components/viewer-hit-result-indicator/viewer-hit-result-indicator.css?tag=vertex-viewer-hit-result-indicator&encapsulation=shadow","./src/components/viewer-hit-result-indicator/viewer-hit-result-indicator.tsx"],"sourcesContent":["export function parseCssColorValue(\n  styles: CSSStyleDeclaration,\n  property: string\n): string {\n  return styles.getPropertyValue(property).trim().replace(/[\"']*/g, '');\n}\n","import { Angle, Matrix4, Quaternion, Ray, Vector3 } from '@vertexvis/geometry';\n\nimport { MeshPoints } from '../../../lib/transforms/mesh';\nimport { FrameCameraBase } from '../../../lib/types';\n\nexport function computePlaneNdcValues(\n  transform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  direction: Vector3.Vector3,\n  planeSize: number\n): MeshPoints {\n  const transformedDirection = Vector3.transformMatrix(\n    direction,\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(transform))\n  );\n\n  const position = Vector3.fromMatrixPosition(transform);\n\n  const worldX =\n    Math.abs(Vector3.dot(transformedDirection, Vector3.up())) === 1\n      ? Vector3.left()\n      : Vector3.normalize(Vector3.cross(transformedDirection, Vector3.up()));\n  const worldY = Vector3.normalize(Vector3.cross(worldX, transformedDirection));\n  const xRay = Ray.create({\n    origin: position,\n    direction: worldX,\n  });\n  const yRay = Ray.create({\n    origin: position,\n    direction: worldY,\n  });\n\n  const bottomLeft = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(xRay, -planeSize),\n    transformedDirection,\n    position\n  );\n  const topLeft = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(yRay, -planeSize),\n    transformedDirection,\n    position\n  );\n  const bottomRight = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(yRay, planeSize),\n    transformedDirection,\n    position\n  );\n  const topRight = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(xRay, planeSize),\n    transformedDirection,\n    position\n  );\n\n  const world = [bottomLeft, topLeft, topRight, bottomRight];\n\n  return new MeshPoints(\n    !isNaN(worldX.x),\n    [bottomLeft, topLeft, topRight, bottomRight],\n    world.map((v) => Vector3.transformMatrix(v, camera.projectionViewMatrix)),\n    (vector) => Vector3.distance(position, vector)\n  );\n}\n","import { Angle, Matrix4, Quaternion, Ray, Vector3 } from '@vertexvis/geometry';\n\nimport { MeshPoints } from '../../../lib/transforms/mesh';\nimport { FrameCameraBase } from '../../../lib/types';\n\nexport function computePointNdcValues(\n  transform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  direction: Vector3.Vector3,\n  rectangleSize: number\n): MeshPoints {\n  const transformedDirection = Vector3.transformMatrix(\n    direction,\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(transform))\n  );\n\n  const position = Vector3.fromMatrixPosition(transform);\n\n  const worldX = Vector3.normalize(\n    Vector3.cross(transformedDirection, Vector3.normalize(camera.viewVector))\n  );\n  const worldY = Vector3.normalize(Vector3.cross(transformedDirection, worldX));\n  const xRay = Ray.create({\n    origin: position,\n    direction: worldX,\n  });\n  const yRay = Ray.create({\n    origin: position,\n    direction: worldY,\n  });\n\n  const bottomLeft = Ray.at(xRay, -rectangleSize);\n  const topLeft = Ray.at(yRay, -rectangleSize);\n  const bottomRight = Ray.at(yRay, rectangleSize);\n  const topRight = Ray.at(xRay, rectangleSize);\n\n  const bottomLeftRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    bottomLeft,\n    transformedDirection,\n    position\n  );\n  const topLeftRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    topLeft,\n    transformedDirection,\n    position\n  );\n  const bottomRightRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    bottomRight,\n    transformedDirection,\n    position\n  );\n  const topRightRotated = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    topRight,\n    transformedDirection,\n    position\n  );\n\n  const world = [\n    bottomLeft,\n    bottomLeftRotated,\n    topLeft,\n    topLeftRotated,\n    topRight,\n    topRightRotated,\n    bottomRight,\n    bottomRightRotated,\n  ];\n\n  return new MeshPoints(\n    !isNaN(worldX.x),\n    world,\n    world.map((v) => Vector3.transformMatrix(v, camera.projectionViewMatrix)),\n    (vector) => Vector3.distance(position, vector)\n  );\n}\n","import { Matrix4 } from '@vertexvis/geometry';\nimport { Vector3 } from '@vertexvis/geometry';\nimport { Color } from '@vertexvis/utils';\nimport regl from 'regl';\nimport shapeBuilder, { JoinStyle } from 'regl-shape';\n\nimport { axisPositions } from '../../../lib/transforms/axis-lines';\nimport { computeArrowNdcValues } from '../../../lib/transforms/axis-translation';\nimport { AxisLine } from '../../../lib/transforms/line';\nimport { Mesh, TriangleMesh } from '../../../lib/transforms/mesh';\nimport { Frame } from '../../../lib/types';\nimport { ReglComponent } from '../../../lib/webgl/regl-component';\nimport { computePlaneNdcValues } from './plane';\nimport { computePointNdcValues } from './point';\n\nexport interface DrawableElementColors {\n  arrow?: Color.Color | string;\n  plane?: Color.Color | string;\n  outline?: Color.Color | string;\n}\n\nexport interface DrawableElementOpacities {\n  plane?: string | number;\n}\n\n// The default amount to scale the computed `triangleSize` by when\n// computing the points for the hit position indicator.\nexport const DEFAULT_POINT_SIZE_SCALAR = 0.4;\n\n// The default amount to scale the computed `triangleSize` by when\n// computing the points for the hit plane indicator.\nexport const DEFAULT_PLANE_SIZE_SCALAR = 5;\n\nexport const DEFAULT_PLANE_OPACITY = 0.75;\n\nexport class HitIndicator extends ReglComponent {\n  private axis?: AxisLine;\n  private arrow?: TriangleMesh;\n  private point?: Mesh;\n  private plane?: Mesh;\n\n  private transform?: Matrix4.Matrix4;\n  private normal?: Vector3.Vector3;\n\n  private arrowFillColor?: Color.Color | string;\n  private planeFillColor?: Color.Color | string;\n  private outlineColor?: Color.Color | string;\n\n  private planeOpacity?: string | number;\n\n  public constructor(\n    canvasElement: HTMLCanvasElement,\n    colors: DrawableElementColors = {},\n    opacities: DrawableElementOpacities = {}\n  ) {\n    super(canvasElement);\n\n    this.arrowFillColor = colors.arrow;\n    this.planeFillColor = colors.plane;\n    this.outlineColor = colors.outline;\n    this.planeOpacity = opacities.plane;\n  }\n\n  public updateTransformAndNormal(\n    transform?: Matrix4.Matrix4,\n    normal?: Vector3.Vector3\n  ): void {\n    this.transform = transform;\n    this.normal = normal;\n\n    if (transform != null && normal != null && this.frame != null) {\n      this.updateAndDraw();\n    } else {\n      this.clear();\n      this.reglFrameDisposable?.cancel();\n      this.reglFrameDisposable = undefined;\n    }\n  }\n\n  public updateColors(colors: DrawableElementColors): void {\n    this.arrowFillColor = colors.arrow ?? this.arrowFillColor;\n    this.planeFillColor = colors.plane ?? this.planeFillColor;\n    this.outlineColor = colors.outline ?? this.outlineColor;\n    this.arrow?.updateFillColor(this.arrowFillColor);\n    this.plane?.updateFillColor(this.planeFillColor);\n    this.arrow?.updateOutlineColor(this.outlineColor);\n    this.plane?.updateOutlineColor(this.outlineColor);\n    this.point?.updateOutlineColor(this.outlineColor);\n    this.axis?.updateOutlineColor(this.outlineColor);\n  }\n\n  public updateOpacities(opacities: DrawableElementOpacities): void {\n    this.planeOpacity = opacities.plane;\n  }\n\n  protected hasData(): boolean {\n    return this.transform != null && this.normal != null;\n  }\n\n  protected createOrUpdateElements(): void {\n    if (this.transform != null && this.normal != null && this.frame != null) {\n      if (this.arrow == null) {\n        this.createElements(this.transform, this.normal, this.frame);\n      } else {\n        this.updateElements(this.transform, this.normal, this.frame);\n      }\n    }\n  }\n\n  private createElements(\n    transform: Matrix4.Matrix4,\n    normal: Vector3.Vector3,\n    frame: Frame\n  ): void {\n    this.reglCommand = regl({\n      canvas: this.canvasElement,\n      extensions: 'angle_instanced_arrays',\n    });\n    const { createShape } = shapeBuilder(this.reglCommand);\n\n    const triangleSize = this.computeTriangleSize(\n      Vector3.fromMatrixPosition(transform),\n      frame\n    );\n\n    this.arrow = new TriangleMesh(\n      createShape,\n      'hit-normal-arrow',\n      computeArrowNdcValues(\n        transform,\n        frame.scene.camera,\n        normal,\n        triangleSize\n      ),\n      this.outlineColor,\n      this.arrowFillColor\n    );\n    this.plane = new Mesh(\n      createShape,\n      'hit-plane',\n      computePlaneNdcValues(\n        transform,\n        frame.scene.camera,\n        normal,\n        triangleSize * DEFAULT_PLANE_SIZE_SCALAR\n      ),\n      this.outlineColor,\n      this.planeFillColor,\n      {\n        opacity: this.getPlaneOpacity(),\n        depth: 0.5,\n      }\n    );\n    this.point = new Mesh(\n      createShape,\n      'hit-position',\n      computePointNdcValues(\n        transform,\n        frame.scene.camera,\n        normal,\n        triangleSize * DEFAULT_POINT_SIZE_SCALAR\n      ),\n      this.outlineColor,\n      this.outlineColor,\n      {\n        join: 'round' as JoinStyle,\n        depth: 1,\n      }\n    );\n    this.axis = new AxisLine(\n      createShape,\n      'hit-normal-axis',\n      axisPositions(transform, frame.scene.camera, this.arrow),\n      this.outlineColor,\n      this.arrowFillColor\n    );\n\n    this.availableElements = [this.arrow, this.point, this.plane, this.axis];\n  }\n\n  private updateElements(\n    transform: Matrix4.Matrix4,\n    normal: Vector3.Vector3,\n    frame: Frame\n  ): void {\n    const triangleSize = this.computeTriangleSize(\n      Vector3.fromMatrixPosition(transform),\n      frame\n    );\n\n    if (this.arrow != null) {\n      this.arrow.updatePoints(\n        computeArrowNdcValues(\n          transform,\n          frame.scene.camera,\n          normal,\n          triangleSize\n        )\n      );\n      this.axis?.updatePoints(\n        axisPositions(transform, frame.scene.camera, this.arrow)\n      );\n    }\n    if (this.plane != null) {\n      this.plane.updatePoints(\n        computePlaneNdcValues(\n          transform,\n          frame.scene.camera,\n          normal,\n          triangleSize * DEFAULT_PLANE_SIZE_SCALAR\n        )\n      );\n    }\n    if (this.point != null) {\n      this.point.updatePoints(\n        computePointNdcValues(\n          transform,\n          frame.scene.camera,\n          normal,\n          triangleSize * DEFAULT_POINT_SIZE_SCALAR\n        )\n      );\n    }\n  }\n\n  private getPlaneOpacity(): number {\n    if (this.planeOpacity != null) {\n      return typeof this.planeOpacity === 'string'\n        ? parseFloat(this.planeOpacity)\n        : this.planeOpacity;\n    }\n    return DEFAULT_PLANE_OPACITY;\n  }\n}\n",":host {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  /**\n  * @prop --viewer-hit-result-indicator-arrow-color: A CSS color for the arrow\n  * representing the normal for this hit indicator. Defaults to `#0099cc`.\n  */\n  --viewer-hit-result-indicator-arrow-color: #0099cc;\n\n  /**\n  * @prop --viewer-hit-result-indicator-plane-color: A CSS color for the plane\n  * for this hit indicator. Defaults to `#0099cc`.\n  */\n  --viewer-hit-result-indicator-plane-color: #0099cc;\n\n  /**\n  * @prop --viewer-hit-result-indicator-outline-color: A CSS color for the outline\n  * of the plane and arrow. Defaults to `#000000`.\n  */\n  --viewer-hit-result-indicator-outline-color: #000000;\n\n  /**\n  * @prop --viewer-hit-result-indicator-plane-opacity: A CSS number for the opacity\n  * of the plane for this hit indicator. Defaults to `0.75`.\n  */\n  --viewer-hit-result-indicator-plane-opacity: 0.75;\n}\n\n.indicator {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\nimport { Matrix4, Vector3 } from '@vertexvis/geometry';\nimport { Color } from '@vertexvis/utils';\n\nimport { readDOM, writeDOM } from '../../lib/stencil';\nimport { parseCssColorValue } from './lib/dom';\nimport { DEFAULT_PLANE_OPACITY, HitIndicator } from './lib/indicator';\n\n@Component({\n  tag: 'vertex-viewer-hit-result-indicator',\n  styleUrl: 'viewer-hit-result-indicator.css',\n  shadow: true,\n})\nexport class ViewerHitResultIndicator {\n  /**\n   * The viewer to connect to this indicator. If nested within a <vertex-viewer>,\n   * this property will be populated automatically.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The position of this indicator. A point will be displayed at this position,\n   * and it will be used alongside the provided `normal` to display a plane and\n   * normal arrow centered at the position.\n   */\n  @Prop({ mutable: true })\n  public position?: Vector3.Vector3;\n\n  /**\n   * The normal of this indicator. This value will be represented as an arrow,\n   * and will be used alongside the provided `position` to display a plane.\n   */\n  @Prop({ mutable: true })\n  public normal?: Vector3.Vector3;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  private transform?: Matrix4.Matrix4;\n\n  private arrowColor: Color.Color | string = '#0099cc';\n  private planeColor: Color.Color | string = '#0099cc';\n  private outlineColor: Color.Color | string = '#000000';\n  private planeOpacity: number | string = DEFAULT_PLANE_OPACITY;\n\n  private indicator?: HitIndicator;\n\n  private canvasResizeObserver?: ResizeObserver;\n  private canvasRef?: HTMLCanvasElement;\n\n  protected componentDidLoad(): void {\n    this.handleViewerChanged(this.viewer, undefined);\n\n    this.canvasResizeObserver = new ResizeObserver(this.handleResize);\n\n    if (this.canvasRef != null) {\n      this.canvasResizeObserver.observe(this.canvasRef);\n\n      this.setupIndicator(this.canvasRef);\n    }\n\n    readDOM(() => {\n      const hostStyles = window.getComputedStyle(this.hostEl);\n\n      this.arrowColor = parseCssColorValue(\n        hostStyles,\n        '--viewer-hit-result-indicator-arrow-color'\n      );\n      this.planeColor = parseCssColorValue(\n        hostStyles,\n        '--viewer-hit-result-indicator-plane-color'\n      );\n      this.outlineColor = parseCssColorValue(\n        hostStyles,\n        '--viewer-hit-result-indicator-outline-color'\n      );\n      this.planeOpacity = hostStyles\n        .getPropertyValue('--viewer-hit-result-indicator-plane-opacity')\n        .trim();\n\n      this.indicator?.updateColors({\n        arrow: this.arrowColor,\n        plane: this.planeColor,\n        outline: this.outlineColor,\n      });\n      this.indicator?.updateOpacities({\n        plane: this.planeOpacity,\n      });\n    });\n  }\n\n  protected disconnectedCallback(): void {\n    this.canvasResizeObserver?.disconnect();\n\n    this.indicator?.dispose();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(\n    newViewer?: HTMLVertexViewerElement,\n    oldViewer?: HTMLVertexViewerElement\n  ): void {\n    oldViewer?.removeEventListener('frameDrawn', this.handleViewerFrameDrawn);\n    oldViewer?.removeEventListener(\n      'dimensionschange',\n      this.handleViewerDimensionsChange\n    );\n    newViewer?.addEventListener('frameDrawn', this.handleViewerFrameDrawn);\n    newViewer?.addEventListener(\n      'dimensionschange',\n      this.handleViewerDimensionsChange\n    );\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('position')\n  protected handlePositionChanged(\n    newPosition?: Vector3.Vector3,\n    oldPosition?: Vector3.Vector3\n  ): void {\n    this.transform = this.createTransform();\n\n    console.debug(\n      `Updating indicator position [previous=${JSON.stringify(\n        oldPosition\n      )}, current=${JSON.stringify(newPosition)}]`\n    );\n\n    this.indicator?.updateTransformAndNormal(this.transform, this.normal);\n  }\n\n  @Watch('normal')\n  protected handleNormalChanged(\n    newNormal?: Vector3.Vector3,\n    oldNormal?: Vector3.Vector3\n  ): void {\n    console.debug(\n      `Updating indicator normal [previous=${JSON.stringify(\n        oldNormal\n      )}, current=${JSON.stringify(newNormal)}]`\n    );\n\n    if (newNormal) {\n      this.indicator?.updateTransformAndNormal(this.transform, this.normal);\n    }\n  }\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <canvas\n          ref={(el) => {\n            this.canvasRef = el;\n          }}\n          class=\"indicator\"\n          width={this.viewer?.viewport.width}\n          height={this.viewer?.viewport.height}\n        />\n      </Host>\n    );\n  }\n\n  private handleViewerFrameDrawn = (): void => {\n    this.updatePropsFromViewer();\n  };\n\n  private handleViewerDimensionsChange = (): void => {\n    writeDOM(() => {\n      if (this.viewer != null && this.canvasRef != null) {\n        this.canvasRef.width = this.viewer.viewport.width;\n        this.canvasRef.height = this.viewer.viewport.height;\n\n        this.updateAndRedrawIndicator();\n      }\n    });\n  };\n\n  private handleResize = (): void => {\n    if (this.canvasRef != null) {\n      this.updateAndRedrawIndicator();\n    }\n  };\n\n  private updatePropsFromViewer = (): void => {\n    const { frame } = this.viewer || {};\n\n    if (frame != null) {\n      const widget = this.getIndicator();\n\n      widget.updateFrame(frame);\n    }\n  };\n\n  private setupIndicator = (canvasRef: HTMLCanvasElement): HitIndicator => {\n    console.debug(\n      `Initializing hit indicator. [initial-position=${JSON.stringify(\n        this.position\n      )}, initial-normal=${JSON.stringify(this.normal)} has-initial-frame=${\n        this.viewer?.frame != null\n      }]`\n    );\n\n    this.indicator = new HitIndicator(\n      canvasRef,\n      {\n        arrow: this.arrowColor,\n        plane: this.planeColor,\n      },\n      {\n        plane: this.planeOpacity,\n      }\n    );\n\n    this.transform = this.createTransform();\n    this.indicator.updateTransformAndNormal(this.transform, this.normal);\n    if (this.viewer?.frame != null) {\n      this.indicator.updateFrame(this.viewer.frame);\n    }\n\n    return this.indicator;\n  };\n\n  private updateAndRedrawIndicator = (): void => {\n    readDOM(() => {\n      this.getIndicator().updateAndDraw();\n    });\n  };\n\n  private createTransform = (): Matrix4.Matrix4 | undefined => {\n    if (this.position != null) {\n      return Matrix4.makeTranslation(this.position);\n    }\n  };\n\n  private getIndicator = (): HitIndicator => {\n    if (this.indicator == null && this.canvasRef != null) {\n      return this.setupIndicator(this.canvasRef);\n    } else if (this.indicator != null) {\n      return this.indicator;\n    } else {\n      throw new Error(\n        'Hit indicator was not initialized. The canvas element may not have been initialized.'\n      );\n    }\n  };\n}\n"],"version":3}

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

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

package/dist/components/vertex-viewer-icon.js

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

package/dist/components/vertex-viewer-icon.js.map

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