@vertexvis/viewer 0.21.0-testing.2 → 0.21.0-testing.3

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

@@ -0,0 +1,5 @@
+/*!
+ * Copyright (c) 2024 Vertex Software LLC. All rights reserved.
+ */
+import{h as t,F as e,r as i,c as s,f as n,H as o,g as r}from"./p-e4ea1075.js";import{o as a}from"./p-64241313.js";import{a as l,w as d,S as c,b as h,c as u}from"./p-ccb5ff47.js";import{p as v}from"./p-2238fd6f.js";import{g as p}from"./p-2213b297.js";import{i as f}from"./p-67acaae6.js";import"./p-c93bea57.js";import"./p-88c19f38.js";import"./p-96daf338.js";import"./p-fbf81eb8.js";import"./p-9c3e35fd.js";import"./p-db5aed84.js";import"./p-b1d6db57.js";import"./p-ff3586b7.js";import"./p-d312d59a.js";window.requestIdleCallback=window.requestIdleCallback||function(t){var e=Date.now();return setTimeout((function(){t({didTimeout:false,timeRemaining:function(){return Math.max(0,50-(Date.now()-e))}})}),1)};window.cancelIdleCallback=window.cancelIdleCallback||function(t){clearTimeout(t)};function w(t){return t!=null&&t.nodeName==="VERTEX-SCENE-TREE-TABLE-CELL"}const m=({details:i},s)=>t("div",{class:"error"},t("div",{class:"error-section error-message"},t("span",null,i.message),i.link&&t(e,null,t("span",null," See our "),t("a",{href:i.link,target:"_blank"},"documentation")," ",t("span",null," for more information."))),t("div",{class:"error-section"},s));async function y(t,e,{suppliedCorrelationId:i}={}){const s=await t.scene();return s.items((t=>t.where((t=>t.withItemId(e))).show())).execute({suppliedCorrelationId:i})}async function b(t,e,{suppliedCorrelationId:i}={}){const s=await t.scene();return s.items((t=>t.where((t=>t.withItemId(e))).hide())).execute({suppliedCorrelationId:i})}async function g(t,e,{append:i=false,suppliedCorrelationId:s}){const n=await t.scene();return n.items((t=>[...i?[]:[t.where((t=>t.all())).deselect()],t.where((t=>t.withItemId(e))).select()])).execute({suppliedCorrelationId:s})}async function x(t,e,i,{append:s=true,suppliedCorrelationId:n}){const o=await t.scene();return o.items((t=>[...s?[]:[t.where((t=>t.all())).deselect()],t.where((t=>t.withSceneTreeRange({start:e,end:i}))).select()])).execute({suppliedCorrelationId:n})}async function C(t,e,i,s,n,{append:o=false,suppliedCorrelationId:r}){const a=await t.scene();return a.items((t=>[...o?[]:[t.where((t=>t.all())).deselect()],t.where((t=>t.withMetadata(e,i,s,n))).select()])).execute({suppliedCorrelationId:r})}async function E(t,e,{suppliedCorrelationId:i}={}){const s=await t.scene();return s.items((t=>t.where((t=>t.withItemId(e))).deselect())).execute({suppliedCorrelationId:i})}const I="button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}.button{padding:0.5rem;border-radius:0.25rem}.button-secondary{color:var(--neutral-800);background-color:var(--neutral-300)}.button-secondary:hover{color:var(--neutral-900)}.button-secondary:hover:enabled{box-shadow:0 2px 2px rgb(0 0 0 / 20%)}.button-secondary:disabled{opacity:0.8}.button-secondary:hover:disabled{cursor:not-allowed}:host{--scene-tree-toolbar-separator:1px solid var(--neutral-300);width:300px;height:100%;user-select:none;-webkit-user-select:none;cursor:default;display:flex;flex-direction:column}.rows-scroll{position:relative;height:var(--scene-tree-row-height, 0);flex-grow:1}.rows{position:relative}.row{position:absolute;display:flex;align-items:center;width:100%;height:var(--scene-tree-row-height);padding:var(--scene-tree-row-padding);box-sizing:border-box}.row:hover{background-color:var(--scene-tree-row-hover-color)}.row.is-selected{background-color:var(--scene-tree-row-selected-color)}.expand-toggle{cursor:pointer;width:16px}.row-text{margin-left:0.25rem;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.visibility-btn{display:flex;align-items:center;visibility:hidden;padding:4px}.visibility-btn.is-hidden{visibility:visible}.row:hover .visibility-btn{visibility:visible}.error,.empty-results{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;font-size:0.875rem;width:100%;height:100%;padding:1rem;box-sizing:border-box;justify-content:center;background-color:white}.error-section{margin-top:1rem}.error-message{text-align:center}.search-toolbar,slot[name='header']::slotted(*){border-bottom:var(--scene-tree-toolbar-separator)}slot[name='footer']::slotted(:not(:last-child)){border-top:var(--scene-tree-toolbar-separator)}.header{display:flex;flex-direction:column}.footer{display:flex;flex-direction:column}.loading{position:absolute;top:150px;left:50%;transform:translate(-50%, -50%);text-align:center}";const R=25;const j=class{constructor(t){i(this,t);this.connectionError=s(this,"connectionError",7);this.firstRowRendered=s(this,"firstRowRendered",7);this.overScanCount=25;this.configEnv="platprod";this.searchOptions={};this.metadataSearchExactMatch=false;this.metadataSearchKeys=[];this.metadataKeys=[];this.rows=[];this.totalRows=0;this.showLoader=false;this.showEmptyResults=false;this.stateMap={componentLoaded:false};this.attemptingRetry=false;this.firstCellRendered=false}async invalidateRows(){n(this.getLayoutElement())}async scrollToIndex(t,e={}){const{animate:i,position:s="middle"}=e;const n=Math.max(0,Math.min(t,this.totalRows));const o=this.getScrollToPosition(n,s);this.getLayoutElement().scrollToPosition(o,{behavior:i?"smooth":undefined})}async scrollToItem(t,e={}){var i;const s=this.totalRows;const n=await((i=this.controller)===null||i===void 0?void 0:i.expandParentNodes(t));if(n!=null&&s!==this.totalRows){return new Promise((t=>{const i=this.getLayoutElement();const s=async()=>{i.removeEventListener("layoutRendered",s);await this.scrollToIndex(n,e);t()};i.addEventListener("layoutRendered",s)}))}else if(n!=null){await this.scrollToIndex(n,e)}}async expandAll(){var t;await((t=this.controller)===null||t===void 0?void 0:t.expandAll())}async collapseAll(){var t;await((t=this.controller)===null||t===void 0?void 0:t.collapseAll())}async expandItem(t){await this.performRowOperation(t,(async({id:t,node:e})=>{var i;if(!e.expanded){await((i=this.controller)===null||i===void 0?void 0:i.expandNode(t))}}))}async collapseItem(t){await this.performRowOperation(t,(async({id:t,node:e})=>{var i;if(e.expanded){await((i=this.controller)===null||i===void 0?void 0:i.collapseNode(t))}}))}async toggleExpandItem(t){await this.performRowOperation(t,(async({node:t})=>{if(t.expanded){await this.collapseItem(t)}else{await this.expandItem(t)}}))}async toggleItemVisibility(t){await this.performRowOperation(t,(async({viewer:t,id:e,node:i})=>{if(i.visible||i.partiallyVisible){await b(t,e)}else{await y(t,e)}}))}async hideItem(t){await this.performRowOperation(t,(async({viewer:t,id:e,node:i})=>{if(i.visible){await b(t,e)}}))}async showItem(t){await this.performRowOperation(t,(async({viewer:t,id:e,node:i})=>{if(!i.visible){await y(t,e)}}))}async selectItem(t,e={}){var{recurseParent:i}=e,s=a(e,["recurseParent"]);await this.performRowOperation(t,(async({viewer:t,id:e})=>{var n,o,r,a;const l=await((n=this.controller)===null||n===void 0?void 0:n.fetchNodeAncestors(e))||[];const d=(o=this.stateMap.selectionPath)===null||o===void 0?void 0:o.includes(e);if(i&&d){const t=l.find((({selected:t})=>!t));if(t!=null){await this.selectItem(t,s);this.lastSelectedItemId=e}}else if(s.range&&this.lastSelectedItemId!=null){const i=await((r=this.controller)===null||r===void 0?void 0:r.expandParentNodes(e));const n=await((a=this.controller)===null||a===void 0?void 0:a.expandParentNodes(this.lastSelectedItemId));if(n&&i){const e=Math.min(n,i);const o=Math.max(n,i);await x(t,e,o,s)}}else{await g(t,e,s);this.lastSelectedItemId=e}this.stateMap.selectionPath=[...l.map((({id:t})=>(t===null||t===void 0?void 0:t.hex)||"")),e]}))}async deselectItem(t){await this.performRowOperation(t,(async({viewer:t,id:e,node:i})=>{if(i.selected){this.lastSelectedItemId=undefined;await E(t,e)}}))}async getRowAtIndex(t){return this.rows[t]}async getRowForEvent(t){const{clientY:e,target:i}=t;if(i!=null&&this.errorDetails==null&&p(this.el,i)&&w(i)){return this.getRowAtClientY(e)}else{return undefined}}getRowAtClientY(t){const e=this.getLayoutElement();const i=e.layoutOffset;const s=Math.floor((t-i+e.scrollOffset)/e.rowHeight);return this.getRowAtIndex(s)}async filterItems(t,e={}){var i;return(i=this.controller)===null||i===void 0?void 0:i.filter(t,e)}async selectFilteredItems(t,e){var i,s,n,o,r,a;if(this.viewer!=null){const l=(s=(i=this.searchOptions)===null||i===void 0?void 0:i.metadataSearchKeys)!==null&&s!==void 0?s:this.metadataSearchKeys;const d=l.length>0?l:this.metadataKeys;if(d.length===0){console.warn("No metadata keys were found to perform the selection. Defaulting to ['VERTEX_SCENE_ITEM_NAME']")}const c=d.length>0?d:["VERTEX_SCENE_ITEM_NAME"];const h=(o=(n=this.searchOptions)===null||n===void 0?void 0:n.exactMatch)!==null&&o!==void 0?o:this.metadataSearchExactMatch;const u=(a=(r=this.searchOptions)===null||r===void 0?void 0:r.removeHiddenItems)!==null&&a!==void 0?a:false;await C(this.viewer,t,c,h,u,Object.assign({append:false},e))}}async fetchMetadataKeys(){var t,e;return(e=(t=this.controller)===null||t===void 0?void 0:t.fetchMetadataKeys())!==null&&e!==void 0?e:[]}disconnectedCallback(){var t,e;(t=this.stateMap.viewerDisposable)===null||t===void 0?void 0:t.dispose();(e=this.controller)===null||e===void 0?void 0:e.cancel()}componentWillLoad(){var t;if(this.controller==null){const{sceneTreeHost:e}=this.getConfig().network;const i=new l(e,this.getConfig().flags.grpcUseStreamingWebSocketTransport?{transport:d}:undefined);this.controller=new c(i,100);(t=this.controller)===null||t===void 0?void 0:t.setMetadataKeys(this.metadataKeys)}this.stateMap.onStateChangeDisposable=this.controller.onStateChange.on((t=>this.handleControllerStateChange(t)));this.connectToViewer()}async componentDidLoad(){var t;this.ensureLayoutDefined();this.updateLayoutElement();const e=this.getLayoutElement();const i=new ResizeObserver((()=>{this.invalidateRows()}));i.observe(e);this.stateMap.resizeObserver=i;this.stateMap.componentLoaded=true;(t=this.controller)===null||t===void 0?void 0:t.setMetadataKeys(this.metadataKeys);if(this.viewer==null){this.errorDetails=new h("MISSING_VIEWER",u.MISSING_VIEWER)}}componentWillRender(){this.updateLayoutElement()}render(){return t(o,null,t("div",{class:"header"},t("slot",{name:"header"},t("vertex-scene-tree-toolbar",{class:"search-toolbar"},t("vertex-scene-tree-search",{controller:this.controller})))),this.errorDetails!=null&&this.renderError(this.errorDetails),this.errorDetails==null&&t("div",{class:"rows-scroll"},this.showLoader&&t("slot",{name:"loading"},t("vertex-viewer-spinner",{class:"loading",size:"md"})),t("slot",null),this.showEmptyResults&&t("slot",{name:"empty-results"},t("div",{class:"empty-results"},"No Results Found."))),t("div",{class:"footer"},t("slot",{name:"footer"})))}renderError(e){if(e.code!==u.SCENE_TREE_DISABLED){return t(m,{details:e},t("button",{class:"button button-secondary",onClick:()=>this.retryConnectToViewer(),disabled:this.attemptingRetry},"Retry"))}else{return t(m,{details:e})}}handleViewerChanged(t,e){if(!this.stateMap.componentLoaded){return}this.connectToViewer()}handleControllerChanged(t){var e;if(!this.stateMap.componentLoaded){return}(e=this.stateMap.onStateChangeDisposable)===null||e===void 0?void 0:e.dispose();this.stateMap.onStateChangeDisposable=t.onStateChange.on((t=>this.handleControllerStateChange(t)));t.setMetadataKeys(this.metadataKeys)}handleMetadataKeysChanged(){var t;(t=this.controller)===null||t===void 0?void 0:t.setMetadataKeys(this.metadataKeys)}retryConnectToViewer(){this.attemptingRetry=true;this.errorDetails=undefined;this.connectToViewer()}connectToViewer(){var t,e;(t=this.stateMap.viewerDisposable)===null||t===void 0?void 0:t.dispose();if(this.viewer==null&&this.viewerSelector!=null){this.viewer=document.querySelector(this.viewerSelector)}if(this.viewer!=null){this.stateMap.viewerDisposable=(e=this.controller)===null||e===void 0?void 0:e.connectToViewer(this.viewer)}else{this.attemptingRetry=false}}scheduleClearUnusedData(){if(this.stateMap.idleCallbackId!=null){window.cancelIdleCallback(this.stateMap.idleCallbackId)}this.stateMap.idleCallbackId=window.requestIdleCallback((t=>{var e,i,s;const n=(e=t.timeRemaining)===null||e===void 0?void 0:e.call(t);if(n==null||n>=R){const t=this.getLayoutElement();const e=t.viewportStartIndex;const n=t.viewportEndIndex;const[o,r]=((i=this.controller)===null||i===void 0?void 0:i.getPageIndexesForRange(e,n))||[];if(o!=null&&r!=null){(s=this.controller)===null||s===void 0?void 0:s.invalidatePagesOutsideRange(o,r,50)}}else{this.scheduleClearUnusedData()}}))}handleControllerStateChange(t){this.showLoader=!!t.shouldShowLoading;this.showEmptyResults=!!t.shouldShowEmptyResults;this.rows=t.rows;this.totalRows=t.totalRows;if(t.connection.type==="failure"){this.errorDetails=t.connection.details;this.connectionError.emit(t.connection.details)}else if(t.connection.type==="disconnected"){this.errorDetails=new h("DISCONNECTED",u.DISCONNECTED)}else{this.errorDetails=undefined}if(t.connection.type==="connected"||t.connection.type==="failure"){this.attemptingRetry=false}}async performRowOperation(t,e){const i=typeof t==="number"?this.rows[t]:t;if(i==null){throw new Error(`Cannot perform scene tree operation. Row not found.`)}const s=f(i)?i.node:i;if(s.id==null){throw new Error(`Cannot perform scene tree operation. ID is undefined.`)}if(this.viewer==null){throw new Error(`Cannot perform scene tree operation. Cannot get reference to viewer.`)}await e({viewer:this.viewer,id:s.id.hex,node:s})}async handleSearch(t){var e,i,s,n,o,r;const a=(i=(e=this.searchOptions)===null||e===void 0?void 0:e.metadataSearchKeys)!==null&&i!==void 0?i:this.metadataSearchKeys;const l=a.length>0?a:this.metadataKeys;const d=(n=(s=this.searchOptions)===null||s===void 0?void 0:s.exactMatch)!==null&&n!==void 0?n:this.metadataSearchExactMatch;const c=(r=(o=this.searchOptions)===null||o===void 0?void 0:o.removeHiddenItems)!==null&&r!==void 0?r:false;try{await this.filterItems(t.detail,{columns:l,exactMatch:d,removeHiddenItems:c})}catch(t){console.error("Failed to filter tree with exception: ",t)}}async handleCellLoaded(){if(!this.firstCellRendered&&this.rows.length>0){this.firstCellRendered=true;this.firstRowRendered.emit()}}getScrollToPosition(t,e){var i;const s=this.getLayoutElement();const n=Math.max(0,Math.min(t,this.totalRows-1));const o=(i=s.layoutHeight)!==null&&i!==void 0?i:0;const r=s.rowHeight;if(e==="start"){return n*r}else if(e==="middle"){const t=n*r+r/2;return t-o/2}else{const t=n*r+r;return t-o}}getConfig(){return v(this.configEnv,this.config)}ensureLayoutDefined(){let t=this.el.querySelector("vertex-scene-tree-table-layout");if(t==null){t=document.createElement("vertex-scene-tree-table-layout");t.innerHTML=`\n      <vertex-scene-tree-table-column>\n        <template>\n        <vertex-scene-tree-table-cell prop:value="{{row.node.name}}" expand-toggle visibility-toggle></vertex-scene-tree-table-cell>\n        </template>\n      </vertex-scene-tree-table-column>\n      `;this.el.appendChild(t)}this.stateMap.layoutEl=t}updateLayoutElement(){const t=this.stateMap.layoutEl;if(t!=null){t.rows=this.rows;t.tree=this.el;t.totalRows=this.totalRows;t.controller=this.controller;t.rowData=this.rowData}else if(!this.stateMap.componentLoaded&&this.totalRows>0){console.debug("Scene tree has rows, but the component has not yet rendered")}}getLayoutElement(){if(this.stateMap.layoutEl!=null){return this.stateMap.layoutEl}else{throw new Error("Layout element is undefined")}}get el(){return r(this)}static get watchers(){return{viewer:["handleViewerChanged"],controller:["handleControllerChanged"],metadataKeys:["handleMetadataKeysChanged"]}}};j.style=I;export{j as vertex_scene_tree};
+//# sourceMappingURL=p-d41913d2.entry.js.map

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

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

