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

package/dist/esm/vertex-scene-tree-table-cell.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"vertex-scene-tree-table-cell.entry.js","sources":["src/components/scene-tree-table-cell/scene-tree-table-cell.css?tag=vertex-scene-tree-table-cell&encapsulation=shadow","src/components/scene-tree-table-cell/scene-tree-table-cell.tsx"],"sourcesContent":["@import url('../../css/button-reset.css');\n\n:host {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  /**\n   * @prop --scene-tree-cell-background-hover: A CSS background of a cell when\n   * hovered.\n   */\n  --scene-tree-cell-background-hover: var(--blue-200);\n\n  /**\n     * @prop --scene-tree-cell-background-selected: A CSS background color of a\n     * cell when selected.\n     */\n  --scene-tree-cell-background-selected: var(--blue-300);\n\n  /**\n     * @prop --scene-tree-cell-text-positioning: A CSS text alignment\n     * value that indicates how text should be positioned.\n     */\n  --scene-tree-cell-text-positioning: left;\n\n  /**\n     * @prop --scene-tree-cell-padding: CSS lengths that specifies the amount of\n     * padding between the cell's border and content.\n     */\n  --scene-tree-cell-padding: 0.25rem 0;\n\n  font-size: var(--scene-tree-default-font-size, unset);\n  font-family: var(--scene-tree-default-font-family, unset);\n  color: var(--scene-tree-default-font-color, #444444);\n}\n\n:host([is-hovered]) {\n  background: var(--scene-tree-cell-background-hover);\n}\n\n:host([is-selected]) {\n  background: var(--scene-tree-cell-background-selected);\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: var(--scene-tree-cell-padding);\n}\n\n.content {\n  width: 100%;\n  text-align: var(--scene-tree-cell-text-positioning);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.column-spacer {\n  width: var(--scene-tree-table-column-gap);\n}\n\n.expand-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  min-height: 24px;\n}\n\n:host([is-leaf]) .expand-btn,\n:host([is-end-item]) .expand-btn {\n  visibility: hidden;\n  cursor: default;\n}\n\n.no-shrink {\n  flex-shrink: 0;\n}\n\n.end-item-btn {\n  cursor: default;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  min-height: 24px;\n}\n\n:host(:not([is-end-item])) .end-item-btn {\n  visibility: hidden;\n  cursor: default;\n}\n\n.end-item-icon {\n  width: 14px;\n  height: 14px;\n  fill: var(--scene-tree-secondary-font-color, var(--neutral-600));\n}\n\n.visibility-btn,\n.isolate-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n}\n\n.icon {\n  width: 14px;\n  height: 14px;\n  fill: var(--scene-tree-default-font-color, currentColor);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { Events } from '../../lib/types';\nimport { SceneTreeOperationHandler } from '../scene-tree/lib/handlers';\nimport { SceneTreeCellHoverController } from '../scene-tree-table-layout/lib/hover-controller';\nimport { ViewerIconName } from '../viewer-icon/viewer-icon';\nimport { blurElement } from './utils';\n\nexport interface SceneTreeTableCellEventDetails {\n  node?: Node.AsObject;\n  originalEvent: PointerEvent;\n}\n\n@Component({\n  tag: 'vertex-scene-tree-table-cell',\n  styleUrl: 'scene-tree-table-cell.css',\n  shadow: true,\n})\nexport class SceneTreeTableCell {\n  /**\n   * The node data that is associated to the row that this cell belongs to.\n   * Contains information related to if the node is expanded, visible, etc.\n   */\n  @Prop()\n  public node?: Node.AsObject;\n\n  /**\n   * A reference to the scene tree to perform operations for interactions. Such\n   * as expansion, visibility and selection.\n   */\n  @Prop()\n  public tree?: HTMLVertexSceneTreeElement;\n\n  /**\n   * The value to display in this cell.\n   */\n  @Prop()\n  public value?: string;\n\n  /**\n   * The value to display in this cell if the `value` specified is\n   * undefined. Defaults to \"--\".\n   */\n  @Prop()\n  public placeholder = '--';\n\n  /**\n   * Whether to always show the requested icons in the cell. If false,\n   * the icons will only appear when hovering over the cell.\n   */\n  @Prop()\n  public alwaysShowIcons = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public hovered = false;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public isScrolling?: boolean;\n\n  /**\n   * Indicates whether to display a button for toggling the expanded state of\n   * the node associated with this cell.\n   */\n  @Prop()\n  public expandToggle?: boolean;\n\n  /**\n   * Indicates whether to display an indicator that the node associated with\n   * this cell is an end item.\n   */\n  @Prop()\n  public endItemIndicator?: boolean;\n\n  /**\n   * Indicates whether to display a button for toggling the visibility state of\n   * the node associated with this cell.\n   */\n  @Prop()\n  public visibilityToggle?: boolean;\n\n  /**\n   * Indicates whether to display a button for isolating (show only + fly to)\n   * the node associated with this cell.\n   */\n  @Prop()\n  public isolateButton?: boolean;\n\n  /**\n   * An optional handler that will override this cell's default selection\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public selectionHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default visibility\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public visibilityHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default expansion\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public expansionHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default isolate\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public isolateHandler?: SceneTreeOperationHandler;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public hoverController?: SceneTreeCellHoverController;\n\n  /**\n   * An event that is emitted when a user requests to expand the node. This is\n   * emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public expandToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to change the node's\n   * visibility. This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public visibilityToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to change the node's selection\n   * state. This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public selectionToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to isolate the node.\n   * This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public isolatePressed!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * Used for internals or testing.\n   *\n   * @private\n   */\n  @Event({ bubbles: true })\n  public cellLoaded!: EventEmitter<void>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  private hoverListener?: Disposable;\n\n  private longPressTimer?: number;\n\n  public componentDidLoad(): void {\n    this.hoverListener = this.hoverController?.stateChanged((id?: string) => {\n      this.hovered = id === this.node?.id?.hex;\n    });\n\n    this.cellLoaded.emit();\n    this.clearLongPressTimer();\n  }\n\n  public disconnectedCallback(): void {\n    this.hoverListener?.dispose();\n    this.clearLongPressTimer();\n  }\n\n  public componentWillRender(): void {\n    this.toggleAttribute('is-hovered', this.hovered);\n    this.toggleAttribute('is-hidden', !this.node?.visible);\n    this.toggleAttribute('is-selected', !!this.node?.selected);\n    this.toggleAttribute('is-partial', !!this.node?.partiallyVisible);\n    this.toggleAttribute('is-leaf', !!this.node?.isLeaf);\n    this.toggleAttribute('is-end-item', !!this.node?.endItem);\n    this.toggleAttribute('is-filter-hit', !!this.node?.filterHit);\n  }\n\n  public render(): h.JSX.IntrinsicElements {\n    // Overrides the `.hydrated` visibility when we have nothing to display\n    const hiddenStyle =\n      this.node == null ? { visibility: 'hidden' } : undefined;\n    const backgroundColorStyle = this.getBackgroundColorStyle();\n\n    const endItemIcon = this.getEndItemIcon();\n    const expansionIcon = this.getExpansionIcon();\n    const isolateIcon = this.getIsolateIcon();\n    const visibilityIcon = this.getVisibilityIcon();\n\n    const showSpaceForExpansionIcon = this.expandToggle && !endItemIcon;\n    const showSpaceForEndItemIcon = endItemIcon && !showSpaceForExpansionIcon;\n\n    return (\n      <Host\n        onPointerEnter={this.handleCellPointerEnter}\n        onPointerLeave={this.handleCellPointerLeave}\n        onPointerUp={this.handleCellPointerUp}\n        onPointerDown={this.handleCellPointerDown}\n        style={{\n          ...hiddenStyle,\n          'background-color': backgroundColorStyle,\n        }}\n      >\n        <div class=\"wrapper\">\n          <div class=\"no-shrink\">\n            <slot name=\"left-gutter\" />\n          </div>\n          {showSpaceForExpansionIcon && (\n            <button\n              class=\"expand-btn no-shrink\"\n              data-testid={'expand-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(\n                this.toggleExpansion,\n              )}\n            >\n              {expansionIcon && (\n                <vertex-viewer-icon\n                  class=\"icon\"\n                  name={expansionIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n\n          {showSpaceForEndItemIcon && (\n            <button\n              class=\"end-item-btn no-shrink\"\n              data-testid={'end-item-' + this.node?.name}\n            >\n              {endItemIcon && (\n                <vertex-viewer-icon\n                  class=\"end-item-icon\"\n                  name={endItemIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n\n          <div class=\"content\">\n            {this.value != null && this.value.trim() !== '' ? (\n              <slot>{this.displayValue()}</slot>\n            ) : (\n              <slot name=\"placeholder\">{this.placeholder}</slot>\n            )}\n          </div>\n          {this.isolateButton && (\n            <button\n              class=\"isolate-btn no-shrink\"\n              data-testid={'isolate-btn-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(this.isolate)}\n            >\n              {isolateIcon && (\n                <vertex-viewer-icon class=\"icon\" name=\"locate\" size=\"sm\" />\n              )}\n            </button>\n          )}\n          {this.visibilityToggle && (\n            <button\n              class=\"visibility-btn no-shrink\"\n              data-testid={'visibility-btn-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(\n                this.toggleVisibility,\n              )}\n            >\n              {visibilityIcon && (\n                <vertex-viewer-icon\n                  class=\"icon\"\n                  name={visibilityIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n          <div class=\"no-shrink\">\n            <slot name=\"right-gutter\" />\n          </div>\n          {!this.visibilityToggle && !this.isolateButton && (\n            <div class=\"column-spacer\" />\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  private displayValue = (): string => {\n    const resp =\n      this.value == null || this.value.trim() === ''\n        ? this.placeholder\n        : this.value;\n\n    return resp;\n  };\n\n  private handleCellPointerEnter = (): void => {\n    this.hoverController?.setHovered(this.node?.id?.hex);\n  };\n\n  private handleCellPointerLeave = (): void => {\n    this.hoverController?.setHovered(undefined);\n  };\n\n  private handleCellPointerUp = (event: PointerEvent): void => {\n    if (\n      !this.isScrolling &&\n      this.node != null &&\n      this.tree != null &&\n      this.longPressTimer != null\n    ) {\n      if (this.selectionHandler != null) {\n        this.selectionHandler(event, this.node, this.tree);\n      } else {\n        this.performDefaultSelectionOperation(event);\n      }\n      this.selectionToggled.emit({ node: this.node, originalEvent: event });\n    }\n    this.clearLongPressTimer();\n  };\n\n  private handleCellPointerDown = (event: PointerEvent): void => {\n    this.restartLongPressTimer();\n  };\n\n  private createActionPointerUpHandler = (\n    action: (event: PointerEvent) => void,\n  ): ((event: PointerEvent) => void) => {\n    return (event) => {\n      // Blur the `hostEl` after a `preventDefault` to clear focus that\n      // is left on the element after `pointerdown` event.\n      event.preventDefault();\n      event.stopPropagation();\n      blurElement(this.hostEl);\n\n      action(event);\n    };\n  };\n\n  private toggleExpansion = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.expansionHandler != null) {\n        this.expansionHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultExpansionOperation(this.node, this.tree);\n      }\n      this.expandToggled.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private toggleVisibility = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.visibilityHandler != null) {\n        this.visibilityHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultVisibilityOperation(this.node, this.tree);\n      }\n      this.visibilityToggled.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private toggleAttribute(attr: string, value: boolean): void {\n    if (value) {\n      this.hostEl.setAttribute(attr, '');\n    } else {\n      this.hostEl.removeAttribute(attr);\n    }\n  }\n\n  private isolate = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.isolateHandler != null) {\n        this.isolateHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultIsolateOperation(this.node, this.tree);\n      }\n      this.isolatePressed.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private performDefaultSelectionOperation = (event: PointerEvent): void => {\n    if (!event.defaultPrevented && event.button === 0) {\n      if ((event.ctrlKey || event.metaKey) && this.node?.selected) {\n        this.tree?.deselectItem(this.node);\n      } else if (this.node?.selected) {\n        this.tree?.selectItem(this.node, {\n          recurseParent: true,\n        });\n      } else if (!this.node?.selected) {\n        this.tree?.selectItem(this.node, {\n          append: event.ctrlKey || event.metaKey,\n          range: event.shiftKey,\n        });\n      }\n    }\n  };\n\n  private performDefaultVisibilityOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.toggleItemVisibility(node);\n  };\n\n  private performDefaultIsolateOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.isolateItem(node);\n  };\n\n  private performDefaultExpansionOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.toggleExpandItem(node);\n  };\n\n  private clearLongPressTimer(): void {\n    if (this.longPressTimer != null) {\n      window.clearTimeout(this.longPressTimer);\n    }\n    this.longPressTimer = undefined;\n  }\n\n  private restartLongPressTimer(): void {\n    this.clearLongPressTimer();\n    this.longPressTimer = window.setTimeout(() => {\n      this.clearLongPressTimer();\n    }, Events.defaultEventConfig.longPressThreshold);\n  }\n\n  private getBackgroundColorStyle(): string {\n    const backgroundColorStyle = this.getCssVariableWithFallbacks(\n      `--scene-tree-row-background-color-depth-${this.node?.depth}`,\n      '--scene-tree-row-background-color',\n    );\n    const selectedBackgroundColorStyle = this.getCssVariableWithFallbacks(\n      '--scene-tree-selected-row-background-color',\n      '--scene-tree-cell-background-selected',\n    );\n    const hoveredBackgroundColorStyle = this.getCssVariableWithFallbacks(\n      '--scene-tree-hovered-row-background-color',\n      '--scene-tree-cell-background-hover',\n    );\n\n    if (!!this.node?.selected) {\n      return selectedBackgroundColorStyle;\n    } else if (this.hovered) {\n      return hoveredBackgroundColorStyle;\n    }\n    return backgroundColorStyle;\n  }\n\n  private getCssVariableWithFallbacks(\n    variable: string,\n    ...fallbacks: string[]\n  ): string {\n    const sequencedFallbacks = [...fallbacks].reverse();\n\n    return [...sequencedFallbacks, variable].reduce(\n      (res, s) => `var(${s}, ${res})`,\n      'unset',\n    );\n  }\n\n  private getIsolateIcon(): ViewerIconName | undefined {\n    if (this.hovered || this.alwaysShowIcons) {\n      return 'locate';\n    }\n    return undefined;\n  }\n\n  private getExpansionIcon(): ViewerIconName | undefined {\n    if (!this.node?.isLeaf && !this.node?.endItem) {\n      return this.node?.expanded ? 'chevron-down' : 'chevron-right';\n    }\n    return undefined;\n  }\n\n  private getEndItemIcon(): ViewerIconName | undefined {\n    // Return the end item icon for an item if it is set as an end item and either is not a leaf item\n    // or matches the filter. Note that in the filtered view, an end item matching the filter will always be\n    // marked as a leaf node because its children will be excluded from the search results and therefore\n    // not present in the filtered tree.\n    if (\n      this.endItemIndicator &&\n      this.node?.endItem &&\n      (!this.node?.isLeaf || this.node?.filterHit)\n    ) {\n      return 'lock';\n    }\n    return undefined;\n  }\n\n  private getVisibilityIcon(): ViewerIconName | undefined {\n    if (\n      (this.hovered || this.alwaysShowIcons) &&\n      !this.node?.partiallyVisible &&\n      this.node?.visible\n    ) {\n      return 'eye-open';\n    } else if (!this.node?.partiallyVisible && !this.node?.visible) {\n      return 'eye-half';\n    } else if (this.node?.partiallyVisible) {\n      return 'eye-half-dotted';\n    }\n    return undefined;\n  }\n}\n"],"names":["Events.defaultEventConfig"],"mappings":"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"}
+{"version":3,"file":"vertex-scene-tree-table-cell.entry.js","sources":["src/components/scene-tree-table-cell/scene-tree-table-cell.css?tag=vertex-scene-tree-table-cell&encapsulation=shadow","src/components/scene-tree-table-cell/scene-tree-table-cell.tsx"],"sourcesContent":["@import url('../../css/button-reset.css');\n\n:host {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  /**\n   * @prop --scene-tree-cell-background-hover: A CSS background of a cell when\n   * hovered.\n   */\n  --scene-tree-cell-background-hover: var(--blue-200);\n\n  /**\n     * @prop --scene-tree-cell-background-selected: A CSS background color of a\n     * cell when selected.\n     */\n  --scene-tree-cell-background-selected: var(--blue-300);\n\n  /**\n     * @prop --scene-tree-cell-text-positioning: A CSS text alignment\n     * value that indicates how text should be positioned.\n     */\n  --scene-tree-cell-text-positioning: left;\n\n  /**\n     * @prop --scene-tree-cell-padding: CSS lengths that specifies the amount of\n     * padding between the cell's border and content.\n     */\n  --scene-tree-cell-padding: 0.25rem 0;\n\n  font-size: var(--scene-tree-default-font-size, unset);\n  font-family: var(--scene-tree-default-font-family, unset);\n  color: var(--scene-tree-default-font-color, #444444);\n}\n\n:host([is-hovered]) {\n  background: var(--scene-tree-cell-background-hover);\n}\n\n:host([is-selected]) {\n  background: var(--scene-tree-cell-background-selected);\n}\n\n.wrapper {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: var(--scene-tree-cell-padding);\n}\n\n.content {\n  width: 100%;\n  text-align: var(--scene-tree-cell-text-positioning);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.column-spacer {\n  width: var(--scene-tree-table-column-gap);\n}\n\n.expand-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  min-height: 24px;\n}\n\n:host([is-leaf]) .expand-btn,\n:host([is-end-item]) .expand-btn {\n  visibility: hidden;\n  cursor: default;\n}\n\n.no-shrink {\n  flex-shrink: 0;\n}\n\n.end-item-btn {\n  cursor: default;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 24px;\n  min-height: 24px;\n}\n\n:host(:not([is-end-item])) .end-item-btn {\n  visibility: hidden;\n  cursor: default;\n}\n\n.end-item-icon {\n  width: 14px;\n  height: 14px;\n  fill: var(--scene-tree-secondary-font-color, var(--neutral-600));\n}\n\n.visibility-btn,\n.isolate-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n}\n\n.icon {\n  width: 14px;\n  height: 14px;\n  fill: var(--scene-tree-default-font-color, currentColor);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { Events } from '../../lib/types';\nimport { SceneTreeOperationHandler } from '../scene-tree/lib/handlers';\nimport { SceneTreeCellHoverController } from '../scene-tree-table-layout/lib/hover-controller';\nimport { ViewerIconName } from '../viewer-icon/viewer-icon';\nimport { blurElement } from './utils';\n\nexport interface SceneTreeTableCellEventDetails {\n  node?: Node.AsObject;\n  originalEvent: PointerEvent;\n}\n\n@Component({\n  tag: 'vertex-scene-tree-table-cell',\n  styleUrl: 'scene-tree-table-cell.css',\n  shadow: true,\n})\nexport class SceneTreeTableCell {\n  /**\n   * The node data that is associated to the row that this cell belongs to.\n   * Contains information related to if the node is expanded, visible, etc.\n   */\n  @Prop()\n  public node?: Node.AsObject;\n\n  /**\n   * A reference to the scene tree to perform operations for interactions. Such\n   * as expansion, visibility and selection.\n   */\n  @Prop()\n  public tree?: HTMLVertexSceneTreeElement;\n\n  /**\n   * The value to display in this cell.\n   */\n  @Prop()\n  public value?: string;\n\n  /**\n   * The value to display in this cell if the `value` specified is\n   * undefined. Defaults to \"--\".\n   */\n  @Prop()\n  public placeholder = '--';\n\n  /**\n   * Whether to always show the requested icons in the cell. If false,\n   * the icons will only appear when hovering over the cell.\n   */\n  @Prop()\n  public alwaysShowIcons = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public hovered = false;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public isScrolling?: boolean;\n\n  /**\n   * Indicates whether to display a button for toggling the expanded state of\n   * the node associated with this cell.\n   */\n  @Prop()\n  public expandToggle?: boolean;\n\n  /**\n   * Indicates whether to display an indicator that the node associated with\n   * this cell is an end item.\n   */\n  @Prop()\n  public endItemIndicator?: boolean;\n\n  /**\n   * Indicates whether to display a button for toggling the visibility state of\n   * the node associated with this cell.\n   */\n  @Prop()\n  public visibilityToggle?: boolean;\n\n  /**\n   * Indicates whether to display a button for isolating (show only + fly to)\n   * the node associated with this cell.\n   */\n  @Prop()\n  public isolateButton?: boolean;\n\n  /**\n   * An optional handler that will override this cell's default selection\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public selectionHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default visibility\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public visibilityHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default expansion\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public expansionHandler?: SceneTreeOperationHandler;\n\n  /**\n   * An optional handler that will override this cell's default isolate\n   * behavior. The registered handler will receive the `pointerup` event,\n   * the node data for the row this cell is associated with, and a reference\n   * to the parent `<vertex-scene-tree>` element for performing operations.\n   */\n  @Prop()\n  public isolateHandler?: SceneTreeOperationHandler;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public hoverController?: SceneTreeCellHoverController;\n\n  /**\n   * An event that is emitted when a user requests to expand the node. This is\n   * emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public expandToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to change the node's\n   * visibility. This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public visibilityToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to change the node's selection\n   * state. This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public selectionToggled!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * An event that is emitted when a user requests to isolate the node.\n   * This event is emitted even if interactions are disabled.\n   */\n  @Event({ bubbles: true })\n  public isolatePressed!: EventEmitter<SceneTreeTableCellEventDetails>;\n\n  /**\n   * Used for internals or testing.\n   *\n   * @private\n   */\n  @Event({ bubbles: true })\n  public cellLoaded!: EventEmitter<void>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  private hoverListener?: Disposable;\n\n  private longPressTimer?: number;\n\n  public componentDidLoad(): void {\n    this.hoverListener = this.hoverController?.stateChanged((id?: string) => {\n      this.hovered = id === this.node?.id?.hex;\n    });\n\n    this.cellLoaded.emit();\n    this.clearLongPressTimer();\n  }\n\n  public disconnectedCallback(): void {\n    this.hoverListener?.dispose();\n    this.clearLongPressTimer();\n  }\n\n  public componentWillRender(): void {\n    this.toggleAttribute('is-hovered', this.hovered);\n    this.toggleAttribute('is-hidden', !this.node?.visible);\n    this.toggleAttribute('is-selected', !!this.node?.selected);\n    this.toggleAttribute('is-partial', !!this.node?.partiallyVisible);\n    this.toggleAttribute('is-leaf', !!this.node?.isLeaf);\n    this.toggleAttribute('is-end-item', !!this.node?.endItem);\n    this.toggleAttribute('is-filter-hit', !!this.node?.filterHit);\n  }\n\n  public render(): h.JSX.IntrinsicElements {\n    // Overrides the `.hydrated` visibility when we have nothing to display\n    const hiddenStyle =\n      this.node == null ? { visibility: 'hidden' } : undefined;\n    const backgroundColorStyle = this.getBackgroundColorStyle();\n\n    const endItemIcon = this.getEndItemIcon();\n    const expansionIcon = this.getExpansionIcon();\n    const isolateIcon = this.getIsolateIcon();\n    const visibilityIcon = this.getVisibilityIcon();\n\n    const showSpaceForExpansionIcon = this.expandToggle && !endItemIcon;\n    const showSpaceForEndItemIcon = endItemIcon && !showSpaceForExpansionIcon;\n\n    return (\n      <Host\n        onPointerEnter={this.handleCellPointerEnter}\n        onPointerLeave={this.handleCellPointerLeave}\n        onPointerUp={this.handleCellPointerUp}\n        onPointerDown={this.handleCellPointerDown}\n        style={{\n          ...hiddenStyle,\n          'background-color': backgroundColorStyle,\n        }}\n      >\n        <div class=\"wrapper\">\n          <div class=\"no-shrink\">\n            <slot name=\"left-gutter\" />\n          </div>\n          {showSpaceForExpansionIcon && (\n            <button\n              class=\"expand-btn no-shrink\"\n              data-testid={'expand-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(\n                this.toggleExpansion,\n              )}\n              aria-label=\"Cell expansion toggle\"\n            >\n              {expansionIcon && (\n                <vertex-viewer-icon\n                  class=\"icon\"\n                  name={expansionIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n\n          {showSpaceForEndItemIcon && (\n            <button\n              class=\"end-item-btn no-shrink\"\n              data-testid={'end-item-' + this.node?.name}\n              aria-label=\"End item\"\n            >\n              {endItemIcon && (\n                <vertex-viewer-icon\n                  class=\"end-item-icon\"\n                  name={endItemIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n\n          <div class=\"content\">\n            {this.value != null && this.value.trim() !== '' ? (\n              <slot>{this.displayValue()}</slot>\n            ) : (\n              <slot name=\"placeholder\">{this.placeholder}</slot>\n            )}\n          </div>\n          {this.isolateButton && (\n            <button\n              class=\"isolate-btn no-shrink\"\n              data-testid={'isolate-btn-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(this.isolate)}\n              aria-label=\"Isolate\"\n            >\n              {isolateIcon && (\n                <vertex-viewer-icon class=\"icon\" name=\"locate\" size=\"sm\" />\n              )}\n            </button>\n          )}\n          {this.visibilityToggle && (\n            <button\n              class=\"visibility-btn no-shrink\"\n              data-testid={'visibility-btn-' + this.node?.name}\n              onPointerUp={this.createActionPointerUpHandler(\n                this.toggleVisibility,\n              )}\n              aria-label=\"Toggle visibility\"\n            >\n              {visibilityIcon && (\n                <vertex-viewer-icon\n                  class=\"icon\"\n                  name={visibilityIcon}\n                  size=\"sm\"\n                />\n              )}\n            </button>\n          )}\n          <div class=\"no-shrink\">\n            <slot name=\"right-gutter\" />\n          </div>\n          {!this.visibilityToggle && !this.isolateButton && (\n            <div class=\"column-spacer\" />\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  private displayValue = (): string => {\n    const resp =\n      this.value == null || this.value.trim() === ''\n        ? this.placeholder\n        : this.value;\n\n    return resp;\n  };\n\n  private handleCellPointerEnter = (): void => {\n    this.hoverController?.setHovered(this.node?.id?.hex);\n  };\n\n  private handleCellPointerLeave = (): void => {\n    this.hoverController?.setHovered(undefined);\n  };\n\n  private handleCellPointerUp = (event: PointerEvent): void => {\n    if (\n      !this.isScrolling &&\n      this.node != null &&\n      this.tree != null &&\n      this.longPressTimer != null\n    ) {\n      if (this.selectionHandler != null) {\n        this.selectionHandler(event, this.node, this.tree);\n      } else {\n        this.performDefaultSelectionOperation(event);\n      }\n      this.selectionToggled.emit({ node: this.node, originalEvent: event });\n    }\n    this.clearLongPressTimer();\n  };\n\n  private handleCellPointerDown = (event: PointerEvent): void => {\n    this.restartLongPressTimer();\n  };\n\n  private createActionPointerUpHandler = (\n    action: (event: PointerEvent) => void,\n  ): ((event: PointerEvent) => void) => {\n    return (event) => {\n      // Blur the `hostEl` after a `preventDefault` to clear focus that\n      // is left on the element after `pointerdown` event.\n      event.preventDefault();\n      event.stopPropagation();\n      blurElement(this.hostEl);\n\n      action(event);\n    };\n  };\n\n  private toggleExpansion = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.expansionHandler != null) {\n        this.expansionHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultExpansionOperation(this.node, this.tree);\n      }\n      this.expandToggled.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private toggleVisibility = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.visibilityHandler != null) {\n        this.visibilityHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultVisibilityOperation(this.node, this.tree);\n      }\n      this.visibilityToggled.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private toggleAttribute(attr: string, value: boolean): void {\n    if (value) {\n      this.hostEl.setAttribute(attr, '');\n    } else {\n      this.hostEl.removeAttribute(attr);\n    }\n  }\n\n  private isolate = async (event: PointerEvent): Promise<void> => {\n    if (this.tree != null && this.node != null) {\n      if (this.isolateHandler != null) {\n        this.isolateHandler(event, this.node, this.tree);\n      } else {\n        await this.performDefaultIsolateOperation(this.node, this.tree);\n      }\n      this.isolatePressed.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private performDefaultSelectionOperation = (event: PointerEvent): void => {\n    if (!event.defaultPrevented && event.button === 0) {\n      if ((event.ctrlKey || event.metaKey) && this.node?.selected) {\n        this.tree?.deselectItem(this.node);\n      } else if (this.node?.selected) {\n        this.tree?.selectItem(this.node, {\n          recurseParent: true,\n        });\n      } else if (!this.node?.selected) {\n        this.tree?.selectItem(this.node, {\n          append: event.ctrlKey || event.metaKey,\n          range: event.shiftKey,\n        });\n      }\n    }\n  };\n\n  private performDefaultVisibilityOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.toggleItemVisibility(node);\n  };\n\n  private performDefaultIsolateOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.isolateItem(node);\n  };\n\n  private performDefaultExpansionOperation = async (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement,\n  ): Promise<void> => {\n    await tree.toggleExpandItem(node);\n  };\n\n  private clearLongPressTimer(): void {\n    if (this.longPressTimer != null) {\n      window.clearTimeout(this.longPressTimer);\n    }\n    this.longPressTimer = undefined;\n  }\n\n  private restartLongPressTimer(): void {\n    this.clearLongPressTimer();\n    this.longPressTimer = window.setTimeout(() => {\n      this.clearLongPressTimer();\n    }, Events.defaultEventConfig.longPressThreshold);\n  }\n\n  private getBackgroundColorStyle(): string {\n    const backgroundColorStyle = this.getCssVariableWithFallbacks(\n      `--scene-tree-row-background-color-depth-${this.node?.depth}`,\n      '--scene-tree-row-background-color',\n    );\n    const selectedBackgroundColorStyle = this.getCssVariableWithFallbacks(\n      '--scene-tree-selected-row-background-color',\n      '--scene-tree-cell-background-selected',\n    );\n    const hoveredBackgroundColorStyle = this.getCssVariableWithFallbacks(\n      '--scene-tree-hovered-row-background-color',\n      '--scene-tree-cell-background-hover',\n    );\n\n    if (!!this.node?.selected) {\n      return selectedBackgroundColorStyle;\n    } else if (this.hovered) {\n      return hoveredBackgroundColorStyle;\n    }\n    return backgroundColorStyle;\n  }\n\n  private getCssVariableWithFallbacks(\n    variable: string,\n    ...fallbacks: string[]\n  ): string {\n    const sequencedFallbacks = [...fallbacks].reverse();\n\n    return [...sequencedFallbacks, variable].reduce(\n      (res, s) => `var(${s}, ${res})`,\n      'unset',\n    );\n  }\n\n  private getIsolateIcon(): ViewerIconName | undefined {\n    if (this.hovered || this.alwaysShowIcons) {\n      return 'locate';\n    }\n    return undefined;\n  }\n\n  private getExpansionIcon(): ViewerIconName | undefined {\n    if (!this.node?.isLeaf && !this.node?.endItem) {\n      return this.node?.expanded ? 'chevron-down' : 'chevron-right';\n    }\n    return undefined;\n  }\n\n  private getEndItemIcon(): ViewerIconName | undefined {\n    // Return the end item icon for an item if it is set as an end item and either is not a leaf item\n    // or matches the filter. Note that in the filtered view, an end item matching the filter will always be\n    // marked as a leaf node because its children will be excluded from the search results and therefore\n    // not present in the filtered tree.\n    if (\n      this.endItemIndicator &&\n      this.node?.endItem &&\n      (!this.node?.isLeaf || this.node?.filterHit)\n    ) {\n      return 'lock';\n    }\n    return undefined;\n  }\n\n  private getVisibilityIcon(): ViewerIconName | undefined {\n    if (\n      (this.hovered || this.alwaysShowIcons) &&\n      !this.node?.partiallyVisible &&\n      this.node?.visible\n    ) {\n      return 'eye-open';\n    } else if (!this.node?.partiallyVisible && !this.node?.visible) {\n      return 'eye-half';\n    } else if (this.node?.partiallyVisible) {\n      return 'eye-half-dotted';\n    }\n    return undefined;\n  }\n}\n"],"names":["Events.defaultEventConfig"],"mappings":"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"}

