@vertexvis/viewer 0.19.0-canary.3 → 0.19.0

package/dist/viewer/{p-3d2d8431.entry.js.map → p-e735e66c.entry.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["src/lib/walk-mode/dom.ts","src/lib/walk-mode/interactions.ts","src/components/viewer-walk-mode-tool/viewer-walk-mode-tool.css?tag=vertex-viewer-walk-mode-tool&encapsulation=shadow","src/components/viewer-walk-mode-tool/viewer-walk-mode-tool.tsx"],"names":["targetIsElement","target","Element","WalkInteractionHandler","[object Object]","model","this","pressed","handleKeyUp","async","event","key","toLocaleLowerCase","Object","keys","filter","k","reduce","assign","length","interval","endInteraction","clearInterval","_a","api","handleKeyDown","bind","handleEnabledChange","restartInteraction","updateCamera","handlers","ViewerWalkModeOperation","MOVE_DOWN","moveDown","MOVE_UP","moveUp","PIVOT_DOWN","pivotDown","PIVOT_LEFT","pivotLeft","PIVOT_RIGHT","pivotRight","PIVOT_UP","pivotUp","WALK_BACKWARD","walkBackward","WALK_FORWARD","walkForward","WALK_LEFT","walkLeft","WALK_RIGHT","walkRight","enabledChangeDisposable","onEnabledChange","keyBindingsChangeDisposable","onKeyBindingsChange","configurationChangeDisposable","onConfigurationChange","disable","dispose","_b","_c","window","removeEventListener","_","getEnabled","addEventListener","toLowerCase","exclude","isElementExcluded","repeat","tryBeginInteraction","enabled","enable","someOperationMatches","beginInteraction","isInteracting","setInterval","getKeyboardRepeatInterval","undefined","forEach","op","operationMatches","some","pivotCamera","getKeyboardPivotDegrees","walk","Vector3","scale","relativeWalkSpeed","forward","back","left","right","down","up","getKeyboardWalkSpeed","viewerWalkModeToolCss","ViewerWalkModeTool","hostRef","WalkModeModel","stateMap","setupController","setupInteractionHandler","ensureTeleportToolConfigured","updateTeleportTool","setPivotInteractionMode","clearInteractionHandler","resetInteractionMode","controller","setEnabled","toggleInteractionMode","controllerChanged","emit","h","Host","name","onSlotchange","WalkModeController","updateModel","interactionHandlerDisposable","interactionHandler","viewer","registerInteractionHandler","hostEl","slotted","querySelector","slottedTeleportTool","tagName","teleportTool","slot","_e","_d","shadowRoot","document","createElement","appendChild","mode","teleportMode","baseInteractionHandler","getBaseInteractionHandler","interactionType","getPrimaryInteractionType","previousPrimaryInteractionType","setPrimaryInteractionType"],"mappings":"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","sourcesContent":["export function targetIsElement(target: EventTarget | null): target is Element {\n  return target instanceof Element;\n}\n","import { Vector3 } from '@vertexvis/geometry';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { InteractionApiPerspective, InteractionHandler } from '../interactions';\nimport { targetIsElement } from './dom';\nimport { ViewerWalkModeOperation, WalkModeModel } from './model';\n\nexport class WalkInteractionHandler implements InteractionHandler {\n  private api?: InteractionApiPerspective;\n\n  private interval?: NodeJS.Timer;\n  private pressed: Record<string, boolean> = {};\n  private handlers: Record<ViewerWalkModeOperation, VoidFunction>;\n\n  private enabledChangeDisposable?: Disposable;\n  private keyBindingsChangeDisposable?: Disposable;\n  private configurationChangeDisposable?: Disposable;\n\n  public constructor(private model: WalkModeModel) {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleKeyUp = this.handleKeyUp.bind(this);\n    this.handleEnabledChange = this.handleEnabledChange.bind(this);\n    this.restartInteraction = this.restartInteraction.bind(this);\n    this.updateCamera = this.updateCamera.bind(this);\n\n    this.handlers = {\n      [ViewerWalkModeOperation.MOVE_DOWN]: this.moveDown.bind(this),\n      [ViewerWalkModeOperation.MOVE_UP]: this.moveUp.bind(this),\n      [ViewerWalkModeOperation.PIVOT_DOWN]: this.pivotDown.bind(this),\n      [ViewerWalkModeOperation.PIVOT_LEFT]: this.pivotLeft.bind(this),\n      [ViewerWalkModeOperation.PIVOT_RIGHT]: this.pivotRight.bind(this),\n      [ViewerWalkModeOperation.PIVOT_UP]: this.pivotUp.bind(this),\n      [ViewerWalkModeOperation.WALK_BACKWARD]: this.walkBackward.bind(this),\n      [ViewerWalkModeOperation.WALK_FORWARD]: this.walkForward.bind(this),\n      [ViewerWalkModeOperation.WALK_LEFT]: this.walkLeft.bind(this),\n      [ViewerWalkModeOperation.WALK_RIGHT]: this.walkRight.bind(this),\n    };\n\n    this.enabledChangeDisposable = this.model.onEnabledChange(\n      this.handleEnabledChange\n    );\n    this.keyBindingsChangeDisposable = this.model.onKeyBindingsChange(\n      this.restartInteraction\n    );\n    this.configurationChangeDisposable = this.model.onConfigurationChange(\n      this.restartInteraction\n    );\n  }\n\n  public dispose(): void {\n    this.disable();\n    this.enabledChangeDisposable?.dispose();\n    this.keyBindingsChangeDisposable?.dispose();\n    this.configurationChangeDisposable?.dispose();\n\n    window.removeEventListener('keydown', this.handleKeyDown);\n    window.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  public initialize(_: HTMLElement, api: InteractionApiPerspective): void {\n    this.api = api;\n\n    this.handleEnabledChange(this.model.getEnabled());\n  }\n\n  public enable(): void {\n    this.disable();\n\n    window.addEventListener('keydown', this.handleKeyDown);\n    window.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  public disable(): void {\n    window.removeEventListener('keydown', this.handleKeyDown);\n    window.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    const key = event.key.toLowerCase();\n\n    const exclude =\n      targetIsElement(event.target) &&\n      this.model.isElementExcluded(event.target);\n\n    if (!event.repeat && !exclude) {\n      this.pressed = { ...this.pressed, [key]: true };\n\n      this.tryBeginInteraction();\n    }\n  }\n\n  private handleKeyUp = async (event: KeyboardEvent): Promise<void> => {\n    const key = event.key.toLocaleLowerCase();\n\n    this.pressed = Object.keys(this.pressed)\n      .filter((k) => k !== key)\n      .reduce((pressed, k) => ({ ...pressed, [k]: true }), {});\n\n    if (Object.keys(this.pressed).length === 0 && this.interval != null) {\n      this.endInteraction();\n    }\n  };\n\n  private handleEnabledChange(enabled: boolean): void {\n    if (enabled) {\n      this.enable();\n    } else {\n      this.disable();\n    }\n  }\n\n  private restartInteraction(): void {\n    this.clearInterval();\n    this.tryBeginInteraction();\n  }\n\n  private tryBeginInteraction(): void {\n    if (Object.keys(this.pressed).length > 0 && this.someOperationMatches()) {\n      this.beginInteraction();\n    }\n  }\n\n  private beginInteraction(): void {\n    if (!this.api?.isInteracting()) {\n      this.api?.beginInteraction();\n    }\n\n    if (this.interval == null) {\n      this.interval = setInterval(\n        this.updateCamera,\n        this.model.getKeyboardRepeatInterval()\n      );\n    }\n  }\n\n  private endInteraction = async (): Promise<void> => {\n    this.clearInterval();\n    await this.api?.endInteraction();\n  };\n\n  private clearInterval(): void {\n    if (this.interval != null) {\n      clearInterval(this.interval);\n      this.interval = undefined;\n    }\n  }\n\n  private updateCamera(): void {\n    Object.keys(this.handlers).forEach((key) => {\n      const op = key as ViewerWalkModeOperation;\n\n      if (this.model.operationMatches(op, this.pressed)) {\n        this.handlers[op]();\n      }\n    });\n  }\n\n  private someOperationMatches(): boolean {\n    return Object.keys(this.handlers).some((op) =>\n      this.model.operationMatches(op as ViewerWalkModeOperation, this.pressed)\n    );\n  }\n\n  private pivotLeft(): void {\n    this.api?.pivotCamera(0, this.model.getKeyboardPivotDegrees());\n  }\n\n  private pivotRight(): void {\n    this.api?.pivotCamera(0, -this.model.getKeyboardPivotDegrees());\n  }\n\n  private pivotUp(): void {\n    this.api?.pivotCamera(-this.model.getKeyboardPivotDegrees(), 0);\n  }\n\n  private pivotDown(): void {\n    this.api?.pivotCamera(this.model.getKeyboardPivotDegrees(), 0);\n  }\n\n  private walkForward(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.forward()));\n  }\n\n  private walkBackward(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.back()));\n  }\n\n  private walkLeft(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.left()));\n  }\n\n  private walkRight(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.right()));\n  }\n\n  private moveUp(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.down()));\n  }\n\n  private moveDown(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.up()));\n  }\n\n  private relativeWalkSpeed(): number {\n    return this.model.getKeyboardWalkSpeed() / 500;\n  }\n}\n",":host {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { InteractionType } from '../../lib/interactions/baseInteractionHandler';\nimport { WalkModeController } from '../../lib/walk-mode/controller';\nimport { WalkInteractionHandler } from '../../lib/walk-mode/interactions';\nimport { ViewerTeleportMode, WalkModeModel } from '../../lib/walk-mode/model';\n\ninterface StateMap {\n  teleportTool?: HTMLVertexViewerTeleportToolElement;\n  previousPrimaryInteractionType?: InteractionType;\n}\n\n/**\n * The `<vertex-viewer-walk-mode-tool>` allows for additional interactions\n * intended for walking through a model instead of orbiting a model.\n */\n@Component({\n  tag: 'vertex-viewer-walk-mode-tool',\n  styleUrl: 'viewer-walk-mode-tool.css',\n  shadow: true,\n})\nexport class ViewerWalkModeTool {\n  /**\n   * The viewer that this component is bound to. This is automatically assigned\n   * if added to the light-dom of a parent viewer element.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The `WalkModeController` responsible for controlling `KeyBinding`s and excluded\n   * elements, as well as updating the `WalkModeModel` with various configuration\n   * settings.\n   */\n  @Prop({ mutable: true })\n  public controller?: WalkModeController;\n\n  /**\n   * The `WalkModeModel` responsible for tracking configuration and emitting\n   * events for interaction handlers to respond to.\n   */\n  @Prop({ mutable: true })\n  public model: WalkModeModel = new WalkModeModel();\n\n  /**\n   * The type of teleportation to perform when clicking. This value is passed through\n   * to a `<vertex-viewer-teleport-tool>`'s mode attribute.\n   *\n   * `teleport` - the camera's `position` is moved to the location of the hit result\n   * constrained by the plane represented by the camera's current `position` and `up`\n   * vectors.\n   *\n   * `teleport-and-align` - the camera's `position`, `lookAt`, and `up` vectors are updated\n   * to align to the plane represented by the hit result's position and normal.\n   *\n   * `undefined` - no teleportation will occur when clicking.\n   *\n   * Defaults to `undefined`.\n   */\n  @Prop()\n  public teleportMode?: ViewerTeleportMode;\n\n  /**\n   * Determines whether the interaction handlers for this tool should respond to events.\n   * When set to `true`, the default viewer interaction mode will be overridden to use the\n   * `pivot` camera interaction type, keyboard controls for movement will be added, and\n   * setting the `teleportMode` will enable the tool.\n   *\n   * Defaults to `true`.\n   */\n  @Prop()\n  public enabled = true;\n\n  /**\n   * Event emitted when the `WalkModeController` associated with this tool changes.\n   */\n  @Event()\n  public controllerChanged!: EventEmitter<WalkModeController>;\n\n  @Element()\n  private hostEl?: HTMLElement;\n\n  private interactionHandlerDisposable?: Disposable;\n  private interactionHandler?: WalkInteractionHandler;\n\n  private stateMap: StateMap = {};\n\n  /**\n   * @ignore\n   */\n  protected componentWillLoad(): void {\n    this.setupController();\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  protected async componentDidLoad(): Promise<void> {\n    await this.ensureTeleportToolConfigured();\n    this.updateTeleportTool();\n    await this.setPivotInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  protected connectedCallback(): void {\n    this.setupInteractionHandler();\n    this.setPivotInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  protected disconnectedCallback(): void {\n    this.clearInteractionHandler();\n    this.resetInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('enabled')\n  protected handleEnabledChanged(): void {\n    this.controller?.setEnabled(this.enabled);\n    this.toggleInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(): void {\n    this.clearInteractionHandler();\n    this.setupInteractionHandler();\n    this.updateTeleportTool();\n    this.toggleInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('teleportMode')\n  protected handleTeleportModeChanged(): void {\n    this.updateTeleportTool();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('controller')\n  protected handleControllerChanged(): void {\n    this.updateTeleportTool();\n    this.controllerChanged.emit(this.controller);\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('model')\n  protected handleModelChanged(): void {\n    this.setupController();\n    this.clearInteractionHandler();\n    this.setupInteractionHandler();\n  }\n\n  protected render(): JSX.Element {\n    return (\n      <Host>\n        <slot\n          name=\"teleport-tool\"\n          onSlotchange={async () => {\n            await this.ensureTeleportToolConfigured();\n            this.updateTeleportTool();\n          }}\n        ></slot>\n      </Host>\n    );\n  }\n\n  private setupController(): void {\n    if (this.controller == null) {\n      this.controller = new WalkModeController(this.model);\n      this.controllerChanged.emit(this.controller);\n    } else {\n      this.controller.updateModel(this.model);\n    }\n  }\n\n  private clearInteractionHandler(): void {\n    this.interactionHandlerDisposable?.dispose();\n    this.interactionHandlerDisposable = undefined;\n    this.interactionHandler?.dispose();\n    this.interactionHandler = undefined;\n  }\n\n  private async setupInteractionHandler(): Promise<void> {\n    if (this.interactionHandler == null) {\n      this.interactionHandler = new WalkInteractionHandler(this.model);\n\n      this.interactionHandlerDisposable =\n        await this.viewer?.registerInteractionHandler(this.interactionHandler);\n    }\n  }\n\n  private async ensureTeleportToolConfigured(): Promise<void> {\n    if (this.hostEl != null) {\n      const slotted: Element | undefined =\n        this.hostEl?.querySelector(\n          'vertex-viewer-teleport-tool[slot=\"teleport-tool\"]'\n        ) ?? undefined;\n      const slottedTeleportTool =\n        slotted?.tagName === 'VERTEX-VIEWER-TELEPORT-TOOL'\n          ? (slotted as HTMLVertexViewerTeleportToolElement)\n          : undefined;\n\n      if (slottedTeleportTool != null) {\n        this.stateMap.teleportTool = slottedTeleportTool;\n      } else {\n        const slot: HTMLSlotElement | undefined =\n          this.hostEl?.shadowRoot?.querySelector(\n            'slot[name=\"teleport-tool\"]'\n          ) ?? undefined;\n\n        this.stateMap.teleportTool = document.createElement(\n          'vertex-viewer-teleport-tool'\n        );\n        slot?.appendChild(this.stateMap.teleportTool);\n      }\n    }\n  }\n\n  private updateTeleportTool(): void {\n    if (this.stateMap.teleportTool != null) {\n      this.stateMap.teleportTool.viewer = this.viewer;\n      this.stateMap.teleportTool.controller = this.controller;\n      this.stateMap.teleportTool.model = this.model;\n      this.stateMap.teleportTool.mode = this.teleportMode;\n    }\n  }\n\n  private toggleInteractionMode(): void {\n    if (this.enabled) {\n      this.setPivotInteractionMode();\n    } else {\n      this.resetInteractionMode();\n    }\n  }\n\n  private async setPivotInteractionMode(): Promise<void> {\n    const baseInteractionHandler =\n      await this.viewer?.getBaseInteractionHandler();\n\n    if (this.enabled && baseInteractionHandler != null) {\n      const interactionType =\n        baseInteractionHandler.getPrimaryInteractionType();\n      this.stateMap.previousPrimaryInteractionType =\n        interactionType === 'pivot'\n          ? this.stateMap.previousPrimaryInteractionType\n          : interactionType;\n      baseInteractionHandler.setPrimaryInteractionType('pivot');\n    }\n  }\n\n  private async resetInteractionMode(): Promise<void> {\n    const baseInteractionHandler =\n      await this.viewer?.getBaseInteractionHandler();\n\n    if (\n      baseInteractionHandler != null &&\n      baseInteractionHandler.getPrimaryInteractionType() === 'pivot' &&\n      this.stateMap.previousPrimaryInteractionType != null\n    ) {\n      baseInteractionHandler.setPrimaryInteractionType(\n        this.stateMap.previousPrimaryInteractionType\n      );\n      this.stateMap.previousPrimaryInteractionType = undefined;\n    }\n  }\n}\n"]}
+{"version":3,"sources":["src/lib/walk-mode/dom.ts","src/lib/walk-mode/interactions.ts","src/components/viewer-walk-mode-tool/viewer-walk-mode-tool.css?tag=vertex-viewer-walk-mode-tool&encapsulation=shadow","src/components/viewer-walk-mode-tool/viewer-walk-mode-tool.tsx"],"names":["targetIsElement","target","Element","WalkInteractionHandler","[object Object]","model","this","pressed","handleKeyUp","async","event","key","toLocaleLowerCase","Object","keys","filter","k","reduce","assign","length","interval","endInteraction","clearInterval","_a","api","handleKeyDown","bind","handleEnabledChange","restartInteraction","updateCamera","handlers","ViewerWalkModeOperation","MOVE_DOWN","moveDown","MOVE_UP","moveUp","PIVOT_DOWN","pivotDown","PIVOT_LEFT","pivotLeft","PIVOT_RIGHT","pivotRight","PIVOT_UP","pivotUp","WALK_BACKWARD","walkBackward","WALK_FORWARD","walkForward","WALK_LEFT","walkLeft","WALK_RIGHT","walkRight","enabledChangeDisposable","onEnabledChange","keyBindingsChangeDisposable","onKeyBindingsChange","configurationChangeDisposable","onConfigurationChange","disable","dispose","_b","_c","window","removeEventListener","_","getEnabled","addEventListener","toLowerCase","exclude","isElementExcluded","repeat","tryBeginInteraction","enabled","enable","someOperationMatches","beginInteraction","isInteracting","setInterval","getKeyboardRepeatInterval","undefined","forEach","op","operationMatches","some","pivotCamera","getKeyboardPivotDegrees","walk","Vector3","scale","relativeWalkSpeed","forward","back","left","right","down","up","getKeyboardWalkSpeed","viewerWalkModeToolCss","ViewerWalkModeTool","hostRef","WalkModeModel","stateMap","setupController","setupInteractionHandler","ensureTeleportToolConfigured","updateTeleportTool","setPivotInteractionMode","clearInteractionHandler","resetInteractionMode","controller","setEnabled","toggleInteractionMode","controllerChanged","emit","h","Host","name","onSlotchange","WalkModeController","updateModel","interactionHandlerDisposable","interactionHandler","viewer","registerInteractionHandler","hostEl","slotted","querySelector","slottedTeleportTool","tagName","teleportTool","slot","_e","_d","shadowRoot","document","createElement","appendChild","mode","teleportMode","baseInteractionHandler","getBaseInteractionHandler","interactionType","getPrimaryInteractionType","previousPrimaryInteractionType","setPrimaryInteractionType"],"mappings":"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","sourcesContent":["export function targetIsElement(target: EventTarget | null): target is Element {\n  return target instanceof Element;\n}\n","import { Vector3 } from '@vertexvis/geometry';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { InteractionApiPerspective, InteractionHandler } from '../interactions';\nimport { targetIsElement } from './dom';\nimport { ViewerWalkModeOperation, WalkModeModel } from './model';\n\nexport class WalkInteractionHandler implements InteractionHandler {\n  private api?: InteractionApiPerspective;\n\n  private interval?: NodeJS.Timer;\n  private pressed: Record<string, boolean> = {};\n  private handlers: Record<ViewerWalkModeOperation, VoidFunction>;\n\n  private enabledChangeDisposable?: Disposable;\n  private keyBindingsChangeDisposable?: Disposable;\n  private configurationChangeDisposable?: Disposable;\n\n  public constructor(private model: WalkModeModel) {\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleKeyUp = this.handleKeyUp.bind(this);\n    this.handleEnabledChange = this.handleEnabledChange.bind(this);\n    this.restartInteraction = this.restartInteraction.bind(this);\n    this.updateCamera = this.updateCamera.bind(this);\n\n    this.handlers = {\n      [ViewerWalkModeOperation.MOVE_DOWN]: this.moveDown.bind(this),\n      [ViewerWalkModeOperation.MOVE_UP]: this.moveUp.bind(this),\n      [ViewerWalkModeOperation.PIVOT_DOWN]: this.pivotDown.bind(this),\n      [ViewerWalkModeOperation.PIVOT_LEFT]: this.pivotLeft.bind(this),\n      [ViewerWalkModeOperation.PIVOT_RIGHT]: this.pivotRight.bind(this),\n      [ViewerWalkModeOperation.PIVOT_UP]: this.pivotUp.bind(this),\n      [ViewerWalkModeOperation.WALK_BACKWARD]: this.walkBackward.bind(this),\n      [ViewerWalkModeOperation.WALK_FORWARD]: this.walkForward.bind(this),\n      [ViewerWalkModeOperation.WALK_LEFT]: this.walkLeft.bind(this),\n      [ViewerWalkModeOperation.WALK_RIGHT]: this.walkRight.bind(this),\n    };\n\n    this.enabledChangeDisposable = this.model.onEnabledChange(\n      this.handleEnabledChange\n    );\n    this.keyBindingsChangeDisposable = this.model.onKeyBindingsChange(\n      this.restartInteraction\n    );\n    this.configurationChangeDisposable = this.model.onConfigurationChange(\n      this.restartInteraction\n    );\n  }\n\n  public dispose(): void {\n    this.disable();\n    this.enabledChangeDisposable?.dispose();\n    this.keyBindingsChangeDisposable?.dispose();\n    this.configurationChangeDisposable?.dispose();\n\n    window.removeEventListener('keydown', this.handleKeyDown);\n    window.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  public initialize(_: HTMLElement, api: InteractionApiPerspective): void {\n    this.api = api;\n\n    this.handleEnabledChange(this.model.getEnabled());\n  }\n\n  public enable(): void {\n    this.disable();\n\n    window.addEventListener('keydown', this.handleKeyDown);\n    window.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  public disable(): void {\n    window.removeEventListener('keydown', this.handleKeyDown);\n    window.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  private handleKeyDown(event: KeyboardEvent): void {\n    const key = event.key.toLowerCase();\n\n    const exclude =\n      targetIsElement(event.target) &&\n      this.model.isElementExcluded(event.target);\n\n    if (!event.repeat && !exclude) {\n      this.pressed = { ...this.pressed, [key]: true };\n\n      this.tryBeginInteraction();\n    }\n  }\n\n  private handleKeyUp = async (event: KeyboardEvent): Promise<void> => {\n    const key = event.key.toLocaleLowerCase();\n\n    this.pressed = Object.keys(this.pressed)\n      .filter((k) => k !== key)\n      .reduce((pressed, k) => ({ ...pressed, [k]: true }), {});\n\n    if (Object.keys(this.pressed).length === 0 && this.interval != null) {\n      this.endInteraction();\n    }\n  };\n\n  private handleEnabledChange(enabled: boolean): void {\n    if (enabled) {\n      this.enable();\n    } else {\n      this.disable();\n    }\n  }\n\n  private restartInteraction(): void {\n    this.clearInterval();\n    this.tryBeginInteraction();\n  }\n\n  private tryBeginInteraction(): void {\n    if (Object.keys(this.pressed).length > 0 && this.someOperationMatches()) {\n      this.beginInteraction();\n    }\n  }\n\n  private beginInteraction(): void {\n    if (!this.api?.isInteracting()) {\n      this.api?.beginInteraction();\n    }\n\n    if (this.interval == null) {\n      this.interval = setInterval(\n        this.updateCamera,\n        this.model.getKeyboardRepeatInterval()\n      );\n    }\n  }\n\n  private endInteraction = async (): Promise<void> => {\n    this.clearInterval();\n    await this.api?.endInteraction();\n  };\n\n  private clearInterval(): void {\n    if (this.interval != null) {\n      clearInterval(this.interval);\n      this.interval = undefined;\n    }\n  }\n\n  private updateCamera(): void {\n    Object.keys(this.handlers).forEach((key) => {\n      const op = key as ViewerWalkModeOperation;\n\n      if (this.model.operationMatches(op, this.pressed)) {\n        this.handlers[op]();\n      }\n    });\n  }\n\n  private someOperationMatches(): boolean {\n    return Object.keys(this.handlers).some((op) =>\n      this.model.operationMatches(op as ViewerWalkModeOperation, this.pressed)\n    );\n  }\n\n  private pivotLeft(): void {\n    this.api?.pivotCamera(0, this.model.getKeyboardPivotDegrees());\n  }\n\n  private pivotRight(): void {\n    this.api?.pivotCamera(0, -this.model.getKeyboardPivotDegrees());\n  }\n\n  private pivotUp(): void {\n    this.api?.pivotCamera(-this.model.getKeyboardPivotDegrees(), 0);\n  }\n\n  private pivotDown(): void {\n    this.api?.pivotCamera(this.model.getKeyboardPivotDegrees(), 0);\n  }\n\n  private walkForward(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.forward()));\n  }\n\n  private walkBackward(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.back()));\n  }\n\n  private walkLeft(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.left()));\n  }\n\n  private walkRight(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.right()));\n  }\n\n  private moveUp(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.down()));\n  }\n\n  private moveDown(): void {\n    this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.up()));\n  }\n\n  private relativeWalkSpeed(): number {\n    return this.model.getKeyboardWalkSpeed() / 500;\n  }\n}\n",":host {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { InteractionType } from '../../lib/interactions/baseInteractionHandler';\nimport { WalkModeController } from '../../lib/walk-mode/controller';\nimport { WalkInteractionHandler } from '../../lib/walk-mode/interactions';\nimport { ViewerTeleportMode, WalkModeModel } from '../../lib/walk-mode/model';\n\ninterface StateMap {\n  teleportTool?: HTMLVertexViewerTeleportToolElement;\n  previousPrimaryInteractionType?: InteractionType;\n}\n\n/**\n * The `<vertex-viewer-walk-mode-tool>` allows for additional interactions\n * intended for walking through a model instead of orbiting a model.\n */\n@Component({\n  tag: 'vertex-viewer-walk-mode-tool',\n  styleUrl: 'viewer-walk-mode-tool.css',\n  shadow: true,\n})\nexport class ViewerWalkModeTool {\n  /**\n   * The viewer that this component is bound to. This is automatically assigned\n   * if added to the light-dom of a parent viewer element.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The `WalkModeController` responsible for controlling `KeyBinding`s and excluded\n   * elements, as well as updating the `WalkModeModel` with various configuration\n   * settings.\n   */\n  @Prop({ mutable: true })\n  public controller?: WalkModeController;\n\n  /**\n   * The `WalkModeModel` responsible for tracking configuration and emitting\n   * events for interaction handlers to respond to.\n   */\n  @Prop({ mutable: true })\n  public model: WalkModeModel = new WalkModeModel();\n\n  /**\n   * The type of teleportation to perform when clicking. This value is passed through\n   * to a `<vertex-viewer-teleport-tool>`'s mode attribute.\n   *\n   * `teleport` - the camera's `position` is moved to the location of the hit result\n   * constrained by the plane represented by the camera's current `position` and `up`\n   * vectors.\n   *\n   * `teleport-and-align` - the camera's `position`, `lookAt`, and `up` vectors are updated\n   * to align to the plane represented by the hit result's position and normal.\n   *\n   * `teleport-toward` - the camera's `position` is moved a fixed distance toward the location of the\n   * hit result constrained by the plane represented by the camera's current `position` and `up`\n   * vectors.\n   *\n   * `undefined` - no teleportation will occur when clicking.\n   *\n   * Defaults to `undefined`.\n   */\n  @Prop()\n  public teleportMode?: ViewerTeleportMode;\n\n  /**\n   * Determines whether the interaction handlers for this tool should respond to events.\n   * When set to `true`, the default viewer interaction mode will be overridden to use the\n   * `pivot` camera interaction type, keyboard controls for movement will be added, and\n   * setting the `teleportMode` will enable the tool.\n   *\n   * Defaults to `true`.\n   */\n  @Prop()\n  public enabled = true;\n\n  /**\n   * Event emitted when the `WalkModeController` associated with this tool changes.\n   */\n  @Event()\n  public controllerChanged!: EventEmitter<WalkModeController>;\n\n  @Element()\n  private hostEl?: HTMLElement;\n\n  private interactionHandlerDisposable?: Disposable;\n  private interactionHandler?: WalkInteractionHandler;\n\n  private stateMap: StateMap = {};\n\n  /**\n   * @ignore\n   */\n  protected componentWillLoad(): void {\n    this.setupController();\n    this.setupInteractionHandler();\n  }\n\n  /**\n   * @ignore\n   */\n  protected async componentDidLoad(): Promise<void> {\n    await this.ensureTeleportToolConfigured();\n    this.updateTeleportTool();\n    await this.setPivotInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  protected connectedCallback(): void {\n    this.setupInteractionHandler();\n    this.setPivotInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  protected disconnectedCallback(): void {\n    this.clearInteractionHandler();\n    this.resetInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('enabled')\n  protected handleEnabledChanged(): void {\n    this.controller?.setEnabled(this.enabled);\n    this.toggleInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(): void {\n    this.clearInteractionHandler();\n    this.setupInteractionHandler();\n    this.updateTeleportTool();\n    this.toggleInteractionMode();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('teleportMode')\n  protected handleTeleportModeChanged(): void {\n    this.updateTeleportTool();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('controller')\n  protected handleControllerChanged(): void {\n    this.updateTeleportTool();\n    this.controllerChanged.emit(this.controller);\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('model')\n  protected handleModelChanged(): void {\n    this.setupController();\n    this.clearInteractionHandler();\n    this.setupInteractionHandler();\n  }\n\n  protected render(): JSX.Element {\n    return (\n      <Host>\n        <slot\n          name=\"teleport-tool\"\n          onSlotchange={async () => {\n            await this.ensureTeleportToolConfigured();\n            this.updateTeleportTool();\n          }}\n        ></slot>\n      </Host>\n    );\n  }\n\n  private setupController(): void {\n    if (this.controller == null) {\n      this.controller = new WalkModeController(this.model);\n      this.controllerChanged.emit(this.controller);\n    } else {\n      this.controller.updateModel(this.model);\n    }\n  }\n\n  private clearInteractionHandler(): void {\n    this.interactionHandlerDisposable?.dispose();\n    this.interactionHandlerDisposable = undefined;\n    this.interactionHandler?.dispose();\n    this.interactionHandler = undefined;\n  }\n\n  private async setupInteractionHandler(): Promise<void> {\n    if (this.interactionHandler == null) {\n      this.interactionHandler = new WalkInteractionHandler(this.model);\n\n      this.interactionHandlerDisposable =\n        await this.viewer?.registerInteractionHandler(this.interactionHandler);\n    }\n  }\n\n  private async ensureTeleportToolConfigured(): Promise<void> {\n    if (this.hostEl != null) {\n      const slotted: Element | undefined =\n        this.hostEl?.querySelector(\n          'vertex-viewer-teleport-tool[slot=\"teleport-tool\"]'\n        ) ?? undefined;\n      const slottedTeleportTool =\n        slotted?.tagName === 'VERTEX-VIEWER-TELEPORT-TOOL'\n          ? (slotted as HTMLVertexViewerTeleportToolElement)\n          : undefined;\n\n      if (slottedTeleportTool != null) {\n        this.stateMap.teleportTool = slottedTeleportTool;\n      } else {\n        const slot: HTMLSlotElement | undefined =\n          this.hostEl?.shadowRoot?.querySelector(\n            'slot[name=\"teleport-tool\"]'\n          ) ?? undefined;\n\n        this.stateMap.teleportTool = document.createElement(\n          'vertex-viewer-teleport-tool'\n        );\n        slot?.appendChild(this.stateMap.teleportTool);\n      }\n    }\n  }\n\n  private updateTeleportTool(): void {\n    if (this.stateMap.teleportTool != null) {\n      this.stateMap.teleportTool.viewer = this.viewer;\n      this.stateMap.teleportTool.controller = this.controller;\n      this.stateMap.teleportTool.model = this.model;\n      this.stateMap.teleportTool.mode = this.teleportMode;\n    }\n  }\n\n  private toggleInteractionMode(): void {\n    if (this.enabled) {\n      this.setPivotInteractionMode();\n    } else {\n      this.resetInteractionMode();\n    }\n  }\n\n  private async setPivotInteractionMode(): Promise<void> {\n    const baseInteractionHandler =\n      await this.viewer?.getBaseInteractionHandler();\n\n    if (this.enabled && baseInteractionHandler != null) {\n      const interactionType =\n        baseInteractionHandler.getPrimaryInteractionType();\n      this.stateMap.previousPrimaryInteractionType =\n        interactionType === 'pivot'\n          ? this.stateMap.previousPrimaryInteractionType\n          : interactionType;\n      baseInteractionHandler.setPrimaryInteractionType('pivot');\n    }\n  }\n\n  private async resetInteractionMode(): Promise<void> {\n    const baseInteractionHandler =\n      await this.viewer?.getBaseInteractionHandler();\n\n    if (\n      baseInteractionHandler != null &&\n      baseInteractionHandler.getPrimaryInteractionType() === 'pivot' &&\n      this.stateMap.previousPrimaryInteractionType != null\n    ) {\n      baseInteractionHandler.setPrimaryInteractionType(\n        this.stateMap.previousPrimaryInteractionType\n      );\n      this.stateMap.previousPrimaryInteractionType = undefined;\n    }\n  }\n}\n"]}

