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

package/dist/components/p-Cs2aiMUK.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["create","x","y","distance","a","b","delta","subtract","Math","sqrt","add","scaleProportional","pt","scale","magnitude","normalizeVector","magnitudeOfPoint","normalDirectionVector","ptA","ptB","orthogonalVector","unitVectorBetweenPoints","abs","vectorXValue","pow","vectorYValue","fromJson","json","obj","JSON","parse","Array","isArray","createArrowheadPoints","start","end","arrowSideLength","arrowHeadTheta","arrowOrthogonalVector","Point.orthogonalVector","normalizedDirection","Point.normalDirectionVector","arrowLeft","Point.subtract","Point.add","Point.scaleProportional","cos","sin","arrowRight","leftPoint","rightPoint","createLineAnchorStylePoints","triangleArrowAngle","lineArrowAngle","Point.distance","arrowHeadHeight","max","min","hashHeight","radius","triangleArrowRelativeHeight","triangleArrowBasePosition","triangleArrowTheta","Angle","toRadians","triangleArrowSideLength","triangleArrow","lineArrowTheta","lineArrowSideLength","lineArrow","hashLineTheta","hashLine","tip","base","arrowTriangle","arrowLine","hash","arrowheadPointsToPolygonPoints","points","scaledRight","scalePointProportional","scaledLeft","scaledBase","map","join","arrowheadPointsToPathPoints","arrowheadPointsToHashPoints","x1","y1","x2","y2","arrowheadPointsToCirclePoints","cx","cy","r","isVertexViewerArrowMarkup","el","HTMLElement","nodeName","parsePoint","value","Point.fromJson","basePoint","scaledPoint","isVertexViewerCircleMarkup","parseBounds","Rectangle","parsePoints","values","Point","stringify","isVertexViewerFreeformMarkup","getBoundingBox2dAnchorPosition","rect","position","width","height","center","translatePointToScreen","canvasDimensions","contentDimensions","centeringBehavior","canvasToContentScaleFactor","effectiveScalar","contentScaleFactor","getScaleFactor","contentRelativePoint","Dimensions","scaledContentWidth","scaledContentHeight","centerOffsetX","centerOffsetY","translateDimensionsToScreen","dimensions","contentRelativeDimensions","translateRectToScreen","fromPointAndDimensions","translatePointToRelative","offset","pointWithoutOffset","getWindowDevicePixelRatio","centeredContentPoint","contentCenterRelativePoint","translatePointsToBounds","original","bounds","createRectangle","initialPoint","currentPoint","maintainAspectRatio","fromPoints","fitBoundsSize","isPortrait","currentIsLeftOfInitial","currentIsAboveInitial","fitBoundsX","fitBoundsY","transformRectangle","current","anchor","left","top","w","h","right","bottom","topLeft","bottomLeft","topRight","bottomRight","isVertexViewerMarkupElement","isValidPointData","every","Number","isNaN","isValidStartEvent","event","target","mode","RelativeAnchor","id","transform","rotation","name","point","onPointerDown","children","class","style","onTouchStart","preventDefault","SvgShadow","effectiveScale","xOffset","yOffset","filterUnits","in","stdDeviation","dx","dy","result","in2","operator","MarkupInteractionHandler","constructor","scalingOptions","this","handlePointerDown","handleInteractionAttempt","handlePointerMove","handleInteractionMove","handlePointerUp","window","removeEventListener","handleInteractionEnd","resizeObserver","ResizeObserver","entry","elementBounds","computeBoundingRect","initialize","element","observe","addEventListener","dispose","disconnect","_a","undefined","updateScalingOptions","getScalingOptions","acceptInteraction"],"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","src/components/viewer-markup/markup-utils.ts","src/components/viewer-markup/viewer-markup-components.tsx","src/lib/markup/interactions.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' | 'arrow-line' | 'dot' | 'hash' | '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","import { Dimensions, Point, Rectangle } from '@vertexvis/geometry';\n\nimport { getWindowDevicePixelRatio } from '../../lib/dom';\nimport { MarkupCenteringBehavior } from '../../lib/types';\nimport { isVertexViewerArrowMarkup } from '../viewer-markup-arrow/utils';\nimport { isVertexViewerCircleMarkup } from '../viewer-markup-circle/utils';\nimport { isVertexViewerFreeformMarkup } from '../viewer-markup-freeform/utils';\n\nexport type BoundingBox2dAnchorPosition =\n  | 'left'\n  | 'right'\n  | 'top'\n  | 'bottom'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right'\n  | 'center';\n\nexport function getBoundingBox2dAnchorPosition(\n  rect: Rectangle.Rectangle,\n  position: BoundingBox2dAnchorPosition,\n): Point.Point {\n  switch (position) {\n    case 'top-left':\n      return Point.create(rect.x, rect.y);\n    case 'top':\n      return Point.create(rect.x + rect.width / 2, rect.y);\n    case 'top-right':\n      return Point.create(rect.x + rect.width, rect.y);\n    case 'right':\n      return Point.create(rect.x + rect.width, rect.y + rect.height / 2);\n    case 'bottom-right':\n      return Point.create(rect.x + rect.width, rect.y + rect.height);\n    case 'bottom':\n      return Point.create(rect.x + rect.width / 2, rect.y + rect.height);\n    case 'bottom-left':\n      return Point.create(rect.x, rect.y + rect.height);\n    case 'left':\n      return Point.create(rect.x, rect.y + rect.height / 2);\n    case 'center':\n      return Rectangle.center(rect);\n  }\n}\n\nexport function translatePointToScreen(\n  pt: Point.Point,\n  canvasDimensions: Dimensions.Dimensions,\n  contentDimensions: Dimensions.Dimensions = canvasDimensions,\n  centeringBehavior: MarkupCenteringBehavior = 'none',\n  scale = 1,\n): Point.Point {\n  const canvasToContentScaleFactor = Math.min(\n    canvasDimensions.width / contentDimensions.width,\n    canvasDimensions.height / contentDimensions.height,\n  );\n  const effectiveScalar = canvasToContentScaleFactor * scale;\n  const contentScaleFactor = getScaleFactor(contentDimensions);\n  const contentRelativePoint = Point.add(\n    Point.scale(pt, contentScaleFactor, contentScaleFactor),\n    Dimensions.center(contentDimensions),\n  );\n\n  // Include an offset for width and height to account for cases where the\n  // content dimensions are smaller than the canvas dimensions.\n  const scaledContentWidth = contentDimensions.width * effectiveScalar;\n  const scaledContentHeight = contentDimensions.height * effectiveScalar;\n  const centerOffsetX =\n    centeringBehavior === 'both' || centeringBehavior === 'x-only'\n      ? Math.max(0, (canvasDimensions.width - scaledContentWidth) / 2)\n      : 0;\n  const centerOffsetY =\n    centeringBehavior === 'both' || centeringBehavior === 'y-only'\n      ? Math.max(0, (canvasDimensions.height - scaledContentHeight) / 2)\n      : 0;\n\n  return Point.create(\n    contentRelativePoint.x * effectiveScalar + centerOffsetX,\n    contentRelativePoint.y * effectiveScalar + centerOffsetY,\n  );\n}\n\nexport function translatePointToBounds(\n  pt: Point.Point,\n  rect: Rectangle.Rectangle,\n  canvasDimensions: Dimensions.Dimensions,\n): Point.Point {\n  const rectToScreen = translateRectToScreen(rect, canvasDimensions);\n  return Point.add(pt, rectToScreen);\n}\n\nexport function translateDimensionsToScreen(\n  dimensions: Dimensions.Dimensions,\n  canvasDimensions: Dimensions.Dimensions,\n  contentDimensions: Dimensions.Dimensions = canvasDimensions,\n  scale = 1,\n): Dimensions.Dimensions {\n  const canvasToContentScaleFactor = Math.min(\n    canvasDimensions.width / contentDimensions.width,\n    canvasDimensions.height / contentDimensions.height,\n  );\n  const effectiveScalar = canvasToContentScaleFactor * scale;\n  const contentScaleFactor = getScaleFactor(contentDimensions);\n  const contentRelativeDimensions = Dimensions.scale(\n    contentScaleFactor,\n    contentScaleFactor,\n    dimensions,\n  );\n\n  return Dimensions.scale(\n    effectiveScalar,\n    effectiveScalar,\n    contentRelativeDimensions,\n  );\n}\n\n/**\n * Translates a rectangle in relative units, to a rectangle in screen units.\n *\n * Shape coordinates are persisted in relative units, so they can be presented\n * at any size.\n */\nexport function translateRectToScreen(\n  rect: Rectangle.Rectangle,\n  canvasDimensions: Dimensions.Dimensions,\n  contentDimensions?: Dimensions.Dimensions,\n  centeringBehavior: MarkupCenteringBehavior = 'none',\n  scale = 1,\n): Rectangle.Rectangle {\n  const position = translatePointToScreen(\n    rect,\n    canvasDimensions,\n    contentDimensions,\n    centeringBehavior,\n    scale,\n  );\n  const dimensions = translateDimensionsToScreen(\n    rect,\n    canvasDimensions,\n    contentDimensions,\n    scale,\n  );\n  return Rectangle.fromPointAndDimensions(position, dimensions);\n}\n\n/**\n * Translates a point in screen units, to a point in relative units.\n */\nexport function translatePointToRelative(\n  pt: Point.Point,\n  canvasDimensions: Dimensions.Dimensions,\n  contentDimensions: Dimensions.Dimensions = canvasDimensions,\n  centeringBehavior: MarkupCenteringBehavior = 'none',\n  scale = 1,\n  offset: Point.Point = Point.create(0, 0),\n): Point.Point {\n  const canvasToContentScaleFactor = Math.min(\n    canvasDimensions.width / contentDimensions.width,\n    canvasDimensions.height / contentDimensions.height,\n  );\n  const effectiveScalar = canvasToContentScaleFactor * scale;\n\n  // Include an offset for width and height to account for cases where the\n  // content dimensions are smaller than the canvas dimensions.\n  const scaledContentWidth = contentDimensions.width * effectiveScalar;\n  const scaledContentHeight = contentDimensions.height * effectiveScalar;\n  const centerOffsetX =\n    centeringBehavior === 'both' || centeringBehavior === 'x-only'\n      ? Math.max(0, (canvasDimensions.width - scaledContentWidth) / 2)\n      : 0;\n  const centerOffsetY =\n    centeringBehavior === 'both' || centeringBehavior === 'y-only'\n      ? Math.max(0, (canvasDimensions.height - scaledContentHeight) / 2)\n      : 0;\n\n  const pointWithoutOffset = Point.subtract(\n    pt,\n    Point.scale(\n      offset,\n      1 / getWindowDevicePixelRatio(),\n      1 / getWindowDevicePixelRatio(),\n    ),\n  );\n  const centeredContentPoint = Point.create(\n    (pointWithoutOffset.x - centerOffsetX) / effectiveScalar,\n    (pointWithoutOffset.y - centerOffsetY) / effectiveScalar,\n  );\n  const contentScaleFactor = getScaleFactor(contentDimensions);\n  const contentCenterRelativePoint = Point.subtract(\n    centeredContentPoint,\n    Dimensions.center(contentDimensions),\n  );\n\n  return Point.scale(\n    contentCenterRelativePoint,\n    1 / contentScaleFactor,\n    1 / contentScaleFactor,\n  );\n}\n\n/**\n * Translates a set of points in relative `original` units to\n * points in relative `bounds` units.\n */\nexport function translatePointsToBounds(\n  points: Point.Point[],\n  original: Rectangle.Rectangle,\n  bounds: Rectangle.Rectangle,\n): Point.Point[] {\n  return points.map((pt) =>\n    Point.add(\n      Point.scale(\n        Point.subtract(pt, original),\n        bounds.width / (original.width || 1),\n        bounds.height / (original.height || 1),\n      ),\n      bounds,\n    ),\n  );\n}\n\nexport function createRectangle(\n  initialPoint: Point.Point,\n  currentPoint: Point.Point,\n  maintainAspectRatio: boolean,\n): Rectangle.Rectangle {\n  const bounds = Rectangle.fromPoints(initialPoint, currentPoint);\n  if (maintainAspectRatio) {\n    const fitBoundsSize = Math.max(bounds.width, bounds.height);\n    const isPortrait = bounds.height > bounds.width;\n    const currentIsLeftOfInitial = currentPoint.x <= initialPoint.x;\n    const currentIsAboveInitial = currentPoint.y <= initialPoint.y;\n    const fitBoundsX = currentIsLeftOfInitial\n      ? isPortrait\n        ? initialPoint.x - fitBoundsSize\n        : currentPoint.x\n      : initialPoint.x;\n    const fitBoundsY = currentIsAboveInitial\n      ? isPortrait\n        ? currentPoint.y\n        : initialPoint.y - fitBoundsSize\n      : initialPoint.y;\n    return Rectangle.create(\n      fitBoundsX,\n      fitBoundsY,\n      fitBoundsSize,\n      fitBoundsSize,\n    );\n  } else {\n    return bounds;\n  }\n}\n\nexport function transformRectangle(\n  bounds: Rectangle.Rectangle,\n  start: Point.Point,\n  current: Point.Point,\n  anchor: BoundingBox2dAnchorPosition,\n  maintainAspectRatio?: boolean,\n): Rectangle.Rectangle {\n  const delta = Point.subtract(current, start);\n  const { x: left, y: top, width: w, height: h } = bounds;\n  const right = left + w;\n  const bottom = top + h;\n  const topLeft = Point.create(left, top);\n  const bottomLeft = Point.create(left, bottom);\n  const topRight = Point.create(right, top);\n  const bottomRight = Point.create(right, bottom);\n  switch (anchor) {\n    case 'top-left':\n      return createRectangle(bottomRight, current, !!maintainAspectRatio);\n    case 'top':\n      return createRectangle(\n        bottomRight,\n        Point.create(left, current.y),\n        !!maintainAspectRatio,\n      );\n    case 'top-right':\n      return createRectangle(bottomLeft, current, !!maintainAspectRatio);\n    case 'right':\n      return createRectangle(\n        bottomLeft,\n        Point.create(current.x, top),\n        !!maintainAspectRatio,\n      );\n    case 'bottom-right':\n      return createRectangle(topLeft, current, !!maintainAspectRatio);\n    case 'bottom':\n      return createRectangle(\n        topLeft,\n        Point.create(right, current.y),\n        !!maintainAspectRatio,\n      );\n    case 'bottom-left':\n      return createRectangle(topRight, current, !!maintainAspectRatio);\n    case 'left':\n      return createRectangle(\n        bottomRight,\n        Point.create(current.x, top),\n        !!maintainAspectRatio,\n      );\n    case 'center':\n      return Rectangle.create(\n        bounds.x + delta.x,\n        bounds.y + delta.y,\n        bounds.width,\n        bounds.height,\n      );\n  }\n}\n\nexport function isVertexViewerMarkupElement(\n  el: HTMLElement,\n): el is\n  | HTMLVertexViewerMarkupArrowElement\n  | HTMLVertexViewerMarkupCircleElement\n  | HTMLVertexViewerMarkupFreeformElement {\n  return (\n    isVertexViewerArrowMarkup(el) ||\n    isVertexViewerCircleMarkup(el) ||\n    isVertexViewerFreeformMarkup(el)\n  );\n}\n\nexport function isValidPointData(...points: Point.Point[]): boolean {\n  return points.every((pt) => !Number.isNaN(pt.x) && !Number.isNaN(pt.y));\n}\n\nexport function isValidStartEvent(event: PointerEvent): boolean {\n  const el = event.target as HTMLElement;\n\n  return isVertexViewerMarkupElement(el) && el.mode !== 'edit';\n}\n\nfunction getScaleFactor(dimensions: Dimensions.Dimensions): number {\n  // We intentionally use the content's height when scaling to maintain a consistent coordinate\n  // space for markup. This is to ensure the markup will be displayed in the same position\n  // on the canvas regardless of the aspect ratio at the time the markup was created.\n  // See https://github.com/Vertexvis/vertex-web-sdk/pull/429 for more details.\n  return dimensions.height;\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\n\nexport interface RelativeAnchorProps {\n  id?: string;\n  transform?: string;\n  rotation?: number;\n  name: string;\n  point: Point.Point;\n  onPointerDown?: (event: PointerEvent) => void;\n}\n\nexport const RelativeAnchor: FunctionalComponent<RelativeAnchorProps> = (\n  { id, transform, rotation, name, point, onPointerDown },\n  children,\n) => {\n  return (\n    <div\n      id={id}\n      class=\"bounds-anchor-position\"\n      style={{\n        top: `${point.y}px`,\n        left: `${point.x}px`,\n      }}\n      onTouchStart={(event) => event.preventDefault()}\n      onPointerDown={onPointerDown}\n    >\n      <div style={{ transform }}>\n        <div\n          class=\"bounds-anchor\"\n          style={{\n            transform: `rotateZ(${rotation ?? 0}deg)`,\n          }}\n        >\n          <slot name={name}>{children}</slot>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport interface SvgShadowProps {\n  id: string;\n  scale?: number;\n}\n\nexport const SvgShadow: FunctionalComponent<SvgShadowProps> = ({\n  id,\n  scale,\n}) => {\n  // Scale default values for a `<filter>` element by the provided scale.\n  // This prevents the filter area from being too small when scale is greater than 1,\n  // and uses the default values for a scale less than 1 to prevent the same issue.\n  // See https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/filter\n  // for more details on the default values used here.\n  const effectiveScale = scale ?? 1;\n  const xOffset = Math.max(10, 10 * effectiveScale);\n  const yOffset = Math.max(10, 10 * effectiveScale);\n  const width = Math.max(120, 110 * effectiveScale + xOffset);\n  const height = Math.max(120, 110 * effectiveScale + yOffset);\n\n  return (\n    <filter\n      id={id}\n      filterUnits=\"userSpaceOnUse\"\n      x={`${-xOffset}%`}\n      y={`${-yOffset}%`}\n      width={`${width}%`}\n      height={`${height}%`}\n    >\n      <feGaussianBlur in=\"SourceAlpha\" stdDeviation=\"2\" />\n      <feOffset dx=\"0\" dy=\"1\" result=\"offsetblur\" />\n      <feFlood flood-color=\"#000000\" flood-opacity=\"0.25\" />\n      <feComposite in2=\"offsetblur\" operator=\"in\" />\n      <feMerge>\n        <feMergeNode />\n        <feMergeNode in=\"SourceGraphic\" />\n      </feMerge>\n    </filter>\n  );\n};\n","import { Dimensions, Point } from '@vertexvis/geometry';\nimport { BasicInteractionHandler } from '@vertexvis/utils';\n\nimport { MarkupCenteringBehavior } from '../types';\n\nexport interface MarkupInteractionHandlerScalingOptions {\n  scale?: number;\n  offset?: Point.Point;\n  originatingViewport?: Dimensions.Dimensions;\n  centeringBehavior?: MarkupCenteringBehavior;\n}\n\nexport abstract class MarkupInteractionHandler implements BasicInteractionHandler {\n  protected element?: HTMLElement;\n  protected elementBounds?: DOMRect;\n  protected scalingOptions: MarkupInteractionHandlerScalingOptions;\n\n  private resizeObserver: ResizeObserver;\n\n  public constructor(scalingOptions?: MarkupInteractionHandlerScalingOptions) {\n    this.resizeObserver = new ResizeObserver(([entry]) => {\n      this.elementBounds = this.computeBoundingRect();\n    });\n\n    this.scalingOptions = scalingOptions ?? {};\n  }\n\n  public initialize(element: HTMLElement): void {\n    this.element = element;\n\n    this.elementBounds = this.computeBoundingRect();\n    this.resizeObserver.observe(this.element);\n\n    this.element.addEventListener('pointerdown', this.handlePointerDown);\n  }\n\n  public dispose(): void {\n    this.resizeObserver.disconnect();\n    this.element?.removeEventListener('pointerdown', this.handlePointerDown);\n\n    this.element = undefined;\n  }\n\n  public updateScalingOptions(\n    scalingOptions: MarkupInteractionHandlerScalingOptions,\n  ): void {\n    this.scalingOptions = {\n      ...this.scalingOptions,\n      ...scalingOptions,\n    };\n  }\n\n  public getScalingOptions(): MarkupInteractionHandlerScalingOptions {\n    return this.scalingOptions;\n  }\n\n  protected acceptInteraction(): void {\n    window.addEventListener('pointermove', this.handlePointerMove);\n    window.addEventListener('pointerup', this.handlePointerUp);\n  }\n\n  private handlePointerDown = (event: PointerEvent): void => {\n    this.handleInteractionAttempt(event);\n  };\n\n  private handlePointerMove = (event: PointerEvent): void => {\n    this.handleInteractionMove(event);\n  };\n\n  private handlePointerUp = (event: PointerEvent): void => {\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    window.removeEventListener('pointerup', this.handlePointerUp);\n\n    this.handleInteractionEnd(event);\n  };\n\n  protected abstract computeBoundingRect(): DOMRect;\n\n  protected abstract handleInteractionAttempt(event: PointerEvent): void;\n\n  protected abstract handleInteractionMove(event: PointerEvent): void;\n\n  protected abstract handleInteractionEnd(event: PointerEvent): void;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-DUo-H-nW.js

