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

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

@@ -0,0 +1 @@
+{"version":3,"names":["getSceneTreeViewportHeight","el","clientHeight","getSceneTreeContainsElement","other","contains","lowerCase","str","toLowerCase","DEFAULT_SPLIT_REGEXP","DEFAULT_STRIP_REGEXP","noCase","input","options","_a","splitRegexp","_b","stripRegexp","_c","transform","_d","delimiter","result","replace","start","end","length","charAt","slice","split","map","join","re","value","RegExp","reduce","pascalCaseTransform","index","firstChar","lowerChars","substr","toUpperCase","pascalCase","__assign","camelCaseTransform","camelCase","bindingRegEx","CollectionBinding","constructor","bindings","this","bind","data","forEach","binding","NodeBinding","node","expr","TextNodeBinding","super","newContent","replaceBindingString","textContent","AttributeBinding","attr","newValue","oldValue","getAttribute","setAttribute","PropertyBinding","prop","replaceBinding","EventHandlerBinding","eventName","path","extractBindingPath","disposable","dispose","listener","getBindableValue","addEventListener","removeEventListener","generateBindings","nodeType","Node","ELEMENT_NODE","bindableAttributes","getBindableAttributes","name","startsWith","push","propName","TEXT_NODE","test","i","childNodes","element","Array","from","attributes","filter","exec","undefined","toString","isHead","head","tail","ElementPool","container","elementFactory","instanceMap","Map","elements","swapHeadToTail","count","sliced","splice","concat","swapTailToHead","updateElements","diff","createElement","deleteElement","updateData","f","instance","get","updateElementFactory","iterateElements","set","append","pop","delete","remove","generateInstanceFromTemplate","template","fragment","content","cloneNode","firstElementChild","getSceneTreeTableOffsetTop","getBoundingClientRect","top","getSceneTreeTableViewportWidth","clientWidth","scrollToTop","scrollTo","SceneTreeCellHoverController","onStateChange","EventDispatcher","setHovered","id","emit","stateChanged","on","restartTimeout","fn","existingTimeout","delay","window","clearTimeout","setTimeout","sceneTreeTableLayoutCss","SceneTreeTableLayout","__stencil_proxyCustomElement","HTMLElement","registerHost","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","style","minHeight","cellPaddingLeft","depth","rowIndex","row","isLoadedRow","updateCell","cell","position","boxSizing","height","width","paddingLeft","tree","hoverController","updateLayoutPosition","readDOM","tableElement","recomputeColumnWidths","layoutWidth","getLayoutWidth","w","columnsResized","recomputeColumnPercentages","computeInitialColumnWidths","c","initialWidth","columnWidthSum","scaledColumnWidths","updateColumnElements","hostEl","querySelectorAll","computeCellHeight","async","dummyData","hex","expanded","selected","visible","partiallyVisible","isLeaf","columnsList","filterHit","hasGeometry","phantom","endItem","metadata","createColumnCellInstance","visibility","appendChild","componentOnReady","Promise","resolve","computeHeaderHeight","headerHeight","headerElement","setProperty","computeColumnGridLayout","res","bindHeaderData","headerInstances","createHeaderInstance","paddingRight","slot","gridColumnStart","gridColumnEnd","headerDividerInstances","_","createDividerInstance","right","pointerEvents","rebindHeaderData","removeDividerDragListeners","addDividerDragListeners","createDividerPointerDownHandler","event","preventDefault","stopPropagation","lastDividerPointerPosition","Point","create","Math","floor","clientX","clientY","resizingColumnIndex","classList","add","handleDividerPointerMove","handleDividerPointerUp","current","resizingIndex","subtract","abs","x","isValidResize","currentColumn","nextColumn","currentWidth","nextWidth","currentMinWidth","minWidth","currentMaxWidth","maxWidth","Number","MAX_SAFE_INTEGER","nextMinWidth","nextMaxWidth","currentIsValid","nextIsValid","handleScrollChanged","scrollTimer","target","scrollTop","computeAndUpdateViewportRows","componentWillLoad","createPools","initializeColumnLayout","headerResizeObserver","ResizeObserver","resizeObserver","clearLayoutHeight","clearLayoutWidth","componentDidLoad","passive","observe","initializeMeasuredLayout","componentWillRender","componentDidRender","layoutRendered","componentDidUpdate","disconnectedCallback","disconnect","handleViewportRowsPropsChanged","scrollToPosition","attemptComputeCellHeight","render","h","Host","key","class","ref","gridTemplateColumns","display","onSlotchange","ensureDividerTemplateDefined","recreateColumnPools","computeViewportRows","viewportHeight","getLayoutHeight","canComputeIndices","viewportCount","ceil","startIndex","max","endIndex","min","getViewportRows","controller","isConnected","updateActiveRowRange","columnElementPools","WeakMap","column","Error","querySelector","defaultDividerTemplate","document","innerHTML","headerDividerListeners","d","listeners","populateRowData","rowData","call","layoutHeight","computedWidth"],"sources":["src/components/scene-tree/lib/dom.ts","../html-templates/dist/bundle.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"],"sourcesContent":["export function getSceneTreeViewportHeight(el: HTMLElement): number {\n  return el.clientHeight;\n}\n\nexport function getSceneTreeOffsetTop(el: HTMLElement): number {\n  return el.offsetTop;\n}\n\nexport function getSceneTreeContainsElement(\n  el: Element,\n  other: Element,\n): boolean {\n  return el.contains(other);\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 = /{{(.+)}}/;\nclass CollectionBinding {\n    constructor(bindings) {\n        this.bindings = bindings;\n    }\n    bind(data) {\n        this.bindings.forEach((binding) => binding.bind(data));\n    }\n}\nclass NodeBinding {\n    constructor(node, expr) {\n        this.node = node;\n        this.expr = expr;\n    }\n}\nclass TextNodeBinding extends NodeBinding {\n    constructor(node, expr) {\n        super(node, expr);\n    }\n    bind(data) {\n        const newContent = replaceBindingString(data, this.expr);\n        if (newContent !== this.node.textContent) {\n            this.node.textContent = newContent;\n        }\n    }\n}\nclass AttributeBinding extends NodeBinding {\n    constructor(node, expr, attr) {\n        super(node, expr);\n        this.attr = attr;\n    }\n    bind(data) {\n        const newValue = replaceBindingString(data, this.expr);\n        const oldValue = this.node.getAttribute(this.attr);\n        if (oldValue !== newValue) {\n            this.node.setAttribute(this.attr, newValue);\n        }\n    }\n}\nclass PropertyBinding extends NodeBinding {\n    constructor(node, expr, prop) {\n        super(node, expr);\n        this.prop = prop;\n    }\n    bind(data) {\n        const newValue = replaceBinding(data, this.expr);\n        /* eslint-disable @typescript-eslint/no-explicit-any */\n        const oldValue = this.node[this.prop];\n        if (oldValue !== newValue) {\n            this.node[this.prop] = newValue;\n        }\n        /* eslint-enable @typescript-eslint/no-explicit-any */\n    }\n}\nclass EventHandlerBinding extends NodeBinding {\n    constructor(node, expr, eventName) {\n        super(node, expr);\n        this.eventName = eventName;\n    }\n    bind(data) {\n        var _a;\n        const path = extractBindingPath(this.expr);\n        if (path != null) {\n            (_a = this.disposable) === null || _a === void 0 ? void 0 : _a.dispose();\n            const listener = getBindableValue(data, path, true);\n            this.node.addEventListener(this.eventName, listener);\n            this.disposable = {\n                dispose: () => {\n                    this.node.removeEventListener(this.eventName, listener);\n                },\n            };\n        }\n    }\n}\nfunction generateBindings(node) {\n    const bindings = [];\n    if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node;\n        const bindableAttributes = getBindableAttributes(el);\n        bindableAttributes.forEach((attr) => {\n            if (attr.name.startsWith('event:')) {\n                const eventName = camelCase(attr.name.replace('event:', ''));\n                bindings.push(new EventHandlerBinding(el, attr.value, eventName));\n            }\n            else if (attr.name.startsWith('attr:')) {\n                bindings.push(new AttributeBinding(el, attr.value, attr.name.replace('attr:', '')));\n            }\n            else if (attr.name.startsWith('prop:')) {\n                const propName = camelCase(attr.name.replace('prop:', ''));\n                bindings.push(new PropertyBinding(el, attr.value, propName));\n            }\n        });\n    }\n    else if (node.nodeType === Node.TEXT_NODE &&\n        node.textContent != null &&\n        bindingRegEx.test(node.textContent)) {\n        bindings.push(new TextNodeBinding(node, node.textContent));\n    }\n    for (let i = 0; i < node.childNodes.length; i++) {\n        bindings.push(...generateBindings(node.childNodes[i]));\n    }\n    return bindings;\n}\nfunction getBindableAttributes(element) {\n    return Array.from(element.attributes).filter((attr) => bindingRegEx.test(attr.value));\n}\nfunction extractBindingPath(expr) {\n    const result = bindingRegEx.exec(expr);\n    return result != null ? result[1] : undefined;\n}\nfunction replaceBindingString(data, expr) {\n    const path = extractBindingPath(expr);\n    if (path != null) {\n        const value = getBindableValue(data, path, true);\n        return expr.replace(`{{${path}}}`, value === null || value === void 0 ? void 0 : value.toString());\n    }\n    else {\n        return expr;\n    }\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction replaceBinding(data, expr) {\n    const path = extractBindingPath(expr);\n    if (path != null) {\n        const value = getBindableValue(data, path, true);\n        return value;\n    }\n    else {\n        return expr;\n    }\n}\nfunction getBindableValue(data, path, isHead = false) {\n    const [head, ...tail] = path.split('.');\n    if (isHead && tail.length === 0) {\n        return data;\n    }\n    else if (isHead && tail.length > 0) {\n        return getBindableValue(data, tail.join('.'), false);\n    }\n    else {\n        const value = data[head];\n        if (tail.length > 0) {\n            return getBindableValue(value, tail.join('.'), false);\n        }\n        else {\n            return value;\n        }\n    }\n}\n\nclass ElementPool {\n    constructor(container, elementFactory) {\n        this.container = container;\n        this.elementFactory = elementFactory;\n        this.instanceMap = new Map();\n        this.elements = [];\n    }\n    swapHeadToTail(count) {\n        const sliced = this.elements.splice(0, count);\n        this.elements.splice(this.elements.length, 0, ...sliced);\n        return this.elements.concat();\n    }\n    swapTailToHead(count) {\n        const sliced = this.elements.splice(-count, count);\n        this.elements.splice(0, 0, ...sliced);\n        return this.elements.concat();\n    }\n    updateElements(count) {\n        const diff = count - this.elements.length;\n        if (diff > 0) {\n            for (let i = 0; i < diff; i++) {\n                this.createElement();\n            }\n        }\n        else {\n            for (let i = 0; i < -diff; i++) {\n                this.deleteElement();\n            }\n        }\n        return this.elements.concat();\n    }\n    updateData(f) {\n        this.elements.forEach((el, i) => {\n            const instance = this.instanceMap.get(el);\n            const data = f(i);\n            instance === null || instance === void 0 ? void 0 : instance.bindings.bind(data);\n        });\n    }\n    updateElementFactory(elementFactory) {\n        this.elementFactory = elementFactory;\n        this.updateElements(0);\n    }\n    iterateElements(f) {\n        this.elements.forEach((el, i) => {\n            const instance = this.instanceMap.get(el);\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            f(el, instance.bindings, i);\n        });\n    }\n    createElement() {\n        const instance = this.elementFactory();\n        this.elements.push(instance.element);\n        this.instanceMap.set(instance.element, instance);\n        this.container.append(instance.element);\n        return instance;\n    }\n    deleteElement() {\n        const element = this.elements.pop();\n        if (element != null) {\n            this.instanceMap.delete(element);\n            element.remove();\n        }\n    }\n}\n\nfunction append(container, element, data) {\n    const bindings = new CollectionBinding(generateBindings(element));\n    bindings.bind(data);\n    container.appendChild(element);\n    const created = container.lastElementChild;\n    if (created != null) {\n        return { element: created, bindings };\n    }\n    else {\n        throw new Error('Failed to append element');\n    }\n}\nfunction generateInstanceFromTemplate(template) {\n    const fragment = template.content.cloneNode(true);\n    const element = fragment.firstElementChild;\n    const bindings = new CollectionBinding(generateBindings(fragment));\n    return { element, bindings };\n}\n\nexport { AttributeBinding, CollectionBinding, ElementPool, EventHandlerBinding, NodeBinding, PropertyBinding, TextNodeBinding, append, generateBindings, generateInstanceFromTemplate };\n//# sourceMappingURL=bundle.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  Watch,\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 be 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  /**\n   * An event that is emitted when the columns of this `<vertex-scene-tree-table-layout>`\n   * are resized with an array containing the widths of the columns in pixels.\n   */\n  @Event({ bubbles: true })\n  public columnsResized!: EventEmitter<number[]>;\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    this.initializeColumnLayout();\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 async componentDidLoad(): Promise<void> {\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    // These measurements require rendered DOM, but mutating tracked values\n    // directly in componentDidLoad triggers Stencil dev warnings.\n    await Promise.resolve();\n    await this.initializeMeasuredLayout();\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 async componentDidUpdate(): Promise<void> {\n    if (this.isComputingCellHeight) {\n      await this.computeCellHeight();\n    }\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  @Watch('rows')\n  @Watch('totalRows')\n  @Watch('rowHeight')\n  protected async handleViewportRowsPropsChanged(): Promise<void> {\n    await this.computeAndUpdateViewportRows();\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  /**\n   * Attempts to compute the height of templated cells. Used for internals\n   * or testing.\n   *\n   * @internal\n   * @ignore\n   */\n  @Method()\n  public async attemptComputeCellHeight(): Promise<void> {\n    this.computeCellHeight();\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    const canComputeIndices =\n      viewportHeight != null &&\n      viewportHeight > 0 &&\n      !this.isComputingCellHeight;\n\n    if (canComputeIndices) {\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 initializeColumnLayout(): void {\n    this.computeInitialColumnWidths();\n    this.computeColumnGridLayout();\n    this.ensureDividerTemplateDefined();\n    this.rebindHeaderData();\n  }\n\n  private async initializeMeasuredLayout(): Promise<void> {\n    await this.computeCellHeight();\n    this.computeHeaderHeight();\n  }\n\n  private async computeAndUpdateViewportRows(): Promise<void> {\n    this.computeViewportRows();\n\n    if (this.controller?.isConnected && this.totalRows > 0) {\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 = `${(this.viewportStartIndex + rowIndex) * this.rowHeight}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      this.columnsResized.emit(this.stateMap.columnWidths);\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      const columnWidthSum = this.stateMap.columnWidths.reduce(\n        (result, w) => result + w,\n        0,\n      );\n      const scaledColumnWidths = this.stateMap.columnWidths.map(\n        (w) => w * (layoutWidth / columnWidthSum),\n      );\n\n      this.stateMap.columnWidthPercentages = scaledColumnWidths.map(\n        (w) => w / layoutWidth,\n      );\n      this.stateMap.columnWidths = scaledColumnWidths;\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          hasGeometry: 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      if (height === 0) {\n        height = await new Promise((resolve) => {\n          setTimeout(() => resolve(element.getBoundingClientRect().height), 5);\n        });\n      }\n\n      this.rowHeight = height ?? this.rowHeight;\n      element.remove();\n      this.isComputingCellHeight = this.rowHeight === 0;\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 resizingIndex = this.resizingColumnIndex;\n      const diff = Point.subtract(this.lastDividerPointerPosition, current);\n\n      if (Math.abs(diff.x) >= 1 && this.isValidResize(diff, resizingIndex)) {\n        this.stateMap.columnWidths = this.stateMap.columnWidths.map((w, i) =>\n          i === resizingIndex ? w - diff.x : w,\n        );\n\n        if (resizingIndex + 1 < this.stateMap.columnWidths.length) {\n          this.stateMap.columnWidths = this.stateMap.columnWidths.map((w, i) =>\n            i === resizingIndex + 1 ? w + diff.x : w,\n          );\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    this.recomputeColumnWidths();\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 = async (event: Event): Promise<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    await 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"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["PinController","constructor","model","mode","type","styleAttributes","undefined","this","addPin","pin","clearPins","removePin","setPins","pins","setPin","updatePin","setSelectedPinId","pinId","setSelectedPin","getToolMode","getToolType","setToolMode","setToolType","getDraggable","draggable","setDraggable","setPrimaryColor","color","primaryColor","setAccentColor","accentColor","getStyleAttributes","updateDraggable","worldPosition","partId","getPinById","id","constrainRelativePoint","pt","range","constrainedX","Math","max","start","min","end","x","constrainedY","y","Point","create","translatePointToScreen","canvasDimensions","add","scale","width","height","Dimensions","center","translatePointToRelative","includeOffset","xOffset","yOffset","verticalScaleFactor","horizontalScaleFactor","canvasCenterPoint","point","subtract","offset","centerIsToTheRightInXDirection","xOffsetCalculated","centerIsBelowInYDirection","yOffsetCalculated","offsetPoint","Range","getComputedStyle","el","window","viewerPinLabelCss","VertexPinLabel","__stencil_proxyCustomElement","HTMLElement","registerHost","value","focused","textareaRows","computeContentSize","readDOM","contentEl","contentElBounds","getBoundingClientRect","computedStyles","ceil","parseFloat","getPropertyValue","handleInputKeyDown","event","stopPropagation","key","ctrlKey","metaKey","shiftKey","preventDefault","submit","handlePointerDown","elementBounds","buttons","relativePointerDownPosition","getMouseClientPosition","pinPointerDownPosition","_a","label","addEventListener","handlePointerMove","handlePointerUp","relative","relativeDelta","myUpdatedPin","pinController","computeScreenPosition","pointerDownScreen","distanceBetweenStartAndEndPoint","distance","labelFocused","emit","_b","removeEventListener","handleTextBlur","handleTextInput","input","target","setFocus","inputEl","focus","_c","labelBlurred","text","watchFocusChange","labelChanged","watchPinChange","watchElementBoundsChange","componentWillLoad","PinModel","componentDidLoad","resizeObserver","ResizeObserver","contentResizeObserver","hostEl","observe","disconnectedCallback","disconnect","componentDidRender","render","getPinColors","h","Host","class","classNames","onPointerDown","style","top","computedScreenPosition","toString","left","minWidth","computeMinWidth","maxWidth","computeMaxWidth","maxHeight","computeMaxHeight","borderColor","background","disabled","ref","rows","onKeyDown","onInput","onBlur","hiddenContent","includes","split","reduce","res","str","expected","computeRemainingWidth","computeRemainingHeight","isTextPin"],"sources":["src/lib/pins/controller.ts","src/components/viewer-pin-tool/utils.ts","src/components/viewer-pin-label/utils.ts","src/components/viewer-pin-label/viewer-pin-label.css?tag=vertex-viewer-pin-label","src/components/viewer-pin-label/viewer-pin-label.tsx"],"sourcesContent":["import { Point, Vector3 } from '@vertexvis/geometry';\nimport { Color } from '@vertexvis/utils';\n\nimport {\n  Pin,\n  PinModel,\n  PinStyleAttributes,\n  ViewerPinToolMode,\n  ViewerPinToolType,\n} from './model';\n\nexport interface Draggable {\n  id: string;\n  lastPoint?: Point.Point;\n}\n\n/**\n * The `PinController` is responsible for adding pin entities to the viewer canvas\n */\nexport class PinController {\n  private draggable?: Draggable;\n\n  public constructor(\n    private model: PinModel,\n    private mode: ViewerPinToolMode = 'view',\n    private type: ViewerPinToolType = 'pin-icon',\n    private styleAttributes: PinStyleAttributes | undefined = undefined\n  ) {}\n\n  /**\n   * Registers an entity to place on the canvas and places the pin on the associated part.\n   *\n   * @param pin The pin entity\n   * @returns A void promise\n   */\n  public addPin(pin: Pin): void {\n    this.model.addPin(pin);\n  }\n\n  /**\n   * Clears all entities and returns a promise that resolves with an empty list\n   * of pin results.\n   */\n  public clearPins(): void {\n    this.model.clearPins();\n  }\n\n  /**\n   * Deregisters an entity and performs a pin if this entity was\n   * removed.\n   *\n   * @param entity The entity to remove.\n   * @returns A promise that resolves with the results after removing this\n   * entity.\n   */\n  public removePin(pin: Pin): void {\n    this.model.removePin(pin);\n  }\n\n  /**\n   * Registers a set of entities and adds a pin\n   *\n   * @param entities The pin entities to draw.\n   * @returns A promise that resolves with the results after registering these\n   * entities.\n   */\n  public setPins(pins: Set<Pin>): void {\n    this.model.setPins(pins);\n  }\n\n  /**\n   * Sets the set of entities to be placed with the model.\n   *\n   * @param pin A pin to set\n   * @returns `true` if the entity has been added.\n   */\n  public setPin(pin: Pin): void {\n    this.model.setPin(pin);\n  }\n\n  /**\n   * Updates an existing pin\n   * @param pin A pin to set\n   * @returns `true` if the entity has been updated, false otherwise\n   */\n  public updatePin(pin: Pin): void {\n    this.model.updatePin(pin);\n  }\n\n  /**\n   * Tells the controller which pin is selected in the model\n   * @param pinId\n   */\n  public setSelectedPinId(pinId?: string): void {\n    this.model.setSelectedPin(pinId);\n  }\n\n  public getToolMode(): ViewerPinToolMode {\n    return this.mode;\n  }\n\n  public getToolType(): ViewerPinToolType {\n    return this.type;\n  }\n\n  public setToolMode(mode: ViewerPinToolMode): void {\n    this.mode = mode;\n  }\n\n  public setToolType(type: ViewerPinToolType): void {\n    this.type = type;\n  }\n\n  public getDraggable(): Draggable | undefined {\n    return this.draggable;\n  }\n\n  public setDraggable(draggable: Draggable | undefined): void {\n    this.draggable = draggable;\n  }\n\n  public setPrimaryColor(color?: Color.Color | string): void {\n    this.styleAttributes = {\n      ...this.styleAttributes,\n      primaryColor: color,\n    };\n  }\n\n  public setAccentColor(color?: Color.Color | string): void {\n    this.styleAttributes = {\n      ...this.styleAttributes,\n      accentColor: color,\n    };\n  }\n\n  public getStyleAttributes(): PinStyleAttributes | undefined {\n    return this.styleAttributes;\n  }\n\n  public updateDraggable(\n    draggable: Draggable,\n    worldPosition: Vector3.Vector3,\n    partId?: string\n  ): void {\n    if (this.draggable != null) {\n      this.draggable = draggable;\n    }\n    const pin = this.model.getPinById(draggable.id);\n    if (pin != null) {\n      this.updatePin({\n        ...pin,\n        worldPosition,\n        partId,\n      });\n    }\n  }\n}\n","import { Dimensions, Point } from '@vertexvis/geometry';\nimport { Range } from '@vertexvis/utils';\n\nexport function constrainRelativePoint(\n  pt: Point.Point,\n  range: Range.Range\n): Point.Point {\n  const constrainedX = Math.max(range.start, Math.min(range.end, pt.x));\n  const constrainedY = Math.max(range.start, Math.min(range.end, pt.y));\n\n  return Point.create(constrainedX, constrainedY);\n}\n\n/**\n * Translates a point in relative units to a point in screen units.\n */\nexport function translatePointToScreen(\n  pt: Point.Point,\n  canvasDimensions: Dimensions.Dimensions\n): Point.Point {\n  return Point.add(\n    Point.scale(pt, canvasDimensions.width, canvasDimensions.height),\n    Dimensions.center(canvasDimensions)\n  );\n}\n\n/**\n * Translates a point in screen units to a point in relative units.\n */\nexport function translatePointToRelative(\n  pt: Point.Point,\n  canvasDimensions: Dimensions.Dimensions,\n  includeOffset?: boolean,\n  xOffset?: number,\n  yOffset?: number\n): Point.Point {\n  const verticalScaleFactor = 1 / canvasDimensions.height;\n  const horizontalScaleFactor = 1 / canvasDimensions.width;\n  const canvasCenterPoint = Dimensions.center(canvasDimensions);\n\n  const point = Point.scale(\n    Point.subtract(pt, canvasCenterPoint),\n    horizontalScaleFactor,\n    verticalScaleFactor\n  );\n\n  if (includeOffset) {\n    const offset = Point.scale(\n      Point.create(xOffset, yOffset),\n      horizontalScaleFactor,\n      verticalScaleFactor\n    );\n\n    // We want to place the label towards the center of the screen.\n    // The given point corresponds to the upper left corner of the label, so increase the offset\n    // when placing it to the left or above to ensure that part of the label line is visible\n    const centerIsToTheRightInXDirection = canvasCenterPoint.x > pt.x;\n    const xOffsetCalculated = centerIsToTheRightInXDirection\n      ? offset.x\n      : -3 * offset.x;\n\n    const centerIsBelowInYDirection = canvasCenterPoint.y > pt.y;\n    const yOffsetCalculated = centerIsBelowInYDirection\n      ? offset.y\n      : -3 * offset.y;\n\n    const offsetPoint = Point.add(\n      point,\n      Point.create(xOffsetCalculated, yOffsetCalculated)\n    );\n\n    return constrainRelativePoint(offsetPoint, Range.create(-0.5, 0.5));\n  } else {\n    return constrainRelativePoint(point, Range.create(-0.5, 0.5));\n  }\n}\n","export function getComputedStyle(el: HTMLElement): CSSStyleDeclaration {\n  return window.getComputedStyle(el);\n}\n",":host {\n  /**\n   * @prop --viewer-annotations-pin-label-background-color: A CSS color that\n   * specifies the color of the label background\n   */\n  --viewer-annotations-pin-label-background-color: var(--viewer-annotations-pin-accent-color);\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-color: A CSS color that\n   * specifies the color of the label's border\n   */\n  --viewer-annotations-pin-label-border-color: var(--viewer-annotations-pin-primary-color);\n\n  /**\n   * @prop --viewer-annotations-pin-label-focused-border-color: A CSS color that\n   * specifies the color of the label's border when focused. \n   */\n   --viewer-annotations-pin-label-focused-border-color: var(--viewer-annotations-pin-primary-color);\n\n  /**\n   * @prop --viewer-annotations-pin-label-color: A CSS color that\n   * specifies the color of the label \n   */\n  --viewer-annotations-pin-label-color: var(--white);\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-y: A var that\n   * specifies the vertical padding of the label\n   */\n  --viewer-annotations-pin-label-padding-y: 0.375em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-x: A var that\n   * specifies the horizontal padding of the label\n   */\n  --viewer-annotations-pin-label-padding-x:  0.5em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-width: A CSS length that\n   * specifies the width of the border on this label. Defaults to `2px`.\n   */\n  --viewer-annotations-pin-label-border-width: 2px;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-style: A CSS variable that\n   * specifies the style of border on this label. Defaults to `solid`.\n   */\n  --viewer-annotations-pin-label-border-style: solid;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-radius: A var that\n   * specifies the border radius of the label\n   */\n  --viewer-annotations-pin-label-border-radius: 0.25em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-min-width: A CSS length that\n   * specifies the minimum width of the label. Defaults to `2rem`.\n   */\n  --viewer-annotations-pin-label-min-width: 2rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-width: A CSS length that\n   * specifies the maximum width of the label. Defaults to `25rem`.\n   */\n  --viewer-annotations-pin-label-max-width: 25rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-height: A CSS length that\n   * specifies the maximum height of the label. Defaults to `50rem`.\n   */\n   --viewer-annotations-pin-label-max-height: 50rem;\n\n  overflow: hidden;\n  pointer-events: none;\n}\n\n:host([mode='']) .pin-label {\n  color: var(--viewer-annotations-pin-label-color);\n  background: var(--viewer-annotations-pin-label-background-color);\n}\n\n.pin-label-text {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.pin-label-input-wrapper {\n  display: flex;\n  position: absolute;\n  pointer-events: auto;\n  box-sizing: border-box;\n  min-width: var(--viewer-annotations-pin-label-min-width);\n  max-width: var(--viewer-annotations-pin-label-max-width);\n  max-height: var(--viewer-annotations-pin-label-max-height);\n  background: var(--viewer-annotations-pin-label-background-color);\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  border-radius: var(--viewer-annotations-pin-label-border-radius);\n}\n\n.pin-label-input-wrapper.focused {\n  min-width: var(--viewer-annotations-pin-label-max-width);\n  border-color: var(--viewer-annotations-pin-label-focused-border-color);\n}\n\n.pin-input-drag-target {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.pin-label-input {\n  resize: none;\n  position: relative;\n  outline: none;\n  border: none;\n  word-break: break-word;\n  padding: 0 0 0 0;\n  background-color: transparent;\n  margin: var(--viewer-annotations-pin-label-padding-y) var(--viewer-annotations-pin-label-padding-x);\n  width: var(--viewer-annotations-pin-label-min-width);\n  flex-grow: 1;\n  overflow: hidden;\n  max-width: calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)));\n}\n\n.pin-label-input.readonly {\n  pointer-events: auto;\n  color: black;\n  cursor: pointer;\n}\n\n.pin-label-hidden {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: auto;\n  height: auto;\n  box-sizing: border-box;\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  margin: var(--viewer-annotations-pin-label-padding-y) 0;\n  padding: 0 var(--viewer-annotations-pin-label-padding-x);\n  max-width: calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)));\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  h,\n  Host,\n  JSX,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\nimport classNames from 'classnames';\n\nimport { getMouseClientPosition } from '../../lib/dom';\nimport { PinController } from '../../lib/pins/controller';\nimport {\n  getPinColors,\n  isTextPin,\n  PinModel,\n  TextPin,\n} from '../../lib/pins/model';\nimport { readDOM } from '../../lib/stencil';\nimport {\n  translatePointToRelative,\n  translatePointToScreen,\n} from '../viewer-pin-tool/utils';\nimport { getComputedStyle } from './utils';\n\n@Component({\n  tag: 'vertex-viewer-pin-label',\n  styleUrl: 'viewer-pin-label.css',\n  shadow: false,\n})\nexport class VertexPinLabel {\n  /**\n   * The pin to draw for the group\n   */\n  @Prop()\n  public pin?: TextPin;\n\n  /**\n   * The dimensions of the canvas for the pins\n   */\n  @Prop()\n  public elementBounds?: DOMRect;\n\n  /**\n   * The current text value of the component. Value is updated on user\n   * interaction.\n   */\n  @Prop({ mutable: true })\n  public value = '';\n\n  /**\n   * The controller that drives behavior for pin operations\n   */\n  @Prop({ mutable: true })\n  public pinController?: PinController;\n\n  /**\n   * @internal\n   */\n  @Event({ bubbles: true })\n  public labelChanged!: EventEmitter<void>;\n\n  /**\n   * Emitted whenever the label is focused, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelFocused!: EventEmitter<string | undefined>;\n\n  /**\n   * Emitted whenever the label is blurred, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelBlurred!: EventEmitter<string | undefined>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  @State()\n  private focused = false;\n\n  @State()\n  private computedScreenPosition?: Point.Point;\n\n  @State()\n  private textareaRows = 1;\n\n  @State()\n  private contentElBounds?: DOMRect;\n\n  private relativePointerDownPosition?: Point.Point;\n  private pinPointerDownPosition?: Point.Point;\n\n  private inputEl?: HTMLTextAreaElement;\n  private contentEl?: HTMLDivElement;\n\n  private resizeObserver?: ResizeObserver;\n  private contentResizeObserver?: ResizeObserver;\n\n  /**\n   * Gives focus to the component's internal text input.\n   */\n  @Method()\n  public async setFocus(): Promise<void> {\n    // HTMLInputElement.focus() doesn't exist in tests.\n    if (typeof this.inputEl?.focus === 'function') {\n      this.focused = true;\n      this.labelFocused.emit(this.pin?.id);\n      this.inputEl?.focus();\n    }\n  }\n\n  /**\n   * @internal\n   * submits the current text, unfocuses the input and emits the blur event to consumers\n   */\n  @Method()\n  public async submit(): Promise<void> {\n    this.focused = false;\n    this.labelBlurred.emit(this.pin?.id);\n    if (this.pin != null) {\n      this.pinController?.updatePin({\n        ...this.pin,\n        label: {\n          point: this.pin.label.point,\n          text: this.value,\n        },\n      });\n    }\n  }\n\n  @Watch('focused')\n  protected watchFocusChange(): void {\n    this.labelChanged.emit();\n\n    if (this.focused) {\n      this.pinController?.setSelectedPinId(this.pin?.id);\n    }\n  }\n\n  @Watch('pin')\n  protected watchPinChange(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n  }\n\n  @Watch('elementBounds')\n  protected watchElementBoundsChange(): void {\n    this.computeScreenPosition();\n  }\n\n  protected componentWillLoad(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n\n    if (this.pinController == null) {\n      this.pinController = new PinController(new PinModel());\n    }\n  }\n\n  protected componentDidLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.labelChanged.emit();\n    });\n\n    this.contentResizeObserver = new ResizeObserver(this.computeContentSize);\n\n    if (this.hostEl != null) {\n      this.resizeObserver.observe(this.hostEl);\n    }\n\n    if (this.contentEl != null) {\n      this.contentResizeObserver.observe(this.contentEl);\n    }\n  }\n\n  protected disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.contentResizeObserver?.disconnect();\n  }\n\n  protected componentDidRender(): void {\n    if (this.focused && this.inputEl != null) {\n      this.setFocus();\n    }\n  }\n\n  protected render(): JSX.Element {\n    const { primaryColor, accentColor } = getPinColors(this.pin);\n    return (\n      <Host>\n        <div\n          class={classNames('pin-label-input-wrapper', {\n            focused: this.focused,\n          })}\n          onPointerDown={this.handlePointerDown}\n          style={{\n            top: `${this.computedScreenPosition?.y.toString() || 0}px`,\n            left: `${this.computedScreenPosition?.x.toString() || 0}px`,\n            minWidth: this.computeMinWidth(),\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n            borderColor: primaryColor,\n            background: accentColor,\n          }}\n        >\n          <textarea\n            id={`pin-label-input-${this.pin?.id}`}\n            class={classNames('pin-label-input', 'pin-label-text', {\n              ['readonly']: !this.focused,\n            })}\n            disabled={!this.focused}\n            ref={(ref) => (this.inputEl = ref)}\n            value={this.value}\n            rows={this.textareaRows}\n            onKeyDown={this.handleInputKeyDown}\n            onInput={this.handleTextInput}\n            onBlur={this.handleTextBlur}\n          />\n          {/* This corrects for a behavior in Firefox where setting the `disabled` attribute to true */}\n          {/* prevents any events from propagating. */}\n          {!this.focused && (\n            <div\n              class=\"pin-input-drag-target\"\n              onPointerDown={this.handlePointerDown}\n            />\n          )}\n        </div>\n        <div\n          ref={(el) => (this.contentEl = el)}\n          class={classNames('pin-label-text', 'pin-label-hidden')}\n          style={{\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n          }}\n        >\n          {this.hiddenContent()}\n        </div>\n      </Host>\n    );\n  }\n\n  private hiddenContent(): Array<string | HTMLBRElement> {\n    // This corrects some inconsistencies in how a newline character\n    // is represented in a div. Leveraging `<br>`s results in a more\n    // consistent representation of the newlines in a textarea.\n    return this.value.includes('\\n')\n      ? this.value\n          .split('\\n')\n          .reduce(\n            (res, str) => [...res, str, <br />],\n            [] as Array<string | HTMLBRElement>\n          )\n      : [this.value];\n  }\n\n  private computeMinWidth(): string {\n    if (this.contentElBounds != null) {\n      const expected = `${this.contentElBounds.width + 8}px`;\n\n      return `min(${expected}, ${this.computeMaxWidth()})`;\n    } else {\n      return `var(--viewer-annotations-pin-label-min-width)`;\n    }\n  }\n\n  private computeMaxWidth(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-width)`;\n\n    return `min(${expected}, ${this.computeRemainingWidth()})`;\n  }\n\n  private computeMaxHeight(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-height)`;\n\n    return `min(${expected}, ${this.computeRemainingHeight()})`;\n  }\n\n  private computeRemainingWidth(): string {\n    return `calc(${this.elementBounds?.width.toString() || 0}px - ${\n      this.computedScreenPosition?.x.toString() || 0\n    }px)`;\n  }\n\n  private computeRemainingHeight(): string {\n    return `calc(${this.elementBounds?.height.toString() || 0}px - ${\n      this.computedScreenPosition?.y.toString() || 0\n    }px)`;\n  }\n\n  private computeScreenPosition(): void {\n    this.computedScreenPosition =\n      isTextPin(this.pin) &&\n      this.elementBounds != null &&\n      this.pin.label.point != null\n        ? translatePointToScreen(this.pin.label.point, this.elementBounds)\n        : undefined;\n  }\n\n  private computeContentSize = (): void => {\n    readDOM(() => {\n      if (this.contentEl != null) {\n        this.contentElBounds = this.contentEl.getBoundingClientRect();\n        const computedStyles = getComputedStyle(this.contentEl);\n        this.textareaRows = Math.max(\n          1,\n          Math.ceil(\n            (parseFloat(computedStyles.getPropertyValue('height')) -\n              parseFloat(computedStyles.getPropertyValue('borderWidth')) * 2) /\n              parseFloat(computedStyles.getPropertyValue('lineHeight'))\n          )\n        );\n      }\n    });\n  };\n\n  private handleInputKeyDown = (event: KeyboardEvent): void => {\n    event.stopPropagation();\n    if (\n      event.key === 'Enter' &&\n      (event.ctrlKey || event.metaKey || event.shiftKey)\n    ) {\n      this.textareaRows += 1;\n      this.value += '\\n';\n    } else if (event.key === 'Enter') {\n      event.preventDefault();\n      this.submit();\n    }\n  };\n\n  private handlePointerDown = (event: PointerEvent): void => {\n    if (!this.focused) {\n      if (this.elementBounds != null) {\n        if (event.buttons !== 2) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        this.relativePointerDownPosition = translatePointToRelative(\n          getMouseClientPosition(event, this.elementBounds),\n          this.elementBounds\n        );\n        this.pinPointerDownPosition = this.pin?.label.point;\n\n        window.addEventListener('pointermove', this.handlePointerMove);\n        window.addEventListener('pointerup', this.handlePointerUp);\n      }\n    }\n  };\n\n  private handlePointerMove = (event: PointerEvent): void => {\n    if (\n      this.elementBounds != null &&\n      this.relativePointerDownPosition &&\n      this.pinPointerDownPosition != null\n    ) {\n      // Prevent selection of any text while interacting with the label\n      event.preventDefault();\n      event.stopPropagation();\n\n      const point = getMouseClientPosition(event, this.elementBounds);\n      const relative = translatePointToRelative(point, this.elementBounds);\n\n      const relativeDelta = Point.subtract(\n        relative,\n        this.relativePointerDownPosition\n      );\n\n      const myUpdatedPin =\n        this.pin != null\n          ? {\n              ...this.pin,\n              label: {\n                ...this.pin.label,\n                point: Point.add(this.pinPointerDownPosition, relativeDelta),\n              },\n            }\n          : undefined;\n\n      if (myUpdatedPin) {\n        this.pinController?.updatePin(myUpdatedPin);\n        this.computeScreenPosition();\n      }\n    }\n  };\n\n  private handlePointerUp = (event: PointerEvent): void => {\n    if (\n      this.pinController?.getToolMode() === 'edit' &&\n      this.relativePointerDownPosition != null &&\n      this.elementBounds != null\n    ) {\n      const pointerDownScreen = translatePointToScreen(\n        this.relativePointerDownPosition,\n        this.elementBounds\n      );\n      const distanceBetweenStartAndEndPoint = Point.distance(\n        pointerDownScreen,\n        getMouseClientPosition(event, this.elementBounds)\n      );\n\n      if (distanceBetweenStartAndEndPoint <= 2) {\n        this.focused = true;\n        this.labelFocused.emit(this.pin?.id);\n      }\n    }\n\n    this.relativePointerDownPosition = undefined;\n    this.pinPointerDownPosition = undefined;\n\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    window.removeEventListener('pointerup', this.handlePointerUp);\n  };\n\n  private handleTextBlur = (): void => {\n    this.submit();\n  };\n\n  private handleTextInput = (event: Event): void => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n  };\n}\n"],"mappings":";;;0TAmBaA,EAGX,WAAAC,CACUC,EACAC,EAA0B,OAC1BC,EAA0B,WAC1BC,EAAkDC,WAHlDC,KAAAL,QACAK,KAAAJ,OACAI,KAAAH,OACAG,KAAAF,iB,CASH,MAAAG,CAAOC,GACZF,KAAKL,MAAMM,OAAOC,E,CAOb,SAAAC,GACLH,KAAKL,MAAMQ,W,CAWN,SAAAC,CAAUF,GACfF,KAAKL,MAAMS,UAAUF,E,CAUhB,OAAAG,CAAQC,GACbN,KAAKL,MAAMU,QAAQC,E,CASd,MAAAC,CAAOL,GACZF,KAAKL,MAAMY,OAAOL,E,CAQb,SAAAM,CAAUN,GACfF,KAAKL,MAAMa,UAAUN,E,CAOhB,gBAAAO,CAAiBC,GACtBV,KAAKL,MAAMgB,eAAeD,E,CAGrB,WAAAE,GACL,OAAOZ,KAAKJ,I,CAGP,WAAAiB,GACL,OAAOb,KAAKH,I,CAGP,WAAAiB,CAAYlB,GACjBI,KAAKJ,KAAOA,C,CAGP,WAAAmB,CAAYlB,GACjBG,KAAKH,KAAOA,C,CAGP,YAAAmB,GACL,OAAOhB,KAAKiB,S,CAGP,YAAAC,CAAaD,GAClBjB,KAAKiB,UAAYA,C,CAGZ,eAAAE,CAAgBC,GACrBpB,KAAKF,gBAAkB,IAClBE,KAAKF,gBACRuB,aAAcD,E,CAIX,cAAAE,CAAeF,GACpBpB,KAAKF,gBAAkB,IAClBE,KAAKF,gBACRyB,YAAaH,E,CAIV,kBAAAI,GACL,OAAOxB,KAAKF,e,CAGP,eAAA2B,CACLR,EACAS,EACAC,GAEA,GAAI3B,KAAKiB,WAAa,KAAM,CAC1BjB,KAAKiB,UAAYA,C,CAEnB,MAAMf,EAAMF,KAAKL,MAAMiC,WAAWX,EAAUY,IAC5C,GAAI3B,GAAO,KAAM,CACfF,KAAKQ,UAAU,IACVN,EACHwB,gBACAC,U,GCrJF,SAAUG,EACdC,EACAC,GAEA,MAAMC,EAAeC,KAAKC,IAAIH,EAAMI,MAAOF,KAAKG,IAAIL,EAAMM,IAAKP,EAAGQ,IAClE,MAAMC,EAAeN,KAAKC,IAAIH,EAAMI,MAAOF,KAAKG,IAAIL,EAAMM,IAAKP,EAAGU,IAElE,OAAOC,EAAMC,OAAOV,EAAcO,EACpC,CAKM,SAAUI,EACdb,EACAc,GAEA,OAAOH,EAAMI,IACXJ,EAAMK,MAAMhB,EAAIc,EAAiBG,MAAOH,EAAiBI,QACzDC,EAAWC,OAAON,GAEtB,CAKM,SAAUO,EACdrB,EACAc,EACAQ,EACAC,EACAC,GAEA,MAAMC,EAAsB,EAAIX,EAAiBI,OACjD,MAAMQ,EAAwB,EAAIZ,EAAiBG,MACnD,MAAMU,EAAoBR,EAAWC,OAAON,GAE5C,MAAMc,EAAQjB,EAAMK,MAClBL,EAAMkB,SAAS7B,EAAI2B,GACnBD,EACAD,GAGF,GAAIH,EAAe,CACjB,MAAMQ,EAASnB,EAAMK,MACnBL,EAAMC,OAAOW,EAASC,GACtBE,EACAD,GAMF,MAAMM,EAAiCJ,EAAkBnB,EAAIR,EAAGQ,EAChE,MAAMwB,EAAoBD,EACtBD,EAAOtB,GACP,EAAKsB,EAAOtB,EAEhB,MAAMyB,EAA4BN,EAAkBjB,EAAIV,EAAGU,EAC3D,MAAMwB,EAAoBD,EACtBH,EAAOpB,GACP,EAAKoB,EAAOpB,EAEhB,MAAMyB,EAAcxB,EAAMI,IACxBa,EACAjB,EAAMC,OAAOoB,EAAmBE,IAGlC,OAAOnC,EAAuBoC,EAAaC,EAAMxB,QAAO,GAAM,I,KACzD,CACL,OAAOb,EAAuB6B,EAAOQ,EAAMxB,QAAO,GAAM,I,CAE5D,CC3EM,SAAUyB,EAAiBC,GAC/B,OAAOC,OAAOF,iBAAiBC,EACjC,CCFA,MAAME,EAAoB,IAAM,i2F,MCqCnBC,EAAcC,EAAA,MAAAD,UAAAE,EAL3B,WAAAhF,CAAAiF,G,uKAuBS3E,KAAA4E,MAAQ,GAgCP5E,KAAA6E,QAAU,MAMV7E,KAAA8E,aAAe,EAsNf9E,KAAA+E,mBAAqB,KAC3BC,GAAQ,KACN,GAAIhF,KAAKiF,WAAa,KAAM,CAC1BjF,KAAKkF,gBAAkBlF,KAAKiF,UAAUE,wBACtC,MAAMC,EAAiBhB,EAAiBpE,KAAKiF,WAC7CjF,KAAK8E,aAAe5C,KAAKC,IACvB,EACAD,KAAKmD,MACFC,WAAWF,EAAeG,iBAAiB,WAC1CD,WAAWF,EAAeG,iBAAiB,gBAAkB,GAC7DD,WAAWF,EAAeG,iBAAiB,gB,IAInD,EAGIvF,KAAAwF,mBAAsBC,IAC5BA,EAAMC,kBACN,GACED,EAAME,MAAQ,UACbF,EAAMG,SAAWH,EAAMI,SAAWJ,EAAMK,UACzC,CACA9F,KAAK8E,cAAgB,EACrB9E,KAAK4E,OAAS,I,MACT,GAAIa,EAAME,MAAQ,QAAS,CAChCF,EAAMM,iBACN/F,KAAKgG,Q,GAIDhG,KAAAiG,kBAAqBR,I,MAC3B,IAAKzF,KAAK6E,QAAS,CACjB,GAAI7E,KAAKkG,eAAiB,KAAM,CAC9B,GAAIT,EAAMU,UAAY,EAAG,CACvBV,EAAMM,iBACNN,EAAMC,iB,CAER1F,KAAKoG,4BAA8BhD,EACjCiD,EAAuBZ,EAAOzF,KAAKkG,eACnClG,KAAKkG,eAEPlG,KAAKsG,wBAAyBC,EAAAvG,KAAKE,OAAG,MAAAqG,SAAA,SAAAA,EAAEC,MAAM7C,MAE9CW,OAAOmC,iBAAiB,cAAezG,KAAK0G,mBAC5CpC,OAAOmC,iBAAiB,YAAazG,KAAK2G,gB,IAKxC3G,KAAA0G,kBAAqBjB,I,MAC3B,GACEzF,KAAKkG,eAAiB,MACtBlG,KAAKoG,6BACLpG,KAAKsG,wBAA0B,KAC/B,CAEAb,EAAMM,iBACNN,EAAMC,kBAEN,MAAM/B,EAAQ0C,EAAuBZ,EAAOzF,KAAKkG,eACjD,MAAMU,EAAWxD,EAAyBO,EAAO3D,KAAKkG,eAEtD,MAAMW,EAAgBnE,EAAMkB,SAC1BgD,EACA5G,KAAKoG,6BAGP,MAAMU,EACJ9G,KAAKE,KAAO,KACR,IACKF,KAAKE,IACRsG,MAAO,IACFxG,KAAKE,IAAIsG,MACZ7C,MAAOjB,EAAMI,IAAI9C,KAAKsG,uBAAwBO,KAGlD9G,UAEN,GAAI+G,EAAc,EAChBP,EAAAvG,KAAK+G,iBAAa,MAAAR,SAAA,SAAAA,EAAE/F,UAAUsG,GAC9B9G,KAAKgH,uB,IAKHhH,KAAA2G,gBAAmBlB,I,QACzB,KACEc,EAAAvG,KAAK+G,iBAAa,MAAAR,SAAA,SAAAA,EAAE3F,iBAAkB,QACtCZ,KAAKoG,6BAA+B,MACpCpG,KAAKkG,eAAiB,KACtB,CACA,MAAMe,EAAoBrE,EACxB5C,KAAKoG,4BACLpG,KAAKkG,eAEP,MAAMgB,EAAkCxE,EAAMyE,SAC5CF,EACAZ,EAAuBZ,EAAOzF,KAAKkG,gBAGrC,GAAIgB,GAAmC,EAAG,CACxClH,KAAK6E,QAAU,KACf7E,KAAKoH,aAAaC,MAAKC,EAAAtH,KAAKE,OAAG,MAAAoH,SAAA,SAAAA,EAAEzF,G,EAIrC7B,KAAKoG,4BAA8BrG,UACnCC,KAAKsG,uBAAyBvG,UAE9BuE,OAAOiD,oBAAoB,cAAevH,KAAK0G,mBAC/CpC,OAAOiD,oBAAoB,YAAavH,KAAK2G,gBAAgB,EAGvD3G,KAAAwH,eAAiB,KACvBxH,KAAKgG,QAAQ,EAGPhG,KAAAyH,gBAAmBhC,IACzB,MAAMiC,EAAQjC,EAAMkC,OACpB3H,KAAK4E,MAAQ8C,EAAM9C,KAAK,CAE3B,CA9TQ,cAAMgD,G,UAEX,WAAWrB,EAAAvG,KAAK6H,WAAO,MAAAtB,SAAA,SAAAA,EAAEuB,SAAU,WAAY,CAC7C9H,KAAK6E,QAAU,KACf7E,KAAKoH,aAAaC,MAAKC,EAAAtH,KAAKE,OAAG,MAAAoH,SAAA,SAAAA,EAAEzF,KACjCkG,EAAA/H,KAAK6H,WAAO,MAAAE,SAAA,SAAAA,EAAED,O,EASX,YAAM9B,G,QACXhG,KAAK6E,QAAU,MACf7E,KAAKgI,aAAaX,MAAKd,EAAAvG,KAAKE,OAAG,MAAAqG,SAAA,SAAAA,EAAE1E,IACjC,GAAI7B,KAAKE,KAAO,KAAM,EACpBoH,EAAAtH,KAAK+G,iBAAa,MAAAO,SAAA,SAAAA,EAAE9G,UAAU,IACzBR,KAAKE,IACRsG,MAAO,CACL7C,MAAO3D,KAAKE,IAAIsG,MAAM7C,MACtBsE,KAAMjI,KAAK4E,Q,EAOT,gBAAAsD,G,QACRlI,KAAKmI,aAAad,OAElB,GAAIrH,KAAK6E,QAAS,EAChB0B,EAAAvG,KAAK+G,iBAAa,MAAAR,SAAA,SAAAA,EAAE9F,kBAAiB6G,EAAAtH,KAAKE,OAAG,MAAAoH,SAAA,SAAAA,EAAEzF,G,EAKzC,cAAAuG,G,QACRpI,KAAK4E,OAAQ0C,GAAAf,EAAAvG,KAAKE,OAAG,MAAAqG,SAAA,SAAAA,EAAEC,MAAMyB,QAAI,MAAAX,SAAA,EAAAA,EAAI,GACrCtH,KAAKgH,uB,CAIG,wBAAAqB,GACRrI,KAAKgH,uB,CAGG,iBAAAsB,G,QACRtI,KAAK4E,OAAQ0C,GAAAf,EAAAvG,KAAKE,OAAG,MAAAqG,SAAA,SAAAA,EAAEC,MAAMyB,QAAI,MAAAX,SAAA,EAAAA,EAAI,GACrCtH,KAAKgH,wBAEL,GAAIhH,KAAK+G,eAAiB,KAAM,CAC9B/G,KAAK+G,cAAgB,IAAItH,EAAc,IAAI8I,E,EAIrC,gBAAAC,GACRxI,KAAKyI,eAAiB,IAAIC,gBAAe,KACvC1I,KAAKmI,aAAad,MAAM,IAG1BrH,KAAK2I,sBAAwB,IAAID,eAAe1I,KAAK+E,oBAErD,GAAI/E,KAAK4I,QAAU,KAAM,CACvB5I,KAAKyI,eAAeI,QAAQ7I,KAAK4I,O,CAGnC,GAAI5I,KAAKiF,WAAa,KAAM,CAC1BjF,KAAK2I,sBAAsBE,QAAQ7I,KAAKiF,U,EAIlC,oBAAA6D,G,SACRvC,EAAAvG,KAAKyI,kBAAc,MAAAlC,SAAA,SAAAA,EAAEwC,cACrBzB,EAAAtH,KAAK2I,yBAAqB,MAAArB,SAAA,SAAAA,EAAEyB,Y,CAGpB,kBAAAC,GACR,GAAIhJ,KAAK6E,SAAW7E,KAAK6H,SAAW,KAAM,CACxC7H,KAAK4H,U,EAIC,MAAAqB,G,UACR,MAAM5H,aAAEA,EAAYE,YAAEA,GAAgB2H,EAAalJ,KAAKE,KACxD,OACEiJ,EAACC,EAAI,CAAAzD,IAAA,4CACHwD,EAAA,OAAAxD,IAAA,2CACE0D,MAAOC,EAAW,0BAA2B,CAC3CzE,QAAS7E,KAAK6E,UAEhB0E,cAAevJ,KAAKiG,kBACpBuD,MAAO,CACLC,IAAK,KAAGlD,EAAAvG,KAAK0J,0BAAsB,MAAAnD,SAAA,SAAAA,EAAE9D,EAAEkH,aAAc,MACrDC,KAAM,KAAGtC,EAAAtH,KAAK0J,0BAAsB,MAAApC,SAAA,SAAAA,EAAE/E,EAAEoH,aAAc,MACtDE,SAAU7J,KAAK8J,kBACfC,SAAU/J,KAAKgK,kBACfC,UAAWjK,KAAKkK,mBAChBC,YAAa9I,EACb+I,WAAY7I,IAGd4H,EAAA,YAAAxD,IAAA,2CACE9D,GAAI,oBAAmBkG,EAAA/H,KAAKE,OAAG,MAAA6H,SAAA,SAAAA,EAAElG,KACjCwH,MAAOC,EAAW,kBAAmB,iBAAkB,CACrD,CAAC,aAActJ,KAAK6E,UAEtBwF,UAAWrK,KAAK6E,QAChByF,IAAMA,GAAStK,KAAK6H,QAAUyC,EAC9B1F,MAAO5E,KAAK4E,MACZ2F,KAAMvK,KAAK8E,aACX0F,UAAWxK,KAAKwF,mBAChBiF,QAASzK,KAAKyH,gBACdiD,OAAQ1K,KAAKwH,kBAIbxH,KAAK6E,SACLsE,EAAA,OAAAxD,IAAA,2CACE0D,MAAM,wBACNE,cAAevJ,KAAKiG,qBAI1BkD,EAAA,OAAAxD,IAAA,2CACE2E,IAAMjG,GAAQrE,KAAKiF,UAAYZ,EAC/BgF,MAAOC,EAAW,iBAAkB,oBACpCE,MAAO,CACLO,SAAU/J,KAAKgK,kBACfC,UAAWjK,KAAKkK,qBAGjBlK,KAAK2K,iB,CAMN,aAAAA,GAIN,OAAO3K,KAAK4E,MAAMgG,SAAS,MACvB5K,KAAK4E,MACFiG,MAAM,MACNC,QACC,CAACC,EAAKC,IAAQ,IAAID,EAAKC,EAAK7B,EAAA,aAC5B,IAEJ,CAACnJ,KAAK4E,M,CAGJ,eAAAkF,GACN,GAAI9J,KAAKkF,iBAAmB,KAAM,CAChC,MAAM+F,EAAW,GAAGjL,KAAKkF,gBAAgBlC,MAAQ,MAEjD,MAAO,OAAOiI,MAAajL,KAAKgK,oB,KAC3B,CACL,MAAO,+C,EAIH,eAAAA,GACN,MAAMiB,EAAW,gDAEjB,MAAO,OAAOA,MAAajL,KAAKkL,0B,CAG1B,gBAAAhB,GACN,MAAMe,EAAW,iDAEjB,MAAO,OAAOA,MAAajL,KAAKmL,2B,CAG1B,qBAAAD,G,QACN,MAAO,UAAQ3E,EAAAvG,KAAKkG,iBAAa,MAAAK,SAAA,SAAAA,EAAEvD,MAAM2G,aAAc,WACrDrC,EAAAtH,KAAK0J,0BAAsB,MAAApC,SAAA,SAAAA,EAAE/E,EAAEoH,aAAc,M,CAIzC,sBAAAwB,G,QACN,MAAO,UAAQ5E,EAAAvG,KAAKkG,iBAAa,MAAAK,SAAA,SAAAA,EAAEtD,OAAO0G,aAAc,WACtDrC,EAAAtH,KAAK0J,0BAAsB,MAAApC,SAAA,SAAAA,EAAE7E,EAAEkH,aAAc,M,CAIzC,qBAAA3C,GACNhH,KAAK0J,uBACH0B,EAAUpL,KAAKE,MACfF,KAAKkG,eAAiB,MACtBlG,KAAKE,IAAIsG,MAAM7C,OAAS,KACpBf,EAAuB5C,KAAKE,IAAIsG,MAAM7C,MAAO3D,KAAKkG,eAClDnG,S","ignoreList":[]}
+{"version":3,"names":["PinController","constructor","model","mode","type","styleAttributes","undefined","this","addPin","pin","clearPins","removePin","setPins","pins","setPin","updatePin","setSelectedPinId","pinId","setSelectedPin","getToolMode","getToolType","setToolMode","setToolType","getDraggable","draggable","setDraggable","setPrimaryColor","color","primaryColor","setAccentColor","accentColor","getStyleAttributes","updateDraggable","worldPosition","partId","getPinById","id","constrainRelativePoint","pt","range","constrainedX","Math","max","start","min","end","x","constrainedY","y","Point","create","translatePointToScreen","canvasDimensions","add","scale","width","height","Dimensions","center","translatePointToRelative","includeOffset","xOffset","yOffset","verticalScaleFactor","horizontalScaleFactor","canvasCenterPoint","point","subtract","offset","centerIsToTheRightInXDirection","xOffsetCalculated","centerIsBelowInYDirection","yOffsetCalculated","offsetPoint","Range","getComputedStyle","el","window","viewerPinLabelCss","VertexPinLabel","__stencil_proxyCustomElement","HTMLElement","registerHost","value","focused","textareaRows","computeContentSize","readDOM","contentEl","contentElBounds","getBoundingClientRect","computedStyles","ceil","parseFloat","getPropertyValue","handleInputKeyDown","event","stopPropagation","key","ctrlKey","metaKey","shiftKey","preventDefault","submit","handlePointerDown","elementBounds","buttons","relativePointerDownPosition","getMouseClientPosition","pinPointerDownPosition","_a","label","addEventListener","handlePointerMove","handlePointerUp","relative","relativeDelta","myUpdatedPin","pinController","computeScreenPosition","pointerDownScreen","distanceBetweenStartAndEndPoint","distance","labelFocused","emit","_b","removeEventListener","handleTextBlur","handleTextInput","input","target","setFocus","inputEl","focus","_c","labelBlurred","text","watchFocusChange","labelChanged","watchPinChange","watchElementBoundsChange","componentWillLoad","PinModel","componentDidLoad","resizeObserver","ResizeObserver","contentResizeObserver","hostEl","observe","disconnectedCallback","disconnect","componentDidRender","render","getPinColors","h","Host","class","classNames","onPointerDown","style","top","computedScreenPosition","toString","left","minWidth","computeMinWidth","maxWidth","computeMaxWidth","maxHeight","computeMaxHeight","borderColor","background","disabled","ref","rows","onKeyDown","onInput","onBlur","hiddenContent","includes","split","reduce","res","str","expected","computeRemainingWidth","computeRemainingHeight","isTextPin"],"sources":["src/lib/pins/controller.ts","src/components/viewer-pin-tool/utils.ts","src/components/viewer-pin-label/utils.ts","src/components/viewer-pin-label/viewer-pin-label.css?tag=vertex-viewer-pin-label","src/components/viewer-pin-label/viewer-pin-label.tsx"],"sourcesContent":["import { Point, Vector3 } from '@vertexvis/geometry';\nimport { Color } from '@vertexvis/utils';\n\nimport {\n  Pin,\n  PinModel,\n  PinStyleAttributes,\n  ViewerPinToolMode,\n  ViewerPinToolType,\n} from './model';\n\nexport interface Draggable {\n  id: string;\n  lastPoint?: Point.Point;\n}\n\n/**\n * The `PinController` is responsible for adding pin entities to the viewer canvas\n */\nexport class PinController {\n  private draggable?: Draggable;\n\n  public constructor(\n    private model: PinModel,\n    private mode: ViewerPinToolMode = 'view',\n    private type: ViewerPinToolType = 'pin-icon',\n    private styleAttributes: PinStyleAttributes | undefined = undefined,\n  ) {}\n\n  /**\n   * Registers an entity to place on the canvas and places the pin on the associated part.\n   *\n   * @param pin The pin entity\n   * @returns A void promise\n   */\n  public addPin(pin: Pin): void {\n    this.model.addPin(pin);\n  }\n\n  /**\n   * Clears all entities and returns a promise that resolves with an empty list\n   * of pin results.\n   */\n  public clearPins(): void {\n    this.model.clearPins();\n  }\n\n  /**\n   * Deregisters an entity and performs a pin if this entity was\n   * removed.\n   *\n   * @param entity The entity to remove.\n   * @returns A promise that resolves with the results after removing this\n   * entity.\n   */\n  public removePin(pin: Pin): void {\n    this.model.removePin(pin);\n  }\n\n  /**\n   * Registers a set of entities and adds a pin\n   *\n   * @param entities The pin entities to draw.\n   * @returns A promise that resolves with the results after registering these\n   * entities.\n   */\n  public setPins(pins: Set<Pin>): void {\n    this.model.setPins(pins);\n  }\n\n  /**\n   * Sets the set of entities to be placed with the model.\n   *\n   * @param pin A pin to set\n   * @returns `true` if the entity has been added.\n   */\n  public setPin(pin: Pin): void {\n    this.model.setPin(pin);\n  }\n\n  /**\n   * Updates an existing pin\n   * @param pin A pin to set\n   * @returns `true` if the entity has been updated, false otherwise\n   */\n  public updatePin(pin: Pin): void {\n    this.model.updatePin(pin);\n  }\n\n  /**\n   * Tells the controller which pin is selected in the model\n   * @param pinId\n   */\n  public setSelectedPinId(pinId?: string): void {\n    this.model.setSelectedPin(pinId);\n  }\n\n  public getToolMode(): ViewerPinToolMode {\n    return this.mode;\n  }\n\n  public getToolType(): ViewerPinToolType {\n    return this.type;\n  }\n\n  public setToolMode(mode: ViewerPinToolMode): void {\n    this.mode = mode;\n  }\n\n  public setToolType(type: ViewerPinToolType): void {\n    this.type = type;\n  }\n\n  public getDraggable(): Draggable | undefined {\n    return this.draggable;\n  }\n\n  public setDraggable(draggable: Draggable | undefined): void {\n    this.draggable = draggable;\n  }\n\n  public setPrimaryColor(color?: Color.Color | string): void {\n    this.styleAttributes = {\n      ...this.styleAttributes,\n      primaryColor: color,\n    };\n  }\n\n  public setAccentColor(color?: Color.Color | string): void {\n    this.styleAttributes = {\n      ...this.styleAttributes,\n      accentColor: color,\n    };\n  }\n\n  public getStyleAttributes(): PinStyleAttributes | undefined {\n    return this.styleAttributes;\n  }\n\n  public updateDraggable(\n    draggable: Draggable,\n    worldPosition: Vector3.Vector3,\n    partId?: string,\n  ): void {\n    if (this.draggable != null) {\n      this.draggable = draggable;\n    }\n    const pin = this.model.getPinById(draggable.id);\n    if (pin != null) {\n      this.updatePin({\n        ...pin,\n        worldPosition,\n        partId,\n      });\n    }\n  }\n}\n","import { Dimensions, Point } from '@vertexvis/geometry';\nimport { Range } from '@vertexvis/utils';\n\nexport function constrainRelativePoint(\n  pt: Point.Point,\n  range: Range.Range,\n): Point.Point {\n  const constrainedX = Math.max(range.start, Math.min(range.end, pt.x));\n  const constrainedY = Math.max(range.start, Math.min(range.end, pt.y));\n\n  return Point.create(constrainedX, constrainedY);\n}\n\n/**\n * Translates a point in relative units to a point in screen units.\n */\nexport function translatePointToScreen(\n  pt: Point.Point,\n  canvasDimensions: Dimensions.Dimensions,\n): Point.Point {\n  return Point.add(\n    Point.scale(pt, canvasDimensions.width, canvasDimensions.height),\n    Dimensions.center(canvasDimensions),\n  );\n}\n\n/**\n * Translates a point in screen units to a point in relative units.\n */\nexport function translatePointToRelative(\n  pt: Point.Point,\n  canvasDimensions: Dimensions.Dimensions,\n  includeOffset?: boolean,\n  xOffset?: number,\n  yOffset?: number,\n): Point.Point {\n  const verticalScaleFactor = 1 / canvasDimensions.height;\n  const horizontalScaleFactor = 1 / canvasDimensions.width;\n  const canvasCenterPoint = Dimensions.center(canvasDimensions);\n\n  const point = Point.scale(\n    Point.subtract(pt, canvasCenterPoint),\n    horizontalScaleFactor,\n    verticalScaleFactor,\n  );\n\n  if (includeOffset) {\n    const offset = Point.scale(\n      Point.create(xOffset, yOffset),\n      horizontalScaleFactor,\n      verticalScaleFactor,\n    );\n\n    // We want to place the label towards the center of the screen.\n    // The given point corresponds to the upper left corner of the label, so increase the offset\n    // when placing it to the left or above to ensure that part of the label line is visible\n    const centerIsToTheRightInXDirection = canvasCenterPoint.x > pt.x;\n    const xOffsetCalculated = centerIsToTheRightInXDirection\n      ? offset.x\n      : -3 * offset.x;\n\n    const centerIsBelowInYDirection = canvasCenterPoint.y > pt.y;\n    const yOffsetCalculated = centerIsBelowInYDirection\n      ? offset.y\n      : -3 * offset.y;\n\n    const offsetPoint = Point.add(\n      point,\n      Point.create(xOffsetCalculated, yOffsetCalculated),\n    );\n\n    return constrainRelativePoint(offsetPoint, Range.create(-0.5, 0.5));\n  } else {\n    return constrainRelativePoint(point, Range.create(-0.5, 0.5));\n  }\n}\n","export function getComputedStyle(el: HTMLElement): CSSStyleDeclaration {\n  return window.getComputedStyle(el);\n}\n",":host {\n  /**\n   * @prop --viewer-annotations-pin-label-background-color: A CSS color that\n   * specifies the color of the label background\n   */\n  --viewer-annotations-pin-label-background-color: var(--viewer-annotations-pin-accent-color);\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-color: A CSS color that\n   * specifies the color of the label's border\n   */\n  --viewer-annotations-pin-label-border-color: var(--viewer-annotations-pin-primary-color);\n\n  /**\n   * @prop --viewer-annotations-pin-label-focused-border-color: A CSS color that\n   * specifies the color of the label's border when focused. \n   */\n   --viewer-annotations-pin-label-focused-border-color: var(--viewer-annotations-pin-primary-color);\n\n  /**\n   * @prop --viewer-annotations-pin-label-color: A CSS color that\n   * specifies the color of the label \n   */\n  --viewer-annotations-pin-label-color: var(--white);\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-y: A var that\n   * specifies the vertical padding of the label\n   */\n  --viewer-annotations-pin-label-padding-y: 0.375em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-padding-x: A var that\n   * specifies the horizontal padding of the label\n   */\n  --viewer-annotations-pin-label-padding-x:  0.5em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-width: A CSS length that\n   * specifies the width of the border on this label. Defaults to `2px`.\n   */\n  --viewer-annotations-pin-label-border-width: 2px;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-style: A CSS variable that\n   * specifies the style of border on this label. Defaults to `solid`.\n   */\n  --viewer-annotations-pin-label-border-style: solid;\n\n  /**\n   * @prop --viewer-annotations-pin-label-border-radius: A var that\n   * specifies the border radius of the label\n   */\n  --viewer-annotations-pin-label-border-radius: 0.25em;\n\n  /**\n   * @prop --viewer-annotations-pin-label-min-width: A CSS length that\n   * specifies the minimum width of the label. Defaults to `2rem`.\n   */\n  --viewer-annotations-pin-label-min-width: 2rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-width: A CSS length that\n   * specifies the maximum width of the label. Defaults to `25rem`.\n   */\n  --viewer-annotations-pin-label-max-width: 25rem;\n\n  /**\n   * @prop --viewer-annotations-pin-label-max-height: A CSS length that\n   * specifies the maximum height of the label. Defaults to `50rem`.\n   */\n   --viewer-annotations-pin-label-max-height: 50rem;\n\n  overflow: hidden;\n  pointer-events: none;\n}\n\n:host([mode='']) .pin-label {\n  color: var(--viewer-annotations-pin-label-color);\n  background: var(--viewer-annotations-pin-label-background-color);\n}\n\n.pin-label-text {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  word-break: break-word;\n  white-space: pre-wrap;\n}\n\n.pin-label-input-wrapper {\n  display: flex;\n  position: absolute;\n  pointer-events: auto;\n  box-sizing: border-box;\n  min-width: var(--viewer-annotations-pin-label-min-width);\n  max-width: var(--viewer-annotations-pin-label-max-width);\n  max-height: var(--viewer-annotations-pin-label-max-height);\n  background: var(--viewer-annotations-pin-label-background-color);\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  border-radius: var(--viewer-annotations-pin-label-border-radius);\n}\n\n.pin-label-input-wrapper.focused {\n  min-width: var(--viewer-annotations-pin-label-max-width);\n  border-color: var(--viewer-annotations-pin-label-focused-border-color);\n}\n\n.pin-input-drag-target {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.pin-label-input {\n  resize: none;\n  position: relative;\n  outline: none;\n  border: none;\n  word-break: break-word;\n  padding: 0 0 0 0;\n  background-color: transparent;\n  margin: var(--viewer-annotations-pin-label-padding-y) var(--viewer-annotations-pin-label-padding-x);\n  width: var(--viewer-annotations-pin-label-min-width);\n  flex-grow: 1;\n  overflow: hidden;\n  max-width: calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)));\n}\n\n.pin-label-input.readonly {\n  pointer-events: auto;\n  color: black;\n  cursor: pointer;\n}\n\n.pin-label-hidden {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  width: auto;\n  height: auto;\n  box-sizing: border-box;\n  border-width: var(--viewer-annotations-pin-label-border-width);\n  border-style: var(--viewer-annotations-pin-label-border-style);\n  border-color: var(--viewer-annotations-pin-label-border-color);\n  margin: var(--viewer-annotations-pin-label-padding-y) 0;\n  padding: 0 var(--viewer-annotations-pin-label-padding-x);\n  max-width: calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)));\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  h,\n  Host,\n  JSX,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Point } from '@vertexvis/geometry';\nimport classNames from 'classnames';\n\nimport { getMouseClientPosition } from '../../lib/dom';\nimport { PinController } from '../../lib/pins/controller';\nimport {\n  getPinColors,\n  isTextPin,\n  PinModel,\n  TextPin,\n} from '../../lib/pins/model';\nimport { readDOM } from '../../lib/stencil';\nimport {\n  translatePointToRelative,\n  translatePointToScreen,\n} from '../viewer-pin-tool/utils';\nimport { getComputedStyle } from './utils';\n\n@Component({\n  tag: 'vertex-viewer-pin-label',\n  styleUrl: 'viewer-pin-label.css',\n  shadow: false,\n})\nexport class VertexPinLabel {\n  /**\n   * The pin to draw for the group\n   */\n  @Prop()\n  public pin?: TextPin;\n\n  /**\n   * The dimensions of the canvas for the pins\n   */\n  @Prop()\n  public elementBounds?: DOMRect;\n\n  /**\n   * The current text value of the component. Value is updated on user\n   * interaction.\n   */\n  @Prop({ mutable: true })\n  public value = '';\n\n  /**\n   * The controller that drives behavior for pin operations\n   */\n  @Prop({ mutable: true })\n  public pinController?: PinController;\n\n  /**\n   * @internal\n   */\n  @Event({ bubbles: true })\n  public labelChanged!: EventEmitter<void>;\n\n  /**\n   * Emitted whenever the label is focused, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelFocused!: EventEmitter<string | undefined>;\n\n  /**\n   * Emitted whenever the label is blurred, with the ID of the\n   * associated pin (or undefined if no pin is provided).\n   */\n  @Event({ bubbles: true })\n  public labelBlurred!: EventEmitter<string | undefined>;\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  @State()\n  private focused = false;\n\n  @State()\n  private computedScreenPosition?: Point.Point;\n\n  @State()\n  private textareaRows = 1;\n\n  @State()\n  private contentElBounds?: DOMRect;\n\n  private relativePointerDownPosition?: Point.Point;\n  private pinPointerDownPosition?: Point.Point;\n\n  private inputEl?: HTMLTextAreaElement;\n  private contentEl?: HTMLDivElement;\n\n  private resizeObserver?: ResizeObserver;\n  private contentResizeObserver?: ResizeObserver;\n\n  /**\n   * Gives focus to the component's internal text input.\n   */\n  @Method()\n  public async setFocus(): Promise<void> {\n    // HTMLInputElement.focus() doesn't exist in tests.\n    if (typeof this.inputEl?.focus === 'function') {\n      this.focused = true;\n      this.labelFocused.emit(this.pin?.id);\n      this.inputEl?.focus();\n    }\n  }\n\n  /**\n   * @internal\n   * submits the current text, unfocuses the input and emits the blur event to consumers\n   */\n  @Method()\n  public async submit(): Promise<void> {\n    this.focused = false;\n    this.labelBlurred.emit(this.pin?.id);\n    if (this.pin != null) {\n      this.pinController?.updatePin({\n        ...this.pin,\n        label: {\n          point: this.pin.label.point,\n          text: this.value,\n        },\n      });\n    }\n  }\n\n  @Watch('focused')\n  protected watchFocusChange(): void {\n    this.labelChanged.emit();\n\n    if (this.focused) {\n      this.pinController?.setSelectedPinId(this.pin?.id);\n    }\n  }\n\n  @Watch('pin')\n  protected watchPinChange(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n  }\n\n  @Watch('elementBounds')\n  protected watchElementBoundsChange(): void {\n    this.computeScreenPosition();\n  }\n\n  protected componentWillLoad(): void {\n    this.value = this.pin?.label.text ?? '';\n    this.computeScreenPosition();\n\n    if (this.pinController == null) {\n      this.pinController = new PinController(new PinModel());\n    }\n  }\n\n  protected componentDidLoad(): void {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.labelChanged.emit();\n    });\n\n    this.contentResizeObserver = new ResizeObserver(this.computeContentSize);\n\n    if (this.hostEl != null) {\n      this.resizeObserver.observe(this.hostEl);\n    }\n\n    if (this.contentEl != null) {\n      this.contentResizeObserver.observe(this.contentEl);\n    }\n  }\n\n  protected disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n    this.contentResizeObserver?.disconnect();\n  }\n\n  protected componentDidRender(): void {\n    if (this.focused && this.inputEl != null) {\n      this.setFocus();\n    }\n  }\n\n  protected render(): JSX.Element {\n    const { primaryColor, accentColor } = getPinColors(this.pin);\n    return (\n      <Host>\n        <div\n          class={classNames('pin-label-input-wrapper', {\n            focused: this.focused,\n          })}\n          onPointerDown={this.handlePointerDown}\n          style={{\n            top: `${this.computedScreenPosition?.y.toString() || 0}px`,\n            left: `${this.computedScreenPosition?.x.toString() || 0}px`,\n            minWidth: this.computeMinWidth(),\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n            borderColor: primaryColor,\n            background: accentColor,\n          }}\n        >\n          <textarea\n            id={`pin-label-input-${this.pin?.id}`}\n            class={classNames('pin-label-input', 'pin-label-text', {\n              ['readonly']: !this.focused,\n            })}\n            disabled={!this.focused}\n            ref={(ref) => (this.inputEl = ref)}\n            value={this.value}\n            rows={this.textareaRows}\n            onKeyDown={this.handleInputKeyDown}\n            onInput={this.handleTextInput}\n            onBlur={this.handleTextBlur}\n          />\n          {/* This corrects for a behavior in Firefox where setting the `disabled` attribute to true */}\n          {/* prevents any events from propagating. */}\n          {!this.focused && (\n            <div\n              class=\"pin-input-drag-target\"\n              onPointerDown={this.handlePointerDown}\n            />\n          )}\n        </div>\n        <div\n          ref={(el) => (this.contentEl = el)}\n          class={classNames('pin-label-text', 'pin-label-hidden')}\n          style={{\n            maxWidth: this.computeMaxWidth(),\n            maxHeight: this.computeMaxHeight(),\n          }}\n        >\n          {this.hiddenContent()}\n        </div>\n      </Host>\n    );\n  }\n\n  private hiddenContent(): Array<string | HTMLBRElement> {\n    // This corrects some inconsistencies in how a newline character\n    // is represented in a div. Leveraging `<br>`s results in a more\n    // consistent representation of the newlines in a textarea.\n    return this.value.includes('\\n')\n      ? this.value\n          .split('\\n')\n          .reduce(\n            (res, str) => [...res, str, <br />],\n            [] as Array<string | HTMLBRElement>,\n          )\n      : [this.value];\n  }\n\n  private computeMinWidth(): string {\n    if (this.contentElBounds != null) {\n      const expected = `${this.contentElBounds.width + 8}px`;\n\n      return `min(${expected}, ${this.computeMaxWidth()})`;\n    } else {\n      return `var(--viewer-annotations-pin-label-min-width)`;\n    }\n  }\n\n  private computeMaxWidth(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-width)`;\n\n    return `min(${expected}, ${this.computeRemainingWidth()})`;\n  }\n\n  private computeMaxHeight(): string {\n    const expected = `var(--viewer-annotations-pin-label-max-height)`;\n\n    return `min(${expected}, ${this.computeRemainingHeight()})`;\n  }\n\n  private computeRemainingWidth(): string {\n    return `calc(${this.elementBounds?.width.toString() || 0}px - ${\n      this.computedScreenPosition?.x.toString() || 0\n    }px)`;\n  }\n\n  private computeRemainingHeight(): string {\n    return `calc(${this.elementBounds?.height.toString() || 0}px - ${\n      this.computedScreenPosition?.y.toString() || 0\n    }px)`;\n  }\n\n  private computeScreenPosition(): void {\n    this.computedScreenPosition =\n      isTextPin(this.pin) &&\n      this.elementBounds != null &&\n      this.pin.label.point != null\n        ? translatePointToScreen(this.pin.label.point, this.elementBounds)\n        : undefined;\n  }\n\n  private computeContentSize = (): void => {\n    readDOM(() => {\n      if (this.contentEl != null) {\n        this.contentElBounds = this.contentEl.getBoundingClientRect();\n        const computedStyles = getComputedStyle(this.contentEl);\n        this.textareaRows = Math.max(\n          1,\n          Math.ceil(\n            (parseFloat(computedStyles.getPropertyValue('height')) -\n              parseFloat(computedStyles.getPropertyValue('borderWidth')) * 2) /\n              parseFloat(computedStyles.getPropertyValue('lineHeight')),\n          ),\n        );\n      }\n    });\n  };\n\n  private handleInputKeyDown = (event: KeyboardEvent): void => {\n    event.stopPropagation();\n    if (\n      event.key === 'Enter' &&\n      (event.ctrlKey || event.metaKey || event.shiftKey)\n    ) {\n      this.textareaRows += 1;\n      this.value += '\\n';\n    } else if (event.key === 'Enter') {\n      event.preventDefault();\n      this.submit();\n    }\n  };\n\n  private handlePointerDown = (event: PointerEvent): void => {\n    if (!this.focused) {\n      if (this.elementBounds != null) {\n        if (event.buttons !== 2) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        this.relativePointerDownPosition = translatePointToRelative(\n          getMouseClientPosition(event, this.elementBounds),\n          this.elementBounds,\n        );\n        this.pinPointerDownPosition = this.pin?.label.point;\n\n        window.addEventListener('pointermove', this.handlePointerMove);\n        window.addEventListener('pointerup', this.handlePointerUp);\n      }\n    }\n  };\n\n  private handlePointerMove = (event: PointerEvent): void => {\n    if (\n      this.elementBounds != null &&\n      this.relativePointerDownPosition &&\n      this.pinPointerDownPosition != null\n    ) {\n      // Prevent selection of any text while interacting with the label\n      event.preventDefault();\n      event.stopPropagation();\n\n      const point = getMouseClientPosition(event, this.elementBounds);\n      const relative = translatePointToRelative(point, this.elementBounds);\n\n      const relativeDelta = Point.subtract(\n        relative,\n        this.relativePointerDownPosition,\n      );\n\n      const myUpdatedPin =\n        this.pin != null\n          ? {\n              ...this.pin,\n              label: {\n                ...this.pin.label,\n                point: Point.add(this.pinPointerDownPosition, relativeDelta),\n              },\n            }\n          : undefined;\n\n      if (myUpdatedPin) {\n        this.pinController?.updatePin(myUpdatedPin);\n        this.computeScreenPosition();\n      }\n    }\n  };\n\n  private handlePointerUp = (event: PointerEvent): void => {\n    if (\n      this.pinController?.getToolMode() === 'edit' &&\n      this.relativePointerDownPosition != null &&\n      this.elementBounds != null\n    ) {\n      const pointerDownScreen = translatePointToScreen(\n        this.relativePointerDownPosition,\n        this.elementBounds,\n      );\n      const distanceBetweenStartAndEndPoint = Point.distance(\n        pointerDownScreen,\n        getMouseClientPosition(event, this.elementBounds),\n      );\n\n      if (distanceBetweenStartAndEndPoint <= 2) {\n        this.focused = true;\n        this.labelFocused.emit(this.pin?.id);\n      }\n    }\n\n    this.relativePointerDownPosition = undefined;\n    this.pinPointerDownPosition = undefined;\n\n    window.removeEventListener('pointermove', this.handlePointerMove);\n    window.removeEventListener('pointerup', this.handlePointerUp);\n  };\n\n  private handleTextBlur = (): void => {\n    this.submit();\n  };\n\n  private handleTextInput = (event: Event): void => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["VolumeIntersectionQueryController","constructor","model","viewer","this","additionalTransforms","operationInFlight","operationAborted","executeStarted","EventDispatcher","executeComplete","executeAborted","op","items","where","q","all","deselect","operationTransform","builder","select","setStartPoint","point","previousViewerCameraControls","cameraControls","setEndPoint","setOperationTransform","setAdditionalTransforms","onExecuteStarted","listener","on","onExecuteComplete","onExecuteAborted","execute","screenBounds","getScreenBounds","type","getType","complete","emit","map","t","flat","operationTransforms","withVolumeIntersection","scene","elements","skipAwaitCorrelatedFrame","e","StreamRequestError","_a","summary","toLocaleLowerCase","includes","console","error","_b","undefined","aborted","cancel","Error","_c","VolumeIntersectionQueryModel","mode","dragStarted","dragComplete","dragCancelled","screenBoundsChanged","startPoint","Point","distance","endPoint","updateQueryType","getQueryDetails","setMode","reset","Rectangle","fromPoints","onScreenBoundsChanged","onDragStarted","onDragComplete","onDragCancelled","directionalType","subtract","x"],"sources":["src/lib/volume-intersection/controller.ts","src/lib/volume-intersection/model.ts"],"sourcesContent":["import { Point } from '@vertexvis/geometry';\nimport { StreamRequestError } from '@vertexvis/stream-api';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport {\n  PmiAnnotationOperationsBuilder,\n  SceneItemOperationsBuilder,\n  TerminalItemOperationBuilder,\n} from '../scenes';\nimport { SceneElementQueryExecutor } from '../scenes/queries';\nimport { VolumeIntersectionQueryModel } from './model';\n\nexport type OperationTransform = (\n  builder: SceneItemOperationsBuilder\n) => TerminalItemOperationBuilder;\nexport type AdditionalTransform = (\n  executor: SceneElementQueryExecutor\n) => TerminalItemOperationBuilder;\n\nexport interface CompleteExecutionDetails {\n  aborted: boolean;\n}\n\nexport class VolumeIntersectionQueryController {\n  private previousViewerCameraControls?: boolean;\n  private operationTransform: OperationTransform;\n  private additionalTransforms: AdditionalTransform[] = [];\n  private operationInFlight = false;\n  private operationAborted = false;\n\n  private executeStarted = new EventDispatcher<void>();\n  private executeComplete = new EventDispatcher<CompleteExecutionDetails>();\n  private executeAborted = new EventDispatcher<StreamRequestError>();\n\n  public constructor(\n    private model: VolumeIntersectionQueryModel,\n    private viewer: HTMLVertexViewerElement\n  ) {\n    this.additionalTransforms = [\n      (op) => op.items.where((q) => q.all()).deselect(),\n    ];\n    this.operationTransform = (builder) => builder.select();\n  }\n\n  public setStartPoint(point: Point.Point): void {\n    this.previousViewerCameraControls = this.viewer.cameraControls;\n    this.viewer.cameraControls = false;\n\n    this.model.setStartPoint(point);\n  }\n\n  public setEndPoint(point: Point.Point): void {\n    this.model.setEndPoint(point);\n  }\n\n  /**\n   * Updates the operation that will be applied based on the volume intersection\n   * query. Defaults to `(builder) => builder.select()`, which will select any\n   * of the results of the query.\n   */\n  public setOperationTransform(operationTransform: OperationTransform): void {\n    this.operationTransform = operationTransform;\n  }\n\n  /**\n   * Updates any additional operations that should be performed independent of\n   * the volume intersection query. This can be used to perform an operation on\n   * the entirety of the scene prior to the operation on the result of the\n   * volume intersection query.\n   * Defaults to `[(op) => op.items.where((q) => q.all()).deselect()]`, which will\n   * clear any prior selection before the default selection.\n   */\n  public setAdditionalTransforms(\n    additionalTransforms: AdditionalTransform[]\n  ): void {\n    this.additionalTransforms = additionalTransforms;\n  }\n\n  public onExecuteStarted(listener: Listener<void>): Disposable {\n    return this.executeStarted.on(listener);\n  }\n\n  public onExecuteComplete(\n    listener: Listener<CompleteExecutionDetails>\n  ): Disposable {\n    return this.executeComplete.on(listener);\n  }\n\n  public onExecuteAborted(listener: Listener<StreamRequestError>): Disposable {\n    return this.executeAborted.on(listener);\n  }\n\n  public async execute(): Promise<void> {\n    const screenBounds = this.model.getScreenBounds();\n    const type = this.model.getType();\n\n    if (screenBounds != null && !this.operationInFlight) {\n      this.model.complete();\n\n      try {\n        this.operationInFlight = true;\n        this.executeStarted.emit();\n\n        const additionalTransforms = (\n          op: SceneElementQueryExecutor\n        ): Array<SceneItemOperationsBuilder | PmiAnnotationOperationsBuilder> =>\n          this.additionalTransforms.map((t) => t(op)).flat();\n        const operationTransforms = (\n          op: SceneElementQueryExecutor\n        ): Array<SceneItemOperationsBuilder | PmiAnnotationOperationsBuilder> =>\n          [\n            this.operationTransform(\n              op.items.where((q) =>\n                q.withVolumeIntersection(screenBounds, type === 'exclusive')\n              )\n            ),\n          ].flat();\n\n        const scene = await this.viewer.scene();\n        await scene\n          .elements((op) => [\n            ...additionalTransforms(op),\n            ...operationTransforms(op),\n          ])\n          .execute({\n            skipAwaitCorrelatedFrame: true,\n          });\n      } catch (e) {\n        if (\n          e instanceof StreamRequestError &&\n          e.summary?.toLocaleLowerCase().includes('operation aborted')\n        ) {\n          this.executeAborted.emit(e);\n          this.operationAborted = true;\n        } else {\n          console.error('Failed to perform volume intersection query', e);\n          throw e;\n        }\n      } finally {\n        this.viewer.cameraControls = this.previousViewerCameraControls ?? true;\n        this.previousViewerCameraControls = undefined;\n        this.operationInFlight = false;\n        this.executeComplete.emit({\n          aborted: this.operationAborted,\n        });\n        this.operationAborted = false;\n      }\n    } else if (this.operationInFlight) {\n      this.model.cancel();\n\n      throw new Error(\n        `Unable to perform volume intersection query as there is already one in-flight.`\n      );\n    } else {\n      this.model.cancel();\n\n      this.viewer.cameraControls = this.previousViewerCameraControls ?? true;\n    }\n  }\n}\n","import { Point, Rectangle } from '@vertexvis/geometry';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { VolumeIntersectionQueryMode } from '../../components/viewer-box-query-tool/types';\n\nexport type QueryType = 'inclusive' | 'exclusive';\n\nexport interface VolumeIntersectionQueryDetails {\n  screenBounds: Rectangle.Rectangle;\n  type: QueryType;\n}\n\nexport class VolumeIntersectionQueryModel {\n  private startPoint?: Point.Point;\n  private endPoint?: Point.Point;\n  private type?: QueryType;\n\n  private dragStarted = new EventDispatcher<void>();\n  private dragComplete = new EventDispatcher<VolumeIntersectionQueryDetails>();\n  private dragCancelled = new EventDispatcher<void>();\n\n  private screenBoundsChanged = new EventDispatcher<\n    VolumeIntersectionQueryDetails | undefined\n  >();\n\n  public constructor(private mode?: VolumeIntersectionQueryMode) {}\n\n  public setStartPoint(point: Point.Point): void {\n    this.startPoint = point;\n\n    this.dragStarted.emit();\n  }\n\n  public setEndPoint(point: Point.Point): void {\n    if (\n      this.startPoint != null &&\n      Point.distance(this.startPoint, point) >= 2\n    ) {\n      this.endPoint = point;\n\n      this.updateQueryType();\n      this.screenBoundsChanged.emit(this.getQueryDetails());\n    }\n  }\n\n  public setMode(mode?: VolumeIntersectionQueryMode): void {\n    this.mode = mode;\n  }\n\n  public complete(): void {\n    if (this.startPoint != null && this.endPoint != null) {\n      this.screenBoundsChanged.emit(undefined);\n      this.dragComplete.emit(this.getQueryDetails());\n      this.reset();\n    }\n  }\n\n  public cancel(): void {\n    this.screenBoundsChanged.emit(undefined);\n    this.dragCancelled.emit();\n    this.reset();\n  }\n\n  public reset(): void {\n    this.startPoint = undefined;\n    this.endPoint = undefined;\n    this.type = undefined;\n  }\n\n  public getScreenBounds(): Rectangle.Rectangle | undefined {\n    return this.startPoint != null && this.endPoint != null\n      ? Rectangle.fromPoints(this.startPoint, this.endPoint)\n      : undefined;\n  }\n\n  public getType(): QueryType | undefined {\n    return this.type;\n  }\n\n  public onScreenBoundsChanged(\n    listener: Listener<VolumeIntersectionQueryDetails | undefined>\n  ): Disposable {\n    return this.screenBoundsChanged.on(listener);\n  }\n\n  public onDragStarted(listener: Listener<void>): Disposable {\n    return this.dragStarted.on(listener);\n  }\n\n  public onDragComplete(\n    listener: Listener<VolumeIntersectionQueryDetails>\n  ): Disposable {\n    return this.dragComplete.on(listener);\n  }\n\n  public onDragCancelled(listener: Listener<void>): Disposable {\n    return this.dragCancelled.on(listener);\n  }\n\n  private getQueryDetails(): VolumeIntersectionQueryDetails {\n    if (this.startPoint != null && this.endPoint != null && this.type != null) {\n      return {\n        screenBounds: Rectangle.fromPoints(this.startPoint, this.endPoint),\n        type: this.type,\n      };\n    } else {\n      throw new Error(\n        'Failed to create query details, the start and end points must be set.'\n      );\n    }\n  }\n\n  private updateQueryType(): void {\n    if (this.startPoint != null && this.endPoint != null) {\n      const directionalType =\n        Point.subtract(this.endPoint, this.startPoint).x > 0\n          ? 'exclusive'\n          : 'inclusive';\n\n      this.type = this.mode ?? directionalType;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["VolumeIntersectionQueryController","constructor","model","viewer","this","additionalTransforms","operationInFlight","operationAborted","executeStarted","EventDispatcher","executeComplete","executeAborted","op","items","where","q","all","deselect","operationTransform","builder","select","setStartPoint","point","previousViewerCameraControls","cameraControls","setEndPoint","setOperationTransform","setAdditionalTransforms","onExecuteStarted","listener","on","onExecuteComplete","onExecuteAborted","execute","screenBounds","getScreenBounds","type","getType","complete","emit","map","t","flat","operationTransforms","withVolumeIntersection","scene","elements","skipAwaitCorrelatedFrame","e","StreamRequestError","_a","summary","toLocaleLowerCase","includes","console","error","_b","undefined","aborted","cancel","Error","_c","VolumeIntersectionQueryModel","mode","dragStarted","dragComplete","dragCancelled","screenBoundsChanged","startPoint","Point","distance","endPoint","updateQueryType","getQueryDetails","setMode","reset","Rectangle","fromPoints","onScreenBoundsChanged","onDragStarted","onDragComplete","onDragCancelled","directionalType","subtract","x"],"sources":["src/lib/volume-intersection/controller.ts","src/lib/volume-intersection/model.ts"],"sourcesContent":["import { Point } from '@vertexvis/geometry';\nimport { StreamRequestError } from '@vertexvis/stream-api';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport {\n  PmiAnnotationOperationsBuilder,\n  SceneItemOperationsBuilder,\n  TerminalItemOperationBuilder,\n} from '../scenes';\nimport { SceneElementQueryExecutor } from '../scenes/queries';\nimport { VolumeIntersectionQueryModel } from './model';\n\nexport type OperationTransform = (\n  builder: SceneItemOperationsBuilder,\n) => TerminalItemOperationBuilder;\nexport type AdditionalTransform = (\n  executor: SceneElementQueryExecutor,\n) => TerminalItemOperationBuilder;\n\nexport interface CompleteExecutionDetails {\n  aborted: boolean;\n}\n\nexport class VolumeIntersectionQueryController {\n  private previousViewerCameraControls?: boolean;\n  private operationTransform: OperationTransform;\n  private additionalTransforms: AdditionalTransform[] = [];\n  private operationInFlight = false;\n  private operationAborted = false;\n\n  private executeStarted = new EventDispatcher<void>();\n  private executeComplete = new EventDispatcher<CompleteExecutionDetails>();\n  private executeAborted = new EventDispatcher<StreamRequestError>();\n\n  public constructor(\n    private model: VolumeIntersectionQueryModel,\n    private viewer: HTMLVertexViewerElement,\n  ) {\n    this.additionalTransforms = [\n      (op) => op.items.where((q) => q.all()).deselect(),\n    ];\n    this.operationTransform = (builder) => builder.select();\n  }\n\n  public setStartPoint(point: Point.Point): void {\n    this.previousViewerCameraControls = this.viewer.cameraControls;\n    this.viewer.cameraControls = false;\n\n    this.model.setStartPoint(point);\n  }\n\n  public setEndPoint(point: Point.Point): void {\n    this.model.setEndPoint(point);\n  }\n\n  /**\n   * Updates the operation that will be applied based on the volume intersection\n   * query. Defaults to `(builder) => builder.select()`, which will select any\n   * of the results of the query.\n   */\n  public setOperationTransform(operationTransform: OperationTransform): void {\n    this.operationTransform = operationTransform;\n  }\n\n  /**\n   * Updates any additional operations that should be performed independent of\n   * the volume intersection query. This can be used to perform an operation on\n   * the entirety of the scene prior to the operation on the result of the\n   * volume intersection query.\n   * Defaults to `[(op) => op.items.where((q) => q.all()).deselect()]`, which will\n   * clear any prior selection before the default selection.\n   */\n  public setAdditionalTransforms(\n    additionalTransforms: AdditionalTransform[],\n  ): void {\n    this.additionalTransforms = additionalTransforms;\n  }\n\n  public onExecuteStarted(listener: Listener<void>): Disposable {\n    return this.executeStarted.on(listener);\n  }\n\n  public onExecuteComplete(\n    listener: Listener<CompleteExecutionDetails>,\n  ): Disposable {\n    return this.executeComplete.on(listener);\n  }\n\n  public onExecuteAborted(listener: Listener<StreamRequestError>): Disposable {\n    return this.executeAborted.on(listener);\n  }\n\n  public async execute(): Promise<void> {\n    const screenBounds = this.model.getScreenBounds();\n    const type = this.model.getType();\n\n    if (screenBounds != null && !this.operationInFlight) {\n      this.model.complete();\n\n      try {\n        this.operationInFlight = true;\n        this.executeStarted.emit();\n\n        const additionalTransforms = (\n          op: SceneElementQueryExecutor,\n        ): Array<SceneItemOperationsBuilder | PmiAnnotationOperationsBuilder> =>\n          this.additionalTransforms.map((t) => t(op)).flat();\n        const operationTransforms = (\n          op: SceneElementQueryExecutor,\n        ): Array<SceneItemOperationsBuilder | PmiAnnotationOperationsBuilder> =>\n          [\n            this.operationTransform(\n              op.items.where((q) =>\n                q.withVolumeIntersection(screenBounds, type === 'exclusive'),\n              ),\n            ),\n          ].flat();\n\n        const scene = await this.viewer.scene();\n        await scene\n          .elements((op) => [\n            ...additionalTransforms(op),\n            ...operationTransforms(op),\n          ])\n          .execute({\n            skipAwaitCorrelatedFrame: true,\n          });\n      } catch (e) {\n        if (\n          e instanceof StreamRequestError &&\n          e.summary?.toLocaleLowerCase().includes('operation aborted')\n        ) {\n          this.executeAborted.emit(e);\n          this.operationAborted = true;\n        } else {\n          console.error('Failed to perform volume intersection query', e);\n          throw e;\n        }\n      } finally {\n        this.viewer.cameraControls = this.previousViewerCameraControls ?? true;\n        this.previousViewerCameraControls = undefined;\n        this.operationInFlight = false;\n        this.executeComplete.emit({\n          aborted: this.operationAborted,\n        });\n        this.operationAborted = false;\n      }\n    } else if (this.operationInFlight) {\n      this.model.cancel();\n\n      throw new Error(\n        `Unable to perform volume intersection query as there is already one in-flight.`,\n      );\n    } else {\n      this.model.cancel();\n\n      this.viewer.cameraControls = this.previousViewerCameraControls ?? true;\n    }\n  }\n}\n","import { Point, Rectangle } from '@vertexvis/geometry';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\n\nimport { VolumeIntersectionQueryMode } from '../../components/viewer-box-query-tool/types';\n\nexport type QueryType = 'inclusive' | 'exclusive';\n\nexport interface VolumeIntersectionQueryDetails {\n  screenBounds: Rectangle.Rectangle;\n  type: QueryType;\n}\n\nexport class VolumeIntersectionQueryModel {\n  private startPoint?: Point.Point;\n  private endPoint?: Point.Point;\n  private type?: QueryType;\n\n  private dragStarted = new EventDispatcher<void>();\n  private dragComplete = new EventDispatcher<VolumeIntersectionQueryDetails>();\n  private dragCancelled = new EventDispatcher<void>();\n\n  private screenBoundsChanged = new EventDispatcher<\n    VolumeIntersectionQueryDetails | undefined\n  >();\n\n  public constructor(private mode?: VolumeIntersectionQueryMode) {}\n\n  public setStartPoint(point: Point.Point): void {\n    this.startPoint = point;\n\n    this.dragStarted.emit();\n  }\n\n  public setEndPoint(point: Point.Point): void {\n    if (\n      this.startPoint != null &&\n      Point.distance(this.startPoint, point) >= 2\n    ) {\n      this.endPoint = point;\n\n      this.updateQueryType();\n      this.screenBoundsChanged.emit(this.getQueryDetails());\n    }\n  }\n\n  public setMode(mode?: VolumeIntersectionQueryMode): void {\n    this.mode = mode;\n  }\n\n  public complete(): void {\n    if (this.startPoint != null && this.endPoint != null) {\n      this.screenBoundsChanged.emit(undefined);\n      this.dragComplete.emit(this.getQueryDetails());\n      this.reset();\n    }\n  }\n\n  public cancel(): void {\n    this.screenBoundsChanged.emit(undefined);\n    this.dragCancelled.emit();\n    this.reset();\n  }\n\n  public reset(): void {\n    this.startPoint = undefined;\n    this.endPoint = undefined;\n    this.type = undefined;\n  }\n\n  public getScreenBounds(): Rectangle.Rectangle | undefined {\n    return this.startPoint != null && this.endPoint != null\n      ? Rectangle.fromPoints(this.startPoint, this.endPoint)\n      : undefined;\n  }\n\n  public getType(): QueryType | undefined {\n    return this.type;\n  }\n\n  public onScreenBoundsChanged(\n    listener: Listener<VolumeIntersectionQueryDetails | undefined>,\n  ): Disposable {\n    return this.screenBoundsChanged.on(listener);\n  }\n\n  public onDragStarted(listener: Listener<void>): Disposable {\n    return this.dragStarted.on(listener);\n  }\n\n  public onDragComplete(\n    listener: Listener<VolumeIntersectionQueryDetails>,\n  ): Disposable {\n    return this.dragComplete.on(listener);\n  }\n\n  public onDragCancelled(listener: Listener<void>): Disposable {\n    return this.dragCancelled.on(listener);\n  }\n\n  private getQueryDetails(): VolumeIntersectionQueryDetails {\n    if (this.startPoint != null && this.endPoint != null && this.type != null) {\n      return {\n        screenBounds: Rectangle.fromPoints(this.startPoint, this.endPoint),\n        type: this.type,\n      };\n    } else {\n      throw new Error(\n        'Failed to create query details, the start and end points must be set.',\n      );\n    }\n  }\n\n  private updateQueryType(): void {\n    if (this.startPoint != null && this.endPoint != null) {\n      const directionalType =\n        Point.subtract(this.endPoint, this.startPoint).x > 0\n          ? 'exclusive'\n          : 'inclusive';\n\n      this.type = this.mode ?? directionalType;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}