package/dist/viewer/p-f174e347.js

@@ -0,0 +1,5 @@
+/*!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import{E as t}from"./p-05d09319.js";class e{constructor(...t){this.bindings=t.map((t=>t.toLowerCase()))}matches(t){return this.bindings.length>0&&this.bindings.every((e=>this.bindingMatches(t,e)))}bindingMatches(t,e){const i=e.includes("!");const s=e.replace("!","");return i?!t[s]:t[s]}}class i{constructor(t){this.model=t;this.excludeTagNames=["VERTEX-SCENE-TREE","VERTEX-SCENE-TREE-SEARCH","VERTEX-VIEWER-PIN-TOOL","INPUT","TEXTAREA"];this.excludePredicates=[];this.updateModelExclusions()}updateModel(t){this.model=t}setEnabled(t){this.model.setEnabled(t)}setTeleportMode(t){this.model.setTeleportMode(t)}updateConfiguration(t){const e=this.model.getConfiguration();this.model.setConfiguration(Object.assign(Object.assign({},e),t))}addKeyBinding(t,...i){this.model.addKeyBinding(t,new e(...i))}replaceKeyBinding(t,...i){this.model.replaceKeyBinding(t,new e(...i))}excludeElement(...t){if(typeof t[0]==="string"){this.excludeTagNames=[...this.excludeTagNames,t[0]];this.updateModelExclusions();return{dispose:()=>{this.excludeTagNames=this.excludeTagNames.filter((e=>e!==t[0]))}}}else{this.excludePredicates=[...this.excludePredicates,t[0]];this.updateModelExclusions();return{dispose:()=>{this.excludePredicates=this.excludePredicates.filter((e=>e!==t[0]))}}}}updateModelExclusions(){this.model.setExcludedPredicate((t=>this.excludeTagNames.some((e=>e===t.tagName))||this.excludePredicates.some((e=>e(t)))))}}var s;(function(t){t["MOVE_DOWN"]="MOVE_DOWN";t["MOVE_UP"]="MOVE_UP";t["PIVOT_DOWN"]="PIVOT_DOWN";t["PIVOT_LEFT"]="PIVOT_LEFT";t["PIVOT_RIGHT"]="PIVOT_RIGHT";t["PIVOT_UP"]="PIVOT_UP";t["WALK_BACKWARD"]="WALK_BACKWARD";t["WALK_FORWARD"]="WALK_FORWARD";t["WALK_LEFT"]="WALK_LEFT";t["WALK_RIGHT"]="WALK_RIGHT"})(s||(s={}));class n{constructor(){this.keyBindings={[s.MOVE_DOWN]:[new e("PageDown","!Shift","!Alt")],[s.MOVE_UP]:[new e("PageUp","!Shift","!Alt")],[s.PIVOT_DOWN]:[new e("ArrowDown","!Shift","!Alt")],[s.PIVOT_LEFT]:[new e("ArrowLeft","!Shift","!Alt")],[s.PIVOT_RIGHT]:[new e("ArrowRight","!Shift","!Alt")],[s.PIVOT_UP]:[new e("ArrowUp","!Shift","!Alt")],[s.WALK_BACKWARD]:[new e("s")],[s.WALK_FORWARD]:[new e("w")],[s.WALK_LEFT]:[new e("a")],[s.WALK_RIGHT]:[new e("d")]};this.configuration={teleportHeightPercentage:11.75,teleportDistancePercentage:2,teleportCollisionDistance:1e3,keyboardWalkSpeed:5,keyboardPivotDegrees:1,keyboardRepeatIntervalMs:25};this.enabled=true;this.enabledChanged=new t;this.teleportModeChanged=new t;this.configurationChanged=new t;this.keyBindingsChanged=new t}setEnabled(t){this.enabled=t;this.enabledChanged.emit(t)}setTeleportMode(t){this.teleportMode=t;this.teleportModeChanged.emit(t)}setConfiguration(t){this.configuration=t;this.configurationChanged.emit(t)}addKeyBinding(t,e){this.keyBindings[t]=[...this.keyBindings[t],e];this.keyBindingsChanged.emit(this.keyBindings)}replaceKeyBinding(t,e){this.keyBindings[t]=[e];this.keyBindingsChanged.emit(this.keyBindings)}setExcludedPredicate(t){this.excludedPredicate=t}getEnabled(){return this.enabled}getTeleportMode(){return this.teleportMode}getTeleportHeightPercentage(){return this.configuration.teleportHeightPercentage}getKeyboardWalkSpeed(){return this.configuration.keyboardWalkSpeed}getKeyboardPivotDegrees(){return this.configuration.keyboardPivotDegrees}getKeyboardRepeatInterval(){return this.configuration.keyboardRepeatIntervalMs}getConfiguration(){return this.configuration}getKeyBindings(){return this.keyBindings}operationMatches(t,e){return this.keyBindings[t].some((t=>t.matches(e)))}isElementExcluded(t){var e;return!!((e=this.excludedPredicate)===null||e===void 0?void 0:e.call(this,t))}onEnabledChange(t){return this.enabledChanged.on(t)}onTeleportModeChange(t){return this.teleportModeChanged.on(t)}onConfigurationChange(t){return this.configurationChanged.on(t)}onKeyBindingsChange(t){return this.keyBindingsChanged.on(t)}}export{s as V,n as W,i as a};
+//# sourceMappingURL=p-f174e347.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/lib/keyBinding.ts","src/lib/walk-mode/controller.ts","src/lib/walk-mode/model.ts"],"names":["KeyBinding","[object Object]","bindings","this","map","binding","toLowerCase","keys","length","every","bindingMatches","negated","includes","key","replace","WalkModeController","model","excludeTagNames","excludePredicates","updateModelExclusions","enabled","setEnabled","mode","setTeleportMode","configuration","existing","getConfiguration","setConfiguration","Object","assign","operation","addKeyBinding","replaceKeyBinding","args","dispose","filter","tn","setExcludedPredicate","el","some","tagName","p","ViewerWalkModeOperation","WalkModeModel","keyBindings","MOVE_DOWN","MOVE_UP","PIVOT_DOWN","PIVOT_LEFT","PIVOT_RIGHT","PIVOT_UP","WALK_BACKWARD","WALK_FORWARD","WALK_LEFT","WALK_RIGHT","teleportHeightPercentage","teleportDistancePercentage","teleportCollisionDistance","keyboardWalkSpeed","keyboardPivotDegrees","keyboardRepeatIntervalMs","enabledChanged","EventDispatcher","teleportModeChanged","configurationChanged","keyBindingsChanged","emit","teleportMode","keyBinding","predicate","excludedPredicate","state","matches","_a","call","listener","on"],"mappings":"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","sourcesContent":["export class KeyBinding {\n  private bindings: string[];\n\n  public constructor(...bindings: string[]) {\n    this.bindings = bindings.map((binding) => binding.toLowerCase());\n  }\n\n  public matches(keys: Record<string, boolean>): boolean {\n    return (\n      this.bindings.length > 0 &&\n      this.bindings.every((binding) => this.bindingMatches(keys, binding))\n    );\n  }\n\n  private bindingMatches(\n    keys: Record<string, boolean>,\n    binding: string\n  ): boolean {\n    const negated = binding.includes('!');\n    const key = binding.replace('!', '');\n\n    return negated ? !keys[key] : keys[key];\n  }\n}\n","import { Disposable } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\nimport {\n  ViewerTeleportMode,\n  ViewerWalkModeConfiguration,\n  ViewerWalkModeOperation,\n  WalkModeModel,\n} from './model';\n\nexport class WalkModeController {\n  private excludeTagNames: Array<string> = [\n    'VERTEX-SCENE-TREE',\n    'VERTEX-SCENE-TREE-SEARCH',\n    'VERTEX-VIEWER-PIN-TOOL',\n    'INPUT',\n    'TEXTAREA',\n  ];\n\n  private excludePredicates: Array<(el: Element) => boolean> = [];\n\n  public constructor(private model: WalkModeModel) {\n    this.updateModelExclusions();\n  }\n\n  /**\n   * @internal\n   */\n  public updateModel(model: WalkModeModel): void {\n    this.model = model;\n  }\n\n  /**\n   * Sets whether downstream walk mode interaction handlers are enabled.\n   * Setting this value to `false` will remove all event listeners for\n   * the interactions, and setting this value to `true` will add or\n   * re-add the event listeners.\n   */\n  public setEnabled(enabled: boolean): void {\n    this.model.setEnabled(enabled);\n  }\n\n  /**\n   * Sets the `ViewerTeleportMode` to be used with a `<vertex-viewer-teleport-tool>`.\n   */\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.model.setTeleportMode(mode);\n  }\n\n  /**\n   * Updates the configuration for downstream walk mode interaction handlers.\n   *\n   * `teleportHeightPercentage` - percentage used for fine-tuning the distance to offset\n   * the camera from a surface when performing a `teleport-and-align`. This percentage is\n   * used alongside the shortest side of the visible bounding box to determine how far to\n   * place the camera from the surface that has been hit, with a larger percentage placing\n   * the camera further from the surface and vice-versa. Defaults to 11.75%.\n   *\n   * `teleportDistancePercentage` - percentage used for fine-tuning the distance moved per\n   * click with the `teleport-toward` mode. This percentage is used alongside the longest\n   * side of the visible bounding box to determine how far to move the camera's position\n   * with each click, with a larger percentage moving the camera further and vice-versa.\n   * Defaults to 2%.\n   *\n   * `teleportCollisionDistance` - distance used alongside the `teleportCollisionPercentage`\n   * to determine whether a click with the `teleport-toward` mode would cause a \"collision\",\n   * or would pass through the point clicked. If such a collision would occur, the camera is\n   * instead placed this distance back from the point clicked once, then allowed to pass\n   * through the point on subsequent clicks. Note that this will not apply if clicks occur\n   * in quick succession without setting the `depthBuffers` property on the `<vertex-viewer>`\n   * to `all` frames. Defaults to `1000`.\n   *\n   * `keyboardWalkSpeed` - speed to move the camera when performing keyboard-based\n   * walk interactions. A larger number here will result in a faster walk speed through\n   * the model and vice-versa. Defaults to `5`.\n   *\n   * `keyboardPivotDegrees` - number of degrees to move the camera when performing\n   * keyboard-based pivot interactions. Defaults to `1`.\n   *\n   * `keyboardRepeatIntervalMs` - number of milliseconds to repeat keyboard-based interactions.\n   * this value is multiplicative with the `keyboardWalkSpeed` and `keyboardPivotDegrees`, and\n   * lower numbers will result in faster movement and vice-versa. Defaults to `25`.\n   *\n   */\n  public updateConfiguration(\n    configuration: Partial<ViewerWalkModeConfiguration>\n  ): void {\n    const existing = this.model.getConfiguration();\n\n    this.model.setConfiguration({\n      ...existing,\n      ...configuration,\n    });\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will append to the\n   * existing set of keybindings to allow for multiple keybindings for a specific\n   * operation. To replace the defaults, see `replaceKeyBinding`.\n   */\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.addKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will replace any\n   * existing keybindings to allow for overriding the default behavior.\n   *\n   * @example\n   * ```\n   * const walkModeTool = document.querySelector('vertex-viewer-walk-mode-tool');\n   *\n   * // Remove keybinding for the `PIVOT_UP` operation\n   * walkModeTool.controller.replaceKeyBinding('PIVOT_UP');\n   *\n   * // Replace keybinding for `WALK_FORWARD` with `ArrowUp` instead of `w`\n   * walkModeTool.controller.replaceKeyBinding('WALK_FORWARD', 'ArrowUp');\n   * ```\n   */\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.replaceKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds an exclusion for specific elements when responding to keyboard\n   * events. This is useful when there are other elements on screen that\n   * require keyboard interaction and the walk mode handlers should not\n   * respond to the keyboard events. Can be either a element's `tagName`\n   * or a predicate. Returns a `Disposable` that can be used to remove the\n   * exclusion.\n   *\n   * Default `tagName` exclusions:\n   * 'VERTEX-SCENE-TREE'\n   * 'VERTEX-SCENE-TREE-SEARCH'\n   * 'VERTEX-VIEWER-PIN-TOOL'\n   * 'INPUT'\n   * 'TEXTAREA'\n   */\n  public excludeElement(predicate: (el: Element) => boolean): Disposable;\n  public excludeElement(tagName: string): Disposable;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public excludeElement(...args: any[]): Disposable {\n    if (typeof args[0] === 'string') {\n      this.excludeTagNames = [...this.excludeTagNames, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludeTagNames = this.excludeTagNames.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    } else {\n      this.excludePredicates = [...this.excludePredicates, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludePredicates = this.excludePredicates.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    }\n  }\n\n  private updateModelExclusions(): void {\n    this.model.setExcludedPredicate(\n      (el) =>\n        this.excludeTagNames.some((tn) => tn === el.tagName) ||\n        this.excludePredicates.some((p) => p(el))\n    );\n  }\n}\n","import { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\n\nexport interface ViewerWalkModeConfiguration {\n  teleportHeightPercentage: number;\n  teleportDistancePercentage: number;\n  teleportCollisionDistance: number;\n  keyboardWalkSpeed: number;\n  keyboardPivotDegrees: number;\n  keyboardRepeatIntervalMs: number;\n}\n\nexport type ViewerTeleportMode =\n  | 'teleport'\n  | 'teleport-and-align'\n  | 'teleport-toward';\n\nexport enum ViewerWalkModeOperation {\n  'MOVE_DOWN' = 'MOVE_DOWN',\n  'MOVE_UP' = 'MOVE_UP',\n  'PIVOT_DOWN' = 'PIVOT_DOWN',\n  'PIVOT_LEFT' = 'PIVOT_LEFT',\n  'PIVOT_RIGHT' = 'PIVOT_RIGHT',\n  'PIVOT_UP' = 'PIVOT_UP',\n  'WALK_BACKWARD' = 'WALK_BACKWARD',\n  'WALK_FORWARD' = 'WALK_FORWARD',\n  'WALK_LEFT' = 'WALK_LEFT',\n  'WALK_RIGHT' = 'WALK_RIGHT',\n}\n\nexport type ViewerWalkModeKeyBindings = Record<\n  ViewerWalkModeOperation,\n  KeyBinding[]\n>;\n\nexport class WalkModeModel {\n  private keyBindings: ViewerWalkModeKeyBindings = {\n    [ViewerWalkModeOperation.MOVE_DOWN]: [\n      new KeyBinding('PageDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.MOVE_UP]: [\n      new KeyBinding('PageUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_DOWN]: [\n      new KeyBinding('ArrowDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_LEFT]: [\n      new KeyBinding('ArrowLeft', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_RIGHT]: [\n      new KeyBinding('ArrowRight', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_UP]: [\n      new KeyBinding('ArrowUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.WALK_BACKWARD]: [new KeyBinding('s')],\n    [ViewerWalkModeOperation.WALK_FORWARD]: [new KeyBinding('w')],\n    [ViewerWalkModeOperation.WALK_LEFT]: [new KeyBinding('a')],\n    [ViewerWalkModeOperation.WALK_RIGHT]: [new KeyBinding('d')],\n  };\n\n  private configuration: ViewerWalkModeConfiguration = {\n    teleportHeightPercentage: 11.75,\n    teleportDistancePercentage: 2,\n    teleportCollisionDistance: 1000,\n    keyboardWalkSpeed: 5,\n    keyboardPivotDegrees: 1,\n    keyboardRepeatIntervalMs: 25,\n  };\n\n  private excludedPredicate?: (el: Element) => boolean;\n\n  private enabled = true;\n  private teleportMode?: ViewerTeleportMode;\n\n  private enabledChanged: EventDispatcher<boolean> = new EventDispatcher();\n\n  private teleportModeChanged: EventDispatcher<ViewerTeleportMode | undefined> =\n    new EventDispatcher<ViewerTeleportMode | undefined>();\n\n  private configurationChanged: EventDispatcher<ViewerWalkModeConfiguration> =\n    new EventDispatcher<ViewerWalkModeConfiguration>();\n\n  private keyBindingsChanged: EventDispatcher<ViewerWalkModeKeyBindings> =\n    new EventDispatcher<ViewerWalkModeKeyBindings>();\n\n  public setEnabled(enabled: boolean): void {\n    this.enabled = enabled;\n    this.enabledChanged.emit(enabled);\n  }\n\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.teleportMode = mode;\n    this.teleportModeChanged.emit(mode);\n  }\n\n  public setConfiguration(configuration: ViewerWalkModeConfiguration): void {\n    this.configuration = configuration;\n    this.configurationChanged.emit(configuration);\n  }\n\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [...this.keyBindings[operation], keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public setExcludedPredicate(predicate: (el: Element) => boolean): void {\n    this.excludedPredicate = predicate;\n  }\n\n  public getEnabled(): boolean {\n    return this.enabled;\n  }\n\n  public getTeleportMode(): ViewerTeleportMode | undefined {\n    return this.teleportMode;\n  }\n\n  public getTeleportHeightPercentage(): number {\n    return this.configuration.teleportHeightPercentage;\n  }\n\n  public getKeyboardWalkSpeed(): number {\n    return this.configuration.keyboardWalkSpeed;\n  }\n\n  public getKeyboardPivotDegrees(): number {\n    return this.configuration.keyboardPivotDegrees;\n  }\n\n  public getKeyboardRepeatInterval(): number {\n    return this.configuration.keyboardRepeatIntervalMs;\n  }\n\n  public getConfiguration(): ViewerWalkModeConfiguration {\n    return this.configuration;\n  }\n\n  public getKeyBindings(): ViewerWalkModeKeyBindings {\n    return this.keyBindings;\n  }\n\n  public operationMatches(\n    operation: ViewerWalkModeOperation,\n    state: Record<string, boolean>\n  ): boolean {\n    return this.keyBindings[operation].some((binding) =>\n      binding.matches(state)\n    );\n  }\n\n  public isElementExcluded(el: Element): boolean {\n    return !!this.excludedPredicate?.(el);\n  }\n\n  public onEnabledChange(listener: Listener<boolean>): Disposable {\n    return this.enabledChanged.on(listener);\n  }\n\n  public onTeleportModeChange(\n    listener: Listener<ViewerTeleportMode | undefined>\n  ): Disposable {\n    return this.teleportModeChanged.on(listener);\n  }\n\n  public onConfigurationChange(\n    listener: Listener<ViewerWalkModeConfiguration>\n  ): Disposable {\n    return this.configurationChanged.on(listener);\n  }\n\n  public onKeyBindingsChange(\n    listener: Listener<ViewerWalkModeKeyBindings>\n  ): Disposable {\n    return this.keyBindingsChanged.on(listener);\n  }\n}\n"]}

package/dist/viewer/viewer.esm.js

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
  */
-import{d as e,N as t,w as r,p as a,b as o}from"./p-50533a46.js";import{g as i}from"./p-146e5d45.js";import"./p-9acf99ad.js";const n=e=>`__sc_import_${e.replace(/\s|-/g,"_")}`;const s=()=>{const o=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t));const i="";const n={};if(i!==""){n.resourcesUrl=new URL(".",i).href}else{n.resourcesUrl=new URL(".",new URL(o.getAttribute("data-resources-url")||o.src,r.location.href)).href;{l(n.resourcesUrl,o)}if(!r.customElements){return __sc_import_viewer("./p-1afa84ed.js").then((()=>n))}}return a(n)};const l=(a,o)=>{const i=n(t);try{r[i]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const n=new Map;r[i]=t=>{const s=new URL(t,a).href;let l=n.get(s);if(!l){const t=e.createElement("script");t.type="module";t.crossOrigin=o.crossOrigin;t.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${i}.m = m;`],{type:"application/javascript"}));l=new Promise((e=>{t.onload=()=>{e(r[i].m);t.remove()}}));n.set(s,l);e.head.appendChild(t)}return l}}};s().then((e=>{i();return o(JSON.parse('[["p-d1e820c1",[[1,"vertex-viewer-pin-tool",{"pinController":[1040],"pinModel":[16],"viewer":[16],"tool":[1025],"mode":[1025],"primaryColor":[1025,"primary-color"],"accentColor":[1025,"accent-color"],"pins":[32],"selectedPinId":[32],"elementBounds":[32],"projectionViewMatrix":[32]}]]],["p-8e300190",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[1],"configEnv":[1,"config-env"],"controller":[1040],"metadataSearchExactMatch":[1028,"metadata-search-exact-match"],"metadataSearchKeys":[1040],"metadataKeys":[16],"rows":[32],"totalRows":[32],"showLoader":[32],"showEmptyResults":[32],"stateMap":[32],"errorDetails":[32],"attemptingRetry":[32],"invalidateRows":[64],"scrollToIndex":[64],"scrollToItem":[64],"expandAll":[64],"collapseAll":[64],"expandItem":[64],"collapseItem":[64],"toggleExpandItem":[64],"toggleItemVisibility":[64],"hideItem":[64],"showItem":[64],"selectItem":[64],"deselectItem":[64],"getRowAtIndex":[64],"getRowForEvent":[64],"getRowAtClientY":[64],"filterItems":[64],"selectFilteredItems":[64],"fetchMetadataKeys":[64]},[[0,"search","handleSearch"],[0,"cellLoaded","handleCellLoaded"]]]]],["p-a96559b7",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["p-f70fa80a",[[1,"vertex-viewer-markup",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"selectedMarkupId":[1025,"selected-markup-id"],"selectNew":[4,"select-new"],"toSelectMarkupId":[32],"pointerDownPosition":[32],"addMarkup":[64],"removeMarkup":[64],"getMarkupElements":[64],"getMarkupElement":[64]},[[0,"markupEnd","handleMarkupEnd"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["p-be78e8bd",[[1,"vertex-viewer-markup-tool",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"stateMap":[32],"reset":[64]}]]],["p-0a837a9f",[[1,"vertex-viewer-view-cube",{"xPositiveLabel":[1,"x-positive-label"],"xNegativeLabel":[1,"x-negative-label"],"yPositiveLabel":[1,"y-positive-label"],"yNegativeLabel":[1,"y-negative-label"],"zPositiveLabel":[1,"z-positive-label"],"zNegativeLabel":[1,"z-negative-label"],"standardViewsOff":[4,"standard-views-off"],"animationDuration":[2,"animation-duration"],"triadOff":[4,"triad-off"],"worldOrientation":[1040],"camera":[1040],"viewer":[16],"boxLength":[32],"triadPosition":[32]}]]],["p-c2b7e86e",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start-json"],"end":[1040],"endJson":[1,"end-json"],"distance":[1026],"showAxisReferenceLines":[4,"show-axis-reference-lines"],"snapDistance":[2,"snap-distance"],"units":[1],"fractionalDigits":[2,"fractional-digits"],"labelFormatter":[16],"anchorLabelOffset":[2,"anchor-label-offset"],"lineCapLength":[2,"line-cap-length"],"mode":[513],"interactingAnchor":[1537,"interacting-anchor"],"invalid":[1540],"camera":[16],"hitProvider":[16],"indicatorPt":[1040],"viewer":[16],"measurementModel":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"measurementUnits":[32],"computeElementMetrics":[64]}]]],["p-ac0160d1",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementOverlays":[16],"measurementController":[1040],"measurableEntityTypes":[16],"viewer":[16],"configEnv":[1,"config-env"],"config":[1]}]]],["p-4ddc5c2b",[[1,"vertex-viewer-box-query-tool",{"viewer":[16],"controller":[1040],"model":[1040],"operationType":[1,"operation-type"],"mode":[1],"details":[32]}]]],["p-3d2d8431",[[1,"vertex-viewer-walk-mode-tool",{"viewer":[16],"controller":[1040],"model":[1040],"teleportMode":[1,"teleport-mode"],"enabled":[4]}]]],["p-0f9c6cbc",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hovered":[1028],"isScrolling":[4,"is-scrolling"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"selectionHandler":[16],"visibilityHandler":[16],"expansionHandler":[16],"hoverController":[16]}]]],["p-7e6ce60f",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["p-f10a020b",[[1,"vertex-scene-tree-table-header"]]],["p-1ec5dc51",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["p-e9a6f6ff",[[1,"vertex-scene-tree-toolbar-group"]]],["p-f0d7dc62",[[1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1025,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"cameraType":[1537,"camera-type"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"phantom":[16],"noDefaultLights":[4,"no-default-lights"],"experimentalRenderingOptions":[1,"experimental-rendering-options"],"featureLines":[16],"selectionHighlighting":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"resizeDebounce":[2,"resize-debounce"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32],"dispatchFrameDrawn":[64],"registerInteractionHandler":[64],"registerTapKeyInteraction":[64],"getInteractionTarget_DEPRECATED":[64],"addCursor":[64],"getInteractionHandlers":[64],"getKeyInteractions":[64],"getBaseInteractionHandler":[64],"getJwt":[64],"load":[64],"unload":[64],"scene":[64],"isSceneReady":[64]},[[0,"tap","handleTapEvent"]]]]],["p-33ef1574",[[1,"vertex-viewer-hit-result-indicator",{"viewer":[16],"position":[1040],"normal":[1040]}]]],["p-10d63440",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"measurementOverlays":[16],"measurementOutcome":[1040],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"resultTypes":[16],"overlay":[32],"distanceMeasurementUnits":[32],"angleMeasurementUnits":[32],"areaMeasurementUnits":[32]}]]],["p-9a11b3c0",[[1,"vertex-viewer-transform-widget",{"viewer":[16],"position":[1040],"rotation":[1040],"controller":[1040],"xRotationDisabled":[1028,"x-rotation-disabled"],"yRotationDisabled":[1028,"y-rotation-disabled"],"zRotationDisabled":[1028,"z-rotation-disabled"],"xTranslationDisabled":[1028,"x-translation-disabled"],"yTranslationDisabled":[1028,"y-translation-disabled"],"zTranslationDisabled":[1028,"z-translation-disabled"],"hovered":[1040]}]]],["p-369cf923",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["p-c8c7a500",[[0,"vertex-viewer-pin-group",{"pin":[16],"matrix":[1040],"projectionViewMatrix":[16],"elementBounds":[1040],"pinModel":[16],"pinController":[16],"selected":[4],"invalidateStateCounter":[32]}]]],["p-452870c6",[[1,"vertex-viewer-dom-group",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040]}]]],["p-0341e1de",[[1,"vertex-viewer-teleport-tool",{"viewer":[16],"mode":[1025],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"],"controller":[1040],"model":[1040]}]]],["p-87d386a1",[[1,"vertex-viewer-spinner",{"size":[1]}]]],["p-3ec43d9d",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"controller":[16],"value":[1025],"focused":[32],"isSearching":[32],"setFocus":[64]}],[1,"vertex-scene-tree-table-layout",{"tree":[16],"controller":[16],"rows":[16],"totalRows":[2,"total-rows"],"rowHeight":[1026,"row-height"],"overScanCount":[2,"over-scan-count"],"rowData":[16],"layoutOffset":[1026,"layout-offset"],"scrollOffset":[1026,"scroll-offset"],"layoutHeight":[1026,"layout-height"],"layoutWidth":[1026,"layout-width"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"columnGridLayout":[32],"columnGridFixedLayout":[32],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"isScrolling":[32],"scrollTimer":[32],"stateMap":[32],"scrollToPosition":[64]}],[1,"vertex-scene-tree-toolbar"]]],["p-be6b15b3",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["p-13bf559e",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["p-a390c8a2",[[0,"vertex-viewer-pin-label",{"pin":[16],"elementBounds":[16],"value":[1025],"pinController":[16],"focused":[32],"computedScreenPosition":[32],"textareaRows":[32],"contentElBounds":[32],"setFocus":[64]}],[0,"vertex-viewer-pin-label-line",{"pinPoint":[16],"labelPoint":[16],"pin":[16]}]]],["p-a66c938b",[[1,"vertex-viewer-measurement-overlays",{"measurementOverlays":[16],"camera":[1040],"viewer":[16],"overlays":[32]}],[1,"vertex-viewer-measurement-line",{"start":[16],"end":[16],"capLength":[2,"cap-length"],"pointerEvents":[1,"pointer-events"]}]]],["p-17ddabf6",[[1,"vertex-viewer-dom-renderer",{"drawMode":[1,"draw-mode"],"viewer":[16],"camera":[1040],"depthBuffer":[1040],"viewport":[32],"invalidateFrameCounter":[32]},[[0,"propertyChange","handlePropertyChange"]]],[1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}]]],["p-e06e2d34",[[1,"vertex-viewer-markup-arrow",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"screenPoints":[32],"dispose":[64]}]]]]'),e)}));
+import{d as e,N as t,w as r,p as a,b as o}from"./p-50533a46.js";import{g as i}from"./p-146e5d45.js";import"./p-9acf99ad.js";const n=e=>`__sc_import_${e.replace(/\s|-/g,"_")}`;const s=()=>{const o=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t));const i="";const n={};if(i!==""){n.resourcesUrl=new URL(".",i).href}else{n.resourcesUrl=new URL(".",new URL(o.getAttribute("data-resources-url")||o.src,r.location.href)).href;{l(n.resourcesUrl,o)}if(!r.customElements){return __sc_import_viewer("./p-1afa84ed.js").then((()=>n))}}return a(n)};const l=(a,o)=>{const i=n(t);try{r[i]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const n=new Map;r[i]=t=>{const s=new URL(t,a).href;let l=n.get(s);if(!l){const t=e.createElement("script");t.type="module";t.crossOrigin=o.crossOrigin;t.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${i}.m = m;`],{type:"application/javascript"}));l=new Promise((e=>{t.onload=()=>{e(r[i].m);t.remove()}}));n.set(s,l);e.head.appendChild(t)}return l}}};s().then((e=>{i();return o(JSON.parse('[["p-d1e820c1",[[1,"vertex-viewer-pin-tool",{"pinController":[1040],"pinModel":[16],"viewer":[16],"tool":[1025],"mode":[1025],"primaryColor":[1025,"primary-color"],"accentColor":[1025,"accent-color"],"pins":[32],"selectedPinId":[32],"elementBounds":[32],"projectionViewMatrix":[32]}]]],["p-8e300190",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[1],"configEnv":[1,"config-env"],"controller":[1040],"metadataSearchExactMatch":[1028,"metadata-search-exact-match"],"metadataSearchKeys":[1040],"metadataKeys":[16],"rows":[32],"totalRows":[32],"showLoader":[32],"showEmptyResults":[32],"stateMap":[32],"errorDetails":[32],"attemptingRetry":[32],"invalidateRows":[64],"scrollToIndex":[64],"scrollToItem":[64],"expandAll":[64],"collapseAll":[64],"expandItem":[64],"collapseItem":[64],"toggleExpandItem":[64],"toggleItemVisibility":[64],"hideItem":[64],"showItem":[64],"selectItem":[64],"deselectItem":[64],"getRowAtIndex":[64],"getRowForEvent":[64],"getRowAtClientY":[64],"filterItems":[64],"selectFilteredItems":[64],"fetchMetadataKeys":[64]},[[0,"search","handleSearch"],[0,"cellLoaded","handleCellLoaded"]]]]],["p-a96559b7",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["p-f70fa80a",[[1,"vertex-viewer-markup",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"selectedMarkupId":[1025,"selected-markup-id"],"selectNew":[4,"select-new"],"toSelectMarkupId":[32],"pointerDownPosition":[32],"addMarkup":[64],"removeMarkup":[64],"getMarkupElements":[64],"getMarkupElement":[64]},[[0,"markupEnd","handleMarkupEnd"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["p-be78e8bd",[[1,"vertex-viewer-markup-tool",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"stateMap":[32],"reset":[64]}]]],["p-0a837a9f",[[1,"vertex-viewer-view-cube",{"xPositiveLabel":[1,"x-positive-label"],"xNegativeLabel":[1,"x-negative-label"],"yPositiveLabel":[1,"y-positive-label"],"yNegativeLabel":[1,"y-negative-label"],"zPositiveLabel":[1,"z-positive-label"],"zNegativeLabel":[1,"z-negative-label"],"standardViewsOff":[4,"standard-views-off"],"animationDuration":[2,"animation-duration"],"triadOff":[4,"triad-off"],"worldOrientation":[1040],"camera":[1040],"viewer":[16],"boxLength":[32],"triadPosition":[32]}]]],["p-c2b7e86e",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start-json"],"end":[1040],"endJson":[1,"end-json"],"distance":[1026],"showAxisReferenceLines":[4,"show-axis-reference-lines"],"snapDistance":[2,"snap-distance"],"units":[1],"fractionalDigits":[2,"fractional-digits"],"labelFormatter":[16],"anchorLabelOffset":[2,"anchor-label-offset"],"lineCapLength":[2,"line-cap-length"],"mode":[513],"interactingAnchor":[1537,"interacting-anchor"],"invalid":[1540],"camera":[16],"hitProvider":[16],"indicatorPt":[1040],"viewer":[16],"measurementModel":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"measurementUnits":[32],"computeElementMetrics":[64]}]]],["p-ac0160d1",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementOverlays":[16],"measurementController":[1040],"measurableEntityTypes":[16],"viewer":[16],"configEnv":[1,"config-env"],"config":[1]}]]],["p-4ddc5c2b",[[1,"vertex-viewer-box-query-tool",{"viewer":[16],"controller":[1040],"model":[1040],"operationType":[1,"operation-type"],"mode":[1],"details":[32]}]]],["p-e735e66c",[[1,"vertex-viewer-walk-mode-tool",{"viewer":[16],"controller":[1040],"model":[1040],"teleportMode":[1,"teleport-mode"],"enabled":[4]}]]],["p-0f9c6cbc",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hovered":[1028],"isScrolling":[4,"is-scrolling"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"selectionHandler":[16],"visibilityHandler":[16],"expansionHandler":[16],"hoverController":[16]}]]],["p-7e6ce60f",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["p-f10a020b",[[1,"vertex-scene-tree-table-header"]]],["p-1ec5dc51",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["p-e9a6f6ff",[[1,"vertex-scene-tree-toolbar-group"]]],["p-f0d7dc62",[[1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1025,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"cameraType":[1537,"camera-type"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"phantom":[16],"noDefaultLights":[4,"no-default-lights"],"experimentalRenderingOptions":[1,"experimental-rendering-options"],"featureLines":[16],"selectionHighlighting":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"resizeDebounce":[2,"resize-debounce"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32],"dispatchFrameDrawn":[64],"registerInteractionHandler":[64],"registerTapKeyInteraction":[64],"getInteractionTarget_DEPRECATED":[64],"addCursor":[64],"getInteractionHandlers":[64],"getKeyInteractions":[64],"getBaseInteractionHandler":[64],"getJwt":[64],"load":[64],"unload":[64],"scene":[64],"isSceneReady":[64]},[[0,"tap","handleTapEvent"]]]]],["p-33ef1574",[[1,"vertex-viewer-hit-result-indicator",{"viewer":[16],"position":[1040],"normal":[1040]}]]],["p-10d63440",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"measurementOverlays":[16],"measurementOutcome":[1040],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"resultTypes":[16],"overlay":[32],"distanceMeasurementUnits":[32],"angleMeasurementUnits":[32],"areaMeasurementUnits":[32]}]]],["p-9a11b3c0",[[1,"vertex-viewer-transform-widget",{"viewer":[16],"position":[1040],"rotation":[1040],"controller":[1040],"xRotationDisabled":[1028,"x-rotation-disabled"],"yRotationDisabled":[1028,"y-rotation-disabled"],"zRotationDisabled":[1028,"z-rotation-disabled"],"xTranslationDisabled":[1028,"x-translation-disabled"],"yTranslationDisabled":[1028,"y-translation-disabled"],"zTranslationDisabled":[1028,"z-translation-disabled"],"hovered":[1040]}]]],["p-369cf923",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["p-c8c7a500",[[0,"vertex-viewer-pin-group",{"pin":[16],"matrix":[1040],"projectionViewMatrix":[16],"elementBounds":[1040],"pinModel":[16],"pinController":[16],"selected":[4],"invalidateStateCounter":[32]}]]],["p-452870c6",[[1,"vertex-viewer-dom-group",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040]}]]],["p-b21c2231",[[1,"vertex-viewer-teleport-tool",{"viewer":[16],"mode":[1025],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"],"controller":[1040],"model":[1040]}]]],["p-87d386a1",[[1,"vertex-viewer-spinner",{"size":[1]}]]],["p-3ec43d9d",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"controller":[16],"value":[1025],"focused":[32],"isSearching":[32],"setFocus":[64]}],[1,"vertex-scene-tree-table-layout",{"tree":[16],"controller":[16],"rows":[16],"totalRows":[2,"total-rows"],"rowHeight":[1026,"row-height"],"overScanCount":[2,"over-scan-count"],"rowData":[16],"layoutOffset":[1026,"layout-offset"],"scrollOffset":[1026,"scroll-offset"],"layoutHeight":[1026,"layout-height"],"layoutWidth":[1026,"layout-width"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"columnGridLayout":[32],"columnGridFixedLayout":[32],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"isScrolling":[32],"scrollTimer":[32],"stateMap":[32],"scrollToPosition":[64]}],[1,"vertex-scene-tree-toolbar"]]],["p-be6b15b3",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["p-13bf559e",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["p-a390c8a2",[[0,"vertex-viewer-pin-label",{"pin":[16],"elementBounds":[16],"value":[1025],"pinController":[16],"focused":[32],"computedScreenPosition":[32],"textareaRows":[32],"contentElBounds":[32],"setFocus":[64]}],[0,"vertex-viewer-pin-label-line",{"pinPoint":[16],"labelPoint":[16],"pin":[16]}]]],["p-a66c938b",[[1,"vertex-viewer-measurement-overlays",{"measurementOverlays":[16],"camera":[1040],"viewer":[16],"overlays":[32]}],[1,"vertex-viewer-measurement-line",{"start":[16],"end":[16],"capLength":[2,"cap-length"],"pointerEvents":[1,"pointer-events"]}]]],["p-17ddabf6",[[1,"vertex-viewer-dom-renderer",{"drawMode":[1,"draw-mode"],"viewer":[16],"camera":[1040],"depthBuffer":[1040],"viewport":[32],"invalidateFrameCounter":[32]},[[0,"propertyChange","handlePropertyChange"]]],[1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}]]],["p-e06e2d34",[[1,"vertex-viewer-markup-arrow",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"screenPoints":[32],"dispose":[64]}]]]]'),e)}));
 //# sourceMappingURL=viewer.esm.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/viewer",
