@vertexvis/viewer 0.21.0-testing.1 → 0.21.0-testing.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/dist/cjs/{controller-9e5744ec.js → controller-004b9f2c.js} +197 -4
  2. package/dist/cjs/controller-004b9f2c.js.map +1 -0
  3. package/dist/cjs/index.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/{queries-b9bf26dd.js → queries-731d8cf1.js} +40 -12
  6. package/dist/cjs/queries-731d8cf1.js.map +1 -0
  7. package/dist/cjs/vertex-scene-tree.cjs.entry.js +24 -11
  8. package/dist/cjs/vertex-scene-tree.cjs.entry.js.map +1 -1
  9. package/dist/cjs/vertex-viewer-measurement-distance.cjs.entry.js +6 -0
  10. package/dist/cjs/vertex-viewer-measurement-distance.cjs.entry.js.map +1 -1
  11. package/dist/cjs/vertex-viewer-pin-group.cjs.entry.js +1 -1
  12. package/dist/cjs/vertex-viewer-transform-widget.cjs.entry.js +28 -27
  13. package/dist/cjs/vertex-viewer-transform-widget.cjs.entry.js.map +1 -1
  14. package/dist/cjs/vertex-viewer.cjs.entry.js +1 -1
  15. package/dist/cjs/viewer.cjs.js +1 -1
  16. package/dist/collection/components/scene-tree/lib/controller.js +5 -0
  17. package/dist/collection/components/scene-tree/lib/controller.js.map +1 -1
  18. package/dist/collection/components/scene-tree/lib/viewer-ops.js +4 -2
  19. package/dist/collection/components/scene-tree/lib/viewer-ops.js.map +1 -1
  20. package/dist/collection/components/scene-tree/scene-tree.js +50 -12
  21. package/dist/collection/components/scene-tree/scene-tree.js.map +1 -1
  22. package/dist/collection/components/scene-tree/types.js.map +1 -1
  23. package/dist/collection/components/viewer-measurement-distance/viewer-measurement-distance.js +6 -0
  24. package/dist/collection/components/viewer-measurement-distance/viewer-measurement-distance.js.map +1 -1
  25. package/dist/collection/components/viewer-transform-widget/viewer-transform-widget-components.js +12 -10
  26. package/dist/collection/components/viewer-transform-widget/viewer-transform-widget-components.js.map +1 -1
  27. package/dist/collection/components/viewer-transform-widget/viewer-transform-widget.css +4 -8
  28. package/dist/collection/components/viewer-transform-widget/viewer-transform-widget.js +33 -16
  29. package/dist/collection/components/viewer-transform-widget/viewer-transform-widget.js.map +1 -1
  30. package/dist/collection/lib/scenes/mapper.js +34 -8
  31. package/dist/collection/lib/scenes/mapper.js.map +1 -1
  32. package/dist/collection/lib/scenes/queries.js +5 -3
  33. package/dist/collection/lib/scenes/queries.js.map +1 -1
  34. package/dist/components/controller.js +196 -3
  35. package/dist/components/controller.js.map +1 -1
  36. package/dist/components/queries.js +39 -11
  37. package/dist/components/queries.js.map +1 -1
  38. package/dist/components/vertex-scene-tree.js +24 -10
  39. package/dist/components/vertex-scene-tree.js.map +1 -1
  40. package/dist/components/vertex-viewer-measurement-distance.js +6 -0
  41. package/dist/components/vertex-viewer-measurement-distance.js.map +1 -1
  42. package/dist/components/vertex-viewer-transform-widget.js +29 -27
  43. package/dist/components/vertex-viewer-transform-widget.js.map +1 -1
  44. package/dist/esm/{controller-f2beee15.js → controller-6d2fbb9b.js} +197 -4
  45. package/dist/esm/controller-6d2fbb9b.js.map +1 -0
  46. package/dist/esm/index.js +2 -2
  47. package/dist/esm/index.mjs +2 -2
  48. package/dist/esm/loader.js +1 -1
  49. package/dist/esm/loader.mjs +1 -1
  50. package/dist/esm/{queries-78f566c5.js → queries-3bd4cfe1.js} +40 -12
  51. package/dist/esm/queries-3bd4cfe1.js.map +1 -0
  52. package/dist/esm/vertex-scene-tree.entry.js +24 -11
  53. package/dist/esm/vertex-scene-tree.entry.js.map +1 -1
  54. package/dist/esm/vertex-viewer-measurement-distance.entry.js +6 -0
  55. package/dist/esm/vertex-viewer-measurement-distance.entry.js.map +1 -1
  56. package/dist/esm/vertex-viewer-pin-group.entry.js +1 -1
  57. package/dist/esm/vertex-viewer-transform-widget.entry.js +28 -27
  58. package/dist/esm/vertex-viewer-transform-widget.entry.js.map +1 -1
  59. package/dist/esm/vertex-viewer.entry.js +1 -1
  60. package/dist/esm/viewer.js +1 -1
  61. package/dist/types/components/scene-tree/lib/controller.d.ts +4 -0
  62. package/dist/types/components/scene-tree/lib/viewer-ops.d.ts +1 -1
  63. package/dist/types/components/scene-tree/scene-tree.d.ts +7 -1
  64. package/dist/types/components/scene-tree/types.d.ts +5 -0
  65. package/dist/types/components/viewer-transform-widget/viewer-transform-widget.d.ts +5 -1
  66. package/dist/types/components.d.ts +21 -5
  67. package/dist/types/lib/scenes/queries.d.ts +4 -2
  68. package/dist/viewer/index.esm.js +1 -1
  69. package/dist/viewer/p-0f4f3757.js +5 -0
  70. package/dist/viewer/p-0f4f3757.js.map +1 -0
  71. package/dist/viewer/p-24b66b64.entry.js +5 -0
  72. package/dist/viewer/p-24b66b64.entry.js.map +1 -0
  73. package/dist/viewer/{p-1486ba3d.entry.js → p-70d29252.entry.js} +2 -2
  74. package/dist/viewer/{p-33627452.entry.js → p-be1fd8a7.entry.js} +2 -2
  75. package/dist/viewer/p-ccb5ff47.js +5 -0
  76. package/dist/viewer/p-ccb5ff47.js.map +1 -0
  77. package/dist/viewer/p-d41913d2.entry.js +5 -0
  78. package/dist/viewer/p-d41913d2.entry.js.map +1 -0
  79. package/dist/viewer/{p-f8c3e667.entry.js → p-d8626aa7.entry.js} +2 -2
  80. package/dist/viewer/p-d8626aa7.entry.js.map +1 -0
  81. package/dist/viewer/viewer.esm.js +1 -1
  82. package/dist/viewer/viewer.esm.js.map +1 -1
  83. package/package.json +8 -8
  84. package/dist/cjs/controller-9e5744ec.js.map +0 -1
  85. package/dist/cjs/queries-b9bf26dd.js.map +0 -1
  86. package/dist/esm/controller-f2beee15.js.map +0 -1
  87. package/dist/esm/queries-78f566c5.js.map +0 -1
  88. package/dist/viewer/p-07b05774.entry.js +0 -5
  89. package/dist/viewer/p-07b05774.entry.js.map +0 -1
  90. package/dist/viewer/p-3047c5f9.entry.js +0 -5
  91. package/dist/viewer/p-3047c5f9.entry.js.map +0 -1
  92. package/dist/viewer/p-564f9027.js +0 -5
  93. package/dist/viewer/p-564f9027.js.map +0 -1
  94. package/dist/viewer/p-949afb47.js +0 -5
  95. package/dist/viewer/p-949afb47.js.map +0 -1
  96. package/dist/viewer/p-f8c3e667.entry.js.map +0 -1
  97. /package/dist/viewer/{p-1486ba3d.entry.js.map → p-70d29252.entry.js.map} +0 -0
  98. /package/dist/viewer/{p-33627452.entry.js.map → p-be1fd8a7.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["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"],"names":["convertPointToCanvas","point","bounds","Point","create","x","left","y","top","undefined","convertCanvasPointToWorld","frame","viewport","transform","position","Vector3","fromMatrixPosition","scene","camera","isOrthographic","ray","transformPointToOrthographicRay","image","offsetPoint","Ray","at","origin","direction","magnitude","viewVector","intersectPlane","Plane","fromNormalAndCoplanarPoint","transformPointToRay","computeInputTransform","identifier","value","lastValue","distanceUnit","angleUnit","units","DistanceUnits","angles","AngleUnits","rotation","convertFrom","convertRealValueToWorld","Matrix4","makeTranslation","makeRotation","Quaternion","fromAxisAngle","down","forward","makeIdentity","computeInputDisplayValue","current","start","fromMatrixRotation","transformDiff","multiply","invert","relativeTranslationDiff","transformMatrix","relativeRotationDiff","Euler","fromRotationMatrix","convertWorldValueToReal","z","convertTo","computeUpdatedTransform","previous","next","angle","delta","subtract","computeTranslation","right","up","back","computeRotation","computeRotationAxis","axis","rotatedAxis","rotatedNegatedAxis","negate","dot","rotatedDelta","scale","computeInputPosition","shapePoints","paddedBounds","Rectangle","pad","canvasPoints","map","sp","transformNdcPointToViewport","topLeft","topRight","add","width","bottomRight","bottomLeft","center","reduce","sum","pt","length","closestPoint","closest","distance","placement","TransformWidgetInput","ref","decimalPlaces","onChange","onIncrement","onDecrement","definedValue","_a","displayValue","parseFloat","toFixed","unit","abbreviatedName","inputPlacement","constrainInputToViewport","Dimensions","handleChange","event","target","parsed","isNaN","handleKeyDown","key","h","class","style","Object","assign","onKeyDown","type","constrainTo","dimension","Math","min","max","inputDimensions","padding","height","dimensions","paddedWidth","paddedHeight","toCssLength","bottom","xAxisRotationPositions","widgetTransform","triangleSize","computeRotationNdcValues","yAxisRotationPositions","zAxisRotationPositions","xDirection","yDirection","transformedDirection","transformedX","transformedY","basePosition","xRay","yRay","rotationAxis","cross","base","rotateAboutAxis","Angle","toRadians","TriangleMeshPoints","projectionViewMatrix","testDrawable","drawable","TriangleMesh","testTriangleMesh","mesh","testTriangle","points","worldLeft","worldRight","worldTip","worldBase","edge1","edge2","epsilon","BoundingBox","fromVectors","p","det","abs","t","u","q","v","r","TransformWidget","ReglComponent","[object Object]","canvasElement","colors","initialDisabledAxes","super","this","disabledAxis","xTranslation","yTranslation","zTranslation","xRotation","yRotation","zRotation","axisLines","rotationLines","translationMeshes","rotationMeshes","hoveredChanged","EventDispatcher","xArrowFillColor","xArrow","yArrowFillColor","yArrow","zArrowFillColor","zArrow","hoveredArrowFillColor","hovered","outlineColor","outline","_b","_c","_d","_e","_f","reglFrameDisposable","cancel","drawableElements","fullBounds","interactiveBounds","containsPoints","updateDisabledOnDrawables","cursor","updateHovered","clearHovered","updateAndDraw","clear","updateFillColor","getXTranslationColor","_g","getYTranslationColor","_h","getZTranslationColor","_j","getXRotationColor","_k","getYRotationColor","_l","getZRotationColor","_m","hoveredElement","listener","on","setDisabled","xyRotationLine","xzRotationLine","yzRotationLine","yxRotationLine","zxRotationLine","zyRotationLine","updateColors","previousHovered","currentFrame","filter","el","valid","isDisabled","find","m","emit","initialFillColor","createElements","updateElements","computeDrawable2dBounds","reglCommand","regl","canvas","extensions","createShape","shapeBuilder","computeTriangleSize","xAxisArrowPositions","xAxis","AxisLine","axisPositions","yAxisArrowPositions","yAxis","zAxisArrowPositions","zAxis","createRotationLines","availableElements","xyRotationLinePoints","rotationAxisPositions","xzRotationLinePoints","yxRotationLinePoints","yzRotationLinePoints","zxRotationLinePoints","zyRotationLinePoints","RotationLine","l","updatePoints","_o","_p","_q","_r","_s","_t","viewerTransformWidgetCss","ViewerTransformWidget","hostRef","xRotationDisabled","yRotationDisabled","zRotationDisabled","xTranslationDisabled","yTranslationDisabled","zTranslationDisabled","showInputs","xArrowColor","yArrowColor","zArrowColor","hoveredColor","lastAngle","handleHoveredDrawableChanged","handleViewerFrameDrawn","updatePropsFromViewer","handleViewerDimensionsChange","writeDOM","viewer","canvasRef","updateCanvasBounds","handleResize","handleInputResize","inputRef","inputElement","readDOM","inputBounds","getBoundingClientRect","handleStyleChange","hostStyles","window","getComputedStyle","hostEl","getPropertyValue","trim","getTransformWidget","handlePointerMove","dragging","canvasPoint","clientX","clientY","getCanvasBounds","widget","boundsContainsPoint","updateCursor","handleBeginDrag","async","canvasBounds","lastDragged","dragStartTransform","currentTransform","currentCanvas","widgetCenter","transformWorldToViewport","fromPoints","lastWorldPosition","interactionStarted","removeEventListener","addEventListener","handleDrag","handleEndTransform","preventDefault","controller","beginTransform","currentWorld","updateInputPosition","updateInputValue","updateTransform","updateDisabledAxis","getCurrentDelta","endTransform","interactionEnded","e","console","error","handleInputIncrement","inputValue","lastInputValue","handleInputChange","handleInputDecrement","startingTransform","transformCurrent","endTransformDebounced","updateFrame","setupTransformWidget","debug","JSON","stringify","getTransformForNewRotation","getTransformForNewPosition","handleSettingDisabledAxis","hoveredChangeDisposable","onHoveredChanged","updateDimensions","widgetBounds","getFullBounds","inputPosition","toArray","getDisplayedAngle","draggingIdentifier","includes","getDisplayedDistance","newPosition","c","currentRotation","newRotationEuler","oldRotation","newRotation","fromEuler","oldTranslation","Error","canvasResizeObserver","ResizeObserver","inputResizeObserver","hostStyleObserver","MutationObserver","observe","attributes","attributeFilter","handleViewerChanged","disconnect","dispose","newViewer","oldViewer","stream","TransformController","rotationToApply","isIdentity","rotationChanged","oldPosition","clearTransform","positionChanged","Host","classNames","onPointerDown","unobserve","warn"],"mappings":"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","sourcesContent":["import {\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 { 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 if (frame.scene.camera.isOrthographic()) {\n const ray = viewport.transformPointToOrthographicRay(\n point,\n frame.image,\n frame.scene.camera\n );\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 const ray = viewport.transformPointToRay(\n point,\n frame.image,\n frame.scene.camera\n );\n\n return Ray.intersectPlane(\n ray,\n Plane.fromNormalAndCoplanarPoint(frame.scene.camera.direction, position)\n );\n }\n }\n return undefined;\n}\n\nexport function computeInputTransform(\n identifier: string,\n value: number,\n lastValue: number,\n distanceUnit: DistanceUnitType = 'millimeters',\n angleUnit: AngleUnitType = 'degrees'\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.makeRotation(\n Quaternion.fromAxisAngle(Vector3.left(), rotation())\n );\n case 'y-rotate':\n return Matrix4.makeRotation(\n Quaternion.fromAxisAngle(Vector3.down(), rotation())\n );\n case 'z-rotate':\n return Matrix4.makeRotation(\n Quaternion.fromAxisAngle(Vector3.forward(), rotation())\n );\n }\n return Matrix4.makeIdentity();\n}\n\nexport function computeInputDisplayValue(\n identifier: string,\n current: Matrix4.Matrix4,\n start: Matrix4.Matrix4,\n distanceUnit: DistanceUnitType = 'millimeters',\n angleUnit: AngleUnitType = 'degrees'\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 const transformDiff = (): Matrix4.Matrix4 =>\n Matrix4.multiply(current, Matrix4.invert(start));\n const relativeTranslationDiff = (): Vector3.Vector3 =>\n Vector3.transformMatrix(\n Vector3.fromMatrixPosition(transformDiff()),\n Matrix4.invert(rotation())\n );\n const relativeRotationDiff = (): Euler.Euler =>\n Euler.create(\n Vector3.transformMatrix(\n Euler.fromRotationMatrix(Matrix4.invert(transformDiff())),\n Matrix4.invert(rotation())\n )\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(relativeRotationDiff().x);\n case 'y-rotate':\n return angles.convertTo(relativeRotationDiff().y);\n case 'z-rotate':\n return angles.convertTo(relativeRotationDiff().z);\n }\n return 0;\n}\n\nexport function computeUpdatedTransform(\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 const delta = Vector3.subtract(next, previous);\n\n switch (identifier) {\n case 'x-translate': {\n return Matrix4.multiply(\n current,\n computeTranslation(current, Vector3.right(), delta)\n );\n }\n case 'y-translate':\n return Matrix4.multiply(\n current,\n computeTranslation(current, Vector3.up(), delta)\n );\n case 'z-translate':\n return Matrix4.multiply(\n current,\n computeTranslation(current, Vector3.back(), delta)\n );\n case 'x-rotate':\n return Matrix4.multiply(\n computeRotation(\n current,\n Matrix4.makeRotation(\n Quaternion.fromAxisAngle(\n computeRotationAxis(current, viewVector, Vector3.right()),\n angle\n )\n )\n ),\n current\n );\n case 'y-rotate':\n return Matrix4.multiply(\n computeRotation(\n current,\n Matrix4.makeRotation(\n Quaternion.fromAxisAngle(\n computeRotationAxis(current, viewVector, Vector3.up()),\n angle\n )\n )\n ),\n current\n );\n case 'z-rotate':\n return Matrix4.multiply(\n computeRotation(\n current,\n Matrix4.makeRotation(\n Quaternion.fromAxisAngle(\n computeRotationAxis(current, viewVector, Vector3.forward()),\n angle\n )\n )\n ),\n current\n );\n default:\n return current;\n }\n}\n\nexport function computeRotationAxis(\n current: Matrix4.Matrix4,\n viewVector: Vector3.Vector3,\n axis: Vector3.Vector3\n): Vector3.Vector3 {\n const rotation = Matrix4.makeRotation(Quaternion.fromMatrixRotation(current));\n const rotatedAxis = Vector3.transformMatrix(axis, rotation);\n const rotatedNegatedAxis = Vector3.transformMatrix(\n Vector3.negate(axis),\n rotation\n );\n\n return Vector3.dot(viewVector, rotatedAxis) >\n Vector3.dot(viewVector, rotatedNegatedAxis)\n ? rotatedAxis\n : rotatedNegatedAxis;\n}\n\nexport function computeTranslation(\n current: Matrix4.Matrix4,\n axis: Vector3.Vector3,\n delta: Vector3.Vector3\n): Matrix4.Matrix4 {\n const rotation = Matrix4.makeRotation(Quaternion.fromMatrixRotation(current));\n const rotatedAxis = Vector3.transformMatrix(axis, rotation);\n const rotatedDelta = Vector3.multiply(rotatedAxis, delta);\n\n return Matrix4.makeTranslation(\n Vector3.scale(rotatedDelta.x + rotatedDelta.y + rotatedDelta.z, axis)\n );\n}\n\n/**\n * Computes a rotation Matrix4 by applying the rotation at the given position,\n * then translating it back to convert it to a world delta.\n * @param rotation\n * @param current\n * @returns\n */\nexport function computeRotation(\n current: Matrix4.Matrix4,\n delta: Matrix4.Matrix4\n): Matrix4.Matrix4 {\n return Matrix4.multiply(\n Matrix4.multiply(\n Matrix4.makeTranslation(Vector3.fromMatrixPosition(current)),\n delta\n ),\n Matrix4.makeTranslation(Vector3.negate(Vector3.fromMatrixPosition(current)))\n );\n}\n\nexport function computeInputPosition(\n viewport: Viewport,\n bounds: Rectangle.Rectangle,\n shapePoints: Point.Point[]\n): PointAndPlacement {\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","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { Dimensions, Point } from '@vertexvis/geometry';\n\nimport {\n AngleUnits,\n AngleUnitType,\n DistanceUnits,\n DistanceUnitType,\n Viewport,\n} from '../../lib/types';\n\nexport type TransformWidgetInputPlacement =\n | 'top-left'\n | 'top-right'\n | 'bottom-left'\n | 'bottom-right';\n\nexport interface TransformWidgetInputProps {\n ref: (el?: HTMLInputElement) => void;\n bounds?: DOMRect;\n\n viewport: Viewport;\n point: Point.Point;\n placement: TransformWidgetInputPlacement;\n\n distance?: number;\n angle?: number;\n decimalPlaces: number;\n distanceUnit: DistanceUnitType;\n angleUnit: AngleUnitType;\n\n onChange?: (value: number) => void | Promise<void>;\n onIncrement?: VoidFunction;\n onDecrement?: VoidFunction;\n}\n\nexport const TransformWidgetInput: FunctionalComponent<\n TransformWidgetInputProps\n> = ({\n ref,\n bounds,\n viewport,\n point,\n placement,\n distance,\n angle,\n decimalPlaces,\n distanceUnit,\n angleUnit,\n onChange,\n onIncrement,\n onDecrement,\n}) => {\n const angles = new AngleUnits(angleUnit);\n const units = new DistanceUnits(distanceUnit);\n const definedValue = distance ?? angle ?? 0;\n const displayValue = `${parseFloat(definedValue.toFixed(decimalPlaces))} ${\n distance != null ? units.unit.abbreviatedName : angles.unit.abbreviatedName\n }`;\n const inputPlacement = constrainInputToViewport(\n viewport,\n bounds ?? Dimensions.create(0, 0),\n point,\n placement\n );\n\n const handleChange = (event: Event): void => {\n if (event.target != null) {\n const parsed = parseFloat((event.target as HTMLInputElement).value);\n\n if (!isNaN(parsed)) {\n onChange?.(parseFloat((event.target as HTMLInputElement).value));\n }\n }\n };\n\n const handleKeyDown = (event: KeyboardEvent): void => {\n if (event.key === 'ArrowUp') {\n onIncrement?.();\n } else if (event.key === 'ArrowDown') {\n onDecrement?.();\n }\n };\n\n return (\n <div\n class=\"widget-input wrapper\"\n style={{ ...inputPlacement }}\n onKeyDown={handleKeyDown}\n >\n <input\n ref={ref}\n class=\"widget-input\"\n type=\"text\"\n value={displayValue}\n onChange={handleChange}\n ></input>\n </div>\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): TriangleMeshPoints {\n return computeRotationNdcValues(\n widgetTransform,\n camera,\n Vector3.back(),\n Vector3.up(),\n triangleSize\n );\n}\n\nexport function yAxisRotationPositions(\n widgetTransform: Matrix4.Matrix4,\n camera: FrameCameraBase,\n triangleSize = 3\n): TriangleMeshPoints {\n return computeRotationNdcValues(\n widgetTransform,\n camera,\n Vector3.right(),\n Vector3.back(),\n triangleSize\n );\n}\n\nexport function zAxisRotationPositions(\n widgetTransform: Matrix4.Matrix4,\n camera: FrameCameraBase,\n triangleSize = 3\n): TriangleMeshPoints {\n return computeRotationNdcValues(\n widgetTransform,\n camera,\n Vector3.right(),\n Vector3.up(),\n triangleSize\n );\n}\n\nfunction computeRotationNdcValues(\n widgetTransform: Matrix4.Matrix4,\n camera: FrameCameraBase,\n xDirection: Vector3.Vector3,\n yDirection: Vector3.Vector3,\n triangleSize: number\n): TriangleMeshPoints {\n const transformedDirection = Vector3.transformMatrix(\n Vector3.add(xDirection, yDirection),\n Matrix4.makeRotation(Quaternion.fromMatrixRotation(widgetTransform))\n );\n const transformedX = Vector3.transformMatrix(\n xDirection,\n Matrix4.makeRotation(Quaternion.fromMatrixRotation(widgetTransform))\n );\n const transformedY = Vector3.transformMatrix(\n yDirection,\n Matrix4.makeRotation(Quaternion.fromMatrixRotation(widgetTransform))\n );\n const basePosition = Vector3.fromMatrixPosition(widgetTransform);\n const position = Vector3.add(\n basePosition,\n Vector3.scale(triangleSize * 10, 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),\n rotationAxis,\n position\n );\n const right = Vector3.rotateAboutAxis(\n Angle.toRadians(45),\n Ray.at(xRay, triangleSize),\n rotationAxis,\n position\n );\n const up = Vector3.rotateAboutAxis(\n Angle.toRadians(45),\n Ray.at(yRay, triangleSize),\n rotationAxis,\n position\n );\n const left = Vector3.rotateAboutAxis(\n Angle.toRadians(45),\n Ray.at(xRay, -triangleSize),\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.transformMatrix(base, camera.projectionViewMatrix),\n Vector3.transformMatrix(left, camera.projectionViewMatrix),\n Vector3.transformMatrix(right, camera.projectionViewMatrix),\n Vector3.transformMatrix(up, camera.projectionViewMatrix)\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 = frame.scene.camera.isOrthographic()\n ? viewport.transformPointToOrthographicRay(\n point,\n frame.image,\n frame.scene.camera\n )\n : viewport.transformPointToRay(point, frame.image, frame.scene.camera);\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 !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 yAxisArrowPositions,\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 hovered?: Color.Color | string;\n outline?: Color.Color | string;\n}\n\nexport interface DisabledAxis {\n xRotation: boolean;\n yRotation: boolean;\n zRotation: boolean;\n xTranslation: boolean;\n yTranslation: boolean;\n zTranslation: boolean;\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 private xArrow?: TriangleMesh;\n private yArrow?: TriangleMesh;\n private zArrow?: TriangleMesh;\n private xRotation?: TriangleMesh;\n private xyRotationLine?: RotationLine;\n private xzRotationLine?: RotationLine;\n private yRotation?: TriangleMesh;\n private yxRotationLine?: RotationLine;\n private yzRotationLine?: RotationLine;\n private zRotation?: TriangleMesh;\n private zxRotationLine?: RotationLine;\n private zyRotationLine?: RotationLine;\n\n private disabledAxis: DisabledAxis = {\n xTranslation: false,\n yTranslation: false,\n zTranslation: 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 hoveredArrowFillColor?: Color.Color | string;\n private outlineColor?: Color.Color | string;\n\n public constructor(\n canvasElement: HTMLCanvasElement,\n colors: DrawableElementColors = {},\n initialDisabledAxes: Partial<DisabledAxis> = {}\n ) {\n super(canvasElement);\n\n this.xArrowFillColor = colors.xArrow;\n this.yArrowFillColor = colors.yArrow;\n this.zArrowFillColor = colors.zArrow;\n this.hoveredArrowFillColor = colors.hovered;\n this.outlineColor = 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.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 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.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.hoveredElement?.updateFillColor(this.hoveredArrowFillColor);\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.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 previousHovered?.updateFillColor(previousHovered?.initialFillColor);\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 previousHovered.updateFillColor(previousHovered.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(transform, frame.scene.camera, triangleSize),\n this.outlineColor,\n this.getXTranslationColor()\n );\n\n this.xRotation = new TriangleMesh(\n createShape,\n 'x-rotate',\n xAxisRotationPositions(transform, frame.scene.camera, triangleSize),\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 this.yArrow = new TriangleMesh(\n createShape,\n 'y-translate',\n yAxisArrowPositions(transform, frame.scene.camera, triangleSize),\n this.outlineColor,\n this.getYTranslationColor()\n );\n\n this.yRotation = new TriangleMesh(\n createShape,\n 'y-rotate',\n yAxisRotationPositions(transform, frame.scene.camera, triangleSize),\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 this.zArrow = new TriangleMesh(\n createShape,\n 'z-translate',\n zAxisArrowPositions(transform, frame.scene.camera, triangleSize),\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(transform, frame.scene.camera, triangleSize),\n this.outlineColor,\n this.getZRotationColor()\n );\n\n this.createRotationLines(createShape, transform, frame);\n\n this.axisLines = [this.xAxis, this.yAxis, this.zAxis];\n this.translationMeshes = [this.xArrow, this.yArrow, this.zArrow];\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 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(transform, frame.scene.camera, triangleSize)\n );\n this.xAxis?.updatePoints(\n axisPositions(transform, frame.scene.camera, this.xArrow)\n );\n }\n this.xRotation?.updatePoints(\n xAxisRotationPositions(transform, frame.scene.camera, triangleSize)\n );\n\n if (this.yArrow != null) {\n this.yArrow.updatePoints(\n yAxisArrowPositions(transform, frame.scene.camera, triangleSize)\n );\n this.yAxis?.updatePoints(\n axisPositions(transform, frame.scene.camera, this.yArrow)\n );\n }\n this.yRotation?.updatePoints(\n yAxisRotationPositions(transform, frame.scene.camera, triangleSize)\n );\n\n if (this.zArrow != null) {\n this.zArrow.updatePoints(\n zAxisArrowPositions(transform, frame.scene.camera, triangleSize)\n );\n this.zAxis?.updatePoints(\n axisPositions(transform, frame.scene.camera, this.zArrow)\n );\n }\n this.zRotation?.updatePoints(\n zAxisRotationPositions(transform, frame.scene.camera, triangleSize)\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}\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 /**\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 `7em`.\n */\n --viewer-transform-widget-input-width: 7em;\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 border: 1px solid #cccccc;\n width: var(--viewer-transform-widget-input-width);\n}\n\ninput.widget-input {\n box-sizing: border-box;\n text-align: center;\n border: none;\n width: 100%;\n outline: none;\n}\n\ninput.widget-input:focus {\n outline: none;\n}","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\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/controller';\nimport { Drawable } from '../../lib/transforms/drawable';\nimport { AngleUnitType, DistanceUnitType } from '../../lib/types';\nimport {\n computeInputDisplayValue,\n computeInputPosition,\n computeInputTransform,\n computeUpdatedTransform,\n convertCanvasPointToWorld,\n convertPointToCanvas,\n PointAndPlacement,\n} from './util';\nimport { TransformWidgetInput } 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 or not the x-rotation is disabled on the widget\n */\n @Prop({ mutable: true })\n public xRotationDisabled = false;\n\n /**\n * Determines whether or not the y-rotation is disabled on the widget\n */\n @Prop({ mutable: true })\n public yRotationDisabled = false;\n\n /**\n * Determines whether or not the z-rotation is disabled on the widget\n */\n @Prop({ mutable: true })\n public zRotationDisabled = false;\n\n /**\n * Determines whether or not the x-translation is disabled on the widget\n */\n @Prop({ mutable: true })\n public xTranslationDisabled = false;\n\n /**\n * Determines whether or not the y-translation is disabled on the widget\n */\n @Prop({ mutable: true })\n public yTranslationDisabled = false;\n\n /**\n * Determines whether or not the z-translation is disabled on the widget\n */\n @Prop({ mutable: true })\n public zTranslationDisabled = 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 * @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?: number;\n\n @Element()\n private hostEl!: HTMLElement;\n\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 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 inputRef?: HTMLInputElement;\n\n private hoveredChangeDisposable?: Disposable;\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 /**\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('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 }\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 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 width={this.viewer?.viewport.width}\n height={this.viewer?.viewport.height}\n onPointerDown={this.handleBeginDrag}\n />\n\n {this.showInputs && this.inputPosition && this.viewer?.viewport && (\n <TransformWidgetInput\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.inputRef = el;\n }}\n bounds={this.inputBounds}\n viewport={this.viewer.viewport}\n point={this.inputPosition.point}\n placement={this.inputPosition.placement}\n angle={this.getDisplayedAngle()}\n distance={this.getDisplayedDistance()}\n decimalPlaces={this.decimalPlaces}\n distanceUnit={this.distanceUnit}\n angleUnit={this.angleUnit}\n onChange={this.handleInputChange}\n onIncrement={this.handleInputIncrement}\n onDecrement={this.handleInputDecrement}\n />\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.inputRef != null) {\n const inputElement = this.inputRef;\n\n readDOM(() => {\n this.inputBounds = inputElement.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.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 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.dragStartTransform = this.currentTransform;\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.handleDrag);\n window.addEventListener('pointerup', this.handleEndTransform);\n }\n };\n\n private handleDrag = async (event: PointerEvent): Promise<void> => {\n // Prevent selection of text and interaction with view cube while dragging the widget\n event.preventDefault();\n\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 ) {\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(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 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\n this.transform(\n this.lastWorldPosition,\n currentWorld,\n angle - this.lastAngle\n );\n\n this.updateInputPosition();\n this.updateInputValue();\n\n this.lastWorldPosition = currentWorld;\n this.lastAngle = angle;\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.position =\n this.currentTransform != null\n ? Vector3.fromMatrixPosition(this.currentTransform)\n : this.position;\n this.lastAngle = 0;\n\n this.updateInputPosition();\n this.updateInputValue();\n\n widget.updateCursor(canvasPoint);\n widget.updateTransform(this.currentTransform);\n\n widget.updateDisabledAxis({\n xRotation: true,\n yRotation: true,\n zRotation: true,\n xTranslation: true,\n yTranslation: true,\n zTranslation: true,\n });\n\n window.removeEventListener('pointermove', this.handleDrag);\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.getTransformWidget().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 };\n\n private handleInputIncrement = (): void => {\n if (this.inputValue != null && this.lastInputValue != null) {\n this.inputValue = this.lastInputValue + 1;\n this.handleInputChange(this.inputValue);\n }\n };\n\n private handleInputDecrement = (): void => {\n if (this.inputValue != null && this.lastInputValue != null) {\n this.inputValue = this.lastInputValue - 1;\n this.handleInputChange(this.inputValue);\n }\n };\n\n private handleInputChange = 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.transformCurrent(\n computeInputTransform(\n this.lastDragged.identifier,\n value,\n this.lastInputValue,\n this.distanceUnit,\n this.angleUnit\n )\n );\n\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 this.currentTransform,\n Matrix4.invert(this.startingTransform)\n )\n );\n this.updateInputPosition();\n await this.controller?.endTransformDebounced(() => {\n this.position =\n this.currentTransform != null\n ? Vector3.fromMatrixPosition(this.currentTransform)\n : this.position;\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 = computeUpdatedTransform(\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 this.currentTransform,\n Matrix4.invert(this.startingTransform)\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 });\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 this.widget = new TransformWidget(canvasRef, {\n xArrow: this.xArrowColor,\n yArrow: this.yArrowColor,\n zArrow: this.zArrowColor,\n hovered: this.hoveredColor,\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 if (\n dragging != null &&\n this.currentTransform != null &&\n this.dragStartTransform != null\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 };\n\n private transformCurrent = (transform: Matrix4.Matrix4): void => {\n this.currentTransform =\n this.currentTransform != null\n ? Matrix4.multiply(this.currentTransform, transform)\n : transform;\n };\n\n private updateInputPosition = (): void => {\n const dragging = this.dragging ?? this.lastDragged;\n if (\n this.showInputs &&\n this.viewer?.frame != null &&\n this.position != null &&\n dragging != null\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 }\n };\n\n private getDisplayedAngle = (): number | undefined => {\n const draggingIdentifier =\n this.dragging?.identifier ?? this.lastDragged?.identifier;\n if (draggingIdentifier?.includes('rotate')) {\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.makeRotation(\n Quaternion.fromMatrixRotation(c)\n );\n const position = Matrix4.makeTranslation(newPosition);\n\n return Matrix4.multiply(position, currentRotation);\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.invert(\n Matrix4.makeRotation(Quaternion.fromMatrixRotation(c))\n );\n\n const newRotation = Matrix4.makeRotation(\n Quaternion.fromEuler(newRotationEuler)\n );\n const oldTranslation = Matrix4.multiply(c, oldRotation);\n\n return Matrix4.multiply(oldTranslation, newRotation);\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"]}
