@vertexvis/viewer 0.17.4 → 0.17.5-testing.0

package/dist/viewer/p-4348176f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/scene-tree-search/scene-tree-search.css?tag=vertex-scene-tree-search&encapsulation=shadow","src/components/scene-tree-search/scene-tree-search.tsx","../html-templates/dist/bundle.esm.js","src/components/scene-tree-table-layout/lib/dom.ts","src/components/scene-tree-table-layout/lib/hover-controller.ts","src/components/scene-tree-table-layout/lib/window.ts","src/components/scene-tree-table-layout/scene-tree-table-layout.css?tag=vertex-scene-tree-table-layout&encapsulation=shadow","src/components/scene-tree-table-layout/scene-tree-table-layout.tsx","src/components/scene-tree-toolbar/scene-tree-toolbar.css?tag=vertex-scene-tree-toolbar&encapsulation=shadow","src/components/scene-tree-toolbar/scene-tree-toolbar.tsx"],"names":["sceneTreeSearchCss","SceneTreeSearch","[object Object]","hostRef","this","debounce","disabled","placeholder","undefined","value","focused","isSearching","handleTextInput","event","input","target","search","emit","handleTextFocus","handleTextBlur","handleClear","preventDefault","setFocus","_a","inputEl","focus","_b","controller","setupController","handleDebounceChanged","onStateChangeDisposable","dispose","h","Host","class","name","slot","size","classNames","background","length","type","ref","onInput","onFocus","onBlur","show","tabIndex","onMouseDown","debounceEvent","onStateChange","on","state","lowerCase","str","toLowerCase","DEFAULT_SPLIT_REGEXP","DEFAULT_STRIP_REGEXP","noCase","options","splitRegexp","stripRegexp","_c","transform","_d","delimiter","result","replace","start","end","charAt","slice","split","map","join","re","RegExp","reduce","pascalCaseTransform","index","firstChar","lowerChars","substr","toUpperCase","pascalCase","__assign","camelCaseTransform","camelCase","bindingRegEx","CollectionBinding","bindings","data","forEach","binding","bind","NodeBinding","node","expr","TextNodeBinding","super","newContent","replaceBindingString","textContent","AttributeBinding","attr","newValue","oldValue","getAttribute","setAttribute","PropertyBinding","prop","replaceBinding","EventHandlerBinding","eventName","path","extractBindingPath","disposable","listener","getBindableValue","addEventListener","removeEventListener","generateBindings","nodeType","Node","ELEMENT_NODE","el","bindableAttributes","getBindableAttributes","startsWith","push","propName","TEXT_NODE","test","i","childNodes","element","Array","from","attributes","filter","exec","toString","isHead","head","tail","ElementPool","container","elementFactory","instanceMap","Map","elements","count","sliced","splice","concat","diff","createElement","deleteElement","f","instance","get","updateElements","set","append","pop","delete","remove","generateInstanceFromTemplate","template","fragment","content","cloneNode","firstElementChild","getSceneTreeTableOffsetTop","getBoundingClientRect","top","getSceneTreeTableViewportWidth","clientWidth","scrollToTop","scrollTo","Object","assign","SceneTreeCellHoverController","EventDispatcher","id","restartTimeout","fn","existingTimeout","delay","window","clearTimeout","setTimeout","sceneTreeTableLayoutCss","SceneTreeTableLayout","rows","totalRows","rowHeight","overScanCount","layoutOffset","scrollOffset","viewportStartIndex","viewportEndIndex","columnGridLayout","columnGridFixedLayout","isComputingCellHeight","isScrolling","stateMap","viewportRows","columnWidths","columnWidthPercentages","lastStartIndex","columnElements","cellHoverController","layoutColumns","visibleRowCount","iterateColumns","col","pool","colIndex","swapHeadToTail","swapTailToHead","style","minHeight","cellPaddingLeft","depth","iterateElements","rowIndex","row","isLoadedRow","updateCell","cell","position","boxSizing","height","width","paddingLeft","tree","hoverController","updateLayoutPosition","readDOM","tableElement","recomputeColumnWidths","layoutWidth","getLayoutWidth","w","recomputeColumnPercentages","computeInitialColumnWidths","c","initialWidth","updateColumnElements","hostEl","querySelectorAll","computeCellHeight","async","dummyData","hex","expanded","selected","visible","partiallyVisible","isLeaf","columnsList","filterHit","phantom","endItem","metadata","createColumnCellInstance","visibility","appendChild","componentOnReady","clientHeight","attempts","Promise","resolve","computeHeaderHeight","headerHeight","headerElement","setProperty","computeColumnGridLayout","res","bindHeaderData","headerInstances","createHeaderInstance","paddingRight","gridColumnStart","gridColumnEnd","headerDividerInstances","_","createDividerInstance","right","pointerEvents","rebindHeaderData","removeDividerDragListeners","addDividerDragListeners","createDividerPointerDownHandler","stopPropagation","lastDividerPointerPosition","Point","create","Math","floor","clientX","clientY","resizingColumnIndex","classList","add","handleDividerPointerMove","handleDividerPointerUp","current","subtract","abs","x","isValidResize","currentColumn","nextColumn","currentWidth","nextWidth","currentMinWidth","minWidth","currentMaxWidth","maxWidth","Number","MAX_SAFE_INTEGER","nextMinWidth","nextMaxWidth","currentIsValid","nextIsValid","handleScrollChanged","scrollTimer","scrollTop","computeAndUpdateViewportRows","createPools","headerResizeObserver","ResizeObserver","resizeObserver","clearLayoutHeight","clearLayoutWidth","ensureDividerTemplateDefined","passive","observe","layoutRendered","disconnect","gridTemplateColumns","display","onSlotchange","recreateColumnPools","viewportHeight","getLayoutHeight","viewportCount","ceil","startIndex","max","endIndex","min","getViewportRows","computeViewportRows","isConnected","updateActiveRowRange","columnElementPools","WeakMap","updateElementFactory","column","Error","querySelector","defaultDividerTemplate","document","innerHTML","headerDividerListeners","d","listeners","populateRowData","rowData","call","layoutHeight","getSceneTreeViewportHeight","computedWidth","sceneTreeToolbarCss","SceneTreeToolbar"],"mappings":"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","sourcesContent":["@import url('../../css/button-reset.css');\n\n:host {\n  /**\n   * @prop --scene-tree-search-search-icon-offset: A CSS length that specifies\n   * the horizontal offset of the search icon\n   */\n  --scene-tree-search-search-icon-offset: 8px;\n\n  /**\n   * @prop --scene-tree-search-clear-button-offset: A CSS length that specifies\n   * the horizontal offset of the clear button.\n   */\n  --scene-tree-search-clear-button-offset: 8px;\n\n  /**\n   * @prop --scene-tree-search-input-padding: A CSS padding value that specifies\n   * horizontal and vertical lengths of the internal text input.\n   */\n  --scene-tree-search-input-padding: 0.5rem 32px;\n\n  /**\n   * @prop --scene-tree-search-input-border: A CSS border value that specifies\n   * the border of the internal text input.\n   */\n  --scene-tree-search-input-border: none;\n\n  /**\n   * @prop --scene-tree-search-input-border-radius: A CSS length that specifies\n   * the radius of the internal text input.\n   */\n  --scene-tree-search-input-border-radius: 0.25rem;\n\n  /**\n   * @prop --scene-tree-search-input-background: A CSS background that specifies\n   * the background color or image of the internal text input.\n   */\n  --scene-tree-search-input-background: none;\n\n  /**\n   * @prop --scene-tree-search-focused-input-background: A CSS background value\n   * that specifies the background of the internal text input when focused.\n   */\n  --scene-tree-search-focused-input-background: var(--neutral-200);\n\n  /**\n   * @prop --scene-tree-search-focused-input-outline: A CSS outline value that\n   * specifies the outline of the internal text input when focused.\n   */\n  --scene-tree-search-focused-input-outline: none;\n\n  display: block;\n  width: 100%;\n  font-size: 0.875rem;\n}\n\n.root {\n  width: 100%;\n  position: relative;\n}\n\n.input {\n  background: var(--scene-tree-search-input-background);\n  border: var(--scene-tree-search-input-border);\n  border-radius: var(--scene-tree-search-input-border-radius);\n  box-sizing: border-box;\n  font-size: inherit;\n  padding: var(--scene-tree-search-input-padding);\n  outline: none;\n  width: 100%;\n}\n\n.input.background {\n  background: var(--scene-tree-search-focused-input-background);\n  outline: var(--scene-tree-search-focused-input-outline);\n}\n\n.overlay {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n\n.overlay-clear {\n  display: none;\n  right: var(--scene-tree-search-clear-button-offset);\n}\n\n.overlay-clear.show {\n  display: flex;\n}\n\n.icon {\n  color: var(--neutral-700);\n}\n\n.icon-search {\n  position: absolute;\n  left: var(--scene-tree-search-search-icon-offset);\n  pointer-events: none;\n}\n\n.clear-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: initial;\n  cursor: pointer;\n}\n.clear-btn:hover {\n  color: var(--neutral-800);\n}\n.clear-btn:disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}","import {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Disposable } from '@vertexvis/utils';\nimport classNames from 'classnames';\n\nimport { debounceEvent } from '../../lib/stencil';\nimport { SceneTreeController } from '../scene-tree/lib/controller';\n\n/**\n * @slot search-icon - A slot that replaces the component's default search icon.\n * @slot clear-icon - A slot that replaces the component's default clear icon.\n */\n@Component({\n  tag: 'vertex-scene-tree-search',\n  styleUrl: 'scene-tree-search.css',\n  shadow: true,\n})\nexport class SceneTreeSearch {\n  /**\n   * Specifies the delay, in milliseconds, to emit `search` events after user\n   * input.\n   */\n  @Prop()\n  public debounce = 350;\n\n  /**\n   * If `true`, disables user interaction of the component.\n   */\n  @Prop()\n  public disabled = false;\n\n  /**\n   * Placeholder text if `value` is empty.\n   */\n  @Prop()\n  public placeholder?: string = undefined;\n\n  /**\n   * The scene tree controller\n   */\n  @Prop()\n  public controller?: SceneTreeController;\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   * An event that is emitted when a user has inputted or cleared the search\n   * term. The event may be delayed according to the current `debounce` value.\n   */\n  @Event({ bubbles: true })\n  public search!: EventEmitter<string>;\n\n  @State()\n  private focused = false;\n\n  @State()\n  private isSearching = false;\n\n  private inputEl?: HTMLInputElement;\n  private onStateChangeDisposable?: Disposable;\n\n  /**\n   * Gives focus to the 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.inputEl?.focus();\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('controller')\n  public controllerChanged(controller: SceneTreeController): void {\n    this.setupController();\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentDidLoad(): void {\n    this.handleDebounceChanged();\n\n    this.setupController();\n  }\n\n  /**\n   * @ignore\n   */\n  protected disconnectedCallback(): void {\n    this.onStateChangeDisposable?.dispose();\n  }\n\n  /**\n   * @ignore\n   */\n  protected render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <div class=\"root\">\n          <div class=\"overlay icon icon-search\">\n            <slot name=\"search-icon\">\n              {this.isSearching ? (\n                <vertex-viewer-spinner slot=\"search-icon\" size=\"xs\" />\n              ) : (\n                <vertex-viewer-icon name=\"search\" size=\"sm\" />\n              )}\n            </slot>\n          </div>\n\n          <input\n            class={classNames('input', {\n              background: this.focused || this.value.length > 0,\n            })}\n            type=\"text\"\n            ref={(ref) => (this.inputEl = ref)}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            value={this.value}\n            onInput={this.handleTextInput}\n            onFocus={this.handleTextFocus}\n            onBlur={this.handleTextBlur}\n          />\n\n          <div\n            class={classNames('overlay overlay-clear', {\n              show: this.value.length > 0,\n            })}\n          >\n            <button\n              class=\"clear-btn icon\"\n              tabIndex={-1}\n              onMouseDown={this.handleClear}\n              disabled={this.disabled}\n            >\n              <slot name=\"clear-icon\">\n                <vertex-viewer-icon name=\"close-circle\" size=\"sm\" />\n              </slot>\n            </button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  private handleTextInput = (event: Event): void => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.search.emit(this.value);\n  };\n\n  private handleTextFocus = (): void => {\n    this.focused = true;\n  };\n\n  private handleTextBlur = (): void => {\n    this.focused = false;\n  };\n\n  private handleClear = (event: MouseEvent): void => {\n    event.preventDefault();\n\n    this.value = '';\n    this.search.emit(this.value);\n    this.setFocus();\n  };\n\n  private handleDebounceChanged(): void {\n    this.search = debounceEvent(this.search, this.debounce);\n  }\n\n  private setupController(): void {\n    this.onStateChangeDisposable?.dispose();\n\n    this.onStateChangeDisposable = this.controller?.onStateChange.on(\n      (state) => {\n        this.isSearching = state.isSearching;\n      }\n    );\n  }\n}\n","import { __assign } from 'tslib';\n\n/**\n * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt\n */\n/**\n * Lower case as a function.\n */\nfunction lowerCase(str) {\n    return str.toLowerCase();\n}\n\n// Support camel case (\"camelCase\" -> \"camel Case\" and \"CAMELCase\" -> \"CAMEL Case\").\nvar DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];\n// Remove all non-word characters.\nvar DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;\n/**\n * Normalize the string into something other libraries can manipulate easier.\n */\nfunction noCase(input, options) {\n    if (options === void 0) { options = {}; }\n    var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? \" \" : _d;\n    var result = replace(replace(input, splitRegexp, \"$1\\0$2\"), stripRegexp, \"\\0\");\n    var start = 0;\n    var end = result.length;\n    // Trim the delimiter from around the output string.\n    while (result.charAt(start) === \"\\0\")\n        start++;\n    while (result.charAt(end - 1) === \"\\0\")\n        end--;\n    // Transform each token independently.\n    return result.slice(start, end).split(\"\\0\").map(transform).join(delimiter);\n}\n/**\n * Replace `re` in the input string with the replacement value.\n */\nfunction replace(input, re, value) {\n    if (re instanceof RegExp)\n        return input.replace(re, value);\n    return re.reduce(function (input, re) { return input.replace(re, value); }, input);\n}\n\nfunction pascalCaseTransform(input, index) {\n    var firstChar = input.charAt(0);\n    var lowerChars = input.substr(1).toLowerCase();\n    if (index > 0 && firstChar >= \"0\" && firstChar <= \"9\") {\n        return \"_\" + firstChar + lowerChars;\n    }\n    return \"\" + firstChar.toUpperCase() + lowerChars;\n}\nfunction pascalCase(input, options) {\n    if (options === void 0) { options = {}; }\n    return noCase(input, __assign({ delimiter: \"\", transform: pascalCaseTransform }, options));\n}\n\nfunction camelCaseTransform(input, index) {\n    if (index === 0)\n        return input.toLowerCase();\n    return pascalCaseTransform(input, index);\n}\nfunction camelCase(input, options) {\n    if (options === void 0) { options = {}; }\n    return pascalCase(input, __assign({ transform: camelCaseTransform }, options));\n}\n\nconst bindingRegEx = /{{(.+)}}/;\r\nclass CollectionBinding {\r\n    constructor(bindings) {\r\n        this.bindings = bindings;\r\n    }\r\n    bind(data) {\r\n        this.bindings.forEach((binding) => binding.bind(data));\r\n    }\r\n}\r\nclass NodeBinding {\r\n    constructor(node, expr) {\r\n        this.node = node;\r\n        this.expr = expr;\r\n    }\r\n}\r\nclass TextNodeBinding extends NodeBinding {\r\n    constructor(node, expr) {\r\n        super(node, expr);\r\n    }\r\n    bind(data) {\r\n        const newContent = replaceBindingString(data, this.expr);\r\n        if (newContent !== this.node.textContent) {\r\n            this.node.textContent = newContent;\r\n        }\r\n    }\r\n}\r\nclass AttributeBinding extends NodeBinding {\r\n    constructor(node, expr, attr) {\r\n        super(node, expr);\r\n        this.attr = attr;\r\n    }\r\n    bind(data) {\r\n        const newValue = replaceBindingString(data, this.expr);\r\n        const oldValue = this.node.getAttribute(this.attr);\r\n        if (oldValue !== newValue) {\r\n            this.node.setAttribute(this.attr, newValue);\r\n        }\r\n    }\r\n}\r\nclass PropertyBinding extends NodeBinding {\r\n    constructor(node, expr, prop) {\r\n        super(node, expr);\r\n        this.prop = prop;\r\n    }\r\n    bind(data) {\r\n        const newValue = replaceBinding(data, this.expr);\r\n        /* eslint-disable @typescript-eslint/no-explicit-any */\r\n        const oldValue = this.node[this.prop];\r\n        if (oldValue !== newValue) {\r\n            this.node[this.prop] = newValue;\r\n        }\r\n        /* eslint-enable @typescript-eslint/no-explicit-any */\r\n    }\r\n}\r\nclass EventHandlerBinding extends NodeBinding {\r\n    constructor(node, expr, eventName) {\r\n        super(node, expr);\r\n        this.eventName = eventName;\r\n    }\r\n    bind(data) {\r\n        var _a;\r\n        const path = extractBindingPath(this.expr);\r\n        if (path != null) {\r\n            (_a = this.disposable) === null || _a === void 0 ? void 0 : _a.dispose();\r\n            const listener = getBindableValue(data, path, true);\r\n            this.node.addEventListener(this.eventName, listener);\r\n            this.disposable = {\r\n                dispose: () => {\r\n                    this.node.removeEventListener(this.eventName, listener);\r\n                },\r\n            };\r\n        }\r\n    }\r\n}\r\nfunction generateBindings(node) {\r\n    const bindings = [];\r\n    if (node.nodeType === Node.ELEMENT_NODE) {\r\n        const el = node;\r\n        const bindableAttributes = getBindableAttributes(el);\r\n        bindableAttributes.forEach((attr) => {\r\n            if (attr.name.startsWith('event:')) {\r\n                const eventName = camelCase(attr.name.replace('event:', ''));\r\n                bindings.push(new EventHandlerBinding(el, attr.value, eventName));\r\n            }\r\n            else if (attr.name.startsWith('attr:')) {\r\n                bindings.push(new AttributeBinding(el, attr.value, attr.name.replace('attr:', '')));\r\n            }\r\n            else if (attr.name.startsWith('prop:')) {\r\n                const propName = camelCase(attr.name.replace('prop:', ''));\r\n                bindings.push(new PropertyBinding(el, attr.value, propName));\r\n            }\r\n        });\r\n    }\r\n    else if (node.nodeType === Node.TEXT_NODE &&\r\n        node.textContent != null &&\r\n        bindingRegEx.test(node.textContent)) {\r\n        bindings.push(new TextNodeBinding(node, node.textContent));\r\n    }\r\n    for (let i = 0; i < node.childNodes.length; i++) {\r\n        bindings.push(...generateBindings(node.childNodes[i]));\r\n    }\r\n    return bindings;\r\n}\r\nfunction getBindableAttributes(element) {\r\n    return Array.from(element.attributes).filter((attr) => bindingRegEx.test(attr.value));\r\n}\r\nfunction extractBindingPath(expr) {\r\n    const result = bindingRegEx.exec(expr);\r\n    return result != null ? result[1] : undefined;\r\n}\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nfunction replaceBindingString(data, expr) {\r\n    const path = extractBindingPath(expr);\r\n    if (path != null) {\r\n        const value = getBindableValue(data, path, true);\r\n        return expr.replace(`{{${path}}}`, value === null || value === void 0 ? void 0 : value.toString());\r\n    }\r\n    else {\r\n        return expr;\r\n    }\r\n}\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nfunction replaceBinding(data, expr) {\r\n    const path = extractBindingPath(expr);\r\n    if (path != null) {\r\n        const value = getBindableValue(data, path, true);\r\n        return value;\r\n    }\r\n    else {\r\n        return expr;\r\n    }\r\n}\r\nfunction getBindableValue(\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\ndata, path, isHead = false\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n) {\r\n    const [head, ...tail] = path.split('.');\r\n    if (isHead && tail.length === 0) {\r\n        return data;\r\n    }\r\n    else if (isHead && tail.length > 0) {\r\n        return getBindableValue(data, tail.join('.'), false);\r\n    }\r\n    else {\r\n        const value = data[head];\r\n        if (tail.length > 0) {\r\n            return getBindableValue(value, tail.join('.'), false);\r\n        }\r\n        else {\r\n            return value;\r\n        }\r\n    }\r\n}\n\nclass ElementPool {\r\n    constructor(container, elementFactory) {\r\n        this.container = container;\r\n        this.elementFactory = elementFactory;\r\n        this.instanceMap = new Map();\r\n        this.elements = [];\r\n    }\r\n    swapHeadToTail(count) {\r\n        const sliced = this.elements.splice(0, count);\r\n        this.elements.splice(this.elements.length, 0, ...sliced);\r\n        return this.elements.concat();\r\n    }\r\n    swapTailToHead(count) {\r\n        const sliced = this.elements.splice(-count, count);\r\n        this.elements.splice(0, 0, ...sliced);\r\n        return this.elements.concat();\r\n    }\r\n    updateElements(count) {\r\n        const diff = count - this.elements.length;\r\n        if (diff > 0) {\r\n            for (let i = 0; i < diff; i++) {\r\n                this.createElement();\r\n            }\r\n        }\r\n        else {\r\n            for (let i = 0; i < -diff; i++) {\r\n                this.deleteElement();\r\n            }\r\n        }\r\n        return this.elements.concat();\r\n    }\r\n    updateData(f) {\r\n        this.elements.forEach((el, i) => {\r\n            const instance = this.instanceMap.get(el);\r\n            const data = f(i);\r\n            instance === null || instance === void 0 ? void 0 : instance.bindings.bind(data);\r\n        });\r\n    }\r\n    updateElementFactory(elementFactory) {\r\n        this.elementFactory = elementFactory;\r\n        this.updateElements(0);\r\n    }\r\n    iterateElements(f) {\r\n        this.elements.forEach((el, i) => {\r\n            const instance = this.instanceMap.get(el);\r\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n            f(el, instance.bindings, i);\r\n        });\r\n    }\r\n    createElement() {\r\n        const instance = this.elementFactory();\r\n        this.elements.push(instance.element);\r\n        this.instanceMap.set(instance.element, instance);\r\n        this.container.append(instance.element);\r\n        return instance;\r\n    }\r\n    deleteElement() {\r\n        const element = this.elements.pop();\r\n        if (element != null) {\r\n            this.instanceMap.delete(element);\r\n            element.remove();\r\n        }\r\n    }\r\n}\n\nfunction append(container, element, data) {\r\n    const bindings = new CollectionBinding(generateBindings(element));\r\n    bindings.bind(data);\r\n    container.appendChild(element);\r\n    const created = container.lastElementChild;\r\n    if (created != null) {\r\n        return { element: created, bindings };\r\n    }\r\n    else {\r\n        throw new Error('Failed to append element');\r\n    }\r\n}\r\nfunction generateInstanceFromTemplate(template) {\r\n    const fragment = template.content.cloneNode(true);\r\n    const element = fragment.firstElementChild;\r\n    const bindings = new CollectionBinding(generateBindings(fragment));\r\n    return { element, bindings };\r\n}\n\nexport { AttributeBinding, CollectionBinding, ElementPool, EventHandlerBinding, NodeBinding, PropertyBinding, TextNodeBinding, append, generateBindings, generateInstanceFromTemplate };\n//# sourceMappingURL=bundle.esm.js.map\n","export type DomScrollToOptions = ScrollToOptions;\n\nexport function getSceneTreeTableOffsetTop(el: HTMLElement): number {\n  return el.getBoundingClientRect().top ?? 0;\n}\n\nexport function getSceneTreeTableViewportWidth(el: HTMLElement): number {\n  return el.clientWidth;\n}\n\nexport function scrollToTop(\n  el: HTMLElement,\n  top: number,\n  options: Pick<DomScrollToOptions, 'behavior'>\n): void {\n  el.scrollTo({ top, ...options });\n}\n","import { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nexport class SceneTreeCellHoverController {\n  public onStateChange = new EventDispatcher<string | undefined>();\n\n  public setHovered(id?: string): void {\n    this.onStateChange.emit(id);\n  }\n\n  public stateChanged(listener: Listener<string | undefined>): Disposable {\n    return this.onStateChange.on(listener);\n  }\n}\n","export function restartTimeout(\n  fn: VoidFunction,\n  existingTimeout?: number,\n  delay = 200\n): number {\n  window.clearTimeout(existingTimeout);\n  return window.setTimeout(fn, delay);\n}\n",":host {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  font-size: 0.825rem;\n\n  /**\n    * @prop --scene-tree-table-row-padding: CSS lengths that specifies the amount of\n    * padding between the row's border and content.\n    */\n    --scene-tree-table-row-padding: 2px 0px;\n\n  /**\n    * @prop --scene-tree-table-column-gap: CSS length that specifies the amount of\n    * padding between columns in the table.\n    */\n    --scene-tree-table-column-gap: 0.5rem;\n\n  /**\n    * @prop --scene-tree-table-column-resize-cursor: A CSS cursor value that will\n    * be displayed when resizing a column. Defaults to `col-resize`.\n    */\n    --scene-tree-table-column-resize-cursor: col-resize;\n}\n\n.header {\n  position: relative;\n  display: grid;\n  width: 100%;\n  border-bottom: var(--scene-tree-toolbar-separator);\n}\n\n.table {\n  position: relative;\n  display: grid;\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n}\n\n.resize-overlay {\n  position: absolute;\n  top: 0;\n  cursor: var(--scene-tree-table-column-resize-cursor);\n  z-index: 1000;\n  width: 100%;\n  height: 100%;\n}\n\n.divider-overlay {\n  position: absolute;\n  top: 0;\n  display: grid;\n  pointer-events: none;\n  z-index: 2000;\n  width: 100%;\n  height: 100%;\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\nimport {\n  Binding,\n  ElementPool,\n  generateInstanceFromTemplate,\n  InstancedTemplate,\n} from '@vertexvis/html-templates';\n\nimport { readDOM } from '../../lib/stencil';\nimport { SceneTreeController } from '../scene-tree/lib/controller';\nimport { getSceneTreeViewportHeight } from '../scene-tree/lib/dom';\nimport { isLoadedRow, LoadedRow, Row } from '../scene-tree/lib/row';\nimport { RowDataProvider } from '../scene-tree/types';\nimport {\n  DomScrollToOptions,\n  getSceneTreeTableOffsetTop,\n  getSceneTreeTableViewportWidth,\n  scrollToTop,\n} from './lib/dom';\nimport { SceneTreeCellHoverController } from './lib/hover-controller';\nimport { restartTimeout } from './lib/window';\n\ninterface StateMap {\n  columnElementPools?: WeakMap<\n    HTMLVertexSceneTreeTableColumnElement,\n    ElementPool\n  >;\n  headerInstances?: Array<InstancedTemplate<HTMLElement>>;\n  headerDividerInstances?: Array<InstancedTemplate<HTMLElement>>;\n  headerDividerListeners?: Array<(event: PointerEvent) => void>;\n\n  viewportRows: Row[];\n\n  headerHeight?: number;\n  columnWidths: number[];\n  columnWidthPercentages: number[];\n}\n\n@Component({\n  tag: 'vertex-scene-tree-table-layout',\n  styleUrl: 'scene-tree-table-layout.css',\n  shadow: true,\n})\nexport class SceneTreeTableLayout {\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   * @internal\n   */\n  @Prop()\n  public controller?: SceneTreeController;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public rows: Row[] = [];\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public totalRows = 0;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public rowHeight = 24;\n\n  /**\n   * The number of offscreen rows above and below the viewport to render. Having\n   * a higher number reduces the chance of the browser not displaying a row\n   * while scrolling.\n   *\n   * This prop will be automatically populated based on the `overScanCount` prop\n   * specified in the parent `<vertex-scene-tree />` element.\n   */\n  @Prop()\n  public overScanCount = 25;\n\n  /**\n   * A callback that is invoked immediately before a row is about to rendered.\n   * This callback can return additional data that can be bound to in a\n   * template.\n   *\n   * This prop will be automatically populated based on the `rowData` prop\n   * specified in the parent `<vertex-scene-tree />` element.\n   *\n   * @example\n   *\n   * ```html\n   * <script>\n   *   const table = document.querySelector('vertex-scene-tree-table');\n   *   table.rowData = (row) => {\n   *     return { func: () => console.log('row', row.node.name) };\n   *   }\n   * </script>\n   *\n   * <vertex-scene-tree>\n   *  <vertex-scene-tree-table>\n   *    <vertex-scene-tree-table-column>\n   *      <template>\n   *        <button event:click=\"{{row.data.func}}\">Hi</button>\n   *      </template>\n   *    </vertex-scene-tree-table-column>\n   *  </vertex-scene-tree-table>\n   * </vertex-scene-tree>\n   * ```\n   */\n  @Prop()\n  public rowData?: RowDataProvider;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public layoutOffset = 0;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public scrollOffset = 0;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public layoutHeight?: number;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public layoutWidth?: number;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public viewportStartIndex = 0;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public viewportEndIndex = 0;\n\n  /**\n   * @internal\n   */\n  @Event()\n  public layoutRendered!: EventEmitter<void>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  @State()\n  private columnGridLayout = '1fr';\n\n  @State()\n  private columnGridFixedLayout = '';\n\n  @State()\n  private isComputingCellHeight = true;\n\n  @State()\n  private lastDividerPointerPosition?: Point.Point;\n\n  @State()\n  private resizingColumnIndex?: number;\n\n  @State()\n  private isScrolling = false;\n\n  @State()\n  private scrollTimer: number | undefined;\n\n  /**\n   * This stores internal state that you want to preserve across live-reloads,\n   * but shouldn't trigger a refresh if the data changes. Marking this with\n   * @State to allow to preserve state across live-reloads.\n   */\n  @State()\n  private stateMap: StateMap = {\n    viewportRows: [],\n    columnWidths: [],\n    columnWidthPercentages: [],\n  };\n\n  private lastStartIndex = 0;\n  private resizeObserver?: ResizeObserver;\n  private headerResizeObserver?: ResizeObserver;\n\n  private tableElement?: HTMLDivElement;\n  private headerElement?: HTMLDivElement;\n  private columnElements: HTMLVertexSceneTreeTableColumnElement[] = [];\n\n  private cellHoverController = new SceneTreeCellHoverController();\n\n  public componentWillLoad(): void {\n    this.updateColumnElements();\n    this.createPools();\n\n    this.headerResizeObserver = new ResizeObserver(() => {\n      this.stateMap.headerHeight = undefined;\n      this.computeHeaderHeight();\n      this.updateLayoutPosition();\n    });\n\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateLayoutPosition();\n      this.clearLayoutHeight();\n      this.clearLayoutWidth();\n      this.recomputeColumnWidths();\n      this.computeColumnGridLayout();\n    });\n  }\n\n  public componentDidLoad(): void {\n    this.computeColumnGridLayout();\n    this.ensureDividerTemplateDefined();\n    this.computeCellHeight();\n    this.computeHeaderHeight();\n    this.computeInitialColumnWidths();\n    this.rebindHeaderData();\n\n    this.tableElement?.addEventListener('scroll', this.handleScrollChanged, {\n      passive: true,\n    });\n\n    if (this.headerElement != null) {\n      this.headerResizeObserver?.observe(this.headerElement);\n    }\n\n    this.resizeObserver?.observe(this.hostEl);\n  }\n\n  public async componentWillRender(): Promise<void> {\n    await this.computeAndUpdateViewportRows();\n  }\n\n  public componentDidRender(): void {\n    this.layoutColumns();\n\n    this.layoutRendered.emit();\n  }\n\n  public disconnectedCallback(): void {\n    this.tableElement?.removeEventListener('scroll', this.handleScrollChanged);\n    this.removeDividerDragListeners();\n    this.headerResizeObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n    this.stateMap.columnWidths = [];\n    this.stateMap.columnWidthPercentages = [];\n  }\n\n  /**\n   * Scrolls the table to the provided top value.\n   *\n   * @param top The position to scroll to.\n   * @param options A set of options to configure the scrolling behavior.\n   */\n  @Method()\n  public async scrollToPosition(\n    top: number,\n    options: Pick<DomScrollToOptions, 'behavior'>\n  ): Promise<void> {\n    if (this.tableElement != null) {\n      scrollToTop(this.tableElement, top, options);\n    }\n  }\n\n  public render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <div\n          class=\"header\"\n          ref={(ref) => (this.headerElement = ref)}\n          style={{\n            gridTemplateColumns: this.columnGridFixedLayout,\n            display: this.columnElements.length <= 1 ? 'none' : 'grid',\n          }}\n        >\n          <slot name=\"header\" />\n        </div>\n        <div\n          class=\"table\"\n          ref={(ref) => (this.tableElement = ref)}\n          style={{\n            gridTemplateColumns: this.columnGridLayout,\n          }}\n        >\n          <slot\n            onSlotchange={() => {\n              this.ensureDividerTemplateDefined();\n              this.updateColumnElements();\n              this.recreateColumnPools();\n              this.computeInitialColumnWidths();\n              this.rebindHeaderData();\n              this.computeColumnGridLayout();\n            }}\n          />\n        </div>\n        <div\n          class=\"divider-overlay\"\n          style={{\n            gridTemplateColumns: this.columnGridFixedLayout,\n          }}\n        >\n          <slot name=\"divider\" />\n        </div>\n        {this.resizingColumnIndex != null && <div class=\"resize-overlay\" />}\n      </Host>\n    );\n  }\n\n  private computeViewportRows(): void {\n    const viewportHeight = this.getLayoutHeight();\n    if (viewportHeight != null) {\n      const viewportCount = Math.ceil(viewportHeight / this.rowHeight);\n\n      const viewportStartIndex = Math.floor(this.scrollOffset / this.rowHeight);\n      const viewportEndIndex = viewportStartIndex + viewportCount;\n\n      const startIndex = Math.max(0, viewportStartIndex - this.overScanCount);\n      const endIndex = Math.min(\n        this.totalRows - 1,\n        viewportEndIndex + this.overScanCount\n      );\n\n      const rows = this.getViewportRows(startIndex, endIndex);\n\n      this.viewportStartIndex = startIndex;\n      this.viewportEndIndex = endIndex;\n      this.stateMap.viewportRows = rows;\n    }\n  }\n\n  private async computeAndUpdateViewportRows(): Promise<void> {\n    this.computeViewportRows();\n\n    if (this.controller?.isConnected) {\n      await this.controller.updateActiveRowRange(\n        this.viewportStartIndex,\n        this.viewportEndIndex\n      );\n    }\n  }\n\n  private layoutColumns = (): void => {\n    const visibleRowCount = this.viewportEndIndex - this.viewportStartIndex + 1;\n    const diff = this.viewportStartIndex - this.lastStartIndex;\n    this.lastStartIndex = this.viewportStartIndex;\n\n    this.iterateColumns((col, pool, colIndex) => {\n      pool.updateElements(visibleRowCount);\n\n      if (diff > 0) {\n        pool.swapHeadToTail(diff);\n      } else {\n        pool.swapTailToHead(-diff);\n      }\n\n      col.style.minHeight = `${this.rowHeight * this.totalRows}px`;\n\n      const cellPaddingLeft =\n        colIndex === 0\n          ? (depth: number) => `calc(${depth} * 0.5rem)`\n          : () => `0`;\n\n      pool.iterateElements((el, binding, rowIndex) => {\n        const row = this.stateMap.viewportRows[rowIndex];\n\n        if (isLoadedRow(row)) {\n          this.updateCell(row, el, binding, rowIndex, cellPaddingLeft);\n        }\n      });\n    });\n  };\n\n  private updateCell = (\n    row: LoadedRow,\n    cell: HTMLElement,\n    binding: Binding,\n    rowIndex: number,\n    cellPaddingLeft: (depth: number) => string\n  ): void => {\n    cell.style.position = 'absolute';\n    cell.style.top = `${\n      (this.viewportStartIndex + rowIndex) * this.rowHeight\n    }px`;\n    cell.style.boxSizing = 'border-box';\n    cell.style.height = `${this.rowHeight}px`;\n    cell.style.width = '100%';\n    cell.style.paddingLeft = cellPaddingLeft(row.node.depth);\n\n    /* eslint-disable @typescript-eslint/no-explicit-any */\n    (cell as any).tree = this.tree;\n    (cell as any).node = row.node;\n    (cell as any).hoverController = this.cellHoverController;\n    (cell as any).isScrolling = this.isScrolling;\n    /* eslint-enable @typescript-eslint/no-explicit-any */\n\n    binding.bind(row);\n  };\n\n  private updateLayoutPosition = (): void => {\n    readDOM(() => {\n      if (this.tableElement != null) {\n        this.layoutOffset = getSceneTreeTableOffsetTop(this.tableElement);\n      }\n    });\n  };\n\n  private recomputeColumnWidths = (): void => {\n    const layoutWidth = this.getLayoutWidth();\n    if (\n      layoutWidth != null &&\n      this.stateMap.columnWidths.length ===\n        this.stateMap.columnWidthPercentages.length\n    ) {\n      this.stateMap.columnWidths = this.stateMap.columnWidthPercentages.map(\n        (w) => w * layoutWidth\n      );\n    }\n  };\n\n  private recomputeColumnPercentages = (): void => {\n    const layoutWidth = this.getLayoutWidth();\n    if (\n      layoutWidth != null &&\n      this.stateMap.columnWidths.length ===\n        this.stateMap.columnWidthPercentages.length\n    ) {\n      this.stateMap.columnWidthPercentages = this.stateMap.columnWidths.map(\n        (w) => w / layoutWidth\n      );\n    }\n  };\n\n  private computeInitialColumnWidths = (): void => {\n    this.stateMap.columnWidths = this.columnElements.map(\n      (c) => c.initialWidth ?? 100\n    );\n\n    const layoutWidth = this.getLayoutWidth();\n    if (layoutWidth != null) {\n      this.stateMap.columnWidthPercentages = this.columnElements.map(\n        (c) => (c.initialWidth ?? 100) / layoutWidth\n      );\n    }\n  };\n\n  private updateColumnElements = (): void => {\n    this.columnElements = Array.from(\n      this.hostEl.querySelectorAll('vertex-scene-tree-table-column')\n    ) as Array<HTMLVertexSceneTreeTableColumnElement>;\n  };\n\n  private createPools(): void {\n    if (this.stateMap.columnElementPools == null) {\n      this.stateMap.columnElementPools = this.columnElements.reduce(\n        (map, c) =>\n          map.set(\n            c,\n            new ElementPool(c, () => this.createColumnCellInstance(c))\n          ),\n        new WeakMap()\n      );\n    }\n  }\n\n  private recreateColumnPools(): void {\n    this.columnElements.forEach((c) => {\n      if (this.stateMap.columnElementPools?.get(c) == null) {\n        this.stateMap.columnElementPools?.set(\n          c,\n          new ElementPool(c, () => this.createColumnCellInstance(c))\n        );\n      } else {\n        this.stateMap.columnElementPools\n          .get(c)\n          ?.updateElementFactory(() => this.createColumnCellInstance(c));\n      }\n    });\n  }\n\n  private iterateColumns(\n    f: (\n      column: HTMLVertexSceneTreeTableColumnElement,\n      pool: ElementPool,\n      index: number\n    ) => void\n  ): void {\n    this.columnElements.forEach((column, i) => {\n      const pool = this.stateMap.columnElementPools?.get(column);\n      if (pool != null) {\n        f(column, pool, i);\n      } else {\n        throw new Error('Cannot find pool for column');\n      }\n    });\n  }\n\n  private ensureDividerTemplateDefined(): void {\n    const template = this.hostEl.querySelector(\n      'template[slot=\"divider\"]'\n    ) as HTMLTemplateElement;\n    if (template == null) {\n      const defaultDividerTemplate = document.createElement('template');\n      defaultDividerTemplate.slot = 'divider';\n      defaultDividerTemplate.innerHTML = `\n        <vertex-scene-tree-table-resize-divider slot=\"divider\">\n        </vertex-scene-tree-table-resize-divider>\n      `;\n      this.hostEl.appendChild(defaultDividerTemplate);\n    }\n  }\n\n  private createHeaderInstance(\n    column: HTMLVertexSceneTreeTableColumnElement\n  ): InstancedTemplate<HTMLElement> | undefined {\n    const template = column.querySelector(\n      'template[slot=\"header\"]'\n    ) as HTMLTemplateElement;\n    if (template != null) {\n      return generateInstanceFromTemplate(template);\n    }\n  }\n\n  private createDividerInstance(): InstancedTemplate<HTMLElement> {\n    const template = this.hostEl.querySelector(\n      'template[slot=\"divider\"]'\n    ) as HTMLTemplateElement;\n    if (template != null) {\n      return generateInstanceFromTemplate(template);\n    } else {\n      throw new Error('Table is missing divider template element');\n    }\n  }\n\n  private createColumnCellInstance(\n    column: HTMLVertexSceneTreeTableColumnElement\n  ): InstancedTemplate<HTMLElement> {\n    const template = column.querySelector(\n      'template:not([slot=\"header\"])'\n    ) as HTMLTemplateElement;\n    if (template != null) {\n      return generateInstanceFromTemplate(template);\n    } else {\n      throw new Error('Column is missing cell template element');\n    }\n  }\n\n  private computeCellHeight = async (): Promise<void> => {\n    if (this.isComputingCellHeight && this.columnElements.length > 0) {\n      const dummyData: LoadedRow = {\n        index: 0,\n        node: {\n          id: { hex: '' },\n          name: 'Dummy row',\n          expanded: false,\n          selected: false,\n          visible: false,\n          partiallyVisible: false,\n          isLeaf: false,\n          depth: 0,\n          columnsList: [],\n          filterHit: false,\n          phantom: false,\n          endItem: false,\n        },\n        metadata: {},\n        data: {},\n      };\n      const { bindings, element } = this.createColumnCellInstance(\n        this.columnElements[0]\n      );\n      bindings.bind(dummyData);\n      element.style.visibility = 'hidden';\n\n      this.columnElements[0]?.appendChild(element);\n\n      /* eslint-disable @typescript-eslint/no-explicit-any */\n      if (typeof (element as any).componentOnReady === 'function') {\n        await (element as any).componentOnReady();\n      }\n      /* eslint-enable @typescript-eslint/no-explicit-any */\n\n      let height = element.clientHeight;\n      let attempts = 0;\n\n      while (height === 0 && attempts < 10) {\n        height = await new Promise((resolve) => {\n          setTimeout(() => resolve(element.getBoundingClientRect().height), 5);\n        });\n        attempts = attempts + 1;\n      }\n      this.rowHeight = height ?? this.rowHeight;\n      element.remove();\n      this.isComputingCellHeight = false;\n    }\n  };\n\n  private computeHeaderHeight = (): void => {\n    if (this.stateMap.headerHeight == null) {\n      this.stateMap.headerHeight =\n        this.headerElement?.getBoundingClientRect().height;\n      this.hostEl.style.setProperty(\n        '--header-height',\n        `${this.stateMap.headerHeight}px`\n      );\n    }\n  };\n\n  private computeColumnGridLayout = (): void => {\n    if (this.stateMap.columnWidths.length === 0) {\n      this.stateMap.columnWidths = this.columnElements.map(\n        (c) => c.initialWidth ?? 100\n      );\n    }\n\n    const layoutWidth = this.getLayoutWidth();\n    if (layoutWidth != null) {\n      if (this.stateMap.columnWidthPercentages.length === 0) {\n        this.stateMap.columnWidthPercentages = this.columnElements.map(\n          (c) => (c.initialWidth ?? 100) / layoutWidth\n        );\n      }\n    }\n\n    /**\n     * This layout uses `1fr` instead of the final column width to\n     * allow the final column to shrink when a scrollbar appears.\n     *\n     * This flex behavior is not desired for the header and divider\n     * elements since they are not scrollable, and `columnGridFixedLayout`\n     * should be used instead.\n     */\n    this.columnGridLayout = `${this.stateMap.columnWidths\n      .slice(0, -1)\n      .reduce((res, w) => `${res} ${w}px`, '')} 1fr`;\n\n    this.columnGridFixedLayout = `${this.stateMap.columnWidths.reduce(\n      (res, w) => `${res} ${w}px`,\n      ''\n    )}`;\n  };\n\n  private bindHeaderData = (): void => {\n    if (this.stateMap.headerInstances == null) {\n      this.stateMap.headerInstances = this.columnElements\n        .map((c, i) => {\n          const instance = this.createHeaderInstance(c);\n\n          if (instance != null) {\n            instance.element.style.paddingRight =\n              i === this.columnElements.length - 1\n                ? `0`\n                : `var(--scene-tree-table-column-gap)`;\n            instance.element.slot = 'header';\n            instance.element.style.gridColumnStart = `${i + 1}`;\n            instance.element.style.gridColumnEnd = `${i + 2}`;\n            this.hostEl?.appendChild(instance.element);\n          }\n\n          return instance;\n        })\n        .filter((i) => i != null) as Array<InstancedTemplate<HTMLElement>>;\n    }\n\n    if (this.stateMap.headerDividerInstances == null) {\n      this.stateMap.headerDividerInstances = this.columnElements\n        .slice(0, -1)\n        .map((_, i) => {\n          const instance = this.createDividerInstance();\n\n          instance.element.slot = 'divider';\n          instance.element.style.position = 'absolute';\n          instance.element.style.right = '0';\n          instance.element.style.pointerEvents = 'auto';\n          instance.element.style.gridColumnStart = `${i + 1}`;\n          instance.element.style.gridColumnEnd = `${i + 2}`;\n          this.hostEl?.appendChild(instance.element);\n\n          return instance;\n        });\n    }\n  };\n\n  private rebindHeaderData = (): void => {\n    this.removeDividerDragListeners();\n\n    this.stateMap.headerInstances?.forEach((i) => i.element.remove());\n    this.stateMap.headerDividerInstances?.forEach((i) => i.element.remove());\n    this.stateMap.headerInstances = undefined;\n    this.stateMap.headerDividerInstances = undefined;\n\n    this.bindHeaderData();\n    this.addDividerDragListeners();\n  };\n\n  private addDividerDragListeners(): void {\n    this.stateMap.headerDividerListeners =\n      this.stateMap.headerDividerInstances?.map((d, i) => {\n        const listener = this.createDividerPointerDownHandler(i);\n\n        d.element.addEventListener('pointerdown', listener);\n\n        return listener;\n      });\n  }\n\n  private removeDividerDragListeners(): void {\n    if (this.stateMap.headerDividerListeners != null) {\n      const listeners = this.stateMap.headerDividerListeners;\n\n      this.stateMap.headerDividerInstances?.forEach((d, i) => {\n        const listener = listeners[i];\n        if (listener != null) {\n          d.element.removeEventListener('pointerdown', listener);\n        }\n      });\n      this.stateMap.headerDividerListeners = undefined;\n    }\n  }\n\n  private createDividerPointerDownHandler = (\n    index: number\n  ): ((event: PointerEvent) => void) => {\n    return (event: PointerEvent): void => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      this.lastDividerPointerPosition = Point.create(\n        Math.floor(event.clientX),\n        Math.floor(event.clientY)\n      );\n      this.resizingColumnIndex = index;\n      this.stateMap.headerDividerInstances?.[index]?.element.classList.add(\n        'dragging'\n      );\n\n      window.addEventListener('pointermove', this.handleDividerPointerMove);\n      window.addEventListener('pointerup', this.handleDividerPointerUp);\n    };\n  };\n\n  private handleDividerPointerMove = (event: PointerEvent): void => {\n    const current = Point.create(\n      Math.floor(event.clientX),\n      Math.floor(event.clientY)\n    );\n\n    if (\n      this.lastDividerPointerPosition != null &&\n      this.resizingColumnIndex != null\n    ) {\n      const diff = Point.subtract(this.lastDividerPointerPosition, current);\n\n      if (\n        Math.abs(diff.x) >= 1 &&\n        this.isValidResize(diff, this.resizingColumnIndex)\n      ) {\n        this.stateMap.columnWidths[this.resizingColumnIndex] -= diff.x;\n\n        if (this.resizingColumnIndex + 1 < this.stateMap.columnWidths.length) {\n          this.stateMap.columnWidths[this.resizingColumnIndex + 1] += diff.x;\n        }\n\n        this.lastDividerPointerPosition = current;\n        this.computeColumnGridLayout();\n      }\n    }\n  };\n\n  private handleDividerPointerUp = (): void => {\n    if (this.resizingColumnIndex != null) {\n      this.stateMap.headerDividerInstances?.[\n        this.resizingColumnIndex\n      ]?.element.classList.remove('dragging');\n    }\n    this.lastDividerPointerPosition = undefined;\n    this.resizingColumnIndex = undefined;\n\n    this.recomputeColumnPercentages();\n\n    window.removeEventListener('pointermove', this.handleDividerPointerMove);\n    window.removeEventListener('pointerup', this.handleDividerPointerUp);\n  };\n\n  private isValidResize = (diff: Point.Point, index: number): boolean => {\n    const currentColumn = this.columnElements[index];\n    const nextColumn = this.columnElements[index + 1];\n    const currentWidth = this.stateMap.columnWidths[index];\n    const nextWidth = this.stateMap.columnWidths[index + 1];\n    const currentMinWidth = currentColumn.minWidth ?? 0;\n    const currentMaxWidth = currentColumn.maxWidth ?? Number.MAX_SAFE_INTEGER;\n    const nextMinWidth = nextColumn.minWidth ?? 0;\n    const nextMaxWidth = nextColumn.maxWidth ?? Number.MAX_SAFE_INTEGER;\n\n    const currentIsValid =\n      currentWidth - diff.x > currentMinWidth &&\n      currentWidth - diff.x < currentMaxWidth;\n    const nextIsValid =\n      nextColumn != null\n        ? nextWidth + diff.x > nextMinWidth && nextWidth + diff.x < nextMaxWidth\n        : true;\n\n    return currentIsValid && nextIsValid;\n  };\n\n  private handleScrollChanged = (event: Event): void => {\n    this.isScrolling = true;\n\n    this.scrollTimer = restartTimeout(() => {\n      this.isScrolling = false;\n    }, this.scrollTimer);\n\n    this.scrollOffset = (event.target as HTMLElement).scrollTop;\n    this.computeAndUpdateViewportRows();\n  };\n\n  private getViewportRows(startIndex: number, endIndex: number): Row[] {\n    const rows = this.rows.slice(startIndex, endIndex + 1);\n    return rows.map((row) => (row != null ? this.populateRowData(row) : row));\n  }\n\n  private populateRowData(row: Row): Row {\n    if (this.rowData != null && row != null) {\n      const data = this.rowData?.(row) || {};\n      return { ...row, data };\n    } else {\n      return row;\n    }\n  }\n\n  private getLayoutHeight(): number | undefined {\n    if (this.layoutHeight == null && this.tableElement != null) {\n      this.layoutHeight = getSceneTreeViewportHeight(this.tableElement);\n    }\n    return this.layoutHeight;\n  }\n\n  private getLayoutWidth(): number | undefined {\n    if (this.layoutWidth == null) {\n      const computedWidth = getSceneTreeTableViewportWidth(this.hostEl);\n      if (computedWidth > 0) {\n        this.layoutWidth = computedWidth;\n      }\n    }\n    return this.layoutWidth;\n  }\n\n  private clearLayoutHeight(): void {\n    this.layoutHeight = undefined;\n  }\n\n  private clearLayoutWidth(): void {\n    this.layoutWidth = undefined;\n  }\n}\n",":host {\n  /**\n   * @prop --scene-tree-toolbar-content-gap: A CSS length that specifies the\n   * horizontal gap between slots.\n   */\n  --scene-tree-toolbar-content-gap: 8px;\n\n  display: flex;\n  padding: 0.5rem;\n}\n\n.content {\n  display: flex;\n  align-items: center;\n}\n\n.content-primary {\n  width: 100%;\n}\n\n::slotted(:not(:first-child)) {\n  margin-left: var(--scene-tree-toolbar-content-gap);\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot The primary content that will be placed in the center of the toolbar\n * and stretch to container's available width.\n * @slot before - Content that is placed before the primary content.\n * @slot after - Content that is placed after the primary content.\n */\n@Component({\n  tag: 'vertex-scene-tree-toolbar',\n  styleUrl: 'scene-tree-toolbar.css',\n  shadow: true,\n})\nexport class SceneTreeToolbar {\n  protected render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <div class=\"content\">\n          <slot name=\"before\" />\n        </div>\n        <div class=\"content content-primary\">\n          <slot />\n        </div>\n        <div class=\"content\">\n          <slot name=\"after\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/viewer/p-a4d67e65.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
- */
-import{h as e,F as t,r as i,c as s,f as n,H as o,g as r}from"./p-50533a46.js";import{o as a}from"./p-71fbe522.js";import{a as l,w as d,S as c,b as h,c as u}from"./p-32f18b4c.js";import{p}from"./p-8343e598.js";import{g as f}from"./p-8867dab6.js";import{i as v}from"./p-c5381b4a.js";import"./p-6320532c.js";import"./p-9acf99ad.js";import"./p-7f54de9d.js";import"./p-d45df0c0.js";import"./p-d727045f.js";import"./p-39eab85b.js";import"./p-7578885f.js";import"./p-e1d82323.js";window.requestIdleCallback=window.requestIdleCallback||function(e){var t=Date.now();return setTimeout((function(){e({didTimeout:false,timeRemaining:function(){return Math.max(0,50-(Date.now()-t))}})}),1)};window.cancelIdleCallback=window.cancelIdleCallback||function(e){clearTimeout(e)};function w(e){return e!=null&&e.nodeName==="VERTEX-SCENE-TREE-TABLE-CELL"}const m=({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));async function y(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.items((e=>e.where((e=>e.withItemId(t))).show())).execute({suppliedCorrelationId:i})}async function b(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.items((e=>e.where((e=>e.withItemId(t))).hide())).execute({suppliedCorrelationId:i})}async function g(e,t,{append:i=false,suppliedCorrelationId:s}){const n=await e.scene();return n.items((e=>[...i?[]:[e.where((e=>e.all())).deselect()],e.where((e=>e.withItemId(t))).select()])).execute({suppliedCorrelationId:s})}async function x(e,t,i,{append:s=true,suppliedCorrelationId:n}){const o=await e.scene();return o.items((e=>[...s?[]:[e.where((e=>e.all())).deselect()],e.where((e=>e.withSceneTreeRange({start:t,end:i}))).select()])).execute({suppliedCorrelationId:n})}async function C(e,t,i,s,{append:n=false,suppliedCorrelationId:o}){const r=await e.scene();return r.items((e=>[...n?[]:[e.where((e=>e.all())).deselect()],e.where((e=>e.withMetadata(t,i,s))).select()])).execute({suppliedCorrelationId:o})}async function E(e,t,{suppliedCorrelationId:i}={}){const s=await e.scene();return s.items((e=>e.where((e=>e.withItemId(t))).deselect())).execute({suppliedCorrelationId:i})}const I="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);width:300px;height:100%;user-select:none;-webkit-user-select:none;cursor:default;display:flex;flex-direction:column}.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{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}.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 R=25;const M=class{constructor(e){i(this,e);this.connectionError=s(this,"connectionError",7);this.firstRowRendered=s(this,"firstRowRendered",7);this.overScanCount=25;this.configEnv="platprod";this.metadataSearchExactMatch=false;this.metadataSearchKeys=[];this.metadataKeys=[];this.rows=[];this.totalRows=0;this.showLoader=false;this.stateMap={componentLoaded:false};this.attemptingRetry=false;this.firstCellRendered=false}async invalidateRows(){n(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);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 b(e,t)}else{await y(e,t)}}))}async hideItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.visible){await b(e,t)}}))}async showItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(!i.visible){await y(e,t)}}))}async selectItem(e,t={}){var{recurseParent:i}=t,s=a(t,["recurseParent"]);await this.performRowOperation(e,(async({viewer:e,id:t})=>{var n,o,r,a;const l=await((n=this.controller)===null||n===void 0?void 0:n.fetchNodeAncestors(t))||[];const d=(o=this.stateMap.selectionPath)===null||o===void 0?void 0:o.includes(t);if(i&&d){const e=l.find((({selected:e})=>!e));if(e!=null){await this.selectItem(e,s);this.lastSelectedItemId=t}}else if(s.range&&this.lastSelectedItemId!=null){const i=await((r=this.controller)===null||r===void 0?void 0:r.expandParentNodes(t));const n=await((a=this.controller)===null||a===void 0?void 0:a.expandParentNodes(this.lastSelectedItemId));if(n&&i){const t=Math.min(n,i);const o=Math.max(n,i);await x(e,t,o,s)}}else{await g(e,t,s);this.lastSelectedItemId=t}this.stateMap.selectionPath=[...l.map((({id:e})=>(e===null||e===void 0?void 0:e.hex)||"")),t]}))}async deselectItem(e){await this.performRowOperation(e,(async({viewer:e,id:t,node:i})=>{if(i.selected){this.lastSelectedItemId=undefined;await E(e,t)}}))}async getRowAtIndex(e){return this.rows[e]}async getRowForEvent(e){const{clientY:t,target:i}=e;if(i!=null&&this.errorDetails==null&&f(this.el,i)&&w(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;return(i=this.controller)===null||i===void 0?void 0:i.filter(e,t)}async selectFilteredItems(e,t){if(this.viewer!=null){const i=this.metadataSearchKeys.length>0?this.metadataSearchKeys:this.metadataKeys;if(i.length===0){console.warn("No metadata keys were found to perform the selection. Defaulting to ['VERTEX_SCENE_ITEM_NAME']")}const s=i.length>0?i:["VERTEX_SCENE_ITEM_NAME"];await C(this.viewer,e,s,this.metadataSearchExactMatch,Object.assign({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;(e=this.stateMap.viewerDisposable)===null||e===void 0?void 0:e.dispose();(t=this.controller)===null||t===void 0?void 0:t.cancel()}componentWillLoad(){if(this.controller==null){const{sceneTreeHost:e}=this.getConfig().network;const t=new l(e,this.getConfig().flags.grpcUseStreamingWebSocketTransport?{transport:d}:undefined);this.controller=new c(t,100)}this.stateMap.onStateChangeDisposable=this.controller.onStateChange.on((e=>this.handleControllerStateChange(e)));this.connectToViewer()}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);if(this.viewer==null){this.errorDetails=new h("MISSING_VIEWER",u.MISSING_VIEWER)}}componentWillRender(){this.updateLayoutElement()}render(){return e(o,null,e("div",{class:"header"},e("slot",{name:"header"},e("vertex-scene-tree-toolbar",{class:"search-toolbar"},e("vertex-scene-tree-search",{controller:this.controller})))),this.errorDetails!=null&&this.renderError(this.errorDetails),this.errorDetails==null&&e("div",{class:"rows-scroll"},this.showLoader&&e("slot",{name:"loading"},e("vertex-viewer-spinner",{class:"loading",size:"md"})),e("slot",null)),e("div",{class:"footer"},e("slot",{name:"footer"})))}renderError(t){if(t.code!==u.SCENE_TREE_DISABLED){return e(m,{details:t},e("button",{class:"button button-secondary",onClick:()=>this.retryConnectToViewer(),disabled:this.attemptingRetry},"Retry"))}else{return e(m,{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;(e=this.stateMap.viewerDisposable)===null||e===void 0?void 0:e.dispose();if(this.viewer==null&&this.viewerSelector!=null){this.viewer=document.querySelector(this.viewerSelector)}if(this.viewer!=null){this.stateMap.viewerDisposable=(t=this.controller)===null||t===void 0?void 0:t.connectToViewer(this.viewer)}else{this.attemptingRetry=false}}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>=R){const e=this.getLayoutElement();const t=e.viewportStartIndex;const n=e.viewportEndIndex;const[o,r]=((i=this.controller)===null||i===void 0?void 0:i.getPageIndexesForRange(t,n))||[];if(o!=null&&r!=null){(s=this.controller)===null||s===void 0?void 0:s.invalidatePagesOutsideRange(o,r,50)}}else{this.scheduleClearUnusedData()}}))}handleControllerStateChange(e){this.showLoader=!!e.shouldShowLoading;this.rows=e.rows;this.totalRows=e.totalRows;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 h("DISCONNECTED",u.DISCONNECTED)}else{this.errorDetails=undefined}if(e.connection.type==="connected"||e.connection.type==="failure"){this.attemptingRetry=false}}async performRowOperation(e,t){const i=typeof e==="number"?this.rows[e]:e;if(i==null){throw new Error(`Cannot perform scene tree operation. Row not found.`)}const s=v(i)?i.node:i;if(s.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:s.id.hex,node:s})}async handleSearch(e){const t=this.metadataSearchKeys.length>0?this.metadataSearchKeys:this.metadataKeys;try{await this.filterItems(e.detail,{columns:t,exactMatch:this.metadataSearchExactMatch})}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 r=s.rowHeight;if(t==="start"){return n*r}else if(t==="middle"){const e=n*r+r/2;return e-o/2}else{const e=n*r+r;return e-o}}getConfig(){return p(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 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")}}get el(){return r(this)}static get watchers(){return{viewer:["handleViewerChanged"],controller:["handleControllerChanged"],metadataKeys:["handleMetadataKeysChanged"]}}};M.style=I;export{M as vertex_scene_tree};
-//# sourceMappingURL=p-a4d67e65.entry.js.map

