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

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

@@ -1 +1 @@
-{"version":3,"names":["sceneTreeTableCellCss","SceneTreeTableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","placeholder","alwaysShowIcons","hovered","displayValue","resp","value","trim","handleCellPointerEnter","_a","hoverController","setHovered","_c","_b","node","id","hex","handleCellPointerLeave","undefined","handleCellPointerUp","event","isScrolling","tree","longPressTimer","selectionHandler","performDefaultSelectionOperation","selectionToggled","emit","originalEvent","clearLongPressTimer","handleCellPointerDown","restartLongPressTimer","createActionPointerUpHandler","action","preventDefault","stopPropagation","blurElement","hostEl","toggleExpansion","async","expansionHandler","performDefaultExpansionOperation","expandToggled","toggleVisibility","visibilityHandler","performDefaultVisibilityOperation","visibilityToggled","isolate","isolateHandler","performDefaultIsolateOperation","isolatePressed","defaultPrevented","button","ctrlKey","metaKey","selected","deselectItem","_d","selectItem","recurseParent","_e","_f","append","range","shiftKey","toggleItemVisibility","isolateItem","toggleExpandItem","componentDidLoad","hoverListener","stateChanged","cellLoaded","disconnectedCallback","dispose","componentWillRender","toggleAttribute","visible","partiallyVisible","isLeaf","endItem","filterHit","render","hiddenStyle","visibility","backgroundColorStyle","getBackgroundColorStyle","endItemIcon","getEndItemIcon","expansionIcon","getExpansionIcon","isolateIcon","getIsolateIcon","visibilityIcon","getVisibilityIcon","showSpaceForExpansionIcon","expandToggle","showSpaceForEndItemIcon","h","Host","key","onPointerEnter","onPointerLeave","onPointerUp","onPointerDown","style","class","name","size","isolateButton","visibilityToggle","attr","setAttribute","removeAttribute","window","clearTimeout","setTimeout","Events.defaultEventConfig","longPressThreshold","getCssVariableWithFallbacks","depth","selectedBackgroundColorStyle","hoveredBackgroundColorStyle","variable","fallbacks","sequencedFallbacks","reverse","reduce","res","s","expanded","endItemIndicator"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["sceneTreeTableCellCss","SceneTreeTableCell","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","placeholder","alwaysShowIcons","hovered","displayValue","resp","value","trim","handleCellPointerEnter","_a","hoverController","setHovered","_c","_b","node","id","hex","handleCellPointerLeave","undefined","handleCellPointerUp","event","isScrolling","tree","longPressTimer","selectionHandler","performDefaultSelectionOperation","selectionToggled","emit","originalEvent","clearLongPressTimer","handleCellPointerDown","restartLongPressTimer","createActionPointerUpHandler","action","preventDefault","stopPropagation","blurElement","hostEl","toggleExpansion","async","expansionHandler","performDefaultExpansionOperation","expandToggled","toggleVisibility","visibilityHandler","performDefaultVisibilityOperation","visibilityToggled","isolate","isolateHandler","performDefaultIsolateOperation","isolatePressed","defaultPrevented","button","ctrlKey","metaKey","selected","deselectItem","_d","selectItem","recurseParent","_e","_f","append","range","shiftKey","toggleItemVisibility","isolateItem","toggleExpandItem","componentDidLoad","hoverListener","stateChanged","cellLoaded","disconnectedCallback","dispose","componentWillRender","toggleAttribute","visible","partiallyVisible","isLeaf","endItem","filterHit","render","hiddenStyle","visibility","backgroundColorStyle","getBackgroundColorStyle","endItemIcon","getEndItemIcon","expansionIcon","getExpansionIcon","isolateIcon","getIsolateIcon","visibilityIcon","getVisibilityIcon","showSpaceForExpansionIcon","expandToggle","showSpaceForEndItemIcon","h","Host","key","onPointerEnter","onPointerLeave","onPointerUp","onPointerDown","style","class","name","size","isolateButton","visibilityToggle","attr","setAttribute","removeAttribute","window","clearTimeout","setTimeout","Events.defaultEventConfig","longPressThreshold","getCssVariableWithFallbacks","depth","selectedBackgroundColorStyle","hoveredBackgroundColorStyle","variable","fallbacks","sequencedFallbacks","reverse","reduce","res","s","expanded","endItemIndicator"],"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"],"mappings":"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","ignoreList":[]}

package/dist/components/vertex-scene-tree-table-column.js.map