package/dist/esm/vertex-scene-tree.entry.js

@@ -3,7 +3,7 @@
  */
 import { h, F as Fragment, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, a as getElement } from './index-CCVkga9Q.js';
 import { s as scene_tree_api_pb_serviceExports, w as webSocketSubscriptionTransportFactory, S as SceneTreeController, a as SceneTreeErrorCode, b as SceneTreeErrorDetails } from './controller-CAojBxgS.js';
-import { p as parseAndValidateConfig } from './config-ss9ha12b.js';
+import { p as parseAndValidateConfig } from './config-Cqrcty7U.js';
 import { i as isSceneTreeTableCellElement } from './utils-DC86ZXai.js';
 import { g as getSceneTreeContainsElement } from './dom-DX6pEG54.js';
 import { i as isLoadedRow } from './row-DeUGB_Ik.js';
@@ -13,7 +13,7 @@ import './_commonjsHelpers-CG9AChtV.js';
 import './errors-Cs13_LRq.js';
 import './bundle-D9AxqWtI.js';
 import './events-CPk-nchx.js';
-import './streamAttributes-Bj2xDHfI.js';
+import './streamAttributes-BW9JzMeG.js';
 import './bundle-2UsvOTHJ.js';
 import './bundle-CG6SJT94.js';
 import './entities-BAhfr1Nx.js';