package/dist/viewer/p-a4d67e65.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../node_modules/requestidlecallback-polyfill/index.js","src/components/scene-tree-table-cell/utils.ts","src/components/scene-tree/errors.tsx","src/components/scene-tree/lib/viewer-ops.ts","src/components/scene-tree/scene-tree.css?tag=vertex-scene-tree&encapsulation=shadow","src/components/scene-tree/scene-tree.tsx"],"names":["window","requestIdleCallback","cb","start","Date","now","setTimeout","didTimeout","timeRemaining","Math","max","cancelIdleCallback","id","clearTimeout","isSceneTreeTableCellElement","el","nodeName","SceneTreeError","details","children","h","class","message","link","Fragment","href","target","async","showItem","viewer","suppliedCorrelationId","scene","items","op","where","q","withItemId","show","execute","hideItem","hide","selectItem","append","all","deselect","select","selectRangeInSceneTree","end","withSceneTreeRange","selectFilterResults","filter","keys","exactMatch","withMetadata","deselectItem","sceneTreeCss","MIN_CLEAR_UNUSED_DATA_MS","SceneTree","[object Object]","hostRef","this","overScanCount","configEnv","metadataSearchExactMatch","metadataSearchKeys","metadataKeys","rows","totalRows","showLoader","stateMap","componentLoaded","attemptingRetry","firstCellRendered","forceUpdate","getLayoutElement","index","options","animate","position","i","min","top","getScrollToPosition","scrollToPosition","behavior","undefined","itemId","rowsBeforeExpand","_a","controller","expandParentNodes","Promise","resolve","layoutEl","handleLayoutRendered","removeEventListener","scrollToIndex","addEventListener","expandAll","collapseAll","row","performRowOperation","node","expanded","expandNode","collapseNode","collapseItem","expandItem","visible","partiallyVisible","recurseParent","__rest","ancestors","fetchNodeAncestors","isInPath","_b","selectionPath","includes","nextNode","find","selected","lastSelectedItemId","range","currentRowIndex","_c","previouslySelectedIndex","_d","map","hex","event","clientY","errorDetails","getSceneTreeContainsElement","getRowAtClientY","layoutOffset","floor","scrollOffset","rowHeight","getRowAtIndex","term","definedMetadataKeys","length","console","warn","columnsToSearch","Object","assign","fetchMetadataKeys","viewerDisposable","dispose","cancel","sceneTreeHost","getConfig","network","client","SceneTreeAPIClient","flags","grpcUseStreamingWebSocketTransport","transport","webSocketSubscriptionTransportFactory","SceneTreeController","onStateChangeDisposable","onStateChange","on","state","handleControllerStateChange","connectToViewer","ensureLayoutDefined","updateLayoutElement","resizeObserver","ResizeObserver","invalidateRows","observe","setMetadataKeys","SceneTreeErrorDetails","SceneTreeErrorCode","MISSING_VIEWER","Host","name","renderError","size","code","SCENE_TREE_DISABLED","onClick","retryConnectToViewer","disabled","newViewer","oldViewer","newController","viewerSelector","document","querySelector","idleCallbackId","foo","remaining","call","startIndex","viewportStartIndex","endIndex","viewportEndIndex","getPageIndexesForRange","invalidatePagesOutsideRange","scheduleClearUnusedData","shouldShowLoading","connection","type","connectionError","emit","DISCONNECTED","rowOrIndex","Error","isLoadedRow","filterItems","detail","columns","e","error","firstRowRendered","constrainedIndex","viewportHeight","layoutHeight","rowCenterY","rowBottomY","parseConfig","config","layout","createElement","innerHTML","appendChild","tree","rowData","debug"],"mappings":"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","sourcesContent":["window.requestIdleCallback =\n    window.requestIdleCallback ||\n    function(cb) {\n        var start = Date.now();\n        return setTimeout(function() {\n            cb({\n                didTimeout: false,\n                timeRemaining: function() {\n                    return Math.max(0, 50 - (Date.now() - start));\n                },\n            });\n        }, 1);\n    };\n\nwindow.cancelIdleCallback =\n    window.cancelIdleCallback ||\n    function(id) {\n        clearTimeout(id);\n    };\n","export function isSceneTreeTableCellElement(\n  el: unknown\n): el is HTMLVertexSceneTreeTableCellElement {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return el != null && (el as any).nodeName === 'VERTEX-SCENE-TREE-TABLE-CELL';\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { Fragment, FunctionalComponent, h } from '@stencil/core';\n\nimport { SceneTreeErrorDetails } from './lib/errors';\n\ninterface SceneTreeErrorProps {\n  details: SceneTreeErrorDetails;\n}\n\nexport const SceneTreeError: FunctionalComponent<SceneTreeErrorProps> = (\n  { details },\n  children\n) => {\n  return (\n    <div class=\"error\">\n      <div class=\"error-section error-message\">\n        <span>{details.message}</span>\n        {details.link && (\n          <Fragment>\n            <span> See our </span>\n            <a href={details.link} target=\"_blank\">\n              documentation\n            </a>{' '}\n            <span> for more information.</span>\n          </Fragment>\n        )}\n      </div>\n      <div class=\"error-section\">{children}</div>\n    </div>\n  );\n};\n","export interface ViewerItemOptions {\n  suppliedCorrelationId?: string;\n}\nexport interface ViewerSelectItemOptions extends ViewerItemOptions {\n  append?: boolean;\n  range?: boolean;\n}\n\nexport async function showItem(\n  viewer: HTMLVertexViewerElement,\n  id: string,\n  { suppliedCorrelationId }: ViewerItemOptions = {}\n): Promise<void> {\n  const scene = await viewer.scene();\n  return scene\n    .items((op) => op.where((q) => q.withItemId(id)).show())\n    .execute({ suppliedCorrelationId });\n}\n\nexport async function hideItem(\n  viewer: HTMLVertexViewerElement,\n  id: string,\n  { suppliedCorrelationId }: ViewerItemOptions = {}\n): Promise<void> {\n  const scene = await viewer.scene();\n  return scene\n    .items((op) => op.where((q) => q.withItemId(id)).hide())\n    .execute({\n      suppliedCorrelationId,\n    });\n}\n\nexport async function selectItem(\n  viewer: HTMLVertexViewerElement,\n  id: string,\n  { append = false, suppliedCorrelationId }: ViewerSelectItemOptions\n): Promise<void> {\n  const scene = await viewer.scene();\n  return scene\n    .items((op) => [\n      ...(append ? [] : [op.where((q) => q.all()).deselect()]),\n      op.where((q) => q.withItemId(id)).select(),\n    ])\n    .execute({ suppliedCorrelationId });\n}\n\nexport async function selectRangeInSceneTree(\n  viewer: HTMLVertexViewerElement,\n  start: number,\n  end: number,\n  { append = true, suppliedCorrelationId }: ViewerSelectItemOptions\n): Promise<void> {\n  const scene = await viewer.scene();\n  return scene\n    .items((op) => [\n      ...(append ? [] : [op.where((q) => q.all()).deselect()]),\n      op.where((q) => q.withSceneTreeRange({ start, end })).select(),\n    ])\n    .execute({\n      suppliedCorrelationId,\n    });\n}\n\nexport async function selectFilterResults(\n  viewer: HTMLVertexViewerElement,\n  filter: string,\n  keys: string[],\n  exactMatch: boolean,\n  { append = false, suppliedCorrelationId }: ViewerSelectItemOptions\n): Promise<void> {\n  const scene = await viewer.scene();\n  return scene\n    .items((op) => [\n      ...(append ? [] : [op.where((q) => q.all()).deselect()]),\n      op.where((q) => q.withMetadata(filter, keys, exactMatch)).select(),\n    ])\n    .execute({\n      suppliedCorrelationId,\n    });\n}\n\nexport async function deselectItem(\n  viewer: HTMLVertexViewerElement,\n  id: string,\n  { suppliedCorrelationId }: ViewerItemOptions = {}\n): Promise<void> {\n  const scene = await viewer.scene();\n  return scene\n    .items((op) => op.where((q) => q.withItemId(id)).deselect())\n    .execute({\n      suppliedCorrelationId,\n    });\n}\n","@import url('../../css/button.css');\n\n:host {\n  /**\n   * @prop --scene-tree-toolbar-separator: A CSS border value that specifies the\n   * border between scene tree toolbars.\n   */\n  --scene-tree-toolbar-separator: 1px solid var(--neutral-300);\n\n  width: 300px;\n  height: 100%;\n  user-select: none;\n  -webkit-user-select: none;\n  cursor: default;\n  display: flex;\n  flex-direction: column;\n}\n\n.rows-scroll {\n  position: relative;\n  height: var(--scene-tree-row-height, 0);\n  flex-grow: 1;\n}\n\n.rows {\n  position: relative;\n}\n\n.row {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: var(--scene-tree-row-height);\n  padding: var(--scene-tree-row-padding);\n  box-sizing: border-box;\n}\n\n.row:hover {\n  background-color: var(--scene-tree-row-hover-color);\n}\n\n.row.is-selected {\n  background-color: var(--scene-tree-row-selected-color);\n}\n\n.expand-toggle {\n  cursor: pointer;\n  width: 16px;\n}\n\n.row-text {\n  margin-left: 0.25rem;\n  width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.visibility-btn {\n  display: flex;\n  align-items: center;\n  visibility: hidden;\n  padding: 4px;\n}\n\n.visibility-btn.is-hidden {\n  visibility: visible;\n}\n\n.row:hover .visibility-btn {\n  visibility: visible;\n}\n\n.error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-size: 0.875rem;\n  width: 100%;\n  height: 100%;\n  padding: 1rem;\n  box-sizing: border-box;\n  justify-content: center;\n}\n\n.error-section {\n  margin-top: 1rem;\n}\n\n.error-message {\n  text-align: center;\n}\n\n.search-toolbar,\nslot[name='header']::slotted(*) {\n  border-bottom: var(--scene-tree-toolbar-separator);\n}\n\nslot[name='footer']::slotted(:not(:last-child)) {\n  border-top: var(--scene-tree-toolbar-separator);\n}\n\n.header {\n  display: flex;\n  flex-direction: column;\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;\n}\n\n.loading {\n  position: absolute;\n  top: 150px;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n}\n","import 'requestidlecallback-polyfill';\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { ElementPool } from '@vertexvis/html-templates';\nimport { Node } from '@vertexvis/scene-tree-protos/scenetree/protos/domain_pb';\nimport { SceneTreeAPIClient } from '@vertexvis/scene-tree-protos/scenetree/protos/scene_tree_api_pb_service';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { Config, parseConfig, PartialConfig } from '../../lib/config';\nimport { Environment } from '../../lib/environment';\nimport { isSceneTreeTableCellElement } from '../scene-tree-table-cell/utils';\nimport { SceneTreeError } from './errors';\nimport {\n  FilterTreeOptions,\n  SceneTreeController,\n  SceneTreeState,\n} from './lib/controller';\nimport { getSceneTreeContainsElement } from './lib/dom';\nimport { SceneTreeErrorCode, SceneTreeErrorDetails } from './lib/errors';\nimport { webSocketSubscriptionTransportFactory } from './lib/grpc';\nimport { isLoadedRow, Row } from './lib/row';\nimport {\n  deselectItem,\n  hideItem,\n  selectFilterResults,\n  selectItem,\n  selectRangeInSceneTree,\n  showItem,\n} from './lib/viewer-ops';\nimport {\n  MetadataKey,\n  RowArg,\n  RowDataProvider,\n  SceneTreeOperationOptions,\n  ScrollToOptions,\n  SelectItemOptions,\n} from './types';\n\n/**\n * The minimum amount of time provided by requestIdleCallback to clear purged\n * data. A value too low may cause contention with browser rendering. A value\n * too high will cause too many items to be accumulated.\n */\nconst MIN_CLEAR_UNUSED_DATA_MS = 25;\n\ninterface StateMap {\n  idleCallbackId?: number;\n  resizeObserver?: ResizeObserver;\n  componentLoaded: boolean;\n\n  client?: SceneTreeAPIClient;\n  jwt?: string;\n\n  onStateChangeDisposable?: Disposable;\n  subscribeDisposable?: Disposable;\n  viewerDisposable?: Disposable;\n\n  elementPool?: ElementPool;\n  template?: HTMLTemplateElement;\n\n  selectionPath?: string[];\n\n  layoutEl?: HTMLVertexSceneTreeTableLayoutElement;\n}\n\ntype OperationHandler = (data: {\n  viewer: HTMLVertexViewerElement;\n  id: string;\n  node: Node.AsObject;\n}) => void;\n\n/**\n * @slot header - A slot that places content above the rows in the tree. By\n *  default, a search toolbar will be placed in this slot. Elements can be\n *  stacked by assigning multiple elements to this slot.\n * @slot footer - A slot that places content below the rows in the tree.\n * Elements can be stacked by assigning multiple elements to this slot.\n */\n@Component({\n  tag: 'vertex-scene-tree',\n  styleUrl: 'scene-tree.css',\n  shadow: true,\n})\nexport class SceneTree {\n  /**\n   * The number of offscreen rows above and below the viewport to render. Having\n   * a higher number reduces the chance of the browser not displaying a row\n   * while scrolling.\n   */\n  @Prop()\n  public overScanCount = 25;\n\n  /**\n   * A CSS selector that points to a `<vertex-viewer>` element. Either this\n   * property or `viewer` must be set.\n   */\n  @Prop()\n  public viewerSelector?: string;\n\n  /**\n   * An instance of a `<vertex-viewer>` element. Either this property or\n   * `viewerSelector` must be set.\n   */\n  @Prop({ reflect: true, mutable: true })\n  public viewer?: HTMLVertexViewerElement | null;\n\n  /**\n   * A callback that is invoked immediately before a row is about to rendered.\n   * This callback can return additional data that can be bound to in a\n   * template.\n   *\n   * @example\n   *\n   * ```html\n   * <script>\n   *   const table = document.querySelector('vertex-scene-tree-table');\n   *   table.rowData = (row) => {\n   *     return { func: () => console.log('row', row.node.name) };\n   *   }\n   * </script>\n   *\n   * <vertex-scene-tree>\n   *  <vertex-scene-tree-table>\n   *    <vertex-scene-tree-table-column>\n   *      <template>\n   *        <button event:click=\"{{row.data.func}}\">Hi</button>\n   *      </template>\n   *    </vertex-scene-tree-table-column>\n   *  </vertex-scene-tree-table>\n   * </vertex-scene-tree>\n   * ```\n   */\n  @Prop()\n  public rowData?: RowDataProvider;\n\n  /**\n   * An object to configure the scene tree.\n   */\n  @Prop()\n  public config?: PartialConfig | string;\n\n  /**\n   * Sets the default environment for the viewer. This setting is used for\n   * auto-configuring network hosts.\n   *\n   * Use the `config` property for manually setting hosts.\n   */\n  @Prop()\n  public configEnv: Environment = 'platprod';\n\n  @Prop({ mutable: true })\n  public controller?: SceneTreeController;\n\n  /**\n   * Indicates whether the metadata search should use an exact match.\n   */\n  @Prop({ mutable: true })\n  public metadataSearchExactMatch = false;\n\n  /**\n   * A list of the metadata keys that a scene tree search should be performed on.\n   */\n  @Prop({ mutable: true })\n  public metadataSearchKeys: MetadataKey[] = [];\n\n  /**\n   * A list of part metadata keys that will be made available to each row. This\n   * metadata can be used for data binding inside the scene tree's template.\n   */\n  @Prop()\n  public metadataKeys: MetadataKey[] = [];\n\n  /**\n   * An event that is emitted when this <vertex-scene-tree> encounters a connection\n   * error.\n   */\n  @Event()\n  public connectionError!: EventEmitter<SceneTreeErrorDetails>;\n\n  /**\n   * An event that is emitted when the first row of this <vertex-scene-tree> has\n   * been rendered.\n   */\n  @Event()\n  public firstRowRendered!: EventEmitter<void>;\n\n  @State()\n  private rows: Row[] = [];\n\n  @State()\n  private totalRows = 0;\n\n  @State()\n  private showLoader = false;\n\n  /**\n   * This stores internal state that you want to preserve across live-reloads,\n   * but shouldn't trigger a refresh if the data changes. Marking this with\n   * @State to allow to preserve state across live-reloads.\n   */\n  @State()\n  private stateMap: StateMap = {\n    componentLoaded: false,\n  };\n\n  @State()\n  private errorDetails: SceneTreeErrorDetails | undefined;\n\n  @State()\n  private attemptingRetry = false;\n\n  @Element()\n  private el!: HTMLElement;\n\n  private lastSelectedItemId?: string;\n  private firstCellRendered = false;\n\n  /**\n   * Schedules a render of the rows in the scene tree. Useful if any custom\n   * data in your scene tree has changed, and you want to update the row's\n   * contents.\n   *\n   * **Note:** This is an asynchronous operation. The update may happen on the\n   * next frame.\n   */\n  @Method()\n  public async invalidateRows(): Promise<void> {\n    forceUpdate(this.getLayoutElement());\n  }\n\n  /**\n   * Scrolls the tree to the given row index.\n   *\n   * @param index An index of the row to scroll to.\n   * @param options A set of options to configure the scrolling behavior.\n   */\n  @Method()\n  public async scrollToIndex(\n    index: number,\n    options: ScrollToOptions = {}\n  ): Promise<void> {\n    const { animate, position = 'middle' } = options;\n    const i = Math.max(0, Math.min(index, this.totalRows));\n\n    const top = this.getScrollToPosition(i, position);\n\n    this.getLayoutElement().scrollToPosition(top, {\n      behavior: animate ? 'smooth' : undefined,\n    });\n  }\n\n  /**\n   * Scrolls the tree to an item with the given ID. If the node for the item is\n   * not expanded, the tree will expand each of its parent nodes.\n   *\n   * @param itemId An ID of an item to scroll to.\n   * @param options A set of options to configure the scrolling behavior.\n   * @returns A promise that resolves when the operation is finished.\n   */\n  @Method()\n  public async scrollToItem(\n    itemId: string,\n    options: ScrollToOptions = {}\n  ): Promise<void> {\n    const rowsBeforeExpand = this.totalRows;\n    const index = await this.controller?.expandParentNodes(itemId);\n\n    if (index != null && rowsBeforeExpand !== this.totalRows) {\n      return new Promise((resolve) => {\n        const layoutEl = this.getLayoutElement();\n        const handleLayoutRendered = async (): Promise<void> => {\n          layoutEl.removeEventListener('layoutRendered', handleLayoutRendered);\n          await this.scrollToIndex(index, options);\n          resolve();\n        };\n\n        layoutEl.addEventListener('layoutRendered', handleLayoutRendered);\n      });\n    } else if (index != null) {\n      await this.scrollToIndex(index, options);\n    }\n  }\n\n  /**\n   * Performs an API call to expand all nodes in the tree.\n   */\n  @Method()\n  public async expandAll(): Promise<void> {\n    await this.controller?.expandAll();\n  }\n\n  /**\n   * Performs an API call to collapse all nodes in the tree.\n   */\n  @Method()\n  public async collapseAll(): Promise<void> {\n    await this.controller?.collapseAll();\n  }\n\n  /**\n   * Performs an API call that will expand the node associated to the specified\n   * row or row index.\n   *\n   * @param row A row, row index, or node to expand.\n   */\n  @Method()\n  public async expandItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ id, node }) => {\n      if (!node.expanded) {\n        await this.controller?.expandNode(id);\n      }\n    });\n  }\n\n  /**\n   * Performs an API call that will collapse the node associated to the\n   * specified row or row index.\n   *\n   * @param row A row, row index, or node to collapse.\n   */\n  @Method()\n  public async collapseItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ id, node }) => {\n      if (node.expanded) {\n        await this.controller?.collapseNode(id);\n      }\n    });\n  }\n\n  /**\n   * Performs an API call that will either expand or collapse the node\n   * associated to the given row or row index.\n   *\n   * @param row The row, row index, or node to collapse or expand.\n   */\n  @Method()\n  public async toggleExpandItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ node }) => {\n      if (node.expanded) {\n        await this.collapseItem(node);\n      } else {\n        await this.expandItem(node);\n      }\n    });\n  }\n\n  /**\n   * Performs an API call that will either hide or show the item associated to\n   * the given row or row index.\n   *\n   * @param row The row, row index, or node to toggle visibility.\n   */\n  @Method()\n  public async toggleItemVisibility(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ viewer, id, node }) => {\n      if (node.visible || node.partiallyVisible) {\n        await hideItem(viewer, id);\n      } else {\n        await showItem(viewer, id);\n      }\n    });\n  }\n\n  /**\n   * Performs an API call that will hide the item associated to the given row\n   * or row index.\n   *\n   * @param row The row, row index, or node to hide.\n   */\n  @Method()\n  public async hideItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ viewer, id, node }) => {\n      if (node.visible) {\n        await hideItem(viewer, id);\n      }\n    });\n  }\n\n  /**\n   * Performs an API call that will show the item associated to the given row\n   * or row index.\n   *\n   * @param row The row, row index, or node to show.\n   */\n  @Method()\n  public async showItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ viewer, id, node }) => {\n      if (!node.visible) {\n        await showItem(viewer, id);\n      }\n    });\n  }\n\n  /**\n   * Performs an API call that will select the item associated to the given row\n   * or row index.\n   *\n   * This method supports a `recurseParent` option that allows for recursively\n   * selecting the next unselected parent node. This behavior is considered\n   * stateful. Each call to `selectItem` will track the ancestry of the passed\n   * in `rowArg`. If calling `selectItem` with a row not belonging to the\n   * ancestry of a previous selection, then this method will perform a standard\n   * selection.\n   *\n   * @param row The row, row index or node to select.\n   * @param options A set of options to configure selection behavior.\n   */\n  @Method()\n  public async selectItem(\n    row: RowArg,\n    { recurseParent, ...options }: SelectItemOptions = {}\n  ): Promise<void> {\n    await this.performRowOperation(row, async ({ viewer, id }) => {\n      const ancestors = (await this.controller?.fetchNodeAncestors(id)) || [];\n      const isInPath = this.stateMap.selectionPath?.includes(id);\n\n      if (recurseParent && isInPath) {\n        const nextNode = ancestors.find(({ selected }) => !selected);\n        if (nextNode != null) {\n          await this.selectItem(nextNode, options);\n          this.lastSelectedItemId = id;\n        }\n      } else if (options.range && this.lastSelectedItemId != null) {\n        const currentRowIndex = await this.controller?.expandParentNodes(id);\n        const previouslySelectedIndex =\n          await this.controller?.expandParentNodes(this.lastSelectedItemId);\n\n        if (previouslySelectedIndex && currentRowIndex) {\n          const start = Math.min(previouslySelectedIndex, currentRowIndex);\n          const end = Math.max(previouslySelectedIndex, currentRowIndex);\n          await selectRangeInSceneTree(viewer, start, end, options);\n        }\n      } else {\n        await selectItem(viewer, id, options);\n        this.lastSelectedItemId = id;\n      }\n\n      this.stateMap.selectionPath = [\n        ...ancestors.map(({ id }) => id?.hex || ''),\n        id,\n      ];\n    });\n  }\n\n  /**\n   * Performs an API call that will deselect the item associated to the given\n   * row or row index.\n   *\n   * @param row The row, row index, or node to deselect.\n   */\n  @Method()\n  public async deselectItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ viewer, id, node }) => {\n      if (node.selected) {\n        this.lastSelectedItemId = undefined;\n        await deselectItem(viewer, id);\n      }\n    });\n  }\n\n  /**\n   * Returns a row at the given index. If the row data has not been loaded,\n   * returns `undefined`.\n   *\n   * @param index The index of the row.\n   * @returns A row, or `undefined` if the row hasn't been loaded.\n   */\n  @Method()\n  public async getRowAtIndex(index: number): Promise<Row> {\n    return this.rows[index];\n  }\n\n  /**\n   * Returns the row data from the given mouse or pointer event. The event must\n   * originate from a `vertex-scene-tree-table-cell` contained by this element,\n   * otherwise `undefined` is returned.\n   *\n   * @param event A mouse or pointer event that originated from this component.\n   * @returns A row, or `undefined` if the row hasn't been loaded.\n   */\n  @Method()\n  public async getRowForEvent(event: MouseEvent | PointerEvent): Promise<Row> {\n    const { clientY, target } = event;\n\n    if (\n      target != null &&\n      this.errorDetails == null &&\n      getSceneTreeContainsElement(this.el, target as HTMLElement) &&\n      isSceneTreeTableCellElement(target)\n    ) {\n      return this.getRowAtClientY(clientY);\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Returns the row data from the given vertical client position.\n   *\n   * @param clientY The vertical client position.\n   * @returns A row or `undefined` if the row hasn't been loaded.\n   */\n  @Method()\n  public getRowAtClientY(clientY: number): Promise<Row> {\n    const layoutEl = this.getLayoutElement();\n    const top = layoutEl.layoutOffset;\n    const index = Math.floor(\n      (clientY - top + layoutEl.scrollOffset) / layoutEl.rowHeight\n    );\n    return this.getRowAtIndex(index);\n  }\n\n  /**\n   * Performs an async request that will filter the displayed items in the tree\n   * that match the given term and options.\n   *\n   * @param term The filter term.\n   * @param options The options to apply to the filter.\n   * @returns A promise that completes when the request has completed. Note,\n   *  items are displayed asynchronously. So the displayed items may not reflect\n   *  the result of this filter when the promise completes.\n   */\n  @Method()\n  public async filterItems(\n    term: string,\n    options: FilterTreeOptions = {}\n  ): Promise<void> {\n    return this.controller?.filter(term, options);\n  }\n\n  /**\n   * Performs an async request that will select the filtered items in the tree\n   * that match the given term.\n   *\n   * @param term The filter term.\n   * @returns A promise that completes when the request has completed.\n   */\n  @Method()\n  public async selectFilteredItems(\n    term: string,\n    options?: SceneTreeOperationOptions\n  ): Promise<void> {\n    if (this.viewer != null) {\n      const definedMetadataKeys =\n        this.metadataSearchKeys.length > 0\n          ? this.metadataSearchKeys\n          : this.metadataKeys;\n\n      if (definedMetadataKeys.length === 0) {\n        console.warn(\n          \"No metadata keys were found to perform the selection. Defaulting to ['VERTEX_SCENE_ITEM_NAME']\"\n        );\n      }\n\n      const columnsToSearch =\n        definedMetadataKeys.length > 0\n          ? definedMetadataKeys\n          : ['VERTEX_SCENE_ITEM_NAME'];\n\n      await selectFilterResults(\n        this.viewer,\n        term,\n        columnsToSearch,\n        this.metadataSearchExactMatch,\n        {\n          append: false,\n          ...options,\n        }\n      );\n    }\n  }\n\n  /**\n   * Fetches the metadata keys that are available to the scene tree. Metadata\n   * keys can be assigned to the scene tree using the `metadataKeys` property.\n   * The scene tree will fetch this metadata and make these values available\n   * for data binding.\n   *\n   * @returns A promise that resolves with the names of available keys.\n   */\n  @Method()\n  public async fetchMetadataKeys(): Promise<MetadataKey[]> {\n    return this.controller?.fetchMetadataKeys() ?? [];\n  }\n\n  /**\n   * @ignore\n   */\n  protected disconnectedCallback(): void {\n    this.stateMap.viewerDisposable?.dispose();\n    this.controller?.cancel();\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentWillLoad(): void {\n    if (this.controller == null) {\n      const { sceneTreeHost } = this.getConfig().network;\n      const client = new SceneTreeAPIClient(\n        sceneTreeHost,\n        this.getConfig().flags.grpcUseStreamingWebSocketTransport\n          ? {\n              transport: webSocketSubscriptionTransportFactory,\n            }\n          : undefined\n      );\n      this.controller = new SceneTreeController(client, 100);\n    }\n\n    this.stateMap.onStateChangeDisposable = this.controller.onStateChange.on(\n      (state) => this.handleControllerStateChange(state)\n    );\n\n    this.connectToViewer();\n  }\n\n  /**\n   * @ignore\n   */\n  protected async componentDidLoad(): Promise<void> {\n    this.ensureLayoutDefined();\n    this.updateLayoutElement();\n\n    const layoutEl = this.getLayoutElement();\n    const resizeObserver = new ResizeObserver(() => {\n      this.invalidateRows();\n    });\n    resizeObserver.observe(layoutEl);\n    this.stateMap.resizeObserver = resizeObserver;\n\n    this.stateMap.componentLoaded = true;\n\n    this.controller?.setMetadataKeys(this.metadataKeys);\n\n    if (this.viewer == null) {\n      this.errorDetails = new SceneTreeErrorDetails(\n        'MISSING_VIEWER',\n        SceneTreeErrorCode.MISSING_VIEWER\n      );\n    }\n  }\n\n  public componentWillRender(): void {\n    // The controller can load data prior to the first render\n    // ensure that this renders any time the state changes.\n    this.updateLayoutElement();\n  }\n\n  /**\n   * @ignore\n   */\n  protected render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        <div class=\"header\">\n          <slot name=\"header\">\n            <vertex-scene-tree-toolbar class=\"search-toolbar\">\n              <vertex-scene-tree-search controller={this.controller} />\n            </vertex-scene-tree-toolbar>\n          </slot>\n        </div>\n\n        {this.errorDetails != null && this.renderError(this.errorDetails)}\n\n        {this.errorDetails == null && (\n          <div class=\"rows-scroll\">\n            {this.showLoader && (\n              <slot name=\"loading\">\n                <vertex-viewer-spinner class=\"loading\" size=\"md\" />\n              </slot>\n            )}\n            <slot />\n          </div>\n        )}\n\n        <div class=\"footer\">\n          <slot name=\"footer\" />\n        </div>\n      </Host>\n    );\n  }\n\n  private renderError(details: SceneTreeErrorDetails): h.JSX.IntrinsicElements {\n    if (details.code !== SceneTreeErrorCode.SCENE_TREE_DISABLED) {\n      return (\n        <SceneTreeError details={details}>\n          <button\n            class=\"button button-secondary\"\n            onClick={() => this.retryConnectToViewer()}\n            disabled={this.attemptingRetry}\n          >\n            Retry\n          </button>\n        </SceneTreeError>\n      );\n    } else {\n      return <SceneTreeError details={details} />;\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(\n    newViewer: HTMLVertexViewerElement | undefined,\n    oldViewer: HTMLVertexViewerElement | undefined\n  ): void {\n    // StencilJS will invoke this callback even before the component has been\n    // loaded. According to their docs, this shouldn't happen. Return if the\n    // component hasn't been loaded.\n    // See https://stenciljs.com/docs/reactive-data#watch-decorator\n    if (!this.stateMap.componentLoaded) {\n      return;\n    }\n\n    this.connectToViewer();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('controller')\n  protected handleControllerChanged(newController: SceneTreeController): void {\n    // StencilJS will invoke this callback even before the component has been\n    // loaded. According to their docs, this shouldn't happen. Return if the\n    // component hasn't been loaded.\n    // See https://stenciljs.com/docs/reactive-data#watch-decorator\n    if (!this.stateMap.componentLoaded) {\n      return;\n    }\n\n    this.stateMap.onStateChangeDisposable?.dispose();\n\n    this.stateMap.onStateChangeDisposable = newController.onStateChange.on(\n      (state) => this.handleControllerStateChange(state)\n    );\n\n    newController.setMetadataKeys(this.metadataKeys);\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('metadataKeys')\n  protected handleMetadataKeysChanged(): void {\n    this.controller?.setMetadataKeys(this.metadataKeys);\n  }\n\n  private retryConnectToViewer(): void {\n    this.attemptingRetry = true;\n    this.errorDetails = undefined;\n    this.connectToViewer();\n  }\n\n  private connectToViewer(): void {\n    this.stateMap.viewerDisposable?.dispose();\n\n    if (this.viewer == null && this.viewerSelector != null) {\n      this.viewer = document.querySelector(this.viewerSelector) as\n        | HTMLVertexViewerElement\n        | undefined;\n    }\n\n    if (this.viewer != null) {\n      this.stateMap.viewerDisposable = this.controller?.connectToViewer(\n        this.viewer\n      );\n    } else {\n      this.attemptingRetry = false;\n    }\n  }\n\n  private scheduleClearUnusedData(): void {\n    if (this.stateMap.idleCallbackId != null) {\n      window.cancelIdleCallback(this.stateMap.idleCallbackId);\n    }\n\n    this.stateMap.idleCallbackId = window.requestIdleCallback((foo) => {\n      const remaining = foo.timeRemaining?.();\n\n      if (remaining == null || remaining >= MIN_CLEAR_UNUSED_DATA_MS) {\n        const layoutEl = this.getLayoutElement();\n        const startIndex = layoutEl.viewportStartIndex;\n        const endIndex = layoutEl.viewportEndIndex;\n        const [start, end] =\n          this.controller?.getPageIndexesForRange(startIndex, endIndex) || [];\n\n        if (start != null && end != null) {\n          this.controller?.invalidatePagesOutsideRange(start, end, 50);\n        }\n      } else {\n        this.scheduleClearUnusedData();\n      }\n    });\n  }\n\n  private handleControllerStateChange(state: SceneTreeState): void {\n    this.showLoader = !!state.shouldShowLoading;\n    this.rows = state.rows;\n    this.totalRows = state.totalRows;\n\n    if (state.connection.type === 'failure') {\n      this.errorDetails = state.connection.details;\n      this.connectionError.emit(state.connection.details);\n    } else if (state.connection.type === 'disconnected') {\n      this.errorDetails = new SceneTreeErrorDetails(\n        'DISCONNECTED',\n        SceneTreeErrorCode.DISCONNECTED\n      );\n    } else {\n      this.errorDetails = undefined;\n    }\n\n    if (\n      state.connection.type === 'connected' ||\n      state.connection.type === 'failure'\n    ) {\n      this.attemptingRetry = false;\n    }\n  }\n\n  private async performRowOperation(\n    rowOrIndex: number | Row | Node.AsObject,\n    op: OperationHandler\n  ): Promise<void> {\n    const row =\n      typeof rowOrIndex === 'number' ? this.rows[rowOrIndex] : rowOrIndex;\n\n    if (row == null) {\n      throw new Error(`Cannot perform scene tree operation. Row not found.`);\n    }\n\n    const node = isLoadedRow(row) ? row.node : row;\n\n    if (node.id == null) {\n      throw new Error(`Cannot perform scene tree operation. ID is undefined.`);\n    }\n\n    if (this.viewer == null) {\n      throw new Error(\n        `Cannot perform scene tree operation. Cannot get reference to viewer.`\n      );\n    }\n\n    await op({ viewer: this.viewer, id: node.id.hex, node });\n  }\n\n  @Listen('search')\n  protected async handleSearch(event: CustomEvent<string>): Promise<void> {\n    const columnsToSearch =\n      this.metadataSearchKeys.length > 0\n        ? this.metadataSearchKeys\n        : this.metadataKeys;\n\n    try {\n      await this.filterItems(event.detail, {\n        columns: columnsToSearch,\n        exactMatch: this.metadataSearchExactMatch,\n      });\n    } catch (e) {\n      console.error('Failed to filter tree with exception: ', e);\n    }\n  }\n\n  @Listen('cellLoaded')\n  protected async handleCellLoaded(): Promise<void> {\n    if (!this.firstCellRendered && this.rows.length > 0) {\n      this.firstCellRendered = true;\n      this.firstRowRendered.emit();\n    }\n  }\n\n  private getScrollToPosition(\n    index: number,\n    position: ScrollToOptions['position']\n  ): number {\n    const layoutEl = this.getLayoutElement();\n    const constrainedIndex = Math.max(0, Math.min(index, this.totalRows - 1));\n    const viewportHeight = layoutEl.layoutHeight ?? 0;\n    const rowHeight = layoutEl.rowHeight;\n\n    if (position === 'start') {\n      return constrainedIndex * rowHeight;\n    } else if (position === 'middle') {\n      const rowCenterY = constrainedIndex * rowHeight + rowHeight / 2;\n      return rowCenterY - viewportHeight / 2;\n    } else {\n      const rowBottomY = constrainedIndex * rowHeight + rowHeight;\n      return rowBottomY - viewportHeight;\n    }\n  }\n\n  private getConfig(): Config {\n    return parseConfig(this.configEnv, this.config);\n  }\n\n  private ensureLayoutDefined(): void {\n    let layout = this.el.querySelector('vertex-scene-tree-table-layout');\n    if (layout == null) {\n      layout = document.createElement('vertex-scene-tree-table-layout');\n      layout.innerHTML = `\n      <vertex-scene-tree-table-column>\n        <template>\n        <vertex-scene-tree-table-cell prop:value=\"{{row.node.name}}\" expand-toggle visibility-toggle></vertex-scene-tree-table-cell>\n        </template>\n      </vertex-scene-tree-table-column>\n      `;\n\n      this.el.appendChild(layout);\n    }\n    this.stateMap.layoutEl = layout;\n  }\n\n  private updateLayoutElement(): void {\n    const layout = this.stateMap.layoutEl;\n    if (layout != null) {\n      layout.rows = this.rows;\n      layout.tree = this.el as HTMLVertexSceneTreeElement;\n      layout.totalRows = this.totalRows;\n      layout.controller = this.controller;\n      layout.rowData = this.rowData;\n    } else if (!this.stateMap.componentLoaded && this.totalRows > 0) {\n      console.debug(\n        'Scene tree has rows, but the component has not yet rendered'\n      );\n    }\n  }\n\n  private getLayoutElement(): HTMLVertexSceneTreeTableLayoutElement {\n    if (this.stateMap.layoutEl != null) {\n      return this.stateMap.layoutEl;\n    } else {\n      throw new Error('Layout element is undefined');\n    }\n  }\n}\n"]}

package/dist/viewer/p-f40b8476.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"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"],"names":["sceneTreeTableCellCss","SceneTreeTableCell","[object Object]","hostRef","this","placeholder","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","toggleExpansion","expansionHandler","performDefaultExpansionOperation","expandToggled","toggleVisibility","visibilityHandler","performDefaultVisibilityOperation","visibilityToggled","defaultPrevented","button","ctrlKey","metaKey","selected","deselectItem","_d","selectItem","recurseParent","_e","_f","append","range","shiftKey","toggleItemVisibility","toggleExpandItem","hoverListener","stateChanged","cellLoaded","dispose","toggleAttribute","visible","partiallyVisible","isLeaf","endItem","filterHit","h","Host","onPointerEnter","onPointerLeave","onPointerUp","onPointerDown","class","name","expandToggle","data-test-id","preventDefault","classNames","icon-expanded","expanded","icon-collapsed","_g","visibilityToggle","_h","icon-visible","_j","_k","icon-hidden","_l","_m","icon-partial","_o","attr","hostEl","setAttribute","removeAttribute","window","clearTimeout","setTimeout","Events.defaultEventConfig","longPressThreshold"],"mappings":"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","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\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.no-shrink {\n  flex-shrink: 0;\n}\n\n:host([is-leaf]) .expand-btn,\n:host([is-end-item]) .expand-btn {\n  visibility: hidden;\n  cursor: default;\n}\n\n.visibility-btn {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n}\n\n.icon {\n  width: 14px;\n  height: 14px;\n}\n\n.icon-expanded {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M11.88,9.17l-3.5-4a.51.51,0,0,0-.76,0l-3.5,4A.5.5,0,0,0,4.5,10h7a.5.5,0,0,0,.38-.83Z' transform='rotate(180 8 8)' /%3E%3C/svg%3E\");\n}\n\n.icon-collapsed {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M10.83,7.62l-4-3.5A.5.5,0,0,0,6,4.5v7a.5.5,0,0,0,.83.38l4-3.5a.51.51,0,0,0,0-.76Z' /%3E%3C/svg%3E\");\n}\n\n.icon-visible {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M8 5a3 3 0 103 3 3 3 0 00-3-3zm4.65-1.17A8.53 8.53 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.57 6.57 0 002.84 4.06A8.53 8.53 0 008 13.5a8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.57 6.57 0 00-2.84-4.06zm-.55 7.5A7.52 7.52 0 018 12.5a7.52 7.52 0 01-4.1-1.17A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.52 7.52 0 014.1 1.17A5.49 5.49 0 0114.47 8a5.49 5.49 0 01-2.37 3.33z' /%3E%3C/svg%3E\");\n}\n\n.icon-hidden {\n  background-image: url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='icon' %3E%3Cpath fill='%23444444' d='M13.35 2.65a.48.48 0 00-.7 0l-.78.77a8.71 8.71 0 00-8.52.41A6.57 6.57 0 00.51 7.89v.22a6.58 6.58 0 002.71 4l-.57.58a.49.49 0 00.7.7l10-10a.48.48 0 000-.74zM9.73 5.56a3 3 0 00-4.17 4.17l-1.62 1.62A5.49 5.49 0 011.53 8 5.49 5.49 0 013.9 4.67 7.52 7.52 0 018 3.5a7.67 7.67 0 013.12.67zm3.61-1.2l-.72.72A5.45 5.45 0 0114.47 8a5.49 5.49 0 01-2.37 3.33A7.52 7.52 0 018 12.5a8.15 8.15 0 01-2.41-.38l-.78.78a8.9 8.9 0 003.19.6 8.53 8.53 0 004.65-1.33 6.57 6.57 0 002.84-4.06v-.22a6.56 6.56 0 00-2.15-3.53z' /%3E%3C/svg%3E%0A\");\n}\n\n.icon-partial {\n  background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4.12 11.46A5.62 5.62 0 011.52 8 5.57 5.57 0 013.9 4.67 7.52 7.52 0 018 3.5a7.7 7.7 0 013.33.75l.74-.74A8.67 8.67 0 008 2.5a8.53 8.53 0 00-4.65 1.33A6.57 6.57 0 00.51 7.89v.22a6.54 6.54 0 002.88 4.08z' fill='%23444'/%3E%3Cpath d='M8 5a3 3 0 00-3 3 3 3 0 00.69 1.89l4.2-4.2A3 3 0 008 5zM5.88 5.88zM9.2 12.41a.51.51 0 00-.42.57.5.5 0 00.56.42.5.5 0 00.43-.57.51.51 0 00-.57-.42zM6.77 12.41a.5.5 0 00-.57.42.49.49 0 00.41.57.5.5 0 10.15-1zM14.48 5.61a.5.5 0 00-.7-.12.49.49 0 00-.12.69.5.5 0 00.82-.57zM11.5 11.68a.5.5 0 00-.22.67.51.51 0 00.68.22.5.5 0 00-.46-.89zM15.07 7.77a.52.52 0 00-.62.35.51.51 0 00.35.62.5.5 0 00.61-.35.52.52 0 00-.34-.62zM13.36 10.21a.5.5 0 10.76.64.49.49 0 00-.06-.7.51.51 0 00-.7.06z' fill='%23444'/%3E%3C/svg%3E\");\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';\nimport classNames from 'classnames';\n\nimport { Events } from '../../lib/types';\nimport { SceneTreeOperationHandler } from '../scene-tree/lib/handlers';\nimport { SceneTreeCellHoverController } from '../scene-tree-table-layout/lib/hover-controller';\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   * @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 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   * 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   * @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   * 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    return (\n      <Host\n        onPointerEnter={this.handleCellPointerEnter}\n        onPointerLeave={this.handleCellPointerLeave}\n        onPointerUp={this.handleCellPointerUp}\n        onPointerDown={this.handleCellPointerDown}\n      >\n        <div class=\"wrapper\">\n          <div class=\"no-shrink\">\n            <slot name=\"left-gutter\" />\n          </div>\n          {this.expandToggle && (\n            <button\n              class=\"expand-btn no-shrink\"\n              data-test-id={'expand-' + this.node?.name}\n              onPointerUp={(event) => {\n                event.preventDefault();\n                this.toggleExpansion(event);\n              }}\n            >\n              {!this.node?.isLeaf && !this.node?.endItem && (\n                <div\n                  class={classNames('icon', {\n                    'icon-expanded': !this.node?.isLeaf && this.node?.expanded,\n                    'icon-collapsed':\n                      !this.node?.isLeaf && !this.node?.expanded,\n                  })}\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.visibilityToggle && (\n            <button\n              class=\"visibility-btn no-shrink\"\n              data-test-id={'visibility-btn-' + this.node?.name}\n              onPointerUp={(event) => {\n                event?.preventDefault();\n                this.toggleVisibility(event);\n              }}\n            >\n              <div\n                class={classNames('icon', {\n                  'icon-visible':\n                    this.hovered &&\n                    !this.node?.partiallyVisible &&\n                    this.node?.visible,\n                  'icon-hidden':\n                    !this.node?.partiallyVisible && !this.node?.visible,\n                  'icon-partial': this.node?.partiallyVisible,\n                })}\n              />\n            </button>\n          )}\n          <div class=\"no-shrink\">\n            <slot name=\"right-gutter\" />\n          </div>\n          {!this.visibilityToggle && <div class=\"column-spacer\" />}\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 toggleExpansion = (event: PointerEvent): 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        this.performDefaultExpansionOperation(this.node, this.tree);\n      }\n      this.expandToggled.emit({ node: this.node, originalEvent: event });\n    }\n  };\n\n  private toggleVisibility = (event: PointerEvent): 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        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 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 = (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement\n  ): void => {\n    tree.toggleItemVisibility(node);\n  };\n\n  private performDefaultExpansionOperation = (\n    node: Node.AsObject,\n    tree: HTMLVertexSceneTreeElement\n  ): void => {\n    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"]}