npm - @vertexvis/viewer - Versions diffs - 0.24.4-canary.9 → 0.24.4 - Mend

@vertexvis/viewer 0.24.4-canary.9 → 0.24.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (236) hide show

package/dist/viewer/p-629a5ae7.entry.js DELETED Viewed

@@ -1,5 +0,0 @@
-/*!
- * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
- */
-import{r as t,c as i,h as s,H as e,g as n}from"./p-110f66c6.js";import{c as o}from"./p-92793987.js";import{d as r,r as h}from"./p-04bf6b89.js";import{n as l,p as a}from"./p-9d26f24e.js";import{a as c}from"./p-490d9553.js";import{i as d}from"./p-e4f95584.js";import{E as u}from"./p-6b00f7cd.js";import"./p-e5cc48b6.js";const v=".notification-banner{background-color:var(--blue-200);padding-top:0px;padding-bottom:0px;padding-right:16px;padding-left:8px;display:flex;justify-content:space-between;font-size:0.875rem;line-height:0.5;color:var(--neutral-600)}.notification-banner-info{display:flex;align-items:center;gap:8px}.notification-banner-info .icon{color:var(--blue-600)}.notification-banner-actions{display:flex;align-items:center}.notification-banner-button{background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--blue-600);font-size:0.875rem;display:flex;align-items:center}.notification-banner-button:hover{color:var(--blue-800)}";const f=class{constructor(s){t(this,s);this.action=i(this,"action",7)}render(){return s(e,null,s("div",{class:"notification-banner"},s("div",{class:"notification-banner-info"},s("vertex-viewer-icon",{class:"icon",name:"info",size:"sm"}),s("p",null,this.message)),this.actionLabel!=null&&s("div",{class:"notification-banner-actions"},s("button",{class:"notification-banner-button",onClick:()=>this.action.emit()},this.actionLabel))))}};f.style=v;const p="button{border:none;background:transparent;cursor:pointer;margin:0;padding:0}:host{--scene-tree-search-search-icon-offset:8px;--scene-tree-search-clear-button-offset:8px;--scene-tree-search-input-padding:0.5rem 32px;--scene-tree-search-input-border:none;--scene-tree-search-input-border-radius:0.25rem;--scene-tree-search-input-background:none;--scene-tree-search-focused-input-background:var(--neutral-200);--scene-tree-search-focused-input-outline:none;display:block;width:100%;font-size:0.875rem}.root{width:100%;position:relative}.input{background:var(--scene-tree-search-input-background);border:var(--scene-tree-search-input-border);border-radius:var(--scene-tree-search-input-border-radius);box-sizing:border-box;font-size:inherit;padding:var(--scene-tree-search-input-padding);outline:none;width:100%}.input.background{background:var(--scene-tree-search-focused-input-background);outline:var(--scene-tree-search-focused-input-outline)}.overlay{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay-clear{display:none;right:var(--scene-tree-search-clear-button-offset)}.overlay-clear.show{display:flex}.icon{color:var(--neutral-700)}.icon-search{position:absolute;left:var(--scene-tree-search-search-icon-offset);pointer-events:none}.clear-btn{display:flex;align-items:center;justify-content:center;pointer-events:initial;cursor:pointer}.clear-btn:hover{color:var(--neutral-800)}.clear-btn:disabled{pointer-events:none;opacity:0.5}";const m=class{constructor(s){t(this,s);this.search=i(this,"search",7);this.disabled=false;this.placeholder=undefined;this.value="";this.focused=false;this.isSearching=false;this.handleTextInput=t=>{const i=t.target;this.value=i.value;if(this.debounce!=null||this.value===""){this.emitCurrentValue()}};this.handleTextFocus=()=>{this.focused=true};this.handleTextBlur=()=>{var t;this.focused=false;(t=this.searchDisposable)===null||t===void 0?void 0:t.dispose();if(this.value!==this.lastEmittedValue){this.emitCurrentValue()}};this.handleKeyPress=t=>{var i;if(t.key==="Enter"){(i=this.searchDisposable)===null||i===void 0?void 0:i.dispose();this.emitCurrentValue()}};this.handleClear=t=>{var i;t.preventDefault();this.value="";(i=this.searchDisposable)===null||i===void 0?void 0:i.dispose();this.emitCurrentValue();this.setFocus()}}async setFocus(){var t,i;if(typeof((t=this.inputEl)===null||t===void 0?void 0:t.focus)==="function"){(i=this.inputEl)===null||i===void 0?void 0:i.focus()}}controllerChanged(t){this.setupController()}componentDidLoad(){this.handleDebounceChanged();this.setupController()}disconnectedCallback(){var t;(t=this.onStateChangeDisposable)===null||t===void 0?void 0:t.dispose()}clear(){var t;this.value="";(t=this.searchDisposable)===null||t===void 0?void 0:t.dispose();this.emitCurrentValue()}render(){return s(e,null,s("div",{class:"root"},s("div",{class:"overlay icon icon-search"},s("slot",{name:"search-icon"},this.isSearching?s("vertex-viewer-spinner",{slot:"search-icon",size:"xs"}):s("vertex-viewer-icon",{name:"search",size:"sm"}))),s("input",{class:o("input",{background:this.focused||this.value.length>0}),type:"text",ref:t=>this.inputEl=t,placeholder:this.placeholder,disabled:this.disabled,value:this.value,onInput:this.handleTextInput,onFocus:this.handleTextFocus,onBlur:this.handleTextBlur,onKeyPress:this.handleKeyPress}),s("div",{class:o("overlay overlay-clear",{show:this.value.length>0})},s("button",{class:"clear-btn icon",tabIndex:-1,onMouseDown:this.handleClear,disabled:this.disabled},s("slot",{name:"clear-icon"},s("vertex-viewer-icon",{name:"close-circle",size:"sm"}))))))}handleDebounceChanged(){var t,i;(t=this.searchDisposable)===null||t===void 0?void 0:t.dispose();const s=r(this.search,(i=this.debounce)!==null&&i!==void 0?i:0);this.search=s;this.searchDisposable=s}setupController(){var t,i;(t=this.onStateChangeDisposable)===null||t===void 0?void 0:t.dispose();this.onStateChangeDisposable=(i=this.controller)===null||i===void 0?void 0:i.onStateChange.on((t=>{this.isSearching=t.isSearching}))}emitCurrentValue(){this.lastEmittedValue=this.value;this.search.emit(this.value)}static get watchers(){return{controller:["controllerChanged"]}}};m.style=p;function b(t){return t.toLowerCase()}var g=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g];var w=/[^A-Z0-9]+/gi;function y(t,i){if(i===void 0){i={}}var s=i.splitRegexp,e=s===void 0?g:s,n=i.stripRegexp,o=n===void 0?w:n,r=i.transform,h=r===void 0?b:r,l=i.delimiter,a=l===void 0?" ":l;var c=x(x(t,e,"$1\0$2"),o,"\0");var d=0;var u=c.length;while(c.charAt(d)==="\0")d++;while(c.charAt(u-1)==="\0")u--;return c.slice(d,u).split("\0").map(h).join(a)}function x(t,i,s){if(i instanceof RegExp)return t.replace(i,s);return i.reduce((function(t,i){return t.replace(i,s)}),t)}function z(t,i){var s=t.charAt(0);var e=t.substr(1).toLowerCase();if(i>0&&s>="0"&&s<="9"){return"_"+s+e}return""+s.toUpperCase()+e}function C(t,i){if(i===void 0){i={}}return y(t,l({delimiter:"",transform:z},i))}function $(t,i){if(i===0)return t.toLowerCase();return z(t,i)}function R(t,i){if(i===void 0){i={}}return C(t,l({transform:$},i))}const k=/{{(.+)}}/;class D{constructor(t){this.bindings=t}bind(t){this.bindings.forEach((i=>i.bind(t)))}}class _{constructor(t,i){this.node=t;this.expr=i}}class j extends _{constructor(t,i){super(t,i)}bind(t){const i=V(t,this.expr);if(i!==this.node.textContent){this.node.textContent=i}}}class E extends _{constructor(t,i,s){super(t,i);this.attr=s}bind(t){const i=V(t,this.expr);const s=this.node.getAttribute(this.attr);if(s!==i){this.node.setAttribute(this.attr,i)}}}class M extends _{constructor(t,i,s){super(t,i);this.prop=s}bind(t){const i=A(t,this.expr);const s=this.node[this.prop];if(s!==i){this.node[this.prop]=i}}}class L extends _{constructor(t,i,s){super(t,i);this.eventName=s}bind(t){var i;const s=P(this.expr);if(s!=null){(i=this.disposable)===null||i===void 0?void 0:i.dispose();const e=W(t,s,true);this.node.addEventListener(this.eventName,e);this.disposable={dispose:()=>{this.node.removeEventListener(this.eventName,e)}}}}}function T(t){const i=[];if(t.nodeType===Node.ELEMENT_NODE){const s=t;const e=H(s);e.forEach((t=>{if(t.name.startsWith("event:")){const e=R(t.name.replace("event:",""));i.push(new L(s,t.value,e))}else if(t.name.startsWith("attr:")){i.push(new E(s,t.value,t.name.replace("attr:","")))}else if(t.name.startsWith("prop:")){const e=R(t.name.replace("prop:",""));i.push(new M(s,t.value,e))}}))}else if(t.nodeType===Node.TEXT_NODE&&t.textContent!=null&&k.test(t.textContent)){i.push(new j(t,t.textContent))}for(let s=0;s<t.childNodes.length;s++){i.push(...T(t.childNodes[s]))}return i}function H(t){return Array.from(t.attributes).filter((t=>k.test(t.value)))}function P(t){const i=k.exec(t);return i!=null?i[1]:undefined}function V(t,i){const s=P(i);if(s!=null){const e=W(t,s,true);return i.replace(`{{${s}}}`,e===null||e===void 0?void 0:e.toString())}else{return i}}function A(t,i){const s=P(i);if(s!=null){const i=W(t,s,true);return i}else{return i}}function W(t,i,s=false){const[e,...n]=i.split(".");if(s&&n.length===0){return t}else if(s&&n.length>0){return W(t,n.join("."),false)}else{const i=t[e];if(n.length>0){return W(i,n.join("."),false)}else{return i}}}class I{constructor(t,i){this.container=t;this.elementFactory=i;this.instanceMap=new Map;this.elements=[]}swapHeadToTail(t){const i=this.elements.splice(0,t);this.elements.splice(this.elements.length,0,...i);return this.elements.concat()}swapTailToHead(t){const i=this.elements.splice(-t,t);this.elements.splice(0,0,...i);return this.elements.concat()}updateElements(t){const i=t-this.elements.length;if(i>0){for(let t=0;t<i;t++){this.createElement()}}else{for(let t=0;t<-i;t++){this.deleteElement()}}return this.elements.concat()}updateData(t){this.elements.forEach(((i,s)=>{const e=this.instanceMap.get(i);const n=t(s);e===null||e===void 0?void 0:e.bindings.bind(n)}))}updateElementFactory(t){this.elementFactory=t;this.updateElements(0)}iterateElements(t){this.elements.forEach(((i,s)=>{const e=this.instanceMap.get(i);t(i,e.bindings,s)}))}createElement(){const t=this.elementFactory();this.elements.push(t.element);this.instanceMap.set(t.element,t);this.container.append(t.element);return t}deleteElement(){const t=this.elements.pop();if(t!=null){this.instanceMap.delete(t);t.remove()}}}function O(t){const i=t.content.cloneNode(true);const s=i.firstElementChild;const e=new D(T(i));return{element:s,bindings:e}}function N(t){var i;return(i=t.getBoundingClientRect().top)!==null&&i!==void 0?i:0}function Z(t){return t.clientWidth}function F(t,i,s){t.scrollTo(Object.assign({top:i},s))}class U{constructor(){this.onStateChange=new u}setHovered(t){this.onStateChange.emit(t)}stateChanged(t){return this.onStateChange.on(t)}}function B(t,i,s=200){window.clearTimeout(i);return window.setTimeout(t,s)}const K=":host{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;font-size:0.825rem;--scene-tree-table-row-padding:2px 0px;--scene-tree-table-column-gap:0.5rem;--scene-tree-table-column-resize-cursor:col-resize}.header{position:relative;display:grid;width:100%;border-bottom:var(--scene-tree-toolbar-separator)}.table{position:relative;display:grid;width:100%;height:100%;overflow:auto}.resize-overlay{position:absolute;top:0;cursor:var(--scene-tree-table-column-resize-cursor);z-index:1000;width:100%;height:100%}.divider-overlay{position:absolute;top:0;display:grid;pointer-events:none;z-index:2000;width:100%;height:100%}";const S=class{constructor(s){t(this,s);this.layoutRendered=i(this,"layoutRendered",7);this.columnsResized=i(this,"columnsResized",7);this.rows=[];this.totalRows=0;this.rowHeight=24;this.overScanCount=25;this.layoutOffset=0;this.scrollOffset=0;this.viewportStartIndex=0;this.viewportEndIndex=0;this.columnGridLayout="1fr";this.columnGridFixedLayout="";this.isComputingCellHeight=true;this.isScrolling=false;this.stateMap={viewportRows:[],columnWidths:[],columnWidthPercentages:[]};this.lastStartIndex=0;this.columnElements=[];this.cellHoverController=new U;this.layoutColumns=()=>{const t=this.viewportEndIndex-this.viewportStartIndex+1;const i=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex;this.iterateColumns(((s,e,n)=>{e.updateElements(t);if(i>0){e.swapHeadToTail(i)}else{e.swapTailToHead(-i)}s.style.minHeight=`${this.rowHeight*this.totalRows}px`;const o=n===0?t=>`calc(${t} * 0.5rem)`:()=>`0`;e.iterateElements(((t,i,s)=>{const e=this.stateMap.viewportRows[s];if(d(e)){this.updateCell(e,t,i,s,o)}}))}))};this.updateCell=(t,i,s,e,n)=>{i.style.position="absolute";i.style.top=`${(this.viewportStartIndex+e)*this.rowHeight}px`;i.style.boxSizing="border-box";i.style.height=`${this.rowHeight}px`;i.style.width="100%";i.style.paddingLeft=n(t.node.depth);i.tree=this.tree;i.node=t.node;i.hoverController=this.cellHoverController;i.isScrolling=this.isScrolling;s.bind(t)};this.updateLayoutPosition=()=>{h((()=>{if(this.tableElement!=null){this.layoutOffset=N(this.tableElement)}}))};this.recomputeColumnWidths=()=>{const t=this.getLayoutWidth();if(t!=null&&this.stateMap.columnWidths.length===this.stateMap.columnWidthPercentages.length){this.stateMap.columnWidths=this.stateMap.columnWidthPercentages.map((i=>i*t));this.columnsResized.emit(this.stateMap.columnWidths)}};this.recomputeColumnPercentages=()=>{const t=this.getLayoutWidth();if(t!=null&&this.stateMap.columnWidths.length===this.stateMap.columnWidthPercentages.length){this.stateMap.columnWidthPercentages=this.stateMap.columnWidths.map((i=>i/t))}};this.computeInitialColumnWidths=()=>{this.stateMap.columnWidths=this.columnElements.map((t=>{var i;return(i=t.initialWidth)!==null&&i!==void 0?i:100}));const t=this.getLayoutWidth();if(t!=null){const i=this.stateMap.columnWidths.reduce(((t,i)=>t+i),0);const s=this.stateMap.columnWidths.map((s=>s*(t/i)));this.stateMap.columnWidthPercentages=s.map((i=>i/t));this.stateMap.columnWidths=s}};this.updateColumnElements=()=>{this.columnElements=Array.from(this.hostEl.querySelectorAll("vertex-scene-tree-table-column"))};this.computeCellHeight=async()=>{var t;if(this.isComputingCellHeight&&this.columnElements.length>0){const i={index:0,node:{id:{hex:""},name:"Dummy row",expanded:false,selected:false,visible:false,partiallyVisible:false,isLeaf:false,depth:0,columnsList:[],filterHit:false,phantom:false,endItem:false},metadata:{},data:{}};const{bindings:s,element:e}=this.createColumnCellInstance(this.columnElements[0]);s.bind(i);e.style.visibility="hidden";(t=this.columnElements[0])===null||t===void 0?void 0:t.appendChild(e);if(typeof e.componentOnReady==="function"){await e.componentOnReady()}let n=e.clientHeight;if(n===0){n=await new Promise((t=>{setTimeout((()=>t(e.getBoundingClientRect().height)),5)}))}this.rowHeight=n!==null&&n!==void 0?n:this.rowHeight;e.remove();this.isComputingCellHeight=this.rowHeight===0}};this.computeHeaderHeight=()=>{var t;if(this.stateMap.headerHeight==null){this.stateMap.headerHeight=(t=this.headerElement)===null||t===void 0?void 0:t.getBoundingClientRect().height;this.hostEl.style.setProperty("--header-height",`${this.stateMap.headerHeight}px`)}};this.computeColumnGridLayout=()=>{if(this.stateMap.columnWidths.length===0){this.stateMap.columnWidths=this.columnElements.map((t=>{var i;return(i=t.initialWidth)!==null&&i!==void 0?i:100}))}const t=this.getLayoutWidth();if(t!=null){if(this.stateMap.columnWidthPercentages.length===0){this.stateMap.columnWidthPercentages=this.columnElements.map((i=>{var s;return((s=i.initialWidth)!==null&&s!==void 0?s:100)/t}))}}this.columnGridLayout=`${this.stateMap.columnWidths.slice(0,-1).reduce(((t,i)=>`${t} ${i}px`),"")} 1fr`;this.columnGridFixedLayout=`${this.stateMap.columnWidths.reduce(((t,i)=>`${t} ${i}px`),"")}`};this.bindHeaderData=()=>{if(this.stateMap.headerInstances==null){this.stateMap.headerInstances=this.columnElements.map(((t,i)=>{var s;const e=this.createHeaderInstance(t);if(e!=null){e.element.style.paddingRight=i===this.columnElements.length-1?`0`:`var(--scene-tree-table-column-gap)`;e.element.slot="header";e.element.style.gridColumnStart=`${i+1}`;e.element.style.gridColumnEnd=`${i+2}`;(s=this.hostEl)===null||s===void 0?void 0:s.appendChild(e.element)}return e})).filter((t=>t!=null))}if(this.stateMap.headerDividerInstances==null){this.stateMap.headerDividerInstances=this.columnElements.slice(0,-1).map(((t,i)=>{var s;const e=this.createDividerInstance();e.element.slot="divider";e.element.style.position="absolute";e.element.style.right="0";e.element.style.pointerEvents="auto";e.element.style.gridColumnStart=`${i+1}`;e.element.style.gridColumnEnd=`${i+2}`;(s=this.hostEl)===null||s===void 0?void 0:s.appendChild(e.element);return e}))}};this.rebindHeaderData=()=>{var t,i;this.removeDividerDragListeners();(t=this.stateMap.headerInstances)===null||t===void 0?void 0:t.forEach((t=>t.element.remove()));(i=this.stateMap.headerDividerInstances)===null||i===void 0?void 0:i.forEach((t=>t.element.remove()));this.stateMap.headerInstances=undefined;this.stateMap.headerDividerInstances=undefined;this.bindHeaderData();this.addDividerDragListeners()};this.createDividerPointerDownHandler=t=>i=>{var s,e;i.preventDefault();i.stopPropagation();this.lastDividerPointerPosition=a.create(Math.floor(i.clientX),Math.floor(i.clientY));this.resizingColumnIndex=t;(e=(s=this.stateMap.headerDividerInstances)===null||s===void 0?void 0:s[t])===null||e===void 0?void 0:e.element.classList.add("dragging");window.addEventListener("pointermove",this.handleDividerPointerMove);window.addEventListener("pointerup",this.handleDividerPointerUp)};this.handleDividerPointerMove=t=>{const i=a.create(Math.floor(t.clientX),Math.floor(t.clientY));if(this.lastDividerPointerPosition!=null&&this.resizingColumnIndex!=null){const t=this.resizingColumnIndex;const s=a.subtract(this.lastDividerPointerPosition,i);if(Math.abs(s.x)>=1&&this.isValidResize(s,t)){this.stateMap.columnWidths=this.stateMap.columnWidths.map(((i,e)=>e===t?i-s.x:i));if(t+1<this.stateMap.columnWidths.length){this.stateMap.columnWidths=this.stateMap.columnWidths.map(((i,e)=>e===t+1?i+s.x:i))}this.lastDividerPointerPosition=i;this.computeColumnGridLayout()}}};this.handleDividerPointerUp=()=>{var t,i;if(this.resizingColumnIndex!=null){(i=(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t[this.resizingColumnIndex])===null||i===void 0?void 0:i.element.classList.remove("dragging")}this.lastDividerPointerPosition=undefined;this.resizingColumnIndex=undefined;this.recomputeColumnPercentages();this.recomputeColumnWidths();window.removeEventListener("pointermove",this.handleDividerPointerMove);window.removeEventListener("pointerup",this.handleDividerPointerUp)};this.isValidResize=(t,i)=>{var s,e,n,o;const r=this.columnElements[i];const h=this.columnElements[i+1];const l=this.stateMap.columnWidths[i];const a=this.stateMap.columnWidths[i+1];const c=(s=r.minWidth)!==null&&s!==void 0?s:0;const d=(e=r.maxWidth)!==null&&e!==void 0?e:Number.MAX_SAFE_INTEGER;const u=(n=h.minWidth)!==null&&n!==void 0?n:0;const v=(o=h.maxWidth)!==null&&o!==void 0?o:Number.MAX_SAFE_INTEGER;const f=l-t.x>c&&l-t.x<d;const p=h!=null?a+t.x>u&&a+t.x<v:true;return f&&p};this.handleScrollChanged=async t=>{this.isScrolling=true;this.scrollTimer=B((()=>{this.isScrolling=false}),this.scrollTimer);this.scrollOffset=t.target.scrollTop;await this.computeAndUpdateViewportRows()}}componentWillLoad(){this.updateColumnElements();this.createPools();this.headerResizeObserver=new ResizeObserver((()=>{this.stateMap.headerHeight=undefined;this.computeHeaderHeight();this.updateLayoutPosition()}));this.resizeObserver=new ResizeObserver((()=>{this.updateLayoutPosition();this.clearLayoutHeight();this.clearLayoutWidth();this.recomputeColumnWidths();this.computeColumnGridLayout()}))}async componentDidLoad(){var t,i,s;this.computeInitialColumnWidths();this.computeColumnGridLayout();this.ensureDividerTemplateDefined();this.computeCellHeight();this.computeHeaderHeight();this.rebindHeaderData();(t=this.tableElement)===null||t===void 0?void 0:t.addEventListener("scroll",this.handleScrollChanged,{passive:true});if(this.headerElement!=null){(i=this.headerResizeObserver)===null||i===void 0?void 0:i.observe(this.headerElement)}(s=this.resizeObserver)===null||s===void 0?void 0:s.observe(this.hostEl)}async componentWillRender(){await this.computeAndUpdateViewportRows()}componentDidRender(){this.layoutColumns();this.layoutRendered.emit()}async componentDidUpdate(){if(this.isComputingCellHeight){await this.computeCellHeight()}}disconnectedCallback(){var t,i,s;(t=this.tableElement)===null||t===void 0?void 0:t.removeEventListener("scroll",this.handleScrollChanged);this.removeDividerDragListeners();(i=this.headerResizeObserver)===null||i===void 0?void 0:i.disconnect();(s=this.resizeObserver)===null||s===void 0?void 0:s.disconnect();this.stateMap.columnWidths=[];this.stateMap.columnWidthPercentages=[]}async handleViewportRowsPropsChanged(){await this.computeAndUpdateViewportRows()}async scrollToPosition(t,i){if(this.tableElement!=null){F(this.tableElement,t,i)}}async attemptComputeCellHeight(){this.computeCellHeight()}render(){return s(e,null,s("div",{class:"header",ref:t=>this.headerElement=t,style:{gridTemplateColumns:this.columnGridFixedLayout,display:this.columnElements.length<=1?"none":"grid"}},s("slot",{name:"header"})),s("div",{class:"table",ref:t=>this.tableElement=t,style:{gridTemplateColumns:this.columnGridLayout}},s("slot",{onSlotchange:()=>{this.ensureDividerTemplateDefined();this.updateColumnElements();this.recreateColumnPools();this.computeInitialColumnWidths();this.rebindHeaderData();this.computeColumnGridLayout()}})),s("div",{class:"divider-overlay",style:{gridTemplateColumns:this.columnGridFixedLayout}},s("slot",{name:"divider"})),this.resizingColumnIndex!=null&&s("div",{class:"resize-overlay"}))}computeViewportRows(){const t=this.getLayoutHeight();const i=t!=null&&t>0&&!this.isComputingCellHeight;if(i){const i=Math.ceil(t/this.rowHeight);const s=Math.floor(this.scrollOffset/this.rowHeight);const e=s+i;const n=Math.max(0,s-this.overScanCount);const o=Math.min(this.totalRows-1,e+this.overScanCount);const r=this.getViewportRows(n,o);this.viewportStartIndex=n;this.viewportEndIndex=o;this.stateMap.viewportRows=r}}async computeAndUpdateViewportRows(){var t;this.computeViewportRows();if(((t=this.controller)===null||t===void 0?void 0:t.isConnected)&&this.totalRows>0){await this.controller.updateActiveRowRange(this.viewportStartIndex,this.viewportEndIndex)}}createPools(){if(this.stateMap.columnElementPools==null){this.stateMap.columnElementPools=this.columnElements.reduce(((t,i)=>t.set(i,new I(i,(()=>this.createColumnCellInstance(i))))),new WeakMap)}}recreateColumnPools(){this.columnElements.forEach((t=>{var i,s,e;if(((i=this.stateMap.columnElementPools)===null||i===void 0?void 0:i.get(t))==null){(s=this.stateMap.columnElementPools)===null||s===void 0?void 0:s.set(t,new I(t,(()=>this.createColumnCellInstance(t))))}else{(e=this.stateMap.columnElementPools.get(t))===null||e===void 0?void 0:e.updateElementFactory((()=>this.createColumnCellInstance(t)))}}))}iterateColumns(t){this.columnElements.forEach(((i,s)=>{var e;const n=(e=this.stateMap.columnElementPools)===null||e===void 0?void 0:e.get(i);if(n!=null){t(i,n,s)}else{throw new Error("Cannot find pool for column")}}))}ensureDividerTemplateDefined(){const t=this.hostEl.querySelector('template[slot="divider"]');if(t==null){const t=document.createElement("template");t.slot="divider";t.innerHTML=`\n        <vertex-scene-tree-table-resize-divider slot="divider">\n        </vertex-scene-tree-table-resize-divider>\n      `;this.hostEl.appendChild(t)}}createHeaderInstance(t){const i=t.querySelector('template[slot="header"]');if(i!=null){return O(i)}}createDividerInstance(){const t=this.hostEl.querySelector('template[slot="divider"]');if(t!=null){return O(t)}else{throw new Error("Table is missing divider template element")}}createColumnCellInstance(t){const i=t.querySelector('template:not([slot="header"])');if(i!=null){return O(i)}else{throw new Error("Column is missing cell template element")}}addDividerDragListeners(){var t;this.stateMap.headerDividerListeners=(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t.map(((t,i)=>{const s=this.createDividerPointerDownHandler(i);t.element.addEventListener("pointerdown",s);return s}))}removeDividerDragListeners(){var t;if(this.stateMap.headerDividerListeners!=null){const i=this.stateMap.headerDividerListeners;(t=this.stateMap.headerDividerInstances)===null||t===void 0?void 0:t.forEach(((t,s)=>{const e=i[s];if(e!=null){t.element.removeEventListener("pointerdown",e)}}));this.stateMap.headerDividerListeners=undefined}}getViewportRows(t,i){const s=this.rows.slice(t,i+1);return s.map((t=>t!=null?this.populateRowData(t):t))}populateRowData(t){var i;if(this.rowData!=null&&t!=null){const s=((i=this.rowData)===null||i===void 0?void 0:i.call(this,t))||{};return Object.assign(Object.assign({},t),{data:s})}else{return t}}getLayoutHeight(){if(this.layoutHeight==null&&this.tableElement!=null){this.layoutHeight=c(this.tableElement)}return this.layoutHeight}getLayoutWidth(){if(this.layoutWidth==null){const t=Z(this.hostEl);if(t>0){this.layoutWidth=t}}return this.layoutWidth}clearLayoutHeight(){this.layoutHeight=undefined}clearLayoutWidth(){this.layoutWidth=undefined}get hostEl(){return n(this)}static get watchers(){return{rows:["handleViewportRowsPropsChanged"],totalRows:["handleViewportRowsPropsChanged"],rowHeight:["handleViewportRowsPropsChanged"]}}};S.style=K;const q=":host{--scene-tree-toolbar-content-gap:8px;display:flex;padding:0.5rem}.content{display:flex;align-items:center}.content-primary{width:100%}::slotted(:not(:first-child)){margin-left:var(--scene-tree-toolbar-content-gap)}";const G=class{constructor(i){t(this,i)}render(){return s(e,null,s("div",{class:"content"},s("slot",{name:"before"})),s("div",{class:"content content-primary"},s("slot",null)),s("div",{class:"content"},s("slot",{name:"after"})))}};G.style=q;export{f as vertex_scene_tree_notification_banner,m as vertex_scene_tree_search,S as vertex_scene_tree_table_layout,G as vertex_scene_tree_toolbar};
-//# sourceMappingURL=p-629a5ae7.entry.js.map

package/dist/viewer/p-629a5ae7.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/viewer/p-8c367e87.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["src/lib/walk-mode/dom.ts","src/lib/walk-mode/interactions.ts","src/components/viewer-walk-mode-tool/viewer-walk-mode-tool.css?tag=vertex-viewer-walk-mode-tool&encapsulation=shadow","src/components/viewer-walk-mode-tool/viewer-walk-mode-tool.tsx"],"names":["targetIsElement","target","Element","WalkInteractionHandler","[object Object]","model","this","pressed","handleKeyUp","async","event","key","toLocaleLowerCase","Object","keys","filter","k","reduce","assign","length","interval","endInteraction","clearInterval","_a","api","handleKeyDown","bind","handleEnabledChange","restartInteraction","updateCamera","handlers","ViewerWalkModeOperation","MOVE_DOWN","moveDown","MOVE_UP","moveUp","PIVOT_DOWN","pivotDown","PIVOT_LEFT","pivotLeft","PIVOT_RIGHT","pivotRight","PIVOT_UP","pivotUp","WALK_BACKWARD","walkBackward","WALK_FORWARD","walkForward","WALK_LEFT","walkLeft","WALK_RIGHT","walkRight","enabledChangeDisposable","onEnabledChange","keyBindingsChangeDisposable","onKeyBindingsChange","configurationChangeDisposable","onConfigurationChange","disable","dispose","_b","_c","window","removeEventListener","_","getEnabled","addEventListener","toLowerCase","exclude","isElementExcluded","repeat","tryBeginInteraction","enabled","enable","someOperationMatches","beginInteraction","isInteracting","setInterval","getKeyboardRepeatInterval","undefined","forEach","op","operationMatches","some","pivotCamera","getKeyboardPivotDegrees","walk","Vector3","scale","relativeWalkSpeed","forward","back","left","right","down","up","getKeyboardWalkSpeed","viewerWalkModeToolCss","ViewerWalkModeTool","hostRef","WalkModeModel","stateMap","setupController","setupInteractionHandler","ensureTeleportToolConfigured","updateTeleportTool","setPivotInteractionMode","clearInteractionHandler","resetInteractionMode","controller","setEnabled","toggleInteractionMode","controllerChanged","emit","h","Host","name","onSlotchange","WalkModeController","updateModel","interactionHandlerDisposable","interactionHandler","viewer","registerInteractionHandler","hostEl","slotted","querySelector","slottedTeleportTool","tagName","teleportTool","slot","_e","_d","shadowRoot","document","createElement","appendChild","mode","teleportMode","baseInteractionHandler","getBaseInteractionHandler","interactionType","getPrimaryInteractionType","previousPrimaryInteractionType","setPrimaryInteractionType"],"mappings":"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","sourcesContent":["export function targetIsElement(target: EventTarget | null): target is Element {\n return target instanceof Element;\n}\n","import { Vector3 } from '@vertexvis/geometry';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { InteractionApiPerspective, InteractionHandler } from '../interactions';\nimport { targetIsElement } from './dom';\nimport { ViewerWalkModeOperation, WalkModeModel } from './model';\n\nexport class WalkInteractionHandler implements InteractionHandler {\n private api?: InteractionApiPerspective;\n\n private interval?: NodeJS.Timer;\n private pressed: Record<string, boolean> = {};\n private handlers: Record<ViewerWalkModeOperation, VoidFunction>;\n\n private enabledChangeDisposable?: Disposable;\n private keyBindingsChangeDisposable?: Disposable;\n private configurationChangeDisposable?: Disposable;\n\n public constructor(private model: WalkModeModel) {\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleKeyUp = this.handleKeyUp.bind(this);\n this.handleEnabledChange = this.handleEnabledChange.bind(this);\n this.restartInteraction = this.restartInteraction.bind(this);\n this.updateCamera = this.updateCamera.bind(this);\n\n this.handlers = {\n [ViewerWalkModeOperation.MOVE_DOWN]: this.moveDown.bind(this),\n [ViewerWalkModeOperation.MOVE_UP]: this.moveUp.bind(this),\n [ViewerWalkModeOperation.PIVOT_DOWN]: this.pivotDown.bind(this),\n [ViewerWalkModeOperation.PIVOT_LEFT]: this.pivotLeft.bind(this),\n [ViewerWalkModeOperation.PIVOT_RIGHT]: this.pivotRight.bind(this),\n [ViewerWalkModeOperation.PIVOT_UP]: this.pivotUp.bind(this),\n [ViewerWalkModeOperation.WALK_BACKWARD]: this.walkBackward.bind(this),\n [ViewerWalkModeOperation.WALK_FORWARD]: this.walkForward.bind(this),\n [ViewerWalkModeOperation.WALK_LEFT]: this.walkLeft.bind(this),\n [ViewerWalkModeOperation.WALK_RIGHT]: this.walkRight.bind(this),\n };\n\n this.enabledChangeDisposable = this.model.onEnabledChange(\n this.handleEnabledChange\n );\n this.keyBindingsChangeDisposable = this.model.onKeyBindingsChange(\n this.restartInteraction\n );\n this.configurationChangeDisposable = this.model.onConfigurationChange(\n this.restartInteraction\n );\n }\n\n public dispose(): void {\n this.disable();\n this.enabledChangeDisposable?.dispose();\n this.keyBindingsChangeDisposable?.dispose();\n this.configurationChangeDisposable?.dispose();\n\n window.removeEventListener('keydown', this.handleKeyDown);\n window.removeEventListener('keyup', this.handleKeyUp);\n }\n\n public initialize(_: HTMLElement, api: InteractionApiPerspective): void {\n this.api = api;\n\n this.handleEnabledChange(this.model.getEnabled());\n }\n\n public enable(): void {\n this.disable();\n\n window.addEventListener('keydown', this.handleKeyDown);\n window.addEventListener('keyup', this.handleKeyUp);\n }\n\n public disable(): void {\n window.removeEventListener('keydown', this.handleKeyDown);\n window.removeEventListener('keyup', this.handleKeyUp);\n }\n\n private handleKeyDown(event: KeyboardEvent): void {\n const key = event.key.toLowerCase();\n\n const exclude =\n targetIsElement(event.target) &&\n this.model.isElementExcluded(event.target);\n\n if (!event.repeat && !exclude) {\n this.pressed = { ...this.pressed, [key]: true };\n\n this.tryBeginInteraction();\n }\n }\n\n private handleKeyUp = async (event: KeyboardEvent): Promise<void> => {\n const key = event.key.toLocaleLowerCase();\n\n this.pressed = Object.keys(this.pressed)\n .filter((k) => k !== key)\n .reduce((pressed, k) => ({ ...pressed, [k]: true }), {});\n\n if (Object.keys(this.pressed).length === 0 && this.interval != null) {\n this.endInteraction();\n }\n };\n\n private handleEnabledChange(enabled: boolean): void {\n if (enabled) {\n this.enable();\n } else {\n this.disable();\n }\n }\n\n private restartInteraction(): void {\n this.clearInterval();\n this.tryBeginInteraction();\n }\n\n private tryBeginInteraction(): void {\n if (Object.keys(this.pressed).length > 0 && this.someOperationMatches()) {\n this.beginInteraction();\n }\n }\n\n private beginInteraction(): void {\n if (!this.api?.isInteracting()) {\n this.api?.beginInteraction();\n }\n\n if (this.interval == null) {\n this.interval = setInterval(\n this.updateCamera,\n this.model.getKeyboardRepeatInterval()\n );\n }\n }\n\n private endInteraction = async (): Promise<void> => {\n this.clearInterval();\n await this.api?.endInteraction();\n };\n\n private clearInterval(): void {\n if (this.interval != null) {\n clearInterval(this.interval);\n this.interval = undefined;\n }\n }\n\n private updateCamera(): void {\n Object.keys(this.handlers).forEach((key) => {\n const op = key as ViewerWalkModeOperation;\n\n if (this.model.operationMatches(op, this.pressed)) {\n this.handlers[op]();\n }\n });\n }\n\n private someOperationMatches(): boolean {\n return Object.keys(this.handlers).some((op) =>\n this.model.operationMatches(op as ViewerWalkModeOperation, this.pressed)\n );\n }\n\n private pivotLeft(): void {\n this.api?.pivotCamera(0, this.model.getKeyboardPivotDegrees());\n }\n\n private pivotRight(): void {\n this.api?.pivotCamera(0, -this.model.getKeyboardPivotDegrees());\n }\n\n private pivotUp(): void {\n this.api?.pivotCamera(-this.model.getKeyboardPivotDegrees(), 0);\n }\n\n private pivotDown(): void {\n this.api?.pivotCamera(this.model.getKeyboardPivotDegrees(), 0);\n }\n\n private walkForward(): void {\n this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.forward()));\n }\n\n private walkBackward(): void {\n this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.back()));\n }\n\n private walkLeft(): void {\n this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.left()));\n }\n\n private walkRight(): void {\n this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.right()));\n }\n\n private moveUp(): void {\n this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.down()));\n }\n\n private moveDown(): void {\n this.api?.walk(Vector3.scale(this.relativeWalkSpeed(), Vector3.up()));\n }\n\n private relativeWalkSpeed(): number {\n return this.model.getKeyboardWalkSpeed() / 500;\n }\n}\n",":host {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\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 Prop,\n Watch,\n} from '@stencil/core';\nimport { Disposable } from '@vertexvis/utils';\n\nimport { InteractionType } from '../../lib/interactions/baseInteractionHandler';\nimport { WalkModeController } from '../../lib/walk-mode/controller';\nimport { WalkInteractionHandler } from '../../lib/walk-mode/interactions';\nimport { ViewerTeleportMode, WalkModeModel } from '../../lib/walk-mode/model';\n\ninterface StateMap {\n teleportTool?: HTMLVertexViewerTeleportToolElement;\n previousPrimaryInteractionType?: InteractionType;\n}\n\n/**\n * The `<vertex-viewer-walk-mode-tool>` allows for additional interactions\n * intended for walking through a model instead of orbiting a model.\n */\n@Component({\n tag: 'vertex-viewer-walk-mode-tool',\n styleUrl: 'viewer-walk-mode-tool.css',\n shadow: true,\n})\nexport class ViewerWalkModeTool {\n /**\n * The viewer that this component is bound to. This is automatically assigned\n * if added to the light-dom of a parent viewer element.\n */\n @Prop()\n public viewer?: HTMLVertexViewerElement;\n\n /**\n * The `WalkModeController` responsible for controlling `KeyBinding`s and excluded\n * elements, as well as updating the `WalkModeModel` with various configuration\n * settings.\n */\n @Prop({ mutable: true })\n public controller?: WalkModeController;\n\n /**\n * The `WalkModeModel` responsible for tracking configuration and emitting\n * events for interaction handlers to respond to.\n */\n @Prop({ mutable: true })\n public model: WalkModeModel = new WalkModeModel();\n\n /**\n * The type of teleportation to perform when clicking. This value is passed through\n * to a `<vertex-viewer-teleport-tool>`'s mode attribute.\n *\n * `teleport` - the camera's `position` is moved to the location of the hit result\n * constrained by the plane represented by the camera's current `position` and `up`\n * vectors.\n *\n * `teleport-and-align` - the camera's `position`, `lookAt`, and `up` vectors are updated\n * to align to the plane represented by the hit result's position and normal.\n *\n * `teleport-toward` - the camera's `position` is moved a fixed distance toward the location of the\n * hit result constrained by the plane represented by the camera's current `position` and `up`\n * vectors.\n *\n * `undefined` - no teleportation will occur when clicking.\n *\n * Defaults to `undefined`.\n */\n @Prop()\n public teleportMode?: ViewerTeleportMode;\n\n /**\n * Determines whether the interaction handlers for this tool should respond to events.\n * When set to `true`, the default viewer interaction mode will be overridden to use the\n * `pivot` camera interaction type, keyboard controls for movement will be added, and\n * setting the `teleportMode` will enable the tool.\n *\n * Defaults to `true`.\n */\n @Prop()\n public enabled = true;\n\n /**\n * Event emitted when the `WalkModeController` associated with this tool changes.\n */\n @Event()\n public controllerChanged!: EventEmitter<WalkModeController>;\n\n @Element()\n private hostEl?: HTMLElement;\n\n private interactionHandlerDisposable?: Disposable;\n private interactionHandler?: WalkInteractionHandler;\n\n private stateMap: StateMap = {};\n\n /**\n * @ignore\n */\n protected componentWillLoad(): void {\n this.setupController();\n this.setupInteractionHandler();\n }\n\n /**\n * @ignore\n */\n protected async componentDidLoad(): Promise<void> {\n await this.ensureTeleportToolConfigured();\n this.updateTeleportTool();\n await this.setPivotInteractionMode();\n }\n\n /**\n * @ignore\n */\n protected connectedCallback(): void {\n this.setupInteractionHandler();\n this.setPivotInteractionMode();\n }\n\n /**\n * @ignore\n */\n protected disconnectedCallback(): void {\n this.clearInteractionHandler();\n this.resetInteractionMode();\n }\n\n /**\n * @ignore\n */\n @Watch('enabled')\n protected handleEnabledChanged(): void {\n this.controller?.setEnabled(this.enabled);\n this.toggleInteractionMode();\n }\n\n /**\n * @ignore\n */\n @Watch('viewer')\n protected handleViewerChanged(): void {\n this.clearInteractionHandler();\n this.setupInteractionHandler();\n this.updateTeleportTool();\n this.toggleInteractionMode();\n }\n\n /**\n * @ignore\n */\n @Watch('teleportMode')\n protected handleTeleportModeChanged(): void {\n this.updateTeleportTool();\n }\n\n /**\n * @ignore\n */\n @Watch('controller')\n protected handleControllerChanged(): void {\n this.updateTeleportTool();\n this.controllerChanged.emit(this.controller);\n }\n\n /**\n * @ignore\n */\n @Watch('model')\n protected handleModelChanged(): void {\n this.setupController();\n this.clearInteractionHandler();\n this.setupInteractionHandler();\n }\n\n protected render(): JSX.Element {\n return (\n <Host>\n <slot\n name=\"teleport-tool\"\n onSlotchange={async () => {\n await this.ensureTeleportToolConfigured();\n this.updateTeleportTool();\n }}\n ></slot>\n </Host>\n );\n }\n\n private setupController(): void {\n if (this.controller == null) {\n this.controller = new WalkModeController(this.model);\n this.controllerChanged.emit(this.controller);\n } else {\n this.controller.updateModel(this.model);\n }\n }\n\n private clearInteractionHandler(): void {\n this.interactionHandlerDisposable?.dispose();\n this.interactionHandlerDisposable = undefined;\n this.interactionHandler?.dispose();\n this.interactionHandler = undefined;\n }\n\n private async setupInteractionHandler(): Promise<void> {\n if (this.interactionHandler == null) {\n this.interactionHandler = new WalkInteractionHandler(this.model);\n\n this.interactionHandlerDisposable =\n await this.viewer?.registerInteractionHandler(this.interactionHandler);\n }\n }\n\n private async ensureTeleportToolConfigured(): Promise<void> {\n if (this.hostEl != null) {\n const slotted: Element | undefined =\n this.hostEl?.querySelector(\n 'vertex-viewer-teleport-tool[slot=\"teleport-tool\"]'\n ) ?? undefined;\n const slottedTeleportTool =\n slotted?.tagName === 'VERTEX-VIEWER-TELEPORT-TOOL'\n ? (slotted as HTMLVertexViewerTeleportToolElement)\n : undefined;\n\n if (slottedTeleportTool != null) {\n this.stateMap.teleportTool = slottedTeleportTool;\n } else {\n const slot: HTMLSlotElement | undefined =\n this.hostEl?.shadowRoot?.querySelector(\n 'slot[name=\"teleport-tool\"]'\n ) ?? undefined;\n\n this.stateMap.teleportTool = document.createElement(\n 'vertex-viewer-teleport-tool'\n );\n slot?.appendChild(this.stateMap.teleportTool);\n }\n }\n }\n\n private updateTeleportTool(): void {\n if (this.stateMap.teleportTool != null) {\n this.stateMap.teleportTool.viewer = this.viewer;\n this.stateMap.teleportTool.controller = this.controller;\n this.stateMap.teleportTool.model = this.model;\n this.stateMap.teleportTool.mode = this.teleportMode;\n }\n }\n\n private toggleInteractionMode(): void {\n if (this.enabled) {\n this.setPivotInteractionMode();\n } else {\n this.resetInteractionMode();\n }\n }\n\n private async setPivotInteractionMode(): Promise<void> {\n const baseInteractionHandler =\n await this.viewer?.getBaseInteractionHandler();\n\n if (this.enabled && baseInteractionHandler != null) {\n const interactionType =\n baseInteractionHandler.getPrimaryInteractionType();\n this.stateMap.previousPrimaryInteractionType =\n interactionType === 'pivot'\n ? this.stateMap.previousPrimaryInteractionType\n : interactionType;\n baseInteractionHandler.setPrimaryInteractionType('pivot');\n }\n }\n\n private async resetInteractionMode(): Promise<void> {\n const baseInteractionHandler =\n await this.viewer?.getBaseInteractionHandler();\n\n if (\n baseInteractionHandler != null &&\n baseInteractionHandler.getPrimaryInteractionType() === 'pivot' &&\n this.stateMap.previousPrimaryInteractionType != null\n ) {\n baseInteractionHandler.setPrimaryInteractionType(\n this.stateMap.previousPrimaryInteractionType\n );\n this.stateMap.previousPrimaryInteractionType = undefined;\n }\n }\n}\n"]}

package/dist/viewer/p-9bb550e2.entry.js DELETED Viewed

@@ -1,5 +0,0 @@
-/*!
- * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
- */
-import{h as i,F as t,r as n}from"./p-110f66c6.js";import{p as e,m as o,v as s}from"./p-9d26f24e.js";import"./p-f8951894.js";import"./p-342dac8b.js";import"./p-7af4e8a6.js";import"./p-5ca72d4a.js";import"./p-36dcfc94.js";import"./p-e656bd4c.js";import"./p-e3945092.js";import"./p-0d971ad6.js";import{V as r}from"./p-148e5f47.js";import{g as a,i as l,b as d,P as p,a as h,c}from"./p-4637d762.js";import{c as v}from"./p-92793987.js";import"./p-ba120f65.js";import"./p-e5cc48b6.js";import"./p-6b00f7cd.js";import"./p-e4f95584.js";import"./p-3060996e.js";const u=({pin:n,selected:e,occluded:o,detached:s})=>{const{primaryColor:r}=a(n);return i(t,null,d(n)&&i("div",{id:"pin-anchor",class:v("pin-anchor",{selected:e,"pin-occluded":o,"pin-detached":s}),style:{background:r}}),l(n)&&i("vertex-viewer-icon",{name:"pin-fill",size:"lg",class:v("pin",{"pin-selected":e,"pin-occluded":o,"pin-detached":s}),style:{color:r}}))};function w(i,t,n){const o={x:i.x+n.width/2,y:i.y};const s={x:i.x+n.width/2,y:i.y+n.height};const r={x:i.x+n.width,y:i.y+n.height/2};const a={x:i.x,y:i.y+n.height/2};const l=[o,s,a,r];const d=l.map((i=>e.distance(i,t)));const p=d.indexOf(Math.min(...d));return l[p]}const b=":host{--viewer-annotations-pin-primary-color:var(--blue-700);--viewer-annotations-pin-accent-color:var(--blue-200);--viewer-annotations-pin-dot-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-font-size:0.75rem;--viewer-annotations-pin-selected-stroke:var(--white);--viewer-annotations-pin-selected-border:2px solid var(--white);--viewer-annotations-pin-label-border:2px solid var(--black);--viewer-annotations-pin-selected-stroke:var(--white);font-size:var(--viewer-annotations-pin-font-size);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.pin-anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;width:9px;height:9px;box-sizing:border-box;border:var(--viewer-annotations-pin-label-border);background:var(--viewer-annotations-pin-dot-color);pointer-events:auto;cursor:pointer}.selected{width:13px;height:13px;border:var(--viewer-annotations-pin-selected-border)}.pin{color:var(--viewer-annotations-pin-color);cursor:pointer;transition:opacity 0.3s ease-in}.pin-selected{stroke-width:1;stroke:var(--viewer-annotations-pin-selected-stroke)}.pin-occluded{opacity:.3;transition:opacity 0.3s ease-in}.pin-detached{visibility:hidden}";const m=class{constructor(i){n(this,i);this.matrix=o.makeIdentity();this.projectionViewMatrix=o.makeIdentity();this.pinModel=new p;this.selected=false;this.occluded=false;this.detached=false;this.invalidateStateCounter=0;this.invalidateState=()=>{this.invalidateStateCounter=this.invalidateStateCounter+1}}componentDidLoad(){var i;this.setLabelObserver();if(this.pinController==null){this.pinController=new h(this.pinModel)}if(this.selected){(i=this.labelEl)===null||i===void 0?void 0:i.setFocus()}}async handleOcclusionStateChanged(i){this.occluded=i.detail}async handleDetachedStateChanged(i){this.detached=i.detail}disconnectedCallback(){var i,t;(i=this.labelEl)===null||i===void 0?void 0:i.removeEventListener("labelChanged",this.invalidateState);(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}render(){var n;if(this.pin==null){throw new Error("Unable to draw pin")}const{pinPoint:e,labelPoint:o}=this.computePinPoints(this.pin);return i(t,null,i("vertex-viewer-dom-element",{"data-testid":`drawn-pin-${this.pin.id}`,position:this.pin.worldPosition,onPointerDown:async()=>{var i;await((i=this.labelEl)===null||i===void 0?void 0:i.submit());this.selectPin();this.handleAnchorPointerDown()},detachedOff:false},i(u,{pin:this.pin,selected:this.selected,occluded:this.occluded,detached:this.detached})),d(this.pin)&&!this.occluded&&!this.detached&&i(t,null,i("vertex-viewer-pin-label-line",{id:`pin-label-line-${(n=this.pin)===null||n===void 0?void 0:n.id}`,pinPoint:e,pin:this.pin,labelPoint:o,onPointerDown:()=>this.selectPin()}),i("vertex-viewer-pin-label",{pin:this.pin,ref:i=>this.labelEl=i,elementBounds:this.elementBounds,pinController:this.pinController,onPointerDown:()=>this.selectPin()})))}setLabelObserver(){if(this.labelEl!=null){this.labelEl.addEventListener("labelChanged",this.invalidateState);this.resizeObserver=new ResizeObserver((()=>this.invalidateState()));this.resizeObserver.observe(this.labelEl)}}computePinPoints(i){if(this.elementBounds!=null&&this.pin!=null){return d(this.pin)&&this.pin.label.point!=null?this.computeTextPinPoints(this.pin,this.elementBounds):this.computeDefaultPinPoints(this.pin,this.elementBounds)}return{pinPoint:i.worldPosition}}computeDefaultPinPoints(i,t){return{pinPoint:this.getFromWorldPosition(i.worldPosition,this.projectionViewMatrix,t)}}computeTextPinPoints(i,t){var n,e,o,s;const{pinPoint:r}=this.computeDefaultPinPoints(i,t);const a=c(i.label.point,t);const l=((e=(n=this.labelEl)===null||n===void 0?void 0:n.firstElementChild)===null||e===void 0?void 0:e.clientWidth)||0;const d=((s=(o=this.labelEl)===null||o===void 0?void 0:o.firstElementChild)===null||s===void 0?void 0:s.clientHeight)||0;return{pinPoint:r,labelPoint:w(a,r,{width:l,height:d})}}handleAnchorPointerDown(){var i,t;if(this.elementBounds!=null&&((i=this.pinController)===null||i===void 0?void 0:i.getToolMode())==="edit"&&this.pin!=null){(t=this.pinController)===null||t===void 0?void 0:t.setDraggable({id:this.pin.id})}}selectPin(){var i,t;(i=this.pinController)===null||i===void 0?void 0:i.setSelectedPinId((t=this.pin)===null||t===void 0?void 0:t.id)}getFromWorldPosition(i,t,n){const e=s.transformMatrix(i,t);return r.fromDimensions(n).transformVectorToViewport(e)}};m.style=b;export{m as vertex_viewer_pin_group};
-//# sourceMappingURL=p-9bb550e2.entry.js.map

package/dist/viewer/p-b2e80d7f.js DELETED Viewed

@@ -1,5 +0,0 @@
-/*!
- * Copyright (c) 2026 Vertex Software LLC. All rights reserved.
- */
-import{c as e,u as t,a as s,b as n}from"./p-6b00f7cd.js";import{I as i,a as r,b as a}from"./p-ba120f65.js";import{u as o,s as u,p as c,r as h}from"./p-7af4e8a6.js";import{w as l}from"./p-5ca72d4a.js";import{r as d,c as p}from"./p-3a522068.js";import{m as w,a as v,b as f}from"./p-e3945092.js";import{b as m,v as y,m as b,q as x,r as I,a as g,p as O,d as j}from"./p-9d26f24e.js";import{i as S,t as B,v as E,L as R,w as A,h as V,f as T,j as q,u as k,e as C}from"./p-e656bd4c.js";import"./p-0d971ad6.js";import{t as P}from"./p-3060996e.js";const M={opacity:255,glossiness:4,diffuse:{r:0,g:0,b:0,a:0},ambient:{r:0,g:0,b:0,a:0},specular:{r:0,g:0,b:0,a:0},emissive:{r:0,g:0,b:0,a:0}};const _=(e,t,s,n)=>Object.assign(Object.assign({},M),{opacity:n!==null&&n!==void 0?n:M.opacity,diffuse:{r:e,g:t,b:s,a:0}});const D=(t,s)=>{const n=e.fromHexString(t);return Object.assign(Object.assign({},M),{opacity:s!==null&&s!==void 0?s:M.opacity,diffuse:n!=null?Object.assign({},n):Object.assign({},M.diffuse)})};const U=Object.freeze({__proto__:null,defaultColor:M,create:_,fromHex:D});function F(e){var s;const n=t.parse(e);if(n.scheme!=="urn"||n.path==null){throw new Error("Invalid URN. Expected URN scheme.")}const[r,a,o,...u]=n.path.split(/[:/]/);if(r!=="vertexvis"&&r!=="vertex"){throw new Error("Invalid URN. Expected URN to be vertex namespace")}if(r==="vertexvis"){console.warn("vertexvis namespace is deprecated. Use 'vertex' for the namespace urn instead")}switch(a){case"stream-key":const e=N(n.query);const t=(s=z(u.join("/")))!==null&&s!==void 0?s:e.find((e=>e.type==="scene-view-state"));return{resource:{type:"stream-key",id:o},subResource:t,queries:e.filter((e=>e.type!=="scene-view-state"))};default:throw new i(`Invalid URN. Unknown resource type ${a}`)}}function z(e){if(e!=null){const[t,s]=e.split("/");switch(t){case"scene-view-states":return{type:"scene-view-state",id:s};default:return undefined}}}function N(e){if(e!=null){return e.split("&").map((e=>{const[t,s]=e.split("=");switch(t){case"supplied-id":return{type:"supplied-id",id:s};case"scene-view-state":return{type:"scene-view-state",id:s};default:throw new Error("Invalid URN. Unknown query value type")}}))}else{return[]}}const H=Object.freeze({__proto__:null,fromUrn:F});function L(e){return e.id!=null}function Q(e){return e.suppliedId!=null}const Y=Object.freeze({__proto__:null,isSceneViewStateId:L,isSceneViewStateSuppliedId:Q});class W{constructor(e,t=new Date){this.knownRemoteTime=e;this.knownLocalTime=t}localOffset(){return this.duration(this.knownLocalTime,this.localNow())}localTime(e){const t=typeof e==="number"?new Date(this.knownLocalTime.getTime()+e):e;const s=this.duration(this.knownRemoteTime,t);return this.addDuration(this.knownLocalTime,s)}remoteOffset(e=new Date){return this.duration(this.remoteTime(this.knownLocalTime),this.remoteTime(e))}remoteNow(){return this.remoteTime(this.localNow())}remoteTime(e){const t=typeof e==="number"?new Date(this.knownLocalTime.getTime()+e):e;const s=this.duration(this.knownLocalTime,t);return this.addDuration(this.knownRemoteTime,s)}addDuration(e,t){return new Date(e.getTime()+t)}duration(e,t){return t.getTime()-e.getTime()}localNow(){return new Date(Date.now())}}function $(e){const t=s.toMsbLsb(e);const n=new o.Uuid2l;n.setMsb(t.msb);n.setLsb(t.lsb);return n}class G{constructor(e,t,s,n){this.client=e;this.stream=t;this.jwtProvider=s;this.deviceIdProvider=n}async listByItem(e,{hasAnnotations:t,cursor:s,size:n=50}={}){const i=await d((async i=>{const r=this.deviceIdProvider();const a=await p(this.jwtProvider,r);const o=new u.ListItemModelViewsRequest;const h=$(e);o.setItemId(h);if(t!=null){const e=new l.BoolValue;e.setValue(t);o.setHasAnnotations(e)}const d=new c.Pager;d.setLimit(n);if(s!=null){d.setCursor(s)}o.setPage(d);this.client.listItemModelViews(o,a,i)}));return w(i.toObject())}async load(e,t){const s=v({modelViewId:t,sceneItemId:e});this.stream.updateModelView({itemModelView:s},true)}async unload(){this.stream.updateModelView({},true)}}class J{constructor(e,t,s){this.client=e;this.jwtProvider=t;this.deviceIdProvider=s}async listAnnotations({modelViewId:e,cursor:t,size:s=50}={}){const n=await d((async n=>{const i=this.deviceIdProvider();const r=await p(this.jwtProvider,i);const a=new u.ListPmiAnnotationsRequest;if(e!=null){const t=$(e);a.setModelViewId(t)}const o=new c.Pager;o.setLimit(s);if(t!=null){o.setCursor(t)}a.setPage(o);this.client.listPmiAnnotations(a,r,n)}));return f(n.toObject())}}const K=1e3*10;class X{constructor(e,t,s,n=K){this.stream=e;this.predicate=t;this.transform=s;this.timeout=n;this.listeners=[];this.handleMessage=this.handleMessage.bind(this)}on(e){this.listeners=[...this.listeners,e];if(this.eventDisposable==null||this.requestDisposable==null){this.addListeners()}}off(e){this.listeners=this.listeners.filter((t=>t!==e));if(this.listeners.length===0){this.removeListeners()}}once(){let e;return n.timeout(this.timeout,new Promise((t=>{e=s=>{t(s);this.off(e)};this.on(e)}))).finally((()=>{this.off(e)}))}handleMessage(e){if(this.predicate(e)){const t=this.transform(e);if(t!=null){this.listeners.forEach((e=>e(t)))}}}addListeners(){this.eventDisposable=this.stream.onEvent(this.handleMessage);this.requestDisposable=this.stream.onRequest(this.handleMessage)}removeListeners(){var e,t;(e=this.eventDisposable)===null||e===void 0?void 0:e.dispose();(t=this.requestDisposable)===null||t===void 0?void 0:t.dispose()}}class Z{constructor(e,t,{animationId:s,correlationId:n},i){this.data=undefined;this.onAnimationCompleted=new X(e,(e=>{var t,n,i;return((i=(n=(t=e.event)===null||t===void 0?void 0:t.animationCompleted)===null||n===void 0?void 0:n.animationId)===null||i===void 0?void 0:i.hex)===s}),(e=>{var t,s,n;return((n=(s=(t=e.event)===null||t===void 0?void 0:t.animationCompleted)===null||s===void 0?void 0:s.animationId)===null||n===void 0?void 0:n.hex)||undefined}),i);this.onFrameReceived=new X(e,(e=>{var t,s,i;return!!((i=(s=(t=e.request)===null||t===void 0?void 0:t.drawFrame)===null||s===void 0?void 0:s.frameCorrelationIds)===null||i===void 0?void 0:i.some((e=>e===n)))}),(e=>{var s;return((s=e.request)===null||s===void 0?void 0:s.drawFrame)!=null?t(e.request.drawFrame):undefined}),i)}}function ee(e){if(typeof e==="string"){return{sceneViewStateId:{hex:e}}}else if(L(e)){return{sceneViewStateId:{hex:e.id}}}else if(Q(e)){return{sceneViewStateSuppliedId:{value:e.suppliedId}}}else{throw new Error("Unable to build scene view state identifier, input must be a string or `SceneViewStateIdentifier`.")}}function te(e,t){switch(e.type){case"and":case"or":return{operand:{itemCollection:{queries:e.expressions.map((e=>({sceneItemQuery:re(e)})))}}};case"not":return{not:{expression:te(e.query,t)}};case"item-id":case"supplied-id":return{operand:{item:{sceneItemQuery:re(e)}}};case"all":return{operand:{root:{}}};case"scene-tree-range":return{operand:{sceneTreeRange:{start:e.range.start,end:e.range.end}}};case"metadata":if(e.removeHiddenItems){return{and:{first:{operand:{metadata:{valueFilter:e.filter,keys:e.keys,exactMatch:e.exactMatch}}},second:{operand:{override:{visibility:{visibilityState:true}}}}}}}else{return{operand:{metadata:{valueFilter:e.filter,keys:e.keys,exactMatch:e.exactMatch}}}}case"all-selected":return{operand:{override:{selection:{}}}};case"all-visible":return{operand:{override:{visibility:{visibilityState:true}}}};case"point":return{operand:{point:{point:e.point,viewport:t.dimensions}}};case"volume-intersection":return{operand:{volume:{frustumByRectangle:{rectangle:e.rectangle},exclusive:e.exclusive,viewport:t.dimensions}}};default:return{}}}function se(e,t){switch(e.type){case"and":const t=e.expressions.length;if(t===1){return se({type:"annotation-id",value:e.expressions[0].value})}else if(t!==2){throw new Error("Incorrect number of query expressions provided.")}return{and:{first:se(e.expressions[0]),second:se(e.expressions[1])}};case"or":const n=e.expressions.length;if(n===1){return se({type:"annotation-id",value:e.expressions[0].value})}else if(n!==2){throw new Error("Incorrect number of query expressions provided.")}return{or:{first:se(e.expressions[0]),second:se(e.expressions[1])}};case"not":return{not:{expression:se(e.query)}};case"annotation-id":const{msb:i,lsb:r}=s.toMsbLsb(e.value);return{operand:{annotation:{id:new E.protobuf.core.Uuid2l({msb:R.fromString(i),lsb:R.fromString(r)})}}};case"all":return{operand:{all:{}}};default:return{}}}function ne(e,t,s){const n=oe(t);const i=te(e,s);return{sceneItemOperation:{queryExpression:i,operationTypes:n}}}function ie(e,t,s){const n=ue(t);const i=se(e);return{pmiAnnotationOperation:{queryExpression:i,operationTypes:n}}}function re(e){switch(e.type){case"item-id":return{id:new E.protobuf.core.Uuid({hex:e.value})};case"supplied-id":return{suppliedId:e.value};default:return{}}}function ae(e,t,s,n){const i={frameCorrelationId:{value:e},animation:s?{duration:P(s.milliseconds)}:undefined,baseCamera:n!=null&&S(n)?B(n):undefined};switch(t.flyTo.type){case"supplied":{return Object.assign(Object.assign({},i),{itemSuppliedId:t.flyTo.data})}case"internal":{return Object.assign(Object.assign({},i),{itemId:new E.protobuf.core.Uuid({hex:t.flyTo.data})})}case"camera":{return Object.assign(Object.assign({},i),{camera:B(t.flyTo.data)})}case"scene-item-query":return Object.assign(Object.assign({},i),{sceneItemQueryExpression:t.flyTo.data});case"bounding-box":{return Object.assign(Object.assign({},i),{boundingBox:{xmin:t.flyTo.data.min.x,xmax:t.flyTo.data.max.x,ymin:t.flyTo.data.min.y,ymax:t.flyTo.data.max.y,zmin:t.flyTo.data.min.z,zmax:t.flyTo.data.max.z}})}default:return{}}}function oe(e){return e.map((e=>{var t,s;switch(e.type){case"change-material":return{changeMaterial:{materialOverride:{colorMaterial:{d:e.material.opacity,ns:e.material.glossiness,ka:e.material.ambient,kd:e.material.diffuse,ks:e.material.specular,ke:e.material.emissive}}}};case"clear-override":return{clearMaterial:{}};case"change-transform":return{changeTransform:{transform:Object.assign({},e.transform)}};case"clear-transform":return{clearTransform:{cascade:e.cascade}};case"hide":return{changeVisibility:{visible:false}};case"show":return{changeVisibility:{visible:true}};case"select":return{changeSelection:{selected:true}};case"deselect":return{changeSelection:{selected:false}};case"change-phantom":return{changePhantom:{phantom:(t=e.phantomState)!==null&&t!==void 0?t:true}};case"clear-phantom":return{changePhantom:{phantom:false}};case"change-end-item":return{changeEndItem:{endItem:(s=e.endItemState)!==null&&s!==void 0?s:true}};case"clear-end-item":return{changeEndItem:{endItem:false}};case"view-rendition-by-id":return{viewRendition:{id:new E.protobuf.core.Uuid({hex:e.id})}};case"view-rendition-by-supplied-id":return{viewRendition:{suppliedId:e.suppliedId}};case"view-default-rendition":return{viewDefaultRendition:{}};case"clear-rendition":return{clearRendition:{}};case"view-representation":if(e.id==="empty"){return{viewRepresentation:{predefinedId:h.RepresentationPredefinedId.REPRESENTATION_PREDEFINED_ID_EMPTY}}}else if(e.id==="entire-part"){return{viewRepresentation:{predefinedId:h.RepresentationPredefinedId.REPRESENTATION_PREDEFINED_ID_ENTIRE_PART}}}else{return{viewRepresentation:{id:new E.protobuf.core.Uuid({hex:e.id})}}}case"clear-representation":return{clearRepresentation:{}};default:return{}}}))}function ue(e){return e.map((e=>{switch(e.type){case"show":return{changeVisibility:{visible:true}};case"hide":return{changeVisibility:{visible:false}};case"select":return{changeSelection:{selected:true}};case"deselect":return{changeSelection:{selected:false}};default:return{}}}))}function ce(e){return e.map((e=>{switch(e){case"camera":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_CAMERA;case"material_overrides":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_MATERIAL_OVERRIDE;case"selection":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_SELECTION;case"visibility":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_VISIBILITY;case"transforms":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_TRANSFORM;case"cross_section":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_CROSS_SECTION;case"phantom":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_PHANTOM;case"shading":return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_SHADING;default:return E.protobuf.stream.SceneViewStateFeature.SCENE_VIEW_STATE_FEATURE_INVALID}}))}class he{constructor(e){this.flyToOptions=e}build(){return this.flyToOptions}}class le{withItemId(e){return new he({flyTo:{type:"internal",data:e}})}withSuppliedId(e){return new he({flyTo:{type:"supplied",data:e}})}withCamera(e){return new he({flyTo:{type:"camera",data:e}})}withBoundingBox(e){return new he({flyTo:{type:"bounding-box",data:e}})}build(){return this.flyToOptions}}class de{constructor(e,t,s,n,i,r){this.stream=e;this.aspect=t;this.data=s;this.boundingBox=n;this.decodeFrame=i;this.flyToOptions=r}fitToBoundingBox(e){return this.flyTo({boundingBox:e})}signedDistanceToBoundingBoxCenter(e){const{position:t,viewVector:s}=A(this.data);const n=m.center(e!==null&&e!==void 0?e:this.boundingBox);const i=y.subtract(n,t);return y.dot(s,i)/y.magnitude(s)}flyTo(e){if(typeof e!=="function"){return this.updateFlyToOptions({flyTo:this.buildFlyToType(e)})}else{return this.updateFlyToOptions(e(new le).build())}}viewAll(){return this.fitToBoundingBox(this.boundingBox)}async render(e){var t,n,i;if(this.flyToOptions==null&&e!=null){this.flyToOptions={flyTo:{type:"camera",data:this.data}}}try{const r=s.create();if(this.flyToOptions!=null){const s=ae(r,this.flyToOptions,e===null||e===void 0?void 0:e.animation,this.toFrameCamera());const a=await this.stream.flyTo(s,true);return new Z(this.stream,this.decodeFrame,{correlationId:r,animationId:((n=(t=a.flyTo)===null||t===void 0?void 0:t.animationId)===null||n===void 0?void 0:n.hex)||undefined},((i=e===null||e===void 0?void 0:e.animation)===null||i===void 0?void 0:i.milliseconds)!=null?e.animation.milliseconds+K:undefined)}else{this.stream.replaceCamera({camera:B(this.data),frameCorrelationId:{value:r}});return new Z(this.stream,this.decodeFrame,{correlationId:r})}}catch(e){console.warn("Error when performing render: ",e);throw e}}rotateAroundAxis(e,t){return this.rotateAroundAxisAtPoint(e,this.data.lookAt,t)}alignTo(e,t){const s=y.normalize(y.cross(this.up,y.normalize(this.viewVector)));const n=y.normalize(y.cross(y.normalize(this.viewVector),s));const i=y.angleTo(t,n)>Math.PI/2?y.negate(n):n;const r=y.isEqual(i,t)?s:y.normalize(y.cross(i,t));const a=y.transformMatrix(this.viewVector,b.makeRotation(x.fromAxisAngle(r,y.angleTo(t,i))));const o=I.create({origin:e,direction:y.normalize(a)});const u=I.at(o,y.magnitude(this.viewVector));return this.update({position:e,lookAt:u,up:t})}standardView(e){return this.update({position:e.position,viewVector:y.subtract(y.origin(),e.position),lookAt:y.origin(),up:e.up})}standardViewFixedLookAt(e){const t=I.create({origin:this.lookAt,direction:y.normalize(e.position)});const s=I.at(t,y.magnitude(this.viewVector));return this.update({up:e.up,position:s,viewVector:y.subtract(this.lookAt,s)})}buildFlyToType(e){if(e.boundingBox!=null){return{type:"bounding-box",data:e.boundingBox}}else if(e.camera!=null){return{type:"camera",data:e.camera}}else if(e.itemId!=null){return{type:"internal",data:e.itemId}}else if(e.itemSuppliedId!=null){return{type:"supplied",data:e.itemSuppliedId}}else if(e.sceneItemQueryExpression!=null){return{type:"scene-item-query",data:e.sceneItemQueryExpression}}else{throw new Error("Fly to must specify at least one option.")}}computeClippingPlanes(e){return V(this.boundingBox,e)}}class pe extends de{constructor(e,t,s,n,i,r){super(e,t,s,n,i,r);this.perspectiveData=s}moveBy(e){return this.update({position:y.add(this.position,e),lookAt:y.add(this.lookAt,e)})}rotateAroundAxisAtPoint(e,t,s){return this.update({position:y.rotateAboutAxis(e,this.position,s,t),lookAt:y.rotateAboutAxis(e,this.lookAt,s,t),up:y.rotateAboutAxis(e,this.up,s,y.origin())})}update(e){var t;const s=(t=e.fovY)!==null&&t!==void 0?t:this.fovY;return new pe(this.stream,this.aspect,Object.assign(Object.assign(Object.assign({},this.perspectiveData),e),{fovY:s}),this.boundingBox,this.decodeFrame,this.flyToOptions)}toFrameCamera(){var e;return new T(this.position,this.lookAt,this.up,this.near,this.far,this.aspectRatio,(e=this.fovY)!==null&&e!==void 0?e:45)}get viewVector(){return y.subtract(this.lookAt,this.position)}get position(){return Object.assign({},this.perspectiveData.position)}get up(){return Object.assign({},this.perspectiveData.up)}get lookAt(){return Object.assign({},this.perspectiveData.lookAt)}get fovY(){return this.perspectiveData.fovY}get aspectRatio(){return this.aspect}get near(){const{near:e}=this.computeClippingPlanes(this.perspectiveData);return e}get far(){const{far:e}=this.computeClippingPlanes(this.perspectiveData);return e}updateFlyToOptions(e){return new pe(this.stream,this.aspect,this.perspectiveData,this.boundingBox,this.decodeFrame,e)}}class we extends de{constructor(e,t,s,n,i,r){super(e,t,s,n,i,r);this.orthographicData=s}moveBy(e){const t=y.add(this.lookAt,e);return this.update({lookAt:t,rotationPoint:t})}rotateAroundAxisAtPoint(e,t,s){const n=y.rotateAboutAxis(e,this.lookAt,s,t);const i=y.rotateAboutAxis(e,this.position,s,t);const r=q(y.subtract(n,i),g.create(this.boundingBox));return this.update({viewVector:r,lookAt:n,up:y.rotateAboutAxis(e,this.up,s,y.origin())})}update(e){return new we(this.stream,this.aspect,Object.assign(Object.assign({},this.orthographicData),e),this.boundingBox,this.decodeFrame,this.flyToOptions)}toFrameCamera(){const e=g.create(this.boundingBox);const t=q(this.viewVector,e);const s=k(this.lookAt,t,e.center);return new C(t,s,this.up,this.near,this.far,this.aspectRatio,this.fovHeight,this.rotationPoint)}get viewVector(){return Object.assign({},this.orthographicData.viewVector)}get position(){return y.add(this.lookAt,y.negate(this.viewVector))}get rotationPoint(){const e=this.orthographicData.rotationPoint;if(e!=null){return e}else{return undefined}}get up(){return Object.assign({},this.orthographicData.up)}get lookAt(){return Object.assign({},this.orthographicData.lookAt)}get fovHeight(){return this.orthographicData.fovHeight}get aspectRatio(){return this.aspect}get near(){const{near:e}=this.computeClippingPlanes(this.orthographicData);return e}get far(){const{far:e}=this.computeClippingPlanes(this.orthographicData);return e}updateFlyToOptions(e){return new we(this.stream,this.aspect,this.orthographicData,this.boundingBox,this.decodeFrame,e)}}class ve{constructor(e,t){this.stream=e;this.data=t}async update(e){const t=await this.stream.updateCrossSectioning({crossSectioning:{sectionPlanes:e.sectionPlanes,highlightColor:e.highlightColor,lineWidth:(e===null||e===void 0?void 0:e.lineWidth)!=null?{value:e.lineWidth}:null}},true);return t.updateCrossSectioning||undefined}current(){return this.data}}class fe{constructor(e=[]){this.operations=e}build(){return this.operations.concat()}materialOverride(e){return new fe(this.operations.concat([{type:"change-material",material:e}]))}show(){return new fe(this.operations.concat([{type:"show"}]))}hide(){return new fe(this.operations.concat([{type:"hide"}]))}select(){return new fe(this.operations.concat([{type:"select"}]))}deselect(){return new fe(this.operations.concat([{type:"deselect"}]))}clearMaterialOverrides(){return new fe(this.operations.concat([{type:"clear-override"}]))}transform(e){return new fe(this.operations.concat([{type:"change-transform",transform:e}]))}clearTransforms(e=true){return new fe(this.operations.concat([{type:"clear-transform",cascade:e}]))}setPhantom(e){return new fe(this.operations.concat([{type:"change-phantom",phantomState:e}]))}clearPhantom(){return new fe(this.operations.concat([{type:"clear-phantom"}]))}setEndItem(e){return new fe(this.operations.concat([{type:"change-end-item",endItemState:e}]))}clearEndItem(){return new fe(this.operations.concat([{type:"clear-end-item"}]))}viewRenditionById(e){return new fe(this.operations.concat([{type:"view-rendition-by-id",id:e}]))}viewRenditionBySuppliedId(e){return new fe(this.operations.concat([{type:"view-rendition-by-supplied-id",suppliedId:e}]))}viewDefaultRendition(){return new fe(this.operations.concat([{type:"view-default-rendition"}]))}clearRendition(){return new fe(this.operations.concat([{type:"clear-rendition"}]))}viewRepresentation(e){return new fe(this.operations.concat({type:"view-representation",id:e}))}clearRepresentation(){return new fe(this.operations.concat({type:"clear-representation"}))}}class me{constructor(e=[]){this.operations=e}build(){return this.operations.concat()}show(){return new me(this.operations.concat([{type:"show"}]))}hide(){return new me(this.operations.concat([{type:"hide"}]))}select(){return new me(this.operations.concat([{type:"select"}]))}deselect(){return new me(this.operations.concat([{type:"deselect"}]))}}class ye{constructor(e,t){this.stream=e;this.imageScaleProvider=t}async hitItems(e,t){const s=this.imageScaleProvider();const n=await this.stream.hitItems({point:O.scale(e,(s===null||s===void 0?void 0:s.x)||1,(s===null||s===void 0?void 0:s.y)||1),includeMetadata:t===null||t===void 0?void 0:t.includeMetadata},true);return n.hitItems||undefined}}const be=1e3*30;class xe{constructor(e,t,s,n){this.onFrameDrawn=new X(e,(e=>{var t,n,i;return!!((i=(n=(t=e.request)===null||t===void 0?void 0:t.drawFrame)===null||n===void 0?void 0:n.frameCorrelationIds)===null||i===void 0?void 0:i.some((e=>e===s)))}),(e=>{var s;return((s=e.request)===null||s===void 0?void 0:s.drawFrame)!=null?t(e.request.drawFrame):undefined}),n!==null&&n!==void 0?n:be)}}class Ie{constructor(e,t,s,n,i){this.stream=e;this.decodeFrame=t;this.encodeCameraType=s;this.sceneId=n;this.sceneViewId=i}async applySceneViewState(e,t={}){const s=ee(e);await this.animateToSceneViewState(s,t);return await this.stream.loadSceneViewState(Object.assign(Object.assign({},s),{frameCorrelationId:t.suppliedCorrelationId?{value:t.suppliedCorrelationId}:undefined,cameraType:t.cameraTypeOverride?this.encodeCameraType(t.cameraTypeOverride):undefined}),true)}async applyPartialSceneViewState(e,t,s={}){const n=ee(e);const i=ce(t);if(t.includes("camera")){await this.animateToSceneViewState(n,s)}return await this.stream.loadSceneViewState(Object.assign(Object.assign({},n),{frameCorrelationId:s.suppliedCorrelationId?{value:s.suppliedCorrelationId}:undefined,sceneViewStateFeatureSubset:i,cameraType:s.cameraTypeOverride?this.encodeCameraType(s.cameraTypeOverride):undefined}),true)}async animateToSceneViewState(e,t){var n,i,r;if(t.animation!=null){const a=s.create();const o=await this.stream.flyTo({sceneViewStateIdentifier:e,animation:{duration:P(t.animation.milliseconds)},frameCorrelationId:{value:a}},true);if(t.waitForAnimation==null||t.waitForAnimation){const e=new Z(this.stream,this.decodeFrame,{animationId:(r=(i=(n=o.flyTo)===null||n===void 0?void 0:n.animationId)===null||i===void 0?void 0:i.hex)!==null&&r!==void 0?r:undefined,correlationId:a},t.animation.milliseconds+K);await e.onAnimationCompleted.once()}}}}class ge{constructor(e,t){this.query=e;this.builder=t!==null&&t!==void 0?t:new fe}isItemBuilder(){return true}isAnnotationBuilder(){return false}materialOverride(e){if(typeof e==="string"){return new ge(this.query,this.builder.materialOverride(D(e)))}else{return new ge(this.query,this.builder.materialOverride(e))}}hide(){return new ge(this.query,this.builder.hide())}show(){return new ge(this.query,this.builder.show())}select(){return new ge(this.query,this.builder.select())}deselect(){return new ge(this.query,this.builder.deselect())}clearMaterialOverrides(){return new ge(this.query,this.builder.clearMaterialOverrides())}transform(e){if(Array.isArray(e)){if(e.length!==16){throw new r("Matrix provided must contain exactly 16 values (4x4).")}return new ge(this.query,this.builder.transform({r0:{x:e[0],y:e[1],z:e[2],w:e[3]},r1:{x:e[4],y:e[5],z:e[6],w:e[7]},r2:{x:e[8],y:e[9],z:e[10],w:e[11]},r3:{x:e[12],y:e[13],z:e[14],w:e[15]}}))}else{return new ge(this.query,this.builder.transform(e))}}clearTransforms(e=true){return new ge(this.query,this.builder.clearTransforms(e))}setPhantom(e){return new ge(this.query,this.builder.setPhantom(e))}clearPhantom(){return new ge(this.query,this.builder.clearPhantom())}setEndItem(e){return new ge(this.query,this.builder.setEndItem(e))}clearEndItem(){return new ge(this.query,this.builder.clearEndItem())}viewRenditionById(e){return new ge(this.query,this.builder.viewRenditionById(e))}viewRenditionBySuppliedId(e){return new ge(this.query,this.builder.viewRenditionBySuppliedId(e))}viewDefaultRendition(){return new ge(this.query,this.builder.viewDefaultRendition())}clearRendition(){return new ge(this.query,this.builder.clearRendition())}viewRepresentation(e){return new ge(this.query,this.builder.viewRepresentation(e))}clearRepresentation(){return new ge(this.query,this.builder.clearRepresentation())}build(){return{query:this.query,operations:this.builder.build()}}}class Oe{constructor(e,t){this.query=e;this.builder=t!==null&&t!==void 0?t:new me}isItemBuilder(){return false}isAnnotationBuilder(){return true}hide(){return new Oe(this.query,this.builder.hide())}show(){return new Oe(this.query,this.builder.show())}select(){return new Oe(this.query,this.builder.select())}deselect(){return new Oe(this.query,this.builder.deselect())}build(){return{query:this.query,operations:this.builder.build()}}}class je{constructor(e,t,s,n,i,r){this.sceneViewId=e;this.stream=t;this.decodeFrame=s;this.dimensions=n;this.sceneItemQueryOperations=i;this.pmiAnnotationQueryOperations=r}async execute(e){var t;const n=this.sceneItemQueryOperations.map((e=>ne(e.query,e.operations,{dimensions:this.dimensions})));const i=this.pmiAnnotationQueryOperations.map((e=>ie(e.query,e.operations)));const r=(t=e===null||e===void 0?void 0:e.suppliedCorrelationId)!==null&&t!==void 0?t:s.create();const a={sceneViewId:{hex:this.sceneViewId},elementOperations:[...n,...i],suppliedCorrelationId:{value:r}};await this.stream.createSceneAlteration(a)}}class Se extends je{async execute(e){var t;if(e===null||e===void 0?void 0:e.awaitCorrelatedFrame){const n=(t=e.suppliedCorrelationId)!==null&&t!==void 0?t:s.create();const i=new xe(this.stream,this.decodeFrame,n);await super.execute(Object.assign(Object.assign({},e),{suppliedCorrelationId:n}));await i.onFrameDrawn.once()}else{await super.execute(e)}}}class Be extends je{async execute(e){var t;if(e===null||e===void 0?void 0:e.skipAwaitCorrelatedFrame){await super.execute(e)}else{const n=(t=e===null||e===void 0?void 0:e.suppliedCorrelationId)!==null&&t!==void 0?t:s.create();const i=new xe(this.stream,this.decodeFrame,n);await super.execute(Object.assign(Object.assign({},e),{suppliedCorrelationId:n}));await i.onFrameDrawn.once()}}}class Ee{constructor(e,t,s,n,i,r,a,o){this.stream=e;this.frame=t;this.decodeFrame=s;this.encodeCameraType=n;this.imageScaleProvider=i;this.dimensions=r;this.sceneId=a;this.sceneViewId=o;this.sceneViewStateLoader=new Ie(e,s,n,a,o)}async applySceneViewState(e,t={}){return await this.sceneViewStateLoader.applySceneViewState(e,t)}async applyPartialSceneViewState(e,t,s={}){return await this.sceneViewStateLoader.applyPartialSceneViewState(e,t,s)}async reset(e={}){return await this.stream.resetSceneView({includeCamera:e.includeCamera,frameCorrelationId:e.suppliedCorrelationId?{value:e.suppliedCorrelationId}:undefined,cameraType:e.cameraTypeOverride?this.encodeCameraType(e.cameraTypeOverride):undefined},true)}items(e){const t=e(new Ge);const s=Array.isArray(t)?t:[t];const n=s.filter((e=>e.isItemBuilder()));const i=n.reduce(((e,t)=>e.concat(t.build())),[]);return new Se(this.sceneViewId,this.stream,this.decodeFrame,this.dimensions,i,[])}elements(e){const t=e(new We);const s=Array.isArray(t)?t:[t];const n=s.filter((e=>e.isItemBuilder()));const i=n.reduce(((e,t)=>e.concat(t.build())),[]);const r=s.filter((e=>e.isAnnotationBuilder()));const a=r.reduce(((e,t)=>e.concat(t.build())),[]);return new Be(this.sceneViewId,this.stream,this.decodeFrame,this.dimensions,i,a)}camera(){const{scene:e}=this.frame;if(e.camera.isOrthographic()){return new we(this.stream,j.aspectRatio(this.viewport()),{viewVector:e.camera.viewVector,lookAt:e.camera.lookAt,up:e.camera.up,fovHeight:e.camera.fovHeight,rotationPoint:e.camera.lookAt},this.frame.scene.boundingBox,this.decodeFrame)}else if(e.camera.isPerspective()){return new pe(this.stream,j.aspectRatio(this.viewport()),{position:e.camera.position,lookAt:e.camera.lookAt,up:e.camera.up,fovY:e.camera.fovY},this.frame.scene.boundingBox,this.decodeFrame)}else{throw new a("Cannot retrieve camera. Scene has an unknown or invalid camera type.")}}isOrthographic(){const{scene:e}=this.frame;return e.camera.isOrthographic()}boundingBox(){return this.frame.scene.boundingBox}crossSectioning(){return new ve(this.stream,this.frame.scene.crossSection)}raycaster(){return new ye(this.stream,this.imageScaleProvider)}viewport(){return this.frame.dimensions}scale(){return this.imageScaleProvider()||O.create(1,1)}}class Re{constructor(e){this.inverted=e}build(){if(this.inverted){return{type:"not",query:this.queryExpressionBuilder()}}else{return this.queryExpressionBuilder()}}}class Ae{constructor(e=false){this.inverted=e}all(){return new ke}not(){return new Ve(!this.inverted)}withItemIds(e){return new Fe(e,"item-id",this.inverted)}withSuppliedIds(e){return new Fe(e,"supplied-id",this.inverted)}withItemId(e){return new ze({type:"item-id",value:e},this.inverted)}withSuppliedId(e){return new ze({type:"supplied-id",value:e},this.inverted)}withSceneTreeRange(e){return new Ce(e,this.inverted)}withMetadata(e,t,s,n){return new Pe(e,t,s,this.inverted,n)}withSelected(){return new Me(this.inverted)}withVisible(){return new _e(this.inverted)}withPoint(e){return new De(e,this.inverted)}withVolumeIntersection(e,t){return new Ue(e,this.inverted,t)}}class Ve extends Ae{constructor(e){super(e)}}class Te{constructor(e=false){this.inverted=e}all(){return new ke}not(){return new qe(!this.inverted)}withAnnotationIds(e){return new Fe(e,"annotation-id",this.inverted)}withAnnotationId(e){return new Le({type:"annotation-id",value:e},this.inverted)}}class qe extends Te{constructor(e){super(e)}}class ke extends Re{constructor(e=false){super(e)}queryExpressionBuilder(){return{type:"all"}}}class Ce extends Re{constructor(e,t){super(t);this.range=e}queryExpressionBuilder(){return{type:"scene-tree-range",range:this.range}}}class Pe extends Re{constructor(e,t,s,n,i){super(n);this.filter=e;this.keys=t;this.exactMatch=s;this.removeHiddenItems=i}queryExpressionBuilder(){return{type:"metadata",filter:this.filter,keys:this.keys,exactMatch:this.exactMatch,removeHiddenItems:this.removeHiddenItems}}}class Me extends Re{constructor(e){super(e)}queryExpressionBuilder(){return{type:"all-selected"}}}class _e extends Re{constructor(e){super(e)}queryExpressionBuilder(){return{type:"all-visible"}}}class De extends Re{constructor(e,t){super(t);this.point=e}queryExpressionBuilder(){return{type:"point",point:this.point}}}class Ue extends Re{constructor(e,t,s){super(t);this.rectangle=e;this.exclusive=s}queryExpressionBuilder(){return{type:"volume-intersection",rectangle:this.rectangle,exclusive:!!this.exclusive}}}class Fe extends Re{constructor(e,t,s){super(s);this.ids=e;this.type=t}queryExpressionBuilder(){return{type:"or",expressions:this.ids.map((e=>({type:this.type,value:e})))}}}class ze extends Re{constructor(e,t){super(t);this.query=e}queryExpressionBuilder(){return Object.assign({},this.query)}and(){return new He([this.query],this.inverted)}or(){return new Ne([this.query],this.inverted)}}class Ne extends Re{constructor(e,t){super(t);this.expressions=e}queryExpressionBuilder(){return{type:"or",expressions:[...this.expressions]}}withItemId(e){return new Ne([...this.expressions,{type:"item-id",value:e}],this.inverted)}withSuppliedId(e){return new Ne([...this.expressions,{type:"supplied-id",value:e}],this.inverted)}or(){return this}}class He extends Re{constructor(e,t){super(t);this.expressions=e}queryExpressionBuilder(){return{type:"and",expressions:[...this.expressions]}}withItemId(e){return new He([...this.expressions,{type:"item-id",value:e}],this.inverted)}withSuppliedId(e){return new He([...this.expressions,{type:"supplied-id",value:e}],this.inverted)}and(){return this}}class Le extends Re{constructor(e,t){super(t);this.query=e}queryExpressionBuilder(){return Object.assign({},this.query)}and(){return new Ye([this.query],this.inverted)}or(){return new Qe([this.query],this.inverted)}}class Qe extends Re{constructor(e,t){super(t);this.expressions=e}queryExpressionBuilder(){return{type:"or",expressions:[...this.expressions]}}withAnnotationId(e){return new Qe([...this.expressions,{type:"annotation-id",value:e}],this.inverted)}or(){return this}}class Ye extends Re{constructor(e,t){super(t);this.expressions=e}queryExpressionBuilder(){return{type:"and",expressions:[...this.expressions]}}withAnnotationId(e){return new Ye([...this.expressions,{type:"annotation-id",value:e}],this.inverted)}and(){return this}}class We{get items(){return new Ge}get annotations(){return new $e}}class $e{where(e){const t=e(new Te).build();return new Oe(t)}}class Ge{where(e){const t=e(new Ae).build();return new ge(t)}}export{de as C,fe as I,G as M,Oe as P,ye as R,Ee as S,ve as a,$e as b,U as c,Ae as d,We as e,Be as f,ge as g,Ge as h,Se as i,W as j,J as k,H as l,M as m,F as n,Y as s,$ as t};
-//# sourceMappingURL=p-b2e80d7f.js.map