-  "version": "0.19.0-canary.3",
+  "version": "0.19.0",
   "description": "The Vertex SDK for viewing models.",
   "license": "MIT",
   "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
@@ -50,12 +50,12 @@
     "@stencil/core": "^2.16.1",
     "@types/classnames": "^2.3.1",
     "@vertexvis/frame-streaming-protos": "^0.10.5",
-    "@vertexvis/geometry": "0.19.0-canary.3",
-    "@vertexvis/html-templates": "0.19.0-canary.3",
+    "@vertexvis/geometry": "0.19.0",
+    "@vertexvis/html-templates": "0.19.0",
     "@vertexvis/scene-tree-protos": "^0.1.18",
     "@vertexvis/scene-view-protos": "^0.1.8",
-    "@vertexvis/stream-api": "0.19.0-canary.3",
-    "@vertexvis/utils": "0.19.0-canary.3",
+    "@vertexvis/stream-api": "0.19.0",
+    "@vertexvis/utils": "0.19.0",
     "@vertexvis/web-workers": "^0.1.0",
     "camel-case": "^4.1.2",
     "classnames": "^2.3.1",
@@ -82,7 +82,7 @@
     "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.0",
     "@vertexvis/rollup-plugin-web-workers": "^0.1.0",
     "@vertexvis/typescript-config-vertexvis": "1.1.0",