@@ -1 +1 @@
-{"version":3,"names":["sceneTreeTableColumnCss","SceneTreeTableColumn","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","class","name"],"sources":["src/components/scene-tree-table-column/scene-tree-table-column.css?tag=vertex-scene-tree-table-column&encapsulation=shadow","src/components/scene-tree-table-column/scene-tree-table-column.tsx"],"sourcesContent":[":host {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.hidden {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'vertex-scene-tree-table-column',\n  styleUrl: 'scene-tree-table-column.css',\n  shadow: true,\n})\nexport class SceneTreeTableColumn {\n  /**\n   * The initial width of this column.\n   */\n  @Prop()\n  public initialWidth?: number;\n\n  /**\n   * The minimum width of this column.\n   */\n  @Prop()\n  public minWidth?: number;\n\n  /**\n   * The maximum width of this column.\n   */\n  @Prop()\n  public maxWidth?: number;\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot name=\"header\" />\n        </div>\n        <div class=\"column\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;gEAAA,MAAMA,EAA0B,IAAM,kL,MCOzBC,EAAoBC,EAAA,MAAAD,UAAAE,E,iFAmBxB,MAAAC,GACL,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,YAEbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["sceneTreeTableColumnCss","SceneTreeTableColumn","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","class","name"],"sources":["src/components/scene-tree-table-column/scene-tree-table-column.css?tag=vertex-scene-tree-table-column&encapsulation=shadow","src/components/scene-tree-table-column/scene-tree-table-column.tsx"],"sourcesContent":[":host {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.hidden {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.column {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'vertex-scene-tree-table-column',\n  styleUrl: 'scene-tree-table-column.css',\n  shadow: true,\n})\nexport class SceneTreeTableColumn {\n  /**\n   * The initial width of this column.\n   */\n  @Prop()\n  public initialWidth?: number;\n\n  /**\n   * The minimum width of this column.\n   */\n  @Prop()\n  public minWidth?: number;\n\n  /**\n   * The maximum width of this column.\n   */\n  @Prop()\n  public maxWidth?: number;\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot name=\"header\" />\n        </div>\n        <div class=\"column\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;gEAAA,MAAMA,EAA0B,IAAM,kL,MCOzBC,EAAoBC,EAAA,MAAAD,UAAAE,E,iFAmBxB,MAAAC,GACL,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,YAEbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/vertex-scene-tree-table-layout.js

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{S as o,d as s}from"./p-garvKln8.js";const r=o;const t=s;export{r as VertexSceneTreeTableLayout,t as defineCustomElement};
+import{S as o,d as s}from"./p-BAuOB8M-.js";const t=o;const p=s;export{t as VertexSceneTreeTableLayout,p as defineCustomElement};
 //# sourceMappingURL=vertex-scene-tree-table-layout.js.map

package/dist/components/vertex-scene-tree.js

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{h as e,F as t,t as i,p as s,H as n,d as o,f as a,e as r}from"./p-Bb32XUUS.js";import{s as l,w as d,S as c,a as h,b as u}from"./p-DMG1CW3A.js";import{p as v}from"./p-CZgX-9yo.js";import{i as f}from"./p-DC86ZXai.js";import{d as p,g as m}from"./p-garvKln8.js";import{i as w}from"./p-DeUGB_Ik.js";import{S as b}from"./p-BZwvQkyb.js";import{d as y}from"./p-CIuxJYJL.js";import{d as g}from"./p-Y8W_BXUk.js";import{d as x}from"./p-B5SQ_oXT.js";import{d as I}from"./p-Bkm6H5uq.js";import{d as C}from"./p-DxuSiXYg.js";const k=({details:i},s)=>e("div",{class:"error"},e("div",{class:"error-section error-message"},e("span",null,i.message),i.link&&e(t,null,e("span",null," See our "),e("a",{href:i.link,target:"_blank"},"documentation")," ",e("span",null," for more information."))),e("div",{class:"error-section"},s));const E=500;async function R(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.elements((e=>e.items.where((e=>e.withItemId(t))).show())).execute({suppliedCorrelationId:i})}async function M(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.elements((e=>e.items.where((e=>e.withItemId(t))).hide())).execute({suppliedCorrelationId:i})}async function S(e,t,{append:i=false,suppliedCorrelationId:s}){const n=await e.scene();return n.elements((e=>[...i?[]:[e.items.where((e=>e.all())).deselect()],e.items.where((e=>e.withItemId(t))).select()])).execute({suppliedCorrelationId:s})}async function D(e,t,i,{append:s=true,suppliedCorrelationId:n}){const o=await e.scene();return o.elements((e=>[...s?[]:[e.items.where((e=>e.all())).deselect()],e.items.where((e=>e.withSceneTreeRange({start:t,end:i}))).select()])).execute({suppliedCorrelationId:n})}async function j(e,t,i,s,n,{append:o=false,suppliedCorrelationId:a}){const r=await e.scene();return r.elements((e=>[...o?[]:[e.items.where((e=>e.all())).deselect()],e.items.where((e=>e.withMetadata(t,i,s,n))).select()])).execute({suppliedCorrelationId:a})}async function L(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.elements((e=>e.items.where((e=>e.withItemId(t))).deselect())).execute({suppliedCorrelationId:i})}async function A(e,t,{suppliedCorrelationId:i,animationDurationMs:s}={}){const n=await e.scene();await n.elements((e=>[e.items.where((e=>e.all())).hide(),e.items.where((e=>e.withItemId(t))).show()])).execute({suppliedCorrelationId:i});const o=await n.camera().flyTo((e=>e.withItemId(t))).render({animation:{milliseconds:s!==null&&s!==void 0?s:E}});await o.onAnimationCompleted.once()}const K=()=>`button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}.button{padding:0.5rem;border-radius:0.25rem}.button-secondary{color:var(--neutral-800);background-color:var(--neutral-300)}.button-secondary:hover{color:var(--neutral-900)}.button-secondary:hover:enabled{box-shadow:0 2px 2px rgb(0 0 0 / 20%)}.button-secondary:disabled{opacity:0.8}.button-secondary:hover:disabled{cursor:not-allowed}:host{--scene-tree-toolbar-separator:1px solid var(--neutral-300);--scene-tree-default-font-family:unset;--scene-tree-default-font-size:unset;--scene-tree-default-font-color:unset;--scene-tree-secondary-font-color:unset;--scene-tree-selected-row-background-color:unset;--scene-tree-hovered-row-background-color:unset;--scene-tree-row-background-color:unset;--scene-tree-row-background-color-depth-n:unset;--scene-tree-overlay-z-index:3000;width:300px;height:100%;user-select:none;-webkit-user-select:none;cursor:default;display:flex;flex-direction:column;position:relative}.rows-scroll{position:relative;height:var(--scene-tree-row-height, 0);flex-grow:1}.rows{position:relative}.row{position:absolute;display:flex;align-items:center;width:100%;height:var(--scene-tree-row-height);padding:var(--scene-tree-row-padding);box-sizing:border-box}.row:hover{background-color:var(--scene-tree-row-hover-color)}.row.is-selected{background-color:var(--scene-tree-row-selected-color)}.expand-toggle{cursor:pointer;width:16px}.row-text{margin-left:0.25rem;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.visibility-btn{display:flex;align-items:center;visibility:hidden;padding:4px}.visibility-btn.is-hidden{visibility:visible}.row:hover .visibility-btn{visibility:visible}.error,.empty-results{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;font-size:0.875rem;width:100%;height:100%;padding:1rem;box-sizing:border-box;justify-content:center;background-color:white;z-index:var(--scene-tree-overlay-z-index)}.error-section{margin-top:1rem}.error-message{text-align:center}.search-toolbar,slot[name='header']::slotted(*){border-bottom:var(--scene-tree-toolbar-separator)}slot[name='footer']::slotted(:not(:last-child)){border-top:var(--scene-tree-toolbar-separator)}.header{display:flex;flex-direction:column}.footer{display:flex;flex-direction:column}.loading{position:absolute;top:150px;left:50%;transform:translate(-50%, -50%);text-align:center}`;const T=25;const F=s(class t extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.connectionError=o(this,"connectionError");this.firstRowRendered=o(this,"firstRowRendered");this.overScanCount=25;this.configEnv="platprod";this.searchOptions={};this.metadataSearchExactMatch=false;this.metadataSearchKeys=[];this.metadataKeys=[];this.operationAnimationDuration=500;this.rows=[];this.totalRows=0;this.showLoader=false;this.showEmptyResults=false;this.stateMap={componentLoaded:false};this.hasPartialFilterResults=false;this.refreshingResults=false;this.attemptingRetry=false;this.firstCellRendered=false}async invalidateRows(){a(this.getLayoutElement())}async scrollToIndex(e,t={}){const{animate:i,position:s="middle"}=t;const n=Math.max(0,Math.min(e,this.totalRows));const o=this.getScrollToPosition(n,s);await this.getLayoutElement().scrollToPosition(o,{behavior:i?"smooth":undefined})}async scrollToItem(e,t={}){var i;const s=this.totalRows;const n=await((i=this.controller)===null||i===void 0?void 0:i.expandParentNodes(e));if(n!=null&&s!==this.totalRows){return new Promise((e=>{const i=this.getLayoutElement();const s=async()=>{i.removeEventListener("layoutRendered",s);await this.scrollToIndex(n,t);e()};i.addEventListener("layoutRendered",s)}))}else if(n!=null){await this.scrollToIndex(n,t)}}async expandAll(){var e;await((e=this.controller)===null||e===void 0?void 0:e.expandAll())}async collapseAll(){var e;await((e=this.controller)===null||e===void 0?void 0:e.collapseAll())}async expandItem(e){await this.performRowOperation(e,(async({id:e,node:t})=>{var i;if(!t.expanded){await((i=this.controller)===null||i===void 0?void 0:i.expandNode(e))}}))}async collapseItem(e){await this.performRowOperation(e,(async({id:e,node:t})=>{var i;if(t.expanded){await((i=this.controller)===null||i===void 0?void 0:i.collapseNode(e))}}))}async toggleExpandItem(e){await this.performRowOperation(e,(async({node:e})=>{if(e.expanded){await this.collapseItem(e)}else{await this.expandItem(e)}}))}async toggleItemVisibility(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.visible||i.partiallyVisible){await M(e,t)}else{await R(e,t)}}))}async hideItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.visible){await M(e,t)}}))}async showItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(!i.visible){await R(e,t)}}))}async selectItem(e,{recurseParent:t,...i}={}){await this.performRowOperation(e,(async({viewer:s,id:n})=>{var o,a,r,l;const d=await((o=this.controller)===null||o===void 0?void 0:o.fetchNodeAncestors(n))||[];const c=(a=this.stateMap.selectionPath)===null||a===void 0?void 0:a.includes(n);const h=this.getNodeFromRowOrIndex(e);const u=d.length>0?d[0].selected:true;const v=h.selected&&!u;if(t&&(c||v)){const e=d.find((({selected:e})=>!e));if(e!=null){await this.selectItem(e,i);this.lastSelectedItemId=n}else{await S(s,n,i);this.lastSelectedItemId=n}}else if(i.range&&this.lastSelectedItemId!=null){const e=await((r=this.controller)===null||r===void 0?void 0:r.expandParentNodes(n));const t=await((l=this.controller)===null||l===void 0?void 0:l.expandParentNodes(this.lastSelectedItemId));if(t&&e){const n=Math.min(t,e);const o=Math.max(t,e);await D(s,n,o,i)}}else{await S(s,n,i);this.lastSelectedItemId=n}this.stateMap.selectionPath=[...d.map((({id:e})=>(e===null||e===void 0?void 0:e.hex)||"")),n]}))}async deselectItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.selected){this.lastSelectedItemId=undefined;await L(e,t)}}))}async isolateItem(e){await this.performRowOperation(e,(async({viewer:e,id:t})=>{await A(e,t,{animationDurationMs:this.operationAnimationDuration})}))}async getRowAtIndex(e){return this.rows[e]}async getRowForItemId(e){var t;const i=await((t=this.controller)===null||t===void 0?void 0:t.expandParentNodes(e));if(i!=null){return this.rows[i]}else{return undefined}}async getRowForEvent(e){const{clientY:t,target:i}=e;if(i!=null&&this.errorDetails==null&&m(this.el,i)&&f(i)){return this.getRowAtClientY(t)}else{return undefined}}getRowAtClientY(e){const t=this.getLayoutElement();const i=t.layoutOffset;const s=Math.floor((e-i+t.scrollOffset)/t.rowHeight);return this.getRowAtIndex(s)}async filterItems(e,t={}){var i;const s={...t,metadataSearchKeys:t.columns};const n=this.getMetadataSearchKeys(s);return(i=this.controller)===null||i===void 0?void 0:i.filter(e,{...t,columns:n})}async selectFilteredItems(e,t){var i,s,n,o,a,r;if(this.viewer!=null){const l=(s=(i=this.searchOptions)===null||i===void 0?void 0:i.metadataSearchKeys)!==null&&s!==void 0?s:this.metadataSearchKeys;const d=l.length>0?l:this.metadataKeys;const c=d.length>0?d:["VERTEX_SCENE_ITEM_NAME"];const h=(o=(n=this.searchOptions)===null||n===void 0?void 0:n.exactMatch)!==null&&o!==void 0?o:this.metadataSearchExactMatch;const u=(r=(a=this.searchOptions)===null||a===void 0?void 0:a.removeHiddenItems)!==null&&r!==void 0?r:false;await j(this.viewer,e,c,h,u,{append:false,...t})}}async fetchMetadataKeys(){var e,t;return(t=(e=this.controller)===null||e===void 0?void 0:e.fetchMetadataKeys())!==null&&t!==void 0?t:[]}disconnectedCallback(){var e,t,i;(e=this.stateMap.viewerDisposable)===null||e===void 0?void 0:e.dispose();(t=this.stateMap.viewerSceneReadyDisposable)===null||t===void 0?void 0:t.dispose();(i=this.controller)===null||i===void 0?void 0:i.cancel()}connectedCallback(){this.connectToViewer()}componentWillLoad(){var e;if(this.controller==null){const{sceneTreeHost:t}=this.getConfig().network;const i=new l.SceneTreeAPIClient(t,this.getConfig().flags.grpcUseStreamingWebSocketTransport?{transport:d}:undefined);this.controller=new c(i,100);(e=this.controller)===null||e===void 0?void 0:e.setMetadataKeys(this.metadataKeys)}this.stateMap.onStateChangeDisposable=this.controller.onStateChange.on((e=>this.handleControllerStateChange(e)));this.connectToViewer();this.updateMissingViewerError()}async componentDidLoad(){var e;this.ensureLayoutDefined();this.updateLayoutElement();const t=this.getLayoutElement();const i=new ResizeObserver((()=>{this.invalidateRows()}));i.observe(t);this.stateMap.resizeObserver=i;this.stateMap.componentLoaded=true;(e=this.controller)===null||e===void 0?void 0:e.setMetadataKeys(this.metadataKeys)}componentWillRender(){this.updateLayoutElement()}render(){return e(r,{key:"5ffa85bb61bc8292e6c9ec4239cea7c87c24b189"},e("div",{key:"e305f4cee0f16338acad4d60edb5469fc0b20b7c",class:"header"},e("slot",{key:"785f655c31f4c8866a4e9b89fd6be9bd8b7a92af",name:"header"},e("vertex-scene-tree-toolbar",{key:"1e6a2755f67a2e315df254d5703c998af503d90f",class:"search-toolbar"},e("vertex-scene-tree-search",{key:"390e24becad6a63e149eab8e73493787b8d44bf7",controller:this.controller})))),e("slot",{key:"6d740f086d94bb7deeb2ba71031826c76756cc2e",name:"partial-filter-results-banner"},this.hasPartialFilterResults&&e("vertex-scene-tree-notification-banner",{key:"6789e4bdfb24c1a69b32d6c9909665af82082e09",message:this.refreshingResults?"Refreshing results...":"Data loading, refresh for more.",actionLabel:"Refresh",onAction:()=>{var e;return(e=this.controller)===null||e===void 0?void 0:e.refreshFilter()}})),this.errorDetails!=null&&this.renderError(this.errorDetails),this.errorDetails==null&&e("div",{key:"55774ba1f9d307b71197b0eab0c03f4aabf95041",class:"rows-scroll"},this.showLoader&&e("slot",{key:"eaacd5e2516236f909ce018ce384fad0b4b0d611",name:"loading"},e("vertex-viewer-spinner",{key:"de02dfe0223593839a240c7dfbdeaee3bf57b74b",class:"loading",size:"md"})),e("slot",{key:"5141e29171debf43a663e3318fb8ae3cb14e32ff"}),this.showEmptyResults&&e("slot",{key:"375cf7088655dc757587e69836377eec1f9ac0f9",name:"empty-results"},e("div",{key:"952d5b5a6445384ec3d2b3ae2f422c31c8cd26c9",class:"empty-results"},"No Results Found."))),e("div",{key:"aa2170a0a13edba86aa5e220bd8f38627aaa726b",class:"footer"},e("slot",{key:"93416a47de11cb2a70b2ff586034134ef483167d",name:"footer"})))}renderError(t){if(t.code!==h.SCENE_TREE_DISABLED){return e(k,{details:t},e("button",{class:"button button-secondary",onClick:()=>this.retryConnectToViewer(),disabled:this.attemptingRetry},"Retry"))}else{return e(k,{details:t})}}handleViewerChanged(e,t){if(!this.stateMap.componentLoaded){return}this.connectToViewer()}handleControllerChanged(e){var t;if(!this.stateMap.componentLoaded){return}(t=this.stateMap.onStateChangeDisposable)===null||t===void 0?void 0:t.dispose();this.stateMap.onStateChangeDisposable=e.onStateChange.on((e=>this.handleControllerStateChange(e)));e.setMetadataKeys(this.metadataKeys)}handleMetadataKeysChanged(){var e;(e=this.controller)===null||e===void 0?void 0:e.setMetadataKeys(this.metadataKeys)}retryConnectToViewer(){this.attemptingRetry=true;this.errorDetails=undefined;this.connectToViewer()}connectToViewer(){var e,t,i;(e=this.stateMap.viewerDisposable)===null||e===void 0?void 0:e.dispose();(t=this.stateMap.viewerSceneReadyDisposable)===null||t===void 0?void 0:t.dispose();if(this.viewer==null&&this.viewerSelector!=null){this.viewer=document.querySelector(this.viewerSelector)}if(this.viewer!=null){this.clearMissingViewerError();const e=async()=>{const e=this.getLayoutElement();await e.attemptComputeCellHeight()};this.viewer.addEventListener("sceneReady",e);this.stateMap.viewerDisposable=(i=this.controller)===null||i===void 0?void 0:i.connectToViewer(this.viewer);this.stateMap.viewerSceneReadyDisposable={dispose:()=>{var t;return(t=this.viewer)===null||t===void 0?void 0:t.removeEventListener("sceneReady",e)}}}else{this.attemptingRetry=false;if(this.stateMap.componentLoaded){this.updateMissingViewerError()}}}updateMissingViewerError(){if(this.viewer==null){this.errorDetails=new u("MISSING_VIEWER",h.MISSING_VIEWER)}}clearMissingViewerError(){var e;if(((e=this.errorDetails)===null||e===void 0?void 0:e.code)===h.MISSING_VIEWER){this.errorDetails=undefined}}scheduleClearUnusedData(){if(this.stateMap.idleCallbackId!=null){window.cancelIdleCallback(this.stateMap.idleCallbackId)}this.stateMap.idleCallbackId=window.requestIdleCallback((e=>{var t,i,s;const n=(t=e.timeRemaining)===null||t===void 0?void 0:t.call(e);if(n==null||n>=T){const e=this.getLayoutElement();const t=e.viewportStartIndex;const n=e.viewportEndIndex;const[o,a]=((i=this.controller)===null||i===void 0?void 0:i.getPageIndexesForRange(t,n))||[];if(o!=null&&a!=null){(s=this.controller)===null||s===void 0?void 0:s.invalidatePagesOutsideRange(o,a,50)}}else{this.scheduleClearUnusedData()}}))}handleControllerStateChange(e){this.showLoader=!!e.shouldShowLoading;this.showEmptyResults=!!e.shouldShowEmptyResults;this.rows=e.rows;this.totalRows=e.totalRows;this.hasPartialFilterResults=!!e.isPartialFilterResponse;this.refreshingResults=!!e.isSearching;if(e.connection.type==="failure"){this.errorDetails=e.connection.details;this.connectionError.emit(e.connection.details)}else if(e.connection.type==="disconnected"){this.errorDetails=new u("DISCONNECTED",h.DISCONNECTED)}else{this.errorDetails=undefined}if(e.connection.type==="connected"||e.connection.type==="failure"){this.attemptingRetry=false}}getNodeFromRowOrIndex(e){const t=typeof e==="number"?this.rows[e]:e;if(t==null){throw new Error(`Cannot perform scene tree operation. Row not found.`)}return w(t)?t.node:t}async performRowOperation(e,t){const i=this.getNodeFromRowOrIndex(e);if(i.id==null){throw new Error(`Cannot perform scene tree operation. ID is undefined.`)}if(this.viewer==null){throw new Error(`Cannot perform scene tree operation. Cannot get reference to viewer.`)}await t({viewer:this.viewer,id:i.id.hex,node:i})}async handleSearch(e){var t,i,s,n;const o=this.getMetadataSearchKeys(this.searchOptions);const a=(i=(t=this.searchOptions)===null||t===void 0?void 0:t.exactMatch)!==null&&i!==void 0?i:this.metadataSearchExactMatch;const r=(n=(s=this.searchOptions)===null||s===void 0?void 0:s.removeHiddenItems)!==null&&n!==void 0?n:false;try{await this.filterItems(e.detail,{columns:o,exactMatch:a,removeHiddenItems:r})}catch(e){console.error("Failed to filter tree with exception: ",e)}}async handleCellLoaded(){if(!this.firstCellRendered&&this.rows.length>0){this.firstCellRendered=true;this.firstRowRendered.emit()}}getScrollToPosition(e,t){var i;const s=this.getLayoutElement();const n=Math.max(0,Math.min(e,this.totalRows-1));const o=(i=s.layoutHeight)!==null&&i!==void 0?i:0;const a=s.rowHeight;if(t==="start"){return n*a}else if(t==="middle"){const e=n*a+a/2;return e-o/2}else{const e=n*a+a;return e-o}}getConfig(){return v(this.configEnv,this.config)}ensureLayoutDefined(){let e=this.el.querySelector("vertex-scene-tree-table-layout");if(e==null){e=document.createElement("vertex-scene-tree-table-layout");e.innerHTML=`\n      <vertex-scene-tree-table-column>\n        <template>\n        <vertex-scene-tree-table-cell prop:value="{{row.node.name}}" expand-toggle isolate-button visibility-toggle></vertex-scene-tree-table-cell>\n        </template>\n      </vertex-scene-tree-table-column>\n      `;this.el.appendChild(e)}this.stateMap.layoutEl=e}updateLayoutElement(){const e=this.stateMap.layoutEl;if(e!=null){e.rows=this.rows;e.tree=this.el;e.totalRows=this.totalRows;e.controller=this.controller;e.rowData=this.rowData}else if(!this.stateMap.componentLoaded&&this.totalRows>0){console.debug("Scene tree has rows, but the component has not yet rendered")}}getLayoutElement(){if(this.stateMap.layoutEl!=null){return this.stateMap.layoutEl}else{throw new Error("Layout element is undefined")}}getMetadataSearchKeys(e){var t,i;const s=(t=e===null||e===void 0?void 0:e.metadataSearchKeys)!==null&&t!==void 0?t:this.metadataSearchKeys;const n=(i=e===null||e===void 0?void 0:e.exactMatch)!==null&&i!==void 0?i:this.metadataSearchExactMatch;if(n){const e=s.length>0?s:[b];return e}else if(s.length>0){return s}return undefined}get el(){return this}static get watchers(){return{viewer:[{handleViewerChanged:0}],controller:[{handleControllerChanged:0}],metadataKeys:[{handleMetadataKeysChanged:0}]}}static get style(){return K()}},[257,"vertex-scene-tree",{overScanCount:[2,"over-scan-count"],viewerSelector:[1,"viewer-selector"],viewer:[1040],rowData:[16],config:[1],configEnv:[1,"config-env"],controller:[1040],searchOptions:[1040],metadataSearchExactMatch:[1028,"metadata-search-exact-match"],metadataSearchKeys:[1040],metadataKeys:[16],operationAnimationDuration:[2,"operation-animation-duration"],rows:[32],totalRows:[32],showLoader:[32],showEmptyResults:[32],stateMap:[32],errorDetails:[32],hasPartialFilterResults:[32],refreshingResults:[32],attemptingRetry:[32],invalidateRows:[64],scrollToIndex:[64],scrollToItem:[64],expandAll:[64],collapseAll:[64],expandItem:[64],collapseItem:[64],toggleExpandItem:[64],toggleItemVisibility:[64],hideItem:[64],showItem:[64],selectItem:[64],deselectItem:[64],isolateItem:[64],getRowAtIndex:[64],getRowForItemId:[64],getRowForEvent:[64],getRowAtClientY:[64],filterItems:[64],selectFilteredItems:[64],fetchMetadataKeys:[64]},[[0,"search","handleSearch"],[0,"cellLoaded","handleCellLoaded"]],{viewer:[{handleViewerChanged:0}],controller:[{handleControllerChanged:0}],metadataKeys:[{handleMetadataKeysChanged:0}]}]);function V(){if(typeof customElements==="undefined"){return}const e=["vertex-scene-tree","vertex-scene-tree-notification-banner","vertex-scene-tree-search","vertex-scene-tree-table-layout","vertex-scene-tree-toolbar","vertex-viewer-icon","vertex-viewer-spinner"];e.forEach((e=>{switch(e){case"vertex-scene-tree":if(!customElements.get(i(e))){customElements.define(i(e),F)}break;case"vertex-scene-tree-notification-banner":if(!customElements.get(i(e))){y()}break;case"vertex-scene-tree-search":if(!customElements.get(i(e))){g()}break;case"vertex-scene-tree-table-layout":if(!customElements.get(i(e))){p()}break;case"vertex-scene-tree-toolbar":if(!customElements.get(i(e))){x()}break;case"vertex-viewer-icon":if(!customElements.get(i(e))){I()}break;case"vertex-viewer-spinner":if(!customElements.get(i(e))){C()}break}}))}V();const z=F;const _=V;export{z as VertexSceneTree,_ as defineCustomElement};
+import{h as e,F as t,t as i,p as s,H as n,d as o,f as a,e as r}from"./p-Bb32XUUS.js";import{s as l,w as d,S as c,a as h,b as u}from"./p-DMG1CW3A.js";import{p as f}from"./p-5bk1mHRt.js";import{i as v}from"./p-DC86ZXai.js";import{d as p,g as m}from"./p-BAuOB8M-.js";import{i as w}from"./p-DeUGB_Ik.js";import{S as b}from"./p-BZwvQkyb.js";import{d as y}from"./p-CIuxJYJL.js";import{d as g}from"./p-C86HMDzi.js";import{d as x}from"./p-B5SQ_oXT.js";import{d as I}from"./p-Bkm6H5uq.js";import{d as C}from"./p-DxuSiXYg.js";const k=({details:i},s)=>e("div",{class:"error"},e("div",{class:"error-section error-message"},e("span",null,i.message),i.link&&e(t,null,e("span",null," See our "),e("a",{href:i.link,target:"_blank"},"documentation")," ",e("span",null," for more information."))),e("div",{class:"error-section"},s));const E=500;async function R(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.elements((e=>e.items.where((e=>e.withItemId(t))).show())).execute({suppliedCorrelationId:i})}async function M(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.elements((e=>e.items.where((e=>e.withItemId(t))).hide())).execute({suppliedCorrelationId:i})}async function S(e,t,{append:i=false,suppliedCorrelationId:s}){const n=await e.scene();return n.elements((e=>[...i?[]:[e.items.where((e=>e.all())).deselect()],e.items.where((e=>e.withItemId(t))).select()])).execute({suppliedCorrelationId:s})}async function D(e,t,i,{append:s=true,suppliedCorrelationId:n}){const o=await e.scene();return o.elements((e=>[...s?[]:[e.items.where((e=>e.all())).deselect()],e.items.where((e=>e.withSceneTreeRange({start:t,end:i}))).select()])).execute({suppliedCorrelationId:n})}async function j(e,t,i,s,n,{append:o=false,suppliedCorrelationId:a}){const r=await e.scene();return r.elements((e=>[...o?[]:[e.items.where((e=>e.all())).deselect()],e.items.where((e=>e.withMetadata(t,i,s,n))).select()])).execute({suppliedCorrelationId:a})}async function A(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.elements((e=>e.items.where((e=>e.withItemId(t))).deselect())).execute({suppliedCorrelationId:i})}async function L(e,t,{suppliedCorrelationId:i,animationDurationMs:s}={}){const n=await e.scene();await n.elements((e=>[e.items.where((e=>e.all())).hide(),e.items.where((e=>e.withItemId(t))).show()])).execute({suppliedCorrelationId:i});const o=await n.camera().flyTo((e=>e.withItemId(t))).render({animation:{milliseconds:s!==null&&s!==void 0?s:E}});await o.onAnimationCompleted.once()}const T=()=>`button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}.button{padding:0.5rem;border-radius:0.25rem}.button-secondary{color:var(--neutral-800);background-color:var(--neutral-300)}.button-secondary:hover{color:var(--neutral-900)}.button-secondary:hover:enabled{box-shadow:0 2px 2px rgb(0 0 0 / 20%)}.button-secondary:disabled{opacity:0.8}.button-secondary:hover:disabled{cursor:not-allowed}:host{--scene-tree-toolbar-separator:1px solid var(--neutral-300);--scene-tree-default-font-family:unset;--scene-tree-default-font-size:unset;--scene-tree-default-font-color:unset;--scene-tree-secondary-font-color:unset;--scene-tree-selected-row-background-color:unset;--scene-tree-hovered-row-background-color:unset;--scene-tree-row-background-color:unset;--scene-tree-row-background-color-depth-n:unset;--scene-tree-overlay-z-index:3000;width:300px;height:100%;user-select:none;-webkit-user-select:none;cursor:default;display:flex;flex-direction:column;position:relative}.rows-scroll{position:relative;height:var(--scene-tree-row-height, 0);flex-grow:1}.rows{position:relative}.row{position:absolute;display:flex;align-items:center;width:100%;height:var(--scene-tree-row-height);padding:var(--scene-tree-row-padding);box-sizing:border-box}.row:hover{background-color:var(--scene-tree-row-hover-color)}.row.is-selected{background-color:var(--scene-tree-row-selected-color)}.expand-toggle{cursor:pointer;width:16px}.row-text{margin-left:0.25rem;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.visibility-btn{display:flex;align-items:center;visibility:hidden;padding:4px}.visibility-btn.is-hidden{visibility:visible}.row:hover .visibility-btn{visibility:visible}.error,.empty-results{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;font-size:0.875rem;width:100%;height:100%;padding:1rem;box-sizing:border-box;justify-content:center;background-color:white;z-index:var(--scene-tree-overlay-z-index)}.error-section{margin-top:1rem}.error-message{text-align:center}.search-toolbar,slot[name='header']::slotted(*){border-bottom:var(--scene-tree-toolbar-separator)}slot[name='footer']::slotted(:not(:last-child)){border-top:var(--scene-tree-toolbar-separator)}.header{display:flex;flex-direction:column}.footer{display:flex;flex-direction:column}.loading{position:absolute;top:150px;left:50%;transform:translate(-50%, -50%);text-align:center}`;const F=25;const K=s(class t extends n{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.connectionError=o(this,"connectionError");this.firstRowRendered=o(this,"firstRowRendered");this.overScanCount=25;this.configEnv="platprod";this.searchOptions={};this.metadataSearchExactMatch=false;this.metadataSearchKeys=[];this.metadataKeys=[];this.operationAnimationDuration=500;this.rows=[];this.totalRows=0;this.showLoader=false;this.showEmptyResults=false;this.stateMap={componentLoaded:false};this.hasPartialFilterResults=false;this.refreshingResults=false;this.attemptingRetry=false;this.firstCellRendered=false}async invalidateRows(){a(this.getLayoutElement())}async scrollToIndex(e,t={}){const{animate:i,position:s="middle"}=t;const n=Math.max(0,Math.min(e,this.totalRows));const o=this.getScrollToPosition(n,s);await this.getLayoutElement().scrollToPosition(o,{behavior:i?"smooth":undefined})}async scrollToItem(e,t={}){var i;const s=this.totalRows;const n=await((i=this.controller)===null||i===void 0?void 0:i.expandParentNodes(e));if(n!=null&&s!==this.totalRows){return new Promise((e=>{const i=this.getLayoutElement();const s=async()=>{i.removeEventListener("layoutRendered",s);await this.scrollToIndex(n,t);e()};i.addEventListener("layoutRendered",s)}))}else if(n!=null){await this.scrollToIndex(n,t)}}async expandAll(){var e;await((e=this.controller)===null||e===void 0?void 0:e.expandAll())}async collapseAll(){var e;await((e=this.controller)===null||e===void 0?void 0:e.collapseAll())}async expandItem(e){await this.performRowOperation(e,(async({id:e,node:t})=>{var i;if(!t.expanded){await((i=this.controller)===null||i===void 0?void 0:i.expandNode(e))}}))}async collapseItem(e){await this.performRowOperation(e,(async({id:e,node:t})=>{var i;if(t.expanded){await((i=this.controller)===null||i===void 0?void 0:i.collapseNode(e))}}))}async toggleExpandItem(e){await this.performRowOperation(e,(async({node:e})=>{if(e.expanded){await this.collapseItem(e)}else{await this.expandItem(e)}}))}async toggleItemVisibility(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.visible||i.partiallyVisible){await M(e,t)}else{await R(e,t)}}))}async hideItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.visible){await M(e,t)}}))}async showItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(!i.visible){await R(e,t)}}))}async selectItem(e,{recurseParent:t,...i}={}){await this.performRowOperation(e,(async({viewer:s,id:n})=>{var o,a,r,l;const d=await((o=this.controller)===null||o===void 0?void 0:o.fetchNodeAncestors(n))||[];const c=(a=this.stateMap.selectionPath)===null||a===void 0?void 0:a.includes(n);const h=this.getNodeFromRowOrIndex(e);const u=d.length>0?d[0].selected:true;const f=h.selected&&!u;if(t&&(c||f)){const e=d.find((({selected:e})=>!e));if(e!=null){await this.selectItem(e,i);this.lastSelectedItemId=n}else{await S(s,n,i);this.lastSelectedItemId=n}}else if(i.range&&this.lastSelectedItemId!=null){const e=await((r=this.controller)===null||r===void 0?void 0:r.expandParentNodes(n));const t=await((l=this.controller)===null||l===void 0?void 0:l.expandParentNodes(this.lastSelectedItemId));if(t&&e){const n=Math.min(t,e);const o=Math.max(t,e);await D(s,n,o,i)}}else{await S(s,n,i);this.lastSelectedItemId=n}this.stateMap.selectionPath=[...d.map((({id:e})=>(e===null||e===void 0?void 0:e.hex)||"")),n]}))}async deselectItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.selected){this.lastSelectedItemId=undefined;await A(e,t)}}))}async isolateItem(e){await this.performRowOperation(e,(async({viewer:e,id:t})=>{await L(e,t,{animationDurationMs:this.operationAnimationDuration})}))}async getRowAtIndex(e){return this.rows[e]}async getRowForItemId(e){var t;const i=await((t=this.controller)===null||t===void 0?void 0:t.expandParentNodes(e));if(i!=null){return this.rows[i]}else{return undefined}}async getRowForEvent(e){const{clientY:t,target:i}=e;if(i!=null&&this.errorDetails==null&&m(this.el,i)&&v(i)){return this.getRowAtClientY(t)}else{return undefined}}getRowAtClientY(e){const t=this.getLayoutElement();const i=t.layoutOffset;const s=Math.floor((e-i+t.scrollOffset)/t.rowHeight);return this.getRowAtIndex(s)}async filterItems(e,t={}){var i;const s={...t,metadataSearchKeys:t.columns};const n=this.getMetadataSearchKeys(s);return(i=this.controller)===null||i===void 0?void 0:i.filter(e,{...t,columns:n})}async selectFilteredItems(e,t){var i,s,n,o,a,r;if(this.viewer!=null){const l=(s=(i=this.searchOptions)===null||i===void 0?void 0:i.metadataSearchKeys)!==null&&s!==void 0?s:this.metadataSearchKeys;const d=l.length>0?l:this.metadataKeys;const c=d.length>0?d:["VERTEX_SCENE_ITEM_NAME"];const h=(o=(n=this.searchOptions)===null||n===void 0?void 0:n.exactMatch)!==null&&o!==void 0?o:this.metadataSearchExactMatch;const u=(r=(a=this.searchOptions)===null||a===void 0?void 0:a.removeHiddenItems)!==null&&r!==void 0?r:false;await j(this.viewer,e,c,h,u,{append:false,...t})}}async fetchMetadataKeys(){var e,t;return(t=(e=this.controller)===null||e===void 0?void 0:e.fetchMetadataKeys())!==null&&t!==void 0?t:[]}disconnectedCallback(){var e,t,i;(e=this.stateMap.viewerDisposable)===null||e===void 0?void 0:e.dispose();(t=this.stateMap.viewerSceneReadyDisposable)===null||t===void 0?void 0:t.dispose();(i=this.controller)===null||i===void 0?void 0:i.cancel()}connectedCallback(){this.connectToViewer()}componentWillLoad(){var e;if(this.controller==null){const{sceneTreeHost:t}=this.getConfig().network;const i=new l.SceneTreeAPIClient(t,this.getConfig().flags.grpcUseStreamingWebSocketTransport?{transport:d}:undefined);this.controller=new c(i,100);(e=this.controller)===null||e===void 0?void 0:e.setMetadataKeys(this.metadataKeys)}this.stateMap.onStateChangeDisposable=this.controller.onStateChange.on((e=>this.handleControllerStateChange(e)));this.connectToViewer();this.updateMissingViewerError()}async componentDidLoad(){var e;this.ensureLayoutDefined();this.updateLayoutElement();const t=this.getLayoutElement();const i=new ResizeObserver((()=>{this.invalidateRows()}));i.observe(t);this.stateMap.resizeObserver=i;this.stateMap.componentLoaded=true;(e=this.controller)===null||e===void 0?void 0:e.setMetadataKeys(this.metadataKeys)}componentWillRender(){this.updateLayoutElement()}render(){return e(r,{key:"5ffa85bb61bc8292e6c9ec4239cea7c87c24b189"},e("div",{key:"e305f4cee0f16338acad4d60edb5469fc0b20b7c",class:"header"},e("slot",{key:"785f655c31f4c8866a4e9b89fd6be9bd8b7a92af",name:"header"},e("vertex-scene-tree-toolbar",{key:"1e6a2755f67a2e315df254d5703c998af503d90f",class:"search-toolbar"},e("vertex-scene-tree-search",{key:"390e24becad6a63e149eab8e73493787b8d44bf7",controller:this.controller})))),e("slot",{key:"6d740f086d94bb7deeb2ba71031826c76756cc2e",name:"partial-filter-results-banner"},this.hasPartialFilterResults&&e("vertex-scene-tree-notification-banner",{key:"6789e4bdfb24c1a69b32d6c9909665af82082e09",message:this.refreshingResults?"Refreshing results...":"Data loading, refresh for more.",actionLabel:"Refresh",onAction:()=>{var e;return(e=this.controller)===null||e===void 0?void 0:e.refreshFilter()}})),this.errorDetails!=null&&this.renderError(this.errorDetails),this.errorDetails==null&&e("div",{key:"55774ba1f9d307b71197b0eab0c03f4aabf95041",class:"rows-scroll"},this.showLoader&&e("slot",{key:"eaacd5e2516236f909ce018ce384fad0b4b0d611",name:"loading"},e("vertex-viewer-spinner",{key:"de02dfe0223593839a240c7dfbdeaee3bf57b74b",class:"loading",size:"md"})),e("slot",{key:"5141e29171debf43a663e3318fb8ae3cb14e32ff"}),this.showEmptyResults&&e("slot",{key:"375cf7088655dc757587e69836377eec1f9ac0f9",name:"empty-results"},e("div",{key:"952d5b5a6445384ec3d2b3ae2f422c31c8cd26c9",class:"empty-results"},"No Results Found."))),e("div",{key:"aa2170a0a13edba86aa5e220bd8f38627aaa726b",class:"footer"},e("slot",{key:"93416a47de11cb2a70b2ff586034134ef483167d",name:"footer"})))}renderError(t){if(t.code!==h.SCENE_TREE_DISABLED){return e(k,{details:t},e("button",{class:"button button-secondary",onClick:()=>this.retryConnectToViewer(),disabled:this.attemptingRetry},"Retry"))}else{return e(k,{details:t})}}handleViewerChanged(e,t){if(!this.stateMap.componentLoaded){return}this.connectToViewer()}handleControllerChanged(e){var t;if(!this.stateMap.componentLoaded){return}(t=this.stateMap.onStateChangeDisposable)===null||t===void 0?void 0:t.dispose();this.stateMap.onStateChangeDisposable=e.onStateChange.on((e=>this.handleControllerStateChange(e)));e.setMetadataKeys(this.metadataKeys)}handleMetadataKeysChanged(){var e;(e=this.controller)===null||e===void 0?void 0:e.setMetadataKeys(this.metadataKeys)}retryConnectToViewer(){this.attemptingRetry=true;this.errorDetails=undefined;this.connectToViewer()}connectToViewer(){var e,t,i;(e=this.stateMap.viewerDisposable)===null||e===void 0?void 0:e.dispose();(t=this.stateMap.viewerSceneReadyDisposable)===null||t===void 0?void 0:t.dispose();if(this.viewer==null&&this.viewerSelector!=null){this.viewer=document.querySelector(this.viewerSelector)}if(this.viewer!=null){this.clearMissingViewerError();const e=async()=>{const e=this.getLayoutElement();await e.attemptComputeCellHeight()};this.viewer.addEventListener("sceneReady",e);this.stateMap.viewerDisposable=(i=this.controller)===null||i===void 0?void 0:i.connectToViewer(this.viewer);this.stateMap.viewerSceneReadyDisposable={dispose:()=>{var t;return(t=this.viewer)===null||t===void 0?void 0:t.removeEventListener("sceneReady",e)}}}else{this.attemptingRetry=false;if(this.stateMap.componentLoaded){this.updateMissingViewerError()}}}updateMissingViewerError(){if(this.viewer==null){this.errorDetails=new u("MISSING_VIEWER",h.MISSING_VIEWER)}}clearMissingViewerError(){var e;if(((e=this.errorDetails)===null||e===void 0?void 0:e.code)===h.MISSING_VIEWER){this.errorDetails=undefined}}scheduleClearUnusedData(){if(this.stateMap.idleCallbackId!=null){window.cancelIdleCallback(this.stateMap.idleCallbackId)}this.stateMap.idleCallbackId=window.requestIdleCallback((e=>{var t,i,s;const n=(t=e.timeRemaining)===null||t===void 0?void 0:t.call(e);if(n==null||n>=F){const e=this.getLayoutElement();const t=e.viewportStartIndex;const n=e.viewportEndIndex;const[o,a]=((i=this.controller)===null||i===void 0?void 0:i.getPageIndexesForRange(t,n))||[];if(o!=null&&a!=null){(s=this.controller)===null||s===void 0?void 0:s.invalidatePagesOutsideRange(o,a,50)}}else{this.scheduleClearUnusedData()}}))}handleControllerStateChange(e){this.showLoader=!!e.shouldShowLoading;this.showEmptyResults=!!e.shouldShowEmptyResults;this.rows=e.rows;this.totalRows=e.totalRows;this.hasPartialFilterResults=!!e.isPartialFilterResponse;this.refreshingResults=!!e.isSearching;if(e.connection.type==="failure"){this.errorDetails=e.connection.details;this.connectionError.emit(e.connection.details)}else if(e.connection.type==="disconnected"){this.errorDetails=new u("DISCONNECTED",h.DISCONNECTED)}else{this.errorDetails=undefined}if(e.connection.type==="connected"||e.connection.type==="failure"){this.attemptingRetry=false}}getNodeFromRowOrIndex(e){const t=typeof e==="number"?this.rows[e]:e;if(t==null){throw new Error(`Cannot perform scene tree operation. Row not found.`)}return w(t)?t.node:t}async performRowOperation(e,t){const i=this.getNodeFromRowOrIndex(e);if(i.id==null){throw new Error(`Cannot perform scene tree operation. ID is undefined.`)}if(this.viewer==null){throw new Error(`Cannot perform scene tree operation. Cannot get reference to viewer.`)}await t({viewer:this.viewer,id:i.id.hex,node:i})}async handleSearch(e){var t,i,s,n;const o=this.getMetadataSearchKeys(this.searchOptions);const a=(i=(t=this.searchOptions)===null||t===void 0?void 0:t.exactMatch)!==null&&i!==void 0?i:this.metadataSearchExactMatch;const r=(n=(s=this.searchOptions)===null||s===void 0?void 0:s.removeHiddenItems)!==null&&n!==void 0?n:false;try{await this.filterItems(e.detail,{columns:o,exactMatch:a,removeHiddenItems:r})}catch(e){console.error("Failed to filter tree with exception: ",e)}}async handleCellLoaded(){if(!this.firstCellRendered&&this.rows.length>0){this.firstCellRendered=true;this.firstRowRendered.emit()}}getScrollToPosition(e,t){var i;const s=this.getLayoutElement();const n=Math.max(0,Math.min(e,this.totalRows-1));const o=(i=s.layoutHeight)!==null&&i!==void 0?i:0;const a=s.rowHeight;if(t==="start"){return n*a}else if(t==="middle"){const e=n*a+a/2;return e-o/2}else{const e=n*a+a;return e-o}}getConfig(){return f(this.configEnv,this.config)}ensureLayoutDefined(){let e=this.el.querySelector("vertex-scene-tree-table-layout");if(e==null){e=document.createElement("vertex-scene-tree-table-layout");e.innerHTML=`\n      <vertex-scene-tree-table-column>\n        <template>\n        <vertex-scene-tree-table-cell prop:value="{{row.node.name}}" expand-toggle isolate-button visibility-toggle></vertex-scene-tree-table-cell>\n        </template>\n      </vertex-scene-tree-table-column>\n      `;this.el.appendChild(e)}this.stateMap.layoutEl=e}updateLayoutElement(){const e=this.stateMap.layoutEl;if(e!=null){e.rows=this.rows;e.tree=this.el;e.totalRows=this.totalRows;e.controller=this.controller;e.rowData=this.rowData}else if(!this.stateMap.componentLoaded&&this.totalRows>0){console.debug("Scene tree has rows, but the component has not yet rendered")}}getLayoutElement(){if(this.stateMap.layoutEl!=null){return this.stateMap.layoutEl}else{throw new Error("Layout element is undefined")}}getMetadataSearchKeys(e){var t,i;const s=(t=e===null||e===void 0?void 0:e.metadataSearchKeys)!==null&&t!==void 0?t:this.metadataSearchKeys;const n=(i=e===null||e===void 0?void 0:e.exactMatch)!==null&&i!==void 0?i:this.metadataSearchExactMatch;if(n){const e=s.length>0?s:[b];return e}else if(s.length>0){return s}return undefined}get el(){return this}static get watchers(){return{viewer:[{handleViewerChanged:0}],controller:[{handleControllerChanged:0}],metadataKeys:[{handleMetadataKeysChanged:0}]}}static get style(){return T()}},[257,"vertex-scene-tree",{overScanCount:[2,"over-scan-count"],viewerSelector:[1,"viewer-selector"],viewer:[1040],rowData:[16],config:[1],configEnv:[1,"config-env"],controller:[1040],searchOptions:[1040],metadataSearchExactMatch:[1028,"metadata-search-exact-match"],metadataSearchKeys:[1040],metadataKeys:[16],operationAnimationDuration:[2,"operation-animation-duration"],rows:[32],totalRows:[32],showLoader:[32],showEmptyResults:[32],stateMap:[32],errorDetails:[32],hasPartialFilterResults:[32],refreshingResults:[32],attemptingRetry:[32],invalidateRows:[64],scrollToIndex:[64],scrollToItem:[64],expandAll:[64],collapseAll:[64],expandItem:[64],collapseItem:[64],toggleExpandItem:[64],toggleItemVisibility:[64],hideItem:[64],showItem:[64],selectItem:[64],deselectItem:[64],isolateItem:[64],getRowAtIndex:[64],getRowForItemId:[64],getRowForEvent:[64],getRowAtClientY:[64],filterItems:[64],selectFilteredItems:[64],fetchMetadataKeys:[64]},[[0,"search","handleSearch"],[0,"cellLoaded","handleCellLoaded"]],{viewer:[{handleViewerChanged:0}],controller:[{handleControllerChanged:0}],metadataKeys:[{handleMetadataKeysChanged:0}]}]);function V(){if(typeof customElements==="undefined"){return}const e=["vertex-scene-tree","vertex-scene-tree-notification-banner","vertex-scene-tree-search","vertex-scene-tree-table-layout","vertex-scene-tree-toolbar","vertex-viewer-icon","vertex-viewer-spinner"];e.forEach((e=>{switch(e){case"vertex-scene-tree":if(!customElements.get(i(e))){customElements.define(i(e),K)}break;case"vertex-scene-tree-notification-banner":if(!customElements.get(i(e))){y()}break;case"vertex-scene-tree-search":if(!customElements.get(i(e))){g()}break;case"vertex-scene-tree-table-layout":if(!customElements.get(i(e))){p()}break;case"vertex-scene-tree-toolbar":if(!customElements.get(i(e))){x()}break;case"vertex-viewer-icon":if(!customElements.get(i(e))){I()}break;case"vertex-viewer-spinner":if(!customElements.get(i(e))){C()}break}}))}V();const z=K;const B=V;export{z as VertexSceneTree,B as defineCustomElement};
 //# sourceMappingURL=vertex-scene-tree.js.map