@vertexvis/viewer 1.0.2-canary.2 → 1.0.2-canary.4

package/dist/components/p-3DqRAYgO.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_FONT_SIZE","DEFAULT_LINE_HEIGHT","BaseInteractionHandler","constructor","downEvent","upEvent","moveEvent","rotateInteraction","rotatePointInteraction","zoomInteraction","panInteraction","twistInteraction","pivotInteraction","getConfig","this","isDragging","keyboardControls","disableIndividualInteractions","primaryInteractionTypeChange","EventDispatcher","primaryInteraction","handleDownEvent","bind","handleMouseWheel","handleWindowMove","handleWindowUp","handleDoubleClick","initialize","element","api","interactionApi","addEventListener","passive","dispose","_a","removeEventListener","_b","_c","undefined","onPrimaryInteractionTypeChange","listener","on","setCurrentInteractionType","type","currentInteraction","draggingInteraction","point","getPosition","resetLastAngle","setPosition","getPrimaryInteractionType","getType","getCurrentInteractionType","setPrimaryInteractionType","lastPrimaryRotateInteraction","emit","setDefaultKeyboardControls","event","preventDefault","interactionTimer","window","setTimeout","downPosition","Point","create","screenX","screenY","downPositionCanvas","getCanvasPosition","lastMoveEvent","interactions","interactionDelay","position","pixelThreshold","isTouch","distance","beginDrag","drag","endDrag","clearTimeout","detail","buttons","viewAll","metaKey","shiftKey","altKey","ctrlKey","clientX","clientY","delta","wheelDeltaToPixels","deltaY","deltaMode","rect","getBoundingClientRect","getMouseClientPosition","scrollSize","Math","abs","zoomToPoint","divisions","min","ceil","zoomDelta","i","delayMs","bodyStyleCache","bodyStyle","getComputedStyle","document","body","fontSize","parseFloat","getPropertyValue","lineHeight","height","innerHeight","canvasBounds","canvasOffset","left","top","subtract","PointerEvent","pointerType","MultiElementInteractionHandler","registeredExternalElements","registerAdditionalElement","external","id","UUID","disposable","addEventListenersToElement","deregisterAdditionalElementById","externalElement","Object","fromEntries","entries","filter","key","deregisterAllListeners","keys","forEach"],"sources":["src/lib/interactions/baseInteractionHandler.ts","src/lib/interactions/multiElementInteractionHandler.ts"],"sourcesContent":["import { Point } from '@vertexvis/geometry';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { ConfigProvider } from '../config';\nimport { getMouseClientPosition } from '../dom';\nimport { InteractionApi } from './interactionApi';\nimport { BaseEvent } from './interactionEvent';\nimport { InteractionHandler } from './interactionHandler';\nimport {\n  MouseInteraction,\n  PanInteraction,\n  PivotInteraction,\n  RotateInteraction,\n  RotatePointInteraction,\n  TwistInteraction,\n  ZoomInteraction,\n} from './mouseInteractions';\n\nexport type InteractionType =\n  | 'rotate'\n  | 'zoom'\n  | 'pan'\n  | 'twist'\n  | 'rotate-point'\n  | 'pivot';\n\nconst DEFAULT_FONT_SIZE = 16;\nconst DEFAULT_LINE_HEIGHT = 1.2;\n\nexport abstract class BaseInteractionHandler implements InteractionHandler {\n  protected interactionApi?: InteractionApi;\n  protected element?: HTMLElement;\n  protected downPosition?: Point.Point;\n  private downPositionCanvas?: Point.Point;\n  private primaryInteraction: MouseInteraction;\n  private currentInteraction?: MouseInteraction;\n  private draggingInteraction: MouseInteraction | undefined;\n  private lastPrimaryRotateInteraction?: MouseInteraction;\n  private isDragging = false;\n  private lastMoveEvent?: BaseEvent;\n  private interactionTimer?: number;\n  private keyboardControls = false;\n\n  protected disableIndividualInteractions = false;\n\n  private bodyStyleCache?: {\n    fontSize: number;\n    lineHeight: number;\n    height: number;\n  };\n\n  private primaryInteractionTypeChange = new EventDispatcher<void>();\n\n  public constructor(\n    protected downEvent: 'mousedown' | 'pointerdown',\n    protected upEvent: 'mouseup' | 'pointerup',\n    protected moveEvent: 'mousemove' | 'pointermove',\n    private rotateInteraction: RotateInteraction,\n    private rotatePointInteraction: RotatePointInteraction,\n    private zoomInteraction: ZoomInteraction,\n    private panInteraction: PanInteraction,\n    private twistInteraction: TwistInteraction,\n    private pivotInteraction: PivotInteraction,\n    private getConfig: ConfigProvider\n  ) {\n    this.primaryInteraction = rotateInteraction;\n    this.handleDownEvent = this.handleDownEvent.bind(this);\n    this.handleMouseWheel = this.handleMouseWheel.bind(this);\n    this.handleWindowMove = this.handleWindowMove.bind(this);\n    this.handleWindowUp = this.handleWindowUp.bind(this);\n    this.handleDoubleClick = this.handleDoubleClick.bind(this);\n  }\n\n  public initialize(element: HTMLElement, api: InteractionApi): void {\n    this.element = element;\n    this.interactionApi = api;\n    element.addEventListener(this.downEvent, this.handleDownEvent);\n    element.addEventListener('mousedown', this.handleDoubleClick);\n    element.addEventListener('wheel', this.handleMouseWheel, {\n      passive: false,\n    });\n  }\n\n  public dispose(): void {\n    this.element?.removeEventListener(this.downEvent, this.handleDownEvent);\n    this.element?.removeEventListener('mousedown', this.handleDoubleClick);\n    this.element?.removeEventListener('wheel', this.handleMouseWheel);\n    this.element = undefined;\n  }\n\n  public onPrimaryInteractionTypeChange(listener: Listener<void>): Disposable {\n    return this.primaryInteractionTypeChange.on(listener);\n  }\n\n  public setCurrentInteractionType(type?: InteractionType): void {\n    switch (type) {\n      case 'rotate':\n        this.currentInteraction = this.rotateInteraction;\n        break;\n      case 'zoom':\n        this.currentInteraction = this.zoomInteraction;\n        break;\n      case 'pan':\n        this.currentInteraction = this.panInteraction;\n        break;\n      case 'twist':\n        this.currentInteraction = this.twistInteraction;\n        break;\n      case 'rotate-point':\n        this.currentInteraction = this.rotatePointInteraction;\n        break;\n      case 'pivot':\n        this.currentInteraction = this.pivotInteraction;\n        break;\n      default:\n        this.currentInteraction = undefined;\n    }\n\n    if (this.draggingInteraction) {\n      const point = this.draggingInteraction.getPosition();\n      this.draggingInteraction =\n        this.currentInteraction || this.primaryInteraction;\n      this.interactionApi?.resetLastAngle();\n      this.draggingInteraction.setPosition(point);\n    }\n  }\n\n  public getPrimaryInteractionType(): InteractionType {\n    return this.primaryInteraction.getType();\n  }\n\n  public getCurrentInteractionType(): InteractionType {\n    return (this.currentInteraction || this.primaryInteraction).getType();\n  }\n\n  public setPrimaryInteractionType(type: InteractionType): void {\n    switch (type) {\n      case 'rotate':\n        this.primaryInteraction = this.rotateInteraction;\n        this.lastPrimaryRotateInteraction = this.rotateInteraction;\n        break;\n      case 'rotate-point':\n        this.primaryInteraction = this.rotatePointInteraction;\n        this.lastPrimaryRotateInteraction = this.rotatePointInteraction;\n        break;\n      case 'zoom':\n        this.primaryInteraction = this.zoomInteraction;\n        break;\n      case 'pan':\n        this.primaryInteraction = this.panInteraction;\n        break;\n      case 'pivot':\n        this.primaryInteraction = this.pivotInteraction;\n        break;\n    }\n    this.primaryInteractionTypeChange.emit();\n  }\n\n  public setDefaultKeyboardControls(keyboardControls: boolean): void {\n    this.keyboardControls = keyboardControls;\n  }\n\n  protected handleDownEvent(event: BaseEvent): void {\n    // Prevent selection of any text while interacting with the model.\n    event.preventDefault();\n\n    this.interactionTimer = window.setTimeout(() => {\n      this.downPosition = Point.create(event.screenX, event.screenY);\n      this.downPositionCanvas = this.getCanvasPosition(event);\n      this.interactionTimer = undefined;\n\n      // Perform the current movement in the case that the interaction timer elapses\n      if (this.lastMoveEvent != null) {\n        this.handleWindowMove(this.lastMoveEvent);\n      }\n    }, this.getConfig().interactions.interactionDelay);\n\n    window.addEventListener(this.moveEvent, this.handleWindowMove);\n    window.addEventListener(this.upEvent, this.handleWindowUp);\n  }\n\n  protected handleWindowMove(event: BaseEvent): void {\n    if (this.interactionTimer == null) {\n      if (this.disableIndividualInteractions) {\n        return;\n      }\n\n      const position = Point.create(event.screenX, event.screenY);\n      const pixelThreshold =\n        this.interactionApi != null\n          ? this.interactionApi.pixelThreshold(this.isTouch(event))\n          : 2;\n      if (\n        this.downPosition != null &&\n        Point.distance(position, this.downPosition) >= pixelThreshold &&\n        !this.isDragging\n      ) {\n        this.beginDrag(event);\n        this.isDragging = true;\n      }\n\n      if (this.isDragging) {\n        this.drag(event);\n      }\n    }\n\n    this.lastMoveEvent = event;\n  }\n\n  protected async handleWindowUp(event: BaseEvent): Promise<void> {\n    if (this.isDragging) {\n      this.endDrag(event);\n      this.isDragging = false;\n    }\n\n    if (this.interactionTimer != null) {\n      window.clearTimeout(this.interactionTimer);\n      this.interactionTimer = undefined;\n    }\n\n    window.removeEventListener(this.moveEvent, this.handleWindowMove);\n    window.removeEventListener(this.upEvent, this.handleWindowUp);\n    this.lastMoveEvent = undefined;\n  }\n\n  protected async handleDoubleClick(event: BaseEvent): Promise<void> {\n    // event.detail is the number of clicks that have happened recently. If the number is 2, then the user double clicked.\n    if (\n      event.detail === 2 &&\n      event.buttons === 4 &&\n      this.interactionApi != null\n    ) {\n      await this.interactionApi.viewAll();\n    }\n  }\n\n  protected beginDrag(event: BaseEvent): void {\n    if (this.keyboardControls && event.metaKey && event.shiftKey) {\n      this.currentInteraction = this.rotatePointInteraction;\n    } else if (this.keyboardControls && event.shiftKey && event.altKey) {\n      this.currentInteraction = this.twistInteraction;\n    } else if (this.keyboardControls && event.shiftKey) {\n      this.currentInteraction = this.zoomInteraction;\n    } else if (this.keyboardControls && (event.metaKey || event.ctrlKey)) {\n      this.currentInteraction = this.panInteraction;\n    } else if (this.keyboardControls && event.altKey) {\n      this.currentInteraction = this.rotateInteraction;\n    }\n\n    if (event.buttons === 1) {\n      this.draggingInteraction =\n        this.currentInteraction || this.primaryInteraction;\n    } else if (event.buttons === 2) {\n      this.draggingInteraction = this.panInteraction;\n    } else if (event.buttons === 4) {\n      this.draggingInteraction =\n        this.lastPrimaryRotateInteraction ?? this.rotateInteraction;\n    }\n\n    if (\n      this.draggingInteraction != null &&\n      this.interactionApi != null &&\n      this.element != null\n    ) {\n      // Ensure any scroll wheel interactions have been ended prior to beginning\n      // another interaction to prevent the interaction from being ended early.\n      this.zoomInteraction.endDrag(event, this.interactionApi);\n\n      this.draggingInteraction.beginDrag(\n        event,\n        this.downPositionCanvas || Point.create(event.clientX, event.clientY),\n        this.interactionApi,\n        this.element\n      );\n    }\n  }\n\n  protected drag(event: BaseEvent): void {\n    if (this.keyboardControls && event.altKey && event.shiftKey) {\n      this.currentInteraction = this.twistInteraction;\n    } else {\n      this.currentInteraction = undefined;\n    }\n    this.draggingInteraction =\n      this.currentInteraction ||\n      this.draggingInteraction ||\n      this.primaryInteraction;\n    if (this.draggingInteraction != null && this.interactionApi != null) {\n      this.draggingInteraction.drag(event, this.interactionApi);\n    }\n  }\n\n  protected endDrag(event: BaseEvent): void {\n    if (\n      this.keyboardControls &&\n      this.currentInteraction === this.twistInteraction\n    ) {\n      this.currentInteraction = undefined;\n    }\n\n    if (this.draggingInteraction != null && this.interactionApi != null) {\n      this.draggingInteraction.endDrag(event, this.interactionApi);\n      this.draggingInteraction = undefined;\n    }\n  }\n\n  protected handleMouseWheel(event: WheelEvent): void {\n    event.preventDefault();\n\n    if (\n      this.element != null &&\n      this.interactionApi != null &&\n      event.buttons !== 4\n    ) {\n      const delta =\n        -this.wheelDeltaToPixels(event.deltaY, event.deltaMode) / 10;\n      const rect = this.element.getBoundingClientRect();\n      const point = getMouseClientPosition(event, rect);\n      const scrollSize = Math.abs(event.deltaY);\n\n      if (scrollSize < 12) {\n        // For small wheel movements, send a single zoom event.\n        void this.zoomInteraction.zoomToPoint(\n          point,\n          delta,\n          this.interactionApi\n        );\n      } else {\n        const divisions = Math.min(10, Math.ceil(scrollSize / 12));\n        const zoomDelta = delta / divisions;\n        // For larger wheel movements, divide the delta into multiple zoom events with increasing delay\n        // which approximates a smooth zoom deceleration curve for the end user.\n        for (let i = 1; i <= divisions; i++) {\n          const delayMs = i * 5;\n          window.setTimeout(() => {\n            if (this.interactionApi != null) {\n              this.zoomInteraction.zoomToPoint(\n                point,\n                zoomDelta,\n                this.interactionApi,\n                delayMs\n              );\n            }\n          }, delayMs);\n        }\n      }\n    }\n  }\n\n  protected wheelDeltaToPixels(deltaY: number, deltaMode: number): number {\n    // Cached values are an optimization we can use given mouseWheel\n    // events can happen dozen or hundreds of times per scroll, but body style\n    // is very unlikely to change frequently or while doing wheel movements.\n    if (this.bodyStyleCache == null) {\n      const bodyStyle = window.getComputedStyle(document.body);\n      this.bodyStyleCache = {\n        fontSize:\n          parseFloat(bodyStyle.getPropertyValue('fontSize')) ||\n          DEFAULT_FONT_SIZE,\n        lineHeight:\n          parseFloat(bodyStyle.getPropertyValue('lineHeight')) ||\n          DEFAULT_LINE_HEIGHT,\n        height:\n          parseFloat(bodyStyle.getPropertyValue('height')) ||\n          window.innerHeight,\n      };\n      window.setTimeout(() => {\n        this.bodyStyleCache = undefined;\n      }, 4800); // For now hardcoded. Could be derived. eg mouseWheelInteractionEndDebounce * 12\n    }\n\n    if (deltaMode === 1) {\n      // deltaMode 1 corresponds to DOM_DELTA_LINE, which computes deltas in lines\n      return (\n        deltaY * (this.bodyStyleCache.fontSize * this.bodyStyleCache.lineHeight)\n      );\n    } else if (deltaMode === 2) {\n      // deltaMode 2 corresponds to DOM_DELTA_PAGE, which computes deltas in pages\n      return deltaY * this.bodyStyleCache.height;\n    }\n    // deltaMode 0 corresponds to DOM_DELTA_PIXEL, which computes deltas in pixels\n    return deltaY;\n  }\n\n  protected getCanvasPosition(event: BaseEvent): Point.Point | undefined {\n    const canvasBounds = this.element?.getBoundingClientRect();\n    const canvasOffset =\n      canvasBounds != null\n        ? Point.create(canvasBounds.left, canvasBounds.top)\n        : undefined;\n\n    return canvasOffset != null\n      ? Point.subtract(Point.create(event.clientX, event.clientY), canvasOffset)\n      : undefined;\n  }\n\n  protected isTouch(event: BaseEvent): boolean {\n    return window.PointerEvent != null && event instanceof PointerEvent\n      ? event.pointerType === 'touch'\n      : false;\n  }\n}\n","import { Disposable, UUID } from '@vertexvis/utils';\n\nimport { BaseInteractionHandler } from './baseInteractionHandler';\n\nexport abstract class MultiElementInteractionHandler extends BaseInteractionHandler {\n  protected registeredExternalElements: Record<UUID.UUID, Disposable> = {};\n\n  public registerAdditionalElement(external: HTMLElement): Disposable {\n    const id = UUID.create();\n    const disposable = this.addEventListenersToElement(external);\n\n    this.registeredExternalElements[id] = disposable;\n    return disposable;\n  }\n\n  public deregisterAdditionalElementById(id: UUID.UUID): void {\n    const externalElement = this.registeredExternalElements[id];\n\n    externalElement.dispose();\n\n    this.registeredExternalElements = Object.fromEntries(\n      Object.entries(this.registeredExternalElements).filter(\n        ([key]) => key !== id\n      )\n    );\n  }\n\n  protected deregisterAllListeners(): void {\n    Object.keys(this.registeredExternalElements).forEach((id) =>\n      this.deregisterAdditionalElementById(id)\n    );\n  }\n\n  public abstract addEventListenersToElement(element?: HTMLElement): Disposable;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DEFAULT_FONT_SIZE","DEFAULT_LINE_HEIGHT","BaseInteractionHandler","constructor","downEvent","upEvent","moveEvent","rotateInteraction","rotatePointInteraction","zoomInteraction","panInteraction","twistInteraction","pivotInteraction","getConfig","this","isDragging","keyboardControls","disableIndividualInteractions","primaryInteractionTypeChange","EventDispatcher","primaryInteraction","handleDownEvent","bind","handleMouseWheel","handleWindowMove","handleWindowUp","handleDoubleClick","initialize","element","api","interactionApi","addEventListener","passive","dispose","_a","removeEventListener","_b","_c","undefined","onPrimaryInteractionTypeChange","listener","on","setCurrentInteractionType","type","currentInteraction","draggingInteraction","point","getPosition","resetLastAngle","setPosition","getPrimaryInteractionType","getType","getCurrentInteractionType","setPrimaryInteractionType","lastPrimaryRotateInteraction","emit","setDefaultKeyboardControls","event","preventDefault","interactionTimer","window","setTimeout","downPosition","Point","create","screenX","screenY","downPositionCanvas","getCanvasPosition","lastMoveEvent","interactions","interactionDelay","position","pixelThreshold","isTouch","distance","beginDrag","drag","endDrag","clearTimeout","detail","buttons","viewAll","metaKey","shiftKey","altKey","ctrlKey","clientX","clientY","delta","wheelDeltaToPixels","deltaY","deltaMode","rect","getBoundingClientRect","getMouseClientPosition","scrollSize","Math","abs","zoomToPoint","divisions","min","ceil","zoomDelta","i","delayMs","bodyStyleCache","bodyStyle","getComputedStyle","document","body","fontSize","parseFloat","getPropertyValue","lineHeight","height","innerHeight","canvasBounds","canvasOffset","left","top","subtract","PointerEvent","pointerType","MultiElementInteractionHandler","registeredExternalElements","registerAdditionalElement","external","id","UUID","disposable","addEventListenersToElement","deregisterAdditionalElementById","externalElement","Object","fromEntries","entries","filter","key","deregisterAllListeners","keys","forEach"],"sources":["src/lib/interactions/baseInteractionHandler.ts","src/lib/interactions/multiElementInteractionHandler.ts"],"sourcesContent":["import { Point } from '@vertexvis/geometry';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { ConfigProvider } from '../config';\nimport { getMouseClientPosition } from '../dom';\nimport { InteractionApi } from './interactionApi';\nimport { BaseEvent } from './interactionEvent';\nimport { InteractionHandler } from './interactionHandler';\nimport {\n  MouseInteraction,\n  PanInteraction,\n  PivotInteraction,\n  RotateInteraction,\n  RotatePointInteraction,\n  TwistInteraction,\n  ZoomInteraction,\n} from './mouseInteractions';\n\nexport type InteractionType =\n  | 'rotate'\n  | 'zoom'\n  | 'pan'\n  | 'twist'\n  | 'rotate-point'\n  | 'pivot';\n\nconst DEFAULT_FONT_SIZE = 16;\nconst DEFAULT_LINE_HEIGHT = 1.2;\n\nexport abstract class BaseInteractionHandler implements InteractionHandler {\n  protected interactionApi?: InteractionApi;\n  protected element?: HTMLElement;\n  protected downPosition?: Point.Point;\n  private downPositionCanvas?: Point.Point;\n  private primaryInteraction: MouseInteraction;\n  private currentInteraction?: MouseInteraction;\n  private draggingInteraction: MouseInteraction | undefined;\n  private lastPrimaryRotateInteraction?: MouseInteraction;\n  private isDragging = false;\n  private lastMoveEvent?: BaseEvent;\n  private interactionTimer?: number;\n  private keyboardControls = false;\n\n  protected disableIndividualInteractions = false;\n\n  private bodyStyleCache?: {\n    fontSize: number;\n    lineHeight: number;\n    height: number;\n  };\n\n  private primaryInteractionTypeChange = new EventDispatcher<void>();\n\n  public constructor(\n    protected downEvent: 'mousedown' | 'pointerdown',\n    protected upEvent: 'mouseup' | 'pointerup',\n    protected moveEvent: 'mousemove' | 'pointermove',\n    private rotateInteraction: RotateInteraction,\n    private rotatePointInteraction: RotatePointInteraction,\n    private zoomInteraction: ZoomInteraction,\n    private panInteraction: PanInteraction,\n    private twistInteraction: TwistInteraction,\n    private pivotInteraction: PivotInteraction,\n    private getConfig: ConfigProvider,\n  ) {\n    this.primaryInteraction = rotateInteraction;\n    this.handleDownEvent = this.handleDownEvent.bind(this);\n    this.handleMouseWheel = this.handleMouseWheel.bind(this);\n    this.handleWindowMove = this.handleWindowMove.bind(this);\n    this.handleWindowUp = this.handleWindowUp.bind(this);\n    this.handleDoubleClick = this.handleDoubleClick.bind(this);\n  }\n\n  public initialize(element: HTMLElement, api: InteractionApi): void {\n    this.element = element;\n    this.interactionApi = api;\n    element.addEventListener(this.downEvent, this.handleDownEvent);\n    element.addEventListener('mousedown', this.handleDoubleClick);\n    element.addEventListener('wheel', this.handleMouseWheel, {\n      passive: false,\n    });\n  }\n\n  public dispose(): void {\n    this.element?.removeEventListener(this.downEvent, this.handleDownEvent);\n    this.element?.removeEventListener('mousedown', this.handleDoubleClick);\n    this.element?.removeEventListener('wheel', this.handleMouseWheel);\n    this.element = undefined;\n  }\n\n  public onPrimaryInteractionTypeChange(listener: Listener<void>): Disposable {\n    return this.primaryInteractionTypeChange.on(listener);\n  }\n\n  public setCurrentInteractionType(type?: InteractionType): void {\n    switch (type) {\n      case 'rotate':\n        this.currentInteraction = this.rotateInteraction;\n        break;\n      case 'zoom':\n        this.currentInteraction = this.zoomInteraction;\n        break;\n      case 'pan':\n        this.currentInteraction = this.panInteraction;\n        break;\n      case 'twist':\n        this.currentInteraction = this.twistInteraction;\n        break;\n      case 'rotate-point':\n        this.currentInteraction = this.rotatePointInteraction;\n        break;\n      case 'pivot':\n        this.currentInteraction = this.pivotInteraction;\n        break;\n      default:\n        this.currentInteraction = undefined;\n    }\n\n    if (this.draggingInteraction) {\n      const point = this.draggingInteraction.getPosition();\n      this.draggingInteraction =\n        this.currentInteraction || this.primaryInteraction;\n      this.interactionApi?.resetLastAngle();\n      this.draggingInteraction.setPosition(point);\n    }\n  }\n\n  public getPrimaryInteractionType(): InteractionType {\n    return this.primaryInteraction.getType();\n  }\n\n  public getCurrentInteractionType(): InteractionType {\n    return (this.currentInteraction || this.primaryInteraction).getType();\n  }\n\n  public setPrimaryInteractionType(type: InteractionType): void {\n    switch (type) {\n      case 'rotate':\n        this.primaryInteraction = this.rotateInteraction;\n        this.lastPrimaryRotateInteraction = this.rotateInteraction;\n        break;\n      case 'rotate-point':\n        this.primaryInteraction = this.rotatePointInteraction;\n        this.lastPrimaryRotateInteraction = this.rotatePointInteraction;\n        break;\n      case 'zoom':\n        this.primaryInteraction = this.zoomInteraction;\n        break;\n      case 'pan':\n        this.primaryInteraction = this.panInteraction;\n        break;\n      case 'pivot':\n        this.primaryInteraction = this.pivotInteraction;\n        break;\n    }\n    this.primaryInteractionTypeChange.emit();\n  }\n\n  public setDefaultKeyboardControls(keyboardControls: boolean): void {\n    this.keyboardControls = keyboardControls;\n  }\n\n  protected handleDownEvent(event: BaseEvent): void {\n    // Prevent selection of any text while interacting with the model.\n    event.preventDefault();\n\n    this.interactionTimer = window.setTimeout(() => {\n      this.downPosition = Point.create(event.screenX, event.screenY);\n      this.downPositionCanvas = this.getCanvasPosition(event);\n      this.interactionTimer = undefined;\n\n      // Perform the current movement in the case that the interaction timer elapses\n      if (this.lastMoveEvent != null) {\n        this.handleWindowMove(this.lastMoveEvent);\n      }\n    }, this.getConfig().interactions.interactionDelay);\n\n    window.addEventListener(this.moveEvent, this.handleWindowMove);\n    window.addEventListener(this.upEvent, this.handleWindowUp);\n  }\n\n  protected handleWindowMove(event: BaseEvent): void {\n    if (this.interactionTimer == null) {\n      if (this.disableIndividualInteractions) {\n        return;\n      }\n\n      const position = Point.create(event.screenX, event.screenY);\n      const pixelThreshold =\n        this.interactionApi != null\n          ? this.interactionApi.pixelThreshold(this.isTouch(event))\n          : 2;\n      if (\n        this.downPosition != null &&\n        Point.distance(position, this.downPosition) >= pixelThreshold &&\n        !this.isDragging\n      ) {\n        this.beginDrag(event);\n        this.isDragging = true;\n      }\n\n      if (this.isDragging) {\n        this.drag(event);\n      }\n    }\n\n    this.lastMoveEvent = event;\n  }\n\n  protected async handleWindowUp(event: BaseEvent): Promise<void> {\n    if (this.isDragging) {\n      this.endDrag(event);\n      this.isDragging = false;\n    }\n\n    if (this.interactionTimer != null) {\n      window.clearTimeout(this.interactionTimer);\n      this.interactionTimer = undefined;\n    }\n\n    window.removeEventListener(this.moveEvent, this.handleWindowMove);\n    window.removeEventListener(this.upEvent, this.handleWindowUp);\n    this.lastMoveEvent = undefined;\n  }\n\n  protected async handleDoubleClick(event: BaseEvent): Promise<void> {\n    // event.detail is the number of clicks that have happened recently. If the number is 2, then the user double clicked.\n    if (\n      event.detail === 2 &&\n      event.buttons === 4 &&\n      this.interactionApi != null\n    ) {\n      await this.interactionApi.viewAll();\n    }\n  }\n\n  protected beginDrag(event: BaseEvent): void {\n    if (this.keyboardControls && event.metaKey && event.shiftKey) {\n      this.currentInteraction = this.rotatePointInteraction;\n    } else if (this.keyboardControls && event.shiftKey && event.altKey) {\n      this.currentInteraction = this.twistInteraction;\n    } else if (this.keyboardControls && event.shiftKey) {\n      this.currentInteraction = this.zoomInteraction;\n    } else if (this.keyboardControls && (event.metaKey || event.ctrlKey)) {\n      this.currentInteraction = this.panInteraction;\n    } else if (this.keyboardControls && event.altKey) {\n      this.currentInteraction = this.rotateInteraction;\n    }\n\n    if (event.buttons === 1) {\n      this.draggingInteraction =\n        this.currentInteraction || this.primaryInteraction;\n    } else if (event.buttons === 2) {\n      this.draggingInteraction = this.panInteraction;\n    } else if (event.buttons === 4) {\n      this.draggingInteraction =\n        this.lastPrimaryRotateInteraction ?? this.rotateInteraction;\n    }\n\n    if (\n      this.draggingInteraction != null &&\n      this.interactionApi != null &&\n      this.element != null\n    ) {\n      // Ensure any scroll wheel interactions have been ended prior to beginning\n      // another interaction to prevent the interaction from being ended early.\n      this.zoomInteraction.endDrag(event, this.interactionApi);\n\n      this.draggingInteraction.beginDrag(\n        event,\n        this.downPositionCanvas || Point.create(event.clientX, event.clientY),\n        this.interactionApi,\n        this.element,\n      );\n    }\n  }\n\n  protected drag(event: BaseEvent): void {\n    if (this.keyboardControls && event.altKey && event.shiftKey) {\n      this.currentInteraction = this.twistInteraction;\n    } else {\n      this.currentInteraction = undefined;\n    }\n    this.draggingInteraction =\n      this.currentInteraction ||\n      this.draggingInteraction ||\n      this.primaryInteraction;\n    if (this.draggingInteraction != null && this.interactionApi != null) {\n      this.draggingInteraction.drag(event, this.interactionApi);\n    }\n  }\n\n  protected endDrag(event: BaseEvent): void {\n    if (\n      this.keyboardControls &&\n      this.currentInteraction === this.twistInteraction\n    ) {\n      this.currentInteraction = undefined;\n    }\n\n    if (this.draggingInteraction != null && this.interactionApi != null) {\n      this.draggingInteraction.endDrag(event, this.interactionApi);\n      this.draggingInteraction = undefined;\n    }\n  }\n\n  protected handleMouseWheel(event: WheelEvent): void {\n    event.preventDefault();\n\n    if (\n      this.element != null &&\n      this.interactionApi != null &&\n      event.buttons !== 4\n    ) {\n      const delta =\n        -this.wheelDeltaToPixels(event.deltaY, event.deltaMode) / 10;\n      const rect = this.element.getBoundingClientRect();\n      const point = getMouseClientPosition(event, rect);\n      const scrollSize = Math.abs(event.deltaY);\n\n      if (scrollSize < 12) {\n        // For small wheel movements, send a single zoom event.\n        void this.zoomInteraction.zoomToPoint(\n          point,\n          delta,\n          this.interactionApi,\n        );\n      } else {\n        const divisions = Math.min(10, Math.ceil(scrollSize / 12));\n        const zoomDelta = delta / divisions;\n        // For larger wheel movements, divide the delta into multiple zoom events with increasing delay\n        // which approximates a smooth zoom deceleration curve for the end user.\n        for (let i = 1; i <= divisions; i++) {\n          const delayMs = i * 5;\n          window.setTimeout(() => {\n            if (this.interactionApi != null) {\n              this.zoomInteraction.zoomToPoint(\n                point,\n                zoomDelta,\n                this.interactionApi,\n                delayMs,\n              );\n            }\n          }, delayMs);\n        }\n      }\n    }\n  }\n\n  protected wheelDeltaToPixels(deltaY: number, deltaMode: number): number {\n    // Cached values are an optimization we can use given mouseWheel\n    // events can happen dozen or hundreds of times per scroll, but body style\n    // is very unlikely to change frequently or while doing wheel movements.\n    if (this.bodyStyleCache == null) {\n      const bodyStyle = window.getComputedStyle(document.body);\n      this.bodyStyleCache = {\n        fontSize:\n          parseFloat(bodyStyle.getPropertyValue('fontSize')) ||\n          DEFAULT_FONT_SIZE,\n        lineHeight:\n          parseFloat(bodyStyle.getPropertyValue('lineHeight')) ||\n          DEFAULT_LINE_HEIGHT,\n        height:\n          parseFloat(bodyStyle.getPropertyValue('height')) ||\n          window.innerHeight,\n      };\n      window.setTimeout(() => {\n        this.bodyStyleCache = undefined;\n      }, 4800); // For now hardcoded. Could be derived. eg mouseWheelInteractionEndDebounce * 12\n    }\n\n    if (deltaMode === 1) {\n      // deltaMode 1 corresponds to DOM_DELTA_LINE, which computes deltas in lines\n      return (\n        deltaY * (this.bodyStyleCache.fontSize * this.bodyStyleCache.lineHeight)\n      );\n    } else if (deltaMode === 2) {\n      // deltaMode 2 corresponds to DOM_DELTA_PAGE, which computes deltas in pages\n      return deltaY * this.bodyStyleCache.height;\n    }\n    // deltaMode 0 corresponds to DOM_DELTA_PIXEL, which computes deltas in pixels\n    return deltaY;\n  }\n\n  protected getCanvasPosition(event: BaseEvent): Point.Point | undefined {\n    const canvasBounds = this.element?.getBoundingClientRect();\n    const canvasOffset =\n      canvasBounds != null\n        ? Point.create(canvasBounds.left, canvasBounds.top)\n        : undefined;\n\n    return canvasOffset != null\n      ? Point.subtract(Point.create(event.clientX, event.clientY), canvasOffset)\n      : undefined;\n  }\n\n  protected isTouch(event: BaseEvent): boolean {\n    return window.PointerEvent != null && event instanceof PointerEvent\n      ? event.pointerType === 'touch'\n      : false;\n  }\n}\n","import { Disposable, UUID } from '@vertexvis/utils';\n\nimport { BaseInteractionHandler } from './baseInteractionHandler';\n\nexport abstract class MultiElementInteractionHandler extends BaseInteractionHandler {\n  protected registeredExternalElements: Record<UUID.UUID, Disposable> = {};\n\n  public registerAdditionalElement(external: HTMLElement): Disposable {\n    const id = UUID.create();\n    const disposable = this.addEventListenersToElement(external);\n\n    this.registeredExternalElements[id] = disposable;\n    return disposable;\n  }\n\n  public deregisterAdditionalElementById(id: UUID.UUID): void {\n    const externalElement = this.registeredExternalElements[id];\n\n    externalElement.dispose();\n\n    this.registeredExternalElements = Object.fromEntries(\n      Object.entries(this.registeredExternalElements).filter(\n        ([key]) => key !== id,\n      ),\n    );\n  }\n\n  protected deregisterAllListeners(): void {\n    Object.keys(this.registeredExternalElements).forEach((id) =>\n      this.deregisterAdditionalElementById(id),\n    );\n  }\n\n  public abstract addEventListenersToElement(element?: HTMLElement): Disposable;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-B-ToCp8-.js.map

@@ -1 +1 @@
-{"version":3,"names":["CursorManager","constructor","this","onChanged","EventDispatcher","cursors","nextId","add","cursor","priority","NORMAL_PRIORITY","duplicateCursor","getExistingDuplicateCursor","remove","id","instance","dispose","push","emit","cursorId","index","findIndex","splice","cursorToCheck","priorityToCheck","find","getActiveCursor","sorted","concat","reverse","sort","a","b","_a","LOW_PRIORITY","HIGH_PRIORITY","measurementCursor","url","offsetX","offsetY","measurementWithArrowCursor","pinCursor","labelPinCursor","boxQueryCursor"],"sources":["src/lib/cursors.ts"],"sourcesContent":["import { Disposable, EventDispatcher } from '@vertexvis/utils';\n\n/**\n * Represents a built-in [browser CSS\n * cursor](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor).\n */\nexport type CssCursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out'\n  | string;\n\n/**\n * Represents a custom cursor that points to an image file and offset.\n */\nexport interface CustomCursor {\n  url: string;\n  offsetX?: number;\n  offsetY?: number;\n}\n\n/**\n * Represents all possible cursor types.\n */\nexport type Cursor = CssCursor | CustomCursor;\n\ninterface CursorInstance extends Disposable {\n  id: number;\n  cursor: Cursor;\n  priority: number;\n}\n\n/**\n * The cursor manager maintains a prioritized list of cursors for the viewer.\n *\n * Cursors with the highest priority will be considered active, where the most\n * recently added cursor will take precedence if there are multiple cursors with\n * the same priority.\n */\nexport class CursorManager {\n  /**\n   * A constant representing the lowest priority cursors.\n   */\n  public static readonly LOW_PRIORITY = 0;\n\n  /**\n   * A constant representing a priority between `LOW_PRIORITY` and\n   * `HIGH_PRIORITY`.\n   */\n  public static readonly NORMAL_PRIORITY = 10;\n\n  /**\n   * A constant representing the high priority cursors.\n   */\n  public static readonly HIGH_PRIORITY = 20;\n\n  /**\n   * An event dispatcher that emits an event when a cursor is added or removed.\n   *\n   * @see {@link CursorManager.add} to add a cursor.\n   * @see {@link CursorManager.getActiveCursor} to query the current cursor.\n   */\n  public readonly onChanged = new EventDispatcher<void>();\n\n  private cursors: CursorInstance[] = [];\n\n  private nextId = 0;\n\n  /**\n   * Adds a cursor to the cursor manager, and returns an identifier that can be\n   * used to remove the cursor.\n   *\n   * @param cursor The cursor to add.\n   * @param priority The priority of the cursor. Higher values have higher\n   * \tpriority over lower values.\n   * @returns An identifier for the cursor.\n   * @see {@link CursorManager.getActiveCursor} to query the current cursor.\n   */\n  public add(\n    cursor: Cursor,\n    priority = CursorManager.NORMAL_PRIORITY\n  ): Disposable {\n    // Ensure a duplicate cursor will not be added to the cursor manager.\n    // If a matching cursor exists, delete it before proceeding.\n    // Note that deleting the old cursor and adding the new one results in the\n    // new cursor taking precedent over other existing cursors with the same priority.\n    const duplicateCursor = this.getExistingDuplicateCursor(cursor, priority);\n    if (duplicateCursor != null) {\n      this.remove(duplicateCursor.id);\n    }\n\n    const id = ++this.nextId;\n    const instance = { id, cursor, priority, dispose: () => this.remove(id) };\n    this.cursors.push(instance);\n    this.onChanged.emit();\n    return instance;\n  }\n\n  /**\n   * Removes a cursor with the given ID, if it exists.\n   *\n   * @param cursorId The ID of the cursor to remove.\n   */\n  private remove(cursorId: number): void {\n    const index = this.cursors.findIndex(({ id }) => id === cursorId);\n    if (index >= 0) {\n      this.cursors.splice(index, 1);\n      this.onChanged.emit();\n    }\n  }\n\n  /**\n   * Checks to see if an existing cursor matches the provided cursor and priority level.\n   * The matching cursor is returned if found.\n   *\n   * @param cursorToCheck The cursor to check for duplicates against.\n   * @param priorityToCheck The priority level to check for duplicates against.\n   */\n  private getExistingDuplicateCursor(\n    cursorToCheck: Cursor,\n    priorityToCheck: number\n  ): CursorInstance | undefined {\n    return this.cursors.find(\n      (cursor) =>\n        cursor.cursor === cursorToCheck && cursor.priority === priorityToCheck\n    );\n  }\n\n  /**\n   * Returns the active cursor based on priority and insertion order.\n   *\n   * @see {@link CursorManager.add} to add a cursor.\n   */\n  public getActiveCursor(): Cursor | undefined {\n    const sorted = this.cursors\n      .concat()\n      .reverse()\n      .sort((a, b) => b.priority - a.priority);\n\n    return sorted[0]?.cursor;\n  }\n}\n\n// CSS SVG images need to be URL encoded: https://yoksel.github.io/url-encoder/\n\nexport const measurementCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' stroke='%23fff' stroke-width='1.25' stroke-opacity='0.5' stroke-miterlimit='10' shape-rendering='crispEdges'/%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' shape-rendering='crispEdges'/%3E%3C/svg%3E\",\n  offsetX: -24,\n  offsetY: -24,\n};\n\nexport const measurementWithArrowCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath class='cls-2' d='M1,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.08,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E%3Cpath class='cls-3' d='M8.75,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3C/svg%3E\",\n  offsetX: -30,\n  offsetY: -30,\n};\n\nexport const pinCursor = {\n  url: \"data:image/svg+xml,%3Csvg width='36px' height='36px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12,2 C7.581722,2 4,5.581722 4,10 C4.00435812,11.7714969 4.41127263,13.5188357 5.19,15.11 C6.15517666,17.0237439 7.49502409,18.7240579 9.13,20.11 C9.86916736,20.7592093 10.6620019,21.3446357 11.5,21.86 L12,22.14 L12.5,21.86 C13.8750156,21.0120029 15.1296156,19.9827599 16.23,18.8 C17.2698142,17.7023203 18.1394508,16.4551671 18.81,15.1 C19.5872532,13.5118707 19.9941287,11.7681184 20,10 C20,5.581722 16.418278,2 12,2 Z M12,13 C10.3431458,13 9,11.6568542 9,10 C9,8.34314575 10.3431458,7 12,7 C13.6568542,7 15,8.34314575 15,10 C15,10.7956495 14.6839295,11.5587112 14.1213203,12.1213203 C13.5587112,12.6839295 12.7956495,13 12,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='icons/pin-filled' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Shape' stroke='%23FAFAFA' fill='%23BDBDBD' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/svg%3E\",\n  offsetX: 17,\n  offsetY: 32,\n};\n\nexport const labelPinCursor = {\n  url: \"data:image/svg+xml,%3Csvg width='36px' height='36px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 24' %3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23616161;%7D.cls-3%7Bclip-path:url(%23clip-path);%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Ccircle cx='-576.76' cy='-107.26' r='4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath  d='M8,16H8a.48.48,0,0,1-.42-.23L5.75,13H3.51A1.5,1.5,0,0,1,2,11.5v-8A1.5,1.5,0,0,1,3.51,2h9A1.51,1.51,0,0,1,14,3.5v8a1.5,1.5,0,0,1-1.5,1.5H10.22L8.39,15.81A.5.5,0,0,1,8,16ZM3.51,3a.5.5,0,0,0-.5.5v8a.5.5,0,0,0,.5.5H6a.5.5,0,0,1,.42.23L8,14.61l1.55-2.38A.5.5,0,0,1,10,12h2.56a.5.5,0,0,0,.5-.5v-8a.51.51,0,0,0-.5-.5Z'/%3E%3Ccircle cx='8.01' cy='20' r='2'/%3E%3C/svg%3E%0A\",\n  offsetX: 17,\n  offsetY: 29,\n};\n\nexport const boxQueryCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M1.25,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.33,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E  %3Cpath class='cls-3' d='M9,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2.25,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3Cpath class='cls-1' d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E  %3Cpath d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E%3C/svg%3E\",\n  offsetX: -30,\n  offsetY: -30,\n};\n"],"mappings":";;;0CAwEaA,EAAb,WAAAC,GAuBkBC,KAAAC,UAAY,IAAIC,EAExBF,KAAAG,QAA4B,GAE5BH,KAAAI,OAAS,C,CAYV,GAAAC,CACLC,EACAC,EAAWT,EAAcU,iBAMzB,MAAMC,EAAkBT,KAAKU,2BAA2BJ,EAAQC,GAChE,GAAIE,GAAmB,KAAM,CAC3BT,KAAKW,OAAOF,EAAgBG,G,CAG9B,MAAMA,IAAOZ,KAAKI,OAClB,MAAMS,EAAW,CAAED,KAAIN,SAAQC,WAAUO,QAAS,IAAMd,KAAKW,OAAOC,IACpEZ,KAAKG,QAAQY,KAAKF,GAClBb,KAAKC,UAAUe,OACf,OAAOH,C,CAQD,MAAAF,CAAOM,GACb,MAAMC,EAAQlB,KAAKG,QAAQgB,WAAU,EAAGP,QAASA,IAAOK,IACxD,GAAIC,GAAS,EAAG,CACdlB,KAAKG,QAAQiB,OAAOF,EAAO,GAC3BlB,KAAKC,UAAUe,M,EAWX,0BAAAN,CACNW,EACAC,GAEA,OAAOtB,KAAKG,QAAQoB,MACjBjB,GACCA,EAAOA,SAAWe,GAAiBf,EAAOC,WAAae,G,CAStD,eAAAE,G,MACL,MAAMC,EAASzB,KAAKG,QACjBuB,SACAC,UACAC,MAAK,CAACC,EAAGC,IAAMA,EAAEvB,SAAWsB,EAAEtB,WAEjC,OAAOwB,EAAAN,EAAO,MAAE,MAAAM,SAAA,SAAAA,EAAEzB,M,EAhGGR,EAAAkC,aAAe,EAMflC,EAAAU,gBAAkB,GAKlBV,EAAAmC,cAAgB,GA2FlC,MAAMC,EAAoB,CAC/BC,IAAK,krBACLC,SAAS,GACTC,SAAS,IAGJ,MAAMC,EAA6B,CACxCH,IAAK,uiCACLC,SAAS,GACTC,SAAS,IAGJ,MAAME,EAAY,CACvBJ,IAAK,4oCACLC,QAAS,GACTC,QAAS,IAGJ,MAAMG,EAAiB,CAC5BL,IAAK,ovBACLC,QAAS,GACTC,QAAS,IAGJ,MAAMI,EAAiB,CAC5BN,IAAK,g1BACLC,SAAS,GACTC,SAAS,W","ignoreList":[]}
+{"version":3,"names":["CursorManager","constructor","this","onChanged","EventDispatcher","cursors","nextId","add","cursor","priority","NORMAL_PRIORITY","duplicateCursor","getExistingDuplicateCursor","remove","id","instance","dispose","push","emit","cursorId","index","findIndex","splice","cursorToCheck","priorityToCheck","find","getActiveCursor","sorted","concat","reverse","sort","a","b","_a","LOW_PRIORITY","HIGH_PRIORITY","measurementCursor","url","offsetX","offsetY","measurementWithArrowCursor","pinCursor","labelPinCursor","boxQueryCursor"],"sources":["src/lib/cursors.ts"],"sourcesContent":["import { Disposable, EventDispatcher } from '@vertexvis/utils';\n\n/**\n * Represents a built-in [browser CSS\n * cursor](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor).\n */\nexport type CssCursor =\n  | 'auto'\n  | 'default'\n  | 'none'\n  | 'context-menu'\n  | 'help'\n  | 'pointer'\n  | 'progress'\n  | 'wait'\n  | 'cell'\n  | 'crosshair'\n  | 'text'\n  | 'vertical-text'\n  | 'alias'\n  | 'copy'\n  | 'move'\n  | 'no-drop'\n  | 'not-allowed'\n  | 'grab'\n  | 'grabbing'\n  | 'all-scroll'\n  | 'col-resize'\n  | 'row-resize'\n  | 'n-resize'\n  | 'e-resize'\n  | 's-resize'\n  | 'w-resize'\n  | 'ne-resize'\n  | 'nw-resize'\n  | 'se-resize'\n  | 'sw-resize'\n  | 'ew-resize'\n  | 'ns-resize'\n  | 'nesw-resize'\n  | 'nwse-resize'\n  | 'zoom-in'\n  | 'zoom-out'\n  | string;\n\n/**\n * Represents a custom cursor that points to an image file and offset.\n */\nexport interface CustomCursor {\n  url: string;\n  offsetX?: number;\n  offsetY?: number;\n}\n\n/**\n * Represents all possible cursor types.\n */\nexport type Cursor = CssCursor | CustomCursor;\n\ninterface CursorInstance extends Disposable {\n  id: number;\n  cursor: Cursor;\n  priority: number;\n}\n\n/**\n * The cursor manager maintains a prioritized list of cursors for the viewer.\n *\n * Cursors with the highest priority will be considered active, where the most\n * recently added cursor will take precedence if there are multiple cursors with\n * the same priority.\n */\nexport class CursorManager {\n  /**\n   * A constant representing the lowest priority cursors.\n   */\n  public static readonly LOW_PRIORITY = 0;\n\n  /**\n   * A constant representing a priority between `LOW_PRIORITY` and\n   * `HIGH_PRIORITY`.\n   */\n  public static readonly NORMAL_PRIORITY = 10;\n\n  /**\n   * A constant representing the high priority cursors.\n   */\n  public static readonly HIGH_PRIORITY = 20;\n\n  /**\n   * An event dispatcher that emits an event when a cursor is added or removed.\n   *\n   * @see {@link CursorManager.add} to add a cursor.\n   * @see {@link CursorManager.getActiveCursor} to query the current cursor.\n   */\n  public readonly onChanged = new EventDispatcher<void>();\n\n  private cursors: CursorInstance[] = [];\n\n  private nextId = 0;\n\n  /**\n   * Adds a cursor to the cursor manager, and returns an identifier that can be\n   * used to remove the cursor.\n   *\n   * @param cursor The cursor to add.\n   * @param priority The priority of the cursor. Higher values have higher\n   * \tpriority over lower values.\n   * @returns An identifier for the cursor.\n   * @see {@link CursorManager.getActiveCursor} to query the current cursor.\n   */\n  public add(\n    cursor: Cursor,\n    priority = CursorManager.NORMAL_PRIORITY,\n  ): Disposable {\n    // Ensure a duplicate cursor will not be added to the cursor manager.\n    // If a matching cursor exists, delete it before proceeding.\n    // Note that deleting the old cursor and adding the new one results in the\n    // new cursor taking precedent over other existing cursors with the same priority.\n    const duplicateCursor = this.getExistingDuplicateCursor(cursor, priority);\n    if (duplicateCursor != null) {\n      this.remove(duplicateCursor.id);\n    }\n\n    const id = ++this.nextId;\n    const instance = { id, cursor, priority, dispose: () => this.remove(id) };\n    this.cursors.push(instance);\n    this.onChanged.emit();\n    return instance;\n  }\n\n  /**\n   * Removes a cursor with the given ID, if it exists.\n   *\n   * @param cursorId The ID of the cursor to remove.\n   */\n  private remove(cursorId: number): void {\n    const index = this.cursors.findIndex(({ id }) => id === cursorId);\n    if (index >= 0) {\n      this.cursors.splice(index, 1);\n      this.onChanged.emit();\n    }\n  }\n\n  /**\n   * Checks to see if an existing cursor matches the provided cursor and priority level.\n   * The matching cursor is returned if found.\n   *\n   * @param cursorToCheck The cursor to check for duplicates against.\n   * @param priorityToCheck The priority level to check for duplicates against.\n   */\n  private getExistingDuplicateCursor(\n    cursorToCheck: Cursor,\n    priorityToCheck: number,\n  ): CursorInstance | undefined {\n    return this.cursors.find(\n      (cursor) =>\n        cursor.cursor === cursorToCheck && cursor.priority === priorityToCheck,\n    );\n  }\n\n  /**\n   * Returns the active cursor based on priority and insertion order.\n   *\n   * @see {@link CursorManager.add} to add a cursor.\n   */\n  public getActiveCursor(): Cursor | undefined {\n    const sorted = this.cursors\n      .concat()\n      .reverse()\n      .sort((a, b) => b.priority - a.priority);\n\n    return sorted[0]?.cursor;\n  }\n}\n\n// CSS SVG images need to be URL encoded: https://yoksel.github.io/url-encoder/\n\nexport const measurementCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' stroke='%23fff' stroke-width='1.25' stroke-opacity='0.5' stroke-miterlimit='10' shape-rendering='crispEdges'/%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' shape-rendering='crispEdges'/%3E%3C/svg%3E\",\n  offsetX: -24,\n  offsetY: -24,\n};\n\nexport const measurementWithArrowCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath d='M27.46,21h-19a.5.5,0,0,0-.5.5v6a.5.5,0,0,0,.5.5h19a.5.5,0,0,0,.5-.5v-6A.5.5,0,0,0,27.46,21ZM27,27H9V22h3v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2v2.5a.5.5,0,0,0,1,0V22h2Z'/%3E%3Cpath class='cls-2' d='M1,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.08,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E%3Cpath class='cls-3' d='M8.75,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3C/svg%3E\",\n  offsetX: -30,\n  offsetY: -30,\n};\n\nexport const pinCursor = {\n  url: \"data:image/svg+xml,%3Csvg width='36px' height='36px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M12,2 C7.581722,2 4,5.581722 4,10 C4.00435812,11.7714969 4.41127263,13.5188357 5.19,15.11 C6.15517666,17.0237439 7.49502409,18.7240579 9.13,20.11 C9.86916736,20.7592093 10.6620019,21.3446357 11.5,21.86 L12,22.14 L12.5,21.86 C13.8750156,21.0120029 15.1296156,19.9827599 16.23,18.8 C17.2698142,17.7023203 18.1394508,16.4551671 18.81,15.1 C19.5872532,13.5118707 19.9941287,11.7681184 20,10 C20,5.581722 16.418278,2 12,2 Z M12,13 C10.3431458,13 9,11.6568542 9,10 C9,8.34314575 10.3431458,7 12,7 C13.6568542,7 15,8.34314575 15,10 C15,10.7956495 14.6839295,11.5587112 14.1213203,12.1213203 C13.5587112,12.6839295 12.7956495,13 12,13 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='icons/pin-filled' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Shape' stroke='%23FAFAFA' fill='%23BDBDBD' fill-rule='nonzero' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/svg%3E\",\n  offsetX: 17,\n  offsetY: 32,\n};\n\nexport const labelPinCursor = {\n  url: \"data:image/svg+xml,%3Csvg width='36px' height='36px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 24' %3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D.cls-2%7Bfill:%23616161;%7D.cls-3%7Bclip-path:url(%23clip-path);%7D%3C/style%3E%3CclipPath id='clip-path'%3E%3Ccircle cx='-576.76' cy='-107.26' r='4'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath  d='M8,16H8a.48.48,0,0,1-.42-.23L5.75,13H3.51A1.5,1.5,0,0,1,2,11.5v-8A1.5,1.5,0,0,1,3.51,2h9A1.51,1.51,0,0,1,14,3.5v8a1.5,1.5,0,0,1-1.5,1.5H10.22L8.39,15.81A.5.5,0,0,1,8,16ZM3.51,3a.5.5,0,0,0-.5.5v8a.5.5,0,0,0,.5.5H6a.5.5,0,0,1,.42.23L8,14.61l1.55-2.38A.5.5,0,0,1,10,12h2.56a.5.5,0,0,0,.5-.5v-8a.51.51,0,0,0-.5-.5Z'/%3E%3Ccircle cx='8.01' cy='20' r='2'/%3E%3C/svg%3E%0A\",\n  offsetX: 17,\n  offsetY: 29,\n};\n\nexport const boxQueryCursor = {\n  url: \"data:image/svg+xml;utf8,%3Csvg id='icons' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bstroke:%23fff;stroke-miterlimit:10;stroke-width:2px;%7D.cls-2%7Bfill:%23fff;%7D.cls-2,.cls-3%7Bfill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M1.25,17V1L12.59,12.62H5.81l-.41.12Z'/%3E%3Cpath class='cls-2' d='M10.33,17.69l-3.6,1.53L1.8,8.14,5.48,6.58Z'/%3E  %3Cpath class='cls-3' d='M9,17l-1.84.77-3.1-7.37,1.84-.78Z'/%3E%3Cpath class='cls-3' d='M2.25,3.41V14.6l3-2.87.43-.14h4.76Z'/%3E%3Cpath class='cls-1' d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E  %3Cpath d='M21.36,22.5H15.5V16.64a.5.5,0,0,0-1,0V22.5H8.64a.5.5,0,0,0,0,1H14.5v5.86a.5.5,0,0,0,1,0V23.5h5.86a.5.5,0,0,0,0-1Z' /%3E%3C/svg%3E\",\n  offsetX: -30,\n  offsetY: -30,\n};\n"],"mappings":";;;0CAwEaA,EAAb,WAAAC,GAuBkBC,KAAAC,UAAY,IAAIC,EAExBF,KAAAG,QAA4B,GAE5BH,KAAAI,OAAS,C,CAYV,GAAAC,CACLC,EACAC,EAAWT,EAAcU,iBAMzB,MAAMC,EAAkBT,KAAKU,2BAA2BJ,EAAQC,GAChE,GAAIE,GAAmB,KAAM,CAC3BT,KAAKW,OAAOF,EAAgBG,G,CAG9B,MAAMA,IAAOZ,KAAKI,OAClB,MAAMS,EAAW,CAAED,KAAIN,SAAQC,WAAUO,QAAS,IAAMd,KAAKW,OAAOC,IACpEZ,KAAKG,QAAQY,KAAKF,GAClBb,KAAKC,UAAUe,OACf,OAAOH,C,CAQD,MAAAF,CAAOM,GACb,MAAMC,EAAQlB,KAAKG,QAAQgB,WAAU,EAAGP,QAASA,IAAOK,IACxD,GAAIC,GAAS,EAAG,CACdlB,KAAKG,QAAQiB,OAAOF,EAAO,GAC3BlB,KAAKC,UAAUe,M,EAWX,0BAAAN,CACNW,EACAC,GAEA,OAAOtB,KAAKG,QAAQoB,MACjBjB,GACCA,EAAOA,SAAWe,GAAiBf,EAAOC,WAAae,G,CAStD,eAAAE,G,MACL,MAAMC,EAASzB,KAAKG,QACjBuB,SACAC,UACAC,MAAK,CAACC,EAAGC,IAAMA,EAAEvB,SAAWsB,EAAEtB,WAEjC,OAAOwB,EAAAN,EAAO,MAAE,MAAAM,SAAA,SAAAA,EAAEzB,M,EAhGGR,EAAAkC,aAAe,EAMflC,EAAAU,gBAAkB,GAKlBV,EAAAmC,cAAgB,GA2FlC,MAAMC,EAAoB,CAC/BC,IAAK,krBACLC,SAAS,GACTC,SAAS,IAGJ,MAAMC,EAA6B,CACxCH,IAAK,uiCACLC,SAAS,GACTC,SAAS,IAGJ,MAAME,EAAY,CACvBJ,IAAK,4oCACLC,QAAS,GACTC,QAAS,IAGJ,MAAMG,EAAiB,CAC5BL,IAAK,ovBACLC,QAAS,GACTC,QAAS,IAGJ,MAAMI,EAAiB,CAC5BN,IAAK,g1BACLC,SAAS,GACTC,SAAS,W","ignoreList":[]}

package/dist/components/p-B156bTbY.js

@@ -0,0 +1,5 @@
+/*!
+ * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
+ */
+import{t as e,p as t,H as i,h as s}from"./p-Bb32XUUS.js";import{p as n,a}from"./p-DDQcM-So.js";const r=()=>`:host{display:block;--viewer-measurement-line-stroke:var(--white);--viewer-measurement-line-stroke-opacity:0.75;--viewer-measurement-line-stroke-width:1.25px;--viewer-measurement-line-fill:var(--neutral-900);--viewer-measurement-line-fill-width:2px;--viewer-measurement-line-start-cap-visibility:initial;--viewer-measurement-line-end-cap-visibility:initial}svg{width:100%;height:100%}.line-stroke{stroke-width:calc(     var(--viewer-measurement-line-fill-width) +       var(--viewer-measurement-line-stroke-width)   );stroke:var(--viewer-measurement-line-stroke);opacity:var(--viewer-measurement-line-stroke-opacity)}.line-fill{stroke-width:var(--viewer-measurement-line-fill-width);stroke:var(--viewer-measurement-line-fill)}.start-cap{visibility:var(--viewer-measurement-line-start-cap-visibility)}.end-cap{visibility:var(--viewer-measurement-line-end-cap-visibility)}`;const c=t(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.start=n.create();this.end=n.create();this.capLength=0;this.pointerEvents="none"}render(){const e=a.fromPoints(this.start,this.end);const t=l(this.start,this.end,e,this.capLength);const i=l(this.start,this.end,e,this.capLength+1);return s("svg",{key:"323aa791a7c2bdc86782e2f8b760814d77be2425"},s("g",{key:"8cd508b94de3a13ffc310d3b473af23282f8a738",class:"line-stroke","pointer-events":this.pointerEvents},s("line",{key:"bac6d7aba6fd4291de05724f32d2fe98951d0689",class:"line",x1:this.start.x,y1:this.start.y,x2:this.end.x,y2:this.end.y}),s("line",{key:"1737e250c626425bd6957d999093f52554306f51",class:"start-cap",x1:i.startEndCap.start.x,y1:i.startEndCap.start.y,x2:i.startEndCap.end.x,y2:i.startEndCap.end.y}),s("line",{key:"493750b2fcfbddc3e3babfc49b021fba02137553",class:"end-cap",x1:i.endEndCap.start.x,y1:i.endEndCap.start.y,x2:i.endEndCap.end.x,y2:i.endEndCap.end.y})),s("g",{key:"12e2f699db1b0dfdea6dbc2c1c3ce59f18208f72",class:"line-fill","pointer-events":this.pointerEvents},s("line",{key:"df123676bd96bb1393c2650a17fbab7df314e543",class:"line",x1:this.start.x,y1:this.start.y,x2:this.end.x,y2:this.end.y}),s("line",{key:"8349df59c4a3bcb7b5c0be89f46e1088c9e4b76c",class:"start-cap",x1:t.startEndCap.start.x,y1:t.startEndCap.start.y,x2:t.startEndCap.end.x,y2:t.startEndCap.end.y}),s("line",{key:"2c3a122698d55e69c391cf859c8e5cd3a0b032f3",class:"end-cap",x1:t.endEndCap.start.x,y1:t.endEndCap.start.y,x2:t.endEndCap.end.x,y2:t.endEndCap.end.y})))}static get style(){return r()}},[1,"vertex-viewer-measurement-line",{start:[16],end:[16],capLength:[2,"cap-length"],pointerEvents:[1,"pointer-events"]}]);function l(e,t,i,s){return{startEndCap:d(e,i,s),endEndCap:d(t,i,s)}}function d(e,t,i){const s=t+Math.PI/2;const a=n.add(e,n.polar(i/2,s));const r=n.add(e,n.polar(i/2,s+Math.PI));return{start:a,end:r}}function m(){if(typeof customElements==="undefined"){return}const t=["vertex-viewer-measurement-line"];t.forEach((t=>{switch(t){case"vertex-viewer-measurement-line":if(!customElements.get(e(t))){customElements.define(e(t),c)}break}}))}m();export{c as V,m as d};
+//# sourceMappingURL=p-B156bTbY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["viewerMeasurementLineCss","ViewerMeasurementLine","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","start","Point","create","end","capLength","pointerEvents","render","angle","Angle","fromPoints","lineFillEndCaps","getEndCapPoints","lineStrokeEndCaps","h","key","class","x1","x","y1","y","x2","y2","startEndCap","endEndCap","length","getPerpendicularLine","pt","perpAngle","Math","PI","add","polar"],"sources":["src/components/viewer-measurement-line/viewer-measurement-line.css?tag=vertex-viewer-measurement-line&encapsulation=shadow","src/components/viewer-measurement-line/viewer-measurement-line.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  /**\n   * @prop --viewer-measurement-line-stroke: An SVG stroke that specifies the\n   * color stroke of the line.\n   */\n  --viewer-measurement-line-stroke: var(--white);\n\n  /**\n   * @prop --viewer-measurement-line-stroke-opacity: An SVG stroke that\n   * specifies the stroke opacity of the line.\n   */\n  --viewer-measurement-line-stroke-opacity: 0.75;\n\n  /**\n    * @prop --viewer-measurement-line-stroke-width: A CSS length that specifies\n    * the width of the stroke.\n    */\n  --viewer-measurement-line-stroke-width: 1.25px;\n\n  /**\n   * @prop --viewer-measurement-line-fill: An SVG stroke that specifies the\n   * color fill of the line.\n   */\n  --viewer-measurement-line-fill: var(--neutral-900);\n\n  /**\n   * @prop --viewer-measurement-line-fill-width: A CSS length that specifies\n   * the width of the fill.\n   */\n  --viewer-measurement-line-fill-width: 2px;\n\n  /**\n   * @prop --viewer-measurement-line-start-cap-visibility: An CSS visibility\n   * value for the cap at the start of the line.\n   */\n  --viewer-measurement-line-start-cap-visibility: initial;\n\n  /**\n   * @prop --viewer-measurement-line-end-cap-visibility: An CSS visibility value\n   * for the cap at the end of the line.\n   */\n  --viewer-measurement-line-end-cap-visibility: initial;\n}\n\nsvg {\n  width: 100%;\n  height: 100%;\n}\n\n.line-stroke {\n  stroke-width: calc(\n    var(--viewer-measurement-line-fill-width) +\n      var(--viewer-measurement-line-stroke-width)\n  );\n  stroke: var(--viewer-measurement-line-stroke);\n  opacity: var(--viewer-measurement-line-stroke-opacity);\n}\n\n.line-fill {\n  stroke-width: var(--viewer-measurement-line-fill-width);\n  stroke: var(--viewer-measurement-line-fill);\n}\n\n.start-cap {\n  visibility: var(--viewer-measurement-line-start-cap-visibility);\n}\n\n.end-cap {\n  visibility: var(--viewer-measurement-line-end-cap-visibility);\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { Angle, Point } from '@vertexvis/geometry';\n\n@Component({\n  tag: 'vertex-viewer-measurement-line',\n  styleUrl: 'viewer-measurement-line.css',\n  shadow: true,\n})\nexport class ViewerMeasurementLine {\n  /**\n   * A point that specifies the starting point of the line.\n   */\n  @Prop()\n  public start: Point.Point = Point.create();\n\n  /**\n   * A point that specifies the ending point of the line.\n   */\n  @Prop()\n  public end: Point.Point = Point.create();\n\n  /**\n   * A length of the line cap. The line cap is a line at each end of a line.\n   */\n  @Prop()\n  public capLength = 0;\n\n  /**\n   * The type of [SVG pointer\n   * events](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pointer-events)\n   * that the line should respond to.\n   */\n  @Prop()\n  public pointerEvents = 'none';\n\n  /**\n   * @ignore\n   */\n  protected render(): h.JSX.IntrinsicElements {\n    const angle = Angle.fromPoints(this.start, this.end);\n    const lineFillEndCaps = getEndCapPoints(\n      this.start,\n      this.end,\n      angle,\n      this.capLength,\n    );\n    const lineStrokeEndCaps = getEndCapPoints(\n      this.start,\n      this.end,\n      angle,\n      this.capLength + 1,\n    );\n\n    return (\n      <svg>\n        <g class=\"line-stroke\" pointer-events={this.pointerEvents}>\n          <line\n            class=\"line\"\n            x1={this.start.x}\n            y1={this.start.y}\n            x2={this.end.x}\n            y2={this.end.y}\n          />\n\n          <line\n            class=\"start-cap\"\n            x1={lineStrokeEndCaps.startEndCap.start.x}\n            y1={lineStrokeEndCaps.startEndCap.start.y}\n            x2={lineStrokeEndCaps.startEndCap.end.x}\n            y2={lineStrokeEndCaps.startEndCap.end.y}\n          />\n\n          <line\n            class=\"end-cap\"\n            x1={lineStrokeEndCaps.endEndCap.start.x}\n            y1={lineStrokeEndCaps.endEndCap.start.y}\n            x2={lineStrokeEndCaps.endEndCap.end.x}\n            y2={lineStrokeEndCaps.endEndCap.end.y}\n          />\n        </g>\n\n        <g class=\"line-fill\" pointer-events={this.pointerEvents}>\n          <line\n            class=\"line\"\n            x1={this.start.x}\n            y1={this.start.y}\n            x2={this.end.x}\n            y2={this.end.y}\n          />\n\n          <line\n            class=\"start-cap\"\n            x1={lineFillEndCaps.startEndCap.start.x}\n            y1={lineFillEndCaps.startEndCap.start.y}\n            x2={lineFillEndCaps.startEndCap.end.x}\n            y2={lineFillEndCaps.startEndCap.end.y}\n          />\n\n          <line\n            class=\"end-cap\"\n            x1={lineFillEndCaps.endEndCap.start.x}\n            y1={lineFillEndCaps.endEndCap.start.y}\n            x2={lineFillEndCaps.endEndCap.end.x}\n            y2={lineFillEndCaps.endEndCap.end.y}\n          />\n        </g>\n      </svg>\n    );\n  }\n}\n\ninterface EndCapPoints {\n  start: Point.Point;\n  end: Point.Point;\n}\n\ninterface LinePoints {\n  startEndCap: EndCapPoints;\n  endEndCap: EndCapPoints;\n}\n\nfunction getEndCapPoints(\n  start: Point.Point,\n  end: Point.Point,\n  angle: number,\n  length: number,\n): LinePoints {\n  return {\n    startEndCap: getPerpendicularLine(start, angle, length),\n    endEndCap: getPerpendicularLine(end, angle, length),\n  };\n}\n\nfunction getPerpendicularLine(\n  pt: Point.Point,\n  angle: number,\n  length: number,\n): { start: Point.Point; end: Point.Point } {\n  const perpAngle = angle + Math.PI / 2;\n  const start = Point.add(pt, Point.polar(length / 2, perpAngle));\n  const end = Point.add(pt, Point.polar(length / 2, perpAngle + Math.PI));\n  return { start, end };\n}\n"],"mappings":";;;+FAAA,MAAMA,EAA2B,IAAM,y2B,MCQ1BC,EAAqBC,EAAA,MAAAD,UAAAE,EALlC,WAAAC,CAAAC,G,kEAUSC,KAAAC,MAAqBC,EAAMC,SAM3BH,KAAAI,IAAmBF,EAAMC,SAMzBH,KAAAK,UAAY,EAQZL,KAAAM,cAAgB,MA4ExB,CAvEW,MAAAC,GACR,MAAMC,EAAQC,EAAMC,WAAWV,KAAKC,MAAOD,KAAKI,KAChD,MAAMO,EAAkBC,EACtBZ,KAAKC,MACLD,KAAKI,IACLI,EACAR,KAAKK,WAEP,MAAMQ,EAAoBD,EACxBZ,KAAKC,MACLD,KAAKI,IACLI,EACAR,KAAKK,UAAY,GAGnB,OACES,EAAA,OAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CAAGC,MAAM,cAAa,iBAAiBhB,KAAKM,eAC1CQ,EAAA,QAAAC,IAAA,2CACEC,MAAM,OACNC,GAAIjB,KAAKC,MAAMiB,EACfC,GAAInB,KAAKC,MAAMmB,EACfC,GAAIrB,KAAKI,IAAIc,EACbI,GAAItB,KAAKI,IAAIgB,IAGfN,EAAA,QAAAC,IAAA,2CACEC,MAAM,YACNC,GAAIJ,EAAkBU,YAAYtB,MAAMiB,EACxCC,GAAIN,EAAkBU,YAAYtB,MAAMmB,EACxCC,GAAIR,EAAkBU,YAAYnB,IAAIc,EACtCI,GAAIT,EAAkBU,YAAYnB,IAAIgB,IAGxCN,EAAA,QAAAC,IAAA,2CACEC,MAAM,UACNC,GAAIJ,EAAkBW,UAAUvB,MAAMiB,EACtCC,GAAIN,EAAkBW,UAAUvB,MAAMmB,EACtCC,GAAIR,EAAkBW,UAAUpB,IAAIc,EACpCI,GAAIT,EAAkBW,UAAUpB,IAAIgB,KAIxCN,EAAA,KAAAC,IAAA,2CAAGC,MAAM,YAAW,iBAAiBhB,KAAKM,eACxCQ,EAAA,QAAAC,IAAA,2CACEC,MAAM,OACNC,GAAIjB,KAAKC,MAAMiB,EACfC,GAAInB,KAAKC,MAAMmB,EACfC,GAAIrB,KAAKI,IAAIc,EACbI,GAAItB,KAAKI,IAAIgB,IAGfN,EAAA,QAAAC,IAAA,2CACEC,MAAM,YACNC,GAAIN,EAAgBY,YAAYtB,MAAMiB,EACtCC,GAAIR,EAAgBY,YAAYtB,MAAMmB,EACtCC,GAAIV,EAAgBY,YAAYnB,IAAIc,EACpCI,GAAIX,EAAgBY,YAAYnB,IAAIgB,IAGtCN,EAAA,QAAAC,IAAA,2CACEC,MAAM,UACNC,GAAIN,EAAgBa,UAAUvB,MAAMiB,EACpCC,GAAIR,EAAgBa,UAAUvB,MAAMmB,EACpCC,GAAIV,EAAgBa,UAAUpB,IAAIc,EAClCI,GAAIX,EAAgBa,UAAUpB,IAAIgB,K,2JAkB9C,SAASR,EACPX,EACAG,EACAI,EACAiB,GAEA,MAAO,CACLF,YAAaG,EAAqBzB,EAAOO,EAAOiB,GAChDD,UAAWE,EAAqBtB,EAAKI,EAAOiB,GAEhD,CAEA,SAASC,EACPC,EACAnB,EACAiB,GAEA,MAAMG,EAAYpB,EAAQqB,KAAKC,GAAK,EACpC,MAAM7B,EAAQC,EAAM6B,IAAIJ,EAAIzB,EAAM8B,MAAMP,EAAS,EAAGG,IACpD,MAAMxB,EAAMF,EAAM6B,IAAIJ,EAAIzB,EAAM8B,MAAMP,EAAS,EAAGG,EAAYC,KAAKC,KACnE,MAAO,CAAE7B,QAAOG,MAClB,C","ignoreList":[]}