-    "@vertexwebsdk/build": "0.19.0-canary.3",
+    "@vertexwebsdk/build": "0.19.0",
     "abortcontroller-polyfill": "^1.7.3",
     "chance": "^1.1.8",
     "eslint": "^8.17.0",
@@ -97,5 +97,5 @@
     "typedoc": "^0.22.17",
     "typescript": "^4.5.4"
   },
-  "gitHead": "987c0d836eb13bab7b8439fd6bb7af6df70150dd"
+  "gitHead": "6a463531d436163280d20acc2d5d3053a11588fd"
 }

package/readme.md

@@ -27,11 +27,11 @@ file that references our published JS bundles from a CDN.
   <head>
     <link
       rel="stylesheet"
-      href="https://unpkg.com/@vertexvis/viewer@0.18.1/dist/viewer/viewer.css"
+      href="https://unpkg.com/@vertexvis/viewer@0.19.0/dist/viewer/viewer.css"
     />
     <script
       type="module"
-      src="https://unpkg.com/@vertexvis/viewer@0.18.1/dist/viewer/viewer.esm.js"
+      src="https://unpkg.com/@vertexvis/viewer@0.19.0/dist/viewer/viewer.esm.js"
     ></script>
   </head>
 
@@ -53,7 +53,7 @@ These utilities can be imported from a CDN as shown below:
   </head>
   <body>
     <script type="module">
