@vertexvis/viewer 1.0.1-canary.8 → 1.0.1-testing.0

package/dist/components/{p-BNHniQXm.js → p-ae0Zapzr.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
  */
-import{t as i,p as t,H as n,d as e,h as o,e as s}from"./p-Bb32XUUS.js";import{e as a,p as r}from"./p-Tvs4yxd5.js";import{c as l}from"./p-C6gMOKYg.js";import{g as h}from"./p-BSYTUXcE.js";import{P as d,g as c,a as p}from"./p-zxYMoA6A.js";import{r as v}from"./p-Cd7kap5W.js";import{r as u}from"./p-Dc9KNUUp.js";class b{constructor(i,t="view",n="pin-icon",e=undefined){this.model=i;this.mode=t;this.type=n;this.styleAttributes=e}addPin(i){this.model.addPin(i)}clearPins(){this.model.clearPins()}removePin(i){this.model.removePin(i)}setPins(i){this.model.setPins(i)}setPin(i){this.model.setPin(i)}updatePin(i){this.model.updatePin(i)}setSelectedPinId(i){this.model.setSelectedPin(i)}getToolMode(){return this.mode}getToolType(){return this.type}setToolMode(i){this.mode=i}setToolType(i){this.type=i}getDraggable(){return this.draggable}setDraggable(i){this.draggable=i}setPrimaryColor(i){this.styleAttributes={...this.styleAttributes,primaryColor:i}}setAccentColor(i){this.styleAttributes={...this.styleAttributes,accentColor:i}}getStyleAttributes(){return this.styleAttributes}updateDraggable(i,t,n){if(this.draggable!=null){this.draggable=i}const e=this.model.getPinById(i.id);if(e!=null){this.updatePin({...e,worldPosition:t,partId:n})}}}function w(i,t){const n=Math.max(t.start,Math.min(t.end,i.x));const e=Math.max(t.start,Math.min(t.end,i.y));return r.create(n,e)}function m(i,t){return r.add(r.scale(i,t.width,t.height),a.center(t))}function f(i,t,n,e,o){const s=1/t.height;const l=1/t.width;const h=a.center(t);const d=r.scale(r.subtract(i,h),l,s);if(n){const t=r.scale(r.create(e,o),l,s);const n=h.x>i.x;const a=n?t.x:-3*t.x;const c=h.y>i.y;const p=c?t.y:-3*t.y;const v=r.add(d,r.create(a,p));return w(v,u.create(-.5,.5))}else{return w(d,u.create(-.5,.5))}}function g(i){return window.getComputedStyle(i)}const x=()=>`:host{--viewer-annotations-pin-label-background-color:var(--viewer-annotations-pin-accent-color);--viewer-annotations-pin-label-border-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-label-focused-border-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-label-color:var(--white);--viewer-annotations-pin-label-padding-y:0.375em;--viewer-annotations-pin-label-padding-x:0.5em;--viewer-annotations-pin-label-border-width:2px;--viewer-annotations-pin-label-border-style:solid;--viewer-annotations-pin-label-border-radius:0.25em;--viewer-annotations-pin-label-min-width:2rem;--viewer-annotations-pin-label-max-width:25rem;--viewer-annotations-pin-label-max-height:50rem;overflow:hidden;pointer-events:none}:host([mode='']) .pin-label{color:var(--viewer-annotations-pin-label-color);background:var(--viewer-annotations-pin-label-background-color)}.pin-label-text{font-family:Arial, Helvetica, sans-serif;font-size:0.875rem;line-height:1rem;word-break:break-word;white-space:pre-wrap}.pin-label-input-wrapper{display:flex;position:absolute;pointer-events:auto;box-sizing:border-box;min-width:var(--viewer-annotations-pin-label-min-width);max-width:var(--viewer-annotations-pin-label-max-width);max-height:var(--viewer-annotations-pin-label-max-height);background:var(--viewer-annotations-pin-label-background-color);border-width:var(--viewer-annotations-pin-label-border-width);border-style:var(--viewer-annotations-pin-label-border-style);border-color:var(--viewer-annotations-pin-label-border-color);border-radius:var(--viewer-annotations-pin-label-border-radius)}.pin-label-input-wrapper.focused{min-width:var(--viewer-annotations-pin-label-max-width);border-color:var(--viewer-annotations-pin-label-focused-border-color)}.pin-input-drag-target{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.pin-label-input{resize:none;position:relative;outline:none;border:none;word-break:break-word;padding:0 0 0 0;background-color:transparent;margin:var(--viewer-annotations-pin-label-padding-y) var(--viewer-annotations-pin-label-padding-x);width:var(--viewer-annotations-pin-label-min-width);flex-grow:1;overflow:hidden;max-width:calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)))}.pin-label-input.readonly{pointer-events:auto;color:black;cursor:pointer}.pin-label-hidden{position:absolute;visibility:hidden;pointer-events:none;width:auto;height:auto;box-sizing:border-box;border-width:var(--viewer-annotations-pin-label-border-width);border-style:var(--viewer-annotations-pin-label-border-style);border-color:var(--viewer-annotations-pin-label-border-color);margin:var(--viewer-annotations-pin-label-padding-y) 0;padding:0 var(--viewer-annotations-pin-label-padding-x);max-width:calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)))}`;const y=t(class i extends n{constructor(i){super();if(i!==false){this.__registerHost()}this.labelChanged=e(this,"labelChanged");this.labelFocused=e(this,"labelFocused");this.labelBlurred=e(this,"labelBlurred");this.value="";this.focused=false;this.textareaRows=1;this.computeContentSize=()=>{v((()=>{if(this.contentEl!=null){this.contentElBounds=this.contentEl.getBoundingClientRect();const i=g(this.contentEl);this.textareaRows=Math.max(1,Math.ceil((parseFloat(i.getPropertyValue("height"))-parseFloat(i.getPropertyValue("borderWidth"))*2)/parseFloat(i.getPropertyValue("lineHeight"))))}}))};this.handleInputKeyDown=i=>{i.stopPropagation();if(i.key==="Enter"&&(i.ctrlKey||i.metaKey||i.shiftKey)){this.textareaRows+=1;this.value+="\n"}else if(i.key==="Enter"){i.preventDefault();this.submit()}};this.handlePointerDown=i=>{var t;if(!this.focused){if(this.elementBounds!=null){if(i.buttons!==2){i.preventDefault();i.stopPropagation()}this.relativePointerDownPosition=f(h(i,this.elementBounds),this.elementBounds);this.pinPointerDownPosition=(t=this.pin)===null||t===void 0?void 0:t.label.point;window.addEventListener("pointermove",this.handlePointerMove);window.addEventListener("pointerup",this.handlePointerUp)}}};this.handlePointerMove=i=>{var t;if(this.elementBounds!=null&&this.relativePointerDownPosition&&this.pinPointerDownPosition!=null){i.preventDefault();i.stopPropagation();const n=h(i,this.elementBounds);const e=f(n,this.elementBounds);const o=r.subtract(e,this.relativePointerDownPosition);const s=this.pin!=null?{...this.pin,label:{...this.pin.label,point:r.add(this.pinPointerDownPosition,o)}}:undefined;if(s){(t=this.pinController)===null||t===void 0?void 0:t.updatePin(s);this.computeScreenPosition()}}};this.handlePointerUp=i=>{var t,n;if(((t=this.pinController)===null||t===void 0?void 0:t.getToolMode())==="edit"&&this.relativePointerDownPosition!=null&&this.elementBounds!=null){const t=m(this.relativePointerDownPosition,this.elementBounds);const e=r.distance(t,h(i,this.elementBounds));if(e<=2){this.focused=true;this.labelFocused.emit((n=this.pin)===null||n===void 0?void 0:n.id)}}this.relativePointerDownPosition=undefined;this.pinPointerDownPosition=undefined;window.removeEventListener("pointermove",this.handlePointerMove);window.removeEventListener("pointerup",this.handlePointerUp)};this.handleTextBlur=()=>{this.submit()};this.handleTextInput=i=>{const t=i.target;this.value=t.value}}async setFocus(){var i,t,n;if(typeof((i=this.inputEl)===null||i===void 0?void 0:i.focus)==="function"){this.focused=true;this.labelFocused.emit((t=this.pin)===null||t===void 0?void 0:t.id);(n=this.inputEl)===null||n===void 0?void 0:n.focus()}}async submit(){var i,t;this.focused=false;this.labelBlurred.emit((i=this.pin)===null||i===void 0?void 0:i.id);if(this.pin!=null){(t=this.pinController)===null||t===void 0?void 0:t.updatePin({...this.pin,label:{point:this.pin.label.point,text:this.value}})}}watchFocusChange(){var i,t;this.labelChanged.emit();if(this.focused){(i=this.pinController)===null||i===void 0?void 0:i.setSelectedPinId((t=this.pin)===null||t===void 0?void 0:t.id)}}watchPinChange(){var i,t;this.value=(t=(i=this.pin)===null||i===void 0?void 0:i.label.text)!==null&&t!==void 0?t:"";this.computeScreenPosition()}watchElementBoundsChange(){this.computeScreenPosition()}componentWillLoad(){var i,t;this.value=(t=(i=this.pin)===null||i===void 0?void 0:i.label.text)!==null&&t!==void 0?t:"";this.computeScreenPosition()}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.labelChanged.emit()}));this.contentResizeObserver=new ResizeObserver(this.computeContentSize);if(this.hostEl!=null){this.resizeObserver.observe(this.hostEl)}if(this.contentEl!=null){this.contentResizeObserver.observe(this.contentEl)}if(this.pinController==null){this.pinController=new b(new d)}}disconnectedCallback(){var i,t;(i=this.resizeObserver)===null||i===void 0?void 0:i.disconnect();(t=this.contentResizeObserver)===null||t===void 0?void 0:t.disconnect()}componentDidRender(){if(this.focused&&this.inputEl!=null){this.setFocus()}}render(){var i,t,n;const{primaryColor:e,accentColor:a}=c(this.pin);return o(s,{key:"a02e4135406398f7e49331ac65ec121c216c75c1"},o("div",{key:"14373fe8ac2fff6988c38d8c73fdd484c0fd8079",class:l("pin-label-input-wrapper",{focused:this.focused}),onPointerDown:this.handlePointerDown,style:{top:`${((i=this.computedScreenPosition)===null||i===void 0?void 0:i.y.toString())||0}px`,left:`${((t=this.computedScreenPosition)===null||t===void 0?void 0:t.x.toString())||0}px`,minWidth:this.computeMinWidth(),maxWidth:this.computeMaxWidth(),maxHeight:this.computeMaxHeight(),borderColor:e,background:a}},o("textarea",{key:"10f15845d35c653f4d84c9d39694977e79ec329a",id:`pin-label-input-${(n=this.pin)===null||n===void 0?void 0:n.id}`,class:l("pin-label-input","pin-label-text",{["readonly"]:!this.focused}),disabled:!this.focused,ref:i=>this.inputEl=i,value:this.value,rows:this.textareaRows,onKeyDown:this.handleInputKeyDown,onInput:this.handleTextInput,onBlur:this.handleTextBlur}),!this.focused&&o("div",{key:"a82f6c8553da740e3ab8c9c4f0b92cd1c3647ec6",class:"pin-input-drag-target",onPointerDown:this.handlePointerDown})),o("div",{key:"197aae8a4bcb977305f662b61308310eacb0b780",ref:i=>this.contentEl=i,class:l("pin-label-text","pin-label-hidden"),style:{maxWidth:this.computeMaxWidth(),maxHeight:this.computeMaxHeight()}},this.hiddenContent()))}hiddenContent(){return this.value.includes("\n")?this.value.split("\n").reduce(((i,t)=>[...i,t,o("br",null)]),[]):[this.value]}computeMinWidth(){if(this.contentElBounds!=null){const i=`${this.contentElBounds.width+8}px`;return`min(${i}, ${this.computeMaxWidth()})`}else{return`var(--viewer-annotations-pin-label-min-width)`}}computeMaxWidth(){const i=`var(--viewer-annotations-pin-label-max-width)`;return`min(${i}, ${this.computeRemainingWidth()})`}computeMaxHeight(){const i=`var(--viewer-annotations-pin-label-max-height)`;return`min(${i}, ${this.computeRemainingHeight()})`}computeRemainingWidth(){var i,t;return`calc(${((i=this.elementBounds)===null||i===void 0?void 0:i.width.toString())||0}px - ${((t=this.computedScreenPosition)===null||t===void 0?void 0:t.x.toString())||0}px)`}computeRemainingHeight(){var i,t;return`calc(${((i=this.elementBounds)===null||i===void 0?void 0:i.height.toString())||0}px - ${((t=this.computedScreenPosition)===null||t===void 0?void 0:t.y.toString())||0}px)`}computeScreenPosition(){this.computedScreenPosition=p(this.pin)&&this.elementBounds!=null&&this.pin.label.point!=null?m(this.pin.label.point,this.elementBounds):undefined}get hostEl(){return this}static get watchers(){return{focused:[{watchFocusChange:0}],pin:[{watchPinChange:0}],elementBounds:[{watchElementBoundsChange:0}]}}static get style(){return x()}},[0,"vertex-viewer-pin-label",{pin:[16],elementBounds:[16],value:[1025],pinController:[16],focused:[32],computedScreenPosition:[32],textareaRows:[32],contentElBounds:[32],setFocus:[64],submit:[64]},undefined,{focused:[{watchFocusChange:0}],pin:[{watchPinChange:0}],elementBounds:[{watchElementBoundsChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["vertex-viewer-pin-label"];t.forEach((t=>{switch(t){case"vertex-viewer-pin-label":if(!customElements.get(i(t))){customElements.define(i(t),y)}break}}))}C();export{b as P,y as V,f as a,C as d,m as t};
-//# sourceMappingURL=p-BNHniQXm.js.map
+import{t as i,p as t,H as e,d as n,h as o,e as s}from"./p-Bb32XUUS.js";import{e as a,p as r}from"./p-Tvs4yxd5.js";import{c as l}from"./p-C6gMOKYg.js";import{g as h}from"./p-BSYTUXcE.js";import{P as d,g as p,a as c}from"./p-zxYMoA6A.js";import{r as v}from"./p-Cd7kap5W.js";import{r as u}from"./p-Dc9KNUUp.js";class b{constructor(i,t="view",e="pin-icon",n=undefined){this.model=i;this.mode=t;this.type=e;this.styleAttributes=n}addPin(i){this.model.addPin(i)}clearPins(){this.model.clearPins()}removePin(i){this.model.removePin(i)}setPins(i){this.model.setPins(i)}setPin(i){this.model.setPin(i)}updatePin(i){this.model.updatePin(i)}setSelectedPinId(i){this.model.setSelectedPin(i)}getToolMode(){return this.mode}getToolType(){return this.type}setToolMode(i){this.mode=i}setToolType(i){this.type=i}getDraggable(){return this.draggable}setDraggable(i){this.draggable=i}setPrimaryColor(i){this.styleAttributes={...this.styleAttributes,primaryColor:i}}setAccentColor(i){this.styleAttributes={...this.styleAttributes,accentColor:i}}getStyleAttributes(){return this.styleAttributes}updateDraggable(i,t,e){if(this.draggable!=null){this.draggable=i}const n=this.model.getPinById(i.id);if(n!=null){this.updatePin({...n,worldPosition:t,partId:e})}}}function w(i,t){const e=Math.max(t.start,Math.min(t.end,i.x));const n=Math.max(t.start,Math.min(t.end,i.y));return r.create(e,n)}function m(i,t){return r.add(r.scale(i,t.width,t.height),a.center(t))}function f(i,t,e,n,o){const s=1/t.height;const l=1/t.width;const h=a.center(t);const d=r.scale(r.subtract(i,h),l,s);if(e){const t=r.scale(r.create(n,o),l,s);const e=h.x>i.x;const a=e?t.x:-3*t.x;const p=h.y>i.y;const c=p?t.y:-3*t.y;const v=r.add(d,r.create(a,c));return w(v,u.create(-.5,.5))}else{return w(d,u.create(-.5,.5))}}function g(i){return window.getComputedStyle(i)}const x=()=>`:host{--viewer-annotations-pin-label-background-color:var(--viewer-annotations-pin-accent-color);--viewer-annotations-pin-label-border-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-label-focused-border-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-label-color:var(--white);--viewer-annotations-pin-label-padding-y:0.375em;--viewer-annotations-pin-label-padding-x:0.5em;--viewer-annotations-pin-label-border-width:2px;--viewer-annotations-pin-label-border-style:solid;--viewer-annotations-pin-label-border-radius:0.25em;--viewer-annotations-pin-label-min-width:2rem;--viewer-annotations-pin-label-max-width:25rem;--viewer-annotations-pin-label-max-height:50rem;overflow:hidden;pointer-events:none}:host([mode='']) .pin-label{color:var(--viewer-annotations-pin-label-color);background:var(--viewer-annotations-pin-label-background-color)}.pin-label-text{font-family:Arial, Helvetica, sans-serif;font-size:0.875rem;line-height:1rem;word-break:break-word;white-space:pre-wrap}.pin-label-input-wrapper{display:flex;position:absolute;pointer-events:auto;box-sizing:border-box;min-width:var(--viewer-annotations-pin-label-min-width);max-width:var(--viewer-annotations-pin-label-max-width);max-height:var(--viewer-annotations-pin-label-max-height);background:var(--viewer-annotations-pin-label-background-color);border-width:var(--viewer-annotations-pin-label-border-width);border-style:var(--viewer-annotations-pin-label-border-style);border-color:var(--viewer-annotations-pin-label-border-color);border-radius:var(--viewer-annotations-pin-label-border-radius)}.pin-label-input-wrapper.focused{min-width:var(--viewer-annotations-pin-label-max-width);border-color:var(--viewer-annotations-pin-label-focused-border-color)}.pin-input-drag-target{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.pin-label-input{resize:none;position:relative;outline:none;border:none;word-break:break-word;padding:0 0 0 0;background-color:transparent;margin:var(--viewer-annotations-pin-label-padding-y) var(--viewer-annotations-pin-label-padding-x);width:var(--viewer-annotations-pin-label-min-width);flex-grow:1;overflow:hidden;max-width:calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)))}.pin-label-input.readonly{pointer-events:auto;color:black;cursor:pointer}.pin-label-hidden{position:absolute;visibility:hidden;pointer-events:none;width:auto;height:auto;box-sizing:border-box;border-width:var(--viewer-annotations-pin-label-border-width);border-style:var(--viewer-annotations-pin-label-border-style);border-color:var(--viewer-annotations-pin-label-border-color);margin:var(--viewer-annotations-pin-label-padding-y) 0;padding:0 var(--viewer-annotations-pin-label-padding-x);max-width:calc(var(--viewer-annotations-pin-label-max-width) - calc(2 * var(--viewer-annotations-pin-label-padding-x)))}`;const y=t(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.labelChanged=n(this,"labelChanged");this.labelFocused=n(this,"labelFocused");this.labelBlurred=n(this,"labelBlurred");this.value="";this.focused=false;this.textareaRows=1;this.computeContentSize=()=>{v((()=>{if(this.contentEl!=null){this.contentElBounds=this.contentEl.getBoundingClientRect();const i=g(this.contentEl);this.textareaRows=Math.max(1,Math.ceil((parseFloat(i.getPropertyValue("height"))-parseFloat(i.getPropertyValue("borderWidth"))*2)/parseFloat(i.getPropertyValue("lineHeight"))))}}))};this.handleInputKeyDown=i=>{i.stopPropagation();if(i.key==="Enter"&&(i.ctrlKey||i.metaKey||i.shiftKey)){this.textareaRows+=1;this.value+="\n"}else if(i.key==="Enter"){i.preventDefault();this.submit()}};this.handlePointerDown=i=>{var t;if(!this.focused){if(this.elementBounds!=null){if(i.buttons!==2){i.preventDefault();i.stopPropagation()}this.relativePointerDownPosition=f(h(i,this.elementBounds),this.elementBounds);this.pinPointerDownPosition=(t=this.pin)===null||t===void 0?void 0:t.label.point;window.addEventListener("pointermove",this.handlePointerMove);window.addEventListener("pointerup",this.handlePointerUp)}}};this.handlePointerMove=i=>{var t;if(this.elementBounds!=null&&this.relativePointerDownPosition&&this.pinPointerDownPosition!=null){i.preventDefault();i.stopPropagation();const e=h(i,this.elementBounds);const n=f(e,this.elementBounds);const o=r.subtract(n,this.relativePointerDownPosition);const s=this.pin!=null?{...this.pin,label:{...this.pin.label,point:r.add(this.pinPointerDownPosition,o)}}:undefined;if(s){(t=this.pinController)===null||t===void 0?void 0:t.updatePin(s);this.computeScreenPosition()}}};this.handlePointerUp=i=>{var t,e;if(((t=this.pinController)===null||t===void 0?void 0:t.getToolMode())==="edit"&&this.relativePointerDownPosition!=null&&this.elementBounds!=null){const t=m(this.relativePointerDownPosition,this.elementBounds);const n=r.distance(t,h(i,this.elementBounds));if(n<=2){this.focused=true;this.labelFocused.emit((e=this.pin)===null||e===void 0?void 0:e.id)}}this.relativePointerDownPosition=undefined;this.pinPointerDownPosition=undefined;window.removeEventListener("pointermove",this.handlePointerMove);window.removeEventListener("pointerup",this.handlePointerUp)};this.handleTextBlur=()=>{this.submit()};this.handleTextInput=i=>{const t=i.target;this.value=t.value}}async setFocus(){var i,t,e;if(typeof((i=this.inputEl)===null||i===void 0?void 0:i.focus)==="function"){this.focused=true;this.labelFocused.emit((t=this.pin)===null||t===void 0?void 0:t.id);(e=this.inputEl)===null||e===void 0?void 0:e.focus()}}async submit(){var i,t;this.focused=false;this.labelBlurred.emit((i=this.pin)===null||i===void 0?void 0:i.id);if(this.pin!=null){(t=this.pinController)===null||t===void 0?void 0:t.updatePin({...this.pin,label:{point:this.pin.label.point,text:this.value}})}}watchFocusChange(){var i,t;this.labelChanged.emit();if(this.focused){(i=this.pinController)===null||i===void 0?void 0:i.setSelectedPinId((t=this.pin)===null||t===void 0?void 0:t.id)}}watchPinChange(){var i,t;this.value=(t=(i=this.pin)===null||i===void 0?void 0:i.label.text)!==null&&t!==void 0?t:"";this.computeScreenPosition()}watchElementBoundsChange(){this.computeScreenPosition()}componentWillLoad(){var i,t;this.value=(t=(i=this.pin)===null||i===void 0?void 0:i.label.text)!==null&&t!==void 0?t:"";this.computeScreenPosition();if(this.pinController==null){this.pinController=new b(new d)}}componentDidLoad(){this.resizeObserver=new ResizeObserver((()=>{this.labelChanged.emit()}));this.contentResizeObserver=new ResizeObserver(this.computeContentSize);if(this.hostEl!=null){this.resizeObserver.observe(this.hostEl)}if(this.contentEl!=null){this.contentResizeObserver.observe(this.contentEl)}}disconnectedCallback(){var i,t;(i=this.resizeObserver)===null||i===void 0?void 0:i.disconnect();(t=this.contentResizeObserver)===null||t===void 0?void 0:t.disconnect()}componentDidRender(){if(this.focused&&this.inputEl!=null){this.setFocus()}}render(){var i,t,e;const{primaryColor:n,accentColor:a}=p(this.pin);return o(s,{key:"fb923b1f9f554d8e1306b296b0e12b7f69707807"},o("div",{key:"db20606dd0bc454da5bcc681be23a34e1d91b265",class:l("pin-label-input-wrapper",{focused:this.focused}),onPointerDown:this.handlePointerDown,style:{top:`${((i=this.computedScreenPosition)===null||i===void 0?void 0:i.y.toString())||0}px`,left:`${((t=this.computedScreenPosition)===null||t===void 0?void 0:t.x.toString())||0}px`,minWidth:this.computeMinWidth(),maxWidth:this.computeMaxWidth(),maxHeight:this.computeMaxHeight(),borderColor:n,background:a}},o("textarea",{key:"b814215c24ee32336e3946e3ac8be6df935d98a3",id:`pin-label-input-${(e=this.pin)===null||e===void 0?void 0:e.id}`,class:l("pin-label-input","pin-label-text",{["readonly"]:!this.focused}),disabled:!this.focused,ref:i=>this.inputEl=i,value:this.value,rows:this.textareaRows,onKeyDown:this.handleInputKeyDown,onInput:this.handleTextInput,onBlur:this.handleTextBlur}),!this.focused&&o("div",{key:"5c33525705f63133fc334dadcf24fb8c5cb9ef60",class:"pin-input-drag-target",onPointerDown:this.handlePointerDown})),o("div",{key:"ab6ac659deec0c9f224e6daa9125acf4b58764ce",ref:i=>this.contentEl=i,class:l("pin-label-text","pin-label-hidden"),style:{maxWidth:this.computeMaxWidth(),maxHeight:this.computeMaxHeight()}},this.hiddenContent()))}hiddenContent(){return this.value.includes("\n")?this.value.split("\n").reduce(((i,t)=>[...i,t,o("br",null)]),[]):[this.value]}computeMinWidth(){if(this.contentElBounds!=null){const i=`${this.contentElBounds.width+8}px`;return`min(${i}, ${this.computeMaxWidth()})`}else{return`var(--viewer-annotations-pin-label-min-width)`}}computeMaxWidth(){const i=`var(--viewer-annotations-pin-label-max-width)`;return`min(${i}, ${this.computeRemainingWidth()})`}computeMaxHeight(){const i=`var(--viewer-annotations-pin-label-max-height)`;return`min(${i}, ${this.computeRemainingHeight()})`}computeRemainingWidth(){var i,t;return`calc(${((i=this.elementBounds)===null||i===void 0?void 0:i.width.toString())||0}px - ${((t=this.computedScreenPosition)===null||t===void 0?void 0:t.x.toString())||0}px)`}computeRemainingHeight(){var i,t;return`calc(${((i=this.elementBounds)===null||i===void 0?void 0:i.height.toString())||0}px - ${((t=this.computedScreenPosition)===null||t===void 0?void 0:t.y.toString())||0}px)`}computeScreenPosition(){this.computedScreenPosition=c(this.pin)&&this.elementBounds!=null&&this.pin.label.point!=null?m(this.pin.label.point,this.elementBounds):undefined}get hostEl(){return this}static get watchers(){return{focused:[{watchFocusChange:0}],pin:[{watchPinChange:0}],elementBounds:[{watchElementBoundsChange:0}]}}static get style(){return x()}},[0,"vertex-viewer-pin-label",{pin:[16],elementBounds:[16],value:[1025],pinController:[1040],focused:[32],computedScreenPosition:[32],textareaRows:[32],contentElBounds:[32],setFocus:[64],submit:[64]},undefined,{focused:[{watchFocusChange:0}],pin:[{watchPinChange:0}],elementBounds:[{watchElementBoundsChange:0}]}]);function C(){if(typeof customElements==="undefined"){return}const t=["vertex-viewer-pin-label"];t.forEach((t=>{switch(t){case"vertex-viewer-pin-label":if(!customElements.get(i(t))){customElements.define(i(t),y)}break}}))}C();export{b as P,y as V,f as a,C as d,m as t};
+//# sourceMappingURL=p-ae0Zapzr.js.map

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["SceneTreeError","details","children","h","class","message","link","Fragment","href","target","DEFAULT_SCENE_TREE_OP_ANIMATION_MS","async","showItem","viewer","id","suppliedCorrelationId","scene","elements","op","items","where","q","withItemId","show","execute","hideItem","hide","selectItem","append","all","deselect","select","selectRangeInSceneTree","start","end","withSceneTreeRange","selectFilterResults","filter","keys","exactMatch","removeHiddenResults","withMetadata","deselectItem","isolateItem","animationDurationMs","renderResult","camera","flyTo","render","animation","milliseconds","onAnimationCompleted","once","sceneTreeCss","MIN_CLEAR_UNUSED_DATA_MS","SceneTree","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","overScanCount","configEnv","searchOptions","metadataSearchExactMatch","metadataSearchKeys","metadataKeys","operationAnimationDuration","rows","totalRows","showLoader","showEmptyResults","stateMap","componentLoaded","hasPartialFilterResults","refreshingResults","attemptingRetry","firstCellRendered","invalidateRows","forceUpdate","getLayoutElement","scrollToIndex","index","options","animate","position","i","Math","max","min","top","getScrollToPosition","scrollToPosition","behavior","undefined","scrollToItem","itemId","rowsBeforeExpand","_a","controller","expandParentNodes","Promise","resolve","layoutEl","handleLayoutRendered","removeEventListener","addEventListener","expandAll","collapseAll","expandItem","row","performRowOperation","node","expanded","expandNode","collapseItem","collapseNode","toggleExpandItem","toggleItemVisibility","visible","partiallyVisible","recurseParent","ancestors","fetchNodeAncestors","isInPath","_b","selectionPath","includes","nodeForRow","getNodeFromRowOrIndex","immediateParentNodeIsSelected","length","selected","nodeIsSelectedAndParentIsUnselected","nextNode","find","lastSelectedItemId","range","currentRowIndex","_c","previouslySelectedIndex","_d","map","hex","getRowAtIndex","getRowForItemId","getRowForEvent","event","clientY","errorDetails","getSceneTreeContainsElement","el","isSceneTreeTableCellElement","getRowAtClientY","layoutOffset","floor","scrollOffset","rowHeight","filterItems","term","optionsAsFilterOptions","columns","columnsToSearch","getMetadataSearchKeys","selectFilteredItems","definedMetadataKeys","shouldSearchExactMatch","shouldSearchRemoveHiddenItems","_f","_e","removeHiddenItems","fetchMetadataKeys","disconnectedCallback","viewerDisposable","dispose","viewerSceneReadyDisposable","cancel","connectedCallback","connectToViewer","componentWillLoad","sceneTreeHost","getConfig","network","client","SceneTreeAPIClient","flags","grpcUseStreamingWebSocketTransport","transport","webSocketSubscriptionTransportFactory","SceneTreeController","setMetadataKeys","onStateChangeDisposable","onStateChange","on","state","handleControllerStateChange","componentDidLoad","ensureLayoutDefined","updateLayoutElement","resizeObserver","ResizeObserver","observe","SceneTreeErrorDetails","SceneTreeErrorCode","MISSING_VIEWER","componentWillRender","Host","key","name","actionLabel","onAction","refreshFilter","renderError","size","code","SCENE_TREE_DISABLED","onClick","retryConnectToViewer","disabled","handleViewerChanged","newViewer","oldViewer","handleControllerChanged","newController","handleMetadataKeysChanged","viewerSelector","document","querySelector","handleSceneReady","attemptComputeCellHeight","scheduleClearUnusedData","idleCallbackId","window","cancelIdleCallback","requestIdleCallback","foo","remaining","timeRemaining","call","startIndex","viewportStartIndex","endIndex","viewportEndIndex","getPageIndexesForRange","invalidatePagesOutsideRange","shouldShowLoading","shouldShowEmptyResults","isPartialFilterResponse","isSearching","connection","type","connectionError","emit","DISCONNECTED","rowOrIndex","Error","isLoadedRow","handleSearch","detail","e","console","error","handleCellLoaded","firstRowRendered","constrainedIndex","viewportHeight","layoutHeight","rowCenterY","rowBottomY","parseAndValidateConfig","config","layout","createElement","innerHTML","appendChild","tree","rowData","debug","SCENE_ITEM_NAME_METADATA_KEY"],"sources":["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"],"sourcesContent":["// 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 const DEFAULT_SCENE_TREE_OP_ANIMATION_MS = 500;\n\nexport interface ViewerItemOptions {\n  suppliedCorrelationId?: string;\n}\nexport interface ViewerSelectItemOptions extends ViewerItemOptions {\n  append?: boolean;\n  range?: boolean;\n}\nexport interface ViewerIsolateItemOptions extends ViewerItemOptions {\n  animationDurationMs?: number;\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    .elements((op) => op.items.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    .elements((op) => op.items.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    .elements((op) => [\n      ...(append ? [] : [op.items.where((q) => q.all()).deselect()]),\n      op.items.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    .elements((op) => [\n      ...(append ? [] : [op.items.where((q) => q.all()).deselect()]),\n      op.items.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    .elements((op) => [\n      ...(append ? [] : [op.items.where((q) => q.all()).deselect()]),\n      op.items\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    .elements((op) => op.items.where((q) => q.withItemId(id)).deselect())\n    .execute({\n      suppliedCorrelationId,\n    });\n}\n\nexport async function isolateItem(\n  viewer: HTMLVertexViewerElement,\n  id: string,\n  { suppliedCorrelationId, animationDurationMs }: ViewerIsolateItemOptions = {}\n): Promise<void> {\n  const scene = await viewer.scene();\n  await scene\n    .elements((op) => [\n      op.items.where((q) => q.all()).hide(),\n      op.items.where((q) => q.withItemId(id)).show(),\n    ])\n    .execute({\n      suppliedCorrelationId,\n    });\n  const renderResult = await scene\n    .camera()\n    .flyTo((q) => q.withItemId(id))\n    .render({\n      animation: {\n        milliseconds: animationDurationMs ?? DEFAULT_SCENE_TREE_OP_ANIMATION_MS,\n      },\n    });\n  await renderResult.onAnimationCompleted.once();\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  /**\n   * @prop --scene-tree-default-font-family: The default font family to use for displaying\n   * text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-default-font-family: unset;\n\n  /**\n   * @prop --scene-tree-default-font-size: The default font size to use for displaying\n   * text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-default-font-size: unset;\n\n  /**\n   * @prop --scene-tree-default-font-color: The default font color to use for displaying\n   * text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-default-font-color: unset;\n\n  /**\n   * @prop --scene-tree-secondary-font-color: The secondary font color to use for displaying\n   * secondary text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-secondary-font-color: unset;\n\n  /**\n   * @prop --scene-tree-selected-row-background-color: The background color to use when\n   * displaying selected rows. This value always takes precedence if the row is selected.\n   * Defaults to `unset`.\n   */\n  --scene-tree-selected-row-background-color: unset;\n\n  /**\n   * @prop --scene-tree-hovered-row-background-color: The background color to use when\n   * displaying hovered rows. This value takes precedence only if the row is not selected.\n   * Defaults to `unset`.\n   */\n   --scene-tree-hovered-row-background-color: unset;\n\n  /**\n   * @prop --scene-tree-row-background-color: The default background color to use for displaying\n   * rows within a <vertex-scene-tree>. Defaults to `unset`, and will be overridden\n   * by any depth specific background configuration.\n   */\n   --scene-tree-row-background-color: unset;\n\n  /**\n   * @prop --scene-tree-row-background-color-depth-n: The background color to use for n-depth\n   * rows, where `n` is replaced with the desired depth. Defaults to `unset` for all\n   * depths.\n   *\n   * @example\n   * The following definition will cause all rows representing items at a depth of 1\n   * to display with a red background, leaving all other depths unchanged.\n   * \n   * --scene-tree-row-background-color-depth-1: #ff0000\n   */\n  --scene-tree-row-background-color-depth-n: unset;\n\n\n  /**\n  * @prop --scene-tree-overlay-z-index: A CSS z-index value that will\n  * set the z-index of the tree overlays. Defaults to 3000.\n  */\n  --scene-tree-overlay-z-index: 3000;\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  position: relative;\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  z-index: var(--scene-tree-overlay-z-index);\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 {\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 {\n  Config,\n  parseAndValidateConfig,\n  PartialConfig,\n} 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  isolateItem,\n  selectFilterResults,\n  selectItem,\n  selectRangeInSceneTree,\n  showItem,\n} from './lib/viewer-ops';\nimport {\n  FilterOptions,\n  MetadataKey,\n  RowArg,\n  RowDataProvider,\n  SCENE_ITEM_NAME_METADATA_KEY,\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  viewerSceneReadyDisposable?: 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 be 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   * **Note:** for the values of these metadata keys to be evaluated for search,\n   * they must be provided to the `metadataSearchKeys` specified in the `searchOptions`.\n   * Otherwise, the search will only be performed against the item name.\n   */\n  @Prop()\n  public metadataKeys: MetadataKey[] = [];\n\n  /**\n   * The duration of operations with animations, in milliseconds, when a user performs\n   * an action that results in an animation such as isolate. Defaults to 500ms.\n   */\n  @Prop()\n  public operationAnimationDuration = 500;\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 hasPartialFilterResults = false;\n\n  @State()\n  private refreshingResults = false;\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    await 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\n      // The parent node should be selected if recurseParent is true and either\n      // the given node is in the selection path (so was intentionally selected by clicking in the tree)\n      // or if the given node is selected, but its immediate parent is not. The second case covers the\n      // situation that the given node was selected as part of a previous ancestor selection and the\n      // user wishes to clear the selection list and only select the given node.\n      const isInPath = this.stateMap.selectionPath?.includes(id);\n\n      const nodeForRow = this.getNodeFromRowOrIndex(row);\n      const immediateParentNodeIsSelected =\n        ancestors.length > 0 ? ancestors[0].selected : true;\n      const nodeIsSelectedAndParentIsUnselected =\n        nodeForRow.selected && !immediateParentNodeIsSelected;\n\n      if (recurseParent && (isInPath || nodeIsSelectedAndParentIsUnselected)) {\n        const nextNode = ancestors.find(({ selected }) => !selected);\n        if (nextNode != null) {\n          await this.selectItem(nextNode, options);\n          this.lastSelectedItemId = id;\n        } else {\n          await selectItem(viewer, id, 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   * Performs an API call that will show only the item associated to\n   * the given row or row index and fit the camera to the item's bounding box.\n   *\n   * @param row The row, row index, or node to isolate.\n   */\n  @Method()\n  public async isolateItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ viewer, id }) => {\n      await isolateItem(viewer, id, {\n        animationDurationMs: this.operationAnimationDuration,\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 with the given id. If there is not a row\n   * matching the id, returns `undefined`.\n   *\n   * @param itemId An ID of an item to return the row for.\n   * @returns A row, or `undefined` if a corresponding row doesn't exist\n   */\n  @Method()\n  public async getRowForItemId(itemId: string): Promise<Row | undefined> {\n    const index = await this.controller?.expandParentNodes(itemId);\n    if (index != null) {\n      return this.rows[index];\n    } else {\n      return undefined;\n    }\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    const optionsAsFilterOptions: FilterOptions = {\n      ...options,\n      metadataSearchKeys: options.columns,\n    };\n    const columnsToSearch = this.getMetadataSearchKeys(optionsAsFilterOptions);\n\n    return this.controller?.filter(term, {\n      ...options,\n      columns: columnsToSearch,\n    });\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      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.stateMap.viewerSceneReadyDisposable?.dispose();\n    this.controller?.cancel();\n  }\n\n  /**\n   * @ignore\n   */\n  protected connectedCallback(): void {\n    this.connectToViewer();\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        <slot name=\"partial-filter-results-banner\">\n          {this.hasPartialFilterResults && (\n            <vertex-scene-tree-notification-banner\n              message={\n                this.refreshingResults\n                  ? 'Refreshing results...'\n                  : 'Data loading, refresh for more.'\n              }\n              actionLabel=\"Refresh\"\n              onAction={() => this.controller?.refreshFilter()}\n            />\n          )}\n        </slot>\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    this.stateMap.viewerSceneReadyDisposable?.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      const handleSceneReady = async (): Promise<void> => {\n        const layoutEl = this.getLayoutElement();\n\n        await layoutEl.attemptComputeCellHeight();\n      };\n\n      this.viewer.addEventListener('sceneReady', handleSceneReady);\n      this.stateMap.viewerDisposable = this.controller?.connectToViewer(\n        this.viewer\n      );\n      this.stateMap.viewerSceneReadyDisposable = {\n        dispose: () =>\n          this.viewer?.removeEventListener('sceneReady', handleSceneReady),\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    this.hasPartialFilterResults = !!state.isPartialFilterResponse;\n    this.refreshingResults = !!state.isSearching;\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 getNodeFromRowOrIndex(\n    rowOrIndex: number | Row | Node.AsObject\n  ): Node.AsObject {\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    return isLoadedRow(row) ? row.node : row;\n  }\n\n  private async performRowOperation(\n    rowOrIndex: number | Row | Node.AsObject,\n    op: OperationHandler\n  ): Promise<void> {\n    const node = this.getNodeFromRowOrIndex(rowOrIndex);\n\n    if (node.id == null) {\n      throw new Error(`Cannot perform scene tree operation. ID is undefined.`);\n    }\n\n    if (this.viewer == null) {\n      throw new Error(\n        `Cannot perform scene tree operation. Cannot get reference to viewer.`\n      );\n    }\n\n    await op({ viewer: this.viewer, id: node.id.hex, node });\n  }\n\n  @Listen('search')\n  protected async handleSearch(event: CustomEvent<string>): Promise<void> {\n    const columnsToSearch = this.getMetadataSearchKeys(this.searchOptions);\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 parseAndValidateConfig(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 isolate-button 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  private getMetadataSearchKeys(options: FilterOptions): string[] | undefined {\n    const metadataSearchKeys =\n      options?.metadataSearchKeys ?? this.metadataSearchKeys;\n    const shouldSearchExactMatch =\n      options?.exactMatch ?? this.metadataSearchExactMatch;\n\n    if (shouldSearchExactMatch) {\n      // If we're performing an exact match search, we want to include the searched\n      // metadata keys if provided. In the case that none have been provided, simply\n      // fall back the item name.\n      const definedMetadataKeys =\n        metadataSearchKeys.length > 0\n          ? metadataSearchKeys\n          : [SCENE_ITEM_NAME_METADATA_KEY];\n\n      return definedMetadataKeys;\n    } else if (metadataSearchKeys.length > 0) {\n      // If we're not performing an exact match search, and a set of metadata keys\n      // to search against have been provided, we want to include those in the request.\n      return metadataSearchKeys;\n    }\n\n    // If we're not performing an exact match search, and we have no provided metadata\n    // search keys, we can perform a name-only search, and omit the array of keys.\n    return undefined;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["SceneTreeError","details","children","h","class","message","link","Fragment","href","target","DEFAULT_SCENE_TREE_OP_ANIMATION_MS","async","showItem","viewer","id","suppliedCorrelationId","scene","elements","op","items","where","q","withItemId","show","execute","hideItem","hide","selectItem","append","all","deselect","select","selectRangeInSceneTree","start","end","withSceneTreeRange","selectFilterResults","filter","keys","exactMatch","removeHiddenResults","withMetadata","deselectItem","isolateItem","animationDurationMs","renderResult","camera","flyTo","render","animation","milliseconds","onAnimationCompleted","once","sceneTreeCss","MIN_CLEAR_UNUSED_DATA_MS","SceneTree","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","overScanCount","configEnv","searchOptions","metadataSearchExactMatch","metadataSearchKeys","metadataKeys","operationAnimationDuration","rows","totalRows","showLoader","showEmptyResults","stateMap","componentLoaded","hasPartialFilterResults","refreshingResults","attemptingRetry","firstCellRendered","invalidateRows","forceUpdate","getLayoutElement","scrollToIndex","index","options","animate","position","i","Math","max","min","top","getScrollToPosition","scrollToPosition","behavior","undefined","scrollToItem","itemId","rowsBeforeExpand","_a","controller","expandParentNodes","Promise","resolve","layoutEl","handleLayoutRendered","removeEventListener","addEventListener","expandAll","collapseAll","expandItem","row","performRowOperation","node","expanded","expandNode","collapseItem","collapseNode","toggleExpandItem","toggleItemVisibility","visible","partiallyVisible","recurseParent","ancestors","fetchNodeAncestors","isInPath","_b","selectionPath","includes","nodeForRow","getNodeFromRowOrIndex","immediateParentNodeIsSelected","length","selected","nodeIsSelectedAndParentIsUnselected","nextNode","find","lastSelectedItemId","range","currentRowIndex","_c","previouslySelectedIndex","_d","map","hex","getRowAtIndex","getRowForItemId","getRowForEvent","event","clientY","errorDetails","getSceneTreeContainsElement","el","isSceneTreeTableCellElement","getRowAtClientY","layoutOffset","floor","scrollOffset","rowHeight","filterItems","term","optionsAsFilterOptions","columns","columnsToSearch","getMetadataSearchKeys","selectFilteredItems","definedMetadataKeys","shouldSearchExactMatch","shouldSearchRemoveHiddenItems","_f","_e","removeHiddenItems","fetchMetadataKeys","disconnectedCallback","viewerDisposable","dispose","viewerSceneReadyDisposable","cancel","connectedCallback","connectToViewer","componentWillLoad","sceneTreeHost","getConfig","network","client","SceneTreeAPIClient","flags","grpcUseStreamingWebSocketTransport","transport","webSocketSubscriptionTransportFactory","SceneTreeController","setMetadataKeys","onStateChangeDisposable","onStateChange","on","state","handleControllerStateChange","updateMissingViewerError","componentDidLoad","ensureLayoutDefined","updateLayoutElement","resizeObserver","ResizeObserver","observe","componentWillRender","Host","key","name","actionLabel","onAction","refreshFilter","renderError","size","code","SceneTreeErrorCode","SCENE_TREE_DISABLED","onClick","retryConnectToViewer","disabled","handleViewerChanged","newViewer","oldViewer","handleControllerChanged","newController","handleMetadataKeysChanged","viewerSelector","document","querySelector","clearMissingViewerError","handleSceneReady","attemptComputeCellHeight","SceneTreeErrorDetails","MISSING_VIEWER","scheduleClearUnusedData","idleCallbackId","window","cancelIdleCallback","requestIdleCallback","foo","remaining","timeRemaining","call","startIndex","viewportStartIndex","endIndex","viewportEndIndex","getPageIndexesForRange","invalidatePagesOutsideRange","shouldShowLoading","shouldShowEmptyResults","isPartialFilterResponse","isSearching","connection","type","connectionError","emit","DISCONNECTED","rowOrIndex","Error","isLoadedRow","handleSearch","detail","e","console","error","handleCellLoaded","firstRowRendered","constrainedIndex","viewportHeight","layoutHeight","rowCenterY","rowBottomY","parseAndValidateConfig","config","layout","createElement","innerHTML","appendChild","tree","rowData","debug","SCENE_ITEM_NAME_METADATA_KEY"],"sources":["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"],"sourcesContent":["// 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 const DEFAULT_SCENE_TREE_OP_ANIMATION_MS = 500;\n\nexport interface ViewerItemOptions {\n  suppliedCorrelationId?: string;\n}\nexport interface ViewerSelectItemOptions extends ViewerItemOptions {\n  append?: boolean;\n  range?: boolean;\n}\nexport interface ViewerIsolateItemOptions extends ViewerItemOptions {\n  animationDurationMs?: number;\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    .elements((op) => op.items.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    .elements((op) => op.items.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    .elements((op) => [\n      ...(append ? [] : [op.items.where((q) => q.all()).deselect()]),\n      op.items.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    .elements((op) => [\n      ...(append ? [] : [op.items.where((q) => q.all()).deselect()]),\n      op.items.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    .elements((op) => [\n      ...(append ? [] : [op.items.where((q) => q.all()).deselect()]),\n      op.items\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    .elements((op) => op.items.where((q) => q.withItemId(id)).deselect())\n    .execute({\n      suppliedCorrelationId,\n    });\n}\n\nexport async function isolateItem(\n  viewer: HTMLVertexViewerElement,\n  id: string,\n  { suppliedCorrelationId, animationDurationMs }: ViewerIsolateItemOptions = {}\n): Promise<void> {\n  const scene = await viewer.scene();\n  await scene\n    .elements((op) => [\n      op.items.where((q) => q.all()).hide(),\n      op.items.where((q) => q.withItemId(id)).show(),\n    ])\n    .execute({\n      suppliedCorrelationId,\n    });\n  const renderResult = await scene\n    .camera()\n    .flyTo((q) => q.withItemId(id))\n    .render({\n      animation: {\n        milliseconds: animationDurationMs ?? DEFAULT_SCENE_TREE_OP_ANIMATION_MS,\n      },\n    });\n  await renderResult.onAnimationCompleted.once();\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  /**\n   * @prop --scene-tree-default-font-family: The default font family to use for displaying\n   * text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-default-font-family: unset;\n\n  /**\n   * @prop --scene-tree-default-font-size: The default font size to use for displaying\n   * text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-default-font-size: unset;\n\n  /**\n   * @prop --scene-tree-default-font-color: The default font color to use for displaying\n   * text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-default-font-color: unset;\n\n  /**\n   * @prop --scene-tree-secondary-font-color: The secondary font color to use for displaying\n   * secondary text within a <vertex-scene-tree>. Defaults to `unset`.\n   */\n  --scene-tree-secondary-font-color: unset;\n\n  /**\n   * @prop --scene-tree-selected-row-background-color: The background color to use when\n   * displaying selected rows. This value always takes precedence if the row is selected.\n   * Defaults to `unset`.\n   */\n  --scene-tree-selected-row-background-color: unset;\n\n  /**\n   * @prop --scene-tree-hovered-row-background-color: The background color to use when\n   * displaying hovered rows. This value takes precedence only if the row is not selected.\n   * Defaults to `unset`.\n   */\n   --scene-tree-hovered-row-background-color: unset;\n\n  /**\n   * @prop --scene-tree-row-background-color: The default background color to use for displaying\n   * rows within a <vertex-scene-tree>. Defaults to `unset`, and will be overridden\n   * by any depth specific background configuration.\n   */\n   --scene-tree-row-background-color: unset;\n\n  /**\n   * @prop --scene-tree-row-background-color-depth-n: The background color to use for n-depth\n   * rows, where `n` is replaced with the desired depth. Defaults to `unset` for all\n   * depths.\n   *\n   * @example\n   * The following definition will cause all rows representing items at a depth of 1\n   * to display with a red background, leaving all other depths unchanged.\n   * \n   * --scene-tree-row-background-color-depth-1: #ff0000\n   */\n  --scene-tree-row-background-color-depth-n: unset;\n\n\n  /**\n  * @prop --scene-tree-overlay-z-index: A CSS z-index value that will\n  * set the z-index of the tree overlays. Defaults to 3000.\n  */\n  --scene-tree-overlay-z-index: 3000;\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  position: relative;\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  z-index: var(--scene-tree-overlay-z-index);\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 {\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 {\n  Config,\n  parseAndValidateConfig,\n  PartialConfig,\n} 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  isolateItem,\n  selectFilterResults,\n  selectItem,\n  selectRangeInSceneTree,\n  showItem,\n} from './lib/viewer-ops';\nimport {\n  FilterOptions,\n  MetadataKey,\n  RowArg,\n  RowDataProvider,\n  SCENE_ITEM_NAME_METADATA_KEY,\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  viewerSceneReadyDisposable?: 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 be 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   * **Note:** for the values of these metadata keys to be evaluated for search,\n   * they must be provided to the `metadataSearchKeys` specified in the `searchOptions`.\n   * Otherwise, the search will only be performed against the item name.\n   */\n  @Prop()\n  public metadataKeys: MetadataKey[] = [];\n\n  /**\n   * The duration of operations with animations, in milliseconds, when a user performs\n   * an action that results in an animation such as isolate. Defaults to 500ms.\n   */\n  @Prop()\n  public operationAnimationDuration = 500;\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 hasPartialFilterResults = false;\n\n  @State()\n  private refreshingResults = false;\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    await 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\n      // The parent node should be selected if recurseParent is true and either\n      // the given node is in the selection path (so was intentionally selected by clicking in the tree)\n      // or if the given node is selected, but its immediate parent is not. The second case covers the\n      // situation that the given node was selected as part of a previous ancestor selection and the\n      // user wishes to clear the selection list and only select the given node.\n      const isInPath = this.stateMap.selectionPath?.includes(id);\n\n      const nodeForRow = this.getNodeFromRowOrIndex(row);\n      const immediateParentNodeIsSelected =\n        ancestors.length > 0 ? ancestors[0].selected : true;\n      const nodeIsSelectedAndParentIsUnselected =\n        nodeForRow.selected && !immediateParentNodeIsSelected;\n\n      if (recurseParent && (isInPath || nodeIsSelectedAndParentIsUnselected)) {\n        const nextNode = ancestors.find(({ selected }) => !selected);\n        if (nextNode != null) {\n          await this.selectItem(nextNode, options);\n          this.lastSelectedItemId = id;\n        } else {\n          await selectItem(viewer, id, 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   * Performs an API call that will show only the item associated to\n   * the given row or row index and fit the camera to the item's bounding box.\n   *\n   * @param row The row, row index, or node to isolate.\n   */\n  @Method()\n  public async isolateItem(row: RowArg): Promise<void> {\n    await this.performRowOperation(row, async ({ viewer, id }) => {\n      await isolateItem(viewer, id, {\n        animationDurationMs: this.operationAnimationDuration,\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 with the given id. If there is not a row\n   * matching the id, returns `undefined`.\n   *\n   * @param itemId An ID of an item to return the row for.\n   * @returns A row, or `undefined` if a corresponding row doesn't exist\n   */\n  @Method()\n  public async getRowForItemId(itemId: string): Promise<Row | undefined> {\n    const index = await this.controller?.expandParentNodes(itemId);\n    if (index != null) {\n      return this.rows[index];\n    } else {\n      return undefined;\n    }\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    const optionsAsFilterOptions: FilterOptions = {\n      ...options,\n      metadataSearchKeys: options.columns,\n    };\n    const columnsToSearch = this.getMetadataSearchKeys(optionsAsFilterOptions);\n\n    return this.controller?.filter(term, {\n      ...options,\n      columns: columnsToSearch,\n    });\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      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.stateMap.viewerSceneReadyDisposable?.dispose();\n    this.controller?.cancel();\n  }\n\n  /**\n   * @ignore\n   */\n  protected connectedCallback(): void {\n    this.connectToViewer();\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    this.updateMissingViewerError();\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\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        <slot name=\"partial-filter-results-banner\">\n          {this.hasPartialFilterResults && (\n            <vertex-scene-tree-notification-banner\n              message={\n                this.refreshingResults\n                  ? 'Refreshing results...'\n                  : 'Data loading, refresh for more.'\n              }\n              actionLabel=\"Refresh\"\n              onAction={() => this.controller?.refreshFilter()}\n            />\n          )}\n        </slot>\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    this.stateMap.viewerSceneReadyDisposable?.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.clearMissingViewerError();\n\n      const handleSceneReady = async (): Promise<void> => {\n        const layoutEl = this.getLayoutElement();\n\n        await layoutEl.attemptComputeCellHeight();\n      };\n\n      this.viewer.addEventListener('sceneReady', handleSceneReady);\n      this.stateMap.viewerDisposable = this.controller?.connectToViewer(\n        this.viewer\n      );\n      this.stateMap.viewerSceneReadyDisposable = {\n        dispose: () =>\n          this.viewer?.removeEventListener('sceneReady', handleSceneReady),\n      };\n    } else {\n      this.attemptingRetry = false;\n      if (this.stateMap.componentLoaded) {\n        this.updateMissingViewerError();\n      }\n    }\n  }\n\n  private updateMissingViewerError(): void {\n    if (this.viewer == null) {\n      this.errorDetails = new SceneTreeErrorDetails(\n        'MISSING_VIEWER',\n        SceneTreeErrorCode.MISSING_VIEWER\n      );\n    }\n  }\n\n  private clearMissingViewerError(): void {\n    if (this.errorDetails?.code === SceneTreeErrorCode.MISSING_VIEWER) {\n      this.errorDetails = undefined;\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    this.hasPartialFilterResults = !!state.isPartialFilterResponse;\n    this.refreshingResults = !!state.isSearching;\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 getNodeFromRowOrIndex(\n    rowOrIndex: number | Row | Node.AsObject\n  ): Node.AsObject {\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    return isLoadedRow(row) ? row.node : row;\n  }\n\n  private async performRowOperation(\n    rowOrIndex: number | Row | Node.AsObject,\n    op: OperationHandler\n  ): Promise<void> {\n    const node = this.getNodeFromRowOrIndex(rowOrIndex);\n\n    if (node.id == null) {\n      throw new Error(`Cannot perform scene tree operation. ID is undefined.`);\n    }\n\n    if (this.viewer == null) {\n      throw new Error(\n        `Cannot perform scene tree operation. Cannot get reference to viewer.`\n      );\n    }\n\n    await op({ viewer: this.viewer, id: node.id.hex, node });\n  }\n\n  @Listen('search')\n  protected async handleSearch(event: CustomEvent<string>): Promise<void> {\n    const columnsToSearch = this.getMetadataSearchKeys(this.searchOptions);\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 parseAndValidateConfig(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 isolate-button 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  private getMetadataSearchKeys(options: FilterOptions): string[] | undefined {\n    const metadataSearchKeys =\n      options?.metadataSearchKeys ?? this.metadataSearchKeys;\n    const shouldSearchExactMatch =\n      options?.exactMatch ?? this.metadataSearchExactMatch;\n\n    if (shouldSearchExactMatch) {\n      // If we're performing an exact match search, we want to include the searched\n      // metadata keys if provided. In the case that none have been provided, simply\n      // fall back the item name.\n      const definedMetadataKeys =\n        metadataSearchKeys.length > 0\n          ? metadataSearchKeys\n          : [SCENE_ITEM_NAME_METADATA_KEY];\n\n      return definedMetadataKeys;\n    } else if (metadataSearchKeys.length > 0) {\n      // If we're not performing an exact match search, and a set of metadata keys\n      // to search against have been provided, we want to include those in the request.\n      return metadataSearchKeys;\n    }\n\n    // If we're not performing an exact match search, and we have no provided metadata\n    // search keys, we can perform a name-only search, and omit the array of keys.\n    return undefined;\n  }\n}\n"],"mappings":"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","ignoreList":[]}