package/dist/viewer/{p-f8c3e667.entry.js → p-d8626aa7.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2024 Vertex Software LLC. All rights reserved.
  */
-import{h as t,r as e,c as i,H as s,g as n}from"./p-e4ea1075.js";import{v as r,c as o,p as a,l as h}from"./p-64241313.js";import{m as l}from"./p-6abf7036.js";import{a as d,g as c}from"./p-affabc82.js";import"./p-81294bc2.js";import"./p-c93bea57.js";import{j as u,D as m}from"./p-b1d6db57.js";import{M as v}from"./p-6675841d.js";import{M as p}from"./p-f2040b95.js";import{m as w}from"./p-ca63359b.js";import"./p-d312d59a.js";import{V as f}from"./p-97c819bc.js";import{E as b,m as g}from"./p-fbf81eb8.js";import{g as y}from"./p-39bd8e53.js";import{c as P}from"./p-5206da6c.js";import"./p-88c19f38.js";import"./p-96daf338.js";import"./p-6a9fc9d7.js";import"./p-ff3586b7.js";const E=16;const C=10;function M(t){return t.getBoundingClientRect()}class j{constructor(t,e,i,s){this.stencil=t;this.depthBuffer=e;this.viewport=i;this.camera=s}hitTest(t){const e=this.viewport.transformPointToFrame(t,this.depthBuffer);if(this.stencil!=null){const i=this.viewport.transformPointToFrame(t,this.stencil);return this.stencil.hitTest(i)||this.depthBuffer.hitTest(e)}else{return this.depthBuffer.hitTest(e)}}snapToNearestPixel(t,e){if(this.stencil!=null){const i=this.viewport.transformPointToFrame(t,this.stencil);const s=this.stencil.snapToNearestPixel(i,e);return this.viewport.transformPointToViewport(s,this.stencil)}else{return t}}transformPointToWorld(t,{ignoreHitTest:e=false}={}){const i=this.pickDepthBuffer(t);if(i!=null){return this.camera==null||this.camera.isPerspective()?this.viewport.transformPointToWorldSpace(t,i):this.viewport.transformPointToOrthographicWorldSpace(t,i)}else if(e){return this.camera==null||this.camera.isPerspective()?this.viewport.transformPointToWorldSpace(t,this.depthBuffer):this.viewport.transformPointToOrthographicWorldSpace(t,this.depthBuffer)}}pickDepthBuffer(t){if(this.stencil!=null){const e=this.viewport.transformPointToFrame(t,this.stencil);if(this.stencil.hitTest(e)){return this.stencil.depthBuffer}}const e=this.viewport.transformPointToFrame(t,this.depthBuffer);return this.depthBuffer.hitTest(e)?this.depthBuffer:undefined}}class x{constructor(t){this.model=t}newMeasurement(t,e){const i=e.hitTester().transformPointToWorld(t);return i!=null?new A(t,i,this.model):undefined}editMeasurement(t){const e=this.model.getMeasurement();if(e==null){throw new Error("Cannot edit measurement. Measurement is empty.")}return t==="start"?new k(e,this.model):new S(e,this.model)}clearIndicator(){this.model.setIndicator(undefined)}moveIndicator(t,e){const i=e.hitTester().transformPointToWorld(t);this.model.setIndicator(i);return i!=null}}class I{constructor(){this.measurementChanged=new b;this.indicatorChanged=new b}static empty(){return new I}getMeasurement(){return this.measurement}setMeasurement(t){if(this.measurement!==t){this.measurement=t;this.measurementChanged.emit(t)}}setMeasurementFromValues(t,e,i){if(t!=null&&e!=null){const s=i?T(t,e):H(t,e);this.setMeasurement(s)}else{this.setMeasurement(undefined)}}onMeasurementChanged(t){return this.measurementChanged.on(t)}getIndicator(){return this.indicator}setIndicator(t){if(this.indicator!==t){this.indicator=t;this.indicatorChanged.emit(t)}}onIndicatorChanged(t){return this.indicatorChanged.on(t)}}class A{constructor(t,e,i){this.pt=t;this.world=e;this.model=i;this.hitWorldValid=true;this.preventUpdate=false}fetchStartIfMissing(t){if(this.pendingStart==null){this.pendingStart=this.fetchStart(t)}}async fetchStart(t){const e=await t.raycaster();const i=await L(e,this.pt);if(i==null){const e=t.hitTester().transformPointToWorld(this.pt);this.hitWorld=e;this.hitWorldValid=false}else{this.hitWorld=i;this.hitWorldValid=true}}update(t,e){var i;if(!this.preventUpdate){this.fetchStartIfMissing(e);const s=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});const n=e.hitTester().hitTest(t);const r=(i=this.hitWorld)!==null&&i!==void 0?i:this.world;if(s==null){throw new Error("Cannot update new measurement interaction. End point is empty.")}else if(!this.hitWorldValid||!n){this.model.setIndicator(s);this.setMeasurement(H(r,s))}else{this.model.setIndicator(s);this.setMeasurement(T(r,s))}}}async finish(t,e){var i;this.preventUpdate=true;this.fetchStartIfMissing(e);await this.pendingStart;this.model.setIndicator(undefined);const s=await e.raycaster();const n=await L(s,t);const r=(i=this.hitWorld)!==null&&i!==void 0?i:this.world;this.preventUpdate=false;if(n==null){const i=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});if(i==null){throw new Error("Cannot complete new measurement interaction. End point is empty.")}return this.setMeasurement(H(r,i))}else if(!this.hitWorldValid){return this.setMeasurement(H(r,n))}else{return this.setMeasurement(T(r,n))}}setMeasurement(t){this.model.setMeasurement(t);return t}}class D{constructor(t,e){this.measurement=t;this.model=e}update(t,e){const i=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});const s=e.hitTester().hitTest(t);if(i==null){throw new Error("Cannot update new measurement interaction. End point is empty.")}else if(!s){this.model.setIndicator(i);this.setMeasurement(this.getInvalidMeasurement(i))}else{this.model.setIndicator(i);this.setMeasurement(this.getValidMeasurement(i))}}async finish(t,e){const i=await e.raycaster();const s=await L(i,t);this.model.setIndicator(undefined);if(s==null){const i=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});if(i==null){throw new Error("Cannot complete edit measurement interaction. End point is empty.")}return this.setMeasurement(this.getInvalidMeasurement(i))}else{return this.setMeasurement(this.getValidMeasurement(s))}}setMeasurement(t){this.model.setMeasurement(t);return t}}class k extends D{constructor(t,e){super(t,e)}getInvalidMeasurement(t){return H(t,this.measurement.end)}getValidMeasurement(t){return T(t,this.measurement.end)}}class S extends D{constructor(t,e){super(t,e)}getInvalidMeasurement(t){return H(this.measurement.start,t)}getValidMeasurement(t){return T(this.measurement.start,t)}}async function L(t,e){var i;const s=await t.hitItems(e);const[n]=(i=s===null||s===void 0?void 0:s.hits)!==null&&i!==void 0?i:[];if((n===null||n===void 0?void 0:n.hitPoint)!=null){const t=u(n.hitPoint);if(g.isInvalid(t)){throw new Error(`Invalid hit response [${t.errors.join(",")}]`)}return t}else return undefined}function T(t,e){return{start:t,end:e,distance:r.distance(t,e),valid:true}}function H(t,e){return{start:t,end:e,valid:false}}const O=({startPt:e,endPt:i,centerPt:s,indicatorPt:n,distance:r,anchorLabelOffset:h,lineCapLength:l,linePointerEvents:c,hideStartAnchor:u,hideEndAnchor:m,onStartAnchorPointerDown:v,onEndAnchorPointerDown:p})=>{const w=e!=null&&i!=null?o.fromPoints(e,i):undefined;const f=w!=null&&e!=null&&h!=null?a.add(e,a.polar(-h,w)):undefined;const b=w!=null&&i!=null&&h!=null?a.add(i,a.polar(h,w)):undefined;return t("div",null,e!=null&&i!=null&&t("vertex-viewer-measurement-line",{class:P("line",{"hide-start-line-cap":u,"hide-end-line-cap":m}),start:e,end:i,capLength:l,pointerEvents:c}),!u&&e!=null&&t("div",{id:"start-anchor",class:"anchor anchor-start",style:{transform:d(e)},onPointerDown:v},t("slot",{name:"start-anchor"},t("div",{class:"anchor-placeholder"}))),!u&&f&&t("div",{class:"anchor-label anchor-label-start",style:{transform:d(f)}},t("slot",{name:"start-label"})),!m&&i!=null&&t("div",{id:"end-anchor",class:"anchor anchor-end",style:{transform:d(i)},onPointerDown:p},t("slot",{name:"end-anchor"},t("div",{class:"anchor-placeholder"}))),!m&&b&&t("div",{class:"anchor-label anchor-label-end",style:{transform:d(b)}},t("slot",{name:"end-label"})),s!=null&&t("div",{id:"label",class:"distance-label",style:{transform:d(s)}},r),n!=null&&t("div",{class:"indicator",style:{transform:d(n)}},t("slot",{name:"indicator"},t("div",{class:"indicator-placeholder"}))))};const V=":host{--viewer-measurement-distance-accent-color:var(--neutral-900);--viewer-measurement-distance-contrast-color:var(--white);--viewer-measurement-distance-invalid-accent-color:var(--red-600);--viewer-measurement-distance-invalid-contrast-color:var(--white);--viewer-measurement-distance-line-stroke-width:1.25px;--viewer-measurement-distance-line-fill-width:2px;--viewer-measurement-distance-distance-border:1px solid\n    var(--viewer-measurement-distance-accent-color);--viewer-measurement-distance-distance-border-radius:0.25rem;--viewer-measurement-distance-distance-padding:0.375rem 0.5rem;color:var(--viewer-measurement-distance-accent-color);font-size:0.75rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}:host([invalid]:not([invalid='false'])){--viewer-measurement-distance-accent-color:var(\n    --viewer-measurement-distance-invalid-accent-color\n  ) !important;--viewer-measurement-distance-contrast-color:var(\n    --viewer-measurement-distance-invalid-contrast-color\n  ) !important}.line{--viewer-measurement-line-stroke:var(\n    --viewer-measurement-distance-contrast-color\n  );--viewer-measurement-line-stroke-opacity:0.75;--viewer-measurement-line-stroke-width:var(\n    --viewer-measurement-distance-line-stroke-width\n  );--viewer-measurement-line-fill:var(\n    --viewer-measurement-distance-accent-color\n  );--viewer-measurement-line-fill-width:var(\n    --viewer-measurement-distance-line-fill-width\n  );position:absolute;width:100%;height:100%}.anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;pointer-events:auto}:host([interacting-anchor='start']) .anchor-start,:host([interacting-anchor='start']) .anchor-label-start{visibility:hidden}.hide-start-line-cap,:host([interacting-anchor='start']) .line{--viewer-measurement-line-start-cap-visibility:hidden}:host([interacting-anchor='end']) .anchor-end,:host([interacting-anchor='end']) .anchor-label-end{visibility:hidden}.hide-end-line-cap,:host([interacting-anchor='end']) .line{--viewer-measurement-line-end-cap-visibility:hidden}.anchor-label{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;pointer-events:auto}:host(:not([mode=''])){cursor:inherit}:host(:not([mode=''])) .anchor{cursor:move}:host([mode='']) .anchor{visibility:hidden}.anchor-placeholder{background:var(--viewer-measurement-distance-contrast-color);width:12px;height:12px;border-radius:50%;box-sizing:border-box}:host(:not([mode=''])) .anchor-placeholder{border:2px solid var(--viewer-measurement-distance-accent-color);background:var(--viewer-measurement-distance-contrast-color)}:host([mode='']) .distance-label{color:var(--viewer-measurement-distance-contrast-color);background:var(--viewer-measurement-distance-accent-color)}.distance-label{position:absolute;background:var(--viewer-measurement-distance-contrast-color);border:var(--viewer-measurement-distance-distance-border);border-radius:var(--viewer-measurement-distance-distance-border-radius);padding:var(--viewer-measurement-distance-distance-padding);pointer-events:auto}.indicator{position:absolute}.indicator-placeholder{background:var(--viewer-measurement-distance-accent-color);border:1px solid var(--viewer-measurement-distance-contrast-color);width:6px;height:6px;border-radius:50%;box-sizing:border-box}";const B=3;const z=class{constructor(t){e(this,t);this.editBegin=i(this,"editBegin",7);this.editEnd=i(this,"editEnd",7);this.showAxisReferenceLines=false;this.snapDistance=E;this.units="millimeters";this.fractionalDigits=2;this.anchorLabelOffset=20;this.lineCapLength=C;this.mode="";this.interactingAnchor="none";this.invalid=false;this.measurementModel=new v;this.viewport=new f(0,0);this.interactionCount=0;this.invalidateStateCounter=0;this.stateMap={};this.measurementUnits=new m(this.units);this.model=I.empty();this.controller=new x(this.model);this.overlays=new p;this.isUserInteractingWithModel=false;this.handleFrameDrawn=()=>{this.invalidateState()};this.clearIndicator=()=>{this.controller.clearIndicator()};this.updateStartAnchor=async t=>{this.getStencilBuffer();if(this.interactionCount===0){const e=c(t,this.elementBounds);const i=this.snapPoint(e,t);this.updateIndicator(i)}};this.newMeasurement=t=>{if(this.interactionCount===0&&t.button===0){const e=t=>{const e=()=>{window.removeEventListener("pointerup",i);window.removeEventListener("pointermove",s)};const i=async()=>{e();t()};const s=t=>{if(t.buttons>0){e()}};window.addEventListener("pointermove",s);window.addEventListener("pointerup",i)};const i=t=>{let e=a.create(0,0);const i=i=>{const s=a.distance(e,c(i));if(s>=B){t()}};const s=()=>{window.removeEventListener("pointermove",i);window.removeEventListener("pointerup",n)};const n=()=>s();const r=t=>{e=c(t);window.addEventListener("pointermove",i);window.addEventListener("pointerup",n)};window.addEventListener("pointerdown",r);return{dispose:()=>window.removeEventListener("pointerdown",r)}};const s=()=>{const t=i((()=>{var t;this.isUserInteractingWithModel=true;(t=this.stateMap.hoverCursor)===null||t===void 0?void 0:t.dispose()}));const e=()=>{window.removeEventListener("pointermove",s);window.removeEventListener("pointerup",n);t.dispose()};const s=this.createInteractionMoveHandler();const n=async t=>{var i;if(t.button===0){if(this.isUserInteractingWithModel){this.isUserInteractingWithModel=false}else{const s=this.getHitProvider();if(s!=null){const n=c(t,this.elementBounds);const r=this.snapPoint(n,t);await((i=this.interaction)===null||i===void 0?void 0:i.finish(r,s));e();this.updateMeasurementPropsFromModel();this.endEditing()}}}};this.beginEditing("replace","end");this.newInteractionHandler={dispose:e};window.addEventListener("pointermove",s);window.addEventListener("pointerup",n)};const n=this.getHitProvider();if(n!=null){const i=c(t,this.elementBounds);const r=this.snapPoint(i,t);this.interaction=this.controller.newMeasurement(r,n);if(this.interaction!=null){e(s)}}}}}async computeElementMetrics(){var t,e,i;const s=(t=this.hostEl.shadowRoot)===null||t===void 0?void 0:t.getElementById("start-anchor");const n=(e=this.hostEl.shadowRoot)===null||e===void 0?void 0:e.getElementById("end-anchor");const r=(i=this.hostEl.shadowRoot)===null||i===void 0?void 0:i.getElementById("label");if(s!=null&&n!=null&&r!=null){return{startAnchor:s.getBoundingClientRect(),endAnchor:n.getBoundingClientRect(),label:r.getBoundingClientRect()}}else{return undefined}}disconnectedCallback(){var t,e;(t=this.stateMap.hoverCursor)===null||t===void 0?void 0:t.dispose();(e=this.newInteractionHandler)===null||e===void 0?void 0:e.dispose()}componentWillLoad(){this.updatePropsFromJson();this.model.setMeasurementFromValues(this.start,this.end,!this.invalid);this.getStencilBuffer();this.updateViewport();this.handleViewerChanged(this.viewer);this.handleModeChanged();this.computePropsAndState();this.model.onIndicatorChanged((t=>{this.indicatorPt=t}))}componentDidLoad(){const t=new ResizeObserver((()=>this.updateViewport()));t.observe(this.hostEl)}componentWillUpdate(){this.computePropsAndState()}render(){return t(s,null,this.showAxisReferenceLines&&t("vertex-viewer-measurement-overlays",{measurementOverlays:this.overlays,viewer:this.viewer}),this.renderMeasurement())}renderMeasurement(){const e=this.computeElementPositions();const{startPt:i,endPt:s,labelPt:n,indicatorPt:r,hideStart:o,hideEnd:a}=e;const h=this.formatDistance(this.distance);if(this.mode==="edit"||this.mode==="replace"){return t(O,{startPt:i,endPt:s,centerPt:n,indicatorPt:r,distance:h,anchorLabelOffset:this.anchorLabelOffset,lineCapLength:this.lineCapLength,hideStartAnchor:o,hideEndAnchor:a,onStartAnchorPointerDown:this.handleEditAnchor("start"),onEndAnchorPointerDown:this.handleEditAnchor("end")})}else{return t(O,{startPt:i,endPt:s,centerPt:n,indicatorPt:this.indicatorPt,distance:h,hideStartAnchor:o,hideEndAnchor:a,anchorLabelOffset:this.anchorLabelOffset,lineCapLength:this.lineCapLength,linePointerEvents:"painted"})}}handleViewerChanged(t,e){if(e!=null){e.removeEventListener("frameDrawn",this.handleFrameDrawn);this.removeInteractionListeners(e)}if(t!=null){t.addEventListener("frameDrawn",this.handleFrameDrawn);this.addInteractionListeners(t)}}handleUnitsChanged(){this.measurementUnits=new m(this.units)}handleCameraChanged(){this.updateCamera()}handleModeChanged(){this.warnIfDepthBuffersDisabled();if(this.viewer!=null){this.removeInteractionListeners(this.viewer);this.addInteractionListeners(this.viewer)}}handleStartChanged(){this.updateInteractionModel()}handleEndChanged(){this.updateInteractionModel()}handleInvalidChanged(){this.updateInteractionModel()}computePropsAndState(){this.updateCamera();this.updateDepthBuffer();this.updateMeasurementPropsFromModel();this.updateOverlays()}updateOverlays(){var t;(t=this.overlay)===null||t===void 0?void 0:t.dispose();if(this.showAxisReferenceLines&&this.interactionCount===0&&!this.invalid&&this.start!=null&&this.end!=null){this.overlay=this.overlays.addDistanceVector(this.start,this.end)}}async setCursor(t){var e,i;(e=this.stateMap.hoverCursor)===null||e===void 0?void 0:e.dispose();if(!this.isUserInteractingWithModel){this.stateMap.hoverCursor=await((i=this.viewer)===null||i===void 0?void 0:i.addCursor(t))}}computeElementPositions(){if(this.mode==="replace"){return this.computeReplaceElementPositions()}else{return this.computeEditOrViewElementPositions()}}computeEditOrViewElementPositions(){const t=this.model.getMeasurement();if(this.internalCamera!=null&&t!=null){return this.computeLineElementPositions(h.create(t))}else{return{}}}computeReplaceElementPositions(){if(this.internalCamera!=null){const t=this.model.getMeasurement();const e=t!=null?this.computeLineElementPositions(h.create(t)):{};const i=this.indicatorPt!=null?{indicatorPt:this.viewport.transformWorldToViewport(this.indicatorPt,this.internalCamera.projectionViewMatrix)}:{};return Object.assign(Object.assign({},e),i)}else{return{}}}computeLineElementPositions(t){if(this.internalCamera!=null){return y(t,this.interactingAnchor,{viewport:this.viewport,camera:this.internalCamera})}else{return{}}}updateCamera(){var t,e;this.internalCamera=this.camera||((e=(t=this.viewer)===null||t===void 0?void 0:t.frame)===null||e===void 0?void 0:e.scene.camera)}async updateDepthBuffer(){var t,e;this.stateMap.depthBuffer=await((e=(t=this.viewer)===null||t===void 0?void 0:t.frame)===null||e===void 0?void 0:e.depthBuffer())}updateViewport(){const t=M(this.hostEl);this.viewport=new f(t.width,t.height);this.elementBounds=t}updatePropsFromJson(){var t,e;this.start=F((t=this.startJson)!==null&&t!==void 0?t:this.start);this.end=F((e=this.endJson)!==null&&e!==void 0?e:this.end)}updateInteractionModel(){this.model.setMeasurementFromValues(this.start,this.end,!this.invalid)}invalidateState(){this.invalidateStateCounter=this.invalidateStateCounter+1}async addInteractionListeners(t){const e=await t.getInteractionTarget_DEPRECATED();if(this.mode==="replace"){e.addEventListener("pointermove",this.updateStartAnchor);e.addEventListener("pointerdown",this.newMeasurement);e.addEventListener("pointerleave",this.clearIndicator)}}async removeInteractionListeners(t){const e=await t.getInteractionTarget_DEPRECATED();e.removeEventListener("pointermove",this.updateStartAnchor);e.removeEventListener("pointerdown",this.newMeasurement);e.removeEventListener("pointerleave",this.clearIndicator)}handleEditAnchor(t){if(this.mode==="edit"||this.mode==="replace"){const e=this.createInteractionMoveHandler();const i=async t=>{var s;const n=this.getHitProvider();if(n!=null){window.removeEventListener("pointermove",e);window.removeEventListener("pointerup",i);const r=c(t,this.elementBounds);const o=this.snapPoint(r,t);await((s=this.interaction)===null||s===void 0?void 0:s.finish(o,n));this.updateMeasurementPropsFromModel();this.endEditing()}};return s=>{this.getStencilBuffer();if(s.button===0){this.beginEditing("edit",t);this.interaction=this.controller.editMeasurement(t);window.addEventListener("pointermove",e);window.addEventListener("pointerup",i)}}}}createInteractionMoveHandler(){return t=>{var e;const i=this.getHitProvider();if(this.elementBounds!=null&&i!=null){t.preventDefault();this.getStencilBuffer();const s=c(t,this.elementBounds);const n=this.snapPoint(s,t);(e=this.interaction)===null||e===void 0?void 0:e.update(n,i);this.updateMeasurementPropsFromModel()}}}async getStencilBuffer(){var t;const e=await((t=this.viewer)===null||t===void 0?void 0:t.stencilBuffer.latestAfterInteraction());this.stateMap.stencil=e}snapPoint(t,e){const i=this.getHitProvider();if(i!=null&&!e.shiftKey){const e=Math.max(0,this.snapDistance);return i.hitTester().snapToNearestPixel(t,e)}return t}formatDistance(t){const e=t!=null?this.measurementUnits.convertWorldValueToReal(t):undefined;if(this.labelFormatter!=null){return this.labelFormatter(e)}else{const t=this.measurementUnits.unit.abbreviatedName;return e==null?"---":`~${e.toFixed(this.fractionalDigits)} ${t}`}}beginEditing(t,e){if(this.interactionCount===0){this.interactingAnchor=e;this.editBegin.emit({type:t,anchor:e})}this.interactionCount=this.interactionCount+1}endEditing(){if(this.interactionCount===1){const t=this.model.getMeasurement();this.interactingAnchor="none";this.updateMeasurementModel();if(t!=null){this.editEnd.emit(t)}}this.interactionCount=this.interactionCount-1}updateMeasurementModel(){this.measurementModel.clearOutcome();if(!this.invalid&&this.start!=null&&this.end!=null){this.measurementModel.setOutcome({isApproximate:true,results:[w(this.start,this.end)]})}}getHitProvider(){if(this.hitProvider==null){const t=this.getHitTester();const e=this.viewer;if(e!=null&&t!=null){return{hitTester:()=>t,raycaster:async()=>(await e.scene()).raycaster()}}}else return this.hitProvider}getHitTester(){const{stencil:t,depthBuffer:e}=this.stateMap;if(e!=null){return new j(t,e,this.viewport,this.internalCamera)}}updateMeasurementPropsFromModel(){const t=this.model.getMeasurement();this.start=t===null||t===void 0?void 0:t.start;this.end=t===null||t===void 0?void 0:t.end;this.distance=t===null||t===void 0?void 0:t.distance;this.invalid=t!=null&&!t.valid}updateIndicator(t){var e;const i=this.getHitProvider();const s=i==null||!this.controller.moveIndicator(t,i);if(s){(e=this.stateMap.hoverCursor)===null||e===void 0?void 0:e.dispose()}else{this.setCursor(l)}}warnIfDepthBuffersDisabled(){if(this.viewer!=null&&this.viewer.depthBuffers==null){console.warn("Measurement editing is disabled. <vertex-viewer> must have its `depth-buffers` attribute set.")}}get hostEl(){return n(this)}static get watchers(){return{viewer:["handleViewerChanged"],units:["handleUnitsChanged"],camera:["handleCameraChanged"],mode:["handleModeChanged"],start:["handleStartChanged"],end:["handleEndChanged"],invalid:["handleInvalidChanged"]}}};function F(t){return typeof t==="string"?r.fromJson(t):t}z.style=V;export{z as vertex_viewer_measurement_distance};
-//# sourceMappingURL=p-f8c3e667.entry.js.map
+import{h as t,r as e,c as i,H as s,g as n}from"./p-e4ea1075.js";import{v as r,c as o,p as a,l as h}from"./p-64241313.js";import{m as l}from"./p-6abf7036.js";import{a as d,g as c}from"./p-affabc82.js";import"./p-81294bc2.js";import"./p-c93bea57.js";import{j as u,D as m}from"./p-b1d6db57.js";import{M as v}from"./p-6675841d.js";import{M as p}from"./p-f2040b95.js";import{m as w}from"./p-ca63359b.js";import"./p-d312d59a.js";import{V as f}from"./p-97c819bc.js";import{E as b,m as g}from"./p-fbf81eb8.js";import{g as y}from"./p-39bd8e53.js";import{c as P}from"./p-5206da6c.js";import"./p-88c19f38.js";import"./p-96daf338.js";import"./p-6a9fc9d7.js";import"./p-ff3586b7.js";const E=16;const C=10;function M(t){return t.getBoundingClientRect()}class j{constructor(t,e,i,s){this.stencil=t;this.depthBuffer=e;this.viewport=i;this.camera=s}hitTest(t){const e=this.viewport.transformPointToFrame(t,this.depthBuffer);if(this.stencil!=null){const i=this.viewport.transformPointToFrame(t,this.stencil);return this.stencil.hitTest(i)||this.depthBuffer.hitTest(e)}else{return this.depthBuffer.hitTest(e)}}snapToNearestPixel(t,e){if(this.stencil!=null){const i=this.viewport.transformPointToFrame(t,this.stencil);const s=this.stencil.snapToNearestPixel(i,e);return this.viewport.transformPointToViewport(s,this.stencil)}else{return t}}transformPointToWorld(t,{ignoreHitTest:e=false}={}){const i=this.pickDepthBuffer(t);if(i!=null){return this.camera==null||this.camera.isPerspective()?this.viewport.transformPointToWorldSpace(t,i):this.viewport.transformPointToOrthographicWorldSpace(t,i)}else if(e){return this.camera==null||this.camera.isPerspective()?this.viewport.transformPointToWorldSpace(t,this.depthBuffer):this.viewport.transformPointToOrthographicWorldSpace(t,this.depthBuffer)}}pickDepthBuffer(t){if(this.stencil!=null){const e=this.viewport.transformPointToFrame(t,this.stencil);if(this.stencil.hitTest(e)){return this.stencil.depthBuffer}}const e=this.viewport.transformPointToFrame(t,this.depthBuffer);return this.depthBuffer.hitTest(e)?this.depthBuffer:undefined}}class x{constructor(t){this.model=t}newMeasurement(t,e){const i=e.hitTester().transformPointToWorld(t);return i!=null?new A(t,i,this.model):undefined}editMeasurement(t){const e=this.model.getMeasurement();if(e==null){throw new Error("Cannot edit measurement. Measurement is empty.")}return t==="start"?new k(e,this.model):new S(e,this.model)}clearIndicator(){this.model.setIndicator(undefined)}moveIndicator(t,e){const i=e.hitTester().transformPointToWorld(t);this.model.setIndicator(i);return i!=null}}class I{constructor(){this.measurementChanged=new b;this.indicatorChanged=new b}static empty(){return new I}getMeasurement(){return this.measurement}setMeasurement(t){if(this.measurement!==t){this.measurement=t;this.measurementChanged.emit(t)}}setMeasurementFromValues(t,e,i){if(t!=null&&e!=null){const s=i?T(t,e):H(t,e);this.setMeasurement(s)}else{this.setMeasurement(undefined)}}onMeasurementChanged(t){return this.measurementChanged.on(t)}getIndicator(){return this.indicator}setIndicator(t){if(this.indicator!==t){this.indicator=t;this.indicatorChanged.emit(t)}}onIndicatorChanged(t){return this.indicatorChanged.on(t)}}class A{constructor(t,e,i){this.pt=t;this.world=e;this.model=i;this.hitWorldValid=true;this.preventUpdate=false}fetchStartIfMissing(t){if(this.pendingStart==null){this.pendingStart=this.fetchStart(t)}}async fetchStart(t){const e=await t.raycaster();const i=await L(e,this.pt);if(i==null){const e=t.hitTester().transformPointToWorld(this.pt);this.hitWorld=e;this.hitWorldValid=false}else{this.hitWorld=i;this.hitWorldValid=true}}update(t,e){var i;if(!this.preventUpdate){this.fetchStartIfMissing(e);const s=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});const n=e.hitTester().hitTest(t);const r=(i=this.hitWorld)!==null&&i!==void 0?i:this.world;if(s==null){throw new Error("Cannot update new measurement interaction. End point is empty.")}else if(!this.hitWorldValid||!n){this.model.setIndicator(s);this.setMeasurement(H(r,s))}else{this.model.setIndicator(s);this.setMeasurement(T(r,s))}}}async finish(t,e){var i;this.preventUpdate=true;this.fetchStartIfMissing(e);await this.pendingStart;this.model.setIndicator(undefined);const s=await e.raycaster();const n=await L(s,t);const r=(i=this.hitWorld)!==null&&i!==void 0?i:this.world;this.preventUpdate=false;if(n==null){const i=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});if(i==null){throw new Error("Cannot complete new measurement interaction. End point is empty.")}return this.setMeasurement(H(r,i))}else if(!this.hitWorldValid){return this.setMeasurement(H(r,n))}else{return this.setMeasurement(T(r,n))}}setMeasurement(t){this.model.setMeasurement(t);return t}}class D{constructor(t,e){this.measurement=t;this.model=e}update(t,e){const i=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});const s=e.hitTester().hitTest(t);if(i==null){throw new Error("Cannot update new measurement interaction. End point is empty.")}else if(!s){this.model.setIndicator(i);this.setMeasurement(this.getInvalidMeasurement(i))}else{this.model.setIndicator(i);this.setMeasurement(this.getValidMeasurement(i))}}async finish(t,e){const i=await e.raycaster();const s=await L(i,t);this.model.setIndicator(undefined);if(s==null){const i=e.hitTester().transformPointToWorld(t,{ignoreHitTest:true});if(i==null){throw new Error("Cannot complete edit measurement interaction. End point is empty.")}return this.setMeasurement(this.getInvalidMeasurement(i))}else{return this.setMeasurement(this.getValidMeasurement(s))}}setMeasurement(t){this.model.setMeasurement(t);return t}}class k extends D{constructor(t,e){super(t,e)}getInvalidMeasurement(t){return H(t,this.measurement.end)}getValidMeasurement(t){return T(t,this.measurement.end)}}class S extends D{constructor(t,e){super(t,e)}getInvalidMeasurement(t){return H(this.measurement.start,t)}getValidMeasurement(t){return T(this.measurement.start,t)}}async function L(t,e){var i;const s=await t.hitItems(e);const[n]=(i=s===null||s===void 0?void 0:s.hits)!==null&&i!==void 0?i:[];if((n===null||n===void 0?void 0:n.hitPoint)!=null){const t=u(n.hitPoint);if(g.isInvalid(t)){throw new Error(`Invalid hit response [${t.errors.join(",")}]`)}return t}else return undefined}function T(t,e){return{start:t,end:e,distance:r.distance(t,e),valid:true}}function H(t,e){return{start:t,end:e,valid:false}}const O=({startPt:e,endPt:i,centerPt:s,indicatorPt:n,distance:r,anchorLabelOffset:h,lineCapLength:l,linePointerEvents:c,hideStartAnchor:u,hideEndAnchor:m,onStartAnchorPointerDown:v,onEndAnchorPointerDown:p})=>{const w=e!=null&&i!=null?o.fromPoints(e,i):undefined;const f=w!=null&&e!=null&&h!=null?a.add(e,a.polar(-h,w)):undefined;const b=w!=null&&i!=null&&h!=null?a.add(i,a.polar(h,w)):undefined;return t("div",null,e!=null&&i!=null&&t("vertex-viewer-measurement-line",{class:P("line",{"hide-start-line-cap":u,"hide-end-line-cap":m}),start:e,end:i,capLength:l,pointerEvents:c}),!u&&e!=null&&t("div",{id:"start-anchor",class:"anchor anchor-start",style:{transform:d(e)},onPointerDown:v},t("slot",{name:"start-anchor"},t("div",{class:"anchor-placeholder"}))),!u&&f&&t("div",{class:"anchor-label anchor-label-start",style:{transform:d(f)}},t("slot",{name:"start-label"})),!m&&i!=null&&t("div",{id:"end-anchor",class:"anchor anchor-end",style:{transform:d(i)},onPointerDown:p},t("slot",{name:"end-anchor"},t("div",{class:"anchor-placeholder"}))),!m&&b&&t("div",{class:"anchor-label anchor-label-end",style:{transform:d(b)}},t("slot",{name:"end-label"})),s!=null&&t("div",{id:"label",class:"distance-label",style:{transform:d(s)}},r),n!=null&&t("div",{class:"indicator",style:{transform:d(n)}},t("slot",{name:"indicator"},t("div",{class:"indicator-placeholder"}))))};const V=":host{--viewer-measurement-distance-accent-color:var(--neutral-900);--viewer-measurement-distance-contrast-color:var(--white);--viewer-measurement-distance-invalid-accent-color:var(--red-600);--viewer-measurement-distance-invalid-contrast-color:var(--white);--viewer-measurement-distance-line-stroke-width:1.25px;--viewer-measurement-distance-line-fill-width:2px;--viewer-measurement-distance-distance-border:1px solid\n    var(--viewer-measurement-distance-accent-color);--viewer-measurement-distance-distance-border-radius:0.25rem;--viewer-measurement-distance-distance-padding:0.375rem 0.5rem;color:var(--viewer-measurement-distance-accent-color);font-size:0.75rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}:host([invalid]:not([invalid='false'])){--viewer-measurement-distance-accent-color:var(\n    --viewer-measurement-distance-invalid-accent-color\n  ) !important;--viewer-measurement-distance-contrast-color:var(\n    --viewer-measurement-distance-invalid-contrast-color\n  ) !important}.line{--viewer-measurement-line-stroke:var(\n    --viewer-measurement-distance-contrast-color\n  );--viewer-measurement-line-stroke-opacity:0.75;--viewer-measurement-line-stroke-width:var(\n    --viewer-measurement-distance-line-stroke-width\n  );--viewer-measurement-line-fill:var(\n    --viewer-measurement-distance-accent-color\n  );--viewer-measurement-line-fill-width:var(\n    --viewer-measurement-distance-line-fill-width\n  );position:absolute;width:100%;height:100%}.anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;pointer-events:auto}:host([interacting-anchor='start']) .anchor-start,:host([interacting-anchor='start']) .anchor-label-start{visibility:hidden}.hide-start-line-cap,:host([interacting-anchor='start']) .line{--viewer-measurement-line-start-cap-visibility:hidden}:host([interacting-anchor='end']) .anchor-end,:host([interacting-anchor='end']) .anchor-label-end{visibility:hidden}.hide-end-line-cap,:host([interacting-anchor='end']) .line{--viewer-measurement-line-end-cap-visibility:hidden}.anchor-label{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;pointer-events:auto}:host(:not([mode=''])){cursor:inherit}:host(:not([mode=''])) .anchor{cursor:move}:host([mode='']) .anchor{visibility:hidden}.anchor-placeholder{background:var(--viewer-measurement-distance-contrast-color);width:12px;height:12px;border-radius:50%;box-sizing:border-box}:host(:not([mode=''])) .anchor-placeholder{border:2px solid var(--viewer-measurement-distance-accent-color);background:var(--viewer-measurement-distance-contrast-color)}:host([mode='']) .distance-label{color:var(--viewer-measurement-distance-contrast-color);background:var(--viewer-measurement-distance-accent-color)}.distance-label{position:absolute;background:var(--viewer-measurement-distance-contrast-color);border:var(--viewer-measurement-distance-distance-border);border-radius:var(--viewer-measurement-distance-distance-border-radius);padding:var(--viewer-measurement-distance-distance-padding);pointer-events:auto}.indicator{position:absolute}.indicator-placeholder{background:var(--viewer-measurement-distance-accent-color);border:1px solid var(--viewer-measurement-distance-contrast-color);width:6px;height:6px;border-radius:50%;box-sizing:border-box}";const B=3;const z=class{constructor(t){e(this,t);this.editBegin=i(this,"editBegin",7);this.editEnd=i(this,"editEnd",7);this.showAxisReferenceLines=false;this.snapDistance=E;this.units="millimeters";this.fractionalDigits=2;this.anchorLabelOffset=20;this.lineCapLength=C;this.mode="";this.interactingAnchor="none";this.invalid=false;this.measurementModel=new v;this.viewport=new f(0,0);this.interactionCount=0;this.invalidateStateCounter=0;this.stateMap={};this.measurementUnits=new m(this.units);this.model=I.empty();this.controller=new x(this.model);this.overlays=new p;this.isUserInteractingWithModel=false;this.handleFrameDrawn=()=>{this.invalidateState()};this.clearIndicator=()=>{this.controller.clearIndicator()};this.updateStartAnchor=async t=>{this.getStencilBuffer();if(this.interactionCount===0){const e=c(t,this.elementBounds);const i=this.snapPoint(e,t);this.updateIndicator(i)}};this.newMeasurement=t=>{if(this.interactionCount===0&&t.button===0){const e=t=>{const e=()=>{window.removeEventListener("pointerup",i);window.removeEventListener("pointermove",s)};const i=async()=>{e();t()};const s=t=>{if(t.buttons>0){e()}};window.addEventListener("pointermove",s);window.addEventListener("pointerup",i)};const i=t=>{let e=a.create(0,0);const i=i=>{const s=a.distance(e,c(i));if(s>=B){t()}};const s=()=>{window.removeEventListener("pointermove",i);window.removeEventListener("pointerup",n)};const n=()=>s();const r=t=>{e=c(t);window.addEventListener("pointermove",i);window.addEventListener("pointerup",n)};window.addEventListener("pointerdown",r);return{dispose:()=>window.removeEventListener("pointerdown",r)}};const s=()=>{const t=i((()=>{var t;this.isUserInteractingWithModel=true;(t=this.stateMap.hoverCursor)===null||t===void 0?void 0:t.dispose()}));const e=()=>{window.removeEventListener("pointermove",s);window.removeEventListener("pointerup",n);t.dispose()};const s=this.createInteractionMoveHandler();const n=async t=>{var i;if(t.button===0){if(this.isUserInteractingWithModel){this.isUserInteractingWithModel=false}else{const s=this.getHitProvider();if(s!=null){const n=c(t,this.elementBounds);const r=this.snapPoint(n,t);await((i=this.interaction)===null||i===void 0?void 0:i.finish(r,s));e();this.updateMeasurementPropsFromModel();this.endEditing()}}}};this.beginEditing("replace","end");this.newInteractionHandler={dispose:e};window.addEventListener("pointermove",s);window.addEventListener("pointerup",n)};const n=this.getHitProvider();if(n!=null){const i=c(t,this.elementBounds);const r=this.snapPoint(i,t);this.interaction=this.controller.newMeasurement(r,n);if(this.interaction!=null){e(s)}}}}}async computeElementMetrics(){var t,e,i;const s=(t=this.hostEl.shadowRoot)===null||t===void 0?void 0:t.getElementById("start-anchor");const n=(e=this.hostEl.shadowRoot)===null||e===void 0?void 0:e.getElementById("end-anchor");const r=(i=this.hostEl.shadowRoot)===null||i===void 0?void 0:i.getElementById("label");if(s!=null&&n!=null&&r!=null){return{startAnchor:s.getBoundingClientRect(),endAnchor:n.getBoundingClientRect(),label:r.getBoundingClientRect()}}else{return undefined}}disconnectedCallback(){var t,e;(t=this.stateMap.hoverCursor)===null||t===void 0?void 0:t.dispose();(e=this.newInteractionHandler)===null||e===void 0?void 0:e.dispose()}componentWillLoad(){this.updatePropsFromJson();this.model.setMeasurementFromValues(this.start,this.end,!this.invalid);this.getStencilBuffer();this.updateViewport();this.handleViewerChanged(this.viewer);this.handleModeChanged();this.computePropsAndState();this.model.onIndicatorChanged((t=>{this.indicatorPt=t}))}componentDidLoad(){const t=new ResizeObserver((()=>this.updateViewport()));t.observe(this.hostEl)}componentWillUpdate(){this.computePropsAndState()}render(){return t(s,null,this.showAxisReferenceLines&&t("vertex-viewer-measurement-overlays",{measurementOverlays:this.overlays,viewer:this.viewer}),this.renderMeasurement())}renderMeasurement(){const e=this.computeElementPositions();const{startPt:i,endPt:s,labelPt:n,indicatorPt:r,hideStart:o,hideEnd:a}=e;const h=this.formatDistance(this.distance);if(this.mode==="edit"||this.mode==="replace"){return t(O,{startPt:i,endPt:s,centerPt:n,indicatorPt:r,distance:h,anchorLabelOffset:this.anchorLabelOffset,lineCapLength:this.lineCapLength,hideStartAnchor:o,hideEndAnchor:a,onStartAnchorPointerDown:this.handleEditAnchor("start"),onEndAnchorPointerDown:this.handleEditAnchor("end")})}else{return t(O,{startPt:i,endPt:s,centerPt:n,indicatorPt:this.indicatorPt,distance:h,hideStartAnchor:o,hideEndAnchor:a,anchorLabelOffset:this.anchorLabelOffset,lineCapLength:this.lineCapLength,linePointerEvents:"painted"})}}handleViewerChanged(t,e){if(e!=null){e.removeEventListener("frameDrawn",this.handleFrameDrawn);this.removeInteractionListeners(e)}if(t!=null){t.addEventListener("frameDrawn",this.handleFrameDrawn);this.addInteractionListeners(t)}}handleUnitsChanged(){this.measurementUnits=new m(this.units)}handleCameraChanged(){this.updateCamera()}handleModeChanged(){var t;this.warnIfDepthBuffersDisabled();if(this.mode===""){(t=this.stateMap.hoverCursor)===null||t===void 0?void 0:t.dispose()}if(this.viewer!=null){this.removeInteractionListeners(this.viewer);this.addInteractionListeners(this.viewer)}}handleStartChanged(){this.updateInteractionModel()}handleEndChanged(){this.updateInteractionModel()}handleInvalidChanged(){this.updateInteractionModel()}computePropsAndState(){this.updateCamera();this.updateDepthBuffer();this.updateMeasurementPropsFromModel();this.updateOverlays()}updateOverlays(){var t;(t=this.overlay)===null||t===void 0?void 0:t.dispose();if(this.showAxisReferenceLines&&this.interactionCount===0&&!this.invalid&&this.start!=null&&this.end!=null){this.overlay=this.overlays.addDistanceVector(this.start,this.end)}}async setCursor(t){var e,i;(e=this.stateMap.hoverCursor)===null||e===void 0?void 0:e.dispose();if(!this.isUserInteractingWithModel){this.stateMap.hoverCursor=await((i=this.viewer)===null||i===void 0?void 0:i.addCursor(t))}}computeElementPositions(){if(this.mode==="replace"){return this.computeReplaceElementPositions()}else{return this.computeEditOrViewElementPositions()}}computeEditOrViewElementPositions(){const t=this.model.getMeasurement();if(this.internalCamera!=null&&t!=null){return this.computeLineElementPositions(h.create(t))}else{return{}}}computeReplaceElementPositions(){if(this.internalCamera!=null){const t=this.model.getMeasurement();const e=t!=null?this.computeLineElementPositions(h.create(t)):{};const i=this.indicatorPt!=null?{indicatorPt:this.viewport.transformWorldToViewport(this.indicatorPt,this.internalCamera.projectionViewMatrix)}:{};return Object.assign(Object.assign({},e),i)}else{return{}}}computeLineElementPositions(t){if(this.internalCamera!=null){return y(t,this.interactingAnchor,{viewport:this.viewport,camera:this.internalCamera})}else{return{}}}updateCamera(){var t,e;this.internalCamera=this.camera||((e=(t=this.viewer)===null||t===void 0?void 0:t.frame)===null||e===void 0?void 0:e.scene.camera)}async updateDepthBuffer(){var t,e;this.stateMap.depthBuffer=await((e=(t=this.viewer)===null||t===void 0?void 0:t.frame)===null||e===void 0?void 0:e.depthBuffer())}updateViewport(){const t=M(this.hostEl);this.viewport=new f(t.width,t.height);this.elementBounds=t}updatePropsFromJson(){var t,e;this.start=F((t=this.startJson)!==null&&t!==void 0?t:this.start);this.end=F((e=this.endJson)!==null&&e!==void 0?e:this.end)}updateInteractionModel(){this.model.setMeasurementFromValues(this.start,this.end,!this.invalid)}invalidateState(){this.invalidateStateCounter=this.invalidateStateCounter+1}async addInteractionListeners(t){const e=await t.getInteractionTarget_DEPRECATED();if(this.mode==="replace"){e.addEventListener("pointermove",this.updateStartAnchor);e.addEventListener("pointerdown",this.newMeasurement);e.addEventListener("pointerleave",this.clearIndicator)}}async removeInteractionListeners(t){const e=await t.getInteractionTarget_DEPRECATED();e.removeEventListener("pointermove",this.updateStartAnchor);e.removeEventListener("pointerdown",this.newMeasurement);e.removeEventListener("pointerleave",this.clearIndicator)}handleEditAnchor(t){if(this.mode==="edit"||this.mode==="replace"){const e=this.createInteractionMoveHandler();const i=async t=>{var s;const n=this.getHitProvider();if(n!=null){window.removeEventListener("pointermove",e);window.removeEventListener("pointerup",i);const r=c(t,this.elementBounds);const o=this.snapPoint(r,t);await((s=this.interaction)===null||s===void 0?void 0:s.finish(o,n));this.updateMeasurementPropsFromModel();this.endEditing()}};return s=>{this.getStencilBuffer();if(s.button===0){this.beginEditing("edit",t);this.interaction=this.controller.editMeasurement(t);window.addEventListener("pointermove",e);window.addEventListener("pointerup",i)}}}}createInteractionMoveHandler(){return t=>{var e;const i=this.getHitProvider();if(this.elementBounds!=null&&i!=null){t.preventDefault();this.getStencilBuffer();const s=c(t,this.elementBounds);const n=this.snapPoint(s,t);(e=this.interaction)===null||e===void 0?void 0:e.update(n,i);this.updateMeasurementPropsFromModel()}}}async getStencilBuffer(){var t;const e=await((t=this.viewer)===null||t===void 0?void 0:t.stencilBuffer.latestAfterInteraction());this.stateMap.stencil=e}snapPoint(t,e){const i=this.getHitProvider();if(i!=null&&!e.shiftKey){const e=Math.max(0,this.snapDistance);return i.hitTester().snapToNearestPixel(t,e)}return t}formatDistance(t){const e=t!=null?this.measurementUnits.convertWorldValueToReal(t):undefined;if(this.labelFormatter!=null){return this.labelFormatter(e)}else{const t=this.measurementUnits.unit.abbreviatedName;return e==null?"---":`~${e.toFixed(this.fractionalDigits)} ${t}`}}beginEditing(t,e){if(this.interactionCount===0){this.interactingAnchor=e;this.editBegin.emit({type:t,anchor:e})}this.interactionCount=this.interactionCount+1}endEditing(){if(this.interactionCount===1){const t=this.model.getMeasurement();this.interactingAnchor="none";this.updateMeasurementModel();if(t!=null){this.editEnd.emit(t)}}this.interactionCount=this.interactionCount-1}updateMeasurementModel(){this.measurementModel.clearOutcome();if(!this.invalid&&this.start!=null&&this.end!=null){this.measurementModel.setOutcome({isApproximate:true,results:[w(this.start,this.end)]})}}getHitProvider(){if(this.hitProvider==null){const t=this.getHitTester();const e=this.viewer;if(e!=null&&t!=null){return{hitTester:()=>t,raycaster:async()=>(await e.scene()).raycaster()}}}else return this.hitProvider}getHitTester(){const{stencil:t,depthBuffer:e}=this.stateMap;if(e!=null){return new j(t,e,this.viewport,this.internalCamera)}}updateMeasurementPropsFromModel(){const t=this.model.getMeasurement();this.start=t===null||t===void 0?void 0:t.start;this.end=t===null||t===void 0?void 0:t.end;this.distance=t===null||t===void 0?void 0:t.distance;this.invalid=t!=null&&!t.valid}updateIndicator(t){var e;const i=this.getHitProvider();const s=i==null||!this.controller.moveIndicator(t,i);if(s){(e=this.stateMap.hoverCursor)===null||e===void 0?void 0:e.dispose()}else{this.setCursor(l)}}warnIfDepthBuffersDisabled(){if(this.viewer!=null&&this.viewer.depthBuffers==null){console.warn("Measurement editing is disabled. <vertex-viewer> must have its `depth-buffers` attribute set.")}}get hostEl(){return n(this)}static get watchers(){return{viewer:["handleViewerChanged"],units:["handleUnitsChanged"],camera:["handleCameraChanged"],mode:["handleModeChanged"],start:["handleStartChanged"],end:["handleEndChanged"],invalid:["handleInvalidChanged"]}}};function F(t){return typeof t==="string"?r.fromJson(t):t}z.style=V;export{z as vertex_viewer_measurement_distance};
+//# sourceMappingURL=p-d8626aa7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["src/lib/constants.ts","src/components/viewer-measurement-distance/dom.ts","src/components/viewer-measurement-distance/hitTest.ts","src/components/viewer-measurement-distance/interactions.ts","src/components/viewer-measurement-distance/viewer-measurement-distance-components.tsx","src/components/viewer-measurement-distance/viewer-measurement-distance.css?tag=vertex-viewer-measurement-distance&encapsulation=shadow","src/components/viewer-measurement-distance/viewer-measurement-distance.tsx"],"names":["MEASUREMENT_SNAP_DISTANCE","MEASUREMENT_LINE_CAP_LENGTH","getMeasurementBoundingClientRect","el","getBoundingClientRect","PointToPointHitTester","[object Object]","stencil","depthBuffer","viewport","camera","this","pt","dpt","transformPointToFrame","spt","hitTest","radius","framePt","snapPt","snapToNearestPixel","transformPointToViewport","ignoreHitTest","buffer","pickDepthBuffer","isPerspective","transformPointToWorldSpace","transformPointToOrthographicWorldSpace","stencilPt","depthPt","undefined","PointToPointInteractionController","model","hits","world","hitTester","transformPointToWorld","NewMeasurementInteraction","anchor","measurement","getMeasurement","Error","EditStartAnchorInteraction","EditEndAnchorInteraction","setIndicator","worldPt","PointToPointInteractionModel","measurementChanged","EventDispatcher","indicatorChanged","emit","start","end","valid","validMeasurement","invalidMeasurement","setMeasurement","listener","on","indicator","hitWorldValid","preventUpdate","pendingStart","fetchStart","raycaster","hitPt","getHit","invalidPt","hitWorld","fetchStartIfMissing","isHit","_a","EditAnchorInteraction","context","getInvalidMeasurement","getValidMeasurement","super","startPt","endPt","async","hitRes","hitItems","hit","hitPoint","fromPbVector3f","Mapper","isInvalid","errors","join","distance","Vector3","DistanceMeasurementRenderer","centerPt","indicatorPt","anchorLabelOffset","lineCapLength","linePointerEvents","hideStartAnchor","hideEndAnchor","onStartAnchorPointerDown","onEndAnchorPointerDown","angle","Angle","fromPoints","startLabelPt","Point","add","polar","endLabelPt","h","class","classNames","hide-start-line-cap","hide-end-line-cap","capLength","pointerEvents","id","style","transform","cssTransformCenterAt","onPointerDown","name","viewerMeasurementDistanceCss","INTERACTION_THRESHOLD","ViewerMeasurementDistance","hostRef","showAxisReferenceLines","snapDistance","units","fractionalDigits","mode","interactingAnchor","invalid","measurementModel","MeasurementModel","Viewport","interactionCount","invalidateStateCounter","stateMap","measurementUnits","DistanceUnits","empty","controller","overlays","MeasurementOverlayManager","isUserInteractingWithModel","handleFrameDrawn","invalidateState","clearIndicator","updateStartAnchor","event","getStencilBuffer","getMouseClientPosition","elementBounds","snapPoint","updateIndicator","newMeasurement","button","startMeasurement","dispose","window","removeEventListener","pointerUp","pointerMove","buttons","addEventListener","pointerDownAndMove","callback","downPt","create","dist","pointerDown","measureInteraction","handleDownAndMove","hoverCursor","createInteractionMoveHandler","getHitProvider","interaction","finish","updateMeasurementPropsFromModel","endEditing","beginEditing","newInteractionHandler","startAnchorEl","hostEl","shadowRoot","getElementById","endAnchorEl","_b","labelEl","_c","startAnchor","endAnchor","label","updatePropsFromJson","setMeasurementFromValues","updateViewport","handleViewerChanged","viewer","handleModeChanged","computePropsAndState","onIndicatorChanged","resize","ResizeObserver","observe","Host","measurementOverlays","renderMeasurement","positions","computeElementPositions","labelPt","hideStart","hideEnd","formatDistance","handleEditAnchor","newViewer","oldViewer","removeInteractionListeners","addInteractionListeners","updateCamera","warnIfDepthBuffersDisabled","updateInteractionModel","updateDepthBuffer","updateOverlays","overlay","addDistanceVector","cursor","addCursor","computeReplaceElementPositions","computeEditOrViewElementPositions","internalCamera","computeLineElementPositions","Line3","line","transformWorldToViewport","projectionViewMatrix","Object","assign","getViewingElementPositions","frame","scene","rect","width","height","parseVector3","startJson","endJson","interactionTarget","getInteractionTarget_DEPRECATED","handlePointerMove","handlePointerUp","editMeasurement","preventDefault","update","stencilBuffer","latestAfterInteraction","shiftKey","Math","max","convertWorldValueToReal","labelFormatter","abbreviated","unit","abbreviatedName","toFixed","type","editBegin","updateMeasurementModel","editEnd","clearOutcome","setOutcome","isApproximate","results","makeMinimumDistanceResult","hitProvider","getHitTester","clearCursor","moveIndicator","setCursor","measurementCursor","depthBuffers","console","warn","value","fromJson"],"mappings":"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","sourcesContent":["/**\n * The default distance, in pixels, between the mouse position and a snappable\n * measurement feature.\n */\nexport const MEASUREMENT_SNAP_DISTANCE = 16;\n\n/**\n * The default length, in pixels, for the measurement line cap.\n */\nexport const MEASUREMENT_LINE_CAP_LENGTH = 10;\n","export function getMeasurementBoundingClientRect(el: HTMLElement): DOMRect {\n  return el.getBoundingClientRect();\n}\n","import { Point, Vector3 } from '@vertexvis/geometry';\n\nimport {\n  DepthBuffer,\n  FrameCameraBase,\n  StencilBuffer,\n  Viewport,\n} from '../../lib/types';\n\nexport class PointToPointHitTester {\n  public constructor(\n    private stencil: StencilBuffer | undefined,\n    private depthBuffer: DepthBuffer,\n    private viewport: Viewport,\n    private camera?: FrameCameraBase\n  ) {}\n\n  public hitTest(pt: Point.Point): boolean {\n    const dpt = this.viewport.transformPointToFrame(pt, this.depthBuffer);\n    if (this.stencil != null) {\n      const spt = this.viewport.transformPointToFrame(pt, this.stencil);\n      return this.stencil.hitTest(spt) || this.depthBuffer.hitTest(dpt);\n    } else {\n      return this.depthBuffer.hitTest(dpt);\n    }\n  }\n\n  public snapToNearestPixel(pt: Point.Point, radius: number): Point.Point {\n    if (this.stencil != null) {\n      const framePt = this.viewport.transformPointToFrame(pt, this.stencil);\n      const snapPt = this.stencil.snapToNearestPixel(framePt, radius);\n      return this.viewport.transformPointToViewport(snapPt, this.stencil);\n    } else {\n      return pt;\n    }\n  }\n\n  public transformPointToWorld(\n    pt: Point.Point,\n    { ignoreHitTest = false }: { ignoreHitTest?: boolean } = {}\n  ): Vector3.Vector3 | undefined {\n    const buffer = this.pickDepthBuffer(pt);\n\n    if (buffer != null) {\n      return this.camera == null || this.camera.isPerspective()\n        ? this.viewport.transformPointToWorldSpace(pt, buffer)\n        : this.viewport.transformPointToOrthographicWorldSpace(pt, buffer);\n    } else if (ignoreHitTest) {\n      return this.camera == null || this.camera.isPerspective()\n        ? this.viewport.transformPointToWorldSpace(pt, this.depthBuffer)\n        : this.viewport.transformPointToOrthographicWorldSpace(\n            pt,\n            this.depthBuffer\n          );\n    }\n  }\n\n  private pickDepthBuffer(pt: Point.Point): DepthBuffer | undefined {\n    if (this.stencil != null) {\n      const stencilPt = this.viewport.transformPointToFrame(pt, this.stencil);\n      if (this.stencil.hitTest(stencilPt)) {\n        return this.stencil.depthBuffer;\n      }\n    }\n\n    const depthPt = this.viewport.transformPointToFrame(pt, this.depthBuffer);\n    return this.depthBuffer.hitTest(depthPt) ? this.depthBuffer : undefined;\n  }\n}\n","import { Point, Vector3 } from '@vertexvis/geometry';\nimport { Disposable, EventDispatcher, Listener } from '@vertexvis/utils';\nimport { Mapper } from '@vertexvis/utils';\n\nimport { fromPbVector3f } from '../../lib/mappers';\nimport { RaycasterLike } from '../../lib/scenes';\nimport { PointToPointHitTester } from './hitTest';\nimport { Anchor } from './utils';\n\n/**\n * A measurement result that represents the distance between two points.\n */\nexport interface PointToPointMeasurementResult {\n  /**\n   * The distance, in world units, between two points. This value is only\n   * populated if the result is valid.\n   */\n  distance?: number;\n\n  /**\n   * The first point, in world units.\n   */\n  start: Vector3.Vector3;\n\n  /**\n   * The second point, in world units.\n   */\n  end: Vector3.Vector3;\n\n  /**\n   * Indicates if this result is valid. A value of `false` indicates that one of\n   * the points does not touch any geometry.\n   */\n  valid: boolean;\n}\n\n/**\n * Provides APIs to perform local or remote hit tests.\n */\nexport interface PointToPointHitProvider {\n  /**\n   * Returns a hit tester that can be used to test if a point is over geometry\n   * without having to do an API call.\n   */\n  hitTester(): PointToPointHitTester;\n\n  /**\n   * Returns a raycaster that can be used to perform hits through API calls.\n   */\n  raycaster(): Promise<RaycasterLike>;\n}\n\n/**\n * A controller to handle point-to-point measurement interactions.\n */\nexport class PointToPointInteractionController {\n  public constructor(private readonly model: PointToPointInteractionModel) {}\n\n  /**\n   * Returns an interaction handler to perform a new measurement.\n   *\n   * @param pt A point in viewport coordinates.\n   * @param hits A provider to perform hits.\n   * @returns An interaction handler, or `undefined` if the point does not hit\n   *  any geometry.\n   */\n  public newMeasurement(\n    pt: Point.Point,\n    hits: PointToPointHitProvider\n  ): PointToPointInteraction | undefined {\n    const world = hits.hitTester().transformPointToWorld(pt);\n    return world != null\n      ? new NewMeasurementInteraction(pt, world, this.model)\n      : undefined;\n  }\n\n  /**\n   * Returns an interaction handler to edit an existing measurement.\n   *\n   * @param anchor The anchor to edit.\n   * @returns An interaction handler to edit a measurement.\n   */\n  public editMeasurement(anchor: Anchor): PointToPointInteraction {\n    const measurement = this.model.getMeasurement();\n\n    if (measurement == null) {\n      throw new Error('Cannot edit measurement. Measurement is empty.');\n    }\n\n    return anchor === 'start'\n      ? new EditStartAnchorInteraction(measurement, this.model)\n      : new EditEndAnchorInteraction(measurement, this.model);\n  }\n\n  /**\n   * Clears the position of the feedback indicator.\n   */\n  public clearIndicator(): void {\n    this.model.setIndicator(undefined);\n  }\n\n  /**\n   * Updates the position of the feedback indicator.\n   *\n   * @param pt A point, in viewport coordinates.\n   * @param hits A provider to perform hits.\n   * @returns `true` if the indicator is over geometry.\n   */\n  public moveIndicator(\n    pt: Point.Point,\n    hits: PointToPointHitProvider\n  ): boolean {\n    const worldPt = hits.hitTester().transformPointToWorld(pt);\n    this.model.setIndicator(worldPt);\n    return worldPt != null;\n  }\n}\n\n/**\n * The model for point-to-point interactions.\n */\nexport class PointToPointInteractionModel {\n  private indicator?: Vector3.Vector3;\n  private measurement?: PointToPointMeasurementResult;\n\n  private measurementChanged = new EventDispatcher<\n    PointToPointMeasurementResult | undefined\n  >();\n\n  private indicatorChanged = new EventDispatcher<Vector3.Vector3 | undefined>();\n\n  /**\n   * Returns a model that doesn't have the indicator or measurement set.\n   */\n  public static empty(): PointToPointInteractionModel {\n    return new PointToPointInteractionModel();\n  }\n\n  /**\n   * Returns the current measurement for the interaction.\n   */\n  public getMeasurement(): PointToPointMeasurementResult | undefined {\n    return this.measurement;\n  }\n\n  /**\n   * Updates the measurement and emits a change event.\n   *\n   * @param measurement The new measurement.\n   */\n  public setMeasurement(\n    measurement: PointToPointMeasurementResult | undefined\n  ): void {\n    if (this.measurement !== measurement) {\n      this.measurement = measurement;\n      this.measurementChanged.emit(measurement);\n    }\n  }\n\n  /**\n   * Updates the measurement from the given values. If `start` or `end` are\n   * `undefined` the measurement will be cleared.\n   *\n   * @param start The start point.\n   * @param end The end point.\n   * @param valid `true` if the measurement is valid.\n   */\n  public setMeasurementFromValues(\n    start: Vector3.Vector3 | undefined,\n    end: Vector3.Vector3 | undefined,\n    valid: boolean\n  ): void {\n    if (start != null && end != null) {\n      const measurement = valid\n        ? validMeasurement(start, end)\n        : invalidMeasurement(start, end);\n      this.setMeasurement(measurement);\n    } else {\n      this.setMeasurement(undefined);\n    }\n  }\n\n  /**\n   * Adds a callback that is invoked when the measurement changes.\n   *\n   * @param listener The callback to register.\n   * @returns A `Disposable` to remove the event listener.\n   */\n  public onMeasurementChanged(\n    listener: Listener<PointToPointMeasurementResult | undefined>\n  ): Disposable {\n    return this.measurementChanged.on(listener);\n  }\n\n  /**\n   * Gets the position representing the feedback indicator.\n   */\n  public getIndicator(): Vector3.Vector3 | undefined {\n    return this.indicator;\n  }\n\n  /**\n   * Updates the position of the feedback indicator.\n   */\n  public setIndicator(pt: Vector3.Vector3 | undefined): void {\n    if (this.indicator !== pt) {\n      this.indicator = pt;\n      this.indicatorChanged.emit(pt);\n    }\n  }\n\n  /**\n   * Adds a callback that is invoked when the feedback indicator position\n   * changes.\n   *\n   * @param listener The callback to register.\n   * @returns A `Disposable` to remove the event listener.\n   */\n  public onIndicatorChanged(\n    listener: Listener<Vector3.Vector3 | undefined>\n  ): Disposable {\n    return this.indicatorChanged.on(listener);\n  }\n}\n\n/**\n * An interface for performing point-to-point measurement interactions.\n *\n * @see {@link PointToPointInteractionController} to start an interaction.\n */\nexport interface PointToPointInteraction {\n  /**\n   * UI should call this for each user iteration.\n   *\n   * @param pt A point, in viewport coordinates.\n   * @param hits A provider to perform hits.\n   */\n  update(pt: Point.Point, hits: PointToPointHitProvider): void;\n\n  /**\n   * UI should call this when the user interaction is finished. Returns a\n   * `Promise` that resolves with the final measurement.\n   *\n   * @param pt A point, in viewport coordinates.\n   * @param hits A provider to perform hits.\n   */\n  finish(\n    pt: Point.Point,\n    hits: PointToPointHitProvider\n  ): Promise<PointToPointMeasurementResult>;\n}\n\n/**\n * An interaction handler to perform a new measurement. As a user is performing\n * an interaction, the handler will fetch the position of the starting anchor.\n * While fetching the position, a position from the depth buffer will be used.\n */\nclass NewMeasurementInteraction implements PointToPointInteraction {\n  private pendingStart: Promise<void> | undefined;\n  private hitWorld: Vector3.Vector3 | undefined;\n  private hitWorldValid = true;\n\n  // Prevents any updates of the interaction while finish is completing.\n  private preventUpdate = false;\n\n  public constructor(\n    public readonly pt: Point.Point,\n    public readonly world: Vector3.Vector3,\n    private readonly model: PointToPointInteractionModel\n  ) {}\n\n  private fetchStartIfMissing(hits: PointToPointHitProvider): void {\n    if (this.pendingStart == null) {\n      this.pendingStart = this.fetchStart(hits);\n    }\n  }\n\n  private async fetchStart(hits: PointToPointHitProvider): Promise<void> {\n    const raycaster = await hits.raycaster();\n    const hitPt = await getHit(raycaster, this.pt);\n\n    if (hitPt == null) {\n      // If the hit is empty, fallback to using a point derived from the depth\n      // buffer.\n      const invalidPt = hits.hitTester().transformPointToWorld(this.pt);\n\n      this.hitWorld = invalidPt;\n      this.hitWorldValid = false;\n    } else {\n      this.hitWorld = hitPt;\n      this.hitWorldValid = true;\n    }\n  }\n\n  public update(pt: Point.Point, hits: PointToPointHitProvider): void {\n    if (!this.preventUpdate) {\n      this.fetchStartIfMissing(hits);\n\n      const end = hits\n        .hitTester()\n        .transformPointToWorld(pt, { ignoreHitTest: true });\n      const isHit = hits.hitTester().hitTest(pt);\n      const start = this.hitWorld ?? this.world;\n\n      if (end == null) {\n        throw new Error(\n          'Cannot update new measurement interaction. End point is empty.'\n        );\n      } else if (!this.hitWorldValid || !isHit) {\n        this.model.setIndicator(end);\n        this.setMeasurement(invalidMeasurement(start, end));\n      } else {\n        this.model.setIndicator(end);\n        this.setMeasurement(validMeasurement(start, end));\n      }\n    }\n  }\n\n  public async finish(\n    pt: Point.Point,\n    hits: PointToPointHitProvider\n  ): Promise<PointToPointMeasurementResult> {\n    this.preventUpdate = true;\n\n    // Wait for the hit for the starting point.\n    this.fetchStartIfMissing(hits);\n    await this.pendingStart;\n\n    this.model.setIndicator(undefined);\n    const raycaster = await hits.raycaster();\n    const hitPt = await getHit(raycaster, pt);\n    const start = this.hitWorld ?? this.world;\n    this.preventUpdate = false;\n\n    if (hitPt == null) {\n      const end = hits\n        .hitTester()\n        .transformPointToWorld(pt, { ignoreHitTest: true });\n      if (end == null) {\n        throw new Error(\n          'Cannot complete new measurement interaction. End point is empty.'\n        );\n      }\n      return this.setMeasurement(invalidMeasurement(start, end));\n    } else if (!this.hitWorldValid) {\n      return this.setMeasurement(invalidMeasurement(start, hitPt));\n    } else {\n      return this.setMeasurement(validMeasurement(start, hitPt));\n    }\n  }\n\n  private setMeasurement(\n    measurement: PointToPointMeasurementResult\n  ): PointToPointMeasurementResult {\n    this.model.setMeasurement(measurement);\n    return measurement;\n  }\n}\n\n/**\n * Base class for an edit anchor interaction.\n *\n * @see {@link EditStartAnchorInteraction}\n * @see {@link EditEndAnchorInteraction}\n */\nabstract class EditAnchorInteraction implements PointToPointInteraction {\n  public constructor(\n    protected readonly measurement: PointToPointMeasurementResult,\n    protected readonly model: PointToPointInteractionModel\n  ) {}\n\n  public update(pt: Point.Point, context: PointToPointHitProvider): void {\n    const world = context\n      .hitTester()\n      .transformPointToWorld(pt, { ignoreHitTest: true });\n    const isHit = context.hitTester().hitTest(pt);\n\n    if (world == null) {\n      throw new Error(\n        'Cannot update new measurement interaction. End point is empty.'\n      );\n    } else if (!isHit) {\n      this.model.setIndicator(world);\n      this.setMeasurement(this.getInvalidMeasurement(world));\n    } else {\n      this.model.setIndicator(world);\n      this.setMeasurement(this.getValidMeasurement(world));\n    }\n  }\n\n  public async finish(\n    pt: Point.Point,\n    hits: PointToPointHitProvider\n  ): Promise<PointToPointMeasurementResult> {\n    const raycaster = await hits.raycaster();\n    const hitPt = await getHit(raycaster, pt);\n\n    this.model.setIndicator(undefined);\n\n    if (hitPt == null) {\n      const end = hits\n        .hitTester()\n        .transformPointToWorld(pt, { ignoreHitTest: true });\n      if (end == null) {\n        throw new Error(\n          'Cannot complete edit measurement interaction. End point is empty.'\n        );\n      }\n      return this.setMeasurement(this.getInvalidMeasurement(end));\n    } else {\n      return this.setMeasurement(this.getValidMeasurement(hitPt));\n    }\n  }\n\n  private setMeasurement(\n    measurement: PointToPointMeasurementResult\n  ): PointToPointMeasurementResult {\n    this.model.setMeasurement(measurement);\n    return measurement;\n  }\n\n  protected abstract getInvalidMeasurement(\n    world: Vector3.Vector3\n  ): PointToPointMeasurementResult;\n\n  protected abstract getValidMeasurement(\n    world: Vector3.Vector3\n  ): PointToPointMeasurementResult;\n}\n\nclass EditStartAnchorInteraction\n  extends EditAnchorInteraction\n  implements PointToPointInteraction\n{\n  public constructor(\n    measurement: PointToPointMeasurementResult,\n    model: PointToPointInteractionModel\n  ) {\n    super(measurement, model);\n  }\n\n  protected getInvalidMeasurement(\n    startPt: Vector3.Vector3\n  ): PointToPointMeasurementResult {\n    return invalidMeasurement(startPt, this.measurement.end);\n  }\n\n  protected getValidMeasurement(\n    startPt: Vector3.Vector3\n  ): PointToPointMeasurementResult {\n    return validMeasurement(startPt, this.measurement.end);\n  }\n}\n\nclass EditEndAnchorInteraction\n  extends EditAnchorInteraction\n  implements PointToPointInteraction\n{\n  public constructor(\n    measurement: PointToPointMeasurementResult,\n    model: PointToPointInteractionModel\n  ) {\n    super(measurement, model);\n  }\n\n  protected getInvalidMeasurement(\n    endPt: Vector3.Vector3\n  ): PointToPointMeasurementResult {\n    return invalidMeasurement(this.measurement.start, endPt);\n  }\n\n  protected getValidMeasurement(\n    endPt: Vector3.Vector3\n  ): PointToPointMeasurementResult {\n    return validMeasurement(this.measurement.start, endPt);\n  }\n}\n\nasync function getHit(\n  raycaster: RaycasterLike,\n  pt: Point.Point\n): Promise<Vector3.Vector3 | undefined> {\n  const hitRes = await raycaster.hitItems(pt);\n  const [hit] = hitRes?.hits ?? [];\n\n  if (hit?.hitPoint != null) {\n    const hitPt = fromPbVector3f(hit.hitPoint);\n    if (Mapper.isInvalid(hitPt)) {\n      throw new Error(`Invalid hit response [${hitPt.errors.join(',')}]`);\n    }\n    return hitPt;\n  } else return undefined;\n}\n\nfunction validMeasurement(\n  start: Vector3.Vector3,\n  end: Vector3.Vector3\n): PointToPointMeasurementResult {\n  return { start, end, distance: Vector3.distance(start, end), valid: true };\n}\n\nfunction invalidMeasurement(\n  start: Vector3.Vector3,\n  end: Vector3.Vector3\n): PointToPointMeasurementResult {\n  return { start, end, valid: false };\n}\n","// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { Angle, Point } from '@vertexvis/geometry';\nimport classNames from 'classnames';\n\nimport { cssTransformCenterAt } from '../../lib/dom';\n\nexport interface DistanceMeasurementRendererProps {\n  startPt?: Point.Point;\n  endPt?: Point.Point;\n  centerPt?: Point.Point;\n  indicatorPt?: Point.Point;\n  distance?: string;\n  anchorLabelOffset?: number;\n  lineCapLength?: number;\n  linePointerEvents?: string;\n  hideStartAnchor?: boolean;\n  hideEndAnchor?: boolean;\n  onStartAnchorPointerDown?: (event: PointerEvent) => void;\n  onEndAnchorPointerDown?: (event: PointerEvent) => void;\n}\n\nexport const DistanceMeasurementRenderer: FunctionalComponent<\n  DistanceMeasurementRendererProps\n> = ({\n  startPt,\n  endPt,\n  centerPt,\n  indicatorPt,\n  distance,\n  anchorLabelOffset,\n  lineCapLength,\n  linePointerEvents,\n  hideStartAnchor,\n  hideEndAnchor,\n  onStartAnchorPointerDown,\n  onEndAnchorPointerDown,\n}) => {\n  const angle =\n    startPt != null && endPt != null\n      ? Angle.fromPoints(startPt, endPt)\n      : undefined;\n\n  const startLabelPt =\n    angle != null && startPt != null && anchorLabelOffset != null\n      ? Point.add(startPt, Point.polar(-anchorLabelOffset, angle))\n      : undefined;\n\n  const endLabelPt =\n    angle != null && endPt != null && anchorLabelOffset != null\n      ? Point.add(endPt, Point.polar(anchorLabelOffset, angle))\n      : undefined;\n\n  return (\n    <div>\n      {startPt != null && endPt != null && (\n        <vertex-viewer-measurement-line\n          class={classNames('line', {\n            'hide-start-line-cap': hideStartAnchor,\n            'hide-end-line-cap': hideEndAnchor,\n          })}\n          start={startPt}\n          end={endPt}\n          capLength={lineCapLength}\n          pointerEvents={linePointerEvents}\n        />\n      )}\n\n      {!hideStartAnchor && startPt != null && (\n        <div\n          id=\"start-anchor\"\n          class=\"anchor anchor-start\"\n          style={{ transform: cssTransformCenterAt(startPt) }}\n          onPointerDown={onStartAnchorPointerDown}\n        >\n          <slot name=\"start-anchor\">\n            <div class=\"anchor-placeholder\"></div>\n          </slot>\n        </div>\n      )}\n\n      {!hideStartAnchor && startLabelPt && (\n        <div\n          class=\"anchor-label anchor-label-start\"\n          style={{ transform: cssTransformCenterAt(startLabelPt) }}\n        >\n          <slot name=\"start-label\" />\n        </div>\n      )}\n\n      {!hideEndAnchor && endPt != null && (\n        <div\n          id=\"end-anchor\"\n          class=\"anchor anchor-end\"\n          style={{ transform: cssTransformCenterAt(endPt) }}\n          onPointerDown={onEndAnchorPointerDown}\n        >\n          <slot name=\"end-anchor\">\n            <div class=\"anchor-placeholder\"></div>\n          </slot>\n        </div>\n      )}\n\n      {!hideEndAnchor && endLabelPt && (\n        <div\n          class=\"anchor-label anchor-label-end\"\n          style={{ transform: cssTransformCenterAt(endLabelPt) }}\n        >\n          <slot name=\"end-label\" />\n        </div>\n      )}\n\n      {centerPt != null && (\n        <div\n          id=\"label\"\n          class=\"distance-label\"\n          style={{ transform: cssTransformCenterAt(centerPt) }}\n        >\n          {distance}\n        </div>\n      )}\n\n      {indicatorPt != null && (\n        <div\n          class=\"indicator\"\n          style={{ transform: cssTransformCenterAt(indicatorPt) }}\n        >\n          <slot name=\"indicator\">\n            <div class=\"indicator-placeholder\" />\n          </slot>\n        </div>\n      )}\n    </div>\n  );\n};\n",":host {\n  /**\n   * @prop --viewer-measurement-distance-accent-color: A CSS color that\n   * specifies the color of lines, anchors and borders.\n   */\n  --viewer-measurement-distance-accent-color: var(--neutral-900);\n\n  /**\n   * @prop --viewer-measurement-distance-contrast-color: A CSS color that\n   * specifies a color opposite of the accent color.\n   */\n  --viewer-measurement-distance-contrast-color: var(--white);\n\n  /**\n   * @prop --viewer-measurement-distance-invalid-accent-color: A CSS color that\n   * specifies the color of lines, anchors and borders when the measurement is\n   * invalid.\n   */\n  --viewer-measurement-distance-invalid-accent-color: var(--red-600);\n\n  /**\n   * @prop --viewer-measurement-distance-invalid-contrast-color: A CSS color\n   * that specifies a color opposite of the accent color when the measurement\n   * is invalid.\n   */\n  --viewer-measurement-distance-invalid-contrast-color: var(--white);\n\n  /**\n   * @prop --viewer-measurement-distance-line-stroke-width: A CSS length that\n   * width of the measurement line's stroke.\n   */\n  --viewer-measurement-distance-line-stroke-width: 1.25px;\n\n  /**\n   * @prop --viewer-measurement-distance-line-fill-width: A CSS length that\n   * width of the measurement line's fill.\n   */\n  --viewer-measurement-distance-line-fill-width: 2px;\n\n  /**\n   * @prop --viewer-measurement-distance-distance-border: A CSS border that\n   * specifies the border color or image for the measurement's label.\n   */\n  --viewer-measurement-distance-distance-border: 1px solid\n    var(--viewer-measurement-distance-accent-color);\n\n  /**\n   * @prop --viewer-measurement-distance-distance-border-radius: A CSS length\n   * that specifies the border radius for the measurement's label.\n   */\n  --viewer-measurement-distance-distance-border-radius: 0.25rem;\n\n  /**\n   * @prop --viewer-measurement-distance-distance-padding: A CSS length that\n   * specifies the padding of the measurement's label.\n   */\n  --viewer-measurement-distance-distance-padding: 0.375rem 0.5rem;\n\n  color: var(--viewer-measurement-distance-accent-color);\n  font-size: 0.75rem;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n:host([invalid]:not([invalid='false'])) {\n  --viewer-measurement-distance-accent-color: var(\n    --viewer-measurement-distance-invalid-accent-color\n  ) !important;\n\n  --viewer-measurement-distance-contrast-color: var(\n    --viewer-measurement-distance-invalid-contrast-color\n  ) !important;\n}\n\n.line {\n  --viewer-measurement-line-stroke: var(\n    --viewer-measurement-distance-contrast-color\n  );\n  --viewer-measurement-line-stroke-opacity: 0.75;\n  --viewer-measurement-line-stroke-width: var(\n    --viewer-measurement-distance-line-stroke-width\n  );\n  --viewer-measurement-line-fill: var(\n    --viewer-measurement-distance-accent-color\n  );\n  --viewer-measurement-line-fill-width: var(\n    --viewer-measurement-distance-line-fill-width\n  );\n\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.anchor {\n  position: absolute;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  display: block;\n  pointer-events: auto;\n}\n\n:host([interacting-anchor='start']) .anchor-start,\n:host([interacting-anchor='start']) .anchor-label-start {\n  visibility: hidden;\n}\n\n.hide-start-line-cap,\n:host([interacting-anchor='start']) .line {\n  --viewer-measurement-line-start-cap-visibility: hidden;\n}\n\n:host([interacting-anchor='end']) .anchor-end,\n:host([interacting-anchor='end']) .anchor-label-end {\n  visibility: hidden;\n}\n\n.hide-end-line-cap,\n:host([interacting-anchor='end']) .line {\n  --viewer-measurement-line-end-cap-visibility: hidden;\n}\n\n.anchor-label {\n  position: absolute;\n  border-radius: 50%;\n  transform: translate(-50%, -50%);\n  display: block;\n  pointer-events: auto;\n}\n\n:host(:not([mode=''])) {\n  cursor: inherit;\n}\n:host(:not([mode=''])) .anchor {\n  cursor: move;\n}\n\n:host([mode='']) .anchor {\n  visibility: hidden;\n}\n\n.anchor-placeholder {\n  background: var(--viewer-measurement-distance-contrast-color);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  box-sizing: border-box;\n}\n\n:host(:not([mode=''])) .anchor-placeholder {\n  border: 2px solid var(--viewer-measurement-distance-accent-color);\n  background: var(--viewer-measurement-distance-contrast-color);\n}\n\n:host([mode='']) .distance-label {\n  color: var(--viewer-measurement-distance-contrast-color);\n  background: var(--viewer-measurement-distance-accent-color);\n}\n\n.distance-label {\n  position: absolute;\n  background: var(--viewer-measurement-distance-contrast-color);\n  border: var(--viewer-measurement-distance-distance-border);\n  border-radius: var(--viewer-measurement-distance-distance-border-radius);\n  padding: var(--viewer-measurement-distance-distance-padding);\n  pointer-events: auto;\n}\n\n.indicator {\n  position: absolute;\n}\n\n.indicator-placeholder {\n  background: var(--viewer-measurement-distance-accent-color);\n  border: 1px solid var(--viewer-measurement-distance-contrast-color);\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  box-sizing: border-box;\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 { Line3, Point, Vector3 } from '@vertexvis/geometry';\nimport { Disposable } from '@vertexvis/utils';\n\nimport {\n  MEASUREMENT_LINE_CAP_LENGTH,\n  MEASUREMENT_SNAP_DISTANCE,\n} from '../../lib/constants';\nimport { Cursor, measurementCursor } from '../../lib/cursors';\nimport { getMouseClientPosition } from '../../lib/dom';\nimport { Formatter } from '../../lib/formatter';\nimport {\n  makeMinimumDistanceResult,\n  MeasurementModel,\n  MeasurementOverlay,\n  MeasurementOverlayManager,\n} from '../../lib/measurement';\nimport {\n  DepthBuffer,\n  DistanceUnits,\n  DistanceUnitType,\n  FrameCameraBase,\n  StencilBuffer,\n  Viewport,\n} from '../../lib/types';\nimport { getMeasurementBoundingClientRect } from './dom';\nimport { PointToPointHitTester } from './hitTest';\nimport {\n  PointToPointHitProvider,\n  PointToPointInteraction,\n  PointToPointInteractionController,\n  PointToPointInteractionModel,\n} from './interactions';\nimport {\n  Anchor,\n  getViewingElementPositions,\n  MeasurementElementPositions,\n} from './utils';\nimport { DistanceMeasurementRenderer } from './viewer-measurement-distance-components';\n\n/**\n * Contains the bounding boxes of child elements of this component. This\n * information is useful for positioning popups or other elements around the\n * measurement.\n *\n * @see {@link ViewerDistanceMeasurement.computeElementMetrics} - For\n * calculating element metrics.\n */\nexport interface ViewerMeasurementDistanceElementMetrics {\n  startAnchor: DOMRect;\n  endAnchor: DOMRect;\n  label: DOMRect;\n}\n\n/**\n * The supported measurement modes.\n *\n * @see {@link ViewerDistanceMeasurement.mode} - For more details about modes.\n */\nexport type ViewerMeasurementDistanceMode = 'edit' | 'replace' | '';\n\n/**\n * A details object describing the edit begin event.\n */\nexport interface EditBeginEventDetails {\n  type: Exclude<ViewerMeasurementDistanceMode, ''>;\n  anchor: Anchor;\n}\n/**\n * A details object describing the edit end event.\n */\nexport interface EditEndEventDetails {\n  start: Vector3.Vector3;\n  end: Vector3.Vector3;\n  valid: boolean;\n}\n\ninterface StateMap {\n  hoverCursor?: Disposable;\n  stencil?: StencilBuffer;\n  depthBuffer?: DepthBuffer;\n}\n\nconst INTERACTION_THRESHOLD = 3;\n\n/**\n * @slot start-anchor - An HTML element for the starting point anchor.\n *\n * @slot start-label - An HTML or text element that displays next to the start\n * anchor.\n *\n * @slot end-anchor - An HTML element for the ending point anchor.\n *\n * @slot end-label - An HTML or text element that displays next to the end\n * anchor.\n *\n * @slot indicator - An HTML element for the measurement indicator. The\n * indicator represents the position where a measurement will be placed while\n * editing.\n */\n@Component({\n  tag: 'vertex-viewer-measurement-distance',\n  styleUrl: 'viewer-measurement-distance.css',\n  shadow: true,\n})\nexport class ViewerMeasurementDistance {\n  /**\n   * The world position of the starting anchor.\n   */\n  @Prop({ mutable: true })\n  public start?: Vector3.Vector3;\n\n  /**\n   * The world position of the starting anchor, as a JSON string. The JSON\n   * string can be an array or object representation in the format of `[x, y,\n   * z]` or `{\"x\": 0, \"y\": 0, \"z\": 0}`.\n   */\n  @Prop()\n  public startJson?: string;\n\n  /**\n   * The world position of the ending anchor.\n   */\n  @Prop({ mutable: true })\n  public end?: Vector3.Vector3;\n\n  /**\n   * The world position of the ending anchor, as a JSON string. The JSON string\n   * can be an array or object representation in the format of `[x, y, z]` or\n   * `{\"x\": 0, \"y\": 0, \"z\": 0}`.\n   */\n  @Prop()\n  public endJson?: string;\n\n  /**\n   * The distance between `start` and `end` in real world units. Value will be\n   * undefined if the start and end positions are undefined, or if the\n   * measurement is invalid.\n   */\n  @Prop({ mutable: true })\n  public distance?: number;\n\n  /**\n   * Enables the display of axis reference lines between the start and end\n   * point.\n   */\n  @Prop()\n  public showAxisReferenceLines = false;\n\n  /**\n   * The distance, in pixels, between the mouse and nearest snappable edge. A\n   * value of 0 disables snapping.\n   */\n  @Prop()\n  public snapDistance: number = MEASUREMENT_SNAP_DISTANCE;\n\n  /**\n   * The unit of measurement.\n   */\n  @Prop()\n  public units: DistanceUnitType = 'millimeters';\n\n  /**\n   * The number of fraction digits to display.\n   */\n  @Prop()\n  public fractionalDigits = 2;\n\n  /**\n   * An optional formatter that can be used to format the display of a distance.\n   * The formatting function is passed a calculated real-world distance and is\n   * expected to return a string.\n   */\n  @Prop()\n  public labelFormatter?: Formatter<number | undefined>;\n\n  /**\n   * The distance from an anchor to its label.\n   */\n  @Prop()\n  public anchorLabelOffset = 20;\n\n  /**\n   * The length of the caps at each end of the distance measurement.\n   */\n  @Prop()\n  public lineCapLength = MEASUREMENT_LINE_CAP_LENGTH;\n\n  /**\n   * A mode that specifies how the measurement component should behave.\n   *\n   * When unset, the component will not respond to interactions with the\n   * handles.\n   *\n   * When `edit`, the measurement anchors are interactive and the user is able\n   * to reposition them.\n   *\n   * When `replace`, anytime the user clicks on the canvas, a new measurement\n   * will be created and replace any existing measurement. After a measurement\n   * is created, the measurement will be editable.\n   */\n  @Prop({ reflect: true })\n  public mode: ViewerMeasurementDistanceMode = '';\n\n  /**\n   * A property that reflects which anchor is currently being interacted with.\n   */\n  @Prop({ reflect: true, mutable: true })\n  public interactingAnchor: Anchor | 'none' = 'none';\n\n  /**\n   * Indicates if the measurement is invalid. A measurement is invalid if either\n   * the start or end position are not on the surface of the model.\n   */\n  @Prop({ mutable: true, reflect: true })\n  public invalid = false;\n\n  /**\n   * The camera used to position the anchors. If `viewer` is defined, then the\n   * projection view matrix of the viewer will be used.\n   */\n  @Prop()\n  public camera?: FrameCameraBase;\n\n  /**\n   * @internal\n   */\n  @Prop()\n  public hitProvider?: PointToPointHitProvider;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true })\n  public indicatorPt?: Vector3.Vector3;\n\n  /**\n   * The viewer to connect to this measurement. The measurement will redraw any\n   * time the viewer redraws the scene.\n   */\n  @Prop()\n  public viewer?: HTMLVertexViewerElement;\n\n  /**\n   * The measurement model that will be updated when this measurement changes.\n   * You can pass this to a <vertex-viewer-measurement-details> component to\n   * display measurement outcomes.\n   */\n  @Prop()\n  public measurementModel: MeasurementModel = new MeasurementModel();\n\n  /**\n   * An event that is dispatched anytime the user begins editing the\n   * measurement.\n   */\n  @Event()\n  public editBegin!: EventEmitter<EditBeginEventDetails>;\n\n  /**\n   * An event that is dispatched when the user has finished editing the\n   * measurement.\n   */\n  @Event()\n  public editEnd!: EventEmitter<EditEndEventDetails>;\n\n  @State()\n  private viewport: Viewport = new Viewport(0, 0);\n\n  @State()\n  private elementBounds?: DOMRect;\n\n  @State()\n  private interactionCount = 0;\n\n  @State()\n  private internalCamera?: FrameCameraBase;\n\n  @State()\n  private invalidateStateCounter = 0;\n\n  @State()\n  // Any data that should be preserved across live-reloads, but should not cause\n  // a rerender if changed.\n  private stateMap: StateMap = {};\n\n  @State()\n  private measurementUnits = new DistanceUnits(this.units);\n\n  @Element()\n  private hostEl!: HTMLElement;\n\n  private model = PointToPointInteractionModel.empty();\n  private controller = new PointToPointInteractionController(this.model);\n  private interaction?: PointToPointInteraction;\n\n  private overlays = new MeasurementOverlayManager();\n  private overlay?: MeasurementOverlay;\n\n  private isUserInteractingWithModel = false;\n\n  private newInteractionHandler?: Disposable;\n\n  /**\n   * Computes the bounding boxes of the anchors and label. **Note:** invoking\n   * this function uses `getBoundingClientRect` internally and will cause a\n   * relayout of the DOM.\n   */\n  @Method()\n  public async computeElementMetrics(): Promise<\n    ViewerMeasurementDistanceElementMetrics | undefined\n  > {\n    const startAnchorEl =\n      this.hostEl.shadowRoot?.getElementById('start-anchor');\n    const endAnchorEl = this.hostEl.shadowRoot?.getElementById('end-anchor');\n    const labelEl = this.hostEl.shadowRoot?.getElementById('label');\n\n    if (startAnchorEl != null && endAnchorEl != null && labelEl != null) {\n      return {\n        startAnchor: startAnchorEl.getBoundingClientRect(),\n        endAnchor: endAnchorEl.getBoundingClientRect(),\n        label: labelEl.getBoundingClientRect(),\n      };\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  protected disconnectedCallback(): void {\n    this.stateMap.hoverCursor?.dispose();\n    this.newInteractionHandler?.dispose();\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentWillLoad(): void {\n    this.updatePropsFromJson();\n    this.model.setMeasurementFromValues(this.start, this.end, !this.invalid);\n\n    this.getStencilBuffer();\n    this.updateViewport();\n\n    this.handleViewerChanged(this.viewer);\n    this.handleModeChanged();\n\n    this.computePropsAndState();\n\n    this.model.onIndicatorChanged((pt) => {\n      this.indicatorPt = pt;\n    });\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentDidLoad(): void {\n    const resize = new ResizeObserver(() => this.updateViewport());\n    resize.observe(this.hostEl);\n  }\n\n  /**\n   * @ignore\n   */\n  protected componentWillUpdate(): void {\n    this.computePropsAndState();\n  }\n\n  /**\n   * @ignore\n   */\n  protected render(): h.JSX.IntrinsicElements {\n    return (\n      <Host>\n        {this.showAxisReferenceLines && (\n          <vertex-viewer-measurement-overlays\n            measurementOverlays={this.overlays}\n            viewer={this.viewer}\n          />\n        )}\n        {this.renderMeasurement()}\n      </Host>\n    );\n  }\n\n  private renderMeasurement(): h.JSX.IntrinsicElements {\n    const positions = this.computeElementPositions();\n    const { startPt, endPt, labelPt, indicatorPt, hideStart, hideEnd } =\n      positions;\n    const distance = this.formatDistance(this.distance);\n\n    if (this.mode === 'edit' || this.mode === 'replace') {\n      return (\n        <DistanceMeasurementRenderer\n          startPt={startPt}\n          endPt={endPt}\n          centerPt={labelPt}\n          indicatorPt={indicatorPt}\n          distance={distance}\n          anchorLabelOffset={this.anchorLabelOffset}\n          lineCapLength={this.lineCapLength}\n          hideStartAnchor={hideStart}\n          hideEndAnchor={hideEnd}\n          onStartAnchorPointerDown={this.handleEditAnchor('start')}\n          onEndAnchorPointerDown={this.handleEditAnchor('end')}\n        />\n      );\n    } else {\n      return (\n        <DistanceMeasurementRenderer\n          startPt={startPt}\n          endPt={endPt}\n          centerPt={labelPt}\n          indicatorPt={this.indicatorPt}\n          distance={distance}\n          hideStartAnchor={hideStart}\n          hideEndAnchor={hideEnd}\n          anchorLabelOffset={this.anchorLabelOffset}\n          lineCapLength={this.lineCapLength}\n          linePointerEvents=\"painted\"\n        />\n      );\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('viewer')\n  protected handleViewerChanged(\n    newViewer?: HTMLVertexViewerElement,\n    oldViewer?: HTMLVertexViewerElement\n  ): void {\n    if (oldViewer != null) {\n      oldViewer.removeEventListener('frameDrawn', this.handleFrameDrawn);\n      this.removeInteractionListeners(oldViewer);\n    }\n\n    if (newViewer != null) {\n      newViewer.addEventListener('frameDrawn', this.handleFrameDrawn);\n      this.addInteractionListeners(newViewer);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('units')\n  protected handleUnitsChanged(): void {\n    this.measurementUnits = new DistanceUnits(this.units);\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('camera')\n  protected handleCameraChanged(): void {\n    this.updateCamera();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('mode')\n  protected handleModeChanged(): void {\n    this.warnIfDepthBuffersDisabled();\n\n    // If we're not in edit or replace mode, ensure that the measurement\n    // cursor is removed.\n    if (this.mode === '') {\n      this.stateMap.hoverCursor?.dispose();\n    }\n\n    if (this.viewer != null) {\n      this.removeInteractionListeners(this.viewer);\n      this.addInteractionListeners(this.viewer);\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('start')\n  protected handleStartChanged(): void {\n    this.updateInteractionModel();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('end')\n  protected handleEndChanged(): void {\n    this.updateInteractionModel();\n  }\n\n  /**\n   * @ignore\n   */\n  @Watch('invalid')\n  protected handleInvalidChanged(): void {\n    this.updateInteractionModel();\n  }\n\n  private computePropsAndState(): void {\n    this.updateCamera();\n    this.updateDepthBuffer();\n    this.updateMeasurementPropsFromModel();\n    this.updateOverlays();\n  }\n\n  private updateOverlays(): void {\n    this.overlay?.dispose();\n\n    if (\n      this.showAxisReferenceLines &&\n      this.interactionCount === 0 &&\n      !this.invalid &&\n      this.start != null &&\n      this.end != null\n    ) {\n      this.overlay = this.overlays.addDistanceVector(this.start, this.end);\n    }\n  }\n\n  private async setCursor(cursor: Cursor): Promise<void> {\n    this.stateMap.hoverCursor?.dispose();\n\n    if (!this.isUserInteractingWithModel) {\n      this.stateMap.hoverCursor = await this.viewer?.addCursor(cursor);\n    }\n  }\n\n  private computeElementPositions(): MeasurementElementPositions {\n    if (this.mode === 'replace') {\n      return this.computeReplaceElementPositions();\n    } else {\n      return this.computeEditOrViewElementPositions();\n    }\n  }\n\n  private computeEditOrViewElementPositions(): MeasurementElementPositions {\n    const measurement = this.model.getMeasurement();\n    if (this.internalCamera != null && measurement != null) {\n      return this.computeLineElementPositions(Line3.create(measurement));\n    } else {\n      return {};\n    }\n  }\n\n  private computeReplaceElementPositions(): MeasurementElementPositions {\n    if (this.internalCamera != null) {\n      const measurement = this.model.getMeasurement();\n\n      const line =\n        measurement != null\n          ? this.computeLineElementPositions(Line3.create(measurement))\n          : {};\n      const indicator =\n        this.indicatorPt != null\n          ? {\n              indicatorPt: this.viewport.transformWorldToViewport(\n                this.indicatorPt,\n                this.internalCamera.projectionViewMatrix\n              ),\n            }\n          : {};\n\n      return { ...line, ...indicator };\n    } else {\n      return {};\n    }\n  }\n\n  private computeLineElementPositions(\n    line: Line3.Line3\n  ): MeasurementElementPositions {\n    if (this.internalCamera != null) {\n      return getViewingElementPositions(line, this.interactingAnchor, {\n        viewport: this.viewport,\n        camera: this.internalCamera,\n      });\n    } else {\n      return {};\n    }\n  }\n\n  private updateCamera(): void {\n    this.internalCamera = this.camera || this.viewer?.frame?.scene.camera;\n  }\n\n  private async updateDepthBuffer(): Promise<void> {\n    this.stateMap.depthBuffer = await this.viewer?.frame?.depthBuffer();\n  }\n\n  private updateViewport(): void {\n    const rect = getMeasurementBoundingClientRect(this.hostEl);\n    this.viewport = new Viewport(rect.width, rect.height);\n    this.elementBounds = rect;\n  }\n\n  private updatePropsFromJson(): void {\n    this.start = parseVector3(this.startJson ?? this.start);\n    this.end = parseVector3(this.endJson ?? this.end);\n  }\n\n  private updateInteractionModel(): void {\n    this.model.setMeasurementFromValues(this.start, this.end, !this.invalid);\n  }\n\n  private handleFrameDrawn = (): void => {\n    this.invalidateState();\n  };\n\n  private invalidateState(): void {\n    this.invalidateStateCounter = this.invalidateStateCounter + 1;\n  }\n\n  private async addInteractionListeners(\n    viewer: HTMLVertexViewerElement\n  ): Promise<void> {\n    const interactionTarget = await viewer.getInteractionTarget_DEPRECATED();\n    if (this.mode === 'replace') {\n      interactionTarget.addEventListener('pointermove', this.updateStartAnchor);\n      interactionTarget.addEventListener('pointerdown', this.newMeasurement);\n      interactionTarget.addEventListener('pointerleave', this.clearIndicator);\n    }\n  }\n\n  private async removeInteractionListeners(\n    viewer: HTMLVertexViewerElement\n  ): Promise<void> {\n    const interactionTarget = await viewer.getInteractionTarget_DEPRECATED();\n    interactionTarget.removeEventListener(\n      'pointermove',\n      this.updateStartAnchor\n    );\n    interactionTarget.removeEventListener('pointerdown', this.newMeasurement);\n    interactionTarget.removeEventListener('pointerleave', this.clearIndicator);\n  }\n\n  private clearIndicator = (): void => {\n    this.controller.clearIndicator();\n  };\n\n  private updateStartAnchor = async (event: PointerEvent): Promise<void> => {\n    this.getStencilBuffer();\n\n    if (this.interactionCount === 0) {\n      const pt = getMouseClientPosition(event, this.elementBounds);\n      const snapPt = this.snapPoint(pt, event);\n      this.updateIndicator(snapPt);\n    }\n  };\n\n  private newMeasurement = (event: PointerEvent): void => {\n    if (this.interactionCount === 0 && event.button === 0) {\n      // Function that registers event listeners to perform a new measurement.\n      const startMeasurement = (start: () => void): void => {\n        const dispose = (): void => {\n          window.removeEventListener('pointerup', pointerUp);\n          window.removeEventListener('pointermove', pointerMove);\n        };\n        const pointerUp = async (): Promise<void> => {\n          dispose();\n          start();\n        };\n        const pointerMove = (event: PointerEvent): void => {\n          if (event.buttons > 0) {\n            dispose();\n          }\n        };\n\n        window.addEventListener('pointermove', pointerMove);\n        window.addEventListener('pointerup', pointerUp);\n      };\n\n      // Function that registers event listeners to detect if a user is\n      // interacting with the model. If so, we temporarily disable measurement\n      // updates until the user finishes.\n      const pointerDownAndMove = (callback: () => void): Disposable => {\n        let downPt: Point.Point = Point.create(0, 0);\n\n        const pointerMove = (event: PointerEvent): void => {\n          const dist = Point.distance(downPt, getMouseClientPosition(event));\n          if (dist >= INTERACTION_THRESHOLD) {\n            callback();\n          }\n        };\n\n        const dispose = (): void => {\n          window.removeEventListener('pointermove', pointerMove);\n          window.removeEventListener('pointerup', pointerUp);\n        };\n\n        const pointerUp = (): void => dispose();\n\n        const pointerDown = (event: PointerEvent): void => {\n          downPt = getMouseClientPosition(event);\n          window.addEventListener('pointermove', pointerMove);\n          window.addEventListener('pointerup', pointerUp);\n        };\n\n        window.addEventListener('pointerdown', pointerDown);\n\n        return {\n          dispose: () => window.removeEventListener('pointerdown', pointerDown),\n        };\n      };\n\n      // Function that registers event listeners to finish a measurement.\n      const measureInteraction = (): void => {\n        const handleDownAndMove = pointerDownAndMove(() => {\n          this.isUserInteractingWithModel = true;\n          this.stateMap.hoverCursor?.dispose();\n        });\n\n        const dispose = (): void => {\n          window.removeEventListener('pointermove', pointerMove);\n          window.removeEventListener('pointerup', pointerUp);\n          handleDownAndMove.dispose();\n        };\n\n        const pointerMove = this.createInteractionMoveHandler();\n        const pointerUp = async (event: PointerEvent): Promise<void> => {\n          if (event.button === 0) {\n            if (this.isUserInteractingWithModel) {\n              this.isUserInteractingWithModel = false;\n            } else {\n              const hits = this.getHitProvider();\n              if (hits != null) {\n                const pt = getMouseClientPosition(event, this.elementBounds);\n                const snapPt = this.snapPoint(pt, event);\n                await this.interaction?.finish(snapPt, hits);\n\n                dispose();\n                this.updateMeasurementPropsFromModel();\n                this.endEditing();\n              }\n            }\n          }\n        };\n\n        this.beginEditing('replace', 'end');\n        this.newInteractionHandler = { dispose };\n\n        window.addEventListener('pointermove', pointerMove);\n        window.addEventListener('pointerup', pointerUp);\n      };\n\n      const hits = this.getHitProvider();\n      if (hits != null) {\n        const pt = getMouseClientPosition(event, this.elementBounds);\n        const snapPt = this.snapPoint(pt, event);\n        this.interaction = this.controller.newMeasurement(snapPt, hits);\n\n        if (this.interaction != null) {\n          startMeasurement(measureInteraction);\n        }\n      }\n    }\n  };\n\n  private handleEditAnchor(\n    anchor: Anchor\n  ): ((event: PointerEvent) => void) | undefined {\n    if (this.mode === 'edit' || this.mode === 'replace') {\n      const handlePointerMove = this.createInteractionMoveHandler();\n      const handlePointerUp = async (event: PointerEvent): Promise<void> => {\n        const hits = this.getHitProvider();\n        if (hits != null) {\n          window.removeEventListener('pointermove', handlePointerMove);\n          window.removeEventListener('pointerup', handlePointerUp);\n\n          const pt = getMouseClientPosition(event, this.elementBounds);\n          const snapPt = this.snapPoint(pt, event);\n          await this.interaction?.finish(snapPt, hits);\n\n          this.updateMeasurementPropsFromModel();\n          this.endEditing();\n        }\n      };\n\n      return (event) => {\n        this.getStencilBuffer();\n\n        if (event.button === 0) {\n          this.beginEditing('edit', anchor);\n\n          this.interaction = this.controller.editMeasurement(anchor);\n\n          window.addEventListener('pointermove', handlePointerMove);\n          window.addEventListener('pointerup', handlePointerUp);\n        }\n      };\n    }\n  }\n\n  private createInteractionMoveHandler(): (event: PointerEvent) => void {\n    return (event) => {\n      const hits = this.getHitProvider();\n      if (this.elementBounds != null && hits != null) {\n        event.preventDefault();\n        this.getStencilBuffer();\n\n        const pt = getMouseClientPosition(event, this.elementBounds);\n        const snapPt = this.snapPoint(pt, event);\n        this.interaction?.update(snapPt, hits);\n        this.updateMeasurementPropsFromModel();\n      }\n    };\n  }\n\n  private async getStencilBuffer(): Promise<void> {\n    const stencil = await this.viewer?.stencilBuffer.latestAfterInteraction();\n    this.stateMap.stencil = stencil;\n  }\n\n  private snapPoint(pt: Point.Point, event: MouseEvent): Point.Point {\n    const hits = this.getHitProvider();\n    if (hits != null && !event.shiftKey) {\n      const snapDistance = Math.max(0, this.snapDistance);\n      return hits.hitTester().snapToNearestPixel(pt, snapDistance);\n    }\n    return pt;\n  }\n\n  private formatDistance(distance: number | undefined): string {\n    const dist =\n      distance != null\n        ? this.measurementUnits.convertWorldValueToReal(distance)\n        : undefined;\n\n    if (this.labelFormatter != null) {\n      return this.labelFormatter(dist);\n    } else {\n      const abbreviated = this.measurementUnits.unit.abbreviatedName;\n      return dist == null\n        ? '---'\n        : `~${dist.toFixed(this.fractionalDigits)} ${abbreviated}`;\n    }\n  }\n\n  private beginEditing(\n    type: EditBeginEventDetails['type'],\n    anchor: EditBeginEventDetails['anchor']\n  ): void {\n    if (this.interactionCount === 0) {\n      this.interactingAnchor = anchor;\n      this.editBegin.emit({ type, anchor });\n    }\n    this.interactionCount = this.interactionCount + 1;\n  }\n\n  private endEditing(): void {\n    if (this.interactionCount === 1) {\n      const measurement = this.model.getMeasurement();\n\n      this.interactingAnchor = 'none';\n      this.updateMeasurementModel();\n\n      if (measurement != null) {\n        this.editEnd.emit(measurement);\n      }\n    }\n    this.interactionCount = this.interactionCount - 1;\n  }\n\n  private updateMeasurementModel(): void {\n    this.measurementModel.clearOutcome();\n\n    if (!this.invalid && this.start != null && this.end != null) {\n      this.measurementModel.setOutcome({\n        isApproximate: true,\n        results: [makeMinimumDistanceResult(this.start, this.end)],\n      });\n    }\n  }\n\n  private getHitProvider(): PointToPointHitProvider | undefined {\n    if (this.hitProvider == null) {\n      const hitTester = this.getHitTester();\n      const viewer = this.viewer;\n      if (viewer != null && hitTester != null) {\n        return {\n          hitTester: () => hitTester,\n          raycaster: async () => (await viewer.scene()).raycaster(),\n        };\n      }\n    } else return this.hitProvider;\n  }\n\n  private getHitTester(): PointToPointHitTester | undefined {\n    const { stencil, depthBuffer } = this.stateMap;\n    if (depthBuffer != null) {\n      return new PointToPointHitTester(\n        stencil,\n        depthBuffer,\n        this.viewport,\n        this.internalCamera\n      );\n    }\n  }\n\n  private updateMeasurementPropsFromModel(): void {\n    const measurement = this.model.getMeasurement();\n    this.start = measurement?.start;\n    this.end = measurement?.end;\n    this.distance = measurement?.distance;\n    this.invalid = measurement != null && !measurement.valid;\n  }\n\n  private updateIndicator(pt: Point.Point): void {\n    const hits = this.getHitProvider();\n    const clearCursor =\n      hits == null || !this.controller.moveIndicator(pt, hits);\n    if (clearCursor) {\n      this.stateMap.hoverCursor?.dispose();\n    } else {\n      this.setCursor(measurementCursor);\n    }\n  }\n\n  private warnIfDepthBuffersDisabled(): void {\n    if (this.viewer != null && this.viewer.depthBuffers == null) {\n      console.warn(\n        'Measurement editing is disabled. <vertex-viewer> must have its `depth-buffers` attribute set.'\n      );\n    }\n  }\n}\n\nfunction parseVector3(\n  value: string | Vector3.Vector3 | undefined\n): Vector3.Vector3 | undefined {\n  return typeof value === 'string' ? Vector3.fromJson(value) : value;\n}\n"]}