-      import { ColorMaterial } from 'https://unpkg.com/@vertexvis/viewer@0.18.1/dist/esm/index.mjs';
+      import { ColorMaterial } from 'https://unpkg.com/@vertexvis/viewer@0.19.0/dist/esm/index.mjs';
 
       function main() {
         const color = ColorMaterial.fromHex('#ff0000');
@@ -90,7 +90,7 @@ dependency to your `package.json`:
 ```json
 {
   "dependencies": {
-    "@vertexvis/viewer": "^0.18.1"
+    "@vertexvis/viewer": "^0.19.0"
   }
 }
 ```

package/dist/cjs/model-02ca23aa.js.map

@@ -1 +0,0 @@
-{"file":"model-02ca23aa.js","mappings":"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","names":["ViewerWalkModeOperation","EventDispatcher"],"sources":["./src/lib/keyBinding.ts","./src/lib/walk-mode/controller.ts","./src/lib/walk-mode/model.ts"],"sourcesContent":["export class KeyBinding {\n  private bindings: string[];\n\n  public constructor(...bindings: string[]) {\n    this.bindings = bindings.map((binding) => binding.toLowerCase());\n  }\n\n  public matches(keys: Record<string, boolean>): boolean {\n    return this.bindings.every((binding) => this.bindingMatches(keys, binding));\n  }\n\n  private bindingMatches(\n    keys: Record<string, boolean>,\n    binding: string\n  ): boolean {\n    const negated = binding.includes('!');\n    const key = binding.replace('!', '');\n\n    return negated ? !keys[key] : keys[key];\n  }\n}\n","import { Disposable } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\nimport {\n  ViewerTeleportMode,\n  ViewerWalkModeConfiguration,\n  ViewerWalkModeOperation,\n  WalkModeModel,\n} from './model';\n\nexport class WalkModeController {\n  private excludeTagNames: Array<string> = [\n    'VERTEX-SCENE-TREE',\n    'VERTEX-SCENE-TREE-SEARCH',\n    'VERTEX-VIEWER-PIN-TOOL',\n    'INPUT',\n    'TEXTAREA',\n  ];\n\n  private excludePredicates: Array<(el: Element) => boolean> = [];\n\n  public constructor(private model: WalkModeModel) {\n    this.updateModelExclusions();\n  }\n\n  /**\n   * @internal\n   */\n  public updateModel(model: WalkModeModel): void {\n    this.model = model;\n  }\n\n  /**\n   * Sets whether downstream walk mode interaction handlers are enabled.\n   * Setting this value to `false` will remove all event listeners for\n   * the interactions, and setting this value to `true` will add or\n   * re-add the event listeners.\n   */\n  public setEnabled(enabled: boolean): void {\n    this.model.setEnabled(enabled);\n  }\n\n  /**\n   * Sets the `ViewerTeleportMode` to be used with a `<vertex-viewer-teleport-tool>`.\n   */\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.model.setTeleportMode(mode);\n  }\n\n  /**\n   * Updates the configuration for downstream walk mode interaction handlers.\n   *\n   * `teleportHeightPercentage` - percentage used for fine-tuning the distance to offset\n   * the camera from a surface when performing a `teleport-and-align`. This percentage is\n   * used alongside the shortest side of the visible bounding box to determine how far to\n   * place the camera from the surface that has been hit, with a larger percentage placing\n   * the camera further from the surface and vice-versa. Defaults to 11.75%.\n   *\n   * `teleportDistancePercentage` - percentage used for fine-tuning the distance moved per\n   * click with the `teleport-toward` mode. This percentage is used alongside the longest\n   * side of the visible bounding box to determine how far to move the camera's position\n   * with each click, with a larger percentage moving the camera further and vice-versa.\n   * Defaults to 2%.\n   *\n   * `teleportCollisionDistance` - distance used alongside the `teleportCollisionPercentage`\n   * to determine whether a click with the `teleport-toward` mode would cause a \"collision\",\n   * or would pass through the point clicked. If such a collision would occur, the camera is\n   * instead placed this distance back from the point clicked once, then allowed to pass\n   * through the point on subsequent clicks. Note that this will not apply if clicks occur\n   * in quick succession without setting the `depthBuffers` property on the `<vertex-viewer>`\n   * to `all` frames. Defaults to `1000`.\n   *\n   * `keyboardWalkSpeed` - speed to move the camera when performing keyboard-based\n   * walk interactions. A larger number here will result in a faster walk speed through\n   * the model and vice-versa. Defaults to `5`.\n   *\n   * `keyboardPivotDegrees` - number of degrees to move the camera when performing\n   * keyboard-based pivot interactions. Defaults to `1`.\n   *\n   * `keyboardRepeatIntervalMs` - number of milliseconds to repeat keyboard-based interactions.\n   * this value is multiplicative with the `keyboardWalkSpeed` and `keyboardPivotDegrees`, and\n   * lower numbers will result in faster movement and vice-versa. Defaults to `25`.\n   *\n   */\n  public updateConfiguration(\n    configuration: Partial<ViewerWalkModeConfiguration>\n  ): void {\n    const existing = this.model.getConfiguration();\n\n    this.model.setConfiguration({\n      ...existing,\n      ...configuration,\n    });\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will append to the\n   * existing set of keybindings to allow for multiple keybindings for a specific\n   * operation. To replace the defaults, see `replaceKeyBinding`.\n   */\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.addKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will replace any\n   * existing keybindings to allow for overriding the default behavior.\n   *\n   * @example\n   * ```\n   * const walkModeTool = document.querySelector('vertex-viewer-walk-mode-tool');\n   *\n   * // Remove keybinding for the `PIVOT_UP` operation\n   * walkModeTool.controller.replaceKeyBinding('PIVOT_UP');\n   *\n   * // Replace keybinding for `WALK_FORWARD` with `ArrowUp` instead of `w`\n   * walkModeTool.controller.replaceKeyBinding('WALK_FORWARD', 'ArrowUp');\n   * ```\n   */\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.replaceKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds an exclusion for specific elements when responding to keyboard\n   * events. This is useful when there are other elements on screen that\n   * require keyboard interaction and the walk mode handlers should not\n   * respond to the keyboard events. Can be either a element's `tagName`\n   * or a predicate. Returns a `Disposable` that can be used to remove the\n   * exclusion.\n   *\n   * Default `tagName` exclusions:\n   * 'VERTEX-SCENE-TREE'\n   * 'VERTEX-SCENE-TREE-SEARCH'\n   * 'VERTEX-VIEWER-PIN-TOOL'\n   * 'INPUT'\n   * 'TEXTAREA'\n   */\n  public excludeElement(predicate: (el: Element) => boolean): Disposable;\n  public excludeElement(tagName: string): Disposable;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public excludeElement(...args: any[]): Disposable {\n    if (typeof args[0] === 'string') {\n      this.excludeTagNames = [...this.excludeTagNames, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludeTagNames = this.excludeTagNames.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    } else {\n      this.excludePredicates = [...this.excludePredicates, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludePredicates = this.excludePredicates.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    }\n  }\n\n  private updateModelExclusions(): void {\n    this.model.setExcludedPredicate(\n      (el) =>\n        this.excludeTagNames.some((tn) => tn === el.tagName) ||\n        this.excludePredicates.some((p) => p(el))\n    );\n  }\n}\n","import { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\n\nexport interface ViewerWalkModeConfiguration {\n  teleportHeightPercentage: number;\n  teleportDistancePercentage: number;\n  teleportCollisionDistance: number;\n  keyboardWalkSpeed: number;\n  keyboardPivotDegrees: number;\n  keyboardRepeatIntervalMs: number;\n}\n\nexport type ViewerTeleportMode =\n  | 'teleport'\n  | 'teleport-and-align'\n  | 'teleport-toward';\n\nexport enum ViewerWalkModeOperation {\n  'MOVE_DOWN' = 'MOVE_DOWN',\n  'MOVE_UP' = 'MOVE_UP',\n  'PIVOT_DOWN' = 'PIVOT_DOWN',\n  'PIVOT_LEFT' = 'PIVOT_LEFT',\n  'PIVOT_RIGHT' = 'PIVOT_RIGHT',\n  'PIVOT_UP' = 'PIVOT_UP',\n  'WALK_BACKWARD' = 'WALK_BACKWARD',\n  'WALK_FORWARD' = 'WALK_FORWARD',\n  'WALK_LEFT' = 'WALK_LEFT',\n  'WALK_RIGHT' = 'WALK_RIGHT',\n}\n\nexport type ViewerWalkModeKeyBindings = Record<\n  ViewerWalkModeOperation,\n  KeyBinding[]\n>;\n\nexport class WalkModeModel {\n  private keyBindings: ViewerWalkModeKeyBindings = {\n    [ViewerWalkModeOperation.MOVE_DOWN]: [\n      new KeyBinding('PageDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.MOVE_UP]: [\n      new KeyBinding('PageUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_DOWN]: [\n      new KeyBinding('ArrowDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_LEFT]: [\n      new KeyBinding('ArrowLeft', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_RIGHT]: [\n      new KeyBinding('ArrowRight', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_UP]: [\n      new KeyBinding('ArrowUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.WALK_BACKWARD]: [new KeyBinding('s')],\n    [ViewerWalkModeOperation.WALK_FORWARD]: [new KeyBinding('w')],\n    [ViewerWalkModeOperation.WALK_LEFT]: [new KeyBinding('a')],\n    [ViewerWalkModeOperation.WALK_RIGHT]: [new KeyBinding('d')],\n  };\n\n  private configuration: ViewerWalkModeConfiguration = {\n    teleportHeightPercentage: 11.75,\n    teleportDistancePercentage: 2,\n    teleportCollisionDistance: 1000,\n    keyboardWalkSpeed: 5,\n    keyboardPivotDegrees: 1,\n    keyboardRepeatIntervalMs: 25,\n  };\n\n  private excludedPredicate?: (el: Element) => boolean;\n\n  private enabled = true;\n  private teleportMode?: ViewerTeleportMode;\n\n  private enabledChanged: EventDispatcher<boolean> = new EventDispatcher();\n\n  private teleportModeChanged: EventDispatcher<ViewerTeleportMode | undefined> =\n    new EventDispatcher<ViewerTeleportMode | undefined>();\n\n  private configurationChanged: EventDispatcher<ViewerWalkModeConfiguration> =\n    new EventDispatcher<ViewerWalkModeConfiguration>();\n\n  private keyBindingsChanged: EventDispatcher<ViewerWalkModeKeyBindings> =\n    new EventDispatcher<ViewerWalkModeKeyBindings>();\n\n  public setEnabled(enabled: boolean): void {\n    this.enabled = enabled;\n    this.enabledChanged.emit(enabled);\n  }\n\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.teleportMode = mode;\n    this.teleportModeChanged.emit(mode);\n  }\n\n  public setConfiguration(configuration: ViewerWalkModeConfiguration): void {\n    this.configuration = configuration;\n    this.configurationChanged.emit(configuration);\n  }\n\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [...this.keyBindings[operation], keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public setExcludedPredicate(predicate: (el: Element) => boolean): void {\n    this.excludedPredicate = predicate;\n  }\n\n  public getEnabled(): boolean {\n    return this.enabled;\n  }\n\n  public getTeleportMode(): ViewerTeleportMode | undefined {\n    return this.teleportMode;\n  }\n\n  public getTeleportHeightPercentage(): number {\n    return this.configuration.teleportHeightPercentage;\n  }\n\n  public getKeyboardWalkSpeed(): number {\n    return this.configuration.keyboardWalkSpeed;\n  }\n\n  public getKeyboardPivotDegrees(): number {\n    return this.configuration.keyboardPivotDegrees;\n  }\n\n  public getKeyboardRepeatInterval(): number {\n    return this.configuration.keyboardRepeatIntervalMs;\n  }\n\n  public getConfiguration(): ViewerWalkModeConfiguration {\n    return this.configuration;\n  }\n\n  public getKeyBindings(): ViewerWalkModeKeyBindings {\n    return this.keyBindings;\n  }\n\n  public operationMatches(\n    operation: ViewerWalkModeOperation,\n    state: Record<string, boolean>\n  ): boolean {\n    return this.keyBindings[operation].some((binding) =>\n      binding.matches(state)\n    );\n  }\n\n  public isElementExcluded(el: Element): boolean {\n    return !!this.excludedPredicate?.(el);\n  }\n\n  public onEnabledChange(listener: Listener<boolean>): Disposable {\n    return this.enabledChanged.on(listener);\n  }\n\n  public onTeleportModeChange(\n    listener: Listener<ViewerTeleportMode | undefined>\n  ): Disposable {\n    return this.teleportModeChanged.on(listener);\n  }\n\n  public onConfigurationChange(\n    listener: Listener<ViewerWalkModeConfiguration>\n  ): Disposable {\n    return this.configurationChanged.on(listener);\n  }\n\n  public onKeyBindingsChange(\n    listener: Listener<ViewerWalkModeKeyBindings>\n  ): Disposable {\n    return this.keyBindingsChanged.on(listener);\n  }\n}\n"],"version":3}

package/dist/esm/model-278b9023.js.map

@@ -1 +0,0 @@
-{"file":"model-278b9023.js","mappings":"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","names":[],"sources":["./src/lib/keyBinding.ts","./src/lib/walk-mode/controller.ts","./src/lib/walk-mode/model.ts"],"sourcesContent":["export class KeyBinding {\n  private bindings: string[];\n\n  public constructor(...bindings: string[]) {\n    this.bindings = bindings.map((binding) => binding.toLowerCase());\n  }\n\n  public matches(keys: Record<string, boolean>): boolean {\n    return this.bindings.every((binding) => this.bindingMatches(keys, binding));\n  }\n\n  private bindingMatches(\n    keys: Record<string, boolean>,\n    binding: string\n  ): boolean {\n    const negated = binding.includes('!');\n    const key = binding.replace('!', '');\n\n    return negated ? !keys[key] : keys[key];\n  }\n}\n","import { Disposable } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\nimport {\n  ViewerTeleportMode,\n  ViewerWalkModeConfiguration,\n  ViewerWalkModeOperation,\n  WalkModeModel,\n} from './model';\n\nexport class WalkModeController {\n  private excludeTagNames: Array<string> = [\n    'VERTEX-SCENE-TREE',\n    'VERTEX-SCENE-TREE-SEARCH',\n    'VERTEX-VIEWER-PIN-TOOL',\n    'INPUT',\n    'TEXTAREA',\n  ];\n\n  private excludePredicates: Array<(el: Element) => boolean> = [];\n\n  public constructor(private model: WalkModeModel) {\n    this.updateModelExclusions();\n  }\n\n  /**\n   * @internal\n   */\n  public updateModel(model: WalkModeModel): void {\n    this.model = model;\n  }\n\n  /**\n   * Sets whether downstream walk mode interaction handlers are enabled.\n   * Setting this value to `false` will remove all event listeners for\n   * the interactions, and setting this value to `true` will add or\n   * re-add the event listeners.\n   */\n  public setEnabled(enabled: boolean): void {\n    this.model.setEnabled(enabled);\n  }\n\n  /**\n   * Sets the `ViewerTeleportMode` to be used with a `<vertex-viewer-teleport-tool>`.\n   */\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.model.setTeleportMode(mode);\n  }\n\n  /**\n   * Updates the configuration for downstream walk mode interaction handlers.\n   *\n   * `teleportHeightPercentage` - percentage used for fine-tuning the distance to offset\n   * the camera from a surface when performing a `teleport-and-align`. This percentage is\n   * used alongside the shortest side of the visible bounding box to determine how far to\n   * place the camera from the surface that has been hit, with a larger percentage placing\n   * the camera further from the surface and vice-versa. Defaults to 11.75%.\n   *\n   * `teleportDistancePercentage` - percentage used for fine-tuning the distance moved per\n   * click with the `teleport-toward` mode. This percentage is used alongside the longest\n   * side of the visible bounding box to determine how far to move the camera's position\n   * with each click, with a larger percentage moving the camera further and vice-versa.\n   * Defaults to 2%.\n   *\n   * `teleportCollisionDistance` - distance used alongside the `teleportCollisionPercentage`\n   * to determine whether a click with the `teleport-toward` mode would cause a \"collision\",\n   * or would pass through the point clicked. If such a collision would occur, the camera is\n   * instead placed this distance back from the point clicked once, then allowed to pass\n   * through the point on subsequent clicks. Note that this will not apply if clicks occur\n   * in quick succession without setting the `depthBuffers` property on the `<vertex-viewer>`\n   * to `all` frames. Defaults to `1000`.\n   *\n   * `keyboardWalkSpeed` - speed to move the camera when performing keyboard-based\n   * walk interactions. A larger number here will result in a faster walk speed through\n   * the model and vice-versa. Defaults to `5`.\n   *\n   * `keyboardPivotDegrees` - number of degrees to move the camera when performing\n   * keyboard-based pivot interactions. Defaults to `1`.\n   *\n   * `keyboardRepeatIntervalMs` - number of milliseconds to repeat keyboard-based interactions.\n   * this value is multiplicative with the `keyboardWalkSpeed` and `keyboardPivotDegrees`, and\n   * lower numbers will result in faster movement and vice-versa. Defaults to `25`.\n   *\n   */\n  public updateConfiguration(\n    configuration: Partial<ViewerWalkModeConfiguration>\n  ): void {\n    const existing = this.model.getConfiguration();\n\n    this.model.setConfiguration({\n      ...existing,\n      ...configuration,\n    });\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will append to the\n   * existing set of keybindings to allow for multiple keybindings for a specific\n   * operation. To replace the defaults, see `replaceKeyBinding`.\n   */\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.addKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will replace any\n   * existing keybindings to allow for overriding the default behavior.\n   *\n   * @example\n   * ```\n   * const walkModeTool = document.querySelector('vertex-viewer-walk-mode-tool');\n   *\n   * // Remove keybinding for the `PIVOT_UP` operation\n   * walkModeTool.controller.replaceKeyBinding('PIVOT_UP');\n   *\n   * // Replace keybinding for `WALK_FORWARD` with `ArrowUp` instead of `w`\n   * walkModeTool.controller.replaceKeyBinding('WALK_FORWARD', 'ArrowUp');\n   * ```\n   */\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.replaceKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds an exclusion for specific elements when responding to keyboard\n   * events. This is useful when there are other elements on screen that\n   * require keyboard interaction and the walk mode handlers should not\n   * respond to the keyboard events. Can be either a element's `tagName`\n   * or a predicate. Returns a `Disposable` that can be used to remove the\n   * exclusion.\n   *\n   * Default `tagName` exclusions:\n   * 'VERTEX-SCENE-TREE'\n   * 'VERTEX-SCENE-TREE-SEARCH'\n   * 'VERTEX-VIEWER-PIN-TOOL'\n   * 'INPUT'\n   * 'TEXTAREA'\n   */\n  public excludeElement(predicate: (el: Element) => boolean): Disposable;\n  public excludeElement(tagName: string): Disposable;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public excludeElement(...args: any[]): Disposable {\n    if (typeof args[0] === 'string') {\n      this.excludeTagNames = [...this.excludeTagNames, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludeTagNames = this.excludeTagNames.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    } else {\n      this.excludePredicates = [...this.excludePredicates, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludePredicates = this.excludePredicates.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    }\n  }\n\n  private updateModelExclusions(): void {\n    this.model.setExcludedPredicate(\n      (el) =>\n        this.excludeTagNames.some((tn) => tn === el.tagName) ||\n        this.excludePredicates.some((p) => p(el))\n    );\n  }\n}\n","import { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\n\nexport interface ViewerWalkModeConfiguration {\n  teleportHeightPercentage: number;\n  teleportDistancePercentage: number;\n  teleportCollisionDistance: number;\n  keyboardWalkSpeed: number;\n  keyboardPivotDegrees: number;\n  keyboardRepeatIntervalMs: number;\n}\n\nexport type ViewerTeleportMode =\n  | 'teleport'\n  | 'teleport-and-align'\n  | 'teleport-toward';\n\nexport enum ViewerWalkModeOperation {\n  'MOVE_DOWN' = 'MOVE_DOWN',\n  'MOVE_UP' = 'MOVE_UP',\n  'PIVOT_DOWN' = 'PIVOT_DOWN',\n  'PIVOT_LEFT' = 'PIVOT_LEFT',\n  'PIVOT_RIGHT' = 'PIVOT_RIGHT',\n  'PIVOT_UP' = 'PIVOT_UP',\n  'WALK_BACKWARD' = 'WALK_BACKWARD',\n  'WALK_FORWARD' = 'WALK_FORWARD',\n  'WALK_LEFT' = 'WALK_LEFT',\n  'WALK_RIGHT' = 'WALK_RIGHT',\n}\n\nexport type ViewerWalkModeKeyBindings = Record<\n  ViewerWalkModeOperation,\n  KeyBinding[]\n>;\n\nexport class WalkModeModel {\n  private keyBindings: ViewerWalkModeKeyBindings = {\n    [ViewerWalkModeOperation.MOVE_DOWN]: [\n      new KeyBinding('PageDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.MOVE_UP]: [\n      new KeyBinding('PageUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_DOWN]: [\n      new KeyBinding('ArrowDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_LEFT]: [\n      new KeyBinding('ArrowLeft', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_RIGHT]: [\n      new KeyBinding('ArrowRight', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_UP]: [\n      new KeyBinding('ArrowUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.WALK_BACKWARD]: [new KeyBinding('s')],\n    [ViewerWalkModeOperation.WALK_FORWARD]: [new KeyBinding('w')],\n    [ViewerWalkModeOperation.WALK_LEFT]: [new KeyBinding('a')],\n    [ViewerWalkModeOperation.WALK_RIGHT]: [new KeyBinding('d')],\n  };\n\n  private configuration: ViewerWalkModeConfiguration = {\n    teleportHeightPercentage: 11.75,\n    teleportDistancePercentage: 2,\n    teleportCollisionDistance: 1000,\n    keyboardWalkSpeed: 5,\n    keyboardPivotDegrees: 1,\n    keyboardRepeatIntervalMs: 25,\n  };\n\n  private excludedPredicate?: (el: Element) => boolean;\n\n  private enabled = true;\n  private teleportMode?: ViewerTeleportMode;\n\n  private enabledChanged: EventDispatcher<boolean> = new EventDispatcher();\n\n  private teleportModeChanged: EventDispatcher<ViewerTeleportMode | undefined> =\n    new EventDispatcher<ViewerTeleportMode | undefined>();\n\n  private configurationChanged: EventDispatcher<ViewerWalkModeConfiguration> =\n    new EventDispatcher<ViewerWalkModeConfiguration>();\n\n  private keyBindingsChanged: EventDispatcher<ViewerWalkModeKeyBindings> =\n    new EventDispatcher<ViewerWalkModeKeyBindings>();\n\n  public setEnabled(enabled: boolean): void {\n    this.enabled = enabled;\n    this.enabledChanged.emit(enabled);\n  }\n\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.teleportMode = mode;\n    this.teleportModeChanged.emit(mode);\n  }\n\n  public setConfiguration(configuration: ViewerWalkModeConfiguration): void {\n    this.configuration = configuration;\n    this.configurationChanged.emit(configuration);\n  }\n\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [...this.keyBindings[operation], keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public setExcludedPredicate(predicate: (el: Element) => boolean): void {\n    this.excludedPredicate = predicate;\n  }\n\n  public getEnabled(): boolean {\n    return this.enabled;\n  }\n\n  public getTeleportMode(): ViewerTeleportMode | undefined {\n    return this.teleportMode;\n  }\n\n  public getTeleportHeightPercentage(): number {\n    return this.configuration.teleportHeightPercentage;\n  }\n\n  public getKeyboardWalkSpeed(): number {\n    return this.configuration.keyboardWalkSpeed;\n  }\n\n  public getKeyboardPivotDegrees(): number {\n    return this.configuration.keyboardPivotDegrees;\n  }\n\n  public getKeyboardRepeatInterval(): number {\n    return this.configuration.keyboardRepeatIntervalMs;\n  }\n\n  public getConfiguration(): ViewerWalkModeConfiguration {\n    return this.configuration;\n  }\n\n  public getKeyBindings(): ViewerWalkModeKeyBindings {\n    return this.keyBindings;\n  }\n\n  public operationMatches(\n    operation: ViewerWalkModeOperation,\n    state: Record<string, boolean>\n  ): boolean {\n    return this.keyBindings[operation].some((binding) =>\n      binding.matches(state)\n    );\n  }\n\n  public isElementExcluded(el: Element): boolean {\n    return !!this.excludedPredicate?.(el);\n  }\n\n  public onEnabledChange(listener: Listener<boolean>): Disposable {\n    return this.enabledChanged.on(listener);\n  }\n\n  public onTeleportModeChange(\n    listener: Listener<ViewerTeleportMode | undefined>\n  ): Disposable {\n    return this.teleportModeChanged.on(listener);\n  }\n\n  public onConfigurationChange(\n    listener: Listener<ViewerWalkModeConfiguration>\n  ): Disposable {\n    return this.configurationChanged.on(listener);\n  }\n\n  public onKeyBindingsChange(\n    listener: Listener<ViewerWalkModeKeyBindings>\n  ): Disposable {\n    return this.keyBindingsChanged.on(listener);\n  }\n}\n"],"version":3}

package/dist/viewer/p-4717fc39.js

@@ -1,5 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import{E as t}from"./p-05d09319.js";class e{constructor(...t){this.bindings=t.map((t=>t.toLowerCase()))}matches(t){return this.bindings.every((e=>this.bindingMatches(t,e)))}bindingMatches(t,e){const i=e.includes("!");const s=e.replace("!","");return i?!t[s]:t[s]}}class i{constructor(t){this.model=t;this.excludeTagNames=["VERTEX-SCENE-TREE","VERTEX-SCENE-TREE-SEARCH","VERTEX-VIEWER-PIN-TOOL","INPUT","TEXTAREA"];this.excludePredicates=[];this.updateModelExclusions()}updateModel(t){this.model=t}setEnabled(t){this.model.setEnabled(t)}setTeleportMode(t){this.model.setTeleportMode(t)}updateConfiguration(t){const e=this.model.getConfiguration();this.model.setConfiguration(Object.assign(Object.assign({},e),t))}addKeyBinding(t,...i){this.model.addKeyBinding(t,new e(...i))}replaceKeyBinding(t,...i){this.model.replaceKeyBinding(t,new e(...i))}excludeElement(...t){if(typeof t[0]==="string"){this.excludeTagNames=[...this.excludeTagNames,t[0]];this.updateModelExclusions();return{dispose:()=>{this.excludeTagNames=this.excludeTagNames.filter((e=>e!==t[0]))}}}else{this.excludePredicates=[...this.excludePredicates,t[0]];this.updateModelExclusions();return{dispose:()=>{this.excludePredicates=this.excludePredicates.filter((e=>e!==t[0]))}}}}updateModelExclusions(){this.model.setExcludedPredicate((t=>this.excludeTagNames.some((e=>e===t.tagName))||this.excludePredicates.some((e=>e(t)))))}}var s;(function(t){t["MOVE_DOWN"]="MOVE_DOWN";t["MOVE_UP"]="MOVE_UP";t["PIVOT_DOWN"]="PIVOT_DOWN";t["PIVOT_LEFT"]="PIVOT_LEFT";t["PIVOT_RIGHT"]="PIVOT_RIGHT";t["PIVOT_UP"]="PIVOT_UP";t["WALK_BACKWARD"]="WALK_BACKWARD";t["WALK_FORWARD"]="WALK_FORWARD";t["WALK_LEFT"]="WALK_LEFT";t["WALK_RIGHT"]="WALK_RIGHT"})(s||(s={}));class n{constructor(){this.keyBindings={[s.MOVE_DOWN]:[new e("PageDown","!Shift","!Alt")],[s.MOVE_UP]:[new e("PageUp","!Shift","!Alt")],[s.PIVOT_DOWN]:[new e("ArrowDown","!Shift","!Alt")],[s.PIVOT_LEFT]:[new e("ArrowLeft","!Shift","!Alt")],[s.PIVOT_RIGHT]:[new e("ArrowRight","!Shift","!Alt")],[s.PIVOT_UP]:[new e("ArrowUp","!Shift","!Alt")],[s.WALK_BACKWARD]:[new e("s")],[s.WALK_FORWARD]:[new e("w")],[s.WALK_LEFT]:[new e("a")],[s.WALK_RIGHT]:[new e("d")]};this.configuration={teleportHeightPercentage:11.75,teleportDistancePercentage:2,teleportCollisionDistance:1e3,keyboardWalkSpeed:5,keyboardPivotDegrees:1,keyboardRepeatIntervalMs:25};this.enabled=true;this.enabledChanged=new t;this.teleportModeChanged=new t;this.configurationChanged=new t;this.keyBindingsChanged=new t}setEnabled(t){this.enabled=t;this.enabledChanged.emit(t)}setTeleportMode(t){this.teleportMode=t;this.teleportModeChanged.emit(t)}setConfiguration(t){this.configuration=t;this.configurationChanged.emit(t)}addKeyBinding(t,e){this.keyBindings[t]=[...this.keyBindings[t],e];this.keyBindingsChanged.emit(this.keyBindings)}replaceKeyBinding(t,e){this.keyBindings[t]=[e];this.keyBindingsChanged.emit(this.keyBindings)}setExcludedPredicate(t){this.excludedPredicate=t}getEnabled(){return this.enabled}getTeleportMode(){return this.teleportMode}getTeleportHeightPercentage(){return this.configuration.teleportHeightPercentage}getKeyboardWalkSpeed(){return this.configuration.keyboardWalkSpeed}getKeyboardPivotDegrees(){return this.configuration.keyboardPivotDegrees}getKeyboardRepeatInterval(){return this.configuration.keyboardRepeatIntervalMs}getConfiguration(){return this.configuration}getKeyBindings(){return this.keyBindings}operationMatches(t,e){return this.keyBindings[t].some((t=>t.matches(e)))}isElementExcluded(t){var e;return!!((e=this.excludedPredicate)===null||e===void 0?void 0:e.call(this,t))}onEnabledChange(t){return this.enabledChanged.on(t)}onTeleportModeChange(t){return this.teleportModeChanged.on(t)}onConfigurationChange(t){return this.configurationChanged.on(t)}onKeyBindingsChange(t){return this.keyBindingsChanged.on(t)}}export{s as V,n as W,i as a};
-//# sourceMappingURL=p-4717fc39.js.map

package/dist/viewer/p-4717fc39.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/lib/keyBinding.ts","src/lib/walk-mode/controller.ts","src/lib/walk-mode/model.ts"],"names":["KeyBinding","[object Object]","bindings","this","map","binding","toLowerCase","keys","every","bindingMatches","negated","includes","key","replace","WalkModeController","model","excludeTagNames","excludePredicates","updateModelExclusions","enabled","setEnabled","mode","setTeleportMode","configuration","existing","getConfiguration","setConfiguration","Object","assign","operation","addKeyBinding","replaceKeyBinding","args","dispose","filter","tn","setExcludedPredicate","el","some","tagName","p","ViewerWalkModeOperation","WalkModeModel","keyBindings","MOVE_DOWN","MOVE_UP","PIVOT_DOWN","PIVOT_LEFT","PIVOT_RIGHT","PIVOT_UP","WALK_BACKWARD","WALK_FORWARD","WALK_LEFT","WALK_RIGHT","teleportHeightPercentage","teleportDistancePercentage","teleportCollisionDistance","keyboardWalkSpeed","keyboardPivotDegrees","keyboardRepeatIntervalMs","enabledChanged","EventDispatcher","teleportModeChanged","configurationChanged","keyBindingsChanged","emit","teleportMode","keyBinding","predicate","excludedPredicate","state","matches","_a","call","listener","on"],"mappings":"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","sourcesContent":["export class KeyBinding {\n  private bindings: string[];\n\n  public constructor(...bindings: string[]) {\n    this.bindings = bindings.map((binding) => binding.toLowerCase());\n  }\n\n  public matches(keys: Record<string, boolean>): boolean {\n    return this.bindings.every((binding) => this.bindingMatches(keys, binding));\n  }\n\n  private bindingMatches(\n    keys: Record<string, boolean>,\n    binding: string\n  ): boolean {\n    const negated = binding.includes('!');\n    const key = binding.replace('!', '');\n\n    return negated ? !keys[key] : keys[key];\n  }\n}\n","import { Disposable } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\nimport {\n  ViewerTeleportMode,\n  ViewerWalkModeConfiguration,\n  ViewerWalkModeOperation,\n  WalkModeModel,\n} from './model';\n\nexport class WalkModeController {\n  private excludeTagNames: Array<string> = [\n    'VERTEX-SCENE-TREE',\n    'VERTEX-SCENE-TREE-SEARCH',\n    'VERTEX-VIEWER-PIN-TOOL',\n    'INPUT',\n    'TEXTAREA',\n  ];\n\n  private excludePredicates: Array<(el: Element) => boolean> = [];\n\n  public constructor(private model: WalkModeModel) {\n    this.updateModelExclusions();\n  }\n\n  /**\n   * @internal\n   */\n  public updateModel(model: WalkModeModel): void {\n    this.model = model;\n  }\n\n  /**\n   * Sets whether downstream walk mode interaction handlers are enabled.\n   * Setting this value to `false` will remove all event listeners for\n   * the interactions, and setting this value to `true` will add or\n   * re-add the event listeners.\n   */\n  public setEnabled(enabled: boolean): void {\n    this.model.setEnabled(enabled);\n  }\n\n  /**\n   * Sets the `ViewerTeleportMode` to be used with a `<vertex-viewer-teleport-tool>`.\n   */\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.model.setTeleportMode(mode);\n  }\n\n  /**\n   * Updates the configuration for downstream walk mode interaction handlers.\n   *\n   * `teleportHeightPercentage` - percentage used for fine-tuning the distance to offset\n   * the camera from a surface when performing a `teleport-and-align`. This percentage is\n   * used alongside the shortest side of the visible bounding box to determine how far to\n   * place the camera from the surface that has been hit, with a larger percentage placing\n   * the camera further from the surface and vice-versa. Defaults to 11.75%.\n   *\n   * `teleportDistancePercentage` - percentage used for fine-tuning the distance moved per\n   * click with the `teleport-toward` mode. This percentage is used alongside the longest\n   * side of the visible bounding box to determine how far to move the camera's position\n   * with each click, with a larger percentage moving the camera further and vice-versa.\n   * Defaults to 2%.\n   *\n   * `teleportCollisionDistance` - distance used alongside the `teleportCollisionPercentage`\n   * to determine whether a click with the `teleport-toward` mode would cause a \"collision\",\n   * or would pass through the point clicked. If such a collision would occur, the camera is\n   * instead placed this distance back from the point clicked once, then allowed to pass\n   * through the point on subsequent clicks. Note that this will not apply if clicks occur\n   * in quick succession without setting the `depthBuffers` property on the `<vertex-viewer>`\n   * to `all` frames. Defaults to `1000`.\n   *\n   * `keyboardWalkSpeed` - speed to move the camera when performing keyboard-based\n   * walk interactions. A larger number here will result in a faster walk speed through\n   * the model and vice-versa. Defaults to `5`.\n   *\n   * `keyboardPivotDegrees` - number of degrees to move the camera when performing\n   * keyboard-based pivot interactions. Defaults to `1`.\n   *\n   * `keyboardRepeatIntervalMs` - number of milliseconds to repeat keyboard-based interactions.\n   * this value is multiplicative with the `keyboardWalkSpeed` and `keyboardPivotDegrees`, and\n   * lower numbers will result in faster movement and vice-versa. Defaults to `25`.\n   *\n   */\n  public updateConfiguration(\n    configuration: Partial<ViewerWalkModeConfiguration>\n  ): void {\n    const existing = this.model.getConfiguration();\n\n    this.model.setConfiguration({\n      ...existing,\n      ...configuration,\n    });\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will append to the\n   * existing set of keybindings to allow for multiple keybindings for a specific\n   * operation. To replace the defaults, see `replaceKeyBinding`.\n   */\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.addKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds a custom keybinding for a specific walk operation. This will replace any\n   * existing keybindings to allow for overriding the default behavior.\n   *\n   * @example\n   * ```\n   * const walkModeTool = document.querySelector('vertex-viewer-walk-mode-tool');\n   *\n   * // Remove keybinding for the `PIVOT_UP` operation\n   * walkModeTool.controller.replaceKeyBinding('PIVOT_UP');\n   *\n   * // Replace keybinding for `WALK_FORWARD` with `ArrowUp` instead of `w`\n   * walkModeTool.controller.replaceKeyBinding('WALK_FORWARD', 'ArrowUp');\n   * ```\n   */\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    ...keys: string[]\n  ): void {\n    this.model.replaceKeyBinding(operation, new KeyBinding(...keys));\n  }\n\n  /**\n   * Adds an exclusion for specific elements when responding to keyboard\n   * events. This is useful when there are other elements on screen that\n   * require keyboard interaction and the walk mode handlers should not\n   * respond to the keyboard events. Can be either a element's `tagName`\n   * or a predicate. Returns a `Disposable` that can be used to remove the\n   * exclusion.\n   *\n   * Default `tagName` exclusions:\n   * 'VERTEX-SCENE-TREE'\n   * 'VERTEX-SCENE-TREE-SEARCH'\n   * 'VERTEX-VIEWER-PIN-TOOL'\n   * 'INPUT'\n   * 'TEXTAREA'\n   */\n  public excludeElement(predicate: (el: Element) => boolean): Disposable;\n  public excludeElement(tagName: string): Disposable;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  public excludeElement(...args: any[]): Disposable {\n    if (typeof args[0] === 'string') {\n      this.excludeTagNames = [...this.excludeTagNames, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludeTagNames = this.excludeTagNames.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    } else {\n      this.excludePredicates = [...this.excludePredicates, args[0]];\n\n      this.updateModelExclusions();\n\n      return {\n        dispose: () => {\n          this.excludePredicates = this.excludePredicates.filter(\n            (tn) => tn !== args[0]\n          );\n        },\n      };\n    }\n  }\n\n  private updateModelExclusions(): void {\n    this.model.setExcludedPredicate(\n      (el) =>\n        this.excludeTagNames.some((tn) => tn === el.tagName) ||\n        this.excludePredicates.some((p) => p(el))\n    );\n  }\n}\n","import { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { KeyBinding } from '../keyBinding';\n\nexport interface ViewerWalkModeConfiguration {\n  teleportHeightPercentage: number;\n  teleportDistancePercentage: number;\n  teleportCollisionDistance: number;\n  keyboardWalkSpeed: number;\n  keyboardPivotDegrees: number;\n  keyboardRepeatIntervalMs: number;\n}\n\nexport type ViewerTeleportMode =\n  | 'teleport'\n  | 'teleport-and-align'\n  | 'teleport-toward';\n\nexport enum ViewerWalkModeOperation {\n  'MOVE_DOWN' = 'MOVE_DOWN',\n  'MOVE_UP' = 'MOVE_UP',\n  'PIVOT_DOWN' = 'PIVOT_DOWN',\n  'PIVOT_LEFT' = 'PIVOT_LEFT',\n  'PIVOT_RIGHT' = 'PIVOT_RIGHT',\n  'PIVOT_UP' = 'PIVOT_UP',\n  'WALK_BACKWARD' = 'WALK_BACKWARD',\n  'WALK_FORWARD' = 'WALK_FORWARD',\n  'WALK_LEFT' = 'WALK_LEFT',\n  'WALK_RIGHT' = 'WALK_RIGHT',\n}\n\nexport type ViewerWalkModeKeyBindings = Record<\n  ViewerWalkModeOperation,\n  KeyBinding[]\n>;\n\nexport class WalkModeModel {\n  private keyBindings: ViewerWalkModeKeyBindings = {\n    [ViewerWalkModeOperation.MOVE_DOWN]: [\n      new KeyBinding('PageDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.MOVE_UP]: [\n      new KeyBinding('PageUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_DOWN]: [\n      new KeyBinding('ArrowDown', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_LEFT]: [\n      new KeyBinding('ArrowLeft', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_RIGHT]: [\n      new KeyBinding('ArrowRight', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.PIVOT_UP]: [\n      new KeyBinding('ArrowUp', '!Shift', '!Alt'),\n    ],\n    [ViewerWalkModeOperation.WALK_BACKWARD]: [new KeyBinding('s')],\n    [ViewerWalkModeOperation.WALK_FORWARD]: [new KeyBinding('w')],\n    [ViewerWalkModeOperation.WALK_LEFT]: [new KeyBinding('a')],\n    [ViewerWalkModeOperation.WALK_RIGHT]: [new KeyBinding('d')],\n  };\n\n  private configuration: ViewerWalkModeConfiguration = {\n    teleportHeightPercentage: 11.75,\n    teleportDistancePercentage: 2,\n    teleportCollisionDistance: 1000,\n    keyboardWalkSpeed: 5,\n    keyboardPivotDegrees: 1,\n    keyboardRepeatIntervalMs: 25,\n  };\n\n  private excludedPredicate?: (el: Element) => boolean;\n\n  private enabled = true;\n  private teleportMode?: ViewerTeleportMode;\n\n  private enabledChanged: EventDispatcher<boolean> = new EventDispatcher();\n\n  private teleportModeChanged: EventDispatcher<ViewerTeleportMode | undefined> =\n    new EventDispatcher<ViewerTeleportMode | undefined>();\n\n  private configurationChanged: EventDispatcher<ViewerWalkModeConfiguration> =\n    new EventDispatcher<ViewerWalkModeConfiguration>();\n\n  private keyBindingsChanged: EventDispatcher<ViewerWalkModeKeyBindings> =\n    new EventDispatcher<ViewerWalkModeKeyBindings>();\n\n  public setEnabled(enabled: boolean): void {\n    this.enabled = enabled;\n    this.enabledChanged.emit(enabled);\n  }\n\n  public setTeleportMode(mode?: ViewerTeleportMode): void {\n    this.teleportMode = mode;\n    this.teleportModeChanged.emit(mode);\n  }\n\n  public setConfiguration(configuration: ViewerWalkModeConfiguration): void {\n    this.configuration = configuration;\n    this.configurationChanged.emit(configuration);\n  }\n\n  public addKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [...this.keyBindings[operation], keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public replaceKeyBinding(\n    operation: ViewerWalkModeOperation,\n    keyBinding: KeyBinding\n  ): void {\n    this.keyBindings[operation] = [keyBinding];\n    this.keyBindingsChanged.emit(this.keyBindings);\n  }\n\n  public setExcludedPredicate(predicate: (el: Element) => boolean): void {\n    this.excludedPredicate = predicate;\n  }\n\n  public getEnabled(): boolean {\n    return this.enabled;\n  }\n\n  public getTeleportMode(): ViewerTeleportMode | undefined {\n    return this.teleportMode;\n  }\n\n  public getTeleportHeightPercentage(): number {\n    return this.configuration.teleportHeightPercentage;\n  }\n\n  public getKeyboardWalkSpeed(): number {\n    return this.configuration.keyboardWalkSpeed;\n  }\n\n  public getKeyboardPivotDegrees(): number {\n    return this.configuration.keyboardPivotDegrees;\n  }\n\n  public getKeyboardRepeatInterval(): number {\n    return this.configuration.keyboardRepeatIntervalMs;\n  }\n\n  public getConfiguration(): ViewerWalkModeConfiguration {\n    return this.configuration;\n  }\n\n  public getKeyBindings(): ViewerWalkModeKeyBindings {\n    return this.keyBindings;\n  }\n\n  public operationMatches(\n    operation: ViewerWalkModeOperation,\n    state: Record<string, boolean>\n  ): boolean {\n    return this.keyBindings[operation].some((binding) =>\n      binding.matches(state)\n    );\n  }\n\n  public isElementExcluded(el: Element): boolean {\n    return !!this.excludedPredicate?.(el);\n  }\n\n  public onEnabledChange(listener: Listener<boolean>): Disposable {\n    return this.enabledChanged.on(listener);\n  }\n\n  public onTeleportModeChange(\n    listener: Listener<ViewerTeleportMode | undefined>\n  ): Disposable {\n    return this.teleportModeChanged.on(listener);\n  }\n\n  public onConfigurationChange(\n    listener: Listener<ViewerWalkModeConfiguration>\n  ): Disposable {\n    return this.configurationChanged.on(listener);\n  }\n\n  public onKeyBindingsChange(\n    listener: Listener<ViewerWalkModeKeyBindings>\n  ): Disposable {\n    return this.keyBindingsChanged.on(listener);\n  }\n}\n"]}