@vertexvis/viewer 1.1.1-testing.3 → 1.1.1-testing.5

package/dist/viewer/p-UQXG8bCI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-UQXG8bCI.js","sources":["../geometry/src/point.ts","src/components/viewer-markup-arrow/utils.ts","src/components/viewer-markup-circle/utils.ts","src/components/viewer-markup-freeform/utils.ts"],"sourcesContent":["import * as Angle from './angle';\nimport { lerp as lerpNumber } from './math';\n\n/**\n * A `Point` represents a cartesian coordinate with a horizontal and vertical\n * position or length.\n */\nexport interface Point {\n  x: number;\n  y: number;\n}\n\n/**\n * Returns a new `Point` with the given horizontal and vertical position.\n */\nexport function create(x = 0, y = 0): Point {\n  return { x, y };\n}\n\n/**\n * Converts a polar coordinate (length and angle) into a Cartesian coordinate.\n */\nexport function polar(length: number, radians: Angle.Angle): Point {\n  const x = Math.cos(radians) * length;\n  const y = Math.sin(radians) * length;\n  return create(x, y);\n}\n\n/**\n * Returns the distance between two points.\n */\nexport function distance(a: Point, b: Point): number {\n  const delta = subtract(a, b);\n  return Math.sqrt(delta.x * delta.x + delta.y * delta.y);\n}\n\n/**\n * Returns a new `Point` where `b` is subtracted from `a`.\n */\nexport function subtract(a: Point, b: Point): Point {\n  return { x: a.x - b.x, y: a.y - b.y };\n}\n\n/**\n * Returns a new `Point` where `b` is added to `a`.\n */\nexport function add(a: Point, b: Point): Point {\n  return { x: a.x + b.x, y: a.y + b.y };\n}\n\n/**\n * Returns `true` if the `x` and `y` positions of `a` and `b` are equal.\n */\nexport function isEqual(a: Point, b: Point): boolean {\n  return a.x === b.x && a.y === b.y;\n}\n\n/**\n * Performs a linear interpolation between `a` and `b` and returns the result.\n * The value of `t` is clamped between `[0, 1]`.\n *\n * @param a The start value.\n * @param b The end value.\n * @param t A value between 0 and 1.\n * @returns A point between `a` and `b`.\n */\nexport function lerp(a: Point, b: Point, t: number): Point {\n  return {\n    x: lerpNumber(a.x, b.x, t),\n    y: lerpNumber(a.y, b.y, t),\n  };\n}\n\n/**\n * Returns a new `Point` where `x` and `y` are inverted.\n */\nexport function negate(pt: Point): Point {\n  return create(-pt.x, -pt.y);\n}\n\n/**\n * Returns a new `Point` where `x` and `y` are multiplied by the given scale\n * factors.\n */\nexport function scale(pt: Point, scaleX: number, scaleY: number): Point {\n  return {\n    x: pt.x * scaleX,\n    y: pt.y * scaleY,\n  };\n}\n\n/**\n * Returns a new `Point` where `x` and `y` are multiplied by the given scale\n * factor.\n */\nexport function scaleProportional(pt: Point, scale: number): Point {\n  return {\n    x: pt.x * scale,\n    y: pt.y * scale,\n  };\n}\n\n/**\n * Returns the magnitude of a point.\n */\nexport function magnitude(pt: Point): number {\n  return Math.sqrt(pt.x * pt.x + pt.y * pt.y);\n}\n\n/**\n * Transforms a vector into the corresponding normal (unit) vector.\n */\nexport function normalizeVector(pt: Point): Point {\n  const magnitudeOfPoint = magnitude(pt);\n  if (magnitudeOfPoint === 0) {\n    return create(0, 0);\n  } else {\n    return scaleProportional(pt, 1 / magnitudeOfPoint);\n  }\n}\n\n/**\n * Returns a new normal (unit) vector pointing between the two given points.\n */\nexport function normalDirectionVector(ptA: Point, ptB: Point): Point {\n  return normalizeVector(subtract(ptB, ptA));\n}\n\n/**\n * Returns a vector orthogonal to the vector between the two given points.\n */\nexport function orthogonalVector(ptA: Point, ptB: Point): Point {\n  const unitVectorBetweenPoints = normalDirectionVector(ptA, ptB);\n\n  // Handle vectors that are parallel to the x or y axis\n  if (unitVectorBetweenPoints.x === 0 || unitVectorBetweenPoints.y === 0) {\n    return create(-1 * unitVectorBetweenPoints.y, unitVectorBetweenPoints.x);\n  }\n\n  if (\n    Math.abs(unitVectorBetweenPoints.x) > Math.abs(unitVectorBetweenPoints.y)\n  ) {\n    const vectorXValue = 1 - Math.pow(unitVectorBetweenPoints.x, 2);\n    const vectorYValue =\n      -1 * unitVectorBetweenPoints.x * unitVectorBetweenPoints.y;\n    return normalizeVector(create(vectorXValue, vectorYValue));\n  } else {\n    const vectorXValue =\n      -1 * unitVectorBetweenPoints.x * unitVectorBetweenPoints.y;\n    const vectorYValue = 1 - Math.pow(unitVectorBetweenPoints.y, 2);\n    return normalizeVector(create(vectorXValue, vectorYValue));\n  }\n}\n\n/**\n * Parses a JSON string representation of a Point and returns an object.\n *\n * @param json A JSON string, either in the form `[x,y]` or `{\"x\": 0, \"y\": 0}`\n * @returns A parsed Point.\n */\nexport function fromJson(json: string): Point {\n  const obj = JSON.parse(json);\n  if (Array.isArray(obj)) {\n    const [x, y] = obj;\n    return create(x, y);\n  } else {\n    const { x, y } = obj;\n    return create(x, y);\n  }\n}\n","import { Angle } from '@vertexvis/geometry';\n\nimport * as Point from '../../../../geometry/src/point';\n\nexport type LineAnchorStyle =\n  | 'arrow-triangle'\n  | 'arrow-line'\n  | 'dot'\n  | 'hash'\n  | 'none';\n\nexport interface LineAnchorStylePoints {\n  tip: Point.Point;\n  base: Point.Point;\n  arrowTriangle: ArrowheadPoints;\n  arrowLine: ArrowheadPoints;\n  hash: ArrowheadPoints;\n  radius: number;\n}\n\nexport interface ArrowheadPoints {\n  leftPoint: Point.Point;\n  rightPoint: Point.Point;\n}\n\nexport interface LinePoints {\n  x1: number;\n  y1: number;\n  x2: number;\n  y2: number;\n}\n\nexport interface CirclePoints {\n  cx: number;\n  cy: number;\n  r: number;\n}\n\nexport function createArrowheadPoints(\n  start: Point.Point,\n  end: Point.Point,\n  arrowSideLength: number,\n  arrowHeadTheta: number,\n): ArrowheadPoints {\n  const arrowOrthogonalVector = Point.orthogonalVector(start, end);\n  const normalizedDirection = Point.normalDirectionVector(start, end);\n\n  const arrowLeft = Point.subtract(\n    end,\n    Point.add(\n      Point.scaleProportional(\n        normalizedDirection,\n        arrowSideLength * Math.cos(arrowHeadTheta),\n      ),\n      Point.scaleProportional(\n        arrowOrthogonalVector,\n        arrowSideLength * Math.sin(arrowHeadTheta),\n      ),\n    ),\n  );\n  const arrowRight = Point.subtract(\n    end,\n    Point.subtract(\n      Point.scaleProportional(\n        normalizedDirection,\n        arrowSideLength * Math.cos(arrowHeadTheta),\n      ),\n      Point.scaleProportional(\n        arrowOrthogonalVector,\n        arrowSideLength * Math.sin(arrowHeadTheta),\n      ),\n    ),\n  );\n\n  return {\n    leftPoint: arrowLeft,\n    rightPoint: arrowRight,\n  };\n}\n\nexport function createLineAnchorStylePoints(\n  start: Point.Point,\n  end: Point.Point,\n  triangleArrowAngle = 65,\n  lineArrowAngle = 85,\n): LineAnchorStylePoints {\n  // Adjust the size of the end style to the distance between the start and end points\n  const distance = Point.distance(start, end);\n  const arrowHeadHeight = Math.max(4, Math.min(16, distance * 0.25));\n  const hashHeight = Math.max(4, Math.min(12, distance * 0.16));\n  const radius = Math.min(5, distance * 0.1);\n\n  // Triangle arrow position\n  const triangleArrowRelativeHeight = arrowHeadHeight / distance;\n  const triangleArrowBasePosition = Point.add(\n    Point.scaleProportional(end, 1 - triangleArrowRelativeHeight),\n    Point.scaleProportional(start, triangleArrowRelativeHeight),\n  );\n  const triangleArrowTheta = Angle.toRadians(triangleArrowAngle / 2);\n  const triangleArrowSideLength =\n    arrowHeadHeight / Math.cos(triangleArrowTheta);\n  const triangleArrow = createArrowheadPoints(\n    start,\n    end,\n    triangleArrowSideLength,\n    triangleArrowTheta,\n  );\n\n  // Line arrow position\n  const lineArrowTheta = Angle.toRadians(lineArrowAngle / 2);\n  const lineArrowSideLength = arrowHeadHeight / Math.cos(lineArrowTheta);\n  const lineArrow = createArrowheadPoints(\n    start,\n    end,\n    lineArrowSideLength,\n    lineArrowTheta,\n  );\n\n  // Hash position\n  // Setting the arrowHeadAngle to 90 degrees results in a\n  // straight hash mark perpendicular to the direction of the line\n  const hashLineTheta = Angle.toRadians(90);\n  const hashLine = createArrowheadPoints(start, end, hashHeight, hashLineTheta);\n\n  return {\n    tip: end,\n    base: triangleArrowBasePosition,\n    arrowTriangle: triangleArrow,\n    arrowLine: lineArrow,\n    hash: hashLine,\n    radius: radius,\n  };\n}\n\nexport function arrowheadPointsToPolygonPoints(\n  points: LineAnchorStylePoints,\n  scale = 1,\n): string {\n  const scaledRight = scalePointProportional(\n    points.tip,\n    points.arrowTriangle.rightPoint,\n    scale,\n  );\n  const scaledLeft = scalePointProportional(\n    points.tip,\n    points.arrowTriangle.leftPoint,\n    scale,\n  );\n  const scaledBase = scalePointProportional(points.tip, points.base, scale);\n\n  return [points.tip, scaledRight, scaledBase, scaledLeft]\n    .map((pt) => `${pt.x},${pt.y}`)\n    .join(' ');\n}\n\nexport function arrowheadPointsToPathPoints(\n  points: LineAnchorStylePoints,\n  scale = 1,\n): string {\n  const scaledRight = scalePointProportional(\n    points.tip,\n    points.arrowLine.rightPoint,\n    scale,\n  );\n  const scaledLeft = scalePointProportional(\n    points.tip,\n    points.arrowLine.leftPoint,\n    scale,\n  );\n\n  return `M${scaledRight.x} ${scaledRight.y} L${points.tip.x} ${points.tip.y} L${scaledLeft.x} ${scaledLeft.y} L${points.tip.x} ${points.tip.y} Z`;\n}\n\nexport function arrowheadPointsToHashPoints(\n  points: LineAnchorStylePoints,\n  scale = 1,\n): LinePoints {\n  const scaledRight = scalePointProportional(\n    points.tip,\n    points.hash.rightPoint,\n    scale,\n  );\n  const scaledLeft = scalePointProportional(\n    points.tip,\n    points.hash.leftPoint,\n    scale,\n  );\n\n  return {\n    x1: scaledRight.x,\n    y1: scaledRight.y,\n    x2: scaledLeft.x,\n    y2: scaledLeft.y,\n  };\n}\n\nexport function arrowheadPointsToCirclePoints(\n  points: LineAnchorStylePoints,\n  scale = 1,\n): CirclePoints {\n  return {\n    cx: points.tip.x,\n    cy: points.tip.y,\n    r: points.radius * scale,\n  };\n}\n\nexport function isVertexViewerArrowMarkup(\n  el: unknown,\n): el is HTMLVertexViewerMarkupArrowElement {\n  return (\n    el instanceof HTMLElement && el.nodeName === 'VERTEX-VIEWER-MARKUP-ARROW'\n  );\n}\n\nexport function parsePoint(\n  value: string | Point.Point | undefined,\n): Point.Point | undefined {\n  return typeof value === 'string' ? Point.fromJson(value) : value;\n}\n\nexport function scalePointProportional(\n  basePoint: Point.Point,\n  scaledPoint: Point.Point,\n  scale: number,\n): Point.Point {\n  return Point.add(\n    basePoint,\n    Point.scaleProportional(Point.subtract(scaledPoint, basePoint), scale),\n  );\n}\n","import { Rectangle } from '@vertexvis/geometry';\n\nexport function isVertexViewerCircleMarkup(\n  el: unknown,\n): el is HTMLVertexViewerMarkupCircleElement {\n  return (\n    el instanceof HTMLElement && el.nodeName === 'VERTEX-VIEWER-MARKUP-CIRCLE'\n  );\n}\n\nexport function parseBounds(\n  value: string | Rectangle.Rectangle | undefined,\n): Rectangle.Rectangle | undefined {\n  return typeof value === 'string' ? Rectangle.fromJson(value) : value;\n}\n","import { Point } from '@vertexvis/geometry';\n\nexport function parsePoints(\n  value: string | Point.Point[] | undefined,\n): Point.Point[] | undefined {\n  return typeof value === 'string'\n    ? JSON.parse(value).map((values: number[]) =>\n        Point.fromJson(JSON.stringify(values)),\n      )\n    : value;\n}\n\nexport function isVertexViewerFreeformMarkup(\n  el: unknown,\n): el is HTMLVertexViewerMarkupFreeformElement {\n  return (\n    el instanceof HTMLElement && el.nodeName === 'VERTEX-VIEWER-MARKUP-FREEFORM'\n  );\n}\n"],"names":["Point.orthogonalVector","Point.normalDirectionVector","Point.subtract","Point.add","Point.scaleProportional","distance","Point.distance","Angle","Point.fromJson","Rectangle","Point"],"mappings":"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"}

package/dist/viewer/p-c2c3579f.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
- */
-import{r,h as o}from"./p-CCVkga9Q.js";const e=()=>`: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),     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 a=class{constructor(o){r(this,o);this.placement="bottom-center";this.direction="horizontal";this.animationsDisabled=false;this.animationMs=1e3}render(){return o("vertex-viewer-toolbar",{key:"349bf96991062154e2e7666bbbecd3d66310e69f",placement:this.placement,direction:this.direction},o("vertex-viewer-toolbar-group",{key:"6982b3cb19276e09484c52d8baaa825a7339f371",class:"group",direction:this.direction,"data-direction":this.direction},o("vertex-viewer-button",{key:"77e0f4332b4997c433d2f28b5b9917cc9bea9a12",class:"group-item btn","data-testid":"fit-all-btn",onClick:()=>this.viewAll()},o("vertex-viewer-icon",{key:"75f085b6c0443ba658e795f74a579cf70e1af2da",class:"icon",name:"fit-all",size:"md"}))))}async viewAll(){var r;const o=await((r=this.viewer)===null||r===void 0?void 0:r.scene());const e=this.animationsDisabled?undefined:{milliseconds:this.animationMs};o===null||o===void 0?void 0:o.camera().viewAll().render({animation:e})}};a.style=e();export{a as vertex_viewer_default_toolbar};
-//# sourceMappingURL=p-c2c3579f.entry.js.map

package/dist/viewer/p-d5542b6a.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
- */
-import{h as i,r as t,c as s,H as n,a as o}from"./p-CCVkga9Q.js";import{p as l,v as h,r as e,b as r,a,m as d,h as u,g as v,q as c,e as f,c as w}from"./p-CZZALKHT.js";import{c as p}from"./p-Dw4-tG-V.js";import{w as x,r as g}from"./p-BxtKMwBH.js";import{T as y}from"./p-CelQDFR0.js";import{A as m,D as b}from"./p-Cr2EnhS-.js";import"./p-BAhfr1Nx.js";import{E as z}from"./p-CDM7zNn0.js";import{d as T,T as C,R as D,e as R,r as A,s as P,x as S,A as E,b as j,y as N,z as H,f as M,g as O,h as U,i as I,j as $}from"./p-C6YtUG51.js";import"./p-CG9AChtV.js";import"./p-5kcpg4MZ.js";import"./p-O1_Yvjd6.js";import"./p-EG7pMA2M.js";function F(i){if(window.document.activeElement!==i){i.focus();i.setSelectionRange(i.value.length,i.value.length)}}function k(i,t){return t!=null?l.create(i.x-t.left,i.y-t.top):undefined}function B(i,t,s,n){const o=n!=null?h.fromMatrixPosition(n):undefined;if(i!=null&&t!=null&&s!=null&&o!=null){const n=s.transformPointToRay(i,t.image,t.scene.camera);if(t.scene.camera.isOrthographic()){const i=e.at(e.create({origin:o,direction:t.scene.camera.direction}),h.magnitude(t.scene.camera.viewVector)*2);return e.intersectPlane(n,r.fromNormalAndCoplanarPoint(t.scene.camera.direction,i))}else{return e.intersectPlane(n,r.fromNormalAndCoplanarPoint(t.scene.camera.direction,o))}}return undefined}function _(i,t,s,n,o,l){return d.multiply(q(t,s,n,o,l),i)}function q(i,t,s,n,o){const l=new b(n);const e=new m(o);const r=()=>e.convertFrom(t-s);const a=()=>l.convertRealValueToWorld(t-s);switch(i){case"x-translate":return d.makeTranslation(h.create(a(),0,0));case"y-translate":return d.makeTranslation(h.create(0,a(),0));case"z-translate":return d.makeTranslation(h.create(0,0,a()));case"x-rotate":return d.transpose(d.makeRotation(c.fromAxisAngle(h.left(),r())));case"y-rotate":return d.transpose(d.makeRotation(c.fromAxisAngle(h.down(),r())));case"z-rotate":return d.transpose(d.makeRotation(c.fromAxisAngle(h.forward(),r())));default:return d.makeIdentity()}}function J(i){switch(i){case"x-rotate":return"xyz";case"y-rotate":return"yzx";case"z-rotate":return"zxy";default:return"xyz"}}function V(i,t,s,n,o){const l=new b(n);const e=new m(o);const r=()=>d.makeRotation(c.fromMatrixRotation(t));const v=()=>d.multiply(d.invert(s),t);const f=()=>h.multiplyByTransformMatrixColumnMajor(h.fromMatrixPosition(v()),r());const w=()=>u.fromRotationMatrix(d.multiply(s,r()),J(i));switch(i){case"x-translate":return l.convertWorldValueToReal(f().x);case"y-translate":return l.convertWorldValueToReal(f().y);case"z-translate":return l.convertWorldValueToReal(f().z);case"x-rotate":return e.convertTo(a.normalizeRadians(w().x));case"y-rotate":return e.convertTo(a.normalizeRadians(w().y));case"z-rotate":return e.convertTo(a.normalizeRadians(w().z));default:return 0}}function Z(i,t,s,n,o,l){return G(i,h.subtract(s,t),n,o,l)}function G(i,t,s,n,o){switch(o){case"x-translate":return Y(i,t,h.right());case"y-translate":return Y(i,t,h.up());case"z-translate":return Y(i,t,h.back());case"xy-translate":return X(i,t,h.create(0,0,1));case"xz-translate":return X(i,t,h.create(0,1,0));case"yz-translate":return X(i,t,h.create(1,0,0));case"x-rotate":return K(i,s,h.right(),n);case"y-rotate":return K(i,s,h.up(),n);case"z-rotate":return K(i,s,h.forward(),n);default:return i}}function K(i,t,s,n){const o=L(i,t,s);const l=c.fromAxisAngle(o,n);const h=d.transpose(d.makeRotation(l));return d.multiply(h,i)}function L(i,t,s){const n=d.makeRotation(c.fromMatrixRotation(i));const o=h.multiplyByTransformMatrixRowMajor(s,n);const l=h.multiplyByTransformMatrixRowMajor(h.negate(s),n);return h.dot(t,o)>h.dot(t,l)?s:h.negate(s)}function Y(i,t,s){const n=h.normalize(s);const o=d.makeRotation(c.fromMatrixRotation(i));const l=h.multiplyByTransformMatrixRowMajor(n,o);const e=h.project(t,l);const r=d.makeTranslation(e);return d.multiply(i,r)}function X(i,t,s){const n=h.normalize(s);const o=d.makeRotation(c.fromMatrixRotation(i));const l=h.multiplyByTransformMatrixRowMajor(n,o);const e=h.fromMatrixPosition(i);const a=r.fromNormalAndCoplanarPoint(l,e);const u=r.projectPoint(a,t);const v=h.add(u,h.scale(a.constant,a.normal));const f=d.makeTranslation(v);return d.multiply(i,f)}function Q(i,t,s){if(s.length===0){throw new Error("Unable to compute input position. At least one shape point must be provided.")}const n=v.pad(t,5);const o=s.map((t=>i.transformNdcPointToViewport(t)));const h=v.topLeft(n);const e=l.add(h,l.create(n.width,0));const r=v.bottomRight(n);const a=l.subtract(r,l.create(n.width,0));const d=l.scale(o.reduce(((i,t)=>l.add(i,t)),l.create()),1/o.length,1/o.length);const u=[e,a,r].reduce(((i,t)=>l.distance(d,t)<l.distance(d,i)?t:i),h);switch(u){case h:return{point:u,placement:"top-left"};case e:return{point:u,placement:"top-right"};case a:return{point:u,placement:"bottom-left"};default:return{point:u,placement:"bottom-right"}}}function W(i,t,s,n,o,l){const h=t==="alt"&&i.altKey||t==="ctrl"&&i.ctrlKey||t==="meta"&&i.metaKey||t==="shift"&&i.shiftKey;if(h&&l!=null&&l>0&&Number.isInteger(l)){const i=s-n;const t=a.toDegrees(i);const h=Math.round(t/l)*l;if(o!=null){const i=Math.round(o/l)*l;const t=o-i;const s=h-t;const e=a.toRadians(s);return e+n}else{const i=a.toRadians(h);return i+n}}else{return s}}const ii=({ref:t,bounds:s,viewport:n,point:o,placement:l,displayUnit:h},e)=>{const r=ni(n,s!==null&&s!==void 0?s:f.create(0,0),o,l);return i("div",{ref:t,class:"widget-input wrapper",style:{...r,height:(s===null||s===void 0?void 0:s.height)!=null?`${s.height}px`:undefined}},e,i("div",{class:"widget-input units"},h.unit.abbreviatedName))};const ti=({ref:t,identifier:s,disabled:n,onChange:o,onIncrement:l,onDecrement:h,onBlur:e,onUndo:r})=>{const a=i=>{if(i.target!=null){const t=Number.parseFloat(i.target.value);if(!Number.isNaN(t)){o===null||o===void 0?void 0:o(Number.parseFloat(i.target.value))}}};const d=i=>{const t=i.ctrlKey||i.metaKey;if(i.key==="ArrowUp"){l===null||l===void 0?void 0:l()}else if(i.key==="ArrowDown"){h===null||h===void 0?void 0:h()}else if(i.key==="z"&&t&&r){i.preventDefault();r()}};return i("input",{ref:t,disabled:n,class:`widget-input ${s}`,type:"text",onChange:a,onKeyDown:d,onBlur:e})};function si(i,t){return Math.min(i,Math.max(0,t))}function ni(i,t,s,n,o=5){const{width:l,height:h}=i.dimensions;const e=t.width+o;const r=t.height+o;function a(i){return`${i}px`}switch(n){case"top-left":return{right:a(si(l-e,l-s.x)),bottom:a(si(h-r,h-s.y))};case"top-right":return{left:a(si(l-e,s.x)),bottom:a(si(h-r,h-s.y))};case"bottom-left":return{right:a(si(l-e,l-s.x)),top:a(si(h-r,s.y))};case"bottom-right":default:return{left:a(si(l-e,s.x)),top:a(si(h-r,s.y))}}}function oi(i,t,s=3,n=1,o=1){return ei(i,t,h.back(),h.up(),s,n,o)}function li(i,t,s=3,n=1,o=1){return ei(i,t,h.right(),h.back(),s,n,o)}function hi(i,t,s=3,n=1,o=1){return ei(i,t,h.right(),h.up(),s,n,o)}function ei(i,t,s,n,o,l=1,r=1){const u=h.multiplyByTransformMatrixRowMajor(h.add(s,n),d.makeRotation(c.fromMatrixRotation(i)));const v=h.multiplyByTransformMatrixRowMajor(s,d.makeRotation(c.fromMatrixRotation(i)));const f=h.multiplyByTransformMatrixRowMajor(n,d.makeRotation(c.fromMatrixRotation(i)));const w=10*r**.25;const p=h.fromMatrixPosition(i);const x=h.add(p,h.scale(o*w,u));const g=e.create({origin:x,direction:v});const y=e.create({origin:x,direction:f});const m=h.cross(v,f);const b=h.rotateAboutAxis(a.toRadians(45),e.at(y,-(o*l)),m,x);const z=h.rotateAboutAxis(a.toRadians(45),e.at(g,o*l),m,x);const C=h.rotateAboutAxis(a.toRadians(45),e.at(y,o*l),m,x);const D=h.rotateAboutAxis(a.toRadians(45),e.at(g,-(o*l)),m,x);return new T(h.dot(v,t.direction)!==-1&&h.dot(f,t.direction)!==-1,b,D,z,C,h.multiplyByTransformMatrixColumnMajor(b,t.projectionViewMatrix),h.multiplyByTransformMatrixColumnMajor(D,t.projectionViewMatrix),h.multiplyByTransformMatrixColumnMajor(z,t.projectionViewMatrix),h.multiplyByTransformMatrixColumnMajor(C,t.projectionViewMatrix))}function ri(i,t,s,n){if(i instanceof C){return ai(i,t,s,n)}return false}function ai(i,t,s,n){return di([i.points.worldLeft,i.points.worldRight,i.points.worldTip],t,s,n)||di([i.points.worldLeft,i.points.worldRight,i.points.worldBase],t,s,n)}function di(i,t,s,n){var o;if(i.length===3){const l=s.transformPointToRay(n,t.image,t.scene.camera);const e=h.subtract(i[1],i[0]);const r=h.subtract(i[2],i[0]);const a=w.epsilon((o=w.fromVectors([l.direction,l.origin,e,r]))!==null&&o!==void 0?o:w.create(e,r));const d=h.cross(l.direction,r);const u=h.dot(e,d);if(!(Math.abs(u)>=a)){return false}const v=h.subtract(l.origin,i[0]);const c=h.dot(v,d)/u;if(c<0||c>1){return false}const f=h.cross(v,e);const p=h.dot(l.direction,f)/u;if(p<0||c+p>1){return false}const x=h.dot(r,f)/u;return!Number.isNaN(x)&&(x>0||t.scene.camera.isOrthographic())}return false}class ui extends D{constructor(i,t={},s={}){var n,o,l,h,e,r,a,d,u,v,c,f,w,p;super(i);this.customization=t;this.disabledAxis={xTranslation:false,yTranslation:false,zTranslation:false,xyTranslation:false,xzTranslation:false,yzTranslation:false,xRotation:false,yRotation:false,zRotation:false};this.axisLines=[];this.rotationLines=[];this.translationMeshes=[];this.rotationMeshes=[];this.hoveredChanged=new z;this.xArrowFillColor=(n=t.colors)===null||n===void 0?void 0:n.xArrow;this.yArrowFillColor=(o=t.colors)===null||o===void 0?void 0:o.yArrow;this.zArrowFillColor=(l=t.colors)===null||l===void 0?void 0:l.zArrow;this.hoveredArrowFillColor=(h=t.colors)===null||h===void 0?void 0:h.hovered;this.outlineColor=(e=t.colors)===null||e===void 0?void 0:e.outline;this.disabledAxis.xTranslation=(r=s.xTranslation)!==null&&r!==void 0?r:false;this.disabledAxis.yTranslation=(a=s.yTranslation)!==null&&a!==void 0?a:false;this.disabledAxis.zTranslation=(d=s.zTranslation)!==null&&d!==void 0?d:false;this.disabledAxis.xyTranslation=(u=s.xyTranslation)!==null&&u!==void 0?u:false;this.disabledAxis.xzTranslation=(v=s.xzTranslation)!==null&&v!==void 0?v:false;this.disabledAxis.yzTranslation=(c=s.yzTranslation)!==null&&c!==void 0?c:false;this.disabledAxis.xRotation=(f=s.xRotation)!==null&&f!==void 0?f:false;this.disabledAxis.yRotation=(w=s.yRotation)!==null&&w!==void 0?w:false;this.disabledAxis.zRotation=(p=s.zRotation)!==null&&p!==void 0?p:false}dispose(){var i;(i=this.reglFrameDisposable)===null||i===void 0?void 0:i.cancel()}getDrawableElements(){return this.drawableElements}getFullBounds(){return this.fullBounds}boundsContainsPoint(i){return this.interactiveBounds!=null&&this.frame!=null&&v.containsPoints(this.interactiveBounds,i)}updateDisabledAxis(i){this.disabledAxis={...this.disabledAxis,...i};this.updateDisabledOnDrawables()}updateCursor(i){this.cursor=i;if(i!=null&&this.frame!=null){this.updateHovered()}else{this.clearHovered()}}updateTransform(i){var t;this.transform=i;if(i!=null&&this.frame!=null){this.updateAndDraw()}else{this.clear();(t=this.reglFrameDisposable)===null||t===void 0?void 0:t.cancel();this.reglFrameDisposable=undefined}}updateColors(i={}){var t,s,n,o,l,h,e,r,a,d,u,v,c,f,w,p;this.xArrowFillColor=(t=i.xArrow)!==null&&t!==void 0?t:this.xArrowFillColor;this.yArrowFillColor=(s=i.yArrow)!==null&&s!==void 0?s:this.yArrowFillColor;this.zArrowFillColor=(n=i.zArrow)!==null&&n!==void 0?n:this.zArrowFillColor;this.twoAxesSquareFillColor=(o=i.twoAxesSquare)!==null&&o!==void 0?o:this.twoAxesSquareFillColor;this.hoveredArrowFillColor=(l=i.hovered)!==null&&l!==void 0?l:this.hoveredArrowFillColor;this.outlineColor=(h=i.outline)!==null&&h!==void 0?h:this.outlineColor;(e=this.xArrow)===null||e===void 0?void 0:e.updateFillColor(this.getXTranslationColor(),true);(r=this.yArrow)===null||r===void 0?void 0:r.updateFillColor(this.getYTranslationColor(),true);(a=this.zArrow)===null||a===void 0?void 0:a.updateFillColor(this.getZTranslationColor(),true);(d=this.xRotation)===null||d===void 0?void 0:d.updateFillColor(this.getXRotationColor(),true);(u=this.yRotation)===null||u===void 0?void 0:u.updateFillColor(this.getYRotationColor(),true);(v=this.zRotation)===null||v===void 0?void 0:v.updateFillColor(this.getZRotationColor(),true);(c=this.xyTranslation)===null||c===void 0?void 0:c.updateFillColor(this.getTwoAxesTranslationColor(),true);(f=this.xzTranslation)===null||f===void 0?void 0:f.updateFillColor(this.getTwoAxesTranslationColor(),true);(w=this.yzTranslation)===null||w===void 0?void 0:w.updateFillColor(this.getTwoAxesTranslationColor(),true);(p=this.hoveredElement)===null||p===void 0?void 0:p.updateFillColor(this.hoveredArrowFillColor)}updateScalars(i){this.customization={...this.customization,scalars:i};if(this.transform!=null&&this.frame!=null){this.updateElements(this.transform,this.frame)}}onHoveredChanged(i){return this.hoveredChanged.on(i)}updateDisabledOnDrawables(){var i,t,s,n,o,l,h,e,r,a,d,u,v,c,f;(i=this.xRotation)===null||i===void 0?void 0:i.setDisabled(this.disabledAxis.xRotation);(t=this.xyRotationLine)===null||t===void 0?void 0:t.setDisabled(this.disabledAxis.xRotation);(s=this.xzRotationLine)===null||s===void 0?void 0:s.setDisabled(this.disabledAxis.xRotation);(n=this.yRotation)===null||n===void 0?void 0:n.setDisabled(this.disabledAxis.yRotation);(o=this.yzRotationLine)===null||o===void 0?void 0:o.setDisabled(this.disabledAxis.yRotation);(l=this.yxRotationLine)===null||l===void 0?void 0:l.setDisabled(this.disabledAxis.yRotation);(h=this.zRotation)===null||h===void 0?void 0:h.setDisabled(this.disabledAxis.zRotation);(e=this.zxRotationLine)===null||e===void 0?void 0:e.setDisabled(this.disabledAxis.zRotation);(r=this.zyRotationLine)===null||r===void 0?void 0:r.setDisabled(this.disabledAxis.zRotation);(a=this.xArrow)===null||a===void 0?void 0:a.setDisabled(this.disabledAxis.xTranslation);(d=this.yArrow)===null||d===void 0?void 0:d.setDisabled(this.disabledAxis.yTranslation);(u=this.zArrow)===null||u===void 0?void 0:u.setDisabled(this.disabledAxis.zTranslation);(v=this.xyTranslation)===null||v===void 0?void 0:v.setDisabled(this.disabledAxis.xyTranslation);(c=this.xzTranslation)===null||c===void 0?void 0:c.setDisabled(this.disabledAxis.xzTranslation);(f=this.yzTranslation)===null||f===void 0?void 0:f.setDisabled(this.disabledAxis.yzTranslation);this.updateColors()}updateHovered(){var i,t,s,n,o,l,h,e,r,a;const d=this.hoveredElement;const u=this.frame;if(u!=null){this.hoveredElement=[...this.translationMeshes,...this.rotationMeshes].filter((i=>i.points.valid&&!i.isDisabled())).find((i=>this.cursor!=null?ri(i,u,this.viewport,this.cursor):false));if(this.hoveredElement!==d){this.hoveredChanged.emit(this.hoveredElement);(i=this.hoveredElement)===null||i===void 0?void 0:i.updateFillColor(this.hoveredArrowFillColor);this.clearFillColorOfPreviouslyHovered(d);if(((t=this.hoveredElement)===null||t===void 0?void 0:t.identifier)==="xy-translate"){(s=this.xArrow)===null||s===void 0?void 0:s.updateFillColor(this.hoveredArrowFillColor);(n=this.yArrow)===null||n===void 0?void 0:n.updateFillColor(this.hoveredArrowFillColor)}else if(((o=this.hoveredElement)===null||o===void 0?void 0:o.identifier)==="xz-translate"){(l=this.xArrow)===null||l===void 0?void 0:l.updateFillColor(this.hoveredArrowFillColor);(h=this.zArrow)===null||h===void 0?void 0:h.updateFillColor(this.hoveredArrowFillColor)}else if(((e=this.hoveredElement)===null||e===void 0?void 0:e.identifier)==="yz-translate"){(r=this.yArrow)===null||r===void 0?void 0:r.updateFillColor(this.hoveredArrowFillColor);(a=this.zArrow)===null||a===void 0?void 0:a.updateFillColor(this.hoveredArrowFillColor)}}}}clearHovered(){const i=this.hoveredElement;this.hoveredElement=undefined;if(this.hoveredElement!==i){this.hoveredChanged.emit(this.hoveredElement);this.clearFillColorOfPreviouslyHovered(i)}}clearFillColorOfPreviouslyHovered(i){var t,s,n,o,l,h,e,r,a,d,u,v;i===null||i===void 0?void 0:i.updateFillColor(i===null||i===void 0?void 0:i.initialFillColor);if((i===null||i===void 0?void 0:i.identifier)==="xy-translate"){(t=this.xArrow)===null||t===void 0?void 0:t.updateFillColor((s=this.xArrow)===null||s===void 0?void 0:s.initialFillColor);(n=this.yArrow)===null||n===void 0?void 0:n.updateFillColor((o=this.yArrow)===null||o===void 0?void 0:o.initialFillColor)}else if((i===null||i===void 0?void 0:i.identifier)==="xz-translate"){(l=this.xArrow)===null||l===void 0?void 0:l.updateFillColor((h=this.xArrow)===null||h===void 0?void 0:h.initialFillColor);(e=this.zArrow)===null||e===void 0?void 0:e.updateFillColor((r=this.zArrow)===null||r===void 0?void 0:r.initialFillColor)}else if((i===null||i===void 0?void 0:i.identifier)==="yz-translate"){(a=this.yArrow)===null||a===void 0?void 0:a.updateFillColor((d=this.yArrow)===null||d===void 0?void 0:d.initialFillColor);(u=this.zArrow)===null||u===void 0?void 0:u.updateFillColor((v=this.zArrow)===null||v===void 0?void 0:v.initialFillColor)}}hasData(){return this.transform!=null}createOrUpdateElements(){if(this.transform!=null&&this.frame!=null){if(this.xArrow==null||this.yArrow==null||this.zArrow==null){this.createElements(this.transform,this.frame)}else{this.updateElements(this.transform,this.frame)}this.interactiveBounds=R(this.viewport,...this.rotationMeshes,...this.translationMeshes);this.fullBounds=R(this.viewport,...this.rotationMeshes,...this.translationMeshes,...this.axisLines)}}createElements(i,t){var s,n,o,l,e,r,a,d,u,v,c,f;this.reglCommand=A({canvas:this.canvasElement,extensions:"angle_instanced_arrays"});const{createShape:w}=P(this.reglCommand);const p=this.computeTriangleSize(h.fromMatrixPosition(i),t);this.xArrow=new C(w,"x-translate",S(i,t.scene.camera,p,(s=this.customization.scalars)===null||s===void 0?void 0:s.xTranslation),this.outlineColor,this.getXTranslationColor());this.xRotation=new C(w,"x-rotate",oi(i,t.scene.camera,p,(n=this.customization.scalars)===null||n===void 0?void 0:n.xRotation,(o=this.customization.scalars)===null||o===void 0?void 0:o.xTranslation),this.outlineColor,this.getXRotationColor());this.xAxis=new E(w,"x-axis",j(i,t.scene.camera,this.xArrow),this.outlineColor,this.getXTranslationColor());this.yArrow=new C(w,"y-translate",N(i,t.scene.camera,p,(l=this.customization.scalars)===null||l===void 0?void 0:l.yTranslation),this.outlineColor,this.getYTranslationColor());this.yRotation=new C(w,"y-rotate",li(i,t.scene.camera,p,(e=this.customization.scalars)===null||e===void 0?void 0:e.yRotation,(r=this.customization.scalars)===null||r===void 0?void 0:r.yTranslation),this.outlineColor,this.getYRotationColor());this.yAxis=new E(w,"y-axis",j(i,t.scene.camera,this.yArrow),this.outlineColor,this.getYTranslationColor());this.zArrow=new C(w,"z-translate",H(i,t.scene.camera,p,(a=this.customization.scalars)===null||a===void 0?void 0:a.zTranslation),this.outlineColor,this.getZTranslationColor());this.zAxis=new E(w,"z-axis",j(i,t.scene.camera,this.zArrow),this.outlineColor,this.getZTranslationColor());this.zRotation=new C(w,"z-rotate",hi(i,t.scene.camera,p,(d=this.customization.scalars)===null||d===void 0?void 0:d.zRotation,(u=this.customization.scalars)===null||u===void 0?void 0:u.zTranslation),this.outlineColor,this.getZRotationColor());this.xyTranslation=new C(w,"xy-translate",M(i,t.scene.camera,p,(v=this.customization.scalars)===null||v===void 0?void 0:v.xyTranslation),this.outlineColor,this.getTwoAxesTranslationColor());this.xzTranslation=new C(w,"xz-translate",O(i,t.scene.camera,p,(c=this.customization.scalars)===null||c===void 0?void 0:c.xzTranslation),this.outlineColor,this.getTwoAxesTranslationColor());this.yzTranslation=new C(w,"yz-translate",U(i,t.scene.camera,p,(f=this.customization.scalars)===null||f===void 0?void 0:f.yzTranslation),this.outlineColor,this.getTwoAxesTranslationColor());this.createRotationLines(w,i,t);this.axisLines=[this.xAxis,this.yAxis,this.zAxis];this.translationMeshes=[this.xArrow,this.yArrow,this.zArrow,this.xyTranslation,this.xzTranslation,this.yzTranslation];this.rotationMeshes=[this.xRotation,this.yRotation,this.zRotation];this.updateDisabledOnDrawables();this.availableElements=[...this.axisLines,...this.rotationLines,...this.translationMeshes,...this.rotationMeshes]}getXRotationColor(){return this.xArrowFillColor}getYRotationColor(){return this.yArrowFillColor}getZRotationColor(){return this.zArrowFillColor}getXTranslationColor(){return this.xArrowFillColor}getYTranslationColor(){return this.yArrowFillColor}getZTranslationColor(){return this.zArrowFillColor}getTwoAxesTranslationColor(){return this.twoAxesSquareFillColor}createRotationLines(i,t,s){var n,o,l,e,r,a;const d=this.computeTriangleSize(h.fromMatrixPosition(t),s);const u=I(s.scene.camera,this.xRotation,(n=this.yArrow)===null||n===void 0?void 0:n.points.worldTip,d);const v=I(s.scene.camera,this.xRotation,(o=this.zArrow)===null||o===void 0?void 0:o.points.worldTip,d);const c=I(s.scene.camera,this.yRotation,(l=this.xArrow)===null||l===void 0?void 0:l.points.worldTip,d);const f=I(s.scene.camera,this.yRotation,(e=this.zArrow)===null||e===void 0?void 0:e.points.worldTip,d);const w=I(s.scene.camera,this.zRotation,(r=this.xArrow)===null||r===void 0?void 0:r.points.worldTip,d);const p=I(s.scene.camera,this.zRotation,(a=this.yArrow)===null||a===void 0?void 0:a.points.worldTip,d);if(u!=null){this.xyRotationLine=new $(i,"xy-rotation-line",u,this.outlineColor)}if(v!=null){this.xzRotationLine=new $(i,"xz-rotation-line",v,this.outlineColor)}if(c!=null){this.yxRotationLine=new $(i,"yx-rotation-line",c,this.outlineColor)}if(f!=null){this.yzRotationLine=new $(i,"yz-rotation-line",f,this.outlineColor)}if(w!=null){this.zxRotationLine=new $(i,"zx-rotation-line",w,this.outlineColor)}if(p!=null){this.zyRotationLine=new $(i,"zy-rotation-line",p,this.outlineColor)}this.rotationLines=[this.xyRotationLine,this.xzRotationLine,this.yxRotationLine,this.yzRotationLine,this.zxRotationLine,this.zyRotationLine].filter((i=>i!=null))}updateElements(i,t){var s,n,o,l,e,r,a,d,u,v,c,f,w,p,x,g,y,m,b,z,T,C,D,R,A,P,E,$,F,k;const B=this.computeTriangleSize(h.fromMatrixPosition(i),t);if(this.xArrow!=null){this.xArrow.updatePoints(S(i,t.scene.camera,B,(s=this.customization.scalars)===null||s===void 0?void 0:s.xTranslation));(n=this.xAxis)===null||n===void 0?void 0:n.updatePoints(j(i,t.scene.camera,this.xArrow))}(o=this.xRotation)===null||o===void 0?void 0:o.updatePoints(oi(i,t.scene.camera,B,(l=this.customization.scalars)===null||l===void 0?void 0:l.xRotation,(e=this.customization.scalars)===null||e===void 0?void 0:e.xTranslation));if(this.yArrow!=null){this.yArrow.updatePoints(N(i,t.scene.camera,B,(r=this.customization.scalars)===null||r===void 0?void 0:r.yTranslation));(a=this.yAxis)===null||a===void 0?void 0:a.updatePoints(j(i,t.scene.camera,this.yArrow))}(d=this.yRotation)===null||d===void 0?void 0:d.updatePoints(li(i,t.scene.camera,B,(u=this.customization.scalars)===null||u===void 0?void 0:u.yRotation,(v=this.customization.scalars)===null||v===void 0?void 0:v.yTranslation));if(this.zArrow!=null){this.zArrow.updatePoints(H(i,t.scene.camera,B,(c=this.customization.scalars)===null||c===void 0?void 0:c.zTranslation));(f=this.zAxis)===null||f===void 0?void 0:f.updatePoints(j(i,t.scene.camera,this.zArrow))}(w=this.zRotation)===null||w===void 0?void 0:w.updatePoints(hi(i,t.scene.camera,B,(p=this.customization.scalars)===null||p===void 0?void 0:p.zRotation,(x=this.customization.scalars)===null||x===void 0?void 0:x.zTranslation));(g=this.xyRotationLine)===null||g===void 0?void 0:g.updatePoints(I(t.scene.camera,this.xRotation,(y=this.yArrow)===null||y===void 0?void 0:y.points.worldTip,B));(m=this.xzRotationLine)===null||m===void 0?void 0:m.updatePoints(I(t.scene.camera,this.xRotation,(b=this.zArrow)===null||b===void 0?void 0:b.points.worldTip,B));(z=this.yxRotationLine)===null||z===void 0?void 0:z.updatePoints(I(t.scene.camera,this.yRotation,(T=this.xArrow)===null||T===void 0?void 0:T.points.worldTip,B));(C=this.yzRotationLine)===null||C===void 0?void 0:C.updatePoints(I(t.scene.camera,this.yRotation,(D=this.zArrow)===null||D===void 0?void 0:D.points.worldTip,B));(R=this.zxRotationLine)===null||R===void 0?void 0:R.updatePoints(I(t.scene.camera,this.zRotation,(A=this.xArrow)===null||A===void 0?void 0:A.points.worldTip,B));(P=this.zyRotationLine)===null||P===void 0?void 0:P.updatePoints(I(t.scene.camera,this.zRotation,(E=this.yArrow)===null||E===void 0?void 0:E.points.worldTip,B));if(this.xyTranslation!=null){this.xyTranslation.updatePoints(M(i,t.scene.camera,B,($=this.customization.scalars)===null||$===void 0?void 0:$.xyTranslation))}if(this.xzTranslation!=null){this.xzTranslation.updatePoints(O(i,t.scene.camera,B,(F=this.customization.scalars)===null||F===void 0?void 0:F.xzTranslation))}if(this.yzTranslation!=null){this.yzTranslation.updatePoints(U(i,t.scene.camera,B,(k=this.customization.scalars)===null||k===void 0?void 0:k.yzTranslation))}}}const vi=()=>`:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-transform-widget-x-axis-arrow-color:var(--x-axis-color);--viewer-transform-widget-y-axis-arrow-color:var(--y-axis-color);--viewer-transform-widget-z-axis-arrow-color:var(--z-axis-color);--viewer-transform-widget-two-axes-square-color:var(--two-axes-color);--viewer-transform-widget-hovered-arrow-color:#ffff00;--viewer-transform-widget-input-width:8em}.widget{position:absolute;top:0;left:0}.widget.hovered{pointer-events:auto}.widget-input.wrapper{position:absolute;pointer-events:auto;display:flex;align-items:center;border:1px solid #444444;border-radius:4px;width:var(--viewer-transform-widget-input-width);text-align:center;background-color:white;box-sizing:border-box}.widget-input.units{position:relative;width:25%;height:100%;padding:0 0.25rem;font-size:0.8125rem;color:#444444}input.widget-input{position:relative;text-align:center;box-sizing:border-box;width:75%;height:100%;outline:none;border-width:0 1px 0 0;border-color:#444444;border-radius:2px 0 0 2px;font-size:0.875rem;color:#444444}input.widget-input.x-translate,input.widget-input.x-rotate{border-left:5px solid var(--viewer-transform-widget-x-axis-arrow-color)}input.widget-input.y-translate,input.widget-input.y-rotate{border-left:5px solid var(--viewer-transform-widget-y-axis-arrow-color)}input.widget-input.z-translate,input.widget-input.z-rotate{border-left:5px solid var(--viewer-transform-widget-z-axis-arrow-color)}input.widget-input:disabled{color:#888888}input.widget-input:focus{outline:none}`;const ci=class{constructor(i){t(this,i);this.positionChanged=s(this,"positionChanged");this.rotationChanged=s(this,"rotationChanged");this.interactionEnded=s(this,"interactionEnded");this.interactionStarted=s(this,"interactionStarted");this.xRotationDisabled=false;this.yRotationDisabled=false;this.zRotationDisabled=false;this.xTranslationDisabled=false;this.yTranslationDisabled=false;this.zTranslationDisabled=false;this.xyTranslationDisabled=false;this.xzTranslationDisabled=false;this.yzTranslationDisabled=false;this.showInputs=true;this.distanceUnit="millimeters";this.angleUnit="degrees";this.decimalPlaces=1;this.rotationSnapKey="shift";this.translationHandleScalar=1;this.rotationHandleScalar=1;this.interactionThrottle=75;this.EXPERIMENTAL_undoKeybindings=false;this.inputValue=0;this.isEndingTransform=false;this.inputShouldFocus=false;this.xArrowColor="#ea3324";this.yArrowColor="#4faf32";this.zArrowColor="#0000ff";this.twoAxesSquareColor="#e0e0e0";this.hoveredColor="#ffff00";this.lastAngle=0;this.handleHoveredDrawableChanged=i=>{this.hovered=i};this.handleViewerFrameDrawn=()=>{this.updatePropsFromViewer()};this.handleViewerDimensionsChange=()=>{x((()=>{if(this.viewer!=null&&this.canvasRef!=null){this.canvasRef.width=this.viewer.viewport.width;this.canvasRef.height=this.viewer.viewport.height;this.updateCanvasBounds(this.canvasRef)}}))};this.handleResize=()=>{if(this.canvasRef!=null){this.updateCanvasBounds(this.canvasRef)}};this.handleInputResize=()=>{if(this.inputWrapperRef!=null){const i=this.inputWrapperRef;g((()=>{this.inputBounds=i.getBoundingClientRect()}))}};this.handleStyleChange=()=>{g((()=>{const i=window.getComputedStyle(this.hostEl);this.xArrowColor=i.getPropertyValue("--viewer-transform-widget-x-axis-arrow-color").trim();this.yArrowColor=i.getPropertyValue("--viewer-transform-widget-y-axis-arrow-color").trim();this.zArrowColor=i.getPropertyValue("--viewer-transform-widget-z-axis-arrow-color").trim();this.twoAxesSquareColor=i.getPropertyValue("--viewer-transform-widget-two-axes-square-color").trim();this.hoveredColor=i.getPropertyValue("--viewer-transform-widget-hovered-arrow-color").trim();this.getTransformWidget().updateColors({xArrow:this.xArrowColor,yArrow:this.yArrowColor,zArrow:this.zArrowColor,twoAxesSquare:this.twoAxesSquareColor,hovered:this.hoveredColor})}))};this.handlePointerMove=i=>{if(this.dragging==null){const t=k(l.create(i.clientX,i.clientY),this.getCanvasBounds());const s=this.getTransformWidget();if(t!=null&&s.boundsContainsPoint(t)){s.updateCursor(t)}else{s.updateCursor(undefined);this.hovered=undefined}}};this.handleBeginDrag=async i=>{var t,s,n;const o=this.getCanvasBounds();if(this.hovered!=null&&o!=null&&this.viewer!=null&&this.position!=null&&this.viewer.frame!=null){this.dragging=this.hovered;if(this.dragging.identifier!==((t=this.lastDragged)===null||t===void 0?void 0:t.identifier)){this.inputValue=0;this.dragStartTransform=this.currentTransform;this.updateInputPosition();this.updateInputValue()}this.lastDragged=undefined;const h=k(l.create(i.clientX,i.clientY),o);const e=this.viewer.viewport.transformWorldToViewport(this.position,this.viewer.frame.scene.camera.projectionViewMatrix);this.lastAngle=h!=null?a.fromPoints(e,h):0;this.lastWorldPosition=B(h,(s=this.viewer)===null||s===void 0?void 0:s.frame,(n=this.viewer)===null||n===void 0?void 0:n.viewport,this.currentTransform);this.interactionStarted.emit();window.removeEventListener("pointermove",this.handlePointerMove);window.addEventListener("pointermove",this.handleDragWithTimer);window.addEventListener("pointerup",this.handleEndTransform)}};this.handleDragWithTimer=async i=>{if(i!=null){i.preventDefault();this.lastMouseEvent=i}if(this.interactionTimer==null){this.interactionTimer=window.setTimeout((async()=>{this.interactionTimer=undefined;await this.handleDrag();this.lastMouseEvent=undefined}),this.interactionThrottle)}};this.handleDrag=async()=>{var i,t,s;const n=this.getCanvasBounds();if(this.dragging!=null&&this.lastWorldPosition!=null&&n!=null&&this.viewer!=null&&this.viewer.frame!=null&&this.position!=null&&this.lastMouseEvent!=null){await((i=this.controller)===null||i===void 0?void 0:i.beginTransform());const o=k(l.create(this.lastMouseEvent.clientX,this.lastMouseEvent.clientY),n);const h=this.viewer.viewport.transformWorldToViewport(this.position,this.viewer.frame.scene.camera.projectionViewMatrix);const e=B(o,(t=this.viewer)===null||t===void 0?void 0:t.frame,(s=this.viewer)===null||s===void 0?void 0:s.viewport,this.currentTransform);if(e!=null&&o!=null&&h!=null){const i=a.fromPoints(h,o);const t=W(this.lastMouseEvent,this.rotationSnapKey,i,this.lastAngle,this.getDisplayedAngle(),this.rotationSnapDegrees);this.transform(this.lastWorldPosition,e,t-this.lastAngle);this.updateInputPosition();this.updateInputValue();this.lastWorldPosition=e;this.lastAngle=t}}};this.handleEndTransform=async i=>{var t,s;const n=k(l.create(i.clientX,i.clientY),this.getCanvasBounds());const o=this.getTransformWidget();this.lastDragged=this.dragging;this.dragging=undefined;this.lastWorldPosition=undefined;this.lastAngle=0;this.updateInputPosition();this.updateInputValue();o.updateCursor(n);o.updateTransform(this.currentTransform);this.beginEndTransform();window.removeEventListener("pointermove",this.handleDragWithTimer);window.removeEventListener("pointerup",this.handleEndTransform);try{const i=(t=this.controller)===null||t===void 0?void 0:t.getCurrentDelta();await((s=this.controller)===null||s===void 0?void 0:s.endTransform());this.interactionEnded.emit(i)}catch(i){console.error("Failed to end transform interaction",i)}window.addEventListener("pointermove",this.handlePointerMove);this.completeEndTransform()};this.handleInputStep=async i=>{if(this.inputValue!=null&&this.lastInputValue!=null){if(this.isModifyingAngleUnits()){const t=new m(this.angleUnit);const s=t.convertFrom(this.lastInputValue);const n=a.normalizeRadians(s+a.toRadians(i));this.inputValue=t.convertTo(n)}else{this.inputValue=this.lastInputValue+i}await this.updateTransformFromInput(this.inputValue)}};this.handleInputChange=async i=>{await this.updateTransformFromInput(i)};this.handleKeyDown=async i=>{const t=i.ctrlKey||i.metaKey;if(i.key==="z"&&t&&this.EXPERIMENTAL_undoKeybindings){i.stopPropagation();await this.EXPERIMENTAL_undo()}};this.updateTransformFromInput=async i=>{var t,s,n;if(this.lastDragged!=null&&this.currentTransform!=null&&this.startingTransform!=null&&this.lastInputValue!=null){this.currentTransform=_(this.currentTransform,this.lastDragged.identifier,i,this.lastInputValue,this.distanceUnit,this.angleUnit);this.updateInputValue();this.lastInputValue=i;await((t=this.controller)===null||t===void 0?void 0:t.beginTransform());this.getTransformWidget().updateTransform(this.currentTransform);await((s=this.controller)===null||s===void 0?void 0:s.updateTransform(d.multiply(d.invert(this.startingTransform),this.currentTransform)));this.updateInputPosition();await((n=this.controller)===null||n===void 0?void 0:n.endTransformDebounced(this.beginEndTransform,this.completeEndTransform))}};this.updatePropsFromViewer=()=>{const{frame:i}=this.viewer||{};if(i!=null){const t=this.getTransformWidget();t.updateFrame(i,this.dragging==null);this.updateInputPosition()}};this.setupTransformWidget=i=>{var t,s;console.debug(`Initializing transform widget. [initial-position=${JSON.stringify(this.position)}, has-initial-frame=${((t=this.viewer)===null||t===void 0?void 0:t.frame)!=null}]`);const n=this.getTranslationScalar();const o=this.getRotationScalar();this.widget=new ui(i,{colors:{xArrow:this.xArrowColor,yArrow:this.yArrowColor,zArrow:this.zArrowColor,twoAxesSquare:this.twoAxesSquareColor,hovered:this.hoveredColor},scalars:{xTranslation:n,yTranslation:n,zTranslation:n,xyTranslation:o,xzTranslation:o,yzTranslation:o,xRotation:o,yRotation:o,zRotation:o}});if(this.rotation!=null){this.currentTransform=this.getTransformForNewRotation(this.rotation);this.startingTransform=this.currentTransform;this.widget.updateTransform(this.currentTransform)}if(this.position!=null){this.currentTransform=this.getTransformForNewPosition(this.position);this.startingTransform=this.currentTransform;this.widget.updateTransform(this.currentTransform)}if(((s=this.viewer)===null||s===void 0?void 0:s.frame)!=null){this.widget.updateFrame(this.viewer.frame,true)}this.handleSettingDisabledAxis();this.hoveredChangeDisposable=this.widget.onHoveredChanged(this.handleHoveredDrawableChanged);return this.widget};this.updateCanvasBounds=i=>{g((()=>{this.canvasBounds=i.getBoundingClientRect();this.getTransformWidget().updateDimensions(i)}))};this.updateInputValue=()=>{var i,t,s;const n=(i=this.dragging)!==null&&i!==void 0?i:this.lastDragged;const o=(n===null||n===void 0?void 0:n.identifier)==="xy-translate"||(n===null||n===void 0?void 0:n.identifier)==="xz-translate"||(n===null||n===void 0?void 0:n.identifier)==="yz-translate";if(n!=null&&this.currentTransform!=null&&this.dragStartTransform!=null&&!o){this.lastInputValue=this.inputValue;this.inputValue=V(n.identifier,this.currentTransform,this.dragStartTransform,this.distanceUnit,this.angleUnit);if(this.inputRef!=null){const i=(s=(t=this.getDisplayedDistance())!==null&&t!==void 0?t:this.getDisplayedAngle())!==null&&s!==void 0?s:0;const n=`${Number.parseFloat(i.toFixed(this.decimalPlaces))}`;this.inputRef.value=n}}};this.updateInputPosition=()=>{var i,t;const s=(i=this.dragging)!==null&&i!==void 0?i:this.lastDragged;const n=(s===null||s===void 0?void 0:s.identifier)==="xy-translate"||(s===null||s===void 0?void 0:s.identifier)==="xz-translate"||(s===null||s===void 0?void 0:s.identifier)==="yz-translate";if(this.showInputs&&((t=this.viewer)===null||t===void 0?void 0:t.frame)!=null&&this.position!=null&&s!=null&&!n){const i=this.getTransformWidget();const t=i.getFullBounds();this.inputPosition=t!=null?Q(this.viewer.viewport,t,s.points.toArray()):undefined}else if(n){this.inputPosition=undefined}};this.beginEndTransform=()=>{const i=this.getTransformWidget();i.updateDisabledAxis({xRotation:true,yRotation:true,zRotation:true,xTranslation:true,yTranslation:true,zTranslation:true,xyTranslation:true,xzTranslation:true,yzTranslation:true});this.isEndingTransform=true};this.completeEndTransform=()=>{const i=this.getTransformWidget();i.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled,xyTranslation:this.xyTranslationDisabled,xzTranslation:this.xzTranslationDisabled,yzTranslation:this.yzTranslationDisabled});this.isEndingTransform=false;this.inputShouldFocus=true;if(this.currentTransform!=null){this.position=h.fromMatrixPosition(this.currentTransform);this.rotation=u.fromRotationMatrix(this.currentTransform)}};this.isModifyingAngleUnits=()=>{var i,t,s;const n=(t=(i=this.dragging)===null||i===void 0?void 0:i.identifier)!==null&&t!==void 0?t:(s=this.lastDragged)===null||s===void 0?void 0:s.identifier;return!!(n===null||n===void 0?void 0:n.includes("rotate"))};this.getTranslationScalar=()=>{if(this.translationHandleScalar>0){return this.translationHandleScalar}console.warn("Invalid value provided for translation-handle-scalar. Expected a positive value greater than zero.");return 1};this.getRotationScalar=()=>{if(this.rotationHandleScalar>0){return this.rotationHandleScalar}console.warn("Invalid value provided for rotation-handle-scalar. Expected a positive value greater than zero.");return 1};this.getDisplayedUnits=()=>{if(this.isModifyingAngleUnits()){return new m(this.angleUnit)}return new b(this.distanceUnit)};this.getDisplayedAngle=()=>{if(this.isModifyingAngleUnits()){return this.inputValue}};this.getDisplayedDistance=()=>{var i,t,s;const n=(t=(i=this.dragging)===null||i===void 0?void 0:i.identifier)!==null&&t!==void 0?t:(s=this.lastDragged)===null||s===void 0?void 0:s.identifier;if(n===null||n===void 0?void 0:n.includes("translate")){return this.inputValue}};this.getTransformForNewPosition=i=>{if(i!=null){const t=this.currentTransform!=null?this.currentTransform:d.makeIdentity();const s=d.transpose(d.makeRotation(c.fromMatrixRotation(t)));const n=d.makeTranslation(i);return d.multiply(s,n)}};this.getTransformForNewRotation=i=>{const t=this.currentTransform!=null?this.currentTransform:d.makeIdentity();const s=d.makeRotation(c.fromMatrixRotation(t));const n=d.makeRotation(c.fromEuler(i));const o=d.multiply(s,t);return d.multiply(d.transpose(n),o)};this.getCanvasBounds=()=>{if(this.canvasBounds!=null){return this.canvasBounds}else if(this.canvasRef!=null){this.updateCanvasBounds(this.canvasRef);return this.canvasBounds}};this.getTransformWidget=()=>{if(this.widget==null&&this.canvasRef!=null){return this.setupTransformWidget(this.canvasRef)}else if(this.widget!=null){return this.widget}else{throw new Error("Transform widget was not initialized. The canvas element may not have been initialized.")}}}componentDidLoad(){window.addEventListener("pointermove",this.handlePointerMove);this.canvasResizeObserver=new ResizeObserver(this.handleResize);this.inputResizeObserver=new ResizeObserver(this.handleInputResize);this.hostStyleObserver=new MutationObserver(this.handleStyleChange);if(this.canvasRef!=null){this.canvasResizeObserver.observe(this.canvasRef);this.setupTransformWidget(this.canvasRef)}this.hostStyleObserver.observe(this.hostEl,{attributes:true,attributeFilter:["style"]});this.handleViewerChanged(this.viewer,undefined);this.handleStyleChange()}disconnectedCallback(){var i,t,s,n,o;window.removeEventListener("pointermove",this.handlePointerMove);(i=this.canvasResizeObserver)===null||i===void 0?void 0:i.disconnect();(t=this.inputResizeObserver)===null||t===void 0?void 0:t.disconnect();(s=this.hostStyleObserver)===null||s===void 0?void 0:s.disconnect();(n=this.hoveredChangeDisposable)===null||n===void 0?void 0:n.dispose();(o=this.widget)===null||o===void 0?void 0:o.dispose()}componentDidRender(){if(this.inputShouldFocus&&this.inputRef!=null){F(this.inputRef);this.inputShouldFocus=false}}async EXPERIMENTAL_undo(){var i,t;const s=await((i=this.controller)===null||i===void 0?void 0:i.EXPERIMENTAL_undoTransform());if(this.currentTransform!=null&&s!=null){this.currentTransform=d.multiply(this.currentTransform,s);(t=this.widget)===null||t===void 0?void 0:t.updateTransform(this.currentTransform);this.updateInputPosition();this.updateInputValue();this.lastInputValue=this.inputValue;this.position=h.fromMatrixPosition(this.currentTransform);this.rotation=u.fromRotationMatrix(this.currentTransform)}}handleViewerChanged(i,t){var s;t===null||t===void 0?void 0:t.removeEventListener("frameDrawn",this.handleViewerFrameDrawn);t===null||t===void 0?void 0:t.removeEventListener("dimensionschange",this.handleViewerDimensionsChange);i===null||i===void 0?void 0:i.addEventListener("frameDrawn",this.handleViewerFrameDrawn);i===null||i===void 0?void 0:i.addEventListener("dimensionschange",this.handleViewerDimensionsChange);if((i===null||i===void 0?void 0:i.stream)!=null){(s=this.controller)===null||s===void 0?void 0:s.dispose();this.controller=new y(i.stream)}}handleDisabledPropertyChanged(){var i;(i=this.widget)===null||i===void 0?void 0:i.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled,xyTranslation:this.xyTranslationDisabled,xzTranslation:this.xzTranslationDisabled,yzTranslation:this.yzTranslationDisabled})}handleTransformHandleScalarChanged(){var i;const t=this.getTranslationScalar();const s=this.getRotationScalar();(i=this.widget)===null||i===void 0?void 0:i.updateScalars({xTranslation:t,yTranslation:t,zTranslation:t,xyTranslation:s,xzTranslation:s,yzTranslation:s,xRotation:s,yRotation:s,zRotation:s})}handleRotationChanged(i,t){var s;const n=i!==null&&i!==void 0?i:u.create();this.currentTransform=this.getTransformForNewRotation(n);this.startingTransform=this.currentTransform;if(i==null&&this.currentTransform!=null&&d.isIdentity(this.currentTransform)){this.currentTransform=undefined;this.startingTransform=this.currentTransform}(s=this.widget)===null||s===void 0?void 0:s.updateTransform(this.currentTransform);console.debug(`Updating widget rotation [previous=${JSON.stringify(t)}, current=${JSON.stringify(i)}]`);this.rotationChanged.emit(i)}handlePositionChanged(i,t){var s,n;this.currentTransform=this.getTransformForNewPosition(i);this.startingTransform=this.currentTransform;console.debug(`Updating widget position [previous=${JSON.stringify(t)}, current=${JSON.stringify(i)}]`);(s=this.widget)===null||s===void 0?void 0:s.updateTransform(this.currentTransform);if(i==null){this.lastDragged=undefined;this.inputPosition=undefined;(n=this.controller)===null||n===void 0?void 0:n.clearTransform()}this.positionChanged.emit(i)}handleInputFormattingChanged(){this.updateInputValue();this.lastInputValue=this.inputValue}render(){var t,s,o,l,h,e;return i(n,{key:"fdc062cb3cafa311baca827e03a765052e1ab2c8"},i("canvas",{key:"c6c9d413e971ef3db3b3eed7e9ff6c8387fff1d1",ref:i=>{this.canvasRef=i},class:p("widget",{hovered:this.hovered!=null}),tabindex:"0",width:(t=this.viewer)===null||t===void 0?void 0:t.viewport.width,height:(s=this.viewer)===null||s===void 0?void 0:s.viewport.height,onPointerDown:this.handleBeginDrag,onKeyDown:this.handleKeyDown}),this.showInputs&&this.inputPosition&&((o=this.viewer)===null||o===void 0?void 0:o.viewport)&&i(ii,{key:"7eb3550df7db8c95f3597d1bd8d7b05c70e11696",ref:i=>{var t,s;if(i!=null){(t=this.inputResizeObserver)===null||t===void 0?void 0:t.observe(i)}else if(this.inputRef!=null){(s=this.inputResizeObserver)===null||s===void 0?void 0:s.unobserve(this.inputRef)}this.inputWrapperRef=i},bounds:this.inputBounds,viewport:this.viewer.viewport,point:this.inputPosition.point,placement:this.inputPosition.placement,displayUnit:this.getDisplayedUnits()},i(ti,{key:"84e2ff6825856c6d5f0ffff1771861ed6087bedb",ref:i=>{this.inputRef=i},identifier:(h=(l=this.dragging)===null||l===void 0?void 0:l.identifier)!==null&&h!==void 0?h:(e=this.lastDragged)===null||e===void 0?void 0:e.identifier,disabled:this.isEndingTransform,onChange:this.handleInputChange,onIncrement:()=>this.handleInputStep(1),onDecrement:()=>this.handleInputStep(-1),onBlur:()=>{this.inputShouldFocus=false},onUndo:this.EXPERIMENTAL_undoKeybindings?()=>this.EXPERIMENTAL_undo():undefined})))}transform(i,t,s){var n,o;if(this.position!=null&&this.startingTransform!=null&&this.currentTransform!=null&&this.dragging!=null&&this.viewer!=null&&this.viewer.frame!=null){this.currentTransform=Z(this.currentTransform,i,t,(n=this.viewer)===null||n===void 0?void 0:n.frame.scene.camera.viewVector,s,this.dragging.identifier);this.getTransformWidget().updateTransform(this.currentTransform);(o=this.controller)===null||o===void 0?void 0:o.updateTransform(d.multiply(d.invert(this.startingTransform),this.currentTransform))}}handleSettingDisabledAxis(){if(this.widget){this.widget.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled,xyTranslation:this.xyTranslationDisabled,xzTranslation:this.xzTranslationDisabled,yzTranslation:this.yzTranslationDisabled})}else{console.warn("Cannot set disabled values - no widget defined")}}get hostEl(){return o(this)}static get watchers(){return{viewer:[{handleViewerChanged:0}],xTranslationDisabled:[{handleDisabledPropertyChanged:0}],yTranslationDisabled:[{handleDisabledPropertyChanged:0}],zTranslationDisabled:[{handleDisabledPropertyChanged:0}],xyTranslationDisabled:[{handleDisabledPropertyChanged:0}],xzTranslationDisabled:[{handleDisabledPropertyChanged:0}],yzTranslationDisabled:[{handleDisabledPropertyChanged:0}],xRotationDisabled:[{handleDisabledPropertyChanged:0}],yRotationDisabled:[{handleDisabledPropertyChanged:0}],zRotationDisabled:[{handleDisabledPropertyChanged:0}],translationHandleScalar:[{handleTransformHandleScalarChanged:0}],rotationHandleScalar:[{handleTransformHandleScalarChanged:0}],rotation:[{handleRotationChanged:0}],position:[{handlePositionChanged:0}],distanceUnit:[{handleInputFormattingChanged:0}],angleUnit:[{handleInputFormattingChanged:0}],decimalPlaces:[{handleInputFormattingChanged:0}]}}};ci.style=vi();export{ci as vertex_viewer_transform_widget};
-//# sourceMappingURL=p-d5542b6a.entry.js.map

package/dist/viewer/p-d5542b6a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["focusInputElement","element","window","document","activeElement","focus","setSelectionRange","value","length","convertPointToCanvas","point","bounds","Point","create","x","left","y","top","undefined","convertCanvasPointToWorld","frame","viewport","transform","position","Vector3","fromMatrixPosition","ray","transformPointToRay","image","scene","camera","isOrthographic","offsetPoint","Ray","at","origin","direction","magnitude","viewVector","intersectPlane","Plane","fromNormalAndCoplanarPoint","computeInputDeltaTransform","current","identifier","lastValue","distanceUnit","angleUnit","Matrix4","multiply","computeInputGlobalTransform","units","DistanceUnits","angles","AngleUnits","rotation","convertFrom","convertRealValueToWorld","makeTranslation","transpose","makeRotation","Quaternion","fromAxisAngle","down","forward","makeIdentity","eulerOrderForIdentifier","computeInputDisplayValue","start","fromMatrixRotation","transformDiff","invert","relativeTranslationDiff","multiplyByTransformMatrixColumnMajor","relativeRotationDiff","Euler","fromRotationMatrix","convertWorldValueToReal","z","convertTo","Angle","normalizeRadians","computeHandleDeltaTransform","previous","next","angle","computeHandleGlobalTransform","subtract","currentTransformationMatrix","translationVectorWorld","performTranslationConstrainedToAxis","right","up","back","performTranslationConstrainedToPlane","performRotationAroundAxis","localRotationAxis","rotationAngle","worldRotationAxis","computeRotationAxis","worldRotationQuaternion","worldRotationMatrix","changeOfBasisToWorld","multiplyByTransformMatrixRowMajor","worldNegatedRotationAxis","negate","dot","constrainToLocalAxis","constrainToLocalAxisUnitVector","normalize","constrainToWorldAxis","translationVectorProjectedToWorldAxis","project","translationMatrix","localNormalVectorToPlane","localNormalVectorToPlaneUnitVector","worldNormalVectorToPlane","currentPosition","worldPlaneToConstrainTranslationTo","translationVectorProjectedToWorldPlane","projectPoint","constrainedTranslationVector","add","scale","constant","normal","computeInputPosition","shapePoints","Error","paddedBounds","Rectangle","pad","canvasPoints","map","sp","transformNdcPointToViewport","topLeft","topRight","width","bottomRight","bottomLeft","center","reduce","sum","pt","closestPoint","closest","distance","placement","calculateNewRotationAngle","event","rotationSnapKey","angleOfRotation","lastAngle","existingAngle","rotationSnapDegrees","rotationSnapKeyIsHeld","altKey","ctrlKey","metaKey","shiftKey","Number","isInteger","angleChangeRelativeToLastAngle","angleChangeRelativeToLastAngleDegrees","toDegrees","angleChangeRounded","Math","round","existingAngleRounded","neededAdjustmentDueToExistingAngle","adjustedAngle","angleChangeRoundedRadians","toRadians","TransformWidgetInputWrapper","ref","displayUnit","children","inputPlacement","constrainInputToViewport","Dimensions","h","class","style","height","unit","abbreviatedName","TransformWidgetInput","disabled","onChange","onIncrement","onDecrement","onBlur","onUndo","handleChange","target","parsed","parseFloat","isNaN","handleKeyDown","commandOrControlModifier","key","preventDefault","type","onKeyDown","constrainTo","dimension","min","max","inputDimensions","padding","dimensions","paddedWidth","paddedHeight","toCssLength","bottom","xAxisRotationPositions","widgetTransform","triangleSize","rotationSizeScalar","translationSizeScalar","computeRotationNdcValues","yAxisRotationPositions","zAxisRotationPositions","xDirection","yDirection","transformedDirection","transformedX","transformedY","relativePositionScalar","basePosition","xRay","yRay","rotationAxis","cross","base","rotateAboutAxis","TriangleMeshPoints","projectionViewMatrix","testDrawable","drawable","TriangleMesh","testTriangleMesh","mesh","testTriangle","points","worldLeft","worldRight","worldTip","worldBase","edge1","edge2","epsilon","BoundingBox","_a","fromVectors","p","det","abs","t","u","q","v","r","TransformWidget","ReglComponent","constructor","canvasElement","customization","initialDisabledAxes","super","this","disabledAxis","xTranslation","yTranslation","zTranslation","xyTranslation","xzTranslation","yzTranslation","xRotation","yRotation","zRotation","axisLines","rotationLines","translationMeshes","rotationMeshes","hoveredChanged","EventDispatcher","xArrowFillColor","colors","xArrow","yArrowFillColor","_b","yArrow","zArrowFillColor","_c","zArrow","hoveredArrowFillColor","_d","hovered","outlineColor","_e","outline","_f","_g","_h","_j","_k","_l","_m","_o","_p","dispose","reglFrameDisposable","cancel","getDrawableElements","drawableElements","getFullBounds","fullBounds","boundsContainsPoint","interactiveBounds","containsPoints","updateDisabledAxis","axis","updateDisabledOnDrawables","updateCursor","cursor","updateHovered","clearHovered","updateTransform","updateAndDraw","clear","updateColors","twoAxesSquareFillColor","twoAxesSquare","updateFillColor","getXTranslationColor","getYTranslationColor","getZTranslationColor","getXRotationColor","getYRotationColor","getZRotationColor","getTwoAxesTranslationColor","_q","_r","hoveredElement","updateScalars","scalars","updateElements","onHoveredChanged","listener","on","setDisabled","xyRotationLine","xzRotationLine","yzRotationLine","yxRotationLine","zxRotationLine","zyRotationLine","previousHovered","currentFrame","filter","el","valid","isDisabled","find","m","emit","clearFillColorOfPreviouslyHovered","initialFillColor","hasData","createOrUpdateElements","createElements","computeDrawable2dBounds","reglCommand","regl","canvas","extensions","createShape","shapeBuilder","computeTriangleSize","xAxisArrowPositions","xAxis","AxisLine","axisPositions","yAxisArrowPositions","yAxis","zAxisArrowPositions","zAxis","xyAxisTranslationPositions","xzAxisTranslationPositions","yzAxisTranslationPositions","createRotationLines","availableElements","xyRotationLinePoints","rotationAxisPositions","xzRotationLinePoints","yxRotationLinePoints","yzRotationLinePoints","zxRotationLinePoints","zyRotationLinePoints","RotationLine","l","updatePoints","_s","_t","_u","_v","_w","_x","_y","_z","_0","_1","_2","_3","_4","_5","viewerTransformWidgetCss","ViewerTransformWidget","hostRef","xRotationDisabled","yRotationDisabled","zRotationDisabled","xTranslationDisabled","yTranslationDisabled","zTranslationDisabled","xyTranslationDisabled","xzTranslationDisabled","yzTranslationDisabled","showInputs","decimalPlaces","translationHandleScalar","rotationHandleScalar","interactionThrottle","EXPERIMENTAL_undoKeybindings","inputValue","isEndingTransform","inputShouldFocus","xArrowColor","yArrowColor","zArrowColor","twoAxesSquareColor","hoveredColor","handleHoveredDrawableChanged","handleViewerFrameDrawn","updatePropsFromViewer","handleViewerDimensionsChange","writeDOM","viewer","canvasRef","updateCanvasBounds","handleResize","handleInputResize","inputWrapperRef","wrapperElement","readDOM","inputBounds","getBoundingClientRect","handleStyleChange","hostStyles","getComputedStyle","hostEl","getPropertyValue","trim","getTransformWidget","handlePointerMove","dragging","canvasPoint","clientX","clientY","getCanvasBounds","widget","handleBeginDrag","async","canvasBounds","lastDragged","dragStartTransform","currentTransform","updateInputPosition","updateInputValue","currentCanvas","widgetCenter","transformWorldToViewport","fromPoints","lastWorldPosition","interactionStarted","removeEventListener","addEventListener","handleDragWithTimer","handleEndTransform","lastMouseEvent","interactionTimer","setTimeout","handleDrag","controller","beginTransform","currentWorld","angleToUse","getDisplayedAngle","beginEndTransform","delta","getCurrentDelta","endTransform","interactionEnded","e","console","error","completeEndTransform","handleInputStep","step","lastInputValue","isModifyingAngleUnits","updateTransformFromInput","handleInputChange","stopPropagation","EXPERIMENTAL_undo","startingTransform","endTransformDebounced","updateFrame","setupTransformWidget","debug","JSON","stringify","effectiveArrowScalar","getTranslationScalar","effectiveSquareScalar","getRotationScalar","getTransformForNewRotation","getTransformForNewPosition","handleSettingDisabledAxis","hoveredChangeDisposable","updateDimensions","isDraggingTwoAxesTranslation","inputRef","definedValue","getDisplayedDistance","displayValue","toFixed","widgetBounds","inputPosition","toArray","draggingIdentifier","includes","warn","getDisplayedUnits","newPosition","c","currentRotation","newRotationEuler","oldRotation","newRotation","fromEuler","oldTranslation","componentDidLoad","canvasResizeObserver","ResizeObserver","inputResizeObserver","hostStyleObserver","MutationObserver","observe","attributes","attributeFilter","handleViewerChanged","disconnectedCallback","disconnect","componentDidRender","undoDelta","EXPERIMENTAL_undoTransform","newViewer","oldViewer","stream","TransformController","handleDisabledPropertyChanged","handleTransformHandleScalarChanged","handleRotationChanged","rotationToApply","isIdentity","rotationChanged","handlePositionChanged","oldPosition","clearTransform","positionChanged","handleInputFormattingChanged","render","Host","classNames","tabindex","onPointerDown","unobserve"],"sources":["src/components/viewer-transform-widget/dom.ts","src/components/viewer-transform-widget/util.ts","src/components/viewer-transform-widget/viewer-transform-widget-components.tsx","src/lib/transforms/axis-rotation.ts","src/lib/transforms/hits.ts","src/components/viewer-transform-widget/widget.ts","src/components/viewer-transform-widget/viewer-transform-widget.css?tag=vertex-viewer-transform-widget&encapsulation=shadow","src/components/viewer-transform-widget/viewer-transform-widget.tsx"],"sourcesContent":["export function focusInputElement(element: HTMLInputElement): void {\n  if (window.document.activeElement !== element) {\n    element.focus();\n    element.setSelectionRange(element.value.length, element.value.length);\n  }\n}\n","import {\n  Angle,\n  Euler,\n  Matrix4,\n  Plane,\n  Point,\n  Quaternion,\n  Ray,\n  Rectangle,\n  Vector3,\n} from '@vertexvis/geometry';\n\nimport {\n  AngleUnits,\n  AngleUnitType,\n  DistanceUnits,\n  DistanceUnitType,\n  Frame,\n  Viewport,\n} from '../../lib/types';\nimport { ModifierKey } from '../../lib/types/keys';\nimport { TransformWidgetInputPlacement } from './viewer-transform-widget-components';\n\nexport interface PointAndPlacement {\n  point: Point.Point;\n  placement: TransformWidgetInputPlacement;\n}\n\nexport function convertPointToCanvas(\n  point: Point.Point,\n  bounds?: DOMRect,\n): Point.Point | undefined {\n  return bounds != null\n    ? Point.create(point.x - bounds.left, point.y - bounds.top)\n    : undefined;\n}\n\nexport function convertCanvasPointToWorld(\n  point?: Point.Point,\n  frame?: Frame,\n  viewport?: Viewport,\n  transform?: Matrix4.Matrix4,\n): Vector3.Vector3 | undefined {\n  const position =\n    transform != null ? Vector3.fromMatrixPosition(transform) : undefined;\n\n  if (point != null && frame != null && viewport != null && position != null) {\n    const ray = viewport.transformPointToRay(\n      point,\n      frame.image,\n      frame.scene.camera,\n    );\n\n    if (frame.scene.camera.isOrthographic()) {\n      // Offset the point to past the bounding sphere of the model to\n      // adjust the position plane location.\n      const offsetPoint = Ray.at(\n        Ray.create({\n          origin: position,\n          direction: frame.scene.camera.direction,\n        }),\n        Vector3.magnitude(frame.scene.camera.viewVector) * 2,\n      );\n\n      return Ray.intersectPlane(\n        ray,\n        Plane.fromNormalAndCoplanarPoint(\n          frame.scene.camera.direction,\n          offsetPoint,\n        ),\n      );\n    } else {\n      return Ray.intersectPlane(\n        ray,\n        Plane.fromNormalAndCoplanarPoint(\n          frame.scene.camera.direction,\n          position,\n        ),\n      );\n    }\n  }\n  return undefined;\n}\n\nexport function computeInputDeltaTransform(\n  current: Matrix4.Matrix4,\n  identifier: string,\n  value: number,\n  lastValue: number,\n  distanceUnit: DistanceUnitType,\n  angleUnit: AngleUnitType,\n): Matrix4.Matrix4 {\n  return Matrix4.multiply(\n    computeInputGlobalTransform(\n      identifier,\n      value,\n      lastValue,\n      distanceUnit,\n      angleUnit,\n    ),\n    current,\n  );\n}\n\nfunction computeInputGlobalTransform(\n  identifier: string,\n  value: number,\n  lastValue: number,\n  distanceUnit: DistanceUnitType,\n  angleUnit: AngleUnitType,\n): Matrix4.Matrix4 {\n  const units = new DistanceUnits(distanceUnit);\n  const angles = new AngleUnits(angleUnit);\n\n  const rotation = (): number => angles.convertFrom(value - lastValue);\n  const position = (): number =>\n    units.convertRealValueToWorld(value - lastValue);\n\n  switch (identifier) {\n    case 'x-translate':\n      return Matrix4.makeTranslation(Vector3.create(position(), 0, 0));\n    case 'y-translate':\n      return Matrix4.makeTranslation(Vector3.create(0, position(), 0));\n    case 'z-translate':\n      return Matrix4.makeTranslation(Vector3.create(0, 0, position()));\n    case 'x-rotate':\n      return Matrix4.transpose(\n        Matrix4.makeRotation(\n          Quaternion.fromAxisAngle(Vector3.left(), rotation()),\n        ),\n      );\n    case 'y-rotate':\n      return Matrix4.transpose(\n        Matrix4.makeRotation(\n          Quaternion.fromAxisAngle(Vector3.down(), rotation()),\n        ),\n      );\n    case 'z-rotate':\n      return Matrix4.transpose(\n        Matrix4.makeRotation(\n          Quaternion.fromAxisAngle(Vector3.forward(), rotation()),\n        ),\n      );\n    default:\n      return Matrix4.makeIdentity();\n  }\n}\n\nexport function eulerOrderForIdentifier(identifier: string): Euler.EulerOrder {\n  switch (identifier) {\n    case 'x-rotate':\n      return 'xyz';\n    case 'y-rotate':\n      return 'yzx';\n    case 'z-rotate':\n      return 'zxy';\n    default:\n      return 'xyz';\n  }\n}\n\nexport function computeInputDisplayValue(\n  identifier: string,\n  current: Matrix4.Matrix4,\n  start: Matrix4.Matrix4,\n  distanceUnit: DistanceUnitType,\n  angleUnit: AngleUnitType,\n): number {\n  const units = new DistanceUnits(distanceUnit);\n  const angles = new AngleUnits(angleUnit);\n\n  const rotation = (): Matrix4.Matrix4 =>\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(current));\n\n  const transformDiff = (): Matrix4.Matrix4 =>\n    Matrix4.multiply(Matrix4.invert(start), current);\n\n  const relativeTranslationDiff = (): Vector3.Vector3 =>\n    Vector3.multiplyByTransformMatrixColumnMajor(\n      Vector3.fromMatrixPosition(transformDiff()),\n      rotation(),\n    );\n\n  const relativeRotationDiff = (): Euler.Euler =>\n    Euler.fromRotationMatrix(\n      Matrix4.multiply(start, rotation()),\n      eulerOrderForIdentifier(identifier),\n    );\n\n  switch (identifier) {\n    case 'x-translate':\n      return units.convertWorldValueToReal(relativeTranslationDiff().x);\n    case 'y-translate':\n      return units.convertWorldValueToReal(relativeTranslationDiff().y);\n    case 'z-translate':\n      return units.convertWorldValueToReal(relativeTranslationDiff().z);\n    case 'x-rotate':\n      return angles.convertTo(Angle.normalizeRadians(relativeRotationDiff().x));\n    case 'y-rotate':\n      return angles.convertTo(Angle.normalizeRadians(relativeRotationDiff().y));\n    case 'z-rotate':\n      return angles.convertTo(Angle.normalizeRadians(relativeRotationDiff().z));\n    default:\n      return 0;\n  }\n}\n\nexport function computeHandleDeltaTransform(\n  current: Matrix4.Matrix4,\n  previous: Vector3.Vector3,\n  next: Vector3.Vector3,\n  viewVector: Vector3.Vector3,\n  angle: number,\n  identifier: string,\n): Matrix4.Matrix4 {\n  return computeHandleGlobalTransform(\n    current,\n    Vector3.subtract(next, previous),\n    viewVector,\n    angle,\n    identifier,\n  );\n}\n\nfunction computeHandleGlobalTransform(\n  currentTransformationMatrix: Matrix4.Matrix4,\n  translationVectorWorld: Vector3.Vector3,\n  viewVector: Vector3.Vector3,\n  angle: number,\n  identifier: string,\n): Matrix4.Matrix4 {\n  switch (identifier) {\n    case 'x-translate':\n      return performTranslationConstrainedToAxis(\n        currentTransformationMatrix,\n        translationVectorWorld,\n        Vector3.right(),\n      );\n    case 'y-translate':\n      return performTranslationConstrainedToAxis(\n        currentTransformationMatrix,\n        translationVectorWorld,\n        Vector3.up(),\n      );\n    case 'z-translate':\n      return performTranslationConstrainedToAxis(\n        currentTransformationMatrix,\n        translationVectorWorld,\n        Vector3.back(),\n      );\n    case 'xy-translate':\n      return performTranslationConstrainedToPlane(\n        currentTransformationMatrix,\n        translationVectorWorld,\n        Vector3.create(0, 0, 1),\n      );\n    case 'xz-translate':\n      return performTranslationConstrainedToPlane(\n        currentTransformationMatrix,\n        translationVectorWorld,\n        Vector3.create(0, 1, 0),\n      );\n    case 'yz-translate':\n      return performTranslationConstrainedToPlane(\n        currentTransformationMatrix,\n        translationVectorWorld,\n        Vector3.create(1, 0, 0),\n      );\n    case 'x-rotate':\n      return performRotationAroundAxis(\n        currentTransformationMatrix,\n        viewVector,\n        Vector3.right(),\n        angle,\n      );\n    case 'y-rotate':\n      return performRotationAroundAxis(\n        currentTransformationMatrix,\n        viewVector,\n        Vector3.up(),\n        angle,\n      );\n    case 'z-rotate':\n      return performRotationAroundAxis(\n        currentTransformationMatrix,\n        viewVector,\n        Vector3.forward(),\n        angle,\n      );\n    default:\n      return currentTransformationMatrix;\n  }\n}\n\nexport function performRotationAroundAxis(\n  currentTransformationMatrix: Matrix4.Matrix4,\n  viewVector: Vector3.Vector3,\n  localRotationAxis: Vector3.Vector3,\n  rotationAngle: number,\n): Matrix4.Matrix4 {\n  // Determine the rotation axis in world coordinates\n  const worldRotationAxis = computeRotationAxis(\n    currentTransformationMatrix,\n    viewVector,\n    localRotationAxis,\n  );\n\n  // Determine the rotation matrix in world coordinates\n  const worldRotationQuaternion = Quaternion.fromAxisAngle(\n    worldRotationAxis,\n    rotationAngle,\n  );\n  const worldRotationMatrix = Matrix4.transpose(\n    Matrix4.makeRotation(worldRotationQuaternion),\n  );\n\n  return Matrix4.multiply(worldRotationMatrix, currentTransformationMatrix);\n}\n\nexport function computeRotationAxis(\n  currentTransformationMatrix: Matrix4.Matrix4,\n  viewVector: Vector3.Vector3,\n  localRotationAxis: Vector3.Vector3,\n): Vector3.Vector3 {\n  const changeOfBasisToWorld = Matrix4.makeRotation(\n    Quaternion.fromMatrixRotation(currentTransformationMatrix),\n  );\n  const worldRotationAxis = Vector3.multiplyByTransformMatrixRowMajor(\n    localRotationAxis,\n    changeOfBasisToWorld,\n  );\n  const worldNegatedRotationAxis = Vector3.multiplyByTransformMatrixRowMajor(\n    Vector3.negate(localRotationAxis),\n    changeOfBasisToWorld,\n  );\n\n  return Vector3.dot(viewVector, worldRotationAxis) >\n    Vector3.dot(viewVector, worldNegatedRotationAxis)\n    ? localRotationAxis\n    : Vector3.negate(localRotationAxis);\n}\n\nexport function performTranslationConstrainedToAxis(\n  currentTransformationMatrix: Matrix4.Matrix4,\n  translationVectorWorld: Vector3.Vector3,\n  constrainToLocalAxis: Vector3.Vector3,\n): Matrix4.Matrix4 {\n  // Ensure that constrainToLocalAxis is a unit vector\n  const constrainToLocalAxisUnitVector =\n    Vector3.normalize(constrainToLocalAxis);\n\n  // Convert the axis to constrain the translation to from local to world\n  const changeOfBasisToWorld = Matrix4.makeRotation(\n    Quaternion.fromMatrixRotation(currentTransformationMatrix),\n  );\n  const constrainToWorldAxis = Vector3.multiplyByTransformMatrixRowMajor(\n    constrainToLocalAxisUnitVector,\n    changeOfBasisToWorld,\n  );\n\n  // Project the translation vector onto the desired axis for translation\n  const translationVectorProjectedToWorldAxis = Vector3.project(\n    translationVectorWorld,\n    constrainToWorldAxis,\n  );\n\n  // Use the projected vector to determine the translation matrix\n  const translationMatrix = Matrix4.makeTranslation(\n    translationVectorProjectedToWorldAxis,\n  );\n\n  // Multiply the translation matrix with the current transformation matrix to\n  // determine the new transformation matrix\n  return Matrix4.multiply(currentTransformationMatrix, translationMatrix);\n}\n\nexport function performTranslationConstrainedToPlane(\n  currentTransformationMatrix: Matrix4.Matrix4,\n  translationVectorWorld: Vector3.Vector3,\n  localNormalVectorToPlane: Vector3.Vector3,\n): Matrix4.Matrix4 {\n  // Ensure that localNormalVectorToPlane is a unit vector\n  const localNormalVectorToPlaneUnitVector = Vector3.normalize(\n    localNormalVectorToPlane,\n  );\n\n  // Convert the normal vector from local to world\n  const changeOfBasisToWorld = Matrix4.makeRotation(\n    Quaternion.fromMatrixRotation(currentTransformationMatrix),\n  );\n  const worldNormalVectorToPlane = Vector3.multiplyByTransformMatrixRowMajor(\n    localNormalVectorToPlaneUnitVector,\n    changeOfBasisToWorld,\n  );\n\n  // Use the worldNormalVectorToPlane and the current position of the widget to define the plane to translate on\n  const currentPosition = Vector3.fromMatrixPosition(\n    currentTransformationMatrix,\n  );\n  const worldPlaneToConstrainTranslationTo = Plane.fromNormalAndCoplanarPoint(\n    worldNormalVectorToPlane,\n    currentPosition,\n  );\n\n  // Project the translation vector onto the desired plane for translation\n  const translationVectorProjectedToWorldPlane = Plane.projectPoint(\n    worldPlaneToConstrainTranslationTo,\n    translationVectorWorld,\n  );\n\n  // Account for the plane offset to calculate the position change (the vector to translate by)\n  const constrainedTranslationVector = Vector3.add(\n    translationVectorProjectedToWorldPlane,\n    Vector3.scale(\n      worldPlaneToConstrainTranslationTo.constant,\n      worldPlaneToConstrainTranslationTo.normal,\n    ),\n  );\n\n  // Use the projected vector to perform the translation and determine the new transformation matrix\n  const translationMatrix = Matrix4.makeTranslation(\n    constrainedTranslationVector,\n  );\n  return Matrix4.multiply(currentTransformationMatrix, translationMatrix);\n}\n\nexport function computeInputPosition(\n  viewport: Viewport,\n  bounds: Rectangle.Rectangle,\n  shapePoints: Point.Point[],\n): PointAndPlacement {\n  if (shapePoints.length === 0) {\n    throw new Error(\n      'Unable to compute input position. At least one shape point must be provided.',\n    );\n  }\n\n  const paddedBounds = Rectangle.pad(bounds, 5);\n  const canvasPoints = shapePoints.map((sp) =>\n    viewport.transformNdcPointToViewport(sp),\n  );\n\n  const topLeft = Rectangle.topLeft(paddedBounds);\n  const topRight = Point.add(topLeft, Point.create(paddedBounds.width, 0));\n  const bottomRight = Rectangle.bottomRight(paddedBounds);\n  const bottomLeft = Point.subtract(\n    bottomRight,\n    Point.create(paddedBounds.width, 0),\n  );\n\n  const center = Point.scale(\n    canvasPoints.reduce((sum, pt) => Point.add(sum, pt), Point.create()),\n    1 / canvasPoints.length,\n    1 / canvasPoints.length,\n  );\n\n  const closestPoint = [topRight, bottomLeft, bottomRight].reduce(\n    (closest, pt) =>\n      Point.distance(center, pt) < Point.distance(center, closest)\n        ? pt\n        : closest,\n    topLeft,\n  );\n\n  switch (closestPoint) {\n    case topLeft:\n      return { point: closestPoint, placement: 'top-left' };\n    case topRight:\n      return { point: closestPoint, placement: 'top-right' };\n    case bottomLeft:\n      return { point: closestPoint, placement: 'bottom-left' };\n    default:\n      return { point: closestPoint, placement: 'bottom-right' };\n  }\n}\n\nexport function calculateNewRotationAngle(\n  event: PointerEvent,\n  rotationSnapKey: ModifierKey,\n  angleOfRotation: number, // In radians\n  lastAngle: number, // In radians\n  existingAngle?: number, // In degrees\n  rotationSnapDegrees?: number, // In degrees\n): number {\n  const rotationSnapKeyIsHeld =\n    (rotationSnapKey === 'alt' && event.altKey) ||\n    (rotationSnapKey === 'ctrl' && event.ctrlKey) ||\n    (rotationSnapKey === 'meta' && event.metaKey) ||\n    (rotationSnapKey === 'shift' && event.shiftKey);\n\n  // Check if the widget should snap to a certain angle\n  if (\n    rotationSnapKeyIsHeld &&\n    rotationSnapDegrees != null &&\n    rotationSnapDegrees > 0 &&\n    Number.isInteger(rotationSnapDegrees)\n  ) {\n    const angleChangeRelativeToLastAngle = angleOfRotation - lastAngle;\n    const angleChangeRelativeToLastAngleDegrees = Angle.toDegrees(\n      angleChangeRelativeToLastAngle,\n    );\n\n    // This method rounds the angle change to the nearest multiple of this.rotationSnapDegrees\n    const angleChangeRounded =\n      Math.round(angleChangeRelativeToLastAngleDegrees / rotationSnapDegrees) *\n      rotationSnapDegrees;\n\n    // Check if there is already an existing rotation angle\n    if (existingAngle != null) {\n      // If there is an existing angle displayed in the widget, it might not be a multiple of the\n      // desired number, so the difference needs to be accounted for\n      const existingAngleRounded =\n        Math.round(existingAngle / rotationSnapDegrees) * rotationSnapDegrees;\n      const neededAdjustmentDueToExistingAngle =\n        existingAngle - existingAngleRounded;\n\n      // Adjust the rounded angle change to account for the existing angle, then\n      // covert the rounded value to radians and return\n      const adjustedAngle =\n        angleChangeRounded - neededAdjustmentDueToExistingAngle;\n      const angleChangeRoundedRadians = Angle.toRadians(adjustedAngle);\n      return angleChangeRoundedRadians + lastAngle;\n    } else {\n      // There isn't an existing angle to account for, so convert the rounded value to radians and return\n      const angleChangeRoundedRadians = Angle.toRadians(angleChangeRounded);\n      return angleChangeRoundedRadians + lastAngle;\n    }\n  } else {\n    // Angle should not be snapped, so return the original angle\n    return angleOfRotation;\n  }\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { Dimensions, Point } from '@vertexvis/geometry';\n\nimport { AngleUnits, DistanceUnits, Viewport } from '../../lib/types';\n\nexport type TransformWidgetInputPlacement =\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right';\n\nexport interface TransformWidgetInputWrapperProps {\n  ref: (el?: HTMLDivElement) => void;\n  bounds?: DOMRect;\n\n  viewport: Viewport;\n  point: Point.Point;\n  placement: TransformWidgetInputPlacement;\n\n  displayUnit: DistanceUnits | AngleUnits;\n}\n\nexport const TransformWidgetInputWrapper: FunctionalComponent<\n  TransformWidgetInputWrapperProps\n> = ({ ref, bounds, viewport, point, placement, displayUnit }, children) => {\n  const inputPlacement = constrainInputToViewport(\n    viewport,\n    bounds ?? Dimensions.create(0, 0),\n    point,\n    placement,\n  );\n\n  return (\n    <div\n      ref={ref}\n      class=\"widget-input wrapper\"\n      style={{\n        ...inputPlacement,\n        height: bounds?.height != null ? `${bounds.height}px` : undefined,\n      }}\n    >\n      {children}\n      <div class=\"widget-input units\">{displayUnit.unit.abbreviatedName}</div>\n    </div>\n  );\n};\n\nexport interface TransformWidgetInputProps {\n  ref: (el?: HTMLInputElement) => void;\n\n  identifier?: string;\n  disabled?: boolean;\n\n  onChange?: (value: number) => void | Promise<void>;\n  onIncrement?: VoidFunction;\n  onDecrement?: VoidFunction;\n  onBlur?: VoidFunction;\n  onUndo?: VoidFunction;\n}\n\nexport const TransformWidgetInput: FunctionalComponent<\n  TransformWidgetInputProps\n> = ({\n  ref,\n  identifier,\n  disabled,\n  onChange,\n  onIncrement,\n  onDecrement,\n  onBlur,\n  onUndo,\n}) => {\n  const handleChange = (event: Event): void => {\n    if (event.target != null) {\n      const parsed = Number.parseFloat((event.target as HTMLInputElement).value);\n\n      if (!Number.isNaN(parsed)) {\n        onChange?.(Number.parseFloat((event.target as HTMLInputElement).value));\n      }\n    }\n  };\n\n  const handleKeyDown = (event: KeyboardEvent): void => {\n    const commandOrControlModifier = event.ctrlKey || event.metaKey;\n\n    if (event.key === 'ArrowUp') {\n      onIncrement?.();\n    } else if (event.key === 'ArrowDown') {\n      onDecrement?.();\n    } else if (event.key === 'z' && commandOrControlModifier && onUndo) {\n      event.preventDefault();\n\n      onUndo();\n    }\n  };\n\n  return (\n    <input\n      ref={ref}\n      disabled={disabled}\n      class={`widget-input ${identifier}`}\n      type=\"text\"\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onBlur={onBlur}\n    ></input>\n  );\n};\n\nfunction constrainTo(dimension: number, length: number): number {\n  return Math.min(dimension, Math.max(0, length));\n}\n\ninterface InputPlacement {\n  left?: string;\n  right?: string;\n  top?: string;\n  bottom?: string;\n}\n\nfunction constrainInputToViewport(\n  viewport: Viewport,\n  inputDimensions: Dimensions.Dimensions,\n  point: Point.Point,\n  placement: TransformWidgetInputPlacement,\n  padding = 5,\n): InputPlacement {\n  const { width, height } = viewport.dimensions;\n  const paddedWidth = inputDimensions.width + padding;\n  const paddedHeight = inputDimensions.height + padding;\n\n  function toCssLength(length: number): string {\n    return `${length}px`;\n  }\n\n  switch (placement) {\n    case 'top-left':\n      return {\n        right: toCssLength(constrainTo(width - paddedWidth, width - point.x)),\n        bottom: toCssLength(\n          constrainTo(height - paddedHeight, height - point.y),\n        ),\n      };\n    case 'top-right':\n      return {\n        left: toCssLength(constrainTo(width - paddedWidth, point.x)),\n        bottom: toCssLength(\n          constrainTo(height - paddedHeight, height - point.y),\n        ),\n      };\n    case 'bottom-left':\n      return {\n        right: toCssLength(constrainTo(width - paddedWidth, width - point.x)),\n        top: toCssLength(constrainTo(height - paddedHeight, point.y)),\n      };\n    case 'bottom-right':\n    default:\n      return {\n        left: toCssLength(constrainTo(width - paddedWidth, point.x)),\n        top: toCssLength(constrainTo(height - paddedHeight, point.y)),\n      };\n  }\n}\n","import { Angle, Matrix4, Quaternion, Ray, Vector3 } from '@vertexvis/geometry';\n\nimport { FrameCameraBase } from '../types';\nimport { TriangleMeshPoints } from './mesh';\n\nexport function xAxisRotationPositions(\n  widgetTransform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  triangleSize = 3,\n  rotationSizeScalar = 1,\n  translationSizeScalar = 1,\n): TriangleMeshPoints {\n  return computeRotationNdcValues(\n    widgetTransform,\n    camera,\n    Vector3.back(),\n    Vector3.up(),\n    triangleSize,\n    rotationSizeScalar,\n    translationSizeScalar,\n  );\n}\n\nexport function yAxisRotationPositions(\n  widgetTransform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  triangleSize = 3,\n  rotationSizeScalar = 1,\n  translationSizeScalar = 1,\n): TriangleMeshPoints {\n  return computeRotationNdcValues(\n    widgetTransform,\n    camera,\n    Vector3.right(),\n    Vector3.back(),\n    triangleSize,\n    rotationSizeScalar,\n    translationSizeScalar,\n  );\n}\n\nexport function zAxisRotationPositions(\n  widgetTransform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  triangleSize = 3,\n  rotationSizeScalar = 1,\n  translationSizeScalar = 1,\n): TriangleMeshPoints {\n  return computeRotationNdcValues(\n    widgetTransform,\n    camera,\n    Vector3.right(),\n    Vector3.up(),\n    triangleSize,\n    rotationSizeScalar,\n    translationSizeScalar,\n  );\n}\n\nfunction computeRotationNdcValues(\n  widgetTransform: Matrix4.Matrix4,\n  camera: FrameCameraBase,\n  xDirection: Vector3.Vector3,\n  yDirection: Vector3.Vector3,\n  triangleSize: number,\n  rotationSizeScalar = 1,\n  translationSizeScalar = 1,\n): TriangleMeshPoints {\n  const transformedDirection = Vector3.multiplyByTransformMatrixRowMajor(\n    Vector3.add(xDirection, yDirection),\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(widgetTransform)),\n  );\n  const transformedX = Vector3.multiplyByTransformMatrixRowMajor(\n    xDirection,\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(widgetTransform)),\n  );\n  const transformedY = Vector3.multiplyByTransformMatrixRowMajor(\n    yDirection,\n    Matrix4.makeRotation(Quaternion.fromMatrixRotation(widgetTransform)),\n  );\n  // Position the rotation handle relative to the translation scale to\n  // ensure that the rotation axis lines are angled inward.\n  // This is a loose line of best fit based on the base scale of\n  // `1` corresponding to a scalar of `10` and some experimentation.\n  const relativePositionScalar = 10 * translationSizeScalar ** 0.25;\n\n  const basePosition = Vector3.fromMatrixPosition(widgetTransform);\n  const position = Vector3.add(\n    basePosition,\n    Vector3.scale(triangleSize * relativePositionScalar, transformedDirection),\n  );\n\n  const xRay = Ray.create({\n    origin: position,\n    direction: transformedX,\n  });\n  const yRay = Ray.create({\n    origin: position,\n    direction: transformedY,\n  });\n  const rotationAxis = Vector3.cross(transformedX, transformedY);\n\n  const base = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(yRay, -(triangleSize * rotationSizeScalar)),\n    rotationAxis,\n    position,\n  );\n  const right = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(xRay, triangleSize * rotationSizeScalar),\n    rotationAxis,\n    position,\n  );\n  const up = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(yRay, triangleSize * rotationSizeScalar),\n    rotationAxis,\n    position,\n  );\n  const left = Vector3.rotateAboutAxis(\n    Angle.toRadians(45),\n    Ray.at(xRay, -(triangleSize * rotationSizeScalar)),\n    rotationAxis,\n    position,\n  );\n\n  return new TriangleMeshPoints(\n    Vector3.dot(transformedX, camera.direction) !== -1 &&\n      Vector3.dot(transformedY, camera.direction) !== -1,\n    base,\n    left,\n    right,\n    up,\n    Vector3.multiplyByTransformMatrixColumnMajor(\n      base,\n      camera.projectionViewMatrix,\n    ),\n    Vector3.multiplyByTransformMatrixColumnMajor(\n      left,\n      camera.projectionViewMatrix,\n    ),\n    Vector3.multiplyByTransformMatrixColumnMajor(\n      right,\n      camera.projectionViewMatrix,\n    ),\n    Vector3.multiplyByTransformMatrixColumnMajor(\n      up,\n      camera.projectionViewMatrix,\n    ),\n  );\n}\n","import { BoundingBox, Point, Vector3 } from '@vertexvis/geometry';\n\nimport { Frame, Viewport } from '../../lib/types';\nimport { Drawable } from './drawable';\nimport { TriangleMesh } from './mesh';\n\nexport function testDrawable(\n  drawable: Drawable,\n  frame: Frame,\n  viewport: Viewport,\n  point: Point.Point,\n): boolean {\n  if (drawable instanceof TriangleMesh) {\n    return testTriangleMesh(drawable, frame, viewport, point);\n  }\n  return false;\n}\n\nexport function testTriangleMesh(\n  mesh: TriangleMesh,\n  frame: Frame,\n  viewport: Viewport,\n  point: Point.Point,\n): boolean {\n  return (\n    testTriangle(\n      [mesh.points.worldLeft, mesh.points.worldRight, mesh.points.worldTip],\n      frame,\n      viewport,\n      point,\n    ) ||\n    testTriangle(\n      [mesh.points.worldLeft, mesh.points.worldRight, mesh.points.worldBase],\n      frame,\n      viewport,\n      point,\n    )\n  );\n}\n\n/**\n * Adapted from https://en.wikipedia.org/wiki/M%C3%B6ller%E2%80%93Trumbore_intersection_algorithm.\n */\nexport function testTriangle(\n  points: Vector3.Vector3[],\n  frame: Frame,\n  viewport: Viewport,\n  point: Point.Point,\n): boolean {\n  if (points.length === 3) {\n    const ray = viewport.transformPointToRay(\n      point,\n      frame.image,\n      frame.scene.camera,\n    );\n\n    const edge1 = Vector3.subtract(points[1], points[0]);\n    const edge2 = Vector3.subtract(points[2], points[0]);\n\n    const epsilon = BoundingBox.epsilon(\n      BoundingBox.fromVectors([ray.direction, ray.origin, edge1, edge2]) ??\n        BoundingBox.create(edge1, edge2),\n    );\n\n    const p = Vector3.cross(ray.direction, edge2);\n    const det = Vector3.dot(edge1, p);\n\n    // This check causes a `det` of NaN or 0 to return false\n    // without needing to perform the subsequent calculations.\n    if (!(Math.abs(det) >= epsilon)) {\n      return false;\n    }\n\n    const t = Vector3.subtract(ray.origin, points[0]);\n    const u = Vector3.dot(t, p) / det;\n\n    if (u < 0 || u > 1) {\n      return false;\n    }\n\n    const q = Vector3.cross(t, edge1);\n    const v = Vector3.dot(ray.direction, q) / det;\n\n    if (v < 0 || u + v > 1) {\n      return false;\n    }\n\n    const r = Vector3.dot(edge2, q) / det;\n\n    // Ignore the case where the computed hit position is negative\n    // if in orthographic to correctly return hit results when close\n    // to the camera.\n    // TODO: revisit with https://vertexvis.atlassian.net/browse/PLAT-1549\n    return !Number.isNaN(r) && (r > 0 || frame.scene.camera.isOrthographic());\n  }\n  return false;\n}\n","import { Matrix4 } from '@vertexvis/geometry';\nimport { Point, Rectangle, Vector3 } from '@vertexvis/geometry';\nimport { Color, Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\nimport regl from 'regl';\nimport shapeBuilder from 'regl-shape';\n\nimport {\n  axisPositions,\n  rotationAxisPositions,\n} from '../../lib/transforms/axis-lines';\nimport {\n  xAxisRotationPositions,\n  yAxisRotationPositions,\n  zAxisRotationPositions,\n} from '../../lib/transforms/axis-rotation';\nimport {\n  xAxisArrowPositions,\n  xyAxisTranslationPositions,\n  xzAxisTranslationPositions,\n  yAxisArrowPositions,\n  yzAxisTranslationPositions,\n  zAxisArrowPositions,\n} from '../../lib/transforms/axis-translation';\nimport {\n  computeDrawable2dBounds,\n  Drawable,\n} from '../../lib/transforms/drawable';\nimport { testDrawable } from '../../lib/transforms/hits';\nimport { AxisLine, RotationLine } from '../../lib/transforms/line';\nimport { TriangleMesh } from '../../lib/transforms/mesh';\nimport { CreateShape } from '../../lib/transforms/shape';\nimport { Frame } from '../../lib/types';\nimport { ReglComponent } from '../../lib/webgl/regl-component';\n\nexport interface DrawableElementColors {\n  xArrow?: Color.Color | string;\n  yArrow?: Color.Color | string;\n  zArrow?: Color.Color | string;\n  twoAxesSquare?: Color.Color | string;\n  hovered?: Color.Color | string;\n  outline?: Color.Color | string;\n}\n\nexport interface DrawableElementSizeScalars {\n  xRotation?: number;\n  yRotation?: number;\n  zRotation?: number;\n  xTranslation?: number;\n  yTranslation?: number;\n  zTranslation?: number;\n  xyTranslation?: number;\n  xzTranslation?: number;\n  yzTranslation?: number;\n}\n\nexport interface DisabledAxis {\n  xRotation: boolean;\n  yRotation: boolean;\n  zRotation: boolean;\n  xTranslation: boolean;\n  yTranslation: boolean;\n  zTranslation: boolean;\n  xyTranslation: boolean;\n  xzTranslation: boolean;\n  yzTranslation: boolean;\n}\n\nexport interface TransformWidgetCustomization {\n  colors?: DrawableElementColors;\n  scalars?: DrawableElementSizeScalars;\n}\n\nexport class TransformWidget extends ReglComponent {\n  private cursor?: Point.Point;\n\n  private xAxis?: AxisLine;\n  private yAxis?: AxisLine;\n  private zAxis?: AxisLine;\n\n  private xArrow?: TriangleMesh;\n  private yArrow?: TriangleMesh;\n  private zArrow?: TriangleMesh;\n\n  private xRotation?: TriangleMesh;\n  private xyRotationLine?: RotationLine;\n  private xzRotationLine?: RotationLine;\n\n  private yRotation?: TriangleMesh;\n  private yxRotationLine?: RotationLine;\n  private yzRotationLine?: RotationLine;\n\n  private zRotation?: TriangleMesh;\n  private zxRotationLine?: RotationLine;\n  private zyRotationLine?: RotationLine;\n\n  private xyTranslation?: TriangleMesh;\n  private xzTranslation?: TriangleMesh;\n  private yzTranslation?: TriangleMesh;\n\n  private disabledAxis: DisabledAxis = {\n    xTranslation: false,\n    yTranslation: false,\n    zTranslation: false,\n    xyTranslation: false,\n    xzTranslation: false,\n    yzTranslation: false,\n    xRotation: false,\n    yRotation: false,\n    zRotation: false,\n  };\n\n  private axisLines: AxisLine[] = [];\n  private rotationLines: RotationLine[] = [];\n  private translationMeshes: TriangleMesh[] = [];\n  private rotationMeshes: TriangleMesh[] = [];\n  private hoveredElement?: Drawable;\n\n  private transform?: Matrix4.Matrix4;\n  private interactiveBounds?: Rectangle.Rectangle;\n  private fullBounds?: Rectangle.Rectangle;\n\n  private hoveredChanged = new EventDispatcher<Drawable | undefined>();\n\n  private xArrowFillColor?: Color.Color | string;\n  private yArrowFillColor?: Color.Color | string;\n  private zArrowFillColor?: Color.Color | string;\n\n  private twoAxesSquareFillColor?: Color.Color | string;\n\n  private hoveredArrowFillColor?: Color.Color | string;\n  private outlineColor?: Color.Color | string;\n\n  public constructor(\n    canvasElement: HTMLCanvasElement,\n    private customization: TransformWidgetCustomization = {},\n    initialDisabledAxes: Partial<DisabledAxis> = {},\n  ) {\n    super(canvasElement);\n\n    this.xArrowFillColor = customization.colors?.xArrow;\n    this.yArrowFillColor = customization.colors?.yArrow;\n    this.zArrowFillColor = customization.colors?.zArrow;\n    this.hoveredArrowFillColor = customization.colors?.hovered;\n    this.outlineColor = customization.colors?.outline;\n\n    this.disabledAxis.xTranslation = initialDisabledAxes.xTranslation ?? false;\n    this.disabledAxis.yTranslation = initialDisabledAxes.yTranslation ?? false;\n    this.disabledAxis.zTranslation = initialDisabledAxes.zTranslation ?? false;\n    this.disabledAxis.xyTranslation =\n      initialDisabledAxes.xyTranslation ?? false;\n    this.disabledAxis.xzTranslation =\n      initialDisabledAxes.xzTranslation ?? false;\n    this.disabledAxis.yzTranslation =\n      initialDisabledAxes.yzTranslation ?? false;\n    this.disabledAxis.xRotation = initialDisabledAxes.xRotation ?? false;\n    this.disabledAxis.yRotation = initialDisabledAxes.yRotation ?? false;\n    this.disabledAxis.zRotation = initialDisabledAxes.zRotation ?? false;\n  }\n\n  public dispose(): void {\n    this.reglFrameDisposable?.cancel();\n  }\n\n  /**\n   * @internal - visible for testing\n   */\n  public getDrawableElements(): Drawable[] {\n    return this.drawableElements;\n  }\n\n  public getFullBounds(): Rectangle.Rectangle | undefined {\n    return this.fullBounds;\n  }\n\n  public boundsContainsPoint(point: Point.Point): boolean {\n    return (\n      this.interactiveBounds != null &&\n      this.frame != null &&\n      Rectangle.containsPoints(this.interactiveBounds, point)\n    );\n  }\n\n  public updateDisabledAxis(axis: Partial<DisabledAxis>): void {\n    this.disabledAxis = {\n      ...this.disabledAxis,\n      ...axis,\n    };\n    this.updateDisabledOnDrawables();\n  }\n\n  public updateCursor(cursor?: Point.Point): void {\n    this.cursor = cursor;\n\n    if (cursor != null && this.frame != null) {\n      this.updateHovered();\n    } else {\n      this.clearHovered();\n    }\n  }\n\n  /**\n   * @param transform A transformation matrix in row-major form.\n   */\n  public updateTransform(transform?: Matrix4.Matrix4): void {\n    this.transform = transform;\n\n    if (transform != 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.xArrowFillColor = colors.xArrow ?? this.xArrowFillColor;\n    this.yArrowFillColor = colors.yArrow ?? this.yArrowFillColor;\n    this.zArrowFillColor = colors.zArrow ?? this.zArrowFillColor;\n    this.twoAxesSquareFillColor =\n      colors.twoAxesSquare ?? this.twoAxesSquareFillColor;\n    this.hoveredArrowFillColor = colors.hovered ?? this.hoveredArrowFillColor;\n    this.outlineColor = colors.outline ?? this.outlineColor;\n\n    this.xArrow?.updateFillColor(this.getXTranslationColor(), true);\n    this.yArrow?.updateFillColor(this.getYTranslationColor(), true);\n    this.zArrow?.updateFillColor(this.getZTranslationColor(), true);\n    this.xRotation?.updateFillColor(this.getXRotationColor(), true);\n    this.yRotation?.updateFillColor(this.getYRotationColor(), true);\n    this.zRotation?.updateFillColor(this.getZRotationColor(), true);\n    this.xyTranslation?.updateFillColor(\n      this.getTwoAxesTranslationColor(),\n      true,\n    );\n    this.xzTranslation?.updateFillColor(\n      this.getTwoAxesTranslationColor(),\n      true,\n    );\n    this.yzTranslation?.updateFillColor(\n      this.getTwoAxesTranslationColor(),\n      true,\n    );\n\n    this.hoveredElement?.updateFillColor(this.hoveredArrowFillColor);\n  }\n\n  public updateScalars(scalars: DrawableElementSizeScalars): void {\n    this.customization = {\n      ...this.customization,\n      scalars,\n    };\n\n    if (this.transform != null && this.frame != null) {\n      this.updateElements(this.transform, this.frame);\n    }\n  }\n\n  public onHoveredChanged(\n    listener: Listener<Drawable | undefined>,\n  ): Disposable {\n    return this.hoveredChanged.on(listener);\n  }\n\n  private updateDisabledOnDrawables(): void {\n    this.xRotation?.setDisabled(this.disabledAxis.xRotation);\n    this.xyRotationLine?.setDisabled(this.disabledAxis.xRotation);\n    this.xzRotationLine?.setDisabled(this.disabledAxis.xRotation);\n\n    this.yRotation?.setDisabled(this.disabledAxis.yRotation);\n    this.yzRotationLine?.setDisabled(this.disabledAxis.yRotation);\n    this.yxRotationLine?.setDisabled(this.disabledAxis.yRotation);\n\n    this.zRotation?.setDisabled(this.disabledAxis.zRotation);\n    this.zxRotationLine?.setDisabled(this.disabledAxis.zRotation);\n    this.zyRotationLine?.setDisabled(this.disabledAxis.zRotation);\n\n    this.xArrow?.setDisabled(this.disabledAxis.xTranslation);\n    this.yArrow?.setDisabled(this.disabledAxis.yTranslation);\n    this.zArrow?.setDisabled(this.disabledAxis.zTranslation);\n\n    this.xyTranslation?.setDisabled(this.disabledAxis.xyTranslation);\n    this.xzTranslation?.setDisabled(this.disabledAxis.xzTranslation);\n    this.yzTranslation?.setDisabled(this.disabledAxis.yzTranslation);\n\n    this.updateColors();\n  }\n\n  private updateHovered(): void {\n    const previousHovered = this.hoveredElement;\n    const currentFrame = this.frame;\n\n    if (currentFrame != null) {\n      this.hoveredElement = [...this.translationMeshes, ...this.rotationMeshes]\n        .filter((el) => el.points.valid && !el.isDisabled())\n        .find((m) =>\n          this.cursor != null\n            ? testDrawable(m, currentFrame, this.viewport, this.cursor)\n            : false,\n        );\n\n      if (this.hoveredElement !== previousHovered) {\n        this.hoveredChanged.emit(this.hoveredElement);\n        this.hoveredElement?.updateFillColor(this.hoveredArrowFillColor);\n        this.clearFillColorOfPreviouslyHovered(previousHovered);\n\n        // Set the corresponding arrows to the hover fill color\n        // when a 2-axes translation square is hovered over\n        if (this.hoveredElement?.identifier === 'xy-translate') {\n          this.xArrow?.updateFillColor(this.hoveredArrowFillColor);\n          this.yArrow?.updateFillColor(this.hoveredArrowFillColor);\n        } else if (this.hoveredElement?.identifier === 'xz-translate') {\n          this.xArrow?.updateFillColor(this.hoveredArrowFillColor);\n          this.zArrow?.updateFillColor(this.hoveredArrowFillColor);\n        } else if (this.hoveredElement?.identifier === 'yz-translate') {\n          this.yArrow?.updateFillColor(this.hoveredArrowFillColor);\n          this.zArrow?.updateFillColor(this.hoveredArrowFillColor);\n        }\n      }\n    }\n  }\n\n  private clearHovered(): void {\n    const previousHovered = this.hoveredElement;\n    this.hoveredElement = undefined;\n\n    if (this.hoveredElement !== previousHovered) {\n      this.hoveredChanged.emit(this.hoveredElement);\n      this.clearFillColorOfPreviouslyHovered(previousHovered);\n    }\n  }\n\n  private clearFillColorOfPreviouslyHovered(previousHovered?: Drawable): void {\n    previousHovered?.updateFillColor(previousHovered?.initialFillColor);\n\n    // Also clear the hover fill color from the corresponding arrows\n    // when a 2-axes translation square is no longer hovered over\n    if (previousHovered?.identifier === 'xy-translate') {\n      this.xArrow?.updateFillColor(this.xArrow?.initialFillColor);\n      this.yArrow?.updateFillColor(this.yArrow?.initialFillColor);\n    } else if (previousHovered?.identifier === 'xz-translate') {\n      this.xArrow?.updateFillColor(this.xArrow?.initialFillColor);\n      this.zArrow?.updateFillColor(this.zArrow?.initialFillColor);\n    } else if (previousHovered?.identifier === 'yz-translate') {\n      this.yArrow?.updateFillColor(this.yArrow?.initialFillColor);\n      this.zArrow?.updateFillColor(this.zArrow?.initialFillColor);\n    }\n  }\n\n  protected hasData(): boolean {\n    return this.transform != null;\n  }\n\n  protected createOrUpdateElements(): void {\n    if (this.transform != null && this.frame != null) {\n      if (this.xArrow == null || this.yArrow == null || this.zArrow == null) {\n        this.createElements(this.transform, this.frame);\n      } else {\n        this.updateElements(this.transform, this.frame);\n      }\n\n      this.interactiveBounds = computeDrawable2dBounds(\n        this.viewport,\n        ...this.rotationMeshes,\n        ...this.translationMeshes,\n      );\n      this.fullBounds = computeDrawable2dBounds(\n        this.viewport,\n        ...this.rotationMeshes,\n        ...this.translationMeshes,\n        ...this.axisLines,\n      );\n    }\n  }\n\n  private createElements(transform: Matrix4.Matrix4, frame: Frame): 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.xArrow = new TriangleMesh(\n      createShape,\n      'x-translate',\n      xAxisArrowPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.xTranslation,\n      ),\n      this.outlineColor,\n      this.getXTranslationColor(),\n    );\n    this.xRotation = new TriangleMesh(\n      createShape,\n      'x-rotate',\n      xAxisRotationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.xRotation,\n        this.customization.scalars?.xTranslation,\n      ),\n      this.outlineColor,\n      this.getXRotationColor(),\n    );\n    this.xAxis = new AxisLine(\n      createShape,\n      'x-axis',\n      axisPositions(transform, frame.scene.camera, this.xArrow),\n      this.outlineColor,\n      this.getXTranslationColor(),\n    );\n\n    this.yArrow = new TriangleMesh(\n      createShape,\n      'y-translate',\n      yAxisArrowPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.yTranslation,\n      ),\n      this.outlineColor,\n      this.getYTranslationColor(),\n    );\n    this.yRotation = new TriangleMesh(\n      createShape,\n      'y-rotate',\n      yAxisRotationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.yRotation,\n        this.customization.scalars?.yTranslation,\n      ),\n      this.outlineColor,\n      this.getYRotationColor(),\n    );\n    this.yAxis = new AxisLine(\n      createShape,\n      'y-axis',\n      axisPositions(transform, frame.scene.camera, this.yArrow),\n      this.outlineColor,\n      this.getYTranslationColor(),\n    );\n\n    this.zArrow = new TriangleMesh(\n      createShape,\n      'z-translate',\n      zAxisArrowPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.zTranslation,\n      ),\n      this.outlineColor,\n      this.getZTranslationColor(),\n    );\n    this.zAxis = new AxisLine(\n      createShape,\n      'z-axis',\n      axisPositions(transform, frame.scene.camera, this.zArrow),\n      this.outlineColor,\n      this.getZTranslationColor(),\n    );\n    this.zRotation = new TriangleMesh(\n      createShape,\n      'z-rotate',\n      zAxisRotationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.zRotation,\n        this.customization.scalars?.zTranslation,\n      ),\n      this.outlineColor,\n      this.getZRotationColor(),\n    );\n\n    this.xyTranslation = new TriangleMesh(\n      createShape,\n      'xy-translate',\n      xyAxisTranslationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.xyTranslation,\n      ),\n      this.outlineColor,\n      this.getTwoAxesTranslationColor(),\n    );\n    this.xzTranslation = new TriangleMesh(\n      createShape,\n      'xz-translate',\n      xzAxisTranslationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.xzTranslation,\n      ),\n      this.outlineColor,\n      this.getTwoAxesTranslationColor(),\n    );\n    this.yzTranslation = new TriangleMesh(\n      createShape,\n      'yz-translate',\n      yzAxisTranslationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.yzTranslation,\n      ),\n      this.outlineColor,\n      this.getTwoAxesTranslationColor(),\n    );\n\n    this.createRotationLines(createShape, transform, frame);\n\n    this.axisLines = [this.xAxis, this.yAxis, this.zAxis];\n    this.translationMeshes = [\n      this.xArrow,\n      this.yArrow,\n      this.zArrow,\n      this.xyTranslation,\n      this.xzTranslation,\n      this.yzTranslation,\n    ];\n    this.rotationMeshes = [this.xRotation, this.yRotation, this.zRotation];\n    this.updateDisabledOnDrawables();\n\n    this.availableElements = [\n      ...this.axisLines,\n      ...this.rotationLines,\n      ...this.translationMeshes,\n      ...this.rotationMeshes,\n    ];\n  }\n\n  private getXRotationColor(): Color.Color | string | undefined {\n    return this.xArrowFillColor;\n  }\n\n  private getYRotationColor(): Color.Color | string | undefined {\n    return this.yArrowFillColor;\n  }\n\n  private getZRotationColor(): Color.Color | string | undefined {\n    return this.zArrowFillColor;\n  }\n\n  private getXTranslationColor(): Color.Color | string | undefined {\n    return this.xArrowFillColor;\n  }\n\n  private getYTranslationColor(): Color.Color | string | undefined {\n    return this.yArrowFillColor;\n  }\n\n  private getZTranslationColor(): Color.Color | string | undefined {\n    return this.zArrowFillColor;\n  }\n\n  private getTwoAxesTranslationColor(): Color.Color | string | undefined {\n    return this.twoAxesSquareFillColor;\n  }\n\n  private createRotationLines(\n    createShape: CreateShape,\n    transform: Matrix4.Matrix4,\n    frame: Frame,\n  ): void {\n    const triangleSize = this.computeTriangleSize(\n      Vector3.fromMatrixPosition(transform),\n      frame,\n    );\n\n    const xyRotationLinePoints = rotationAxisPositions(\n      frame.scene.camera,\n      this.xRotation,\n      this.yArrow?.points.worldTip,\n      triangleSize,\n    );\n    const xzRotationLinePoints = rotationAxisPositions(\n      frame.scene.camera,\n      this.xRotation,\n      this.zArrow?.points.worldTip,\n      triangleSize,\n    );\n    const yxRotationLinePoints = rotationAxisPositions(\n      frame.scene.camera,\n      this.yRotation,\n      this.xArrow?.points.worldTip,\n      triangleSize,\n    );\n    const yzRotationLinePoints = rotationAxisPositions(\n      frame.scene.camera,\n      this.yRotation,\n      this.zArrow?.points.worldTip,\n      triangleSize,\n    );\n    const zxRotationLinePoints = rotationAxisPositions(\n      frame.scene.camera,\n      this.zRotation,\n      this.xArrow?.points.worldTip,\n      triangleSize,\n    );\n    const zyRotationLinePoints = rotationAxisPositions(\n      frame.scene.camera,\n      this.zRotation,\n      this.yArrow?.points.worldTip,\n      triangleSize,\n    );\n\n    if (xyRotationLinePoints != null) {\n      this.xyRotationLine = new RotationLine(\n        createShape,\n        'xy-rotation-line',\n        xyRotationLinePoints,\n        this.outlineColor,\n      );\n    }\n    if (xzRotationLinePoints != null) {\n      this.xzRotationLine = new RotationLine(\n        createShape,\n        'xz-rotation-line',\n        xzRotationLinePoints,\n        this.outlineColor,\n      );\n    }\n    if (yxRotationLinePoints != null) {\n      this.yxRotationLine = new RotationLine(\n        createShape,\n        'yx-rotation-line',\n        yxRotationLinePoints,\n        this.outlineColor,\n      );\n    }\n    if (yzRotationLinePoints != null) {\n      this.yzRotationLine = new RotationLine(\n        createShape,\n        'yz-rotation-line',\n        yzRotationLinePoints,\n        this.outlineColor,\n      );\n    }\n    if (zxRotationLinePoints != null) {\n      this.zxRotationLine = new RotationLine(\n        createShape,\n        'zx-rotation-line',\n        zxRotationLinePoints,\n        this.outlineColor,\n      );\n    }\n    if (zyRotationLinePoints != null) {\n      this.zyRotationLine = new RotationLine(\n        createShape,\n        'zy-rotation-line',\n        zyRotationLinePoints,\n        this.outlineColor,\n      );\n    }\n\n    this.rotationLines = [\n      this.xyRotationLine,\n      this.xzRotationLine,\n      this.yxRotationLine,\n      this.yzRotationLine,\n      this.zxRotationLine,\n      this.zyRotationLine,\n    ].filter((l) => l != null) as RotationLine[];\n  }\n\n  private updateElements(transform: Matrix4.Matrix4, frame: Frame): void {\n    const triangleSize = this.computeTriangleSize(\n      Vector3.fromMatrixPosition(transform),\n      frame,\n    );\n\n    if (this.xArrow != null) {\n      this.xArrow.updatePoints(\n        xAxisArrowPositions(\n          transform,\n          frame.scene.camera,\n          triangleSize,\n          this.customization.scalars?.xTranslation,\n        ),\n      );\n      this.xAxis?.updatePoints(\n        axisPositions(transform, frame.scene.camera, this.xArrow),\n      );\n    }\n    this.xRotation?.updatePoints(\n      xAxisRotationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.xRotation,\n        this.customization.scalars?.xTranslation,\n      ),\n    );\n\n    if (this.yArrow != null) {\n      this.yArrow.updatePoints(\n        yAxisArrowPositions(\n          transform,\n          frame.scene.camera,\n          triangleSize,\n          this.customization.scalars?.yTranslation,\n        ),\n      );\n      this.yAxis?.updatePoints(\n        axisPositions(transform, frame.scene.camera, this.yArrow),\n      );\n    }\n    this.yRotation?.updatePoints(\n      yAxisRotationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.yRotation,\n        this.customization.scalars?.yTranslation,\n      ),\n    );\n\n    if (this.zArrow != null) {\n      this.zArrow.updatePoints(\n        zAxisArrowPositions(\n          transform,\n          frame.scene.camera,\n          triangleSize,\n          this.customization.scalars?.zTranslation,\n        ),\n      );\n      this.zAxis?.updatePoints(\n        axisPositions(transform, frame.scene.camera, this.zArrow),\n      );\n    }\n    this.zRotation?.updatePoints(\n      zAxisRotationPositions(\n        transform,\n        frame.scene.camera,\n        triangleSize,\n        this.customization.scalars?.zRotation,\n        this.customization.scalars?.zTranslation,\n      ),\n    );\n\n    this.xyRotationLine?.updatePoints(\n      rotationAxisPositions(\n        frame.scene.camera,\n        this.xRotation,\n        this.yArrow?.points.worldTip,\n        triangleSize,\n      ),\n    );\n    this.xzRotationLine?.updatePoints(\n      rotationAxisPositions(\n        frame.scene.camera,\n        this.xRotation,\n        this.zArrow?.points.worldTip,\n        triangleSize,\n      ),\n    );\n    this.yxRotationLine?.updatePoints(\n      rotationAxisPositions(\n        frame.scene.camera,\n        this.yRotation,\n        this.xArrow?.points.worldTip,\n        triangleSize,\n      ),\n    );\n    this.yzRotationLine?.updatePoints(\n      rotationAxisPositions(\n        frame.scene.camera,\n        this.yRotation,\n        this.zArrow?.points.worldTip,\n        triangleSize,\n      ),\n    );\n    this.zxRotationLine?.updatePoints(\n      rotationAxisPositions(\n        frame.scene.camera,\n        this.zRotation,\n        this.xArrow?.points.worldTip,\n        triangleSize,\n      ),\n    );\n    this.zyRotationLine?.updatePoints(\n      rotationAxisPositions(\n        frame.scene.camera,\n        this.zRotation,\n        this.yArrow?.points.worldTip,\n        triangleSize,\n      ),\n    );\n\n    if (this.xyTranslation != null) {\n      this.xyTranslation.updatePoints(\n        xyAxisTranslationPositions(\n          transform,\n          frame.scene.camera,\n          triangleSize,\n          this.customization.scalars?.xyTranslation,\n        ),\n      );\n    }\n    if (this.xzTranslation != null) {\n      this.xzTranslation.updatePoints(\n        xzAxisTranslationPositions(\n          transform,\n          frame.scene.camera,\n          triangleSize,\n          this.customization.scalars?.xzTranslation,\n        ),\n      );\n    }\n    if (this.yzTranslation != null) {\n      this.yzTranslation.updatePoints(\n        yzAxisTranslationPositions(\n          transform,\n          frame.scene.camera,\n          triangleSize,\n          this.customization.scalars?.yzTranslation,\n        ),\n      );\n    }\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-transform-widget-x-axis-arrow-color: A CSS color for the arrow\n  * at the end of the X axis on this widget. Defaults to `#ea3324`.\n  */\n  --viewer-transform-widget-x-axis-arrow-color: var(--x-axis-color);\n\n  /**\n  * @prop --viewer-transform-widget-y-axis-arrow-color: A CSS color for the arrow\n  * at the end of the Y axis on this widget. Defaults to `#4faf32`.\n  */\n  --viewer-transform-widget-y-axis-arrow-color: var(--y-axis-color);\n\n  /**\n  * @prop --viewer-transform-widget-z-axis-arrow-color: A CSS color for the arrow\n  * at the end of the Z axis on this widget. Defaults to `#0000ff`.\n  */\n  --viewer-transform-widget-z-axis-arrow-color: var(--z-axis-color);\n\n  /**\n  * @prop --viewer-transform-widget-two-axes-square-color: A CSS color for the squares\n  * to translate by two axes at a time. Defaults to `#e0e0e0`.\n  */\n  --viewer-transform-widget-two-axes-square-color: var(--two-axes-color);\n\n\n  /**\n  * @prop --viewer-transform-widget-hovered-arrow-color: A CSS color for the arrow\n  * when it is hovered. Defaults to `#ffff00`.\n  */\n  --viewer-transform-widget-hovered-arrow-color: #ffff00;\n\n  /**\n  * @prop --viewer-transform-widget-input-width: A CSS length for the width of the\n  * input displayed near the handles. Defaults to `8em`.\n  */\n  --viewer-transform-widget-input-width: 8em;\n}\n\n.widget {\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n.widget.hovered {\n  pointer-events: auto;\n}\n\n.widget-input.wrapper {\n  position: absolute;\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  border: 1px solid #444444;\n  border-radius: 4px;\n  width: var(--viewer-transform-widget-input-width);\n  text-align: center;\n  background-color: white;\n  box-sizing: border-box;\n}\n\n.widget-input.units {\n  position: relative;\n  width: 25%;\n  height: 100%;\n  padding: 0 0.25rem;\n  font-size: 0.8125rem;\n  color: #444444;\n}\n\ninput.widget-input {\n  position: relative;\n  text-align: center;\n  box-sizing: border-box;\n  width: 75%;\n  height: 100%;\n  outline: none;\n  border-width: 0 1px 0 0;\n  border-color: #444444;\n  border-radius: 2px 0 0 2px;\n  font-size: 0.875rem;\n  color: #444444;\n}\n\ninput.widget-input.x-translate,\ninput.widget-input.x-rotate {\n  border-left: 5px solid var(--viewer-transform-widget-x-axis-arrow-color);\n}\n\ninput.widget-input.y-translate,\ninput.widget-input.y-rotate {\n  border-left: 5px solid var(--viewer-transform-widget-y-axis-arrow-color);\n}\n\ninput.widget-input.z-translate,\ninput.widget-input.z-rotate {\n  border-left: 5px solid var(--viewer-transform-widget-z-axis-arrow-color);\n}\n\ninput.widget-input:disabled {\n  color: #888888;\n}\n\ninput.widget-input:focus {\n  outline: none;\n}","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  Angle,\n  Euler,\n  Matrix4,\n  Point,\n  Quaternion,\n  Vector3,\n} from '@vertexvis/geometry';\nimport { Color, Disposable } from '@vertexvis/utils';\nimport classNames from 'classnames';\n\nimport { readDOM, writeDOM } from '../../lib/stencil';\nimport { TransformController } from '../../lib/transforms';\nimport { Drawable } from '../../lib/transforms/drawable';\nimport {\n  AngleUnits,\n  AngleUnitType,\n  DistanceUnits,\n  DistanceUnitType,\n} from '../../lib/types';\nimport { ModifierKey } from '../../lib/types/keys';\nimport { focusInputElement } from './dom';\nimport {\n  calculateNewRotationAngle,\n  computeHandleDeltaTransform,\n  computeInputDeltaTransform,\n  computeInputDisplayValue,\n  computeInputPosition,\n  convertCanvasPointToWorld,\n  convertPointToCanvas,\n  PointAndPlacement,\n} from './util';\nimport {\n  TransformWidgetInput,\n  TransformWidgetInputWrapper,\n} from './viewer-transform-widget-components';\nimport { TransformWidget } from './widget';\n\n@Component({\n  tag: 'vertex-viewer-transform-widget',\n  styleUrl: 'viewer-transform-widget.css',\n  shadow: true,\n})\nexport class ViewerTransformWidget {\n  /**\n   * An event that is emitted when the position of the widget changes.\n   */\n  @Event({ bubbles: true })\n  public positionChanged!: EventEmitter<Vector3.Vector3 | undefined>;\n\n  /**\n   * An event that is emitted when the rotation of the widget changes.\n   */\n  @Event({ bubbles: true })\n  public rotationChanged!: EventEmitter<Euler.Euler | undefined>;\n\n  /**\n   * An event that is emitted when the interaction has ended\n   */\n  @Event({ bubbles: true })\n  public interactionEnded!: EventEmitter<Matrix4.Matrix4 | undefined>;\n\n  /**\n   * An event that is emitted an interaction with the widget has started\n   */\n  @Event({ bubbles: true })\n  public interactionStarted!: EventEmitter<void>;\n\n  /**\n   * The viewer to connect to transforms. If nested within a <vertex-viewer>,\n   * this property will be populated automatically.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The starting position of this transform widget. This position will be updated\n   * as transforms occur. Setting this value to `undefined` will remove the widget.\n   */\n  @Prop({ mutable: true })\n  public position?: Vector3.Vector3;\n\n  /**\n   * The starting angle for the transform widget. This rotation will be updated\n   * as the rotations occur.\n   */\n  @Prop({ mutable: true })\n  public rotation?: Euler.Euler;\n\n  /**\n   * The controller that is responsible for performing transforms.\n   */\n  @Prop({ mutable: true })\n  public controller?: TransformController;\n\n  /**\n   * Determines whether the x-rotation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public xRotationDisabled = false;\n\n  /**\n   * Determines whether the y-rotation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public yRotationDisabled = false;\n\n  /**\n   * Determines whether the z-rotation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public zRotationDisabled = false;\n\n  /**\n   * Determines whether the x-translation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public xTranslationDisabled = false;\n\n  /**\n   * Determines whether the y-translation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public yTranslationDisabled = false;\n\n  /**\n   * Determines whether the z-translation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public zTranslationDisabled = false;\n\n  /**\n   * Determines whether the xy-translation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public xyTranslationDisabled = false;\n\n  /**\n   * Determines whether the xz-translation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public xzTranslationDisabled = false;\n\n  /**\n   * Determines whether the yz-translation is disabled on the widget\n   */\n  @Prop({ mutable: true })\n  public yzTranslationDisabled = false;\n\n  /**\n   * Whether to show inputs beside the widget handles when they are interacted with.\n   * Defaults to `true`.\n   */\n  @Prop()\n  public showInputs = true;\n\n  /**\n   * The unit to show for translation inputs. Defaults to `millimeters`.\n   *\n   * @see DistanceUnitType\n   */\n  @Prop()\n  public distanceUnit: DistanceUnitType = 'millimeters';\n\n  /**\n   * The unit to show for rotation inputs. Defaults to `degrees`.\n   *\n   * @see AngleUnitType\n   */\n  @Prop()\n  public angleUnit: AngleUnitType = 'degrees';\n\n  /**\n   * The number of decimal places to show in the input. Defaults to `1`.\n   */\n  @Prop()\n  public decimalPlaces = 1;\n\n  /**\n   * When defined, the widget will snap to the degree of the nearest multiple of\n   * the given number when the user is rotating with the widget and holding the\n   * key defined by rotationSnapKey. Defaults to undefined.\n   */\n  @Prop()\n  public rotationSnapDegrees?: number;\n\n  /**\n   * When rotationSnapDegrees is defined, the widget will snap to the degree of the\n   * nearest multiple of the given number when the user is rotating with the widget\n   * and holding the key defined here. Defaults to the shift key.\n   */\n  @Prop()\n  public rotationSnapKey: ModifierKey = 'shift';\n\n  /**\n   * Scalar to increase the size of the translation handles of this widget.\n   * Values above zero and below three will result in the best visual representation\n   * of the handles, and values above three may produce unexpected results.\n   *\n   * Defaults to `1`.\n   */\n  @Prop()\n  public translationHandleScalar = 1;\n\n  /**\n   * Scalar to increase the size of the rotation handles of this widget.\n   * Values above zero and below three will result in the best visual representation\n   * of the handles, and values above three may produce unexpected results.\n   *\n   * Defaults to `1`.\n   */\n  @Prop()\n  public rotationHandleScalar = 1;\n\n  /**\n   * Specifies the frequency, in milliseconds, to update the transform while interacting with the widget.\n   *\n   * This delay is used to group events happening in quick succession and results in smoother\n   * widget movement.\n   */\n  @Prop()\n  public interactionThrottle = 75;\n\n  /**\n   * **EXPERIMENTAL.**\n   *\n   * Enables Command+Z and Control+Z keybindings to perform an undo of\n   * the previous delta transformation.\n   *\n   * @see `EXPERIMENTAL_undo`\n   */\n  @Prop()\n  public EXPERIMENTAL_undoKeybindings = false;\n\n  /**\n   * @internal\n   * @ignore\n   *\n   * Visible for testing.\n   */\n  @Prop({ mutable: true })\n  public hovered?: Drawable;\n\n  @State()\n  protected inputPosition?: PointAndPlacement;\n\n  @State()\n  protected inputValue = 0;\n\n  @State()\n  protected isEndingTransform = false;\n\n  @State()\n  protected inputShouldFocus = false;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  // Transformation matrices in row-major form\n  private startingTransform?: Matrix4.Matrix4;\n  private currentTransform?: Matrix4.Matrix4;\n  private dragStartTransform?: Matrix4.Matrix4;\n\n  private xArrowColor: Color.Color | string = '#ea3324';\n  private yArrowColor: Color.Color | string = '#4faf32';\n  private zArrowColor: Color.Color | string = '#0000ff';\n  private twoAxesSquareColor: Color.Color | string = '#e0e0e0';\n  private hoveredColor: Color.Color | string = '#ffff00';\n\n  private widget?: TransformWidget;\n  private lastDragged?: Drawable;\n  private dragging?: Drawable;\n  private lastAngle = 0;\n  private lastWorldPosition?: Vector3.Vector3;\n  private lastInputValue?: number;\n\n  private canvasBounds?: DOMRect;\n  private inputBounds?: DOMRect;\n  private canvasResizeObserver?: ResizeObserver;\n  private inputResizeObserver?: ResizeObserver;\n  private hostStyleObserver?: MutationObserver;\n  private canvasRef?: HTMLCanvasElement;\n  private inputWrapperRef?: HTMLDivElement;\n  private inputRef?: HTMLInputElement;\n\n  private hoveredChangeDisposable?: Disposable;\n\n  private interactionTimer?: number;\n  private lastMouseEvent?: PointerEvent;\n\n  protected componentDidLoad(): void {\n    window.addEventListener('pointermove', this.handlePointerMove);\n\n    this.canvasResizeObserver = new ResizeObserver(this.handleResize);\n    this.inputResizeObserver = new ResizeObserver(this.handleInputResize);\n    this.hostStyleObserver = new MutationObserver(this.handleStyleChange);\n\n    if (this.canvasRef != null) {\n      this.canvasResizeObserver.observe(this.canvasRef);\n\n      this.setupTransformWidget(this.canvasRef);\n    }\n\n    this.hostStyleObserver.observe(this.hostEl, {\n      attributes: true,\n      attributeFilter: ['style'],\n    });\n\n    this.handleViewerChanged(this.viewer, undefined);\n    this.handleStyleChange();\n  }\n\n  protected disconnectedCallback(): void {\n    window.removeEventListener('pointermove', this.handlePointerMove);\n\n    this.canvasResizeObserver?.disconnect();\n    this.inputResizeObserver?.disconnect();\n    this.hostStyleObserver?.disconnect();\n\n    this.hoveredChangeDisposable?.dispose();\n    this.widget?.dispose();\n  }\n\n  protected componentDidRender(): void {\n    if (this.inputShouldFocus && this.inputRef != null) {\n      focusInputElement(this.inputRef);\n      this.inputShouldFocus = false;\n    }\n  }\n\n  /**\n   * **EXPERIMENTAL.**\n   *\n   * Performs an undo of the most recent set of transform manipulations,\n   * categorized by the last pause in interactivity (pointerup on a handle,\n   * Enter press on an input, keyup on an input).\n   *\n   * Note that this *does not* work repeatedly. I.e. only one undo can be\n   * performed, and once another set of transform manipulations is performed,\n   * the history is lost.\n   */\n  @Method()\n  public async EXPERIMENTAL_undo(): Promise<void> {\n    const undoDelta = await this.controller?.EXPERIMENTAL_undoTransform();\n\n    if (this.currentTransform != null && undoDelta != null) {\n      this.currentTransform = Matrix4.multiply(\n        this.currentTransform,\n        undoDelta,\n      );\n\n      this.widget?.updateTransform(this.currentTransform);\n\n      this.updateInputPosition();\n      this.updateInputValue();\n      this.lastInputValue = this.inputValue;\n\n      this.position = Vector3.fromMatrixPosition(this.currentTransform);\n      this.rotation = Euler.fromRotationMatrix(this.currentTransform);\n    }\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    if (newViewer?.stream != null) {\n      this.controller?.dispose();\n      this.controller = new TransformController(newViewer.stream);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('xTranslationDisabled')\n  @Watch('yTranslationDisabled')\n  @Watch('zTranslationDisabled')\n  @Watch('xyTranslationDisabled')\n  @Watch('xzTranslationDisabled')\n  @Watch('yzTranslationDisabled')\n  @Watch('xRotationDisabled')\n  @Watch('yRotationDisabled')\n  @Watch('zRotationDisabled')\n  protected handleDisabledPropertyChanged(): void {\n    this.widget?.updateDisabledAxis({\n      xRotation: this.xRotationDisabled,\n      yRotation: this.yRotationDisabled,\n      zRotation: this.zRotationDisabled,\n\n      xTranslation: this.xTranslationDisabled,\n      yTranslation: this.yTranslationDisabled,\n      zTranslation: this.zTranslationDisabled,\n\n      xyTranslation: this.xyTranslationDisabled,\n      xzTranslation: this.xzTranslationDisabled,\n      yzTranslation: this.yzTranslationDisabled,\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('translationHandleScalar')\n  @Watch('rotationHandleScalar')\n  protected handleTransformHandleScalarChanged(): void {\n    const effectiveArrowScalar = this.getTranslationScalar();\n    const effectiveSquareScalar = this.getRotationScalar();\n\n    this.widget?.updateScalars({\n      xTranslation: effectiveArrowScalar,\n      yTranslation: effectiveArrowScalar,\n      zTranslation: effectiveArrowScalar,\n      xyTranslation: effectiveSquareScalar,\n      xzTranslation: effectiveSquareScalar,\n      yzTranslation: effectiveSquareScalar,\n      xRotation: effectiveSquareScalar,\n      yRotation: effectiveSquareScalar,\n      zRotation: effectiveSquareScalar,\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('rotation')\n  protected handleRotationChanged(\n    newRotation?: Euler.Euler,\n    oldRotation?: Euler.Euler,\n  ): void {\n    const rotationToApply = newRotation ?? Euler.create();\n\n    this.currentTransform = this.getTransformForNewRotation(rotationToApply);\n    this.startingTransform = this.currentTransform;\n\n    // If the removal of the previous rotation above results in an identity matrix,\n    // clear the transformation on the widget to prevent it from appearing at the origin.\n    if (\n      newRotation == null &&\n      this.currentTransform != null &&\n      Matrix4.isIdentity(this.currentTransform)\n    ) {\n      this.currentTransform = undefined;\n      this.startingTransform = this.currentTransform;\n    }\n\n    this.widget?.updateTransform(this.currentTransform);\n\n    console.debug(\n      `Updating widget rotation [previous=${JSON.stringify(\n        oldRotation,\n      )}, current=${JSON.stringify(newRotation)}]`,\n    );\n\n    this.rotationChanged.emit(newRotation);\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('position')\n  protected handlePositionChanged(\n    newPosition?: Vector3.Vector3,\n    oldPosition?: Vector3.Vector3,\n  ): void {\n    this.currentTransform = this.getTransformForNewPosition(newPosition);\n    this.startingTransform = this.currentTransform;\n\n    console.debug(\n      `Updating widget position [previous=${JSON.stringify(\n        oldPosition,\n      )}, current=${JSON.stringify(newPosition)}]`,\n    );\n    this.widget?.updateTransform(this.currentTransform);\n\n    if (newPosition == null) {\n      this.lastDragged = undefined;\n      this.inputPosition = undefined;\n      this.controller?.clearTransform();\n    }\n\n    this.positionChanged.emit(newPosition);\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('distanceUnit')\n  @Watch('angleUnit')\n  @Watch('decimalPlaces')\n  protected handleInputFormattingChanged(): void {\n    this.updateInputValue();\n    this.lastInputValue = this.inputValue;\n  }\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <canvas\n          ref={(el) => {\n            this.canvasRef = el;\n          }}\n          class={classNames('widget', {\n            hovered: this.hovered != null,\n          })}\n          tabindex=\"0\"\n          width={this.viewer?.viewport.width}\n          height={this.viewer?.viewport.height}\n          onPointerDown={this.handleBeginDrag}\n          onKeyDown={this.handleKeyDown}\n        />\n\n        {this.showInputs && this.inputPosition && this.viewer?.viewport && (\n          <TransformWidgetInputWrapper\n            ref={(el) => {\n              if (el != null) {\n                this.inputResizeObserver?.observe(el);\n              } else if (this.inputRef != null) {\n                this.inputResizeObserver?.unobserve(this.inputRef);\n              }\n              this.inputWrapperRef = el;\n            }}\n            bounds={this.inputBounds}\n            viewport={this.viewer.viewport}\n            point={this.inputPosition.point}\n            placement={this.inputPosition.placement}\n            displayUnit={this.getDisplayedUnits()}\n          >\n            <TransformWidgetInput\n              ref={(el) => {\n                this.inputRef = el;\n              }}\n              identifier={\n                this.dragging?.identifier ?? this.lastDragged?.identifier\n              }\n              disabled={this.isEndingTransform}\n              onChange={this.handleInputChange}\n              onIncrement={() => this.handleInputStep(1)}\n              onDecrement={() => this.handleInputStep(-1)}\n              onBlur={() => {\n                this.inputShouldFocus = false;\n              }}\n              onUndo={\n                this.EXPERIMENTAL_undoKeybindings\n                  ? () => this.EXPERIMENTAL_undo()\n                  : undefined\n              }\n            />\n          </TransformWidgetInputWrapper>\n        )}\n      </Host>\n    );\n  }\n\n  private handleHoveredDrawableChanged = (drawable?: Drawable): void => {\n    this.hovered = drawable;\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.updateCanvasBounds(this.canvasRef);\n      }\n    });\n  };\n\n  private handleResize = (): void => {\n    if (this.canvasRef != null) {\n      this.updateCanvasBounds(this.canvasRef);\n    }\n  };\n\n  private handleInputResize = (): void => {\n    if (this.inputWrapperRef != null) {\n      const wrapperElement = this.inputWrapperRef;\n\n      readDOM(() => {\n        this.inputBounds = wrapperElement.getBoundingClientRect();\n      });\n    }\n  };\n\n  private handleStyleChange = (): void => {\n    readDOM(() => {\n      const hostStyles = window.getComputedStyle(this.hostEl);\n\n      this.xArrowColor = hostStyles\n        .getPropertyValue('--viewer-transform-widget-x-axis-arrow-color')\n        .trim();\n      this.yArrowColor = hostStyles\n        .getPropertyValue('--viewer-transform-widget-y-axis-arrow-color')\n        .trim();\n      this.zArrowColor = hostStyles\n        .getPropertyValue('--viewer-transform-widget-z-axis-arrow-color')\n        .trim();\n      this.twoAxesSquareColor = hostStyles\n        .getPropertyValue('--viewer-transform-widget-two-axes-square-color')\n        .trim();\n      this.hoveredColor = hostStyles\n        .getPropertyValue('--viewer-transform-widget-hovered-arrow-color')\n        .trim();\n\n      this.getTransformWidget().updateColors({\n        xArrow: this.xArrowColor,\n        yArrow: this.yArrowColor,\n        zArrow: this.zArrowColor,\n        twoAxesSquare: this.twoAxesSquareColor,\n        hovered: this.hoveredColor,\n      });\n    });\n  };\n\n  private handlePointerMove = (event: PointerEvent): void => {\n    if (this.dragging == null) {\n      const canvasPoint = convertPointToCanvas(\n        Point.create(event.clientX, event.clientY),\n        this.getCanvasBounds(),\n      );\n      const widget = this.getTransformWidget();\n\n      if (canvasPoint != null && widget.boundsContainsPoint(canvasPoint)) {\n        widget.updateCursor(canvasPoint);\n      } else {\n        widget.updateCursor(undefined);\n        this.hovered = undefined;\n      }\n    }\n  };\n\n  private handleBeginDrag = async (event: PointerEvent): Promise<void> => {\n    const canvasBounds = this.getCanvasBounds();\n\n    if (\n      this.hovered != null &&\n      canvasBounds != null &&\n      this.viewer != null &&\n      this.position != null &&\n      this.viewer.frame != null\n    ) {\n      this.dragging = this.hovered;\n\n      if (this.dragging.identifier !== this.lastDragged?.identifier) {\n        this.inputValue = 0;\n        this.dragStartTransform = this.currentTransform;\n        this.updateInputPosition();\n        this.updateInputValue();\n      }\n      this.lastDragged = undefined;\n\n      const currentCanvas = convertPointToCanvas(\n        Point.create(event.clientX, event.clientY),\n        canvasBounds,\n      );\n      const widgetCenter = this.viewer.viewport.transformWorldToViewport(\n        this.position,\n        this.viewer.frame.scene.camera.projectionViewMatrix,\n      );\n\n      this.lastAngle =\n        currentCanvas != null\n          ? Angle.fromPoints(widgetCenter, currentCanvas)\n          : 0;\n\n      this.lastWorldPosition = convertCanvasPointToWorld(\n        currentCanvas,\n        this.viewer?.frame,\n        this.viewer?.viewport,\n        this.currentTransform,\n      );\n\n      this.interactionStarted.emit();\n\n      window.removeEventListener('pointermove', this.handlePointerMove);\n      window.addEventListener('pointermove', this.handleDragWithTimer);\n      window.addEventListener('pointerup', this.handleEndTransform);\n    }\n  };\n\n  private handleDragWithTimer = async (event: PointerEvent): Promise<void> => {\n    if (event != null) {\n      // Prevent selection of text and interaction with view cube while dragging the widget\n      event.preventDefault();\n\n      this.lastMouseEvent = event;\n    }\n\n    if (this.interactionTimer == null) {\n      this.interactionTimer = window.setTimeout(async () => {\n        this.interactionTimer = undefined;\n        await this.handleDrag();\n        this.lastMouseEvent = undefined;\n      }, this.interactionThrottle);\n    }\n  };\n\n  private handleDrag = async (): Promise<void> => {\n    const canvasBounds = this.getCanvasBounds();\n\n    if (\n      this.dragging != null &&\n      this.lastWorldPosition != null &&\n      canvasBounds != null &&\n      this.viewer != null &&\n      this.viewer.frame != null &&\n      this.position != null &&\n      this.lastMouseEvent != null\n    ) {\n      // Begin the transform on the first `pointermove` event as opposed to the\n      // `pointerdown` to prevent accidental no-op transforms (identity matrix).\n      await this.controller?.beginTransform();\n\n      const currentCanvas = convertPointToCanvas(\n        Point.create(this.lastMouseEvent.clientX, this.lastMouseEvent.clientY),\n        canvasBounds,\n      );\n      const widgetCenter = this.viewer.viewport.transformWorldToViewport(\n        this.position,\n        this.viewer.frame.scene.camera.projectionViewMatrix,\n      );\n\n      const currentWorld = convertCanvasPointToWorld(\n        currentCanvas,\n        this.viewer?.frame,\n        this.viewer?.viewport,\n        this.currentTransform,\n      );\n\n      if (\n        currentWorld != null &&\n        currentCanvas != null &&\n        widgetCenter != null\n      ) {\n        const angle = Angle.fromPoints(widgetCenter, currentCanvas);\n        const angleToUse = calculateNewRotationAngle(\n          this.lastMouseEvent,\n          this.rotationSnapKey,\n          angle,\n          this.lastAngle,\n          this.getDisplayedAngle(),\n          this.rotationSnapDegrees,\n        );\n\n        this.transform(\n          this.lastWorldPosition,\n          currentWorld,\n          angleToUse - this.lastAngle,\n        );\n\n        this.updateInputPosition();\n        this.updateInputValue();\n\n        this.lastWorldPosition = currentWorld;\n        this.lastAngle = angleToUse;\n      }\n    }\n  };\n\n  private handleEndTransform = async (event: PointerEvent): Promise<void> => {\n    const canvasPoint = convertPointToCanvas(\n      Point.create(event.clientX, event.clientY),\n      this.getCanvasBounds(),\n    );\n    const widget = this.getTransformWidget();\n    this.lastDragged = this.dragging;\n\n    this.dragging = undefined;\n    this.lastWorldPosition = undefined;\n    this.lastAngle = 0;\n\n    this.updateInputPosition();\n    this.updateInputValue();\n\n    widget.updateCursor(canvasPoint);\n    widget.updateTransform(this.currentTransform);\n\n    this.beginEndTransform();\n\n    window.removeEventListener('pointermove', this.handleDragWithTimer);\n    window.removeEventListener('pointerup', this.handleEndTransform);\n\n    try {\n      const delta = this.controller?.getCurrentDelta();\n\n      await this.controller?.endTransform();\n\n      this.interactionEnded.emit(delta);\n    } catch (e) {\n      console.error('Failed to end transform interaction', e);\n    }\n\n    window.addEventListener('pointermove', this.handlePointerMove);\n\n    this.completeEndTransform();\n  };\n\n  private handleInputStep = async (step: number): Promise<void> => {\n    if (this.inputValue != null && this.lastInputValue != null) {\n      // If modifying angle units, we want to adjust the step to always\n      // perform the equivalent of a 1-degree rotation.\n      if (this.isModifyingAngleUnits()) {\n        const angles = new AngleUnits(this.angleUnit);\n        const previous = angles.convertFrom(this.lastInputValue);\n        const next = Angle.normalizeRadians(previous + Angle.toRadians(step));\n\n        this.inputValue = angles.convertTo(next);\n      } else {\n        this.inputValue = this.lastInputValue + step;\n      }\n      await this.updateTransformFromInput(this.inputValue);\n    }\n  };\n\n  private handleInputChange = async (value: number): Promise<void> => {\n    await this.updateTransformFromInput(value);\n  };\n\n  private handleKeyDown = async (event: KeyboardEvent): Promise<void> => {\n    const commandOrControlModifier = event.ctrlKey || event.metaKey;\n\n    if (\n      event.key === 'z' &&\n      commandOrControlModifier &&\n      this.EXPERIMENTAL_undoKeybindings\n    ) {\n      event.stopPropagation();\n      await this.EXPERIMENTAL_undo();\n    }\n  };\n\n  private updateTransformFromInput = async (value: number): Promise<void> => {\n    if (\n      this.lastDragged != null &&\n      this.currentTransform != null &&\n      this.startingTransform != null &&\n      this.lastInputValue != null\n    ) {\n      this.currentTransform = computeInputDeltaTransform(\n        this.currentTransform,\n        this.lastDragged.identifier,\n        value,\n        this.lastInputValue,\n        this.distanceUnit,\n        this.angleUnit,\n      );\n\n      this.updateInputValue();\n      this.lastInputValue = value;\n\n      await this.controller?.beginTransform();\n      this.getTransformWidget().updateTransform(this.currentTransform);\n      await this.controller?.updateTransform(\n        Matrix4.multiply(\n          Matrix4.invert(this.startingTransform),\n          this.currentTransform,\n        ),\n      );\n      this.updateInputPosition();\n      await this.controller?.endTransformDebounced(\n        this.beginEndTransform,\n        this.completeEndTransform,\n      );\n    }\n  };\n\n  private updatePropsFromViewer = (): void => {\n    const { frame } = this.viewer || {};\n\n    if (frame != null) {\n      const widget = this.getTransformWidget();\n\n      widget.updateFrame(frame, this.dragging == null);\n      this.updateInputPosition();\n    }\n  };\n\n  private transform(\n    previous: Vector3.Vector3,\n    next: Vector3.Vector3,\n    angle: number,\n  ): void {\n    if (\n      this.position != null &&\n      this.startingTransform != null &&\n      this.currentTransform != null &&\n      this.dragging != null &&\n      this.viewer != null &&\n      this.viewer.frame != null\n    ) {\n      this.currentTransform = computeHandleDeltaTransform(\n        this.currentTransform,\n        previous,\n        next,\n        this.viewer?.frame.scene.camera.viewVector,\n        angle,\n        this.dragging.identifier,\n      );\n\n      this.getTransformWidget().updateTransform(this.currentTransform);\n      this.controller?.updateTransform(\n        Matrix4.multiply(\n          Matrix4.invert(this.startingTransform),\n          this.currentTransform,\n        ),\n      );\n    }\n  }\n\n  private handleSettingDisabledAxis(): void {\n    if (this.widget) {\n      this.widget.updateDisabledAxis({\n        xRotation: this.xRotationDisabled,\n        yRotation: this.yRotationDisabled,\n        zRotation: this.zRotationDisabled,\n        xTranslation: this.xTranslationDisabled,\n        yTranslation: this.yTranslationDisabled,\n        zTranslation: this.zTranslationDisabled,\n        xyTranslation: this.xyTranslationDisabled,\n        xzTranslation: this.xzTranslationDisabled,\n        yzTranslation: this.yzTranslationDisabled,\n      });\n    } else {\n      console.warn('Cannot set disabled values - no widget defined');\n    }\n  }\n\n  private setupTransformWidget = (\n    canvasRef: HTMLCanvasElement,\n  ): TransformWidget => {\n    console.debug(\n      `Initializing transform widget. [initial-position=${JSON.stringify(\n        this.position,\n      )}, has-initial-frame=${this.viewer?.frame != null}]`,\n    );\n\n    const effectiveArrowScalar = this.getTranslationScalar();\n    const effectiveSquareScalar = this.getRotationScalar();\n\n    this.widget = new TransformWidget(canvasRef, {\n      colors: {\n        xArrow: this.xArrowColor,\n        yArrow: this.yArrowColor,\n        zArrow: this.zArrowColor,\n        twoAxesSquare: this.twoAxesSquareColor,\n        hovered: this.hoveredColor,\n      },\n      scalars: {\n        xTranslation: effectiveArrowScalar,\n        yTranslation: effectiveArrowScalar,\n        zTranslation: effectiveArrowScalar,\n        xyTranslation: effectiveSquareScalar,\n        xzTranslation: effectiveSquareScalar,\n        yzTranslation: effectiveSquareScalar,\n        xRotation: effectiveSquareScalar,\n        yRotation: effectiveSquareScalar,\n        zRotation: effectiveSquareScalar,\n      },\n    });\n\n    if (this.rotation != null) {\n      this.currentTransform = this.getTransformForNewRotation(this.rotation);\n      this.startingTransform = this.currentTransform;\n      this.widget.updateTransform(this.currentTransform);\n    }\n\n    if (this.position != null) {\n      this.currentTransform = this.getTransformForNewPosition(this.position);\n      this.startingTransform = this.currentTransform;\n      this.widget.updateTransform(this.currentTransform);\n    }\n    if (this.viewer?.frame != null) {\n      this.widget.updateFrame(this.viewer.frame, true);\n    }\n\n    this.handleSettingDisabledAxis();\n\n    this.hoveredChangeDisposable = this.widget.onHoveredChanged(\n      this.handleHoveredDrawableChanged,\n    );\n\n    return this.widget;\n  };\n\n  private updateCanvasBounds = (canvasElement: HTMLCanvasElement): void => {\n    readDOM(() => {\n      this.canvasBounds = canvasElement.getBoundingClientRect();\n\n      this.getTransformWidget().updateDimensions(canvasElement);\n    });\n  };\n\n  private updateInputValue = (): void => {\n    const dragging = this.dragging ?? this.lastDragged;\n    const isDraggingTwoAxesTranslation =\n      dragging?.identifier === 'xy-translate' ||\n      dragging?.identifier === 'xz-translate' ||\n      dragging?.identifier === 'yz-translate';\n\n    if (\n      dragging != null &&\n      this.currentTransform != null &&\n      this.dragStartTransform != null &&\n      !isDraggingTwoAxesTranslation\n    ) {\n      this.lastInputValue = this.inputValue;\n\n      this.inputValue = computeInputDisplayValue(\n        dragging.identifier,\n        this.currentTransform,\n        this.dragStartTransform,\n        this.distanceUnit,\n        this.angleUnit,\n      );\n\n      if (this.inputRef != null) {\n        const definedValue =\n          this.getDisplayedDistance() ?? this.getDisplayedAngle() ?? 0;\n        const displayValue = `${Number.parseFloat(\n          definedValue.toFixed(this.decimalPlaces),\n        )}`;\n\n        this.inputRef.value = displayValue;\n      }\n    }\n  };\n\n  private updateInputPosition = (): void => {\n    const dragging = this.dragging ?? this.lastDragged;\n\n    const isDraggingTwoAxesTranslation =\n      dragging?.identifier === 'xy-translate' ||\n      dragging?.identifier === 'xz-translate' ||\n      dragging?.identifier === 'yz-translate';\n\n    if (\n      this.showInputs &&\n      this.viewer?.frame != null &&\n      this.position != null &&\n      dragging != null &&\n      !isDraggingTwoAxesTranslation\n    ) {\n      const widget = this.getTransformWidget();\n      const widgetBounds = widget.getFullBounds();\n\n      this.inputPosition =\n        widgetBounds != null\n          ? computeInputPosition(\n              this.viewer.viewport,\n              widgetBounds,\n              dragging.points.toArray(),\n            )\n          : undefined;\n    } else if (isDraggingTwoAxesTranslation) {\n      this.inputPosition = undefined;\n    }\n  };\n\n  private beginEndTransform = (): void => {\n    const widget = this.getTransformWidget();\n\n    widget.updateDisabledAxis({\n      xRotation: true,\n      yRotation: true,\n      zRotation: true,\n      xTranslation: true,\n      yTranslation: true,\n      zTranslation: true,\n      xyTranslation: true,\n      xzTranslation: true,\n      yzTranslation: true,\n    });\n\n    this.isEndingTransform = true;\n  };\n\n  private completeEndTransform = (): void => {\n    const widget = this.getTransformWidget();\n\n    widget.updateDisabledAxis({\n      xRotation: this.xRotationDisabled,\n      yRotation: this.yRotationDisabled,\n      zRotation: this.zRotationDisabled,\n\n      xTranslation: this.xTranslationDisabled,\n      yTranslation: this.yTranslationDisabled,\n      zTranslation: this.zTranslationDisabled,\n\n      xyTranslation: this.xyTranslationDisabled,\n      xzTranslation: this.xzTranslationDisabled,\n      yzTranslation: this.yzTranslationDisabled,\n    });\n\n    this.isEndingTransform = false;\n    this.inputShouldFocus = true;\n\n    if (this.currentTransform != null) {\n      this.position = Vector3.fromMatrixPosition(this.currentTransform);\n      this.rotation = Euler.fromRotationMatrix(this.currentTransform);\n    }\n  };\n\n  private isModifyingAngleUnits = (): boolean => {\n    const draggingIdentifier =\n      this.dragging?.identifier ?? this.lastDragged?.identifier;\n\n    return !!draggingIdentifier?.includes('rotate');\n  };\n\n  private getTranslationScalar = (): number => {\n    if (this.translationHandleScalar > 0) {\n      return this.translationHandleScalar;\n    }\n    console.warn(\n      'Invalid value provided for translation-handle-scalar. Expected a positive value greater than zero.',\n    );\n    return 1;\n  };\n\n  private getRotationScalar = (): number => {\n    if (this.rotationHandleScalar > 0) {\n      return this.rotationHandleScalar;\n    }\n    console.warn(\n      'Invalid value provided for rotation-handle-scalar. Expected a positive value greater than zero.',\n    );\n    return 1;\n  };\n\n  private getDisplayedUnits = (): AngleUnits | DistanceUnits => {\n    if (this.isModifyingAngleUnits()) {\n      return new AngleUnits(this.angleUnit);\n    }\n    return new DistanceUnits(this.distanceUnit);\n  };\n\n  private getDisplayedAngle = (): number | undefined => {\n    if (this.isModifyingAngleUnits()) {\n      return this.inputValue;\n    }\n  };\n\n  private getDisplayedDistance = (): number | undefined => {\n    const draggingIdentifier =\n      this.dragging?.identifier ?? this.lastDragged?.identifier;\n    if (draggingIdentifier?.includes('translate')) {\n      return this.inputValue;\n    }\n  };\n\n  private getTransformForNewPosition = (\n    newPosition?: Vector3.Vector3,\n  ): Matrix4.Matrix4 | undefined => {\n    if (newPosition != null) {\n      const c =\n        this.currentTransform != null\n          ? this.currentTransform\n          : Matrix4.makeIdentity();\n\n      const currentRotation = Matrix4.transpose(\n        Matrix4.makeRotation(Quaternion.fromMatrixRotation(c)),\n      );\n      const position = Matrix4.makeTranslation(newPosition);\n\n      return Matrix4.multiply(currentRotation, position);\n    }\n  };\n\n  private getTransformForNewRotation = (\n    newRotationEuler: Euler.Euler,\n  ): Matrix4.Matrix4 | undefined => {\n    const c =\n      this.currentTransform != null\n        ? this.currentTransform\n        : Matrix4.makeIdentity();\n\n    const oldRotation = Matrix4.makeRotation(Quaternion.fromMatrixRotation(c));\n\n    const newRotation = Matrix4.makeRotation(\n      Quaternion.fromEuler(newRotationEuler),\n    );\n\n    const oldTranslation = Matrix4.multiply(oldRotation, c);\n\n    return Matrix4.multiply(Matrix4.transpose(newRotation), oldTranslation);\n  };\n\n  private getCanvasBounds = (): DOMRect | undefined => {\n    if (this.canvasBounds != null) {\n      return this.canvasBounds;\n    } else if (this.canvasRef != null) {\n      this.updateCanvasBounds(this.canvasRef);\n      return this.canvasBounds;\n    }\n  };\n\n  private getTransformWidget = (): TransformWidget => {\n    if (this.widget == null && this.canvasRef != null) {\n      return this.setupTransformWidget(this.canvasRef);\n    } else if (this.widget != null) {\n      return this.widget;\n    } else {\n      throw new Error(\n        'Transform widget was not initialized. The canvas element may not have been initialized.',\n      );\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}