package/dist/esm/vertex-viewer-dom-element_2.entry.js

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, a as getElement
 import { v as vector3, q as quaternion, m as matrix4, h as euler } from './bundle-2UsvOTHJ.js';
 import { o as objects } from './bundle-D9AxqWtI.js';
 import { M as MultiElementInteractionHandler } from './multiElementInteractionHandler-3tE3OPpw.js';
-import './streamAttributes-Bj2xDHfI.js';
+import './streamAttributes-BW9JzMeG.js';
 import './entities-BAhfr1Nx.js';
 import { V as Viewport } from './viewport-CHtidaFL.js';
 import './_commonjsHelpers-CG9AChtV.js';

package/dist/esm/vertex-viewer-hit-result-indicator.entry.js

@@ -4,11 +4,11 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CCVkga9Q.js';
 import { v as vector3, m as matrix4, q as quaternion, r as ray, a as angle } from './bundle-2UsvOTHJ.js';
 import { w as writeDOM, r as readDOM } from './stencil-BV-7pO4q.js';
-import { M as MeshPoints, R as ReglComponent, r as regl, s as shapeBuilder, T as TriangleMesh, c as computeArrowNdcValues, a as Mesh, A as AxisLine, b as axisPositions } from './regl-component-gIonUTBJ.js';
+import { M as MeshPoints, R as ReglComponent, r as regl, s as shapeBuilder, T as TriangleMesh, c as computeArrowNdcValues, a as Mesh, A as AxisLine, b as axisPositions } from './regl-component-B1_h3_s8.js';
 import './_commonjsHelpers-CG9AChtV.js';
 import './bundle-D9AxqWtI.js';
 import './util-CMPFqnEv.js';