@@ -0,0 +1,5 @@
+/*!
+ * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
+ */
+import{t as e,p as t,H as r,h as s,e as a}from"./p-Bb32XUUS.js";const n=()=>`:host{cursor:pointer}.viewer-button{align-items:center;background:none;border:none;color:inherit;cursor:inherit;display:flex;padding:0}`;const o=t(class e extends r{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.ariaLabel=null}render(){return s(a,{key:"48d5d5322a3a9a0ea1057612fe2a8f1c9bef5171"},s("button",{key:"d0e8582256ea5b9a10e33819991e2d6e76271c43",class:"viewer-button","aria-label":this.ariaLabel},s("slot",{key:"cc647426fc0a227fc0aa0e1f49ff65cdedd73f1d"})))}static get style(){return n()}},[257,"vertex-viewer-button",{ariaLabel:[1,"aria-label"]}]);function i(){if(typeof customElements==="undefined"){return}const t=["vertex-viewer-button"];t.forEach((t=>{switch(t){case"vertex-viewer-button":if(!customElements.get(e(t))){customElements.define(e(t),o)}break}}))}i();export{o as V,i as d};
+//# sourceMappingURL=p-DUo-H-nW.js.map

package/dist/components/p-DUo-H-nW.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["viewerButtonCss","ViewerButton","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","ariaLabel","render","h","Host","key","class"],"sources":["src/components/viewer-button/viewer-button.css?tag=vertex-viewer-button&encapsulation=shadow","src/components/viewer-button/viewer-button.tsx"],"sourcesContent":[":host {\n  cursor: pointer;\n}\n\n.viewer-button {\n  align-items: center;\n  background: none;\n  border: none;\n  color: inherit;\n  cursor: inherit;\n  display: flex;\n  padding: 0;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'vertex-viewer-button',\n  styleUrl: 'viewer-button.css',\n  shadow: true,\n})\nexport class ViewerButton {\n  /**\n   * Accessible name applied to the internal native button. Use this for\n   * icon-only buttons or when the slotted content does not provide a name.\n   */\n  @Prop({ attribute: 'aria-label' })\n  public ariaLabel: string | null = null;\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <button class=\"viewer-button\" aria-label={this.ariaLabel}>\n          <slot></slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;gEAAA,MAAMA,EAAkB,IAAM,0I,MCOjBC,EAAYC,EAAA,MAAAD,UAAAE,EALzB,WAAAC,CAAAC,G,kEAWSC,KAAAC,UAA2B,IAWnC,CATQ,MAAAC,GACL,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,gBAAe,aAAaN,KAAKC,WAC7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/{p-MnZadXO8.js → p-D_h07qsA.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{m as t,a as s,g as i}from"./p-BKQMbekH.js";import{s as e,w as n}from"./p-FRKLa468.js";import{r,c as o}from"./p-CioaIHsi.js";import{v as h}from"./p-5kcpg4MZ.js";import{m as a}from"./p-CDM7zNn0.js";import{o as c}from"./p-DjrtwKcK.js";class m{constructor(t,s,i,e){this.model=t;this.client=s;this.jwtProvider=i;this.deviceId=e;this.outcome=Promise.resolve(undefined);this.debugLogs=false}addEntity(s){if(this.debugLogs){const i=t.ModelEntity.deserializeBinary(s.modelEntity);this.log(`Adding ModelEntity. [entityId={${i.getEntityId()}}, sceneItemId={${i.getSceneItemId()}}]`)}return this.performMeasurement((()=>this.model.addEntity(s)))}clearEntities(){this.log("Clearing all ModelEntities.");return this.performMeasurement((()=>{this.model.clearEntities();this.model.clearOutcome();return true}))}removeEntity(s){if(this.debugLogs){const i=t.ModelEntity.deserializeBinary(s.modelEntity);this.log(`Removing ModelEntity. [entityId={${i.getEntityId()}}, sceneItemId={${i.getSceneItemId()}}]`)}return this.performMeasurement((()=>this.model.removeEntity(s)))}setEntities(s){if(this.debugLogs){const i=Array.from(s).map((s=>t.ModelEntity.deserializeBinary(s.modelEntity)));this.log(`Setting ${i.length} ModelEntities. [entityIds=[${i.map((t=>t.getEntityId())).join(", ")}], sceneItemIds=[${i.map((t=>t.getSceneItemId())).join(", ")}]]`)}return this.performMeasurement((()=>this.model.setEntities(s)))}setDebugLogs(t){this.debugLogs=t}performMeasurement(t){const s=this.model.getEntities();const i=t();const e=this.model.getEntities();if(i){this.measureAndUpdateModel(e);this.highlightEntities(s,e)}return this.outcome}measureAndUpdateModel(t){if(t.length>0){this.outcome=this.measureEntities(t).then((t=>{this.model.setOutcome(t);return this.model.getOutcome()}))}else{this.outcome=Promise.resolve(undefined)}}async measureEntities(t){if(t.length>0){const i=await r((async s=>{const i=await o(this.jwtProvider,this.deviceId);const n=new e.MeasureRequest;n.setEntitiesList(t.map((t=>t.toProto())));this.client.measure(n,i,s)}));return s(i.toObject())}else{return undefined}}async highlightEntities(s,i){await r((async r=>{const h=await o(this.jwtProvider,this.deviceId);const a=new Set(i);const c=s.filter((t=>!a.has(t)));const m=c.map((s=>{const i=new e.ModelEntityUpdate;i.setModelEntity(t.ModelEntity.deserializeBinary(s.modelEntity));i.setHighlight((new n.BoolValue).setValue(false));return i}));const u=i.map((s=>{const i=new e.ModelEntityUpdate;i.setModelEntity(t.ModelEntity.deserializeBinary(s.modelEntity));i.setHighlight((new n.BoolValue).setValue(true));return i}));const d=new e.UpdateModelEntitiesRequest;d.setUpdatesList([...m,...u]);this.client.updateModelEntities(d,h,r)}))}log(t,...s){if(this.debugLogs){console.debug(t,s)}}}class u{constructor(t,s){this.point=t;this.modelEntity=s}static fromHit(t){if(t.hitPoint!=null&&t.modelEntity!=null){const s=a.ifInvalidThrow(c)(t.hitPoint);const i=h.protobuf.core.ModelEntity.encode(t.modelEntity).finish();return new u(s,i)}else{throw new Error("Cannot create MeasurementEntity from Hit. Hit is missing hit point and model entity")}}toProto(){const s=new e.MeasureEntity;const n=new i.Vector3f;n.setX(this.point.x);n.setY(this.point.y);n.setZ(this.point.z);s.setPoint(n);const r=t.ModelEntity.deserializeBinary(this.modelEntity);s.setModelEntity(r);return s}}export{m as M,u as a};
-//# sourceMappingURL=p-MnZadXO8.js.map
+import{m as t,a as s,g as i}from"./p-BCuMPvZO.js";import{s as e,w as n}from"./p-FRKLa468.js";import{r,c as o}from"./p-CioaIHsi.js";import{v as h}from"./p-5kcpg4MZ.js";import{m as a}from"./p-CDM7zNn0.js";import{o as c}from"./p-BjvjKoy7.js";class m{constructor(t,s,i,e){this.model=t;this.client=s;this.jwtProvider=i;this.deviceId=e;this.outcome=Promise.resolve(undefined);this.debugLogs=false}addEntity(s){if(this.debugLogs){const i=t.ModelEntity.deserializeBinary(s.modelEntity);this.log(`Adding ModelEntity. [entityId={${i.getEntityId()}}, sceneItemId={${i.getSceneItemId()}}]`)}return this.performMeasurement((()=>this.model.addEntity(s)))}clearEntities(){this.log("Clearing all ModelEntities.");return this.performMeasurement((()=>{this.model.clearEntities();this.model.clearOutcome();return true}))}removeEntity(s){if(this.debugLogs){const i=t.ModelEntity.deserializeBinary(s.modelEntity);this.log(`Removing ModelEntity. [entityId={${i.getEntityId()}}, sceneItemId={${i.getSceneItemId()}}]`)}return this.performMeasurement((()=>this.model.removeEntity(s)))}setEntities(s){if(this.debugLogs){const i=Array.from(s).map((s=>t.ModelEntity.deserializeBinary(s.modelEntity)));this.log(`Setting ${i.length} ModelEntities. [entityIds=[${i.map((t=>t.getEntityId())).join(", ")}], sceneItemIds=[${i.map((t=>t.getSceneItemId())).join(", ")}]]`)}return this.performMeasurement((()=>this.model.setEntities(s)))}setDebugLogs(t){this.debugLogs=t}performMeasurement(t){const s=this.model.getEntities();const i=t();const e=this.model.getEntities();if(i){this.measureAndUpdateModel(e);this.highlightEntities(s,e)}return this.outcome}measureAndUpdateModel(t){if(t.length>0){this.outcome=this.measureEntities(t).then((t=>{this.model.setOutcome(t);return this.model.getOutcome()}))}else{this.outcome=Promise.resolve(undefined)}}async measureEntities(t){if(t.length>0){const i=await r((async s=>{const i=await o(this.jwtProvider,this.deviceId);const n=new e.MeasureRequest;n.setEntitiesList(t.map((t=>t.toProto())));this.client.measure(n,i,s)}));return s(i.toObject())}else{return undefined}}async highlightEntities(s,i){await r((async r=>{const h=await o(this.jwtProvider,this.deviceId);const a=new Set(i);const c=s.filter((t=>!a.has(t)));const m=c.map((s=>{const i=new e.ModelEntityUpdate;i.setModelEntity(t.ModelEntity.deserializeBinary(s.modelEntity));i.setHighlight((new n.BoolValue).setValue(false));return i}));const u=i.map((s=>{const i=new e.ModelEntityUpdate;i.setModelEntity(t.ModelEntity.deserializeBinary(s.modelEntity));i.setHighlight((new n.BoolValue).setValue(true));return i}));const d=new e.UpdateModelEntitiesRequest;d.setUpdatesList([...m,...u]);this.client.updateModelEntities(d,h,r)}))}log(t,...s){if(this.debugLogs){console.debug(t,s)}}}class u{constructor(t,s){this.point=t;this.modelEntity=s}static fromHit(t){if(t.hitPoint!=null&&t.modelEntity!=null){const s=a.ifInvalidThrow(c)(t.hitPoint);const i=h.protobuf.core.ModelEntity.encode(t.modelEntity).finish();return new u(s,i)}else{throw new Error("Cannot create MeasurementEntity from Hit. Hit is missing hit point and model entity")}}toProto(){const s=new e.MeasureEntity;const n=new i.Vector3f;n.setX(this.point.x);n.setY(this.point.y);n.setZ(this.point.z);s.setPoint(n);const r=t.ModelEntity.deserializeBinary(this.modelEntity);s.setModelEntity(r);return s}}export{m as M,u as a};
+//# sourceMappingURL=p-D_h07qsA.js.map

package/dist/components/{p-DCTZZ5Rd.js → p-DjQ6RXWP.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{h as e,t as r,p as t,H as n,d as i,e as o}from"./p-Bb32XUUS.js";import{g as s,a}from"./p-BqeEZXPn.js";import{w as h}from"./p-Cd7kap5W.js";import{g as d}from"./p-Bg-uS9BH.js";import{M as l,t as c,c as u,R as w,d as p,p as v,e as g,f,g as b,h as m,j as k,k as C,S as x}from"./p-taOlygmc.js";import{p as S,a as y}from"./p-CZZALKHT.js";import{c as A}from"./p-C6gMOKYg.js";class B extends l{constructor(e,r,t,n){super(n);this.markupEl=e;this.interactionBegin=r;this.interactionEnd=t;this.anchor="end"}editAnchor(e,r){if(this.markupEl.mode==="edit"){this.anchor=e;this.startInteraction(r)}}startInteraction(e){this.handleInteractionAttempt(e)}computeBoundingRect(){return d(this.markupEl)}handleInteractionAttempt(e){var r;if(this.markupEl.mode!==""&&this.pointerId==null&&this.elementBounds!=null){this.pointerId=e.pointerId;this.markupEl.start=(r=this.markupEl.start)!==null&&r!==void 0?r:c(s(e,this.elementBounds),this.elementBounds,this.scalingOptions.originatingViewport,this.scalingOptions.centeringBehavior,this.scalingOptions.scale,this.scalingOptions.offset);this.interactionBegin.emit();this.acceptInteraction()}}handleInteractionMove(e){if(this.elementBounds!=null&&this.pointerId===e.pointerId){const r=c(s(e,this.elementBounds),this.elementBounds,this.scalingOptions.originatingViewport,this.scalingOptions.centeringBehavior,this.scalingOptions.scale,this.scalingOptions.offset);if(this.anchor==="start"){this.markupEl.start=r}else if(this.anchor==="end"){this.markupEl.end=r}else if(this.markupEl.start!=null&&this.markupEl.end!=null){const e=S.create((this.markupEl.start.x+this.markupEl.end.x)/2,(this.markupEl.start.y+this.markupEl.end.y)/2);const t=e.x-r.x;const n=e.y-r.y;this.markupEl.start=S.create(this.markupEl.start.x-t,this.markupEl.start.y-n);this.markupEl.end=S.create(this.markupEl.end.x-t,this.markupEl.end.y-n)}}}handleInteractionEnd(e){if(this.pointerId===e.pointerId){const e=this.markupEl.start!=null&&this.elementBounds!=null?u(this.markupEl.start,this.elementBounds):undefined;const r=this.markupEl.end!=null&&this.elementBounds!=null?u(this.markupEl.end,this.elementBounds):undefined;if(this.markupEl.mode!==""&&e!=null&&r!=null&&S.distance(e,r)>=2){const e=this.markupEl.mode!=="edit";this.interactionEnd.emit({markup:this.markupEl,newlyCreatedMarkup:e})}else{this.markupEl.start=undefined;this.markupEl.end=undefined}this.pointerId=undefined}}}const E=({start:r,end:t,offset:n,onStartAnchorPointerDown:i,onCenterAnchorPointerDown:o,onEndAnchorPointerDown:s})=>{const a=y.normalize(y.toDegrees(y.fromPoints(r,t))-270);const h=S.create((r.x+t.x)/2,(r.y+t.y)/2);const d=n!=null?`translate(${n.x}px, ${n.y}px)`:undefined;return e("div",{class:"bounds-container"},e(w,{transform:d,id:"bounding-box-1d-start-anchor",name:"start-anchor",rotation:a,point:r,onPointerDown:i},e("div",{class:A("bounds-default-anchor","bounds-cap-anchor")})),e(w,{transform:d,id:"bounding-box-1d-end-anchor",name:"end-anchor",rotation:a,point:t,onPointerDown:s},e("div",{class:A("bounds-default-anchor","bounds-cap-anchor")})),e(w,{transform:d,id:"bounding-box-1d-center-anchor",name:"center-anchor",point:h,onPointerDown:o},e("div",{class:A("bounds-default-anchor","bounds-center-anchor")})))};const P=()=>`:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-arrow-line-stroke-color:var(--red-800);--viewer-markup-arrow-line-stroke-width:4px;--viewer-markup-arrow-head-stroke-color:var(--red-800);--viewer-markup-arrow-head-stroke-width:4px;--viewer-markup-arrow-head-fill-color:var(--red-800);--viewer-markup-arrow-head-fill-opacity:1;--viewer-markup-arrow-bounds-cap-border-color:var(--blue-400);--viewer-markup-arrow-bounds-cap-border-width:1px;--viewer-markup-arrow-bounds-cap-background-color:white;--viewer-markup-arrow-bounds-center-anchor-border-color:white;--viewer-markup-arrow-bounds-center-anchor-border-width:1px;--viewer-markup-arrow-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-arrow-bounds-outline-width:1px;--viewer-markup-arrow-bounds-outline-color:var(--blue-400);--viewer-markup-arrow-bounds-anchor-width:9px;--viewer-markup-arrow-bounds-anchor-height:9px;--viewer-markup-arrow-scale:1}.svg{pointer-events:none;width:100%;height:100%}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.line{pointer-events:auto;stroke:var(--viewer-markup-arrow-line-stroke-color);stroke-width:calc(     var(--viewer-markup-arrow-line-stroke-width) *       var(--viewer-markup-arrow-scale)   );cursor:default}.head{pointer-events:auto;stroke:var(--viewer-markup-arrow-head-stroke-color);stroke-width:calc(     var(--viewer-markup-arrow-head-stroke-width) *       var(--viewer-markup-arrow-scale)   );fill:var(--viewer-markup-arrow-head-fill-color);fill-opacity:var(--viewer-markup-arrow-head-fill-opacity);cursor:default}.bounds-line{pointer-events:auto;stroke:var(--viewer-markup-arrow-bounds-outline-color);stroke-width:var(--viewer-markup-arrow-bounds-outline-width)}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-arrow-bounds-anchor-width);height:var(--viewer-markup-arrow-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-arrow-bounds-center-anchor-border-width);border-color:var(--viewer-markup-arrow-bounds-center-anchor-border-color);border-style:solid;background-color:var(     --viewer-markup-arrow-bounds-center-anchor-background-color   )}.bounds-cap-anchor{border-width:var(--viewer-markup-arrow-bounds-cap-border-width);border-color:var(--viewer-markup-arrow-bounds-cap-border-color);border-style:solid;background-color:var(--viewer-markup-arrow-bounds-cap-background-color)}`;const D=t(class r extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.interactionBegin=i(this,"interactionBegin");this.interactionEnd=i(this,"interactionEnd");this.centeringBehavior="none";this.scale=1;this.startLineAnchorStyle="none";this.endLineAnchorStyle="arrow-triangle";this.mode="";this.interactionHandler=new B(this.hostEl,this.interactionBegin,this.interactionEnd,{scale:this.scale,offset:this.offset,originatingViewport:this.originatingViewport,centeringBehavior:this.centeringBehavior});this.handleWindowPointerDown=e=>{if(p(e)){this.interactionHandler.startInteraction(e)}};this.handleTouchStart=e=>{e.preventDefault()}}componentWillLoad(){this.updateViewport();this.handleViewerChanged(this.viewer);this.handleScaleChange();this.handleScalingConfigurationChange();this.updatePointsFromProps()}componentDidLoad(){this.updatePointsFromProps();const e=new ResizeObserver((()=>this.updateViewport()));e.observe(this.hostEl);if(this.mode==="create"){window.addEventListener("pointerdown",this.handleWindowPointerDown)}}disconnectedCallback(){this.dispose()}async dispose(){var e;(e=this.registeredInteraction)===null||e===void 0?void 0:e.dispose();this.registeredInteraction=undefined;window.removeEventListener("pointerdown",this.handleWindowPointerDown)}async handleViewerChanged(e){var r;(r=this.registeredInteraction)===null||r===void 0?void 0:r.dispose();this.registeredInteraction=undefined;if(e!=null){this.registeredInteraction=await e.registerBasicInteractionHandler(this.interactionHandler)}}handleStartJsonChange(){this.updatePointsFromProps()}handleEndJsonChange(){this.updatePointsFromProps()}handleModeChange(){if(this.mode!=="create"){window.removeEventListener("pointerdown",this.handleWindowPointerDown)}}handleScalingConfigurationChange(){this.interactionHandler.updateScalingOptions({scale:this.scale,offset:this.offset,originatingViewport:this.originatingViewport,centeringBehavior:this.centeringBehavior})}handleScaleChange(){h((()=>{var e,r;this.hostEl.style.setProperty("--viewer-markup-arrow-scale",(r=(e=this.scale)===null||e===void 0?void 0:e.toString())!==null&&r!==void 0?r:"1")}))}updateViewport(){const e=d(this.hostEl);this.elementBounds=e}updatePointsFromProps(){this.start=this.start||v(this.startJson);this.end=this.end||v(this.endJson)}renderLineAnchorStyle(r,t){if(r==="arrow-triangle"){return e("polygon",{id:"line-anchor-arrow-triangle",class:"head",points:g(t,this.scale)})}else if(r==="arrow-line"){return e("path",{id:"line-anchor-arrow-line",class:"head",d:f(t,this.scale)})}else if(r==="hash"){const r=b(t,this.scale);return e("line",{id:"line-anchor-hash",class:"head",...r})}else if(r==="dot"){const r=m(t,this.scale);return e("circle",{id:"line-anchor-circle",class:"head",...r})}else{return e("div",null)}}render(){var r,t,n,i;if(this.start!=null&&this.end!=null&&this.elementBounds!=null&&this.elementBounds.width>0&&this.elementBounds.height>0){const s=this.elementBounds;const h=((t=(r=this.offset)===null||r===void 0?void 0:r.x)!==null&&t!==void 0?t:0)/a();const d=((i=(n=this.offset)===null||n===void 0?void 0:n.y)!==null&&i!==void 0?i:0)/a();const l=u(this.start,s,this.originatingViewport,this.centeringBehavior,this.scale);const c=u(this.end,s,this.originatingViewport,this.centeringBehavior,this.scale);if(k(l,c)){const r=C(c,l);const t=C(l,c);return e(o,null,e("svg",{class:"svg",onTouchStart:this.handleTouchStart},e("defs",null,e(x,{id:"arrow-shadow",scale:this.scale})),e("g",{transform:`translate(${h} ${d})`,filter:"url(#arrow-shadow)"},this.renderLineAnchorStyle(this.startLineAnchorStyle,r),e("line",{id:"arrow-line",class:"line",x1:t.tip.x,y1:t.tip.y,x2:r.tip.x,y2:r.tip.y}),this.renderLineAnchorStyle(this.endLineAnchorStyle,t)),this.mode==="edit"&&e("g",{transform:`translate(${h} ${d})`},e("line",{id:"bounding-box-1d-line",class:"bounds-line",x1:l.x,y1:l.y,x2:c.x,y2:c.y}))),this.mode==="edit"&&e(E,{start:l,end:c,offset:{x:h,y:d},onStartAnchorPointerDown:e=>this.interactionHandler.editAnchor("start",e),onCenterAnchorPointerDown:e=>this.interactionHandler.editAnchor("center",e),onEndAnchorPointerDown:e=>this.interactionHandler.editAnchor("end",e)}),this.mode==="create"&&e("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}else{return e(o,null)}}else{return e(o,null,e("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}}get hostEl(){return this}static get watchers(){return{viewer:[{handleViewerChanged:0}],start:[{handleStartJsonChange:0}],end:[{handleEndJsonChange:0}],mode:[{handleModeChange:0}],offset:[{handleScalingConfigurationChange:0}],originatingViewport:[{handleScalingConfigurationChange:0}],centeringBehavior:[{handleScalingConfigurationChange:0}],scale:[{handleScalingConfigurationChange:0},{handleScaleChange:0}]}}static get style(){return P()}},[1,"vertex-viewer-markup-arrow",{start:[1040],startJson:[1,"start"],end:[1040],endJson:[1,"end"],originatingViewport:[16],centeringBehavior:[1,"centering-behavior"],offset:[16],scale:[2],startLineAnchorStyle:[1025,"start-line-anchor-style"],endLineAnchorStyle:[1025,"end-line-anchor-style"],mode:[513],viewer:[16],elementBounds:[32],dispose:[64]},undefined,{viewer:[{handleViewerChanged:0}],start:[{handleStartJsonChange:0}],end:[{handleEndJsonChange:0}],mode:[{handleModeChange:0}],offset:[{handleScalingConfigurationChange:0}],originatingViewport:[{handleScalingConfigurationChange:0}],centeringBehavior:[{handleScalingConfigurationChange:0}],scale:[{handleScalingConfigurationChange:0},{handleScaleChange:0}]}]);function V(){if(typeof customElements==="undefined"){return}const e=["vertex-viewer-markup-arrow"];e.forEach((e=>{switch(e){case"vertex-viewer-markup-arrow":if(!customElements.get(r(e))){customElements.define(r(e),D)}break}}))}V();export{D as V,V as d};
-//# sourceMappingURL=p-DCTZZ5Rd.js.map
+import{h as e,t as r,p as t,H as n,d as i,e as o}from"./p-Bb32XUUS.js";import{g as s,a}from"./p-CPROw2BU.js";import{w as h}from"./p-Cd7kap5W.js";import{g as d}from"./p-Bg-uS9BH.js";import{M as l,t as c,c as u,R as w,d as p,p as v,e as g,f,g as b,h as m,j as k,k as C,S as x}from"./p-Cs2aiMUK.js";import{p as S,a as y}from"./p-2UsvOTHJ.js";import{c as B}from"./p-C6gMOKYg.js";class P extends l{constructor(e,r,t,n){super(n);this.markupEl=e;this.interactionBegin=r;this.interactionEnd=t;this.anchor="end"}editAnchor(e,r){if(this.markupEl.mode==="edit"){this.anchor=e;this.startInteraction(r)}}startInteraction(e){this.handleInteractionAttempt(e)}computeBoundingRect(){return d(this.markupEl)}handleInteractionAttempt(e){var r;if(this.markupEl.mode!==""&&this.pointerId==null&&this.elementBounds!=null){this.pointerId=e.pointerId;this.markupEl.start=(r=this.markupEl.start)!==null&&r!==void 0?r:c(s(e,this.elementBounds),this.elementBounds,this.scalingOptions.originatingViewport,this.scalingOptions.centeringBehavior,this.scalingOptions.scale,this.scalingOptions.offset);this.interactionBegin.emit();this.acceptInteraction()}}handleInteractionMove(e){if(this.elementBounds!=null&&this.pointerId===e.pointerId){const r=c(s(e,this.elementBounds),this.elementBounds,this.scalingOptions.originatingViewport,this.scalingOptions.centeringBehavior,this.scalingOptions.scale,this.scalingOptions.offset);if(this.anchor==="start"){this.markupEl.start=r}else if(this.anchor==="end"){this.markupEl.end=r}else if(this.markupEl.start!=null&&this.markupEl.end!=null){const e=S.create((this.markupEl.start.x+this.markupEl.end.x)/2,(this.markupEl.start.y+this.markupEl.end.y)/2);const t=e.x-r.x;const n=e.y-r.y;this.markupEl.start=S.create(this.markupEl.start.x-t,this.markupEl.start.y-n);this.markupEl.end=S.create(this.markupEl.end.x-t,this.markupEl.end.y-n)}}}handleInteractionEnd(e){if(this.pointerId===e.pointerId){const e=this.markupEl.start!=null&&this.elementBounds!=null?u(this.markupEl.start,this.elementBounds):undefined;const r=this.markupEl.end!=null&&this.elementBounds!=null?u(this.markupEl.end,this.elementBounds):undefined;if(this.markupEl.mode!==""&&e!=null&&r!=null&&S.distance(e,r)>=2){const e=this.markupEl.mode!=="edit";this.interactionEnd.emit({markup:this.markupEl,newlyCreatedMarkup:e})}else{this.markupEl.start=undefined;this.markupEl.end=undefined}this.pointerId=undefined}}}const A=({start:r,end:t,offset:n,onStartAnchorPointerDown:i,onCenterAnchorPointerDown:o,onEndAnchorPointerDown:s})=>{const a=y.normalize(y.toDegrees(y.fromPoints(r,t))-270);const h=S.create((r.x+t.x)/2,(r.y+t.y)/2);const d=n!=null?`translate(${n.x}px, ${n.y}px)`:undefined;return e("div",{class:"bounds-container"},e(w,{transform:d,id:"bounding-box-1d-start-anchor",name:"start-anchor",rotation:a,point:r,onPointerDown:i},e("div",{class:B("bounds-default-anchor","bounds-cap-anchor")})),e(w,{transform:d,id:"bounding-box-1d-end-anchor",name:"end-anchor",rotation:a,point:t,onPointerDown:s},e("div",{class:B("bounds-default-anchor","bounds-cap-anchor")})),e(w,{transform:d,id:"bounding-box-1d-center-anchor",name:"center-anchor",point:h,onPointerDown:o},e("div",{class:B("bounds-default-anchor","bounds-center-anchor")})))};const E=()=>`:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-arrow-line-stroke-color:var(--red-800);--viewer-markup-arrow-line-stroke-width:4px;--viewer-markup-arrow-head-stroke-color:var(--red-800);--viewer-markup-arrow-head-stroke-width:4px;--viewer-markup-arrow-head-fill-color:var(--red-800);--viewer-markup-arrow-head-fill-opacity:1;--viewer-markup-arrow-bounds-cap-border-color:var(--blue-400);--viewer-markup-arrow-bounds-cap-border-width:1px;--viewer-markup-arrow-bounds-cap-background-color:white;--viewer-markup-arrow-bounds-center-anchor-border-color:white;--viewer-markup-arrow-bounds-center-anchor-border-width:1px;--viewer-markup-arrow-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-arrow-bounds-outline-width:1px;--viewer-markup-arrow-bounds-outline-color:var(--blue-400);--viewer-markup-arrow-bounds-anchor-width:9px;--viewer-markup-arrow-bounds-anchor-height:9px;--viewer-markup-arrow-scale:1}.svg{pointer-events:none;width:100%;height:100%}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.line{pointer-events:auto;stroke:var(--viewer-markup-arrow-line-stroke-color);stroke-width:calc(     var(--viewer-markup-arrow-line-stroke-width) *       var(--viewer-markup-arrow-scale)   );cursor:default}.head{pointer-events:auto;stroke:var(--viewer-markup-arrow-head-stroke-color);stroke-width:calc(     var(--viewer-markup-arrow-head-stroke-width) *       var(--viewer-markup-arrow-scale)   );fill:var(--viewer-markup-arrow-head-fill-color);fill-opacity:var(--viewer-markup-arrow-head-fill-opacity);cursor:default}.bounds-line{pointer-events:auto;stroke:var(--viewer-markup-arrow-bounds-outline-color);stroke-width:var(--viewer-markup-arrow-bounds-outline-width)}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-arrow-bounds-anchor-width);height:var(--viewer-markup-arrow-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-arrow-bounds-center-anchor-border-width);border-color:var(--viewer-markup-arrow-bounds-center-anchor-border-color);border-style:solid;background-color:var(     --viewer-markup-arrow-bounds-center-anchor-background-color   )}.bounds-cap-anchor{border-width:var(--viewer-markup-arrow-bounds-cap-border-width);border-color:var(--viewer-markup-arrow-bounds-cap-border-color);border-style:solid;background-color:var(--viewer-markup-arrow-bounds-cap-background-color)}`;const D=t(class r extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.interactionBegin=i(this,"interactionBegin");this.interactionEnd=i(this,"interactionEnd");this.centeringBehavior="none";this.scale=1;this.startLineAnchorStyle="none";this.endLineAnchorStyle="arrow-triangle";this.mode="";this.interactionHandler=new P(this.hostEl,this.interactionBegin,this.interactionEnd,{scale:this.scale,offset:this.offset,originatingViewport:this.originatingViewport,centeringBehavior:this.centeringBehavior});this.handleWindowPointerDown=e=>{if(p(e)){this.interactionHandler.startInteraction(e)}};this.handleTouchStart=e=>{e.preventDefault()}}componentWillLoad(){this.updateViewport();this.handleViewerChanged(this.viewer);this.handleScaleChange();this.handleScalingConfigurationChange();this.updatePointsFromProps()}componentDidLoad(){this.updatePointsFromProps();const e=new ResizeObserver((()=>this.updateViewport()));e.observe(this.hostEl);if(this.mode==="create"){window.addEventListener("pointerdown",this.handleWindowPointerDown)}}disconnectedCallback(){this.dispose()}async dispose(){var e;(e=this.registeredInteraction)===null||e===void 0?void 0:e.dispose();this.registeredInteraction=undefined;window.removeEventListener("pointerdown",this.handleWindowPointerDown)}async handleViewerChanged(e){var r;(r=this.registeredInteraction)===null||r===void 0?void 0:r.dispose();this.registeredInteraction=undefined;if(e!=null){this.registeredInteraction=await e.registerBasicInteractionHandler(this.interactionHandler)}}handleStartJsonChange(){this.updatePointsFromProps()}handleEndJsonChange(){this.updatePointsFromProps()}handleModeChange(){if(this.mode!=="create"){window.removeEventListener("pointerdown",this.handleWindowPointerDown)}}handleScalingConfigurationChange(){this.interactionHandler.updateScalingOptions({scale:this.scale,offset:this.offset,originatingViewport:this.originatingViewport,centeringBehavior:this.centeringBehavior})}handleScaleChange(){h((()=>{var e,r;this.hostEl.style.setProperty("--viewer-markup-arrow-scale",(r=(e=this.scale)===null||e===void 0?void 0:e.toString())!==null&&r!==void 0?r:"1")}))}updateViewport(){const e=d(this.hostEl);this.elementBounds=e}updatePointsFromProps(){this.start=this.start||v(this.startJson);this.end=this.end||v(this.endJson)}renderLineAnchorStyle(r,t){if(r==="arrow-triangle"){return e("polygon",{id:"line-anchor-arrow-triangle",class:"head",points:g(t,this.scale)})}else if(r==="arrow-line"){return e("path",{id:"line-anchor-arrow-line",class:"head",d:f(t,this.scale)})}else if(r==="hash"){const r=b(t,this.scale);return e("line",{id:"line-anchor-hash",class:"head",...r})}else if(r==="dot"){const r=m(t,this.scale);return e("circle",{id:"line-anchor-circle",class:"head",...r})}else{return e("div",null)}}render(){var r,t,n,i;if(this.start!=null&&this.end!=null&&this.elementBounds!=null&&this.elementBounds.width>0&&this.elementBounds.height>0){const s=this.elementBounds;const h=((t=(r=this.offset)===null||r===void 0?void 0:r.x)!==null&&t!==void 0?t:0)/a();const d=((i=(n=this.offset)===null||n===void 0?void 0:n.y)!==null&&i!==void 0?i:0)/a();const l=u(this.start,s,this.originatingViewport,this.centeringBehavior,this.scale);const c=u(this.end,s,this.originatingViewport,this.centeringBehavior,this.scale);if(k(l,c)){const r=C(c,l);const t=C(l,c);return e(o,null,e("svg",{class:"svg",onTouchStart:this.handleTouchStart},e("defs",null,e(x,{id:"arrow-shadow",scale:this.scale})),e("g",{transform:`translate(${h} ${d})`,filter:"url(#arrow-shadow)"},this.renderLineAnchorStyle(this.startLineAnchorStyle,r),e("line",{id:"arrow-line",class:"line",x1:t.tip.x,y1:t.tip.y,x2:r.tip.x,y2:r.tip.y}),this.renderLineAnchorStyle(this.endLineAnchorStyle,t)),this.mode==="edit"&&e("g",{transform:`translate(${h} ${d})`},e("line",{id:"bounding-box-1d-line",class:"bounds-line",x1:l.x,y1:l.y,x2:c.x,y2:c.y}))),this.mode==="edit"&&e(A,{start:l,end:c,offset:{x:h,y:d},onStartAnchorPointerDown:e=>this.interactionHandler.editAnchor("start",e),onCenterAnchorPointerDown:e=>this.interactionHandler.editAnchor("center",e),onEndAnchorPointerDown:e=>this.interactionHandler.editAnchor("end",e)}),this.mode==="create"&&e("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}else{return e(o,null)}}else{return e(o,null,e("div",{class:"create-overlay",onTouchStart:this.handleTouchStart}))}}get hostEl(){return this}static get watchers(){return{viewer:[{handleViewerChanged:0}],start:[{handleStartJsonChange:0}],end:[{handleEndJsonChange:0}],mode:[{handleModeChange:0}],offset:[{handleScalingConfigurationChange:0}],originatingViewport:[{handleScalingConfigurationChange:0}],centeringBehavior:[{handleScalingConfigurationChange:0}],scale:[{handleScalingConfigurationChange:0},{handleScaleChange:0}]}}static get style(){return E()}},[1,"vertex-viewer-markup-arrow",{start:[1040],startJson:[1,"start"],end:[1040],endJson:[1,"end"],originatingViewport:[16],centeringBehavior:[1,"centering-behavior"],offset:[16],scale:[2],startLineAnchorStyle:[1025,"start-line-anchor-style"],endLineAnchorStyle:[1025,"end-line-anchor-style"],mode:[513],viewer:[16],elementBounds:[32],dispose:[64]},undefined,{viewer:[{handleViewerChanged:0}],start:[{handleStartJsonChange:0}],end:[{handleEndJsonChange:0}],mode:[{handleModeChange:0}],offset:[{handleScalingConfigurationChange:0}],originatingViewport:[{handleScalingConfigurationChange:0}],centeringBehavior:[{handleScalingConfigurationChange:0}],scale:[{handleScalingConfigurationChange:0},{handleScaleChange:0}]}]);function V(){if(typeof customElements==="undefined"){return}const e=["vertex-viewer-markup-arrow"];e.forEach((e=>{switch(e){case"vertex-viewer-markup-arrow":if(!customElements.get(r(e))){customElements.define(r(e),D)}break}}))}V();export{D as V,V as d};
+//# sourceMappingURL=p-DjQ6RXWP.js.map

package/dist/components/p-DxuSiXYg.js.map

@@ -1 +1 @@
-{"version":3,"names":["viewerSpinnerCss","ViewerSpinner","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","render","h","key","class","classNames"],"sources":["src/components/viewer-spinner/viewer-spinner.css?tag=vertex-viewer-spinner&encapsulation=shadow","src/components/viewer-spinner/viewer-spinner.tsx"],"sourcesContent":[".spinner {\n  position: relative;\n  height: 16px;\n  width: 16px;\n}\n\n.spinner div {\n  position: absolute;\n  display: block;\n  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-radius: 50%;\n  border-style: solid;\n  box-sizing: border-box;\n  border-color: var(--neutral-800) transparent transparent transparent;\n  border-width: 1px;\n\n  margin: 0;\n}\n\n.spinner div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.spinner div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.spinner div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n/* xs */\n.spinner.xs {\n  height: 16px;\n  width: 16px;\n}\n\n.spinner.xs div {\n  border-width: 1px;\n  height: 16px;\n  width: 16px;\n  margin: 0;\n}\n\n/* sm */\n.spinner.sm {\n  height: 24px;\n  width: 24px;\n}\n\n.spinner.sm div {\n  border-width: 3px;\n  height: 18px;\n  width: 18px;\n  margin: 2px;\n}\n\n/* md */\n.spinner.md {\n  height: 32px;\n  width: 32px;\n}\n\n.spinner.md div {\n  border-width:  3px;\n  height: 32px;\n  width: 32px;\n  margin: 2px;\n}\n\n/* lg */\n.spinner.lg {\n  height: 64px;\n  width: 64px;\n}\n\n.spinner.lg div {\n  border-width:  6px;\n  height: 52px;\n  width: 52px;\n  margin: 6px;\n}\n\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * The predefined sizes for the spinner.\n */\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | undefined;\n\n@Component({\n  tag: 'vertex-viewer-spinner',\n  styleUrl: 'viewer-spinner.css',\n  shadow: true,\n})\nexport class ViewerSpinner {\n  /**\n   * The size of the spinner. Can be `'xs' | 'sm' | 'md' | 'lg' | undefined`. Predefined\n   * sizes are set to:\n   *\n   *  * `xm`: 16px\n   *  * `sm`: 24px\n   *  * `md`: 32px\n   *  * `lg`: 64px\n   */\n  @Prop()\n  public size?: SpinnerSize = 'md';\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <div\n        class={classNames('spinner', {\n          ['xs']: this.size === 'xs',\n          ['sm']: this.size === 'sm',\n          ['md']: this.size === 'md',\n          ['lg']: this.size === 'lg',\n        })}\n      >\n        <div />\n        <div />\n        <div />\n        <div />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;6FAAA,MAAMA,EAAmB,IAAM,46B,MCalBC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,kEAgBSC,KAAAC,KAAqB,IAmB7B,CAjBQ,MAAAC,GACL,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAW,UAAW,CAC3B,CAAC,MAAON,KAAKC,OAAS,KACtB,CAAC,MAAOD,KAAKC,OAAS,KACtB,CAAC,MAAOD,KAAKC,OAAS,KACtB,CAAC,MAAOD,KAAKC,OAAS,QAGxBE,EAAA,OAAAC,IAAA,6CACAD,EAAA,OAAAC,IAAA,6CACAD,EAAA,OAAAC,IAAA,6CACAD,EAAA,OAAAC,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["viewerSpinnerCss","ViewerSpinner","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","render","h","key","class","classNames"],"sources":["src/components/viewer-spinner/viewer-spinner.css?tag=vertex-viewer-spinner&encapsulation=shadow","src/components/viewer-spinner/viewer-spinner.tsx"],"sourcesContent":[".spinner {\n  position: relative;\n  height: 16px;\n  width: 16px;\n}\n\n.spinner div {\n  position: absolute;\n  display: block;\n  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-radius: 50%;\n  border-style: solid;\n  box-sizing: border-box;\n  border-color: var(--neutral-800) transparent transparent transparent;\n  border-width: 1px;\n\n  margin: 0;\n}\n\n.spinner div:nth-child(1) {\n  animation-delay: -0.45s;\n}\n\n.spinner div:nth-child(2) {\n  animation-delay: -0.3s;\n}\n\n.spinner div:nth-child(3) {\n  animation-delay: -0.15s;\n}\n\n/* xs */\n.spinner.xs {\n  height: 16px;\n  width: 16px;\n}\n\n.spinner.xs div {\n  border-width: 1px;\n  height: 16px;\n  width: 16px;\n  margin: 0;\n}\n\n/* sm */\n.spinner.sm {\n  height: 24px;\n  width: 24px;\n}\n\n.spinner.sm div {\n  border-width: 3px;\n  height: 18px;\n  width: 18px;\n  margin: 2px;\n}\n\n/* md */\n.spinner.md {\n  height: 32px;\n  width: 32px;\n}\n\n.spinner.md div {\n  border-width: 3px;\n  height: 32px;\n  width: 32px;\n  margin: 2px;\n}\n\n/* lg */\n.spinner.lg {\n  height: 64px;\n  width: 64px;\n}\n\n.spinner.lg div {\n  border-width: 6px;\n  height: 52px;\n  width: 52px;\n  margin: 6px;\n}\n\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * The predefined sizes for the spinner.\n */\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | undefined;\n\n@Component({\n  tag: 'vertex-viewer-spinner',\n  styleUrl: 'viewer-spinner.css',\n  shadow: true,\n})\nexport class ViewerSpinner {\n  /**\n   * The size of the spinner. Can be `'xs' | 'sm' | 'md' | 'lg' | undefined`. Predefined\n   * sizes are set to:\n   *\n   *  * `xm`: 16px\n   *  * `sm`: 24px\n   *  * `md`: 32px\n   *  * `lg`: 64px\n   */\n  @Prop()\n  public size?: SpinnerSize = 'md';\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <div\n        class={classNames('spinner', {\n          ['xs']: this.size === 'xs',\n          ['sm']: this.size === 'sm',\n          ['md']: this.size === 'md',\n          ['lg']: this.size === 'lg',\n        })}\n      >\n        <div />\n        <div />\n        <div />\n        <div />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;6FAAA,MAAMA,EAAmB,IAAM,46B,MCalBC,EAAaC,EAAA,MAAAD,UAAAE,EAL1B,WAAAC,CAAAC,G,kEAgBSC,KAAAC,KAAqB,IAmB7B,CAjBQ,MAAAC,GACL,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOC,EAAW,UAAW,CAC3B,CAAC,MAAON,KAAKC,OAAS,KACtB,CAAC,MAAOD,KAAKC,OAAS,KACtB,CAAC,MAAOD,KAAKC,OAAS,KACtB,CAAC,MAAOD,KAAKC,OAAS,QAGxBE,EAAA,OAAAC,IAAA,6CACAD,EAAA,OAAAC,IAAA,6CACAD,EAAA,OAAAC,IAAA,6CACAD,EAAA,OAAAC,IAAA,6C","ignoreList":[]}

package/dist/components/{p-CxzyM08j.js → p-DyL2wWm6.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{v as t}from"./p-CZZALKHT.js";import{E as s,b as e}from"./p-CDM7zNn0.js";class r{constructor(){this.overlays=new Map;this.overlaysChanged=new s}addLineFromResult(t){return this.addLine(t.point1,t.point2)}addLine(t,s){const r=e.create();const n={type:"line",id:r,start:t,end:s,dispose:()=>this.remove(r)};this.addOverlay(n);return n}addDistanceVectorFromResult(t){return this.addDistanceVector(t.point1,t.point2)}addDistanceVector(s,r){const n=e.create();const i=t.subtract(s,r);const o=t.add(s,t.create(0,-i.y,0));const a={start:s,end:o};const c=t.add(o,t.create(0,0,-i.z));const d={start:o,end:c};const h=t.add(c,t.create(-i.x,0,0));const u={start:c,end:h};const p={type:"distance-vector",id:n,x:u,y:a,z:d,dispose:()=>this.remove(n)};this.addOverlay(p);return p}addOverlay(t){if(!this.overlays.has(t.id)){this.overlays.set(t.id,t);this.overlaysChanged.emit(this.getOverlays())}}getOverlays(){return Array.from(this.overlays.values())}remove(t){if(this.overlays.has(t)){this.overlays.delete(t);this.overlaysChanged.emit(this.getOverlays());return true}else{return false}}onOverlaysChanged(t){return this.overlaysChanged.on(t)}}export{r as M};
-//# sourceMappingURL=p-CxzyM08j.js.map
+import{v as t}from"./p-2UsvOTHJ.js";import{E as s,b as e}from"./p-CDM7zNn0.js";class r{constructor(){this.overlays=new Map;this.overlaysChanged=new s}addLineFromResult(t){return this.addLine(t.point1,t.point2)}addLine(t,s){const r=e.create();const n={type:"line",id:r,start:t,end:s,dispose:()=>this.remove(r)};this.addOverlay(n);return n}addDistanceVectorFromResult(t){return this.addDistanceVector(t.point1,t.point2)}addDistanceVector(s,r){const n=e.create();const i=t.subtract(s,r);const o=t.add(s,t.create(0,-i.y,0));const a={start:s,end:o};const c=t.add(o,t.create(0,0,-i.z));const d={start:o,end:c};const h=t.add(c,t.create(-i.x,0,0));const u={start:c,end:h};const p={type:"distance-vector",id:n,x:u,y:a,z:d,dispose:()=>this.remove(n)};this.addOverlay(p);return p}addOverlay(t){if(!this.overlays.has(t.id)){this.overlays.set(t.id,t);this.overlaysChanged.emit(this.getOverlays())}}getOverlays(){return Array.from(this.overlays.values())}remove(t){if(this.overlays.has(t)){this.overlays.delete(t);this.overlaysChanged.emit(this.getOverlays());return true}else{return false}}onOverlaysChanged(t){return this.overlaysChanged.on(t)}}export{r as M};
+//# sourceMappingURL=p-DyL2wWm6.js.map

package/dist/components/{p-avWSFTeP.js → p-JvS9LLoO.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{p as s,g as l}from"./p-CZZALKHT.js";import{b as o}from"./p-CDM7zNn0.js";class r{constructor(l){var r,i,t,a,n;this.start=(r=l.start)!==null&&r!==void 0?r:s.create();this.end=(i=l.end)!==null&&i!==void 0?i:s.create();this.id=(t=l.id)!==null&&t!==void 0?t:`arrow-markup--${o.create()}`;this.startLineAnchorStyle=(a=l.startLineAnchorStyle)!==null&&a!==void 0?a:"none";this.endLineAnchorStyle=(n=l.endLineAnchorStyle)!==null&&n!==void 0?n:"arrow-triangle"}}class i{constructor(s){var r,i;this.bounds=(r=s.bounds)!==null&&r!==void 0?r:l.create(0,0,0,0);this.id=(i=s.id)!==null&&i!==void 0?i:`circle-markup--${o.create()}`}}class t{constructor(s){var r,i,t;this.bounds=(r=s.bounds)!==null&&r!==void 0?r:l.create(0,0,0,0);this.points=(i=s.points)!==null&&i!==void 0?i:[];this.id=(t=s.id)!==null&&t!==void 0?t:`freeform-markup--${o.create()}`}}export{r as A,i as C,t as F};
-//# sourceMappingURL=p-avWSFTeP.js.map
+import{p as s,g as l}from"./p-2UsvOTHJ.js";import{b as o}from"./p-CDM7zNn0.js";class r{constructor(l){var r,i,t,a,n;this.start=(r=l.start)!==null&&r!==void 0?r:s.create();this.end=(i=l.end)!==null&&i!==void 0?i:s.create();this.id=(t=l.id)!==null&&t!==void 0?t:`arrow-markup--${o.create()}`;this.startLineAnchorStyle=(a=l.startLineAnchorStyle)!==null&&a!==void 0?a:"none";this.endLineAnchorStyle=(n=l.endLineAnchorStyle)!==null&&n!==void 0?n:"arrow-triangle"}}class i{constructor(s){var r,i;this.bounds=(r=s.bounds)!==null&&r!==void 0?r:l.create(0,0,0,0);this.id=(i=s.id)!==null&&i!==void 0?i:`circle-markup--${o.create()}`}}class t{constructor(s){var r,i,t;this.bounds=(r=s.bounds)!==null&&r!==void 0?r:l.create(0,0,0,0);this.points=(i=s.points)!==null&&i!==void 0?i:[];this.id=(t=s.id)!==null&&t!==void 0?t:`freeform-markup--${o.create()}`}}export{r as A,i as C,t as F};
+//# sourceMappingURL=p-JvS9LLoO.js.map