package/dist/viewer/viewer.esm.js

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2024 Vertex Software LLC. All rights reserved.
  */
-import{d as e,N as t,w as r,p as n,b as a}from"./p-e4ea1075.js";import{g as i}from"./p-446bdb50.js";import"./p-88c19f38.js";const o=e=>`__sc_import_${e.replace(/\s|-/g,"_")}`;const s=()=>{const a=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t));const i="";const o={};if(i!==""){o.resourcesUrl=new URL(".",i).href}else{o.resourcesUrl=new URL(".",new URL(a.getAttribute("data-resources-url")||a.src,r.location.href)).href;{l(o.resourcesUrl,a)}if(!r.customElements){return __sc_import_viewer("./p-093f9bdb.js").then((()=>o))}}return n(o)};const l=(n,a)=>{const i=o(t);try{r[i]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const o=new Map;r[i]=t=>{const s=new URL(t,n).href;let l=o.get(s);if(!l){const t=e.createElement("script");t.type="module";t.crossOrigin=a.crossOrigin;t.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${i}.m = m;`],{type:"application/javascript"}));l=new Promise((e=>{t.onload=()=>{e(r[i].m);t.remove()}}));o.set(s,l);e.head.appendChild(t)}return l}}};s().then((e=>{i();return a(JSON.parse('[["p-7aee464a",[[1,"vertex-viewer-pin-tool",{"pinController":[1040],"pinModel":[16],"viewer":[16],"tool":[1025],"mode":[1025],"primaryColor":[1025,"primary-color"],"accentColor":[1025,"accent-color"],"pins":[32],"selectedPinId":[32],"elementBounds":[32],"projectionViewMatrix":[32]}]]],["p-07b05774",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[1],"configEnv":[1,"config-env"],"controller":[1040],"metadataSearchExactMatch":[1028,"metadata-search-exact-match"],"metadataSearchKeys":[1040],"metadataKeys":[16],"rows":[32],"totalRows":[32],"showLoader":[32],"showEmptyResults":[32],"stateMap":[32],"errorDetails":[32],"attemptingRetry":[32],"invalidateRows":[64],"scrollToIndex":[64],"scrollToItem":[64],"expandAll":[64],"collapseAll":[64],"expandItem":[64],"collapseItem":[64],"toggleExpandItem":[64],"toggleItemVisibility":[64],"hideItem":[64],"showItem":[64],"selectItem":[64],"deselectItem":[64],"getRowAtIndex":[64],"getRowForEvent":[64],"getRowAtClientY":[64],"filterItems":[64],"selectFilteredItems":[64],"fetchMetadataKeys":[64]},[[0,"search","handleSearch"],[0,"cellLoaded","handleCellLoaded"]]]]],["p-0669d984",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["p-6a9a13f9",[[1,"vertex-viewer-markup",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"selectedMarkupId":[1025,"selected-markup-id"],"selectNew":[4,"select-new"],"startLineAnchorStyle":[1025,"start-line-anchor-style"],"endLineAnchorStyle":[1025,"end-line-anchor-style"],"toSelectMarkupId":[32],"pointerDownPosition":[32],"addMarkup":[64],"removeMarkup":[64],"getMarkupElements":[64],"getMarkupElement":[64]},[[0,"markupEnd","handleMarkupEnd"],[0,"interactionEnd","handleMarkupUpdated"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["p-43c0d1c7",[[1,"vertex-viewer-markup-tool",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"startLineAnchorStyle":[1025,"start-line-anchor-style"],"endLineAnchorStyle":[1025,"end-line-anchor-style"],"stateMap":[32],"reset":[64]}]]],["p-9ff0ff1e",[[1,"vertex-viewer-view-cube",{"xPositiveLabel":[1,"x-positive-label"],"xNegativeLabel":[1,"x-negative-label"],"yPositiveLabel":[1,"y-positive-label"],"yNegativeLabel":[1,"y-negative-label"],"zPositiveLabel":[1,"z-positive-label"],"zNegativeLabel":[1,"z-negative-label"],"standardViewsOff":[4,"standard-views-off"],"animationDuration":[2,"animation-duration"],"triadOff":[4,"triad-off"],"worldOrientation":[1040],"camera":[1040],"viewer":[16],"boxLength":[32],"triadPosition":[32]}]]],["p-f8c3e667",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start-json"],"end":[1040],"endJson":[1,"end-json"],"distance":[1026],"showAxisReferenceLines":[4,"show-axis-reference-lines"],"snapDistance":[2,"snap-distance"],"units":[1],"fractionalDigits":[2,"fractional-digits"],"labelFormatter":[16],"anchorLabelOffset":[2,"anchor-label-offset"],"lineCapLength":[2,"line-cap-length"],"mode":[513],"interactingAnchor":[1537,"interacting-anchor"],"invalid":[1540],"camera":[16],"hitProvider":[16],"indicatorPt":[1040],"viewer":[16],"measurementModel":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"measurementUnits":[32],"computeElementMetrics":[64]}]]],["p-a7f22416",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementOverlays":[16],"measurementController":[1040],"measurableEntityTypes":[16],"viewer":[16],"configEnv":[1,"config-env"],"config":[1]}]]],["p-fdc9b263",[[1,"vertex-viewer-box-query-tool",{"viewer":[16],"controller":[1040],"model":[1040],"operationType":[1,"operation-type"],"mode":[1],"details":[32]}]]],["p-60d3af48",[[1,"vertex-viewer-walk-mode-tool",{"viewer":[16],"controller":[1040],"model":[1040],"teleportMode":[1,"teleport-mode"],"enabled":[4]}]]],["p-162cf7f8",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hovered":[1028],"isScrolling":[4,"is-scrolling"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"selectionHandler":[16],"visibilityHandler":[16],"expansionHandler":[16],"hoverController":[16]}]]],["p-9725f5fc",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["p-097909a8",[[1,"vertex-scene-tree-table-header"]]],["p-97aed77f",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["p-2e194668",[[1,"vertex-scene-tree-toolbar-group"]]],["p-33627452",[[1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1025,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"cameraType":[1537,"camera-type"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"phantom":[16],"noDefaultLights":[4,"no-default-lights"],"enableTemporalRefinement":[4,"enable-temporal-refinement"],"experimentalRenderingOptions":[1,"experimental-rendering-options"],"featureLines":[16],"selectionHighlighting":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"resizeDebounce":[2,"resize-debounce"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32],"dispatchFrameDrawn":[64],"registerInteractionHandler":[64],"registerTapKeyInteraction":[64],"getInteractionTarget_DEPRECATED":[64],"addCursor":[64],"getInteractionHandlers":[64],"getKeyInteractions":[64],"getBaseInteractionHandler":[64],"getJwt":[64],"load":[64],"unload":[64],"scene":[64],"isSceneReady":[64]},[[0,"tap","handleTapEvent"]]]]],["p-62592193",[[1,"vertex-viewer-hit-result-indicator",{"viewer":[16],"position":[1040],"normal":[1040]}]]],["p-99f65ccc",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"measurementOverlays":[16],"measurementOutcome":[1040],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"resultTypes":[16],"overlay":[32],"distanceMeasurementUnits":[32],"angleMeasurementUnits":[32],"areaMeasurementUnits":[32]}]]],["p-24b66b64",[[1,"vertex-viewer-transform-widget",{"viewer":[16],"position":[1040],"rotation":[1040],"controller":[1040],"xRotationDisabled":[1028,"x-rotation-disabled"],"yRotationDisabled":[1028,"y-rotation-disabled"],"zRotationDisabled":[1028,"z-rotation-disabled"],"xTranslationDisabled":[1028,"x-translation-disabled"],"yTranslationDisabled":[1028,"y-translation-disabled"],"zTranslationDisabled":[1028,"z-translation-disabled"],"showInputs":[4,"show-inputs"],"distanceUnit":[1,"distance-unit"],"angleUnit":[1,"angle-unit"],"decimalPlaces":[2,"decimal-places"],"hovered":[1040],"inputPosition":[32],"inputValue":[32]}]]],["p-21c01385",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["p-1486ba3d",[[0,"vertex-viewer-pin-group",{"pin":[16],"matrix":[1040],"projectionViewMatrix":[16],"elementBounds":[1040],"pinModel":[16],"pinController":[16],"selected":[4],"invalidateStateCounter":[32]}]]],["p-32012ff4",[[1,"vertex-viewer-dom-group",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040]}]]],["p-dfd5a2f9",[[1,"vertex-viewer-teleport-tool",{"viewer":[16],"mode":[1025],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"],"controller":[1040],"model":[1040]}]]],["p-685355a4",[[1,"vertex-viewer-spinner",{"size":[1]}]]],["p-c1bb34fe",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"controller":[16],"value":[1025],"focused":[32],"isSearching":[32],"setFocus":[64],"clear":[64]}],[1,"vertex-scene-tree-table-layout",{"tree":[16],"controller":[16],"rows":[16],"totalRows":[2,"total-rows"],"rowHeight":[1026,"row-height"],"overScanCount":[2,"over-scan-count"],"rowData":[16],"layoutOffset":[1026,"layout-offset"],"scrollOffset":[1026,"scroll-offset"],"layoutHeight":[1026,"layout-height"],"layoutWidth":[1026,"layout-width"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"columnGridLayout":[32],"columnGridFixedLayout":[32],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"isScrolling":[32],"scrollTimer":[32],"stateMap":[32],"scrollToPosition":[64]}],[1,"vertex-scene-tree-toolbar"]]],["p-1efa143f",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["p-c489590d",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["p-4fc41956",[[0,"vertex-viewer-pin-label",{"pin":[16],"elementBounds":[16],"value":[1025],"pinController":[16],"focused":[32],"computedScreenPosition":[32],"textareaRows":[32],"contentElBounds":[32],"setFocus":[64]}],[0,"vertex-viewer-pin-label-line",{"pinPoint":[16],"labelPoint":[16],"pin":[16]}]]],["p-21cc4585",[[1,"vertex-viewer-measurement-overlays",{"measurementOverlays":[16],"camera":[1040],"viewer":[16],"overlays":[32]}],[1,"vertex-viewer-measurement-line",{"start":[16],"end":[16],"capLength":[2,"cap-length"],"pointerEvents":[1,"pointer-events"]}]]],["p-38fd5603",[[1,"vertex-viewer-dom-renderer",{"drawMode":[1,"draw-mode"],"viewer":[16],"camera":[1040],"depthBuffer":[1040],"viewport":[32],"invalidateFrameCounter":[32]},[[0,"propertyChange","handlePropertyChange"]]],[1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}]]],["p-87219042",[[1,"vertex-viewer-markup-arrow",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"startLineAnchorStyle":[1025,"start-line-anchor-style"],"endLineAnchorStyle":[1025,"end-line-anchor-style"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"screenPoints":[32],"dispose":[64]}]]]]'),e)}));
+import{d as e,N as t,w as r,p as n,b as a}from"./p-e4ea1075.js";import{g as i}from"./p-446bdb50.js";import"./p-88c19f38.js";const o=e=>`__sc_import_${e.replace(/\s|-/g,"_")}`;const s=()=>{const a=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t));const i="";const o={};if(i!==""){o.resourcesUrl=new URL(".",i).href}else{o.resourcesUrl=new URL(".",new URL(a.getAttribute("data-resources-url")||a.src,r.location.href)).href;{l(o.resourcesUrl,a)}if(!r.customElements){return __sc_import_viewer("./p-093f9bdb.js").then((()=>o))}}return n(o)};const l=(n,a)=>{const i=o(t);try{r[i]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const o=new Map;r[i]=t=>{const s=new URL(t,n).href;let l=o.get(s);if(!l){const t=e.createElement("script");t.type="module";t.crossOrigin=a.crossOrigin;t.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${i}.m = m;`],{type:"application/javascript"}));l=new Promise((e=>{t.onload=()=>{e(r[i].m);t.remove()}}));o.set(s,l);e.head.appendChild(t)}return l}}};s().then((e=>{i();return a(JSON.parse('[["p-7aee464a",[[1,"vertex-viewer-pin-tool",{"pinController":[1040],"pinModel":[16],"viewer":[16],"tool":[1025],"mode":[1025],"primaryColor":[1025,"primary-color"],"accentColor":[1025,"accent-color"],"pins":[32],"selectedPinId":[32],"elementBounds":[32],"projectionViewMatrix":[32]}]]],["p-d41913d2",[[1,"vertex-scene-tree",{"overScanCount":[2,"over-scan-count"],"viewerSelector":[1,"viewer-selector"],"viewer":[1040],"rowData":[16],"config":[1],"configEnv":[1,"config-env"],"controller":[1040],"searchOptions":[1040],"metadataSearchExactMatch":[1028,"metadata-search-exact-match"],"metadataSearchKeys":[1040],"metadataKeys":[16],"rows":[32],"totalRows":[32],"showLoader":[32],"showEmptyResults":[32],"stateMap":[32],"errorDetails":[32],"attemptingRetry":[32],"invalidateRows":[64],"scrollToIndex":[64],"scrollToItem":[64],"expandAll":[64],"collapseAll":[64],"expandItem":[64],"collapseItem":[64],"toggleExpandItem":[64],"toggleItemVisibility":[64],"hideItem":[64],"showItem":[64],"selectItem":[64],"deselectItem":[64],"getRowAtIndex":[64],"getRowForEvent":[64],"getRowAtClientY":[64],"filterItems":[64],"selectFilteredItems":[64],"fetchMetadataKeys":[64]},[[0,"search","handleSearch"],[0,"cellLoaded","handleCellLoaded"]]]]],["p-0669d984",[[1,"vertex-viewer-default-toolbar",{"viewer":[16],"placement":[1],"direction":[1],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"]}]]],["p-6a9a13f9",[[1,"vertex-viewer-markup",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"selectedMarkupId":[1025,"selected-markup-id"],"selectNew":[4,"select-new"],"startLineAnchorStyle":[1025,"start-line-anchor-style"],"endLineAnchorStyle":[1025,"end-line-anchor-style"],"toSelectMarkupId":[32],"pointerDownPosition":[32],"addMarkup":[64],"removeMarkup":[64],"getMarkupElements":[64],"getMarkupElement":[64]},[[0,"markupEnd","handleMarkupEnd"],[0,"interactionEnd","handleMarkupUpdated"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["p-43c0d1c7",[[1,"vertex-viewer-markup-tool",{"arrowTemplateId":[1,"arrow-template-id"],"circleTemplateId":[1,"circle-template-id"],"freeformTemplateId":[1,"freeform-template-id"],"tool":[1],"disabled":[4],"viewer":[16],"startLineAnchorStyle":[1025,"start-line-anchor-style"],"endLineAnchorStyle":[1025,"end-line-anchor-style"],"stateMap":[32],"reset":[64]}]]],["p-9ff0ff1e",[[1,"vertex-viewer-view-cube",{"xPositiveLabel":[1,"x-positive-label"],"xNegativeLabel":[1,"x-negative-label"],"yPositiveLabel":[1,"y-positive-label"],"yNegativeLabel":[1,"y-negative-label"],"zPositiveLabel":[1,"z-positive-label"],"zNegativeLabel":[1,"z-negative-label"],"standardViewsOff":[4,"standard-views-off"],"animationDuration":[2,"animation-duration"],"triadOff":[4,"triad-off"],"worldOrientation":[1040],"camera":[1040],"viewer":[16],"boxLength":[32],"triadPosition":[32]}]]],["p-d8626aa7",[[1,"vertex-viewer-measurement-distance",{"start":[1040],"startJson":[1,"start-json"],"end":[1040],"endJson":[1,"end-json"],"distance":[1026],"showAxisReferenceLines":[4,"show-axis-reference-lines"],"snapDistance":[2,"snap-distance"],"units":[1],"fractionalDigits":[2,"fractional-digits"],"labelFormatter":[16],"anchorLabelOffset":[2,"anchor-label-offset"],"lineCapLength":[2,"line-cap-length"],"mode":[513],"interactingAnchor":[1537,"interacting-anchor"],"invalid":[1540],"camera":[16],"hitProvider":[16],"indicatorPt":[1040],"viewer":[16],"measurementModel":[16],"viewport":[32],"elementBounds":[32],"interactionCount":[32],"internalCamera":[32],"invalidateStateCounter":[32],"stateMap":[32],"measurementUnits":[32],"computeElementMetrics":[64]}]]],["p-a7f22416",[[1,"vertex-viewer-measurement-precise",{"measurementModel":[16],"measurementOverlays":[16],"measurementController":[1040],"measurableEntityTypes":[16],"viewer":[16],"configEnv":[1,"config-env"],"config":[1]}]]],["p-fdc9b263",[[1,"vertex-viewer-box-query-tool",{"viewer":[16],"controller":[1040],"model":[1040],"operationType":[1,"operation-type"],"mode":[1],"details":[32]}]]],["p-60d3af48",[[1,"vertex-viewer-walk-mode-tool",{"viewer":[16],"controller":[1040],"model":[1040],"teleportMode":[1,"teleport-mode"],"enabled":[4]}]]],["p-162cf7f8",[[1,"vertex-scene-tree-table-cell",{"node":[16],"tree":[16],"value":[1],"placeholder":[1],"hovered":[1028],"isScrolling":[4,"is-scrolling"],"expandToggle":[4,"expand-toggle"],"visibilityToggle":[4,"visibility-toggle"],"selectionHandler":[16],"visibilityHandler":[16],"expansionHandler":[16],"hoverController":[16]}]]],["p-9725f5fc",[[1,"vertex-scene-tree-table-column",{"initialWidth":[2,"initial-width"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"]}]]],["p-097909a8",[[1,"vertex-scene-tree-table-header"]]],["p-97aed77f",[[1,"vertex-scene-tree-table-resize-divider",{"dragging":[32]}]]],["p-2e194668",[[1,"vertex-scene-tree-toolbar-group"]]],["p-be1fd8a7",[[1,"vertex-viewer",{"src":[1],"clientId":[1,"client-id"],"deviceId":[1025,"device-id"],"config":[1],"configEnv":[1,"config-env"],"resolvedConfig":[1040],"cameraControls":[4,"camera-controls"],"cameraType":[1537,"camera-type"],"keyboardControls":[4,"keyboard-controls"],"rotateAroundTapPoint":[4,"rotate-around-tap-point"],"token":[1025],"depthBuffers":[1,"depth-buffers"],"phantom":[16],"noDefaultLights":[4,"no-default-lights"],"enableTemporalRefinement":[4,"enable-temporal-refinement"],"experimentalRenderingOptions":[1,"experimental-rendering-options"],"featureLines":[16],"selectionHighlighting":[16],"featureHighlighting":[16],"featureMaps":[1,"feature-maps"],"resizeDebounce":[2,"resize-debounce"],"frame":[1040],"stream":[1040],"stencilBuffer":[1040],"viewport":[1040],"dimensions":[32],"hostDimensions":[32],"errorMessage":[32],"cursor":[32],"stateMap":[32],"dispatchFrameDrawn":[64],"registerInteractionHandler":[64],"registerTapKeyInteraction":[64],"getInteractionTarget_DEPRECATED":[64],"addCursor":[64],"getInteractionHandlers":[64],"getKeyInteractions":[64],"getBaseInteractionHandler":[64],"getJwt":[64],"load":[64],"unload":[64],"scene":[64],"isSceneReady":[64]},[[0,"tap","handleTapEvent"]]]]],["p-62592193",[[1,"vertex-viewer-hit-result-indicator",{"viewer":[16],"position":[1040],"normal":[1040]}]]],["p-99f65ccc",[[1,"vertex-viewer-measurement-details",{"measurementModel":[16],"measurementOverlays":[16],"measurementOutcome":[1040],"distanceUnits":[1,"distance-units"],"angleUnits":[1,"angle-units"],"fractionalDigits":[2,"fractional-digits"],"distanceFormatter":[16],"angleFormatter":[16],"areaFormatter":[16],"resultTypes":[16],"overlay":[32],"distanceMeasurementUnits":[32],"angleMeasurementUnits":[32],"areaMeasurementUnits":[32]}]]],["p-24b66b64",[[1,"vertex-viewer-transform-widget",{"viewer":[16],"position":[1040],"rotation":[1040],"controller":[1040],"xRotationDisabled":[1028,"x-rotation-disabled"],"yRotationDisabled":[1028,"y-rotation-disabled"],"zRotationDisabled":[1028,"z-rotation-disabled"],"xTranslationDisabled":[1028,"x-translation-disabled"],"yTranslationDisabled":[1028,"y-translation-disabled"],"zTranslationDisabled":[1028,"z-translation-disabled"],"showInputs":[4,"show-inputs"],"distanceUnit":[1,"distance-unit"],"angleUnit":[1,"angle-unit"],"decimalPlaces":[2,"decimal-places"],"hovered":[1040],"inputPosition":[32],"inputValue":[32]}]]],["p-21c01385",[[1,"vertex-viewer-icon",{"name":[1],"size":[1]}]]],["p-70d29252",[[0,"vertex-viewer-pin-group",{"pin":[16],"matrix":[1040],"projectionViewMatrix":[16],"elementBounds":[1040],"pinModel":[16],"pinController":[16],"selected":[4],"invalidateStateCounter":[32]}]]],["p-32012ff4",[[1,"vertex-viewer-dom-group",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040]}]]],["p-dfd5a2f9",[[1,"vertex-viewer-teleport-tool",{"viewer":[16],"mode":[1025],"animationsDisabled":[4,"animations-disabled"],"animationMs":[2,"animation-ms"],"controller":[1040],"model":[1040]}]]],["p-685355a4",[[1,"vertex-viewer-spinner",{"size":[1]}]]],["p-c1bb34fe",[[1,"vertex-scene-tree-search",{"debounce":[2],"disabled":[4],"placeholder":[1],"controller":[16],"value":[1025],"focused":[32],"isSearching":[32],"setFocus":[64],"clear":[64]}],[1,"vertex-scene-tree-table-layout",{"tree":[16],"controller":[16],"rows":[16],"totalRows":[2,"total-rows"],"rowHeight":[1026,"row-height"],"overScanCount":[2,"over-scan-count"],"rowData":[16],"layoutOffset":[1026,"layout-offset"],"scrollOffset":[1026,"scroll-offset"],"layoutHeight":[1026,"layout-height"],"layoutWidth":[1026,"layout-width"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"columnGridLayout":[32],"columnGridFixedLayout":[32],"isComputingCellHeight":[32],"lastDividerPointerPosition":[32],"resizingColumnIndex":[32],"isScrolling":[32],"scrollTimer":[32],"stateMap":[32],"scrollToPosition":[64]}],[1,"vertex-scene-tree-toolbar"]]],["p-1efa143f",[[1,"vertex-viewer-layer",{"stretchOff":[516,"stretch-off"]}]]],["p-c489590d",[[1,"vertex-viewer-toolbar",{"placement":[1],"direction":[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{"direction":[1]}]]],["p-4fc41956",[[0,"vertex-viewer-pin-label",{"pin":[16],"elementBounds":[16],"value":[1025],"pinController":[16],"focused":[32],"computedScreenPosition":[32],"textareaRows":[32],"contentElBounds":[32],"setFocus":[64]}],[0,"vertex-viewer-pin-label-line",{"pinPoint":[16],"labelPoint":[16],"pin":[16]}]]],["p-21cc4585",[[1,"vertex-viewer-measurement-overlays",{"measurementOverlays":[16],"camera":[1040],"viewer":[16],"overlays":[32]}],[1,"vertex-viewer-measurement-line",{"start":[16],"end":[16],"capLength":[2,"cap-length"],"pointerEvents":[1,"pointer-events"]}]]],["p-38fd5603",[[1,"vertex-viewer-dom-renderer",{"drawMode":[1,"draw-mode"],"viewer":[16],"camera":[1040],"depthBuffer":[1040],"viewport":[32],"invalidateFrameCounter":[32]},[[0,"propertyChange","handlePropertyChange"]]],[1,"vertex-viewer-dom-element",{"position":[1040],"positionJson":[1,"position"],"rotation":[1040],"rotationJson":[1,"rotation"],"quaternion":[1040],"quaternionJson":[1,"quaternion"],"scale":[1040],"scaleJson":[1,"scale"],"matrix":[1040],"occlusionOff":[4,"occlusion-off"],"occluded":[516],"billboardOff":[4,"billboard-off"],"interactionsOff":[516,"interactions-off"]}]]],["p-87219042",[[1,"vertex-viewer-markup-arrow",{"start":[1040],"startJson":[1,"start"],"end":[1040],"endJson":[1,"end"],"startLineAnchorStyle":[1025,"start-line-anchor-style"],"endLineAnchorStyle":[1025,"end-line-anchor-style"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-circle",{"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"dispose":[64]}],[1,"vertex-viewer-markup-freeform",{"points":[1040],"pointsJson":[1,"points"],"bounds":[1040],"boundsJson":[1,"bounds"],"mode":[513],"viewer":[16],"elementBounds":[32],"screenPoints":[32],"dispose":[64]}]]]]'),e)}));
 //# sourceMappingURL=viewer.esm.js.map