-import './streamAttributes-Bj2xDHfI.js';
+import './streamAttributes-BW9JzMeG.js';
 import './bundle-CG6SJT94.js';
 import './entities-BAhfr1Nx.js';
 import './viewport-CHtidaFL.js';

package/dist/esm/vertex-viewer-measurement-details.entry.js

@@ -2,11 +2,11 @@
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
 import { h, F as Fragment, r as registerInstance, H as Host } from './index-CCVkga9Q.js';
-import './geometry_pb-D7fM1PYG.js';
+import './geometry_pb-COdZQiRi.js';
 import './wrappers_pb-aFAwKqIf.js';
 import './wrappers_pb-Xw_x1jYm.js';
 import './bundle-CG6SJT94.js';
-import { D as DistanceUnits, A as AngleUnits, h as AreaUnits } from './streamAttributes-Bj2xDHfI.js';
+import { D as DistanceUnits, A as AngleUnits, h as AreaUnits } from './streamAttributes-BW9JzMeG.js';
 import { M as MeasurementModel } from './model-fOcd_X42.js';
 import './entities-BAhfr1Nx.js';
 import { v as vector3 } from './bundle-2UsvOTHJ.js';

package/dist/esm/vertex-viewer-measurement-distance.entry.js

@@ -5,11 +5,11 @@ import { h, r as registerInstance, c as createEvent, H as Host, a as getElement
 import { v as vector3, a as angle, p as point, l as line3 } from './bundle-2UsvOTHJ.js';
 import { m as measurementCursor } from './cursors-ypC1Rg9I.js';
 import { a as cssTransformCenterAt, g as getMouseClientPosition } from './dom-DaP9SiyY.js';
-import './geometry_pb-D7fM1PYG.js';
+import './geometry_pb-COdZQiRi.js';
 import './wrappers_pb-aFAwKqIf.js';
 import './wrappers_pb-Xw_x1jYm.js';
 import './bundle-CG6SJT94.js';
-import { o as fromPbVector3f, D as DistanceUnits } from './streamAttributes-Bj2xDHfI.js';
+import { o as fromPbVector3f, D as DistanceUnits } from './streamAttributes-BW9JzMeG.js';
 import { M as MeasurementModel } from './model-fOcd_X42.js';
 import { M as MeasurementOverlayManager } from './overlays-BwIqsqLW.js';
 import { m as makeMinimumDistanceResult } from './results-De9arm7M.js';

package/dist/esm/vertex-viewer-measurement-line_2.entry.js

@@ -3,11 +3,11 @@
  */
 import { r as registerInstance, h, F as Fragment, H as Host } from './index-CCVkga9Q.js';
 import { p as point, a as angle } from './bundle-2UsvOTHJ.js';
-import './geometry_pb-D7fM1PYG.js';
+import './geometry_pb-COdZQiRi.js';
 import './wrappers_pb-aFAwKqIf.js';
 import './wrappers_pb-Xw_x1jYm.js';
 import './bundle-CG6SJT94.js';
-import './streamAttributes-Bj2xDHfI.js';
+import './streamAttributes-BW9JzMeG.js';
 import { M as MeasurementOverlayManager } from './overlays-BwIqsqLW.js';
 import { t as translateWorldLineToViewport } from './utils-B1mSYmAK.js';
 import './bundle-D9AxqWtI.js';

package/dist/esm/vertex-viewer-measurement-precise.entry.js

@@ -3,12 +3,12 @@
  */
 import { r as registerInstance, h, H as Host } from './index-CCVkga9Q.js';
 import { s as scene_view_api_pb_serviceExports } from './scene_view_api_pb_service-DiyuPrHM.js';
-import { p as parseAndValidateConfig } from './config-ss9ha12b.js';
-import { a as MeasurementEntity, M as MeasurementController } from './entities-DEFAhYdV.js';
+import { p as parseAndValidateConfig } from './config-Cqrcty7U.js';
+import { a as MeasurementEntity, M as MeasurementController } from './entities-CawBZH7i.js';
 import './bundle-CG6SJT94.js';
-import './geometry_pb-D7fM1PYG.js';
+import './geometry_pb-COdZQiRi.js';
 import './wrappers_pb-aFAwKqIf.js';
-import './streamAttributes-Bj2xDHfI.js';
+import './streamAttributes-BW9JzMeG.js';
 import { M as MeasurementModel } from './model-fOcd_X42.js';
 import { M as MeasurementOverlayManager } from './overlays-BwIqsqLW.js';
 import { p as point } from './bundle-2UsvOTHJ.js';

package/dist/esm/vertex-viewer-pin-group.entry.js

@@ -5,12 +5,12 @@ import { h, F as Fragment, r as registerInstance } from './index-CCVkga9Q.js';
 import { p as point, m as matrix4, v as vector3 } from './bundle-2UsvOTHJ.js';
 import './controller-CAojBxgS.js';
 import './cursors-ypC1Rg9I.js';
-import './geometry_pb-D7fM1PYG.js';
+import './geometry_pb-COdZQiRi.js';
 import './wrappers_pb-aFAwKqIf.js';
 import './wrappers_pb-Xw_x1jYm.js';
 import './bundle-CG6SJT94.js';
-import './streamAttributes-Bj2xDHfI.js';
-import './representation_pb-Bf023NuN.js';
+import './streamAttributes-BW9JzMeG.js';
+import './representation_pb-C4MJfZMo.js';
 import './entities-BAhfr1Nx.js';
 import { V as Viewport } from './viewport-CHtidaFL.js';
 import { g as getPinColors, i as isIconPin, b as isTextPin, P as PinModel, a as PinController, c as translatePointToScreen } from './model-Dc6T63-k.js';

package/dist/esm/vertex-viewer-pin-label_2.entry.js

@@ -207,9 +207,9 @@ const VertexPinLabel = class {
                 maxHeight: this.computeMaxHeight(),
                 borderColor: primaryColor,
                 background: accentColor,
-            } }, h("textarea", { key: 'faee5e02d2f9bd18dd2e367e4e52b4325ac3c782', id: `pin-label-input-${(_c = this.pin) === null || _c === void 0 ? void 0 : _c.id}`, class: classname('pin-label-input', 'pin-label-text', {
+            } }, h("textarea", { key: 'beaf273457ceeadd30f709fff580f2af5b1c366a', id: `pin-label-input-${(_c = this.pin) === null || _c === void 0 ? void 0 : _c.id}`, class: classname('pin-label-input', 'pin-label-text', {
                 ['readonly']: !this.focused,
-            }), disabled: !this.focused, ref: (ref) => (this.inputEl = ref), value: this.value, rows: this.textareaRows, onKeyDown: this.handleInputKeyDown, onInput: this.handleTextInput, onBlur: this.handleTextBlur }), !this.focused && (h("div", { key: '2851d39b6cf87c64ef585a9f1967c689f01d030e', class: "pin-input-drag-target", onPointerDown: this.handlePointerDown }))), h("div", { key: 'a7c2e114227e9fe744b0ef4e42c3fd5abd5c626e', ref: (el) => (this.contentEl = el), class: classname('pin-label-text', 'pin-label-hidden'), style: {
+            }), disabled: !this.focused, ref: (ref) => (this.inputEl = ref), value: this.value, rows: this.textareaRows, onKeyDown: this.handleInputKeyDown, onInput: this.handleTextInput, onBlur: this.handleTextBlur, "aria-label": "Pin label input" }), !this.focused && (h("div", { key: '6ba9750253ae2e9de2a48a9b2ce31f6971b7b0a1', class: "pin-input-drag-target", onPointerDown: this.handlePointerDown }))), h("div", { key: '7a474943d854cda9fe7859a30441bcc06a758010', ref: (el) => (this.contentEl = el), class: classname('pin-label-text', 'pin-label-hidden'), style: {
                 maxWidth: this.computeMaxWidth(),
                 maxHeight: this.computeMaxHeight(),
             } }, this.hiddenContent())));

package/dist/esm/vertex-viewer-pin-label_2.entry.js.map