@@ -1,5 +1,5 @@
1
1
  /*!
2
2
  * Copyright (c) 2024 Vertex Software LLC. All rights reserved.
3
3
  */
4
- import{h as i,F as t,r as n}from"./p-e4ea1075.js";import{p as o,m as e,v as s}from"./p-64241313.js";import"./p-564f9027.js";import"./p-6abf7036.js";import"./p-81294bc2.js";import"./p-c93bea57.js";import"./p-b1d6db57.js";import"./p-d312d59a.js";import{V as r}from"./p-97c819bc.js";import"./p-6a9fc9d7.js";import{g as a,i as l,b as p,P as h,a as d,c as v}from"./p-dca2e3b0.js";import{c}from"./p-5206da6c.js";import"./p-88c19f38.js";import"./p-96daf338.js";import"./p-fbf81eb8.js";import"./p-9c3e35fd.js";import"./p-67acaae6.js";import"./p-ff3586b7.js";const u=({pin:n,selected:o})=>{const{primaryColor:e}=a(n);return i(t,null,p(n)&&i("div",{id:"pin-anchor",class:c("pin-anchor",{selected:o}),style:{background:e}}),l(n)&&i("vertex-viewer-icon",{name:"pin-fill",size:"lg",class:c("pin",{"pin-selected":o}),style:{color:e}}))};function b(i,t,n){const e={x:i.x+n.width/2,y:i.y};const s={x:i.x+n.width/2,y:i.y+n.height};const r={x:i.x+n.width,y:i.y+n.height/2};const a={x:i.x,y:i.y+n.height/2};const l=[e,s,a,r];const p=l.map((i=>o.distance(i,t)));const h=p.indexOf(Math.min(...p));return l[h]}const w=":host{--viewer-annotations-pin-primary-color:var(--blue-700);--viewer-annotations-pin-accent-color:var(--blue-200);--viewer-annotations-pin-dot-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-font-size:0.75rem;--viewer-annotations-pin-selected-stroke:var(--white);--viewer-annotations-pin-selected-border:2px solid var(--white);--viewer-annotations-pin-label-border:2px solid var(--black);--viewer-annotations-pin-selected-stroke:var(--white);font-size:var(--viewer-annotations-pin-font-size);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.pin-anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;width:9px;height:9px;box-sizing:border-box;border:var(--viewer-annotations-pin-label-border);background:var(--viewer-annotations-pin-dot-color);pointer-events:auto;cursor:pointer}.selected{width:13px;height:13px;border:var(--viewer-annotations-pin-selected-border)}.pin{color:var(--viewer-annotations-pin-color);cursor:pointer}.pin-selected{stroke-width:1;stroke:var(--viewer-annotations-pin-selected-stroke)}";const m=class{constructor(i){n(this,i);this.matrix=e.makeIdentity();this.projectionViewMatrix=e.makeIdentity();this.pinModel=new h;this.selected=false;this.invalidateStateCounter=0;this.invalidateState=()=>{this.invalidateStateCounter=this.invalidateStateCounter+1}}componentDidLoad(){var i;this.setLabelObserver();if(this.pinController==null){this.pinController=new d(this.pinModel)}if(this.selected){(i=this.labelEl)===null||i===void 0?void 0:i.setFocus()}}disconnectedCallback(){var i,t;(i=this.labelEl)===null||i===void 0?void 0:i.removeEventListener("labelChanged",this.invalidateState);(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}render(){var n;if(this.pin==null){throw new Error("Unable to draw pin")}const{pinPoint:o,labelPoint:e}=this.computePinPoints(this.pin);return i(t,null,i("vertex-viewer-dom-element",{"data-testid":`drawn-pin-${this.pin.id}`,position:this.pin.worldPosition,onPointerDown:i=>{if(i.buttons!==2){i.stopPropagation()}this.selectPin();this.handleAnchorPointerDown()}},i(u,{pin:this.pin,selected:this.selected})),p(this.pin)&&i(t,null,i("vertex-viewer-pin-label-line",{id:`pin-label-line-${(n=this.pin)===null||n===void 0?void 0:n.id}`,pinPoint:o,pin:this.pin,labelPoint:e,onPointerDown:()=>this.selectPin()}),i("vertex-viewer-pin-label",{pin:this.pin,ref:i=>this.labelEl=i,elementBounds:this.elementBounds,pinController:this.pinController,onPointerDown:()=>this.selectPin()})))}setLabelObserver(){if(this.labelEl!=null){this.labelEl.addEventListener("labelChanged",this.invalidateState);this.resizeObserver=new ResizeObserver((()=>this.invalidateState()));this.resizeObserver.observe(this.labelEl)}}computePinPoints(i){if(this.elementBounds!=null&&this.pin!=null){return p(this.pin)&&this.pin.label.point!=null?this.computeTextPinPoints(this.pin,this.elementBounds):this.computeDefaultPinPoints(this.pin,this.elementBounds)}return{pinPoint:i.worldPosition}}computeDefaultPinPoints(i,t){return{pinPoint:this.getFromWorldPosition(i.worldPosition,this.projectionViewMatrix,t)}}computeTextPinPoints(i,t){var n,o,e,s;const{pinPoint:r}=this.computeDefaultPinPoints(i,t);const a=v(i.label.point,t);const l=((o=(n=this.labelEl)===null||n===void 0?void 0:n.firstElementChild)===null||o===void 0?void 0:o.clientWidth)||0;const p=((s=(e=this.labelEl)===null||e===void 0?void 0:e.firstElementChild)===null||s===void 0?void 0:s.clientHeight)||0;return{pinPoint:r,labelPoint:b(a,r,{width:l,height:p})}}handleAnchorPointerDown(){var i,t;if(this.elementBounds!=null&&((i=this.pinController)===null||i===void 0?void 0:i.getToolMode())==="edit"&&this.pin!=null){(t=this.pinController)===null||t===void 0?void 0:t.setDraggable({id:this.pin.id})}}selectPin(){var i,t;(i=this.pinController)===null||i===void 0?void 0:i.setSelectedPinId((t=this.pin)===null||t===void 0?void 0:t.id)}getFromWorldPosition(i,t,n){const o=s.transformMatrix(i,t);return r.fromDimensions(n).transformVectorToViewport(o)}};m.style=w;export{m as vertex_viewer_pin_group};
5
- //# sourceMappingURL=p-1486ba3d.entry.js.map
4
+ import{h as i,F as t,r as n}from"./p-e4ea1075.js";import{p as o,m as e,v as s}from"./p-64241313.js";import"./p-ccb5ff47.js";import"./p-6abf7036.js";import"./p-81294bc2.js";import"./p-c93bea57.js";import"./p-b1d6db57.js";import"./p-d312d59a.js";import{V as r}from"./p-97c819bc.js";import"./p-6a9fc9d7.js";import{g as a,i as l,b as p,P as h,a as d,c}from"./p-dca2e3b0.js";import{c as v}from"./p-5206da6c.js";import"./p-88c19f38.js";import"./p-96daf338.js";import"./p-fbf81eb8.js";import"./p-9c3e35fd.js";import"./p-67acaae6.js";import"./p-ff3586b7.js";const u=({pin:n,selected:o})=>{const{primaryColor:e}=a(n);return i(t,null,p(n)&&i("div",{id:"pin-anchor",class:v("pin-anchor",{selected:o}),style:{background:e}}),l(n)&&i("vertex-viewer-icon",{name:"pin-fill",size:"lg",class:v("pin",{"pin-selected":o}),style:{color:e}}))};function b(i,t,n){const e={x:i.x+n.width/2,y:i.y};const s={x:i.x+n.width/2,y:i.y+n.height};const r={x:i.x+n.width,y:i.y+n.height/2};const a={x:i.x,y:i.y+n.height/2};const l=[e,s,a,r];const p=l.map((i=>o.distance(i,t)));const h=p.indexOf(Math.min(...p));return l[h]}const w=":host{--viewer-annotations-pin-primary-color:var(--blue-700);--viewer-annotations-pin-accent-color:var(--blue-200);--viewer-annotations-pin-dot-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-font-size:0.75rem;--viewer-annotations-pin-selected-stroke:var(--white);--viewer-annotations-pin-selected-border:2px solid var(--white);--viewer-annotations-pin-label-border:2px solid var(--black);--viewer-annotations-pin-selected-stroke:var(--white);font-size:var(--viewer-annotations-pin-font-size);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.pin-anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;width:9px;height:9px;box-sizing:border-box;border:var(--viewer-annotations-pin-label-border);background:var(--viewer-annotations-pin-dot-color);pointer-events:auto;cursor:pointer}.selected{width:13px;height:13px;border:var(--viewer-annotations-pin-selected-border)}.pin{color:var(--viewer-annotations-pin-color);cursor:pointer}.pin-selected{stroke-width:1;stroke:var(--viewer-annotations-pin-selected-stroke)}";const m=class{constructor(i){n(this,i);this.matrix=e.makeIdentity();this.projectionViewMatrix=e.makeIdentity();this.pinModel=new h;this.selected=false;this.invalidateStateCounter=0;this.invalidateState=()=>{this.invalidateStateCounter=this.invalidateStateCounter+1}}componentDidLoad(){var i;this.setLabelObserver();if(this.pinController==null){this.pinController=new d(this.pinModel)}if(this.selected){(i=this.labelEl)===null||i===void 0?void 0:i.setFocus()}}disconnectedCallback(){var i,t;(i=this.labelEl)===null||i===void 0?void 0:i.removeEventListener("labelChanged",this.invalidateState);(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}render(){var n;if(this.pin==null){throw new Error("Unable to draw pin")}const{pinPoint:o,labelPoint:e}=this.computePinPoints(this.pin);return i(t,null,i("vertex-viewer-dom-element",{"data-testid":`drawn-pin-${this.pin.id}`,position:this.pin.worldPosition,onPointerDown:i=>{if(i.buttons!==2){i.stopPropagation()}this.selectPin();this.handleAnchorPointerDown()}},i(u,{pin:this.pin,selected:this.selected})),p(this.pin)&&i(t,null,i("vertex-viewer-pin-label-line",{id:`pin-label-line-${(n=this.pin)===null||n===void 0?void 0:n.id}`,pinPoint:o,pin:this.pin,labelPoint:e,onPointerDown:()=>this.selectPin()}),i("vertex-viewer-pin-label",{pin:this.pin,ref:i=>this.labelEl=i,elementBounds:this.elementBounds,pinController:this.pinController,onPointerDown:()=>this.selectPin()})))}setLabelObserver(){if(this.labelEl!=null){this.labelEl.addEventListener("labelChanged",this.invalidateState);this.resizeObserver=new ResizeObserver((()=>this.invalidateState()));this.resizeObserver.observe(this.labelEl)}}computePinPoints(i){if(this.elementBounds!=null&&this.pin!=null){return p(this.pin)&&this.pin.label.point!=null?this.computeTextPinPoints(this.pin,this.elementBounds):this.computeDefaultPinPoints(this.pin,this.elementBounds)}return{pinPoint:i.worldPosition}}computeDefaultPinPoints(i,t){return{pinPoint:this.getFromWorldPosition(i.worldPosition,this.projectionViewMatrix,t)}}computeTextPinPoints(i,t){var n,o,e,s;const{pinPoint:r}=this.computeDefaultPinPoints(i,t);const a=c(i.label.point,t);const l=((o=(n=this.labelEl)===null||n===void 0?void 0:n.firstElementChild)===null||o===void 0?void 0:o.clientWidth)||0;const p=((s=(e=this.labelEl)===null||e===void 0?void 0:e.firstElementChild)===null||s===void 0?void 0:s.clientHeight)||0;return{pinPoint:r,labelPoint:b(a,r,{width:l,height:p})}}handleAnchorPointerDown(){var i,t;if(this.elementBounds!=null&&((i=this.pinController)===null||i===void 0?void 0:i.getToolMode())==="edit"&&this.pin!=null){(t=this.pinController)===null||t===void 0?void 0:t.setDraggable({id:this.pin.id})}}selectPin(){var i,t;(i=this.pinController)===null||i===void 0?void 0:i.setSelectedPinId((t=this.pin)===null||t===void 0?void 0:t.id)}getFromWorldPosition(i,t,n){const o=s.transformMatrix(i,t);return r.fromDimensions(n).transformVectorToViewport(o)}};m.style=w;export{m as vertex_viewer_pin_group};
5
+ //# sourceMappingURL=p-70d29252.entry.js.map