@@ -1 +1 @@
-{"file":"vertex-viewer-pin-label_2.entry.js","mappings":";;;;;;;;;;;;AAAM,SAAU,gBAAgB,CAAC,EAAe,EAAA;AAC9C,IAAA,OAAO,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC;AACpC;;ACFA,MAAM,iBAAiB,GAAG,MAAM,CAAC,s5FAAs5F,CAAC;;MCqC36F,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;AAkBE;;;AAGG;AAEI,QAAA,IAAA,CAAA,KAAK,GAAG,EAAE;AAgCT,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK;AAMf,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC;AAsNhB,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAW;YACtC,OAAO,CAAC,MAAK;AACX,gBAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;oBAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;oBAC7D,MAAM,cAAc,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC;oBACvD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,GAAG,CAC1B,CAAC,EACD,IAAI,CAAC,IAAI,CACP,CAAC,MAAM,CAAC,UAAU,CAAC,cAAc,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;wBAC3D,MAAM,CAAC,UAAU,CACf,cAAc,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAC/C;AACC,4BAAA,CAAC;AACH,wBAAA,MAAM,CAAC,UAAU,CAAC,cAAc,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CACnE,CACF;;AAEL,aAAC,CAAC;AACJ,SAAC;AAEO,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,KAAoB,KAAU;YAC1D,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,IACE,KAAK,CAAC,GAAG,KAAK,OAAO;AACrB,iBAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,CAAC,EAClD;AACA,gBAAA,IAAI,CAAC,YAAY,IAAI,CAAC;AACtB,gBAAA,IAAI,CAAC,KAAK,IAAI,IAAI;;AACb,iBAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;gBAChC,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,MAAM,EAAE;;AAEjB,SAAC;AAEO,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAmB,KAAU;;AACxD,YAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,gBAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,EAAE;AAC9B,oBAAA,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC,EAAE;wBACvB,KAAK,CAAC,cAAc,EAAE;wBACtB,KAAK,CAAC,eAAe,EAAE;;AAEzB,oBAAA,IAAI,CAAC,2BAA2B,GAAG,wBAAwB,CACzD,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EACjD,IAAI,CAAC,aAAa,CACnB;AACD,oBAAA,IAAI,CAAC,sBAAsB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,KAAK;oBAEnD,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC;oBAC9D,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC;;;AAGhE,SAAC;AAEO,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,KAAmB,KAAU;;AACxD,YAAA,IACE,IAAI,CAAC,aAAa,IAAI,IAAI;AAC1B,gBAAA,IAAI,CAAC,2BAA2B;AAChC,gBAAA,IAAI,CAAC,sBAAsB,IAAI,IAAI,EACnC;;gBAEA,KAAK,CAAC,cAAc,EAAE;gBACtB,KAAK,CAAC,eAAe,EAAE;gBAEvB,MAAMA,OAAK,GAAG,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC;gBAC/D,MAAM,QAAQ,GAAG,wBAAwB,CAACA,OAAK,EAAE,IAAI,CAAC,aAAa,CAAC;AAEpE,gBAAA,MAAM,aAAa,GAAGC,KAAK,CAAC,QAAQ,CAClC,QAAQ,EACR,IAAI,CAAC,2BAA2B,CACjC;AAED,gBAAA,MAAM,YAAY,GAChB,IAAI,CAAC,GAAG,IAAI;AACV,sBAAE;wBACE,GAAG,IAAI,CAAC,GAAG;AACX,wBAAA,KAAK,EAAE;AACL,4BAAA,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK;4BACjB,KAAK,EAAEA,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;AAC7D,yBAAA;AACF;sBACD,SAAS;gBAEf,IAAI,YAAY,EAAE;oBAChB,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,CAAC,YAAY,CAAC;oBAC3C,IAAI,CAAC,qBAAqB,EAAE;;;AAGlC,SAAC;AAEO,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAAmB,KAAU;;AACtD,YAAA,IACE,CAAA,MAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,EAAE,MAAK,MAAM;gBAC5C,IAAI,CAAC,2BAA2B,IAAI,IAAI;AACxC,gBAAA,IAAI,CAAC,aAAa,IAAI,IAAI,EAC1B;AACA,gBAAA,MAAM,iBAAiB,GAAG,sBAAsB,CAC9C,IAAI,CAAC,2BAA2B,EAChC,IAAI,CAAC,aAAa,CACnB;AACD,gBAAA,MAAM,+BAA+B,GAAGA,KAAK,CAAC,QAAQ,CACpD,iBAAiB,EACjB,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,CAClD;AAED,gBAAA,IAAI,+BAA+B,IAAI,CAAC,EAAE;AACxC,oBAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,oBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,EAAE,CAAC;;;AAIxC,YAAA,IAAI,CAAC,2BAA2B,GAAG,SAAS;AAC5C,YAAA,IAAI,CAAC,sBAAsB,GAAG,SAAS;YAEvC,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC;YACjE,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC;AAC/D,SAAC;AAEO,QAAA,IAAA,CAAA,cAAc,GAAG,MAAW;YAClC,IAAI,CAAC,MAAM,EAAE;AACf,SAAC;AAEO,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,KAAY,KAAU;AAC/C,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B;AAC9C,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;AAC1B,SAAC;AACF;AArUC;;AAEG;AAEI,IAAA,MAAM,QAAQ,GAAA;;;AAEnB,QAAA,IAAI,QAAO,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAA,KAAK,UAAU,EAAE;AAC7C,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,EAAE,CAAC;YACpC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;;;AAIzB;;;AAGG;AAEI,IAAA,MAAM,MAAM,GAAA;;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,EAAE,CAAC;AACpC,QAAA,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,EAAE;YACpB,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,CAAC;gBAC5B,GAAG,IAAI,CAAC,GAAG;AACX,gBAAA,KAAK,EAAE;AACL,oBAAA,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK;oBAC3B,IAAI,EAAE,IAAI,CAAC,KAAK;AACjB,iBAAA;AACF,aAAA,CAAC;;;IAKI,gBAAgB,GAAA;;AACxB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAExB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,EAAE,CAAC;;;IAK5C,cAAc,GAAA;;QACtB,IAAI,CAAC,KAAK,GAAG,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;QACvC,IAAI,CAAC,qBAAqB,EAAE;;IAIpB,wBAAwB,GAAA;QAChC,IAAI,CAAC,qBAAqB,EAAE;;IAGpB,iBAAiB,GAAA;;QACzB,IAAI,CAAC,KAAK,GAAG,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;QACvC,IAAI,CAAC,qBAAqB,EAAE;AAE5B,QAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,EAAE;YAC9B,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC,IAAI,QAAQ,EAAE,CAAC;;;IAIhD,gBAAgB,GAAA;AACxB,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,MAAK;AAC5C,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AAC1B,SAAC,CAAC;QAEF,IAAI,CAAC,qBAAqB,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAExE,QAAA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE;YACvB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;;AAG1C,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;YAC1B,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;;;IAI5C,oBAAoB,GAAA;;QAC5B,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,EAAE;QACjC,CAAA,EAAA,GAAA,IAAI,CAAC,qBAAqB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,EAAE;;IAGhC,kBAAkB,GAAA;QAC1B,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,EAAE;YACxC,IAAI,CAAC,QAAQ,EAAE;;;IAIT,MAAM,GAAA;;AACd,QAAA,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5D,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAEC,SAAU,CAAC,yBAAyB,EAAE;gBAC3C,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,CAAC,EACF,aAAa,EAAE,IAAI,CAAC,iBAAiB,EACrC,KAAK,EAAE;AACL,gBAAA,GAAG,EAAE,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,CAAC,CAAC,QAAQ,EAAE,KAAI,CAAC,CAAA,EAAA,CAAI;AAC1D,gBAAA,IAAI,EAAE,CAAA,EAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,CAAC,CAAC,QAAQ,EAAE,KAAI,CAAC,CAAA,EAAA,CAAI;AAC3D,gBAAA,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAChC,gBAAA,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAChC,gBAAA,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE;AAClC,gBAAA,WAAW,EAAE,YAAY;AACzB,gBAAA,UAAU,EAAE,WAAW;aACxB,EAAA,EAED,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,EAAE,EAAE,CAAA,gBAAA,EAAmB,MAAA,IAAI,CAAC,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,EAAE,CAAA,CAAE,EACrC,KAAK,EAAEA,SAAU,CAAC,iBAAiB,EAAE,gBAAgB,EAAE;AACrD,gBAAA,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,OAAO;aAC5B,CAAC,EACF,QAAQ,EAAE,CAAC,IAAI,CAAC,OAAO,EACvB,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,EAClC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,YAAY,EACvB,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAClC,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,MAAM,EAAE,IAAI,CAAC,cAAc,EAAA,CAC3B,EAGD,CAAC,IAAI,CAAC,OAAO,KACZ,4DACE,KAAK,EAAC,uBAAuB,EAC7B,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAA,CACrC,CACH,CACG,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,EAClC,KAAK,EAAEA,SAAU,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EACvD,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;AAChC,gBAAA,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE;aACnC,EAAA,EAEA,IAAI,CAAC,aAAa,EAAE,CACjB,CACD;;IAIH,aAAa,GAAA;;;;AAInB,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;cAC3B,IAAI,CAAC;iBACF,KAAK,CAAC,IAAI;iBACV,MAAM,CACL,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,aAAM,CAAC,EACnC,EAAmC;AAEzC,cAAE,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGV,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,EAAE;YAChC,MAAM,QAAQ,GAAG,CAAA,EAAG,IAAI,CAAC,eAAe,CAAC,KAAK,GAAG,CAAC,CAAA,EAAA,CAAI;YAEtD,OAAO,CAAA,IAAA,EAAO,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAC,eAAe,EAAE,GAAG;;aAC/C;AACL,YAAA,OAAO,+CAA+C;;;IAIlD,eAAe,GAAA;QACrB,MAAM,QAAQ,GAAG,CAAA,6CAAA,CAA+C;QAEhE,OAAO,CAAA,IAAA,EAAO,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAC,qBAAqB,EAAE,GAAG;;IAGpD,gBAAgB,GAAA;QACtB,MAAM,QAAQ,GAAG,CAAA,8CAAA,CAAgD;QAEjE,OAAO,CAAA,IAAA,EAAO,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAC,sBAAsB,EAAE,GAAG;;IAGrD,qBAAqB,GAAA;;AAC3B,QAAA,OAAO,CAAA,KAAA,EAAQ,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,QAAQ,EAAE,KAAI,CAAC,CAAA,KAAA,EACtD,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,CAAC,CAAC,QAAQ,EAAE,KAAI,CAC/C,KAAK;;IAGC,sBAAsB,GAAA;;AAC5B,QAAA,OAAO,CAAA,KAAA,EAAQ,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,CAAC,QAAQ,EAAE,KAAI,CAAC,CAAA,KAAA,EACvD,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,sBAAsB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,CAAC,CAAC,QAAQ,EAAE,KAAI,CAC/C,KAAK;;IAGC,qBAAqB,GAAA;AAC3B,QAAA,IAAI,CAAC,sBAAsB;AACzB,YAAA,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;gBACnB,IAAI,CAAC,aAAa,IAAI,IAAI;AAC1B,gBAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI;AACtB,kBAAE,sBAAsB,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,aAAa;kBAC/D,SAAS;;;;;;;;;;;;;;;;;AChTnB,MAAM,qBAAqB,GAAG,MAAM,CAAC,qcAAqc,CAAC;;MCiB9d,kBAAkB,GAAA,MAAA;;;;IAUnB,MAAM,GAAA;;QACd,MAAM,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/C,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,KAAK,EAAA,EACd,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,YAAY;aACrB,EACD,EAAE,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,CAAC,EACtB,EAAE,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,CAAC,EACtB,EAAE,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,0CAAE,CAAC,EACpB,EAAE,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,CAAC,GACpB,CACE,CACD;;;;;;;","names":["point","Point","classNames"],"sources":["src/components/viewer-pin-label/utils.ts","src/components/viewer-pin-label/viewer-pin-label.css?tag=vertex-viewer-pin-label","src/components/viewer-pin-label/viewer-pin-label.tsx","src/components/viewer-pin-label-line/viewer-pin-label-line.css?tag=vertex-viewer-pin-label-line","src/components/viewer-pin-label-line/viewer-pin-label-line.tsx"],"sourcesContent":["export function getComputedStyle(el: HTMLElement): CSSStyleDeclaration {\n  return window.getComputedStyle(el);\n}\n",":host {\n  /**\n   * @prop --viewer-annotations-pin-label-background-color: A CSS color that\n   * specifies the color of the label background\n   */\n  --viewer-annotations-pin-label-background-color: var(\n    --viewer-annotations-pin-accent-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-color: A CSS color that\n   * specifies the color of the label's border\n   */\n  --viewer-annotations-pin-label-border-color: var(\n    --viewer-annotations-pin-primary-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-focused-border-color: A CSS color that\n   * specifies the color of the label's border when focused. \n   */\n  --viewer-annotations-pin-label-focused-border-color: var(\n    --viewer-annotations-pin-primary-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-color: A CSS color that\n   * specifies the color of the label \n   */\n  --viewer-annotations-pin-label-color: var(--white);\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-y: A var that\n   * specifies the vertical padding of the label\n   */\n  --viewer-annotations-pin-label-padding-y: 0.375em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-x: A var that\n   * specifies the horizontal padding of the label\n   */\n  --viewer-annotations-pin-label-padding-x: 0.5em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-width: A CSS length that\n   * specifies the width of the border on this label. Defaults to `2px`.\n   */\n  --viewer-annotations-pin-label-border-width: 2px;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-style: A CSS variable that\n   * specifies the style of border on this label. Defaults to `solid`.\n   */\n  --viewer-annotations-pin-label-border-style: solid;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-radius: A var that\n   * specifies the border radius of the label\n   */\n  --viewer-annotations-pin-label-border-radius: 0.25em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-min-width: A CSS length that\n   * specifies the minimum width of the label. Defaults to `2rem`.\n   */\n  --viewer-annotations-pin-label-min-width: 2rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-width: A CSS length that\n   * specifies the maximum width of the label. Defaults to `25rem`.\n   */\n  --viewer-annotations-pin-label-max-width: 25rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-height: A CSS length that\n   * specifies the maximum height of the label. Defaults to `50rem`.\n   */\n  --viewer-annotations-pin-label-max-height: 50rem;\n\n  overflow: hidden;\n  pointer-events: none;\n}\n\n:host([mode='']) .pin-label {\n  color: var(--viewer-annotations-pin-label-color);\n  background: var(--viewer-annotations-pin-label-background-color);\n}\n\n.pin-label-text {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.pin-label-input-wrapper {\n  display: flex;\n  position: absolute;\n  pointer-events: auto;\n  box-sizing: border-box;\n  min-width: var(--viewer-annotations-pin-label-min-width);\n  max-width: var(--viewer-annotations-pin-label-max-width);\n  max-height: var(--viewer-annotations-pin-label-max-height);\n  background: var(--viewer-annotations-pin-label-background-color);\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  border-radius: var(--viewer-annotations-pin-label-border-radius);\n}\n\n.pin-label-input-wrapper.focused {\n  min-width: var(--viewer-annotations-pin-label-max-width);\n  border-color: var(--viewer-annotations-pin-label-focused-border-color);\n}\n\n.pin-input-drag-target {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.pin-label-input {\n  resize: none;\n  position: relative;\n  outline: none;\n  border: none;\n  word-break: break-word;\n  padding: 0 0 0 0;\n  background-color: transparent;\n  margin: var(--viewer-annotations-pin-label-padding-y)\n    var(--viewer-annotations-pin-label-padding-x);\n  width: var(--viewer-annotations-pin-label-min-width);\n  flex-grow: 1;\n  overflow: hidden;\n  max-width: calc(\n    var(--viewer-annotations-pin-label-max-width) -\n      calc(2 * var(--viewer-annotations-pin-label-padding-x))\n  );\n}\n\n.pin-label-input.readonly {\n  pointer-events: auto;\n  color: black;\n  cursor: pointer;\n}\n\n.pin-label-hidden {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: auto;\n  height: auto;\n  box-sizing: border-box;\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  margin: var(--viewer-annotations-pin-label-padding-y) 0;\n  padding: 0 var(--viewer-annotations-pin-label-padding-x);\n  max-width: calc(\n    var(--viewer-annotations-pin-label-max-width) -\n      calc(2 * var(--viewer-annotations-pin-label-padding-x))\n  );\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  JSX,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\nimport classNames from 'classnames';\n\nimport { getMouseClientPosition } from '../../lib/dom';\nimport { PinController } from '../../lib/pins/controller';\nimport {\n  getPinColors,\n  isTextPin,\n  PinModel,\n  TextPin,\n} from '../../lib/pins/model';\nimport { readDOM } from '../../lib/stencil';\nimport {\n  translatePointToRelative,\n  translatePointToScreen,\n} from '../viewer-pin-tool/utils';\nimport { getComputedStyle } from './utils';\n\n@Component({\n  tag: 'vertex-viewer-pin-label',\n  styleUrl: 'viewer-pin-label.css',\n  shadow: false,\n})\nexport class VertexPinLabel {\n  /**\n   * The pin to draw for the group\n   */\n  @Prop()\n  public pin?: TextPin;\n\n  /**\n   * The dimensions of the canvas for the pins\n   */\n  @Prop()\n  public elementBounds?: DOMRect;\n\n  /**\n   * The current text value of the component. Value is updated on user\n   * interaction.\n   */\n  @Prop({ mutable: true })\n  public value = '';\n\n  /**\n   * The controller that drives behavior for pin operations\n   */\n  @Prop({ mutable: true })\n  public pinController?: PinController;\n\n  /**\n   * @internal\n   */\n  @Event({ bubbles: true })\n  public labelChanged!: EventEmitter<void>;\n\n  /**\n   * Emitted whenever the label is focused, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelFocused!: EventEmitter<string | undefined>;\n\n  /**\n   * Emitted whenever the label is blurred, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelBlurred!: EventEmitter<string | undefined>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  @State()\n  private focused = false;\n\n  @State()\n  private computedScreenPosition?: Point.Point;\n\n  @State()\n  private textareaRows = 1;\n\n  @State()\n  private contentElBounds?: DOMRect;\n\n  private relativePointerDownPosition?: Point.Point;\n  private pinPointerDownPosition?: Point.Point;\n\n  private inputEl?: HTMLTextAreaElement;\n  private contentEl?: HTMLDivElement;\n\n  private resizeObserver?: ResizeObserver;\n  private contentResizeObserver?: ResizeObserver;\n\n  /**\n   * Gives focus to the component's internal text input.\n   */\n  @Method()\n  public async setFocus(): Promise<void> {\n    // HTMLInputElement.focus() doesn't exist in tests.\n    if (typeof this.inputEl?.focus === 'function') {\n      this.focused = true;\n      this.labelFocused.emit(this.pin?.id);\n      this.inputEl?.focus();\n    }\n  }\n\n  /**\n   * @internal\n   * submits the current text, unfocuses the input and emits the blur event to consumers\n   */\n  @Method()\n  public async submit(): Promise<void> {\n    this.focused = false;\n    this.labelBlurred.emit(this.pin?.id);\n    if (this.pin != null) {\n      this.pinController?.updatePin({\n        ...this.pin,\n        label: {\n          point: this.pin.label.point,\n          text: this.value,\n        },\n      });\n    }\n  }\n\n  @Watch('focused')\n  protected watchFocusChange(): void {\n    this.labelChanged.emit();\n\n    if (this.focused) {\n      this.pinController?.setSelectedPinId(this.pin?.id);\n    }\n  }\n\n  @Watch('pin')\n  protected watchPinChange(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n  }\n\n  @Watch('elementBounds')\n  protected watchElementBoundsChange(): void {\n    this.computeScreenPosition();\n  }\n\n  protected componentWillLoad(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n\n    if (this.pinController == null) {\n      this.pinController = new PinController(new PinModel());\n    }\n  }\n\n  protected componentDidLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.labelChanged.emit();\n    });\n\n    this.contentResizeObserver = new ResizeObserver(this.computeContentSize);\n\n    if (this.hostEl != null) {\n      this.resizeObserver.observe(this.hostEl);\n    }\n\n    if (this.contentEl != null) {\n      this.contentResizeObserver.observe(this.contentEl);\n    }\n  }\n\n  protected disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.contentResizeObserver?.disconnect();\n  }\n\n  protected componentDidRender(): void {\n    if (this.focused && this.inputEl != null) {\n      this.setFocus();\n    }\n  }\n\n  protected render(): JSX.Element {\n    const { primaryColor, accentColor } = getPinColors(this.pin);\n    return (\n      <Host>\n        <div\n          class={classNames('pin-label-input-wrapper', {\n            focused: this.focused,\n          })}\n          onPointerDown={this.handlePointerDown}\n          style={{\n            top: `${this.computedScreenPosition?.y.toString() || 0}px`,\n            left: `${this.computedScreenPosition?.x.toString() || 0}px`,\n            minWidth: this.computeMinWidth(),\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n            borderColor: primaryColor,\n            background: accentColor,\n          }}\n        >\n          <textarea\n            id={`pin-label-input-${this.pin?.id}`}\n            class={classNames('pin-label-input', 'pin-label-text', {\n              ['readonly']: !this.focused,\n            })}\n            disabled={!this.focused}\n            ref={(ref) => (this.inputEl = ref)}\n            value={this.value}\n            rows={this.textareaRows}\n            onKeyDown={this.handleInputKeyDown}\n            onInput={this.handleTextInput}\n            onBlur={this.handleTextBlur}\n          />\n          {/* This corrects for a behavior in Firefox where setting the `disabled` attribute to true */}\n          {/* prevents any events from propagating. */}\n          {!this.focused && (\n            <div\n              class=\"pin-input-drag-target\"\n              onPointerDown={this.handlePointerDown}\n            />\n          )}\n        </div>\n        <div\n          ref={(el) => (this.contentEl = el)}\n          class={classNames('pin-label-text', 'pin-label-hidden')}\n          style={{\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n          }}\n        >\n          {this.hiddenContent()}\n        </div>\n      </Host>\n    );\n  }\n\n  private hiddenContent(): Array<string | HTMLBRElement> {\n    // This corrects some inconsistencies in how a newline character\n    // is represented in a div. Leveraging `<br>`s results in a more\n    // consistent representation of the newlines in a textarea.\n    return this.value.includes('\\n')\n      ? this.value\n          .split('\\n')\n          .reduce(\n            (res, str) => [...res, str, <br />],\n            [] as Array<string | HTMLBRElement>,\n          )\n      : [this.value];\n  }\n\n  private computeMinWidth(): string {\n    if (this.contentElBounds != null) {\n      const expected = `${this.contentElBounds.width + 8}px`;\n\n      return `min(${expected}, ${this.computeMaxWidth()})`;\n    } else {\n      return `var(--viewer-annotations-pin-label-min-width)`;\n    }\n  }\n\n  private computeMaxWidth(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-width)`;\n\n    return `min(${expected}, ${this.computeRemainingWidth()})`;\n  }\n\n  private computeMaxHeight(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-height)`;\n\n    return `min(${expected}, ${this.computeRemainingHeight()})`;\n  }\n\n  private computeRemainingWidth(): string {\n    return `calc(${this.elementBounds?.width.toString() || 0}px - ${\n      this.computedScreenPosition?.x.toString() || 0\n    }px)`;\n  }\n\n  private computeRemainingHeight(): string {\n    return `calc(${this.elementBounds?.height.toString() || 0}px - ${\n      this.computedScreenPosition?.y.toString() || 0\n    }px)`;\n  }\n\n  private computeScreenPosition(): void {\n    this.computedScreenPosition =\n      isTextPin(this.pin) &&\n      this.elementBounds != null &&\n      this.pin.label.point != null\n        ? translatePointToScreen(this.pin.label.point, this.elementBounds)\n        : undefined;\n  }\n\n  private computeContentSize = (): void => {\n    readDOM(() => {\n      if (this.contentEl != null) {\n        this.contentElBounds = this.contentEl.getBoundingClientRect();\n        const computedStyles = getComputedStyle(this.contentEl);\n        this.textareaRows = Math.max(\n          1,\n          Math.ceil(\n            (Number.parseFloat(computedStyles.getPropertyValue('height')) -\n              Number.parseFloat(\n                computedStyles.getPropertyValue('borderWidth'),\n              ) *\n                2) /\n              Number.parseFloat(computedStyles.getPropertyValue('lineHeight')),\n          ),\n        );\n      }\n    });\n  };\n\n  private handleInputKeyDown = (event: KeyboardEvent): void => {\n    event.stopPropagation();\n    if (\n      event.key === 'Enter' &&\n      (event.ctrlKey || event.metaKey || event.shiftKey)\n    ) {\n      this.textareaRows += 1;\n      this.value += '\\n';\n    } else if (event.key === 'Enter') {\n      event.preventDefault();\n      this.submit();\n    }\n  };\n\n  private handlePointerDown = (event: PointerEvent): void => {\n    if (!this.focused) {\n      if (this.elementBounds != null) {\n        if (event.buttons !== 2) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        this.relativePointerDownPosition = translatePointToRelative(\n          getMouseClientPosition(event, this.elementBounds),\n          this.elementBounds,\n        );\n        this.pinPointerDownPosition = this.pin?.label.point;\n\n        window.addEventListener('pointermove', this.handlePointerMove);\n        window.addEventListener('pointerup', this.handlePointerUp);\n      }\n    }\n  };\n\n  private handlePointerMove = (event: PointerEvent): void => {\n    if (\n      this.elementBounds != null &&\n      this.relativePointerDownPosition &&\n      this.pinPointerDownPosition != null\n    ) {\n      // Prevent selection of any text while interacting with the label\n      event.preventDefault();\n      event.stopPropagation();\n\n      const point = getMouseClientPosition(event, this.elementBounds);\n      const relative = translatePointToRelative(point, this.elementBounds);\n\n      const relativeDelta = Point.subtract(\n        relative,\n        this.relativePointerDownPosition,\n      );\n\n      const myUpdatedPin =\n        this.pin != null\n          ? {\n              ...this.pin,\n              label: {\n                ...this.pin.label,\n                point: Point.add(this.pinPointerDownPosition, relativeDelta),\n              },\n            }\n          : undefined;\n\n      if (myUpdatedPin) {\n        this.pinController?.updatePin(myUpdatedPin);\n        this.computeScreenPosition();\n      }\n    }\n  };\n\n  private handlePointerUp = (event: PointerEvent): void => {\n    if (\n      this.pinController?.getToolMode() === 'edit' &&\n      this.relativePointerDownPosition != null &&\n      this.elementBounds != null\n    ) {\n      const pointerDownScreen = translatePointToScreen(\n        this.relativePointerDownPosition,\n        this.elementBounds,\n      );\n      const distanceBetweenStartAndEndPoint = Point.distance(\n        pointerDownScreen,\n        getMouseClientPosition(event, this.elementBounds),\n      );\n\n      if (distanceBetweenStartAndEndPoint <= 2) {\n        this.focused = true;\n        this.labelFocused.emit(this.pin?.id);\n      }\n    }\n\n    this.relativePointerDownPosition = undefined;\n    this.pinPointerDownPosition = undefined;\n\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    window.removeEventListener('pointerup', this.handlePointerUp);\n  };\n\n  private handleTextBlur = (): void => {\n    this.submit();\n  };\n\n  private handleTextInput = (event: Event): void => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n  };\n}\n",":host {\n  /**\n   * @prop  --viewer-annotations-pin-label-line-color: A CSS color that\n   * specifies the color of the label line\n   */\n  --viewer-annotations-pin-label-line-color: var(\n    --viewer-annotations-pin-primary-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-line-width: A CSS color that\n   * specifies the width of the label line\n   */\n  --viewer-annotations-pin-label-line-width: 1;\n\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.label-line {\n  pointer-events: auto;\n  stroke: var(--viewer-annotations-pin-label-line-color);\n  stroke-width: var(--viewer-annotations-pin-label-line-width);\n  cursor: default;\n}\n\n.svg {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n  pointer-events: none;\n  height: 100%;\n  width: 100%;\n}\n","import {\n  Component,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  h,\n  Host,\n  JSX,\n  Prop,\n} from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\n\nimport { getPinColors, Pin } from '../../lib/pins/model';\n\n@Component({\n  tag: 'vertex-viewer-pin-label-line',\n  styleUrl: 'viewer-pin-label-line.css',\n  shadow: false,\n})\nexport class VertexPinLabelLine {\n  @Prop()\n  public pinPoint: Point.Point | undefined;\n\n  @Prop()\n  public labelPoint: Point.Point | undefined;\n\n  @Prop()\n  public pin: Pin | undefined;\n\n  protected render(): JSX.Element {\n    const { primaryColor } = getPinColors(this.pin);\n    return (\n      <Host>\n        <svg class=\"svg\">\n          <line\n            class=\"label-line\"\n            style={{\n              stroke: primaryColor,\n            }}\n            x1={this.labelPoint?.x}\n            y1={this.labelPoint?.y}\n            x2={this.pinPoint?.x}\n            y2={this.pinPoint?.y}\n          />\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"vertex-viewer-pin-label_2.entry.js","mappings":"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","names":["point","Point","classNames"],"sources":["src/components/viewer-pin-label/utils.ts","src/components/viewer-pin-label/viewer-pin-label.css?tag=vertex-viewer-pin-label","src/components/viewer-pin-label/viewer-pin-label.tsx","src/components/viewer-pin-label-line/viewer-pin-label-line.css?tag=vertex-viewer-pin-label-line","src/components/viewer-pin-label-line/viewer-pin-label-line.tsx"],"sourcesContent":["export function getComputedStyle(el: HTMLElement): CSSStyleDeclaration {\n  return window.getComputedStyle(el);\n}\n",":host {\n  /**\n   * @prop --viewer-annotations-pin-label-background-color: A CSS color that\n   * specifies the color of the label background\n   */\n  --viewer-annotations-pin-label-background-color: var(\n    --viewer-annotations-pin-accent-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-color: A CSS color that\n   * specifies the color of the label's border\n   */\n  --viewer-annotations-pin-label-border-color: var(\n    --viewer-annotations-pin-primary-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-focused-border-color: A CSS color that\n   * specifies the color of the label's border when focused. \n   */\n  --viewer-annotations-pin-label-focused-border-color: var(\n    --viewer-annotations-pin-primary-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-color: A CSS color that\n   * specifies the color of the label \n   */\n  --viewer-annotations-pin-label-color: var(--white);\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-y: A var that\n   * specifies the vertical padding of the label\n   */\n  --viewer-annotations-pin-label-padding-y: 0.375em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-x: A var that\n   * specifies the horizontal padding of the label\n   */\n  --viewer-annotations-pin-label-padding-x: 0.5em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-width: A CSS length that\n   * specifies the width of the border on this label. Defaults to `2px`.\n   */\n  --viewer-annotations-pin-label-border-width: 2px;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-style: A CSS variable that\n   * specifies the style of border on this label. Defaults to `solid`.\n   */\n  --viewer-annotations-pin-label-border-style: solid;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-radius: A var that\n   * specifies the border radius of the label\n   */\n  --viewer-annotations-pin-label-border-radius: 0.25em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-min-width: A CSS length that\n   * specifies the minimum width of the label. Defaults to `2rem`.\n   */\n  --viewer-annotations-pin-label-min-width: 2rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-width: A CSS length that\n   * specifies the maximum width of the label. Defaults to `25rem`.\n   */\n  --viewer-annotations-pin-label-max-width: 25rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-height: A CSS length that\n   * specifies the maximum height of the label. Defaults to `50rem`.\n   */\n  --viewer-annotations-pin-label-max-height: 50rem;\n\n  overflow: hidden;\n  pointer-events: none;\n}\n\n:host([mode='']) .pin-label {\n  color: var(--viewer-annotations-pin-label-color);\n  background: var(--viewer-annotations-pin-label-background-color);\n}\n\n.pin-label-text {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.pin-label-input-wrapper {\n  display: flex;\n  position: absolute;\n  pointer-events: auto;\n  box-sizing: border-box;\n  min-width: var(--viewer-annotations-pin-label-min-width);\n  max-width: var(--viewer-annotations-pin-label-max-width);\n  max-height: var(--viewer-annotations-pin-label-max-height);\n  background: var(--viewer-annotations-pin-label-background-color);\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  border-radius: var(--viewer-annotations-pin-label-border-radius);\n}\n\n.pin-label-input-wrapper.focused {\n  min-width: var(--viewer-annotations-pin-label-max-width);\n  border-color: var(--viewer-annotations-pin-label-focused-border-color);\n}\n\n.pin-input-drag-target {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.pin-label-input {\n  resize: none;\n  position: relative;\n  outline: none;\n  border: none;\n  word-break: break-word;\n  padding: 0 0 0 0;\n  background-color: transparent;\n  margin: var(--viewer-annotations-pin-label-padding-y)\n    var(--viewer-annotations-pin-label-padding-x);\n  width: var(--viewer-annotations-pin-label-min-width);\n  flex-grow: 1;\n  overflow: hidden;\n  max-width: calc(\n    var(--viewer-annotations-pin-label-max-width) -\n      calc(2 * var(--viewer-annotations-pin-label-padding-x))\n  );\n}\n\n.pin-label-input.readonly {\n  pointer-events: auto;\n  color: black;\n  cursor: pointer;\n}\n\n.pin-label-hidden {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: auto;\n  height: auto;\n  box-sizing: border-box;\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  margin: var(--viewer-annotations-pin-label-padding-y) 0;\n  padding: 0 var(--viewer-annotations-pin-label-padding-x);\n  max-width: calc(\n    var(--viewer-annotations-pin-label-max-width) -\n      calc(2 * var(--viewer-annotations-pin-label-padding-x))\n  );\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  JSX,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\nimport classNames from 'classnames';\n\nimport { getMouseClientPosition } from '../../lib/dom';\nimport { PinController } from '../../lib/pins/controller';\nimport {\n  getPinColors,\n  isTextPin,\n  PinModel,\n  TextPin,\n} from '../../lib/pins/model';\nimport { readDOM } from '../../lib/stencil';\nimport {\n  translatePointToRelative,\n  translatePointToScreen,\n} from '../viewer-pin-tool/utils';\nimport { getComputedStyle } from './utils';\n\n@Component({\n  tag: 'vertex-viewer-pin-label',\n  styleUrl: 'viewer-pin-label.css',\n  shadow: false,\n})\nexport class VertexPinLabel {\n  /**\n   * The pin to draw for the group\n   */\n  @Prop()\n  public pin?: TextPin;\n\n  /**\n   * The dimensions of the canvas for the pins\n   */\n  @Prop()\n  public elementBounds?: DOMRect;\n\n  /**\n   * The current text value of the component. Value is updated on user\n   * interaction.\n   */\n  @Prop({ mutable: true })\n  public value = '';\n\n  /**\n   * The controller that drives behavior for pin operations\n   */\n  @Prop({ mutable: true })\n  public pinController?: PinController;\n\n  /**\n   * @internal\n   */\n  @Event({ bubbles: true })\n  public labelChanged!: EventEmitter<void>;\n\n  /**\n   * Emitted whenever the label is focused, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelFocused!: EventEmitter<string | undefined>;\n\n  /**\n   * Emitted whenever the label is blurred, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelBlurred!: EventEmitter<string | undefined>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  @State()\n  private focused = false;\n\n  @State()\n  private computedScreenPosition?: Point.Point;\n\n  @State()\n  private textareaRows = 1;\n\n  @State()\n  private contentElBounds?: DOMRect;\n\n  private relativePointerDownPosition?: Point.Point;\n  private pinPointerDownPosition?: Point.Point;\n\n  private inputEl?: HTMLTextAreaElement;\n  private contentEl?: HTMLDivElement;\n\n  private resizeObserver?: ResizeObserver;\n  private contentResizeObserver?: ResizeObserver;\n\n  /**\n   * Gives focus to the component's internal text input.\n   */\n  @Method()\n  public async setFocus(): Promise<void> {\n    // HTMLInputElement.focus() doesn't exist in tests.\n    if (typeof this.inputEl?.focus === 'function') {\n      this.focused = true;\n      this.labelFocused.emit(this.pin?.id);\n      this.inputEl?.focus();\n    }\n  }\n\n  /**\n   * @internal\n   * submits the current text, unfocuses the input and emits the blur event to consumers\n   */\n  @Method()\n  public async submit(): Promise<void> {\n    this.focused = false;\n    this.labelBlurred.emit(this.pin?.id);\n    if (this.pin != null) {\n      this.pinController?.updatePin({\n        ...this.pin,\n        label: {\n          point: this.pin.label.point,\n          text: this.value,\n        },\n      });\n    }\n  }\n\n  @Watch('focused')\n  protected watchFocusChange(): void {\n    this.labelChanged.emit();\n\n    if (this.focused) {\n      this.pinController?.setSelectedPinId(this.pin?.id);\n    }\n  }\n\n  @Watch('pin')\n  protected watchPinChange(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n  }\n\n  @Watch('elementBounds')\n  protected watchElementBoundsChange(): void {\n    this.computeScreenPosition();\n  }\n\n  protected componentWillLoad(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n\n    if (this.pinController == null) {\n      this.pinController = new PinController(new PinModel());\n    }\n  }\n\n  protected componentDidLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.labelChanged.emit();\n    });\n\n    this.contentResizeObserver = new ResizeObserver(this.computeContentSize);\n\n    if (this.hostEl != null) {\n      this.resizeObserver.observe(this.hostEl);\n    }\n\n    if (this.contentEl != null) {\n      this.contentResizeObserver.observe(this.contentEl);\n    }\n  }\n\n  protected disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.contentResizeObserver?.disconnect();\n  }\n\n  protected componentDidRender(): void {\n    if (this.focused && this.inputEl != null) {\n      this.setFocus();\n    }\n  }\n\n  protected render(): JSX.Element {\n    const { primaryColor, accentColor } = getPinColors(this.pin);\n    return (\n      <Host>\n        <div\n          class={classNames('pin-label-input-wrapper', {\n            focused: this.focused,\n          })}\n          onPointerDown={this.handlePointerDown}\n          style={{\n            top: `${this.computedScreenPosition?.y.toString() || 0}px`,\n            left: `${this.computedScreenPosition?.x.toString() || 0}px`,\n            minWidth: this.computeMinWidth(),\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n            borderColor: primaryColor,\n            background: accentColor,\n          }}\n        >\n          <textarea\n            id={`pin-label-input-${this.pin?.id}`}\n            class={classNames('pin-label-input', 'pin-label-text', {\n              ['readonly']: !this.focused,\n            })}\n            disabled={!this.focused}\n            ref={(ref) => (this.inputEl = ref)}\n            value={this.value}\n            rows={this.textareaRows}\n            onKeyDown={this.handleInputKeyDown}\n            onInput={this.handleTextInput}\n            onBlur={this.handleTextBlur}\n            aria-label=\"Pin label input\"\n          />\n          {/* This corrects for a behavior in Firefox where setting the `disabled` attribute to true */}\n          {/* prevents any events from propagating. */}\n          {!this.focused && (\n            <div\n              class=\"pin-input-drag-target\"\n              onPointerDown={this.handlePointerDown}\n            />\n          )}\n        </div>\n        <div\n          ref={(el) => (this.contentEl = el)}\n          class={classNames('pin-label-text', 'pin-label-hidden')}\n          style={{\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n          }}\n        >\n          {this.hiddenContent()}\n        </div>\n      </Host>\n    );\n  }\n\n  private hiddenContent(): Array<string | HTMLBRElement> {\n    // This corrects some inconsistencies in how a newline character\n    // is represented in a div. Leveraging `<br>`s results in a more\n    // consistent representation of the newlines in a textarea.\n    return this.value.includes('\\n')\n      ? this.value\n          .split('\\n')\n          .reduce(\n            (res, str) => [...res, str, <br />],\n            [] as Array<string | HTMLBRElement>,\n          )\n      : [this.value];\n  }\n\n  private computeMinWidth(): string {\n    if (this.contentElBounds != null) {\n      const expected = `${this.contentElBounds.width + 8}px`;\n\n      return `min(${expected}, ${this.computeMaxWidth()})`;\n    } else {\n      return `var(--viewer-annotations-pin-label-min-width)`;\n    }\n  }\n\n  private computeMaxWidth(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-width)`;\n\n    return `min(${expected}, ${this.computeRemainingWidth()})`;\n  }\n\n  private computeMaxHeight(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-height)`;\n\n    return `min(${expected}, ${this.computeRemainingHeight()})`;\n  }\n\n  private computeRemainingWidth(): string {\n    return `calc(${this.elementBounds?.width.toString() || 0}px - ${\n      this.computedScreenPosition?.x.toString() || 0\n    }px)`;\n  }\n\n  private computeRemainingHeight(): string {\n    return `calc(${this.elementBounds?.height.toString() || 0}px - ${\n      this.computedScreenPosition?.y.toString() || 0\n    }px)`;\n  }\n\n  private computeScreenPosition(): void {\n    this.computedScreenPosition =\n      isTextPin(this.pin) &&\n      this.elementBounds != null &&\n      this.pin.label.point != null\n        ? translatePointToScreen(this.pin.label.point, this.elementBounds)\n        : undefined;\n  }\n\n  private computeContentSize = (): void => {\n    readDOM(() => {\n      if (this.contentEl != null) {\n        this.contentElBounds = this.contentEl.getBoundingClientRect();\n        const computedStyles = getComputedStyle(this.contentEl);\n        this.textareaRows = Math.max(\n          1,\n          Math.ceil(\n            (Number.parseFloat(computedStyles.getPropertyValue('height')) -\n              Number.parseFloat(\n                computedStyles.getPropertyValue('borderWidth'),\n              ) *\n                2) /\n              Number.parseFloat(computedStyles.getPropertyValue('lineHeight')),\n          ),\n        );\n      }\n    });\n  };\n\n  private handleInputKeyDown = (event: KeyboardEvent): void => {\n    event.stopPropagation();\n    if (\n      event.key === 'Enter' &&\n      (event.ctrlKey || event.metaKey || event.shiftKey)\n    ) {\n      this.textareaRows += 1;\n      this.value += '\\n';\n    } else if (event.key === 'Enter') {\n      event.preventDefault();\n      this.submit();\n    }\n  };\n\n  private handlePointerDown = (event: PointerEvent): void => {\n    if (!this.focused) {\n      if (this.elementBounds != null) {\n        if (event.buttons !== 2) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        this.relativePointerDownPosition = translatePointToRelative(\n          getMouseClientPosition(event, this.elementBounds),\n          this.elementBounds,\n        );\n        this.pinPointerDownPosition = this.pin?.label.point;\n\n        window.addEventListener('pointermove', this.handlePointerMove);\n        window.addEventListener('pointerup', this.handlePointerUp);\n      }\n    }\n  };\n\n  private handlePointerMove = (event: PointerEvent): void => {\n    if (\n      this.elementBounds != null &&\n      this.relativePointerDownPosition &&\n      this.pinPointerDownPosition != null\n    ) {\n      // Prevent selection of any text while interacting with the label\n      event.preventDefault();\n      event.stopPropagation();\n\n      const point = getMouseClientPosition(event, this.elementBounds);\n      const relative = translatePointToRelative(point, this.elementBounds);\n\n      const relativeDelta = Point.subtract(\n        relative,\n        this.relativePointerDownPosition,\n      );\n\n      const myUpdatedPin =\n        this.pin != null\n          ? {\n              ...this.pin,\n              label: {\n                ...this.pin.label,\n                point: Point.add(this.pinPointerDownPosition, relativeDelta),\n              },\n            }\n          : undefined;\n\n      if (myUpdatedPin) {\n        this.pinController?.updatePin(myUpdatedPin);\n        this.computeScreenPosition();\n      }\n    }\n  };\n\n  private handlePointerUp = (event: PointerEvent): void => {\n    if (\n      this.pinController?.getToolMode() === 'edit' &&\n      this.relativePointerDownPosition != null &&\n      this.elementBounds != null\n    ) {\n      const pointerDownScreen = translatePointToScreen(\n        this.relativePointerDownPosition,\n        this.elementBounds,\n      );\n      const distanceBetweenStartAndEndPoint = Point.distance(\n        pointerDownScreen,\n        getMouseClientPosition(event, this.elementBounds),\n      );\n\n      if (distanceBetweenStartAndEndPoint <= 2) {\n        this.focused = true;\n        this.labelFocused.emit(this.pin?.id);\n      }\n    }\n\n    this.relativePointerDownPosition = undefined;\n    this.pinPointerDownPosition = undefined;\n\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    window.removeEventListener('pointerup', this.handlePointerUp);\n  };\n\n  private handleTextBlur = (): void => {\n    this.submit();\n  };\n\n  private handleTextInput = (event: Event): void => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n  };\n}\n",":host {\n  /**\n   * @prop  --viewer-annotations-pin-label-line-color: A CSS color that\n   * specifies the color of the label line\n   */\n  --viewer-annotations-pin-label-line-color: var(\n    --viewer-annotations-pin-primary-color\n  );\n\n  /**\n   * @prop --viewer-annotations-pin-label-line-width: A CSS color that\n   * specifies the width of the label line\n   */\n  --viewer-annotations-pin-label-line-width: 1;\n\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.label-line {\n  pointer-events: auto;\n  stroke: var(--viewer-annotations-pin-label-line-color);\n  stroke-width: var(--viewer-annotations-pin-label-line-width);\n  cursor: default;\n}\n\n.svg {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n  pointer-events: none;\n  height: 100%;\n  width: 100%;\n}\n","import {\n  Component,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  h,\n  Host,\n  JSX,\n  Prop,\n} from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\n\nimport { getPinColors, Pin } from '../../lib/pins/model';\n\n@Component({\n  tag: 'vertex-viewer-pin-label-line',\n  styleUrl: 'viewer-pin-label-line.css',\n  shadow: false,\n})\nexport class VertexPinLabelLine {\n  @Prop()\n  public pinPoint: Point.Point | undefined;\n\n  @Prop()\n  public labelPoint: Point.Point | undefined;\n\n  @Prop()\n  public pin: Pin | undefined;\n\n  protected render(): JSX.Element {\n    const { primaryColor } = getPinColors(this.pin);\n    return (\n      <Host>\n        <svg class=\"svg\">\n          <line\n            class=\"label-line\"\n            style={{\n              stroke: primaryColor,\n            }}\n            x1={this.labelPoint?.x}\n            y1={this.labelPoint?.y}\n            x2={this.pinPoint?.x}\n            y2={this.pinPoint?.y}\n          />\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/vertex-viewer-transform-widget.entry.js

@@ -6,10 +6,10 @@ import { p as point, v as vector3, r as ray, b as plane, a as angle, m as matrix
 import { c as classname } from './index-DI7z7TKn.js';
 import { w as writeDOM, r as readDOM } from './stencil-BV-7pO4q.js';
 import { T as TransformController } from './controller-BPECXXfj.js';
-import { A as AngleUnits, D as DistanceUnits } from './streamAttributes-Bj2xDHfI.js';
+import { A as AngleUnits, D as DistanceUnits } from './streamAttributes-BW9JzMeG.js';
 import './entities-BAhfr1Nx.js';
 import { E as EventDispatcher } from './bundle-D9AxqWtI.js';
-import { d as TriangleMeshPoints, T as TriangleMesh, R as ReglComponent, e as computeDrawable2dBounds, r as regl, s as shapeBuilder, x as xAxisArrowPositions, A as AxisLine, b as axisPositions, y as yAxisArrowPositions, z as zAxisArrowPositions, f as xyAxisTranslationPositions, g as xzAxisTranslationPositions, h as yzAxisTranslationPositions, i as rotationAxisPositions, j as RotationLine } from './regl-component-gIonUTBJ.js';
+import { d as TriangleMeshPoints, T as TriangleMesh, R as ReglComponent, e as computeDrawable2dBounds, r as regl, s as shapeBuilder, x as xAxisArrowPositions, A as AxisLine, b as axisPositions, y as yAxisArrowPositions, z as zAxisArrowPositions, f as xyAxisTranslationPositions, g as xzAxisTranslationPositions, h as yzAxisTranslationPositions, i as rotationAxisPositions, j as RotationLine } from './regl-component-B1_h3_s8.js';
 import './_commonjsHelpers-CG9AChtV.js';
 import './bundle-CG6SJT94.js';
 import './util-CMPFqnEv.js';
@@ -279,7 +279,7 @@ const TransformWidgetInput = ({ ref, identifier, disabled, onChange, onIncrement
             onUndo();
         }
     };
-    return (h("input", { ref: ref, disabled: disabled, class: `widget-input ${identifier}`, type: "text", onChange: handleChange, onKeyDown: handleKeyDown, onBlur: onBlur }));
+    return (h("input", { ref: ref, disabled: disabled, class: `widget-input ${identifier}`, type: "text", onChange: handleChange, onKeyDown: handleKeyDown, onBlur: onBlur, "aria-label": "Transform widget input" }));
 };
 function constrainTo(dimension, length) {
     return Math.min(dimension, Math.max(0, length));