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

package/dist/viewer/{p-96dd1ad5.entry.js → p-9c4fc8bd.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Copyright (c) 2025 Vertex Software LLC. All rights reserved.
  */
-import{h as t,r as i,c as s,H as n,g as o}from"./p-6685b50e.js";import{p as h,m as e,v as l,r,g as a,q as d,c as u,e as v,f as c,d as f,b as w}from"./p-021bcb25.js";import{c as p}from"./p-9d9c943e.js";import{w as g,r as m}from"./p-b276d65a.js";import{T as b}from"./p-e5b563f2.js";import{D as x,A as y}from"./p-fdfb1d5a.js";import"./p-ab1cef89.js";import{E as z}from"./p-da65b274.js";import{d as C,T as D,R,e as T,r as j,s as A,x as O,A as P,b as E,y as U,z as F,f as N,g as $}from"./p-ed1460ad.js";import"./p-bcce32b5.js";import"./p-28dfd6fb.js";import"./p-1f0ce5c8.js";import"./p-8c65c44d.js";function I(t){if(window.document.activeElement!==t){t.focus();t.setSelectionRange(t.value.length,t.value.length)}}function S(t,i){return i!=null?h.create(t.x-i.left,t.y-i.top):undefined}function _(t,i,s,n){const o=n!=null?l.fromMatrixPosition(n):undefined;if(t!=null&&i!=null&&s!=null&&o!=null){const n=s.transformPointToRay(t,i.image,i.scene.camera);if(i.scene.camera.isOrthographic()){const t=r.at(r.create({origin:o,direction:i.scene.camera.direction}),l.magnitude(i.scene.camera.viewVector)*2);return r.intersectPlane(n,a.fromNormalAndCoplanarPoint(i.scene.camera.direction,t))}else{return r.intersectPlane(n,a.fromNormalAndCoplanarPoint(i.scene.camera.direction,o))}}return undefined}function J(t,i,s,n,o,h){return Y(t,M(i,s,n,o,h))}function M(t,i,s,n,o){const h=new x(n);const r=new y(o);const a=()=>r.convertFrom(i-s);const u=()=>h.convertRealValueToWorld(i-s);switch(t){case"x-translate":return e.makeTranslation(l.create(u(),0,0));case"y-translate":return e.makeTranslation(l.create(0,u(),0));case"z-translate":return e.makeTranslation(l.create(0,0,u()));case"x-rotate":return e.makeRotation(d.fromAxisAngle(l.left(),a()));case"y-rotate":return e.makeRotation(d.fromAxisAngle(l.down(),a()));case"z-rotate":return e.makeRotation(d.fromAxisAngle(l.forward(),a()));default:return e.makeIdentity()}}function B(t,i,s,n,o){const h=new x(n);const r=new y(o);const a=()=>e.makeRotation(d.fromMatrixRotation(i));const c=()=>e.multiply(i,e.invert(s));const f=()=>l.transformMatrix(l.fromMatrixPosition(c()),e.invert(a()));const w=()=>v.fromRotationMatrix(e.multiply(e.invert(a()),s));switch(t){case"x-translate":return h.convertWorldValueToReal(f().x);case"y-translate":return h.convertWorldValueToReal(f().y);case"z-translate":return h.convertWorldValueToReal(f().z);case"x-rotate":return r.convertTo(u.normalizeRadians(w().x));case"y-rotate":return r.convertTo(u.normalizeRadians(w().y));case"z-rotate":return r.convertTo(u.normalizeRadians(w().z));default:return 0}}function H(t,i,s,n,o,h){return Y(t,L(t,l.subtract(s,i),n,o,h))}function L(t,i,s,n,o){switch(o){case"x-translate":return k(t,l.right(),i);case"y-translate":return k(t,l.up(),i);case"z-translate":return k(t,l.back(),i);case"x-rotate":return e.makeRotation(d.fromAxisAngle(X(t,s,l.right()),n));case"y-rotate":return e.makeRotation(d.fromAxisAngle(X(t,s,l.up()),n));case"z-rotate":return e.makeRotation(d.fromAxisAngle(X(t,s,l.forward()),n));default:return t}}function X(t,i,s){const n=e.makeRotation(d.fromMatrixRotation(t));const o=l.transformMatrix(s,n);const h=l.transformMatrix(l.negate(s),n);return l.dot(i,o)>l.dot(i,h)?s:l.negate(s)}function k(t,i,s){const n=e.makeRotation(d.fromMatrixRotation(t));const o=l.transformMatrix(i,n);const h=l.multiply(o,s);return e.makeTranslation(l.scale(h.x+h.y+h.z,i))}function V(t,i,s){if(s.length===0){throw new Error("Unable to compute input position. At least one shape point must be provided.")}const n=c.pad(i,5);const o=s.map((i=>t.transformNdcPointToViewport(i)));const e=c.topLeft(n);const l=h.add(e,h.create(n.width,0));const r=c.bottomRight(n);const a=h.subtract(r,h.create(n.width,0));const d=h.scale(o.reduce(((t,i)=>h.add(t,i)),h.create()),1/o.length,1/o.length);const u=[l,a,r].reduce(((t,i)=>h.distance(d,i)<h.distance(d,t)?i:t),e);switch(u){case e:return{point:u,placement:"top-left"};case l:return{point:u,placement:"top-right"};case a:return{point:u,placement:"bottom-left"};default:return{point:u,placement:"bottom-right"}}}function Y(t,i){return e.multiply(e.multiply(t,i),e.invert(t))}const Z=({ref:i,bounds:s,viewport:n,point:o,placement:h,displayUnit:e},l)=>{const r=G(n,s!==null&&s!==void 0?s:f.create(0,0),o,h);return t("div",{ref:i,class:"widget-input wrapper",style:Object.assign(Object.assign({},r),{height:(s===null||s===void 0?void 0:s.height)!=null?`${s.height}px`:undefined})},l,t("div",{class:"widget-input units"},e.unit.abbreviatedName))};const q=({ref:i,identifier:s,disabled:n,onChange:o,onIncrement:h,onDecrement:e,onBlur:l,onUndo:r})=>{const a=t=>{if(t.target!=null){const i=parseFloat(t.target.value);if(!isNaN(i)){o===null||o===void 0?void 0:o(parseFloat(t.target.value))}}};const d=t=>{const i=t.ctrlKey||t.metaKey;if(t.key==="ArrowUp"){h===null||h===void 0?void 0:h()}else if(t.key==="ArrowDown"){e===null||e===void 0?void 0:e()}else if(t.key==="z"&&i&&r){t.preventDefault();r()}};return t("input",{ref:i,disabled:n,class:`widget-input ${s}`,type:"text",onChange:a,onKeyDown:d,onBlur:l})};function K(t,i){return Math.min(t,Math.max(0,i))}function G(t,i,s,n,o=5){const{width:h,height:e}=t.dimensions;const l=i.width+o;const r=i.height+o;function a(t){return`${t}px`}switch(n){case"top-left":return{right:a(K(h-l,h-s.x)),bottom:a(K(e-r,e-s.y))};case"top-right":return{left:a(K(h-l,s.x)),bottom:a(K(e-r,e-s.y))};case"bottom-left":return{right:a(K(h-l,h-s.x)),top:a(K(e-r,s.y))};case"bottom-right":default:return{left:a(K(h-l,s.x)),top:a(K(e-r,s.y))}}}function Q(t,i,s=3){return it(t,i,l.back(),l.up(),s)}function W(t,i,s=3){return it(t,i,l.right(),l.back(),s)}function tt(t,i,s=3){return it(t,i,l.right(),l.up(),s)}function it(t,i,s,n,o){const h=l.transformMatrix(l.add(s,n),e.makeRotation(d.fromMatrixRotation(t)));const a=l.transformMatrix(s,e.makeRotation(d.fromMatrixRotation(t)));const v=l.transformMatrix(n,e.makeRotation(d.fromMatrixRotation(t)));const c=l.fromMatrixPosition(t);const f=l.add(c,l.scale(o*10,h));const w=r.create({origin:f,direction:a});const p=r.create({origin:f,direction:v});const g=l.cross(a,v);const m=l.rotateAboutAxis(u.toRadians(45),r.at(p,-o),g,f);const b=l.rotateAboutAxis(u.toRadians(45),r.at(w,o),g,f);const x=l.rotateAboutAxis(u.toRadians(45),r.at(p,o),g,f);const y=l.rotateAboutAxis(u.toRadians(45),r.at(w,-o),g,f);return new C(l.dot(a,i.direction)!==-1&&l.dot(v,i.direction)!==-1,m,y,b,x,l.transformMatrix(m,i.projectionViewMatrix),l.transformMatrix(y,i.projectionViewMatrix),l.transformMatrix(b,i.projectionViewMatrix),l.transformMatrix(x,i.projectionViewMatrix))}function st(t,i,s,n){if(t instanceof D){return nt(t,i,s,n)}return false}function nt(t,i,s,n){return ot([t.points.worldLeft,t.points.worldRight,t.points.worldTip],i,s,n)||ot([t.points.worldLeft,t.points.worldRight,t.points.worldBase],i,s,n)}function ot(t,i,s,n){var o;if(t.length===3){const h=s.transformPointToRay(n,i.image,i.scene.camera);const e=l.subtract(t[1],t[0]);const r=l.subtract(t[2],t[0]);const a=w.epsilon((o=w.fromVectors([h.direction,h.origin,e,r]))!==null&&o!==void 0?o:w.create(e,r));const d=l.cross(h.direction,r);const u=l.dot(e,d);if(!(Math.abs(u)>=a)){return false}const v=l.subtract(h.origin,t[0]);const c=l.dot(v,d)/u;if(c<0||c>1){return false}const f=l.cross(v,e);const p=l.dot(h.direction,f)/u;if(p<0||c+p>1){return false}const g=l.dot(r,f)/u;return!isNaN(g)&&(g>0||i.scene.camera.isOrthographic())}return false}class ht extends R{constructor(t,i={},s={}){var n,o,h,e,l,r;super(t);this.disabledAxis={xTranslation:false,yTranslation:false,zTranslation:false,xRotation:false,yRotation:false,zRotation:false};this.axisLines=[];this.rotationLines=[];this.translationMeshes=[];this.rotationMeshes=[];this.hoveredChanged=new z;this.xArrowFillColor=i.xArrow;this.yArrowFillColor=i.yArrow;this.zArrowFillColor=i.zArrow;this.hoveredArrowFillColor=i.hovered;this.outlineColor=i.outline;this.disabledAxis.xTranslation=(n=s.xTranslation)!==null&&n!==void 0?n:false;this.disabledAxis.yTranslation=(o=s.yTranslation)!==null&&o!==void 0?o:false;this.disabledAxis.zTranslation=(h=s.zTranslation)!==null&&h!==void 0?h:false;this.disabledAxis.xRotation=(e=s.xRotation)!==null&&e!==void 0?e:false;this.disabledAxis.yRotation=(l=s.yRotation)!==null&&l!==void 0?l:false;this.disabledAxis.zRotation=(r=s.zRotation)!==null&&r!==void 0?r:false}dispose(){var t;(t=this.reglFrameDisposable)===null||t===void 0?void 0:t.cancel()}getDrawableElements(){return this.drawableElements}getFullBounds(){return this.fullBounds}boundsContainsPoint(t){return this.interactiveBounds!=null&&this.frame!=null&&c.containsPoints(this.interactiveBounds,t)}updateDisabledAxis(t){this.disabledAxis=Object.assign(Object.assign({},this.disabledAxis),t);this.updateDisabledOnDrawables()}updateCursor(t){this.cursor=t;if(t!=null&&this.frame!=null){this.updateHovered()}else{this.clearHovered()}}updateTransform(t){var i;this.transform=t;if(t!=null&&this.frame!=null){this.updateAndDraw()}else{this.clear();(i=this.reglFrameDisposable)===null||i===void 0?void 0:i.cancel();this.reglFrameDisposable=undefined}}updateColors(t={}){var i,s,n,o,h,e,l,r,a,d,u,v;this.xArrowFillColor=(i=t.xArrow)!==null&&i!==void 0?i:this.xArrowFillColor;this.yArrowFillColor=(s=t.yArrow)!==null&&s!==void 0?s:this.yArrowFillColor;this.zArrowFillColor=(n=t.zArrow)!==null&&n!==void 0?n:this.zArrowFillColor;this.hoveredArrowFillColor=(o=t.hovered)!==null&&o!==void 0?o:this.hoveredArrowFillColor;this.outlineColor=(h=t.outline)!==null&&h!==void 0?h:this.outlineColor;(e=this.xArrow)===null||e===void 0?void 0:e.updateFillColor(this.getXTranslationColor(),true);(l=this.yArrow)===null||l===void 0?void 0:l.updateFillColor(this.getYTranslationColor(),true);(r=this.zArrow)===null||r===void 0?void 0:r.updateFillColor(this.getZTranslationColor(),true);(a=this.xRotation)===null||a===void 0?void 0:a.updateFillColor(this.getXRotationColor(),true);(d=this.yRotation)===null||d===void 0?void 0:d.updateFillColor(this.getYRotationColor(),true);(u=this.zRotation)===null||u===void 0?void 0:u.updateFillColor(this.getZRotationColor(),true);(v=this.hoveredElement)===null||v===void 0?void 0:v.updateFillColor(this.hoveredArrowFillColor)}onHoveredChanged(t){return this.hoveredChanged.on(t)}updateDisabledOnDrawables(){var t,i,s,n,o,h,e,l,r,a,d,u;(t=this.xRotation)===null||t===void 0?void 0:t.setDisabled(this.disabledAxis.xRotation);(i=this.xyRotationLine)===null||i===void 0?void 0:i.setDisabled(this.disabledAxis.xRotation);(s=this.xzRotationLine)===null||s===void 0?void 0:s.setDisabled(this.disabledAxis.xRotation);(n=this.yRotation)===null||n===void 0?void 0:n.setDisabled(this.disabledAxis.yRotation);(o=this.yzRotationLine)===null||o===void 0?void 0:o.setDisabled(this.disabledAxis.yRotation);(h=this.yxRotationLine)===null||h===void 0?void 0:h.setDisabled(this.disabledAxis.yRotation);(e=this.zRotation)===null||e===void 0?void 0:e.setDisabled(this.disabledAxis.zRotation);(l=this.zxRotationLine)===null||l===void 0?void 0:l.setDisabled(this.disabledAxis.zRotation);(r=this.zyRotationLine)===null||r===void 0?void 0:r.setDisabled(this.disabledAxis.zRotation);(a=this.xArrow)===null||a===void 0?void 0:a.setDisabled(this.disabledAxis.xTranslation);(d=this.yArrow)===null||d===void 0?void 0:d.setDisabled(this.disabledAxis.yTranslation);(u=this.zArrow)===null||u===void 0?void 0:u.setDisabled(this.disabledAxis.zTranslation);this.updateColors()}updateHovered(){var t;const i=this.hoveredElement;const s=this.frame;if(s!=null){this.hoveredElement=[...this.translationMeshes,...this.rotationMeshes].filter((t=>t.points.valid&&!t.isDisabled())).find((t=>this.cursor!=null?st(t,s,this.viewport,this.cursor):false));if(this.hoveredElement!==i){this.hoveredChanged.emit(this.hoveredElement);(t=this.hoveredElement)===null||t===void 0?void 0:t.updateFillColor(this.hoveredArrowFillColor);i===null||i===void 0?void 0:i.updateFillColor(i===null||i===void 0?void 0:i.initialFillColor)}}}clearHovered(){const t=this.hoveredElement;this.hoveredElement=undefined;if(this.hoveredElement!==t){this.hoveredChanged.emit(this.hoveredElement);t.updateFillColor(t.initialFillColor)}}hasData(){return this.transform!=null}createOrUpdateElements(){if(this.transform!=null&&this.frame!=null){if(this.xArrow==null||this.yArrow==null||this.zArrow==null){this.createElements(this.transform,this.frame)}else{this.updateElements(this.transform,this.frame)}this.interactiveBounds=T(this.viewport,...this.rotationMeshes,...this.translationMeshes);this.fullBounds=T(this.viewport,...this.rotationMeshes,...this.translationMeshes,...this.axisLines)}}createElements(t,i){this.reglCommand=j({canvas:this.canvasElement,extensions:"angle_instanced_arrays"});const{createShape:s}=A(this.reglCommand);const n=this.computeTriangleSize(l.fromMatrixPosition(t),i);this.xArrow=new D(s,"x-translate",O(t,i.scene.camera,n),this.outlineColor,this.getXTranslationColor());this.xRotation=new D(s,"x-rotate",Q(t,i.scene.camera,n),this.outlineColor,this.getXRotationColor());this.xAxis=new P(s,"x-axis",E(t,i.scene.camera,this.xArrow),this.outlineColor,this.getXTranslationColor());this.yArrow=new D(s,"y-translate",U(t,i.scene.camera,n),this.outlineColor,this.getYTranslationColor());this.yRotation=new D(s,"y-rotate",W(t,i.scene.camera,n),this.outlineColor,this.getYRotationColor());this.yAxis=new P(s,"y-axis",E(t,i.scene.camera,this.yArrow),this.outlineColor,this.getYTranslationColor());this.zArrow=new D(s,"z-translate",F(t,i.scene.camera,n),this.outlineColor,this.getZTranslationColor());this.zAxis=new P(s,"z-axis",E(t,i.scene.camera,this.zArrow),this.outlineColor,this.getZTranslationColor());this.zRotation=new D(s,"z-rotate",tt(t,i.scene.camera,n),this.outlineColor,this.getZRotationColor());this.createRotationLines(s,t,i);this.axisLines=[this.xAxis,this.yAxis,this.zAxis];this.translationMeshes=[this.xArrow,this.yArrow,this.zArrow];this.rotationMeshes=[this.xRotation,this.yRotation,this.zRotation];this.updateDisabledOnDrawables();this.availableElements=[...this.axisLines,...this.rotationLines,...this.translationMeshes,...this.rotationMeshes]}getXRotationColor(){return this.xArrowFillColor}getYRotationColor(){return this.yArrowFillColor}getZRotationColor(){return this.zArrowFillColor}getXTranslationColor(){return this.xArrowFillColor}getYTranslationColor(){return this.yArrowFillColor}getZTranslationColor(){return this.zArrowFillColor}createRotationLines(t,i,s){var n,o,h,e,r,a;const d=this.computeTriangleSize(l.fromMatrixPosition(i),s);const u=N(s.scene.camera,this.xRotation,(n=this.yArrow)===null||n===void 0?void 0:n.points.worldTip,d);const v=N(s.scene.camera,this.xRotation,(o=this.zArrow)===null||o===void 0?void 0:o.points.worldTip,d);const c=N(s.scene.camera,this.yRotation,(h=this.xArrow)===null||h===void 0?void 0:h.points.worldTip,d);const f=N(s.scene.camera,this.yRotation,(e=this.zArrow)===null||e===void 0?void 0:e.points.worldTip,d);const w=N(s.scene.camera,this.zRotation,(r=this.xArrow)===null||r===void 0?void 0:r.points.worldTip,d);const p=N(s.scene.camera,this.zRotation,(a=this.yArrow)===null||a===void 0?void 0:a.points.worldTip,d);if(u!=null){this.xyRotationLine=new $(t,"xy-rotation-line",u,this.outlineColor)}if(v!=null){this.xzRotationLine=new $(t,"xz-rotation-line",v,this.outlineColor)}if(c!=null){this.yxRotationLine=new $(t,"yx-rotation-line",c,this.outlineColor)}if(f!=null){this.yzRotationLine=new $(t,"yz-rotation-line",f,this.outlineColor)}if(w!=null){this.zxRotationLine=new $(t,"zx-rotation-line",w,this.outlineColor)}if(p!=null){this.zyRotationLine=new $(t,"zy-rotation-line",p,this.outlineColor)}this.rotationLines=[this.xyRotationLine,this.xzRotationLine,this.yxRotationLine,this.yzRotationLine,this.zxRotationLine,this.zyRotationLine].filter((t=>t!=null))}updateElements(t,i){var s,n,o,h,e,r,a,d,u,v,c,f,w,p,g,m,b,x;const y=this.computeTriangleSize(l.fromMatrixPosition(t),i);if(this.xArrow!=null){this.xArrow.updatePoints(O(t,i.scene.camera,y));(s=this.xAxis)===null||s===void 0?void 0:s.updatePoints(E(t,i.scene.camera,this.xArrow))}(n=this.xRotation)===null||n===void 0?void 0:n.updatePoints(Q(t,i.scene.camera,y));if(this.yArrow!=null){this.yArrow.updatePoints(U(t,i.scene.camera,y));(o=this.yAxis)===null||o===void 0?void 0:o.updatePoints(E(t,i.scene.camera,this.yArrow))}(h=this.yRotation)===null||h===void 0?void 0:h.updatePoints(W(t,i.scene.camera,y));if(this.zArrow!=null){this.zArrow.updatePoints(F(t,i.scene.camera,y));(e=this.zAxis)===null||e===void 0?void 0:e.updatePoints(E(t,i.scene.camera,this.zArrow))}(r=this.zRotation)===null||r===void 0?void 0:r.updatePoints(tt(t,i.scene.camera,y));(a=this.xyRotationLine)===null||a===void 0?void 0:a.updatePoints(N(i.scene.camera,this.xRotation,(d=this.yArrow)===null||d===void 0?void 0:d.points.worldTip,y));(u=this.xzRotationLine)===null||u===void 0?void 0:u.updatePoints(N(i.scene.camera,this.xRotation,(v=this.zArrow)===null||v===void 0?void 0:v.points.worldTip,y));(c=this.yxRotationLine)===null||c===void 0?void 0:c.updatePoints(N(i.scene.camera,this.yRotation,(f=this.xArrow)===null||f===void 0?void 0:f.points.worldTip,y));(w=this.yzRotationLine)===null||w===void 0?void 0:w.updatePoints(N(i.scene.camera,this.yRotation,(p=this.zArrow)===null||p===void 0?void 0:p.points.worldTip,y));(g=this.zxRotationLine)===null||g===void 0?void 0:g.updatePoints(N(i.scene.camera,this.zRotation,(m=this.xArrow)===null||m===void 0?void 0:m.points.worldTip,y));(b=this.zyRotationLine)===null||b===void 0?void 0:b.updatePoints(N(i.scene.camera,this.zRotation,(x=this.yArrow)===null||x===void 0?void 0:x.points.worldTip,y))}}const et=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-transform-widget-x-axis-arrow-color:var(--x-axis-color);--viewer-transform-widget-y-axis-arrow-color:var(--y-axis-color);--viewer-transform-widget-z-axis-arrow-color:var(--z-axis-color);--viewer-transform-widget-hovered-arrow-color:#ffff00;--viewer-transform-widget-input-width:8em}.widget{position:absolute;top:0;left:0}.widget.hovered{pointer-events:auto}.widget-input.wrapper{position:absolute;pointer-events:auto;display:flex;align-items:center;border:1px solid #444444;border-radius:4px;width:var(--viewer-transform-widget-input-width);text-align:center;background-color:white;box-sizing:border-box}.widget-input.units{position:relative;width:25%;height:100%;padding:0 0.25rem;font-size:0.8125rem;color:#444444}input.widget-input{position:relative;text-align:center;box-sizing:border-box;width:75%;height:100%;outline:none;border-width:0 1px 0 0;border-color:#444444;border-radius:2px 0 0 2px;font-size:0.875rem;color:#444444}input.widget-input.x-translate,input.widget-input.x-rotate{border-left:5px solid var(--viewer-transform-widget-x-axis-arrow-color)}input.widget-input.y-translate,input.widget-input.y-rotate{border-left:5px solid var(--viewer-transform-widget-y-axis-arrow-color)}input.widget-input.z-translate,input.widget-input.z-rotate{border-left:5px solid var(--viewer-transform-widget-z-axis-arrow-color)}input.widget-input:disabled{color:#888888}input.widget-input:focus{outline:none}";const lt=class{constructor(t){i(this,t);this.positionChanged=s(this,"positionChanged",7);this.rotationChanged=s(this,"rotationChanged",7);this.interactionEnded=s(this,"interactionEnded",7);this.interactionStarted=s(this,"interactionStarted",7);this.xRotationDisabled=false;this.yRotationDisabled=false;this.zRotationDisabled=false;this.xTranslationDisabled=false;this.yTranslationDisabled=false;this.zTranslationDisabled=false;this.showInputs=true;this.distanceUnit="millimeters";this.angleUnit="degrees";this.decimalPlaces=1;this.EXPERIMENTAL_undoKeybindings=false;this.inputValue=0;this.isEndingTransform=false;this.inputShouldFocus=false;this.xArrowColor="#ea3324";this.yArrowColor="#4faf32";this.zArrowColor="#0000ff";this.hoveredColor="#ffff00";this.lastAngle=0;this.handleHoveredDrawableChanged=t=>{this.hovered=t};this.handleViewerFrameDrawn=()=>{this.updatePropsFromViewer()};this.handleViewerDimensionsChange=()=>{g((()=>{if(this.viewer!=null&&this.canvasRef!=null){this.canvasRef.width=this.viewer.viewport.width;this.canvasRef.height=this.viewer.viewport.height;this.updateCanvasBounds(this.canvasRef)}}))};this.handleResize=()=>{if(this.canvasRef!=null){this.updateCanvasBounds(this.canvasRef)}};this.handleInputResize=()=>{if(this.inputWrapperRef!=null){const t=this.inputWrapperRef;m((()=>{this.inputBounds=t.getBoundingClientRect()}))}};this.handleStyleChange=()=>{m((()=>{const t=window.getComputedStyle(this.hostEl);this.xArrowColor=t.getPropertyValue("--viewer-transform-widget-x-axis-arrow-color").trim();this.yArrowColor=t.getPropertyValue("--viewer-transform-widget-y-axis-arrow-color").trim();this.zArrowColor=t.getPropertyValue("--viewer-transform-widget-z-axis-arrow-color").trim();this.hoveredColor=t.getPropertyValue("--viewer-transform-widget-hovered-arrow-color").trim();this.getTransformWidget().updateColors({xArrow:this.xArrowColor,yArrow:this.yArrowColor,zArrow:this.zArrowColor,hovered:this.hoveredColor})}))};this.handlePointerMove=t=>{if(this.dragging==null){const i=S(h.create(t.clientX,t.clientY),this.getCanvasBounds());const s=this.getTransformWidget();if(i!=null&&s.boundsContainsPoint(i)){s.updateCursor(i)}else{s.updateCursor(undefined);this.hovered=undefined}}};this.handleBeginDrag=async t=>{var i,s,n;const o=this.getCanvasBounds();if(this.hovered!=null&&o!=null&&this.viewer!=null&&this.position!=null&&this.viewer.frame!=null){this.dragging=this.hovered;if(this.dragging.identifier!==((i=this.lastDragged)===null||i===void 0?void 0:i.identifier)){this.inputValue=0;this.dragStartTransform=this.currentTransform;this.updateInputPosition();this.updateInputValue()}this.lastDragged=undefined;const e=S(h.create(t.clientX,t.clientY),o);const l=this.viewer.viewport.transformWorldToViewport(this.position,this.viewer.frame.scene.camera.projectionViewMatrix);this.lastAngle=e!=null?u.fromPoints(l,e):0;this.lastWorldPosition=_(e,(s=this.viewer)===null||s===void 0?void 0:s.frame,(n=this.viewer)===null||n===void 0?void 0:n.viewport,this.currentTransform);this.interactionStarted.emit();window.removeEventListener("pointermove",this.handlePointerMove);window.addEventListener("pointermove",this.handleDrag);window.addEventListener("pointerup",this.handleEndTransform)}};this.handleDrag=async t=>{var i,s,n;t.preventDefault();const o=this.getCanvasBounds();if(this.dragging!=null&&this.lastWorldPosition!=null&&o!=null&&this.viewer!=null&&this.viewer.frame!=null&&this.position!=null){await((i=this.controller)===null||i===void 0?void 0:i.beginTransform());const e=S(h.create(t.clientX,t.clientY),o);const l=this.viewer.viewport.transformWorldToViewport(this.position,this.viewer.frame.scene.camera.projectionViewMatrix);const r=_(e,(s=this.viewer)===null||s===void 0?void 0:s.frame,(n=this.viewer)===null||n===void 0?void 0:n.viewport,this.currentTransform);if(r!=null&&e!=null&&l!=null){const t=u.fromPoints(l,e);this.transform(this.lastWorldPosition,r,t-this.lastAngle);this.updateInputPosition();this.updateInputValue();this.lastWorldPosition=r;this.lastAngle=t}}};this.handleEndTransform=async t=>{var i,s;const n=S(h.create(t.clientX,t.clientY),this.getCanvasBounds());const o=this.getTransformWidget();this.lastDragged=this.dragging;this.dragging=undefined;this.lastWorldPosition=undefined;this.lastAngle=0;this.updateInputPosition();this.updateInputValue();o.updateCursor(n);o.updateTransform(this.currentTransform);this.beginEndTransform();window.removeEventListener("pointermove",this.handleDrag);window.removeEventListener("pointerup",this.handleEndTransform);try{const t=(i=this.controller)===null||i===void 0?void 0:i.getCurrentDelta();await((s=this.controller)===null||s===void 0?void 0:s.endTransform());this.interactionEnded.emit(t)}catch(t){console.error("Failed to end transform interaction",t)}window.addEventListener("pointermove",this.handlePointerMove);this.completeEndTransform()};this.handleInputStep=t=>{if(this.inputValue!=null&&this.lastInputValue!=null){if(this.isModifyingAngleUnits()){const i=new y(this.angleUnit);const s=i.convertFrom(this.lastInputValue);const n=u.normalizeRadians(s+u.toRadians(t));this.inputValue=i.convertTo(n)}else{this.inputValue=this.lastInputValue+t}this.updateTransformFromInput(this.inputValue)}};this.handleInputChange=t=>{this.updateTransformFromInput(t)};this.updateTransformFromInput=async t=>{var i,s,n;if(this.lastDragged!=null&&this.currentTransform!=null&&this.startingTransform!=null&&this.lastInputValue!=null){this.transformCurrent(J(this.currentTransform,this.lastDragged.identifier,t,this.lastInputValue,this.distanceUnit,this.angleUnit));this.updateInputValue();this.lastInputValue=t;await((i=this.controller)===null||i===void 0?void 0:i.beginTransform());this.getTransformWidget().updateTransform(this.currentTransform);await((s=this.controller)===null||s===void 0?void 0:s.updateTransform(e.multiply(this.currentTransform,e.invert(this.startingTransform))));this.updateInputPosition();await((n=this.controller)===null||n===void 0?void 0:n.endTransformDebounced(this.beginEndTransform,this.completeEndTransform))}};this.updatePropsFromViewer=()=>{const{frame:t}=this.viewer||{};if(t!=null){const i=this.getTransformWidget();i.updateFrame(t,this.dragging==null);this.updateInputPosition()}};this.setupTransformWidget=t=>{var i,s;console.debug(`Initializing transform widget. [initial-position=${JSON.stringify(this.position)}, has-initial-frame=${((i=this.viewer)===null||i===void 0?void 0:i.frame)!=null}]`);this.widget=new ht(t,{xArrow:this.xArrowColor,yArrow:this.yArrowColor,zArrow:this.zArrowColor,hovered:this.hoveredColor});if(this.rotation!=null){this.currentTransform=this.getTransformForNewRotation(this.rotation);this.startingTransform=this.currentTransform;this.widget.updateTransform(this.currentTransform)}if(this.position!=null){this.currentTransform=this.getTransformForNewPosition(this.position);this.startingTransform=this.currentTransform;this.widget.updateTransform(this.currentTransform)}if(((s=this.viewer)===null||s===void 0?void 0:s.frame)!=null){this.widget.updateFrame(this.viewer.frame,true)}this.handleSettingDisabledAxis();this.hoveredChangeDisposable=this.widget.onHoveredChanged(this.handleHoveredDrawableChanged);return this.widget};this.updateCanvasBounds=t=>{m((()=>{this.canvasBounds=t.getBoundingClientRect();this.getTransformWidget().updateDimensions(t)}))};this.updateInputValue=()=>{var t,i,s;const n=(t=this.dragging)!==null&&t!==void 0?t:this.lastDragged;if(n!=null&&this.currentTransform!=null&&this.dragStartTransform!=null){this.lastInputValue=this.inputValue;this.inputValue=B(n.identifier,this.currentTransform,this.dragStartTransform,this.distanceUnit,this.angleUnit);if(this.inputRef!=null){const t=(s=(i=this.getDisplayedDistance())!==null&&i!==void 0?i:this.getDisplayedAngle())!==null&&s!==void 0?s:0;const n=`${parseFloat(t.toFixed(this.decimalPlaces))}`;this.inputRef.value=n}}};this.transformCurrent=t=>{this.currentTransform=this.currentTransform!=null?e.multiply(t,this.currentTransform):t};this.updateInputPosition=()=>{var t,i;const s=(t=this.dragging)!==null&&t!==void 0?t:this.lastDragged;if(this.showInputs&&((i=this.viewer)===null||i===void 0?void 0:i.frame)!=null&&this.position!=null&&s!=null){const t=this.getTransformWidget();const i=t.getFullBounds();this.inputPosition=i!=null?V(this.viewer.viewport,i,s.points.toArray()):undefined}};this.beginEndTransform=()=>{const t=this.getTransformWidget();t.updateDisabledAxis({xRotation:true,yRotation:true,zRotation:true,xTranslation:true,yTranslation:true,zTranslation:true});this.isEndingTransform=true};this.completeEndTransform=()=>{const t=this.getTransformWidget();t.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled});this.isEndingTransform=false;this.inputShouldFocus=true;if(this.currentTransform!=null){this.position=l.fromMatrixPosition(this.currentTransform);this.rotation=v.fromRotationMatrix(this.currentTransform)}};this.isModifyingAngleUnits=()=>{var t,i,s;const n=(i=(t=this.dragging)===null||t===void 0?void 0:t.identifier)!==null&&i!==void 0?i:(s=this.lastDragged)===null||s===void 0?void 0:s.identifier;return!!(n===null||n===void 0?void 0:n.includes("rotate"))};this.getDisplayedUnits=()=>{if(this.isModifyingAngleUnits()){return new y(this.angleUnit)}return new x(this.distanceUnit)};this.getDisplayedAngle=()=>{if(this.isModifyingAngleUnits()){return this.inputValue}};this.getDisplayedDistance=()=>{var t,i,s;const n=(i=(t=this.dragging)===null||t===void 0?void 0:t.identifier)!==null&&i!==void 0?i:(s=this.lastDragged)===null||s===void 0?void 0:s.identifier;if(n===null||n===void 0?void 0:n.includes("translate")){return this.inputValue}};this.getTransformForNewPosition=t=>{if(t!=null){const i=this.currentTransform!=null?this.currentTransform:e.makeIdentity();const s=e.makeRotation(d.fromMatrixRotation(i));const n=e.makeTranslation(t);return e.multiply(n,s)}};this.getTransformForNewRotation=t=>{const i=this.currentTransform!=null?this.currentTransform:e.makeIdentity();const s=e.invert(e.makeRotation(d.fromMatrixRotation(i)));const n=e.makeRotation(d.fromEuler(t));const o=e.multiply(i,s);return e.multiply(o,n)};this.getCanvasBounds=()=>{if(this.canvasBounds!=null){return this.canvasBounds}else if(this.canvasRef!=null){this.updateCanvasBounds(this.canvasRef);return this.canvasBounds}};this.getTransformWidget=()=>{if(this.widget==null&&this.canvasRef!=null){return this.setupTransformWidget(this.canvasRef)}else if(this.widget!=null){return this.widget}else{throw new Error("Transform widget was not initialized. The canvas element may not have been initialized.")}}}componentDidLoad(){window.addEventListener("pointermove",this.handlePointerMove);this.canvasResizeObserver=new ResizeObserver(this.handleResize);this.inputResizeObserver=new ResizeObserver(this.handleInputResize);this.hostStyleObserver=new MutationObserver(this.handleStyleChange);if(this.canvasRef!=null){this.canvasResizeObserver.observe(this.canvasRef);this.setupTransformWidget(this.canvasRef)}this.hostStyleObserver.observe(this.hostEl,{attributes:true,attributeFilter:["style"]});this.handleViewerChanged(this.viewer,undefined);this.handleStyleChange()}disconnectedCallback(){var t,i,s,n,o;window.removeEventListener("pointermove",this.handlePointerMove);(t=this.canvasResizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.inputResizeObserver)===null||i===void 0?void 0:i.disconnect();(s=this.hostStyleObserver)===null||s===void 0?void 0:s.disconnect();(n=this.hoveredChangeDisposable)===null||n===void 0?void 0:n.dispose();(o=this.widget)===null||o===void 0?void 0:o.dispose()}componentDidRender(){if(this.inputShouldFocus&&this.inputRef!=null){I(this.inputRef);this.inputShouldFocus=false}}async EXPERIMENTAL_undo(){var t,i;const s=await((t=this.controller)===null||t===void 0?void 0:t.EXPERIMENTAL_undoTransform());if(this.currentTransform!=null&&s!=null){this.currentTransform=e.multiply(s,this.currentTransform);(i=this.widget)===null||i===void 0?void 0:i.updateTransform(this.currentTransform);this.updateInputPosition();this.updateInputValue();this.lastInputValue=this.inputValue;this.position=l.fromMatrixPosition(this.currentTransform);this.rotation=v.fromRotationMatrix(this.currentTransform)}}handleViewerChanged(t,i){var s;i===null||i===void 0?void 0:i.removeEventListener("frameDrawn",this.handleViewerFrameDrawn);i===null||i===void 0?void 0:i.removeEventListener("dimensionschange",this.handleViewerDimensionsChange);t===null||t===void 0?void 0:t.addEventListener("frameDrawn",this.handleViewerFrameDrawn);t===null||t===void 0?void 0:t.addEventListener("dimensionschange",this.handleViewerDimensionsChange);if((t===null||t===void 0?void 0:t.stream)!=null){(s=this.controller)===null||s===void 0?void 0:s.dispose();this.controller=new b(t.stream)}}handleDisabledPropertyChanged(){var t;(t=this.widget)===null||t===void 0?void 0:t.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled})}handleRotationChanged(t,i){var s;const n=t!==null&&t!==void 0?t:v.create();this.currentTransform=this.getTransformForNewRotation(n);this.startingTransform=this.currentTransform;if(t==null&&this.currentTransform!=null&&e.isIdentity(this.currentTransform)){this.currentTransform=undefined;this.startingTransform=this.currentTransform}(s=this.widget)===null||s===void 0?void 0:s.updateTransform(this.currentTransform);console.debug(`Updating widget rotation [previous=${JSON.stringify(i)}, current=${JSON.stringify(t)}]`);this.rotationChanged.emit(t)}handlePositionChanged(t,i){var s,n;this.currentTransform=this.getTransformForNewPosition(t);this.startingTransform=this.currentTransform;console.debug(`Updating widget position [previous=${JSON.stringify(i)}, current=${JSON.stringify(t)}]`);(s=this.widget)===null||s===void 0?void 0:s.updateTransform(this.currentTransform);if(t==null){this.lastDragged=undefined;this.inputPosition=undefined;(n=this.controller)===null||n===void 0?void 0:n.clearTransform()}this.positionChanged.emit(t)}handleInputFormattingChanged(){this.updateInputValue();this.lastInputValue=this.inputValue}render(){var i,s,o,h,e,l;return t(n,null,t("canvas",{ref:t=>{this.canvasRef=t},class:p("widget",{hovered:this.hovered!=null}),width:(i=this.viewer)===null||i===void 0?void 0:i.viewport.width,height:(s=this.viewer)===null||s===void 0?void 0:s.viewport.height,onPointerDown:this.handleBeginDrag}),this.showInputs&&this.inputPosition&&((o=this.viewer)===null||o===void 0?void 0:o.viewport)&&t(Z,{ref:t=>{var i,s;if(t!=null){(i=this.inputResizeObserver)===null||i===void 0?void 0:i.observe(t)}else if(this.inputRef!=null){(s=this.inputResizeObserver)===null||s===void 0?void 0:s.unobserve(this.inputRef)}this.inputWrapperRef=t},bounds:this.inputBounds,viewport:this.viewer.viewport,point:this.inputPosition.point,placement:this.inputPosition.placement,displayUnit:this.getDisplayedUnits()},t(q,{ref:t=>{this.inputRef=t},identifier:(e=(h=this.dragging)===null||h===void 0?void 0:h.identifier)!==null&&e!==void 0?e:(l=this.lastDragged)===null||l===void 0?void 0:l.identifier,disabled:this.isEndingTransform,onChange:this.handleInputChange,onIncrement:()=>this.handleInputStep(1),onDecrement:()=>this.handleInputStep(-1),onBlur:()=>{this.inputShouldFocus=false},onUndo:this.EXPERIMENTAL_undoKeybindings?()=>this.EXPERIMENTAL_undo():undefined})))}transform(t,i,s){var n,o;if(this.position!=null&&this.startingTransform!=null&&this.currentTransform!=null&&this.dragging!=null&&this.viewer!=null&&this.viewer.frame!=null){this.transformCurrent(H(this.currentTransform,t,i,(n=this.viewer)===null||n===void 0?void 0:n.frame.scene.camera.viewVector,s,this.dragging.identifier));this.getTransformWidget().updateTransform(this.currentTransform);(o=this.controller)===null||o===void 0?void 0:o.updateTransform(e.multiply(this.currentTransform,e.invert(this.startingTransform)))}}handleSettingDisabledAxis(){if(this.widget){this.widget.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled})}else{console.warn("Cannot set disabled values - no widget defined")}}get hostEl(){return o(this)}static get watchers(){return{viewer:["handleViewerChanged"],xTranslationDisabled:["handleDisabledPropertyChanged"],yTranslationDisabled:["handleDisabledPropertyChanged"],zTranslationDisabled:["handleDisabledPropertyChanged"],xRotationDisabled:["handleDisabledPropertyChanged"],yRotationDisabled:["handleDisabledPropertyChanged"],zRotationDisabled:["handleDisabledPropertyChanged"],rotation:["handleRotationChanged"],position:["handlePositionChanged"],distanceUnit:["handleInputFormattingChanged"],angleUnit:["handleInputFormattingChanged"],decimalPlaces:["handleInputFormattingChanged"]}}};lt.style=et;export{lt as vertex_viewer_transform_widget};
-//# sourceMappingURL=p-96dd1ad5.entry.js.map
+import{h as t,r as i,c as s,H as n,g as o}from"./p-6685b50e.js";import{p as h,m as e,v as l,r,g as a,q as d,c as u,e as v,f as c,d as f,b as w}from"./p-021bcb25.js";import{c as p}from"./p-9d9c943e.js";import{w as g,r as m}from"./p-b276d65a.js";import{T as b}from"./p-e5b563f2.js";import{D as x,A as y}from"./p-fdfb1d5a.js";import"./p-ab1cef89.js";import{E as z}from"./p-da65b274.js";import{d as C,T as D,R,e as T,r as j,s as A,x as O,A as P,b as E,y as U,z as F,f as N,g as $}from"./p-75cad0f2.js";import"./p-bcce32b5.js";import"./p-28dfd6fb.js";import"./p-1f0ce5c8.js";import"./p-8c65c44d.js";function I(t){if(window.document.activeElement!==t){t.focus();t.setSelectionRange(t.value.length,t.value.length)}}function S(t,i){return i!=null?h.create(t.x-i.left,t.y-i.top):undefined}function _(t,i,s,n){const o=n!=null?l.fromMatrixPosition(n):undefined;if(t!=null&&i!=null&&s!=null&&o!=null){const n=s.transformPointToRay(t,i.image,i.scene.camera);if(i.scene.camera.isOrthographic()){const t=r.at(r.create({origin:o,direction:i.scene.camera.direction}),l.magnitude(i.scene.camera.viewVector)*2);return r.intersectPlane(n,a.fromNormalAndCoplanarPoint(i.scene.camera.direction,t))}else{return r.intersectPlane(n,a.fromNormalAndCoplanarPoint(i.scene.camera.direction,o))}}return undefined}function J(t,i,s,n,o,h){return Y(t,M(i,s,n,o,h))}function M(t,i,s,n,o){const h=new x(n);const r=new y(o);const a=()=>r.convertFrom(i-s);const u=()=>h.convertRealValueToWorld(i-s);switch(t){case"x-translate":return e.makeTranslation(l.create(u(),0,0));case"y-translate":return e.makeTranslation(l.create(0,u(),0));case"z-translate":return e.makeTranslation(l.create(0,0,u()));case"x-rotate":return e.makeRotation(d.fromAxisAngle(l.left(),a()));case"y-rotate":return e.makeRotation(d.fromAxisAngle(l.down(),a()));case"z-rotate":return e.makeRotation(d.fromAxisAngle(l.forward(),a()));default:return e.makeIdentity()}}function B(t,i,s,n,o){const h=new x(n);const r=new y(o);const a=()=>e.makeRotation(d.fromMatrixRotation(i));const c=()=>e.multiply(i,e.invert(s));const f=()=>l.transformMatrix(l.fromMatrixPosition(c()),e.invert(a()));const w=()=>v.fromRotationMatrix(e.multiply(e.invert(a()),s));switch(t){case"x-translate":return h.convertWorldValueToReal(f().x);case"y-translate":return h.convertWorldValueToReal(f().y);case"z-translate":return h.convertWorldValueToReal(f().z);case"x-rotate":return r.convertTo(u.normalizeRadians(w().x));case"y-rotate":return r.convertTo(u.normalizeRadians(w().y));case"z-rotate":return r.convertTo(u.normalizeRadians(w().z));default:return 0}}function H(t,i,s,n,o,h){return Y(t,L(t,l.subtract(s,i),n,o,h))}function L(t,i,s,n,o){switch(o){case"x-translate":return k(t,l.right(),i);case"y-translate":return k(t,l.up(),i);case"z-translate":return k(t,l.back(),i);case"x-rotate":return e.makeRotation(d.fromAxisAngle(X(t,s,l.right()),n));case"y-rotate":return e.makeRotation(d.fromAxisAngle(X(t,s,l.up()),n));case"z-rotate":return e.makeRotation(d.fromAxisAngle(X(t,s,l.forward()),n));default:return t}}function X(t,i,s){const n=e.makeRotation(d.fromMatrixRotation(t));const o=l.transformMatrix(s,n);const h=l.transformMatrix(l.negate(s),n);return l.dot(i,o)>l.dot(i,h)?s:l.negate(s)}function k(t,i,s){const n=e.makeRotation(d.fromMatrixRotation(t));const o=l.transformMatrix(i,n);const h=l.multiply(o,s);return e.makeTranslation(l.scale(h.x+h.y+h.z,i))}function V(t,i,s){if(s.length===0){throw new Error("Unable to compute input position. At least one shape point must be provided.")}const n=c.pad(i,5);const o=s.map((i=>t.transformNdcPointToViewport(i)));const e=c.topLeft(n);const l=h.add(e,h.create(n.width,0));const r=c.bottomRight(n);const a=h.subtract(r,h.create(n.width,0));const d=h.scale(o.reduce(((t,i)=>h.add(t,i)),h.create()),1/o.length,1/o.length);const u=[l,a,r].reduce(((t,i)=>h.distance(d,i)<h.distance(d,t)?i:t),e);switch(u){case e:return{point:u,placement:"top-left"};case l:return{point:u,placement:"top-right"};case a:return{point:u,placement:"bottom-left"};default:return{point:u,placement:"bottom-right"}}}function Y(t,i){return e.multiply(e.multiply(t,i),e.invert(t))}const Z=({ref:i,bounds:s,viewport:n,point:o,placement:h,displayUnit:e},l)=>{const r=G(n,s!==null&&s!==void 0?s:f.create(0,0),o,h);return t("div",{ref:i,class:"widget-input wrapper",style:Object.assign(Object.assign({},r),{height:(s===null||s===void 0?void 0:s.height)!=null?`${s.height}px`:undefined})},l,t("div",{class:"widget-input units"},e.unit.abbreviatedName))};const q=({ref:i,identifier:s,disabled:n,onChange:o,onIncrement:h,onDecrement:e,onBlur:l,onUndo:r})=>{const a=t=>{if(t.target!=null){const i=parseFloat(t.target.value);if(!isNaN(i)){o===null||o===void 0?void 0:o(parseFloat(t.target.value))}}};const d=t=>{const i=t.ctrlKey||t.metaKey;if(t.key==="ArrowUp"){h===null||h===void 0?void 0:h()}else if(t.key==="ArrowDown"){e===null||e===void 0?void 0:e()}else if(t.key==="z"&&i&&r){t.preventDefault();r()}};return t("input",{ref:i,disabled:n,class:`widget-input ${s}`,type:"text",onChange:a,onKeyDown:d,onBlur:l})};function K(t,i){return Math.min(t,Math.max(0,i))}function G(t,i,s,n,o=5){const{width:h,height:e}=t.dimensions;const l=i.width+o;const r=i.height+o;function a(t){return`${t}px`}switch(n){case"top-left":return{right:a(K(h-l,h-s.x)),bottom:a(K(e-r,e-s.y))};case"top-right":return{left:a(K(h-l,s.x)),bottom:a(K(e-r,e-s.y))};case"bottom-left":return{right:a(K(h-l,h-s.x)),top:a(K(e-r,s.y))};case"bottom-right":default:return{left:a(K(h-l,s.x)),top:a(K(e-r,s.y))}}}function Q(t,i,s=3){return it(t,i,l.back(),l.up(),s)}function W(t,i,s=3){return it(t,i,l.right(),l.back(),s)}function tt(t,i,s=3){return it(t,i,l.right(),l.up(),s)}function it(t,i,s,n,o){const h=l.transformMatrix(l.add(s,n),e.makeRotation(d.fromMatrixRotation(t)));const a=l.transformMatrix(s,e.makeRotation(d.fromMatrixRotation(t)));const v=l.transformMatrix(n,e.makeRotation(d.fromMatrixRotation(t)));const c=l.fromMatrixPosition(t);const f=l.add(c,l.scale(o*10,h));const w=r.create({origin:f,direction:a});const p=r.create({origin:f,direction:v});const g=l.cross(a,v);const m=l.rotateAboutAxis(u.toRadians(45),r.at(p,-o),g,f);const b=l.rotateAboutAxis(u.toRadians(45),r.at(w,o),g,f);const x=l.rotateAboutAxis(u.toRadians(45),r.at(p,o),g,f);const y=l.rotateAboutAxis(u.toRadians(45),r.at(w,-o),g,f);return new C(l.dot(a,i.direction)!==-1&&l.dot(v,i.direction)!==-1,m,y,b,x,l.transformMatrix(m,i.projectionViewMatrix),l.transformMatrix(y,i.projectionViewMatrix),l.transformMatrix(b,i.projectionViewMatrix),l.transformMatrix(x,i.projectionViewMatrix))}function st(t,i,s,n){if(t instanceof D){return nt(t,i,s,n)}return false}function nt(t,i,s,n){return ot([t.points.worldLeft,t.points.worldRight,t.points.worldTip],i,s,n)||ot([t.points.worldLeft,t.points.worldRight,t.points.worldBase],i,s,n)}function ot(t,i,s,n){var o;if(t.length===3){const h=s.transformPointToRay(n,i.image,i.scene.camera);const e=l.subtract(t[1],t[0]);const r=l.subtract(t[2],t[0]);const a=w.epsilon((o=w.fromVectors([h.direction,h.origin,e,r]))!==null&&o!==void 0?o:w.create(e,r));const d=l.cross(h.direction,r);const u=l.dot(e,d);if(!(Math.abs(u)>=a)){return false}const v=l.subtract(h.origin,t[0]);const c=l.dot(v,d)/u;if(c<0||c>1){return false}const f=l.cross(v,e);const p=l.dot(h.direction,f)/u;if(p<0||c+p>1){return false}const g=l.dot(r,f)/u;return!isNaN(g)&&(g>0||i.scene.camera.isOrthographic())}return false}class ht extends R{constructor(t,i={},s={}){var n,o,h,e,l,r;super(t);this.disabledAxis={xTranslation:false,yTranslation:false,zTranslation:false,xRotation:false,yRotation:false,zRotation:false};this.axisLines=[];this.rotationLines=[];this.translationMeshes=[];this.rotationMeshes=[];this.hoveredChanged=new z;this.xArrowFillColor=i.xArrow;this.yArrowFillColor=i.yArrow;this.zArrowFillColor=i.zArrow;this.hoveredArrowFillColor=i.hovered;this.outlineColor=i.outline;this.disabledAxis.xTranslation=(n=s.xTranslation)!==null&&n!==void 0?n:false;this.disabledAxis.yTranslation=(o=s.yTranslation)!==null&&o!==void 0?o:false;this.disabledAxis.zTranslation=(h=s.zTranslation)!==null&&h!==void 0?h:false;this.disabledAxis.xRotation=(e=s.xRotation)!==null&&e!==void 0?e:false;this.disabledAxis.yRotation=(l=s.yRotation)!==null&&l!==void 0?l:false;this.disabledAxis.zRotation=(r=s.zRotation)!==null&&r!==void 0?r:false}dispose(){var t;(t=this.reglFrameDisposable)===null||t===void 0?void 0:t.cancel()}getDrawableElements(){return this.drawableElements}getFullBounds(){return this.fullBounds}boundsContainsPoint(t){return this.interactiveBounds!=null&&this.frame!=null&&c.containsPoints(this.interactiveBounds,t)}updateDisabledAxis(t){this.disabledAxis=Object.assign(Object.assign({},this.disabledAxis),t);this.updateDisabledOnDrawables()}updateCursor(t){this.cursor=t;if(t!=null&&this.frame!=null){this.updateHovered()}else{this.clearHovered()}}updateTransform(t){var i;this.transform=t;if(t!=null&&this.frame!=null){this.updateAndDraw()}else{this.clear();(i=this.reglFrameDisposable)===null||i===void 0?void 0:i.cancel();this.reglFrameDisposable=undefined}}updateColors(t={}){var i,s,n,o,h,e,l,r,a,d,u,v;this.xArrowFillColor=(i=t.xArrow)!==null&&i!==void 0?i:this.xArrowFillColor;this.yArrowFillColor=(s=t.yArrow)!==null&&s!==void 0?s:this.yArrowFillColor;this.zArrowFillColor=(n=t.zArrow)!==null&&n!==void 0?n:this.zArrowFillColor;this.hoveredArrowFillColor=(o=t.hovered)!==null&&o!==void 0?o:this.hoveredArrowFillColor;this.outlineColor=(h=t.outline)!==null&&h!==void 0?h:this.outlineColor;(e=this.xArrow)===null||e===void 0?void 0:e.updateFillColor(this.getXTranslationColor(),true);(l=this.yArrow)===null||l===void 0?void 0:l.updateFillColor(this.getYTranslationColor(),true);(r=this.zArrow)===null||r===void 0?void 0:r.updateFillColor(this.getZTranslationColor(),true);(a=this.xRotation)===null||a===void 0?void 0:a.updateFillColor(this.getXRotationColor(),true);(d=this.yRotation)===null||d===void 0?void 0:d.updateFillColor(this.getYRotationColor(),true);(u=this.zRotation)===null||u===void 0?void 0:u.updateFillColor(this.getZRotationColor(),true);(v=this.hoveredElement)===null||v===void 0?void 0:v.updateFillColor(this.hoveredArrowFillColor)}onHoveredChanged(t){return this.hoveredChanged.on(t)}updateDisabledOnDrawables(){var t,i,s,n,o,h,e,l,r,a,d,u;(t=this.xRotation)===null||t===void 0?void 0:t.setDisabled(this.disabledAxis.xRotation);(i=this.xyRotationLine)===null||i===void 0?void 0:i.setDisabled(this.disabledAxis.xRotation);(s=this.xzRotationLine)===null||s===void 0?void 0:s.setDisabled(this.disabledAxis.xRotation);(n=this.yRotation)===null||n===void 0?void 0:n.setDisabled(this.disabledAxis.yRotation);(o=this.yzRotationLine)===null||o===void 0?void 0:o.setDisabled(this.disabledAxis.yRotation);(h=this.yxRotationLine)===null||h===void 0?void 0:h.setDisabled(this.disabledAxis.yRotation);(e=this.zRotation)===null||e===void 0?void 0:e.setDisabled(this.disabledAxis.zRotation);(l=this.zxRotationLine)===null||l===void 0?void 0:l.setDisabled(this.disabledAxis.zRotation);(r=this.zyRotationLine)===null||r===void 0?void 0:r.setDisabled(this.disabledAxis.zRotation);(a=this.xArrow)===null||a===void 0?void 0:a.setDisabled(this.disabledAxis.xTranslation);(d=this.yArrow)===null||d===void 0?void 0:d.setDisabled(this.disabledAxis.yTranslation);(u=this.zArrow)===null||u===void 0?void 0:u.setDisabled(this.disabledAxis.zTranslation);this.updateColors()}updateHovered(){var t;const i=this.hoveredElement;const s=this.frame;if(s!=null){this.hoveredElement=[...this.translationMeshes,...this.rotationMeshes].filter((t=>t.points.valid&&!t.isDisabled())).find((t=>this.cursor!=null?st(t,s,this.viewport,this.cursor):false));if(this.hoveredElement!==i){this.hoveredChanged.emit(this.hoveredElement);(t=this.hoveredElement)===null||t===void 0?void 0:t.updateFillColor(this.hoveredArrowFillColor);i===null||i===void 0?void 0:i.updateFillColor(i===null||i===void 0?void 0:i.initialFillColor)}}}clearHovered(){const t=this.hoveredElement;this.hoveredElement=undefined;if(this.hoveredElement!==t){this.hoveredChanged.emit(this.hoveredElement);t.updateFillColor(t.initialFillColor)}}hasData(){return this.transform!=null}createOrUpdateElements(){if(this.transform!=null&&this.frame!=null){if(this.xArrow==null||this.yArrow==null||this.zArrow==null){this.createElements(this.transform,this.frame)}else{this.updateElements(this.transform,this.frame)}this.interactiveBounds=T(this.viewport,...this.rotationMeshes,...this.translationMeshes);this.fullBounds=T(this.viewport,...this.rotationMeshes,...this.translationMeshes,...this.axisLines)}}createElements(t,i){this.reglCommand=j({canvas:this.canvasElement,extensions:"angle_instanced_arrays"});const{createShape:s}=A(this.reglCommand);const n=this.computeTriangleSize(l.fromMatrixPosition(t),i);this.xArrow=new D(s,"x-translate",O(t,i.scene.camera,n),this.outlineColor,this.getXTranslationColor());this.xRotation=new D(s,"x-rotate",Q(t,i.scene.camera,n),this.outlineColor,this.getXRotationColor());this.xAxis=new P(s,"x-axis",E(t,i.scene.camera,this.xArrow),this.outlineColor,this.getXTranslationColor());this.yArrow=new D(s,"y-translate",U(t,i.scene.camera,n),this.outlineColor,this.getYTranslationColor());this.yRotation=new D(s,"y-rotate",W(t,i.scene.camera,n),this.outlineColor,this.getYRotationColor());this.yAxis=new P(s,"y-axis",E(t,i.scene.camera,this.yArrow),this.outlineColor,this.getYTranslationColor());this.zArrow=new D(s,"z-translate",F(t,i.scene.camera,n),this.outlineColor,this.getZTranslationColor());this.zAxis=new P(s,"z-axis",E(t,i.scene.camera,this.zArrow),this.outlineColor,this.getZTranslationColor());this.zRotation=new D(s,"z-rotate",tt(t,i.scene.camera,n),this.outlineColor,this.getZRotationColor());this.createRotationLines(s,t,i);this.axisLines=[this.xAxis,this.yAxis,this.zAxis];this.translationMeshes=[this.xArrow,this.yArrow,this.zArrow];this.rotationMeshes=[this.xRotation,this.yRotation,this.zRotation];this.updateDisabledOnDrawables();this.availableElements=[...this.axisLines,...this.rotationLines,...this.translationMeshes,...this.rotationMeshes]}getXRotationColor(){return this.xArrowFillColor}getYRotationColor(){return this.yArrowFillColor}getZRotationColor(){return this.zArrowFillColor}getXTranslationColor(){return this.xArrowFillColor}getYTranslationColor(){return this.yArrowFillColor}getZTranslationColor(){return this.zArrowFillColor}createRotationLines(t,i,s){var n,o,h,e,r,a;const d=this.computeTriangleSize(l.fromMatrixPosition(i),s);const u=N(s.scene.camera,this.xRotation,(n=this.yArrow)===null||n===void 0?void 0:n.points.worldTip,d);const v=N(s.scene.camera,this.xRotation,(o=this.zArrow)===null||o===void 0?void 0:o.points.worldTip,d);const c=N(s.scene.camera,this.yRotation,(h=this.xArrow)===null||h===void 0?void 0:h.points.worldTip,d);const f=N(s.scene.camera,this.yRotation,(e=this.zArrow)===null||e===void 0?void 0:e.points.worldTip,d);const w=N(s.scene.camera,this.zRotation,(r=this.xArrow)===null||r===void 0?void 0:r.points.worldTip,d);const p=N(s.scene.camera,this.zRotation,(a=this.yArrow)===null||a===void 0?void 0:a.points.worldTip,d);if(u!=null){this.xyRotationLine=new $(t,"xy-rotation-line",u,this.outlineColor)}if(v!=null){this.xzRotationLine=new $(t,"xz-rotation-line",v,this.outlineColor)}if(c!=null){this.yxRotationLine=new $(t,"yx-rotation-line",c,this.outlineColor)}if(f!=null){this.yzRotationLine=new $(t,"yz-rotation-line",f,this.outlineColor)}if(w!=null){this.zxRotationLine=new $(t,"zx-rotation-line",w,this.outlineColor)}if(p!=null){this.zyRotationLine=new $(t,"zy-rotation-line",p,this.outlineColor)}this.rotationLines=[this.xyRotationLine,this.xzRotationLine,this.yxRotationLine,this.yzRotationLine,this.zxRotationLine,this.zyRotationLine].filter((t=>t!=null))}updateElements(t,i){var s,n,o,h,e,r,a,d,u,v,c,f,w,p,g,m,b,x;const y=this.computeTriangleSize(l.fromMatrixPosition(t),i);if(this.xArrow!=null){this.xArrow.updatePoints(O(t,i.scene.camera,y));(s=this.xAxis)===null||s===void 0?void 0:s.updatePoints(E(t,i.scene.camera,this.xArrow))}(n=this.xRotation)===null||n===void 0?void 0:n.updatePoints(Q(t,i.scene.camera,y));if(this.yArrow!=null){this.yArrow.updatePoints(U(t,i.scene.camera,y));(o=this.yAxis)===null||o===void 0?void 0:o.updatePoints(E(t,i.scene.camera,this.yArrow))}(h=this.yRotation)===null||h===void 0?void 0:h.updatePoints(W(t,i.scene.camera,y));if(this.zArrow!=null){this.zArrow.updatePoints(F(t,i.scene.camera,y));(e=this.zAxis)===null||e===void 0?void 0:e.updatePoints(E(t,i.scene.camera,this.zArrow))}(r=this.zRotation)===null||r===void 0?void 0:r.updatePoints(tt(t,i.scene.camera,y));(a=this.xyRotationLine)===null||a===void 0?void 0:a.updatePoints(N(i.scene.camera,this.xRotation,(d=this.yArrow)===null||d===void 0?void 0:d.points.worldTip,y));(u=this.xzRotationLine)===null||u===void 0?void 0:u.updatePoints(N(i.scene.camera,this.xRotation,(v=this.zArrow)===null||v===void 0?void 0:v.points.worldTip,y));(c=this.yxRotationLine)===null||c===void 0?void 0:c.updatePoints(N(i.scene.camera,this.yRotation,(f=this.xArrow)===null||f===void 0?void 0:f.points.worldTip,y));(w=this.yzRotationLine)===null||w===void 0?void 0:w.updatePoints(N(i.scene.camera,this.yRotation,(p=this.zArrow)===null||p===void 0?void 0:p.points.worldTip,y));(g=this.zxRotationLine)===null||g===void 0?void 0:g.updatePoints(N(i.scene.camera,this.zRotation,(m=this.xArrow)===null||m===void 0?void 0:m.points.worldTip,y));(b=this.zyRotationLine)===null||b===void 0?void 0:b.updatePoints(N(i.scene.camera,this.zRotation,(x=this.yArrow)===null||x===void 0?void 0:x.points.worldTip,y))}}const et=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-transform-widget-x-axis-arrow-color:var(--x-axis-color);--viewer-transform-widget-y-axis-arrow-color:var(--y-axis-color);--viewer-transform-widget-z-axis-arrow-color:var(--z-axis-color);--viewer-transform-widget-hovered-arrow-color:#ffff00;--viewer-transform-widget-input-width:8em}.widget{position:absolute;top:0;left:0}.widget.hovered{pointer-events:auto}.widget-input.wrapper{position:absolute;pointer-events:auto;display:flex;align-items:center;border:1px solid #444444;border-radius:4px;width:var(--viewer-transform-widget-input-width);text-align:center;background-color:white;box-sizing:border-box}.widget-input.units{position:relative;width:25%;height:100%;padding:0 0.25rem;font-size:0.8125rem;color:#444444}input.widget-input{position:relative;text-align:center;box-sizing:border-box;width:75%;height:100%;outline:none;border-width:0 1px 0 0;border-color:#444444;border-radius:2px 0 0 2px;font-size:0.875rem;color:#444444}input.widget-input.x-translate,input.widget-input.x-rotate{border-left:5px solid var(--viewer-transform-widget-x-axis-arrow-color)}input.widget-input.y-translate,input.widget-input.y-rotate{border-left:5px solid var(--viewer-transform-widget-y-axis-arrow-color)}input.widget-input.z-translate,input.widget-input.z-rotate{border-left:5px solid var(--viewer-transform-widget-z-axis-arrow-color)}input.widget-input:disabled{color:#888888}input.widget-input:focus{outline:none}";const lt=class{constructor(t){i(this,t);this.positionChanged=s(this,"positionChanged",7);this.rotationChanged=s(this,"rotationChanged",7);this.interactionEnded=s(this,"interactionEnded",7);this.interactionStarted=s(this,"interactionStarted",7);this.xRotationDisabled=false;this.yRotationDisabled=false;this.zRotationDisabled=false;this.xTranslationDisabled=false;this.yTranslationDisabled=false;this.zTranslationDisabled=false;this.showInputs=true;this.distanceUnit="millimeters";this.angleUnit="degrees";this.decimalPlaces=1;this.EXPERIMENTAL_undoKeybindings=false;this.inputValue=0;this.isEndingTransform=false;this.inputShouldFocus=false;this.xArrowColor="#ea3324";this.yArrowColor="#4faf32";this.zArrowColor="#0000ff";this.hoveredColor="#ffff00";this.lastAngle=0;this.handleHoveredDrawableChanged=t=>{this.hovered=t};this.handleViewerFrameDrawn=()=>{this.updatePropsFromViewer()};this.handleViewerDimensionsChange=()=>{g((()=>{if(this.viewer!=null&&this.canvasRef!=null){this.canvasRef.width=this.viewer.viewport.width;this.canvasRef.height=this.viewer.viewport.height;this.updateCanvasBounds(this.canvasRef)}}))};this.handleResize=()=>{if(this.canvasRef!=null){this.updateCanvasBounds(this.canvasRef)}};this.handleInputResize=()=>{if(this.inputWrapperRef!=null){const t=this.inputWrapperRef;m((()=>{this.inputBounds=t.getBoundingClientRect()}))}};this.handleStyleChange=()=>{m((()=>{const t=window.getComputedStyle(this.hostEl);this.xArrowColor=t.getPropertyValue("--viewer-transform-widget-x-axis-arrow-color").trim();this.yArrowColor=t.getPropertyValue("--viewer-transform-widget-y-axis-arrow-color").trim();this.zArrowColor=t.getPropertyValue("--viewer-transform-widget-z-axis-arrow-color").trim();this.hoveredColor=t.getPropertyValue("--viewer-transform-widget-hovered-arrow-color").trim();this.getTransformWidget().updateColors({xArrow:this.xArrowColor,yArrow:this.yArrowColor,zArrow:this.zArrowColor,hovered:this.hoveredColor})}))};this.handlePointerMove=t=>{if(this.dragging==null){const i=S(h.create(t.clientX,t.clientY),this.getCanvasBounds());const s=this.getTransformWidget();if(i!=null&&s.boundsContainsPoint(i)){s.updateCursor(i)}else{s.updateCursor(undefined);this.hovered=undefined}}};this.handleBeginDrag=async t=>{var i,s,n;const o=this.getCanvasBounds();if(this.hovered!=null&&o!=null&&this.viewer!=null&&this.position!=null&&this.viewer.frame!=null){this.dragging=this.hovered;if(this.dragging.identifier!==((i=this.lastDragged)===null||i===void 0?void 0:i.identifier)){this.inputValue=0;this.dragStartTransform=this.currentTransform;this.updateInputPosition();this.updateInputValue()}this.lastDragged=undefined;const e=S(h.create(t.clientX,t.clientY),o);const l=this.viewer.viewport.transformWorldToViewport(this.position,this.viewer.frame.scene.camera.projectionViewMatrix);this.lastAngle=e!=null?u.fromPoints(l,e):0;this.lastWorldPosition=_(e,(s=this.viewer)===null||s===void 0?void 0:s.frame,(n=this.viewer)===null||n===void 0?void 0:n.viewport,this.currentTransform);this.interactionStarted.emit();window.removeEventListener("pointermove",this.handlePointerMove);window.addEventListener("pointermove",this.handleDrag);window.addEventListener("pointerup",this.handleEndTransform)}};this.handleDrag=async t=>{var i,s,n;t.preventDefault();const o=this.getCanvasBounds();if(this.dragging!=null&&this.lastWorldPosition!=null&&o!=null&&this.viewer!=null&&this.viewer.frame!=null&&this.position!=null){await((i=this.controller)===null||i===void 0?void 0:i.beginTransform());const e=S(h.create(t.clientX,t.clientY),o);const l=this.viewer.viewport.transformWorldToViewport(this.position,this.viewer.frame.scene.camera.projectionViewMatrix);const r=_(e,(s=this.viewer)===null||s===void 0?void 0:s.frame,(n=this.viewer)===null||n===void 0?void 0:n.viewport,this.currentTransform);if(r!=null&&e!=null&&l!=null){const t=u.fromPoints(l,e);this.transform(this.lastWorldPosition,r,t-this.lastAngle);this.updateInputPosition();this.updateInputValue();this.lastWorldPosition=r;this.lastAngle=t}}};this.handleEndTransform=async t=>{var i,s;const n=S(h.create(t.clientX,t.clientY),this.getCanvasBounds());const o=this.getTransformWidget();this.lastDragged=this.dragging;this.dragging=undefined;this.lastWorldPosition=undefined;this.lastAngle=0;this.updateInputPosition();this.updateInputValue();o.updateCursor(n);o.updateTransform(this.currentTransform);this.beginEndTransform();window.removeEventListener("pointermove",this.handleDrag);window.removeEventListener("pointerup",this.handleEndTransform);try{const t=(i=this.controller)===null||i===void 0?void 0:i.getCurrentDelta();await((s=this.controller)===null||s===void 0?void 0:s.endTransform());this.interactionEnded.emit(t)}catch(t){console.error("Failed to end transform interaction",t)}window.addEventListener("pointermove",this.handlePointerMove);this.completeEndTransform()};this.handleInputStep=t=>{if(this.inputValue!=null&&this.lastInputValue!=null){if(this.isModifyingAngleUnits()){const i=new y(this.angleUnit);const s=i.convertFrom(this.lastInputValue);const n=u.normalizeRadians(s+u.toRadians(t));this.inputValue=i.convertTo(n)}else{this.inputValue=this.lastInputValue+t}this.updateTransformFromInput(this.inputValue)}};this.handleInputChange=t=>{this.updateTransformFromInput(t)};this.updateTransformFromInput=async t=>{var i,s,n;if(this.lastDragged!=null&&this.currentTransform!=null&&this.startingTransform!=null&&this.lastInputValue!=null){this.transformCurrent(J(this.currentTransform,this.lastDragged.identifier,t,this.lastInputValue,this.distanceUnit,this.angleUnit));this.updateInputValue();this.lastInputValue=t;await((i=this.controller)===null||i===void 0?void 0:i.beginTransform());this.getTransformWidget().updateTransform(this.currentTransform);await((s=this.controller)===null||s===void 0?void 0:s.updateTransform(e.multiply(this.currentTransform,e.invert(this.startingTransform))));this.updateInputPosition();await((n=this.controller)===null||n===void 0?void 0:n.endTransformDebounced(this.beginEndTransform,this.completeEndTransform))}};this.updatePropsFromViewer=()=>{const{frame:t}=this.viewer||{};if(t!=null){const i=this.getTransformWidget();i.updateFrame(t,this.dragging==null);this.updateInputPosition()}};this.setupTransformWidget=t=>{var i,s;console.debug(`Initializing transform widget. [initial-position=${JSON.stringify(this.position)}, has-initial-frame=${((i=this.viewer)===null||i===void 0?void 0:i.frame)!=null}]`);this.widget=new ht(t,{xArrow:this.xArrowColor,yArrow:this.yArrowColor,zArrow:this.zArrowColor,hovered:this.hoveredColor});if(this.rotation!=null){this.currentTransform=this.getTransformForNewRotation(this.rotation);this.startingTransform=this.currentTransform;this.widget.updateTransform(this.currentTransform)}if(this.position!=null){this.currentTransform=this.getTransformForNewPosition(this.position);this.startingTransform=this.currentTransform;this.widget.updateTransform(this.currentTransform)}if(((s=this.viewer)===null||s===void 0?void 0:s.frame)!=null){this.widget.updateFrame(this.viewer.frame,true)}this.handleSettingDisabledAxis();this.hoveredChangeDisposable=this.widget.onHoveredChanged(this.handleHoveredDrawableChanged);return this.widget};this.updateCanvasBounds=t=>{m((()=>{this.canvasBounds=t.getBoundingClientRect();this.getTransformWidget().updateDimensions(t)}))};this.updateInputValue=()=>{var t,i,s;const n=(t=this.dragging)!==null&&t!==void 0?t:this.lastDragged;if(n!=null&&this.currentTransform!=null&&this.dragStartTransform!=null){this.lastInputValue=this.inputValue;this.inputValue=B(n.identifier,this.currentTransform,this.dragStartTransform,this.distanceUnit,this.angleUnit);if(this.inputRef!=null){const t=(s=(i=this.getDisplayedDistance())!==null&&i!==void 0?i:this.getDisplayedAngle())!==null&&s!==void 0?s:0;const n=`${parseFloat(t.toFixed(this.decimalPlaces))}`;this.inputRef.value=n}}};this.transformCurrent=t=>{this.currentTransform=this.currentTransform!=null?e.multiply(t,this.currentTransform):t};this.updateInputPosition=()=>{var t,i;const s=(t=this.dragging)!==null&&t!==void 0?t:this.lastDragged;if(this.showInputs&&((i=this.viewer)===null||i===void 0?void 0:i.frame)!=null&&this.position!=null&&s!=null){const t=this.getTransformWidget();const i=t.getFullBounds();this.inputPosition=i!=null?V(this.viewer.viewport,i,s.points.toArray()):undefined}};this.beginEndTransform=()=>{const t=this.getTransformWidget();t.updateDisabledAxis({xRotation:true,yRotation:true,zRotation:true,xTranslation:true,yTranslation:true,zTranslation:true});this.isEndingTransform=true};this.completeEndTransform=()=>{const t=this.getTransformWidget();t.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled});this.isEndingTransform=false;this.inputShouldFocus=true;if(this.currentTransform!=null){this.position=l.fromMatrixPosition(this.currentTransform);this.rotation=v.fromRotationMatrix(this.currentTransform)}};this.isModifyingAngleUnits=()=>{var t,i,s;const n=(i=(t=this.dragging)===null||t===void 0?void 0:t.identifier)!==null&&i!==void 0?i:(s=this.lastDragged)===null||s===void 0?void 0:s.identifier;return!!(n===null||n===void 0?void 0:n.includes("rotate"))};this.getDisplayedUnits=()=>{if(this.isModifyingAngleUnits()){return new y(this.angleUnit)}return new x(this.distanceUnit)};this.getDisplayedAngle=()=>{if(this.isModifyingAngleUnits()){return this.inputValue}};this.getDisplayedDistance=()=>{var t,i,s;const n=(i=(t=this.dragging)===null||t===void 0?void 0:t.identifier)!==null&&i!==void 0?i:(s=this.lastDragged)===null||s===void 0?void 0:s.identifier;if(n===null||n===void 0?void 0:n.includes("translate")){return this.inputValue}};this.getTransformForNewPosition=t=>{if(t!=null){const i=this.currentTransform!=null?this.currentTransform:e.makeIdentity();const s=e.makeRotation(d.fromMatrixRotation(i));const n=e.makeTranslation(t);return e.multiply(n,s)}};this.getTransformForNewRotation=t=>{const i=this.currentTransform!=null?this.currentTransform:e.makeIdentity();const s=e.invert(e.makeRotation(d.fromMatrixRotation(i)));const n=e.makeRotation(d.fromEuler(t));const o=e.multiply(i,s);return e.multiply(o,n)};this.getCanvasBounds=()=>{if(this.canvasBounds!=null){return this.canvasBounds}else if(this.canvasRef!=null){this.updateCanvasBounds(this.canvasRef);return this.canvasBounds}};this.getTransformWidget=()=>{if(this.widget==null&&this.canvasRef!=null){return this.setupTransformWidget(this.canvasRef)}else if(this.widget!=null){return this.widget}else{throw new Error("Transform widget was not initialized. The canvas element may not have been initialized.")}}}componentDidLoad(){window.addEventListener("pointermove",this.handlePointerMove);this.canvasResizeObserver=new ResizeObserver(this.handleResize);this.inputResizeObserver=new ResizeObserver(this.handleInputResize);this.hostStyleObserver=new MutationObserver(this.handleStyleChange);if(this.canvasRef!=null){this.canvasResizeObserver.observe(this.canvasRef);this.setupTransformWidget(this.canvasRef)}this.hostStyleObserver.observe(this.hostEl,{attributes:true,attributeFilter:["style"]});this.handleViewerChanged(this.viewer,undefined);this.handleStyleChange()}disconnectedCallback(){var t,i,s,n,o;window.removeEventListener("pointermove",this.handlePointerMove);(t=this.canvasResizeObserver)===null||t===void 0?void 0:t.disconnect();(i=this.inputResizeObserver)===null||i===void 0?void 0:i.disconnect();(s=this.hostStyleObserver)===null||s===void 0?void 0:s.disconnect();(n=this.hoveredChangeDisposable)===null||n===void 0?void 0:n.dispose();(o=this.widget)===null||o===void 0?void 0:o.dispose()}componentDidRender(){if(this.inputShouldFocus&&this.inputRef!=null){I(this.inputRef);this.inputShouldFocus=false}}async EXPERIMENTAL_undo(){var t,i;const s=await((t=this.controller)===null||t===void 0?void 0:t.EXPERIMENTAL_undoTransform());if(this.currentTransform!=null&&s!=null){this.currentTransform=e.multiply(s,this.currentTransform);(i=this.widget)===null||i===void 0?void 0:i.updateTransform(this.currentTransform);this.updateInputPosition();this.updateInputValue();this.lastInputValue=this.inputValue;this.position=l.fromMatrixPosition(this.currentTransform);this.rotation=v.fromRotationMatrix(this.currentTransform)}}handleViewerChanged(t,i){var s;i===null||i===void 0?void 0:i.removeEventListener("frameDrawn",this.handleViewerFrameDrawn);i===null||i===void 0?void 0:i.removeEventListener("dimensionschange",this.handleViewerDimensionsChange);t===null||t===void 0?void 0:t.addEventListener("frameDrawn",this.handleViewerFrameDrawn);t===null||t===void 0?void 0:t.addEventListener("dimensionschange",this.handleViewerDimensionsChange);if((t===null||t===void 0?void 0:t.stream)!=null){(s=this.controller)===null||s===void 0?void 0:s.dispose();this.controller=new b(t.stream)}}handleDisabledPropertyChanged(){var t;(t=this.widget)===null||t===void 0?void 0:t.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled})}handleRotationChanged(t,i){var s;const n=t!==null&&t!==void 0?t:v.create();this.currentTransform=this.getTransformForNewRotation(n);this.startingTransform=this.currentTransform;if(t==null&&this.currentTransform!=null&&e.isIdentity(this.currentTransform)){this.currentTransform=undefined;this.startingTransform=this.currentTransform}(s=this.widget)===null||s===void 0?void 0:s.updateTransform(this.currentTransform);console.debug(`Updating widget rotation [previous=${JSON.stringify(i)}, current=${JSON.stringify(t)}]`);this.rotationChanged.emit(t)}handlePositionChanged(t,i){var s,n;this.currentTransform=this.getTransformForNewPosition(t);this.startingTransform=this.currentTransform;console.debug(`Updating widget position [previous=${JSON.stringify(i)}, current=${JSON.stringify(t)}]`);(s=this.widget)===null||s===void 0?void 0:s.updateTransform(this.currentTransform);if(t==null){this.lastDragged=undefined;this.inputPosition=undefined;(n=this.controller)===null||n===void 0?void 0:n.clearTransform()}this.positionChanged.emit(t)}handleInputFormattingChanged(){this.updateInputValue();this.lastInputValue=this.inputValue}render(){var i,s,o,h,e,l;return t(n,null,t("canvas",{ref:t=>{this.canvasRef=t},class:p("widget",{hovered:this.hovered!=null}),width:(i=this.viewer)===null||i===void 0?void 0:i.viewport.width,height:(s=this.viewer)===null||s===void 0?void 0:s.viewport.height,onPointerDown:this.handleBeginDrag}),this.showInputs&&this.inputPosition&&((o=this.viewer)===null||o===void 0?void 0:o.viewport)&&t(Z,{ref:t=>{var i,s;if(t!=null){(i=this.inputResizeObserver)===null||i===void 0?void 0:i.observe(t)}else if(this.inputRef!=null){(s=this.inputResizeObserver)===null||s===void 0?void 0:s.unobserve(this.inputRef)}this.inputWrapperRef=t},bounds:this.inputBounds,viewport:this.viewer.viewport,point:this.inputPosition.point,placement:this.inputPosition.placement,displayUnit:this.getDisplayedUnits()},t(q,{ref:t=>{this.inputRef=t},identifier:(e=(h=this.dragging)===null||h===void 0?void 0:h.identifier)!==null&&e!==void 0?e:(l=this.lastDragged)===null||l===void 0?void 0:l.identifier,disabled:this.isEndingTransform,onChange:this.handleInputChange,onIncrement:()=>this.handleInputStep(1),onDecrement:()=>this.handleInputStep(-1),onBlur:()=>{this.inputShouldFocus=false},onUndo:this.EXPERIMENTAL_undoKeybindings?()=>this.EXPERIMENTAL_undo():undefined})))}transform(t,i,s){var n,o;if(this.position!=null&&this.startingTransform!=null&&this.currentTransform!=null&&this.dragging!=null&&this.viewer!=null&&this.viewer.frame!=null){this.transformCurrent(H(this.currentTransform,t,i,(n=this.viewer)===null||n===void 0?void 0:n.frame.scene.camera.viewVector,s,this.dragging.identifier));this.getTransformWidget().updateTransform(this.currentTransform);(o=this.controller)===null||o===void 0?void 0:o.updateTransform(e.multiply(this.currentTransform,e.invert(this.startingTransform)))}}handleSettingDisabledAxis(){if(this.widget){this.widget.updateDisabledAxis({xRotation:this.xRotationDisabled,yRotation:this.yRotationDisabled,zRotation:this.zRotationDisabled,xTranslation:this.xTranslationDisabled,yTranslation:this.yTranslationDisabled,zTranslation:this.zTranslationDisabled})}else{console.warn("Cannot set disabled values - no widget defined")}}get hostEl(){return o(this)}static get watchers(){return{viewer:["handleViewerChanged"],xTranslationDisabled:["handleDisabledPropertyChanged"],yTranslationDisabled:["handleDisabledPropertyChanged"],zTranslationDisabled:["handleDisabledPropertyChanged"],xRotationDisabled:["handleDisabledPropertyChanged"],yRotationDisabled:["handleDisabledPropertyChanged"],zRotationDisabled:["handleDisabledPropertyChanged"],rotation:["handleRotationChanged"],position:["handlePositionChanged"],distanceUnit:["handleInputFormattingChanged"],angleUnit:["handleInputFormattingChanged"],decimalPlaces:["handleInputFormattingChanged"]}}};lt.style=et;export{lt as vertex_viewer_transform_widget};
+//# sourceMappingURL=p-9c4fc8bd.entry.js.map

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

@@ -0,0 +1,5 @@
+/*!
+ * Copyright (c) 2025 Vertex Software LLC. All rights reserved.
+ */
+import{r as t,c as i,h as s,H as n,g as e}from"./p-6685b50e.js";import{p as o,v as r,c as h,g as a,r as c,b as l,y as u,d}from"./p-021bcb25.js";import{S as f}from"./p-d456a65b.js";import{t as p,p as m,a as w,S as v,c as g,W as y}from"./p-28dfd6fb.js";import{m as b,E as C,b as P,c as I,o as T,u as S,a as A}from"./p-da65b274.js";import{c as D}from"./p-9d9c943e.js";import{u as j,c as k,p as x,C as M,W as E,S as O,V as R,d as B,e as z}from"./p-243cc2b6.js";import{s as L,p as $,f as K}from"./p-b53cd80d.js";import{r as F,c as H,a as N}from"./p-b9d95f63.js";import{o as V,p as W,q as _,l as q,r as U,s as J,j as X,u as G,t as Z,x as Q,m as Y,y as tt,z as it,B as st,C as nt,E as et,G as ot,H as rt,I as ht,J as at,K as ct,M as lt,N as ut,P as dt,Q as ft,R as pt,T as mt}from"./p-fdfb1d5a.js";import{t as wt,m as vt,n as gt,j as yt,M as bt,k as Ct,S as Pt}from"./p-dedb6440.js";import{p as It}from"./p-f71c157e.js";import{C as Tt}from"./p-d7952e13.js";import{g as St,c as At}from"./p-3d985864.js";import{E as Dt}from"./p-ab1cef89.js";import{V as jt}from"./p-8c65c44d.js";import{B as kt,M as xt}from"./p-3f05f3e7.js";import{w as Mt}from"./p-b276d65a.js";import"./p-4dab2cc5.js";import"./p-bcce32b5.js";import"./p-eb4743a1.js";import"./p-308fcf7c.js";const Et=0;const Ot=255;class Rt{constructor(t){this.viewer=t;this.handleInteractionStarted=()=>{this.invalidateStencilBuffer();this.pendingInteractionFinished=new Promise((t=>{this.pendingInteractionFinishedResolver=t}))};this.handleInteractionFinished=()=>{var t;(t=this.pendingInteractionFinishedResolver)===null||t===void 0?void 0:t.call(this);this.pendingInteractionFinished=undefined;this.pendingInteractionFinishedResolver=undefined};this.invalidateStencilBuffer=()=>{this.pendingStencilBuffer=undefined};t.addEventListener("interactionStarted",this.handleInteractionStarted);t.addEventListener("interactionFinished",this.handleInteractionFinished);t.addEventListener("frameReceived",(()=>{this.invalidateStencilBuffer()}))}async fetch(){var t;const i=await this.viewer.isSceneReady();const s=i?await this.viewer.scene():undefined;const n=s!=null?s.crossSectioning().current().sectionPlanes.length>0||this.viewer.featureLines!=null:false;const e=(t=this.viewer.frame)===null||t===void 0?void 0:t.scene.camera;if(n&&this.viewer.stream!=null&&e!=null){const t=await this.viewer.stream.getStencilBuffer({includeDepthBuffer:true});const{stencilBuffer:i,depthBuffer:s,imageAttributes:n}=V(t);const[o,r]=await Promise.all([W(new Uint8Array(i)),W(new Uint8Array(s))]);return Bt.fromPng(o,n,i,_.fromPng(r,e,n))}else return undefined}latest(){if(this.pendingStencilBuffer==null){this.pendingStencilBuffer=this.fetch()}return this.pendingStencilBuffer}async latestAfterInteraction(){await this.pendingInteractionFinished;return this.latest()}}class Bt{constructor(t,i,s,n,e){this.imageAttr=t;this.imageBytes=i;this.pixelBytes=s;this.imageChannels=n;this.depthBuffer=e}static fromPng(t,i,s,n){if(!(t.data instanceof Uint8Array)){throw new Error("Expected stencil PNG to have depth of 8-bit")}else if(t.channels!==1){throw new Error("Expected stencil PNG to have 1 color channel")}else{return new Bt(i,s,t.data,t.channels,n)}}getValue(t){const{width:i,height:s}=this.imageAttr.imageRect;const n=o.subtract(t,this.imageAttr.imageRect);const e=1/this.imageAttr.imageScale;const r=o.scale(n,e,e);if(r.x>=0&&r.y>=0&&r.x<i&&r.y<s){const t=Math.floor(r.x)+Math.floor(r.y)*i;const s=this.pixelBytes[t];return s}else return 0}hitTest(t){return this.getValue(t)!==Et}snapToNearestPixel(t,i,s=(()=>true)){const n=i*2;const e=o.create(t.x-i,t.y-i);const r=[];for(let h=0;h<n*n;h++){const a=h%n;const c=Math.floor(h/n);const l=o.add(e,{x:a,y:c});if(o.distance(l,t)<=i){const t=this.getValue(l);if(t===Ot&&s(t)){r.push(l)}}}const h=r.sort(((i,s)=>o.distance(i,t)-o.distance(s,t)));const a=h[0];return a!=null?o.create(Math.floor(a.x)+.5,Math.floor(a.y)+.5):t}}function zt(t){return t!=null&&t["then"]instanceof Function&&t["catch"]instanceof Function&&t["finally"]instanceof Function}function Lt(t){return new Promise((i=>setTimeout(i,t)))}const $t=b.defineMapper(b.compose((t=>t.toObject()),b.read(b.mapRequiredProp("id",q),b.mapRequiredProp("createdAt",U),b.mapRequiredProp("modifiedAt",U),b.mapProp("name",J),b.mapProp("suppliedId",J))),(([t,i,s,n,e])=>({id:t,createdAt:i,modifiedAt:s,name:n,suppliedId:e})));const Kt=b.ifInvalidThrow($t);const Ft=b.defineMapper(b.compose((t=>t.toObject()),b.read(b.mapRequiredProp("id",q),b.mapRequiredProp("createdAt",U),b.mapRequiredProp("modifiedAt",U),b.mapProp("suppliedId",J),b.mapRequiredProp("data",(t=>{if(t.callout!=null){return Nt(t.callout)}else if(t.customJson!=null){return Vt(t.customJson)}else{throw new Error("Undefined or unknown annotation data.")}})))),(([t,i,s,n,e])=>({id:t,createdAt:i,modifiedAt:s,suppliedId:n,data:e})));const Ht=b.ifInvalidThrow(Ft);const Nt=b.defineMapper(b.read(b.mapRequiredProp("position",X),b.mapProp("icon",J),b.mapProp("primaryColor",J),b.mapProp("accentColor",J)),(([t,i,s,n])=>({type:"callout",position:t,icon:i,primaryColor:s,accentColor:n})));const Vt=b.defineMapper(b.read(b.requiredProp("type"),b.mapRequiredProp("jsonData",(t=>JSON.parse(t)))),(([t,i])=>({type:"custom",jsonType:t,jsonData:i})));class Wt{constructor(t,i,s){this.client=t;this.jwtProvider=i;this.deviceIdProvider=s;this.onStateChange=new C}async addAnnotationSet(t){await F((async i=>{const s=this.deviceIdProvider();const n=await H(this.jwtProvider,s);const e=new L.CreateSceneViewAnnotationSetRequest;const o=new j.Uuid;o.setHex(t);e.setSceneAnnotationSetId(o);this.client.createSceneViewAnnotationSet(e,n,i)}));return this.fetch()}disconnect(){if(this.connection!=null){this.connection.dispose();this.connection=undefined}}connect(t=1e4){this.disconnect();const i=this.pollAnnotationState(t);this.connection={dispose:()=>i.abort()}}async fetch(t={}){const i=await this.fetchAnnotationSetsAsArray();const s=await this.fetchAnnotationsAsArray(i);const n=(await Promise.all(s)).reduce(((t,[i,s])=>({annotations:Object.assign(Object.assign({},t.annotations),{[i.id]:s})})),{annotations:{}});if(t.signal==null||!t.signal.aborted){this.updateState(n)}return n}async removeAnnotationSet(t){await F((async i=>{const s=this.deviceIdProvider();const n=await H(this.jwtProvider,s);const e=new L.DeleteSceneViewAnnotationSetRequest;const o=new j.Uuid;o.setHex(t);e.setSceneAnnotationSetId(o);this.client.deleteSceneViewAnnotationSet(e,n,i)}));return this.fetch()}pollAnnotationState(t){const i=new AbortController;const s=async t=>{await this.fetch({signal:i.signal});if(!i.signal.aborted){await Lt(t);await s(t)}};P.abort(i.signal,s(t));return i}fetchAnnotationSets(){return N((t=>async i=>{const s=this.deviceIdProvider();const n=await H(this.jwtProvider,s);const e=new L.ListSceneViewAnnotationSetsRequest;if(t!=null){const i=new $.Pager;i.setCursor(t);i.setLimit(100);e.setPage(i)}this.client.listSceneViewAnnotationSets(e,n,i)}),(t=>{var i;return(i=t.toObject().nextCursor)===null||i===void 0?void 0:i.next}))}async fetchAnnotationSetsAsArray(){return(await P.asArray(this.fetchAnnotationSets())).flatMap((t=>t.getSceneAnnotationSetsList())).map((t=>Kt(t)))}fetchAnnotations(t){return N((i=>async s=>{const n=this.deviceIdProvider();const e=await H(this.jwtProvider,n);const o=new L.ListSceneAnnotationsRequest;const r=wt(t);o.setSceneAnnotationSetId(r);if(i!=null){const t=new $.Pager;t.setCursor(i);t.setLimit(100);o.setPage(t)}this.client.listSceneAnnotations(o,e,s)}),(t=>{var i;return(i=t.toObject().nextCursor)===null||i===void 0?void 0:i.next}))}fetchAnnotationsAsArray(t){const i=t.map((async t=>{const i=(await P.asArray(this.fetchAnnotations(t.id))).flatMap((t=>t.getSceneAnnotationsList())).map((t=>Ht(t)));return[t,i]}));return Promise.all(i)}updateState(t){this.state=t;this.onStateChange.emit(t)}}class _t{constructor(t,i,s){this.stream=t;this.configProvider=i;this.imageScaleProvider=s}predicate(t){return t.altKey&&!t.shiftKey}async fn(t){var i;const s=this.imageScaleProvider();const n=await this.stream.hitItems({point:o.scale(t.position,(s===null||s===void 0?void 0:s.x)||1,(s===null||s===void 0?void 0:s.y)||1)},true);if(((i=n.hitItems)===null||i===void 0?void 0:i.hits)!=null&&n.hitItems.hits.length>0){await this.stream.flyTo({itemId:n.hitItems.hits[0].itemId,animation:{duration:p(this.configProvider().animation.durationMs)}})}else{console.debug(`No hit results found for fly to part [position={x: ${t.position.x}, y: ${t.position.y}}]`)}}}class qt{constructor(t,i,s,n,e,o,r,h,a,c,l){this.stream=t;this.cursors=i;this.getConfig=s;this.getScene=n;this.getFrame=e;this.getViewport=o;this.tapEmitter=r;this.doubleTapEmitter=h;this.longPressEmitter=a;this.interactionStartedEmitter=c;this.interactionFinishedEmitter=l;this.tap=this.tap.bind(this);this.doubleTap=this.doubleTap.bind(this);this.longPress=this.longPress.bind(this);this.emitTapEvent=this.emitTapEvent.bind(this)}addCursor(t,i){return this.cursors.add(t,i)}async getWorldPointFromViewport(t){const i=this.getViewport();const s=this.getFrame();if(s==null){throw new Error("Cannot get world point. Frame is undefined.")}const n=await s.depthBuffer();return n!=null?i.transformPointToWorldSpace(t,n,.5):undefined}async getEntityTypeAtPoint(t){var i;const s=this.getViewport();const n=await((i=this.getFrame())===null||i===void 0?void 0:i.featureMap());if(n!=null){const i=s.transformPointToFrame(t,n);return n.getEntityType(i)}else{return Dt.NO_GEOMETRY}}getRayFromPoint(t){const i=this.getViewport();const s=this.getFrame();if(s!=null){return i.transformPointToRay(t,s.image,s.scene.camera)}else throw new Error("Cannot get camera. Frame is undefined.")}async tap(t,i={},s=0){this.emitTapEvent(this.tapEmitter.emit,t,i,s)}async doubleTap(t,i={},s=0){this.emitTapEvent(this.doubleTapEmitter.emit,t,i,s)}async longPress(t,i={},s=0){this.emitTapEvent(this.longPressEmitter.emit,t,i,s)}async beginInteraction(){if(!this.isInteracting()){this.interactionStartedEmitter.emit();this.sceneLoadingPromise=this.getScene();this.currentCamera=(await this.sceneLoadingPromise).camera();this.sceneLoadingPromise=undefined;await this.stream.beginInteraction()}}async transformCamera(...t){var i;const s=t[0];const n=t[1];if(this.isInteracting()){const t=await this.getScene();const e=this.getViewport();const o=this.getFrame();const r=await(o===null||o===void 0?void 0:o.depthBuffer());this.currentCamera=this.currentCamera!=null&&e!=null&&o!=null?s({camera:this.currentCamera,viewport:e,scale:t.scale(),boundingBox:t.boundingBox(),frame:o,depthBuffer:r}):undefined;await((i=this.currentCamera)===null||i===void 0?void 0:i.render(n))}}async twistCamera(...t){return this.transformCamera((({camera:i,viewport:s})=>{const n=r.normalize(r.subtract(i.lookAt,i.position));if(t.length===1&&typeof t[0]==="number"){const s=h.toRadians(-t[0]);return i.rotateAroundAxis(s,n)}else if(t.length===1){const n=o.create(s.width/2,s.height/2);const e=h.toDegrees(h.fromPoints(n,t[0]));const a=this.lastAngle!=null?e-this.lastAngle:0;this.lastAngle=e;const c=r.normalize(r.subtract(i.lookAt,i.position));const l=h.toRadians(-a);return i.rotateAroundAxis(l,c)}return i}))}async panCameraToScreenPoint(t){return this.transformCamera((({camera:i,frame:s,viewport:n,depthBuffer:e})=>{if(this.panData==null){const o=i.toFrameCamera();const r=o.direction;const h=n.transformPointToRay(t,s.image,o);const l=a.fromNormalAndCoplanarPoint(r,i.lookAt);const u=c.intersectPlane(h,l);if(u==null){console.warn("Cannot determine fallback for pan. Ray does not intersect plane.");return i}const d=e!=null?this.getWorldPoint(t,e,u):u;const f=a.fromNormalAndCoplanarPoint(r,d);this.panData={hitPt:d,hitPlane:f,startingCamera:o}}if(this.panData!=null){const{hitPt:e,hitPlane:o,startingCamera:h}=this.panData;const a=n.transformPointToRay(t,s.image,h);const l=c.intersectPlane(a,o);if(l!=null){const t=r.subtract(e,l);return i.update(h).moveBy(t)}}return i}))}async viewAll(){await(await this.getScene()).camera().viewAll().render()}async rotateCamera(t){return this.transformCamera((({camera:i,viewport:s,boundingBox:n})=>{const e=r.normalize(i.up);const o=r.normalize(r.subtract(i.lookAt,i.position));const h=r.cross(e,o);const a=r.cross(o,h);const c=r.normalize({x:t.x*h.x+t.y*a.x,y:t.x*h.y+t.y*a.y,z:t.x*h.z+t.y*a.z});const l=r.cross(c,o);const u=9.5*t.x/s.width;const d=9.5*t.y/s.height;const f=Math.abs(u)+Math.abs(d);return i.rotateAroundAxis(f,l)}))}async rotateCameraAtPoint(t,i){return this.transformCamera((({camera:s,viewport:n,boundingBox:e,depthBuffer:o})=>{if(this.worldRotationPoint==null){const t=l.center(e);this.worldRotationPoint=o!=null?this.getWorldPoint(i,o,t):s.lookAt}const h=r.normalize(s.up);const a=r.normalize(r.subtract(s.lookAt,s.position));const c=r.cross(h,a);const u=r.cross(a,c);const d=r.normalize({x:t.x*c.x+t.y*u.x,y:t.x*c.y+t.y*u.y,z:t.x*c.z+t.y*u.z});const f=r.cross(d,a);const p=9.5*t.x/n.width;const m=9.5*t.y/n.height;const w=Math.abs(p)+Math.abs(m);const v=s.rotateAroundAxisAtPoint(w,this.worldRotationPoint,f);return v.update({lookAt:r.add(r.scale(Math.abs(s.signedDistanceToBoundingBoxCenter())/r.magnitude(v.viewVector),v.viewVector),v.position)})}))}async zoomCamera(t){return this.transformCamera((({camera:i,viewport:s,frame:n,boundingBox:e})=>{if(s!=null&&n!=null){const o=i===null||i===void 0?void 0:i.toFrameCamera().isPerspective();if(o){const n=i.viewVector;const e=r.magnitude(n);const o=3*e*(t/s.height);const h=r.normalize(n);const a=r.scale(o,h);const c=r.add(i.position,a);const l=i.update({position:c});return l}else{const o=i;const h=i.toFrameCamera();const u=h.direction;const d=s.transformPointToRay(s.center,n.image,h);const f=4*(t/s.height);const p=r.magnitude(l.diagonal(e))*1e-5;const m=Math.max(p,o.fovHeight*(1-f));const w=a.fromNormalAndCoplanarPoint(u,h.lookAt);const v=c.intersectPlane(d,w);if(v!=null){const t=a.projectPoint(w,o.lookAt);const s=(o.fovHeight-m)/o.fovHeight;const n=r.scale(s,r.subtract(v,t));const e=r.add(o.lookAt,n);const h=i.update({lookAt:e,rotationPoint:e,fovHeight:m});return h}}}return i}))}async pivotCamera(t,i){return this.transformCamera((({camera:s})=>{const{position:n,up:e,lookAt:o}=s;const a=r.normalize(e);const c=r.normalize(s.viewVector);const l=r.cross(a,c);const u=r.cross(c,l);const d=r.rotateAboutAxis(h.toRadians(t),o,l,n);const f=r.rotateAboutAxis(h.toRadians(i),d,u,n);return s.update(Object.assign(Object.assign({},s),{lookAt:f}))}))}async endInteraction(){await this.sceneLoadingPromise;if(this.isInteracting()){this.currentCamera=undefined;this.worldRotationPoint=undefined;this.panData=undefined;this.zoomData=undefined;this.resetLastAngle();this.interactionFinishedEmitter.emit();await this.stream.endInteraction()}}resetLastAngle(){this.lastAngle=undefined}isInteracting(){return this.currentCamera!=null}pixelThreshold(t){const i=this.isCoarseInputDevice(t)?this.getConfig().coarsePointerThreshold:this.getConfig().finePointerThreshold;return i*window.devicePixelRatio}async hitItems(t){var i;const s=await(await this.getScene()).raycaster().hitItems(t);return(i=s===null||s===void 0?void 0:s.hits)!==null&&i!==void 0?i:[]}emitTapEvent(t,i,s={},n=0){const{altKey:e=false,ctrlKey:o=false,metaKey:r=false,shiftKey:h=false}=s;t({position:i,altKey:e,ctrlKey:o,metaKey:r,shiftKey:h,buttons:n})}isCoarseInputDevice(t){return t||window.matchMedia("(pointer: coarse)").matches}getWorldPoint(t,i,s){const n=this.getViewport();const e=n.transformPointToFrame(t,i);const o=i.hitTest(e);return o?n.transformPointToWorldSpace(t,i):s}}class Ut extends qt{constructor(t,i,s,n,e,o,r,h,a,c,l){super(t,i,s,n,e,o,r,h,a,c,l)}async getWorldPointFromViewport(t){const i=this.getViewport();const s=this.getFrame();if(s==null){throw new Error("Cannot get world point. Frame is undefined.")}const n=await s.depthBuffer();return n!=null?i.transformPointToWorldSpace(t,n,.5):undefined}async panCameraByDelta(t){return this.transformCamera((({camera:i,viewport:s})=>{const n=i.viewVector;const e=r.normalize(i.up);const h=r.normalize(n);const a=o.scale(t,.5,.5);const c=r.magnitude(n);const l=a.x*c/s.width;const u=a.y*c/s.height;const d=r.cross(e,h);const f=r.cross(h,d);const p=r.add(r.scale(l,d),r.scale(u,f));return i.moveBy(p)}))}async panCameraToScreenPoint(t){return this.transformCamera((({camera:i,frame:s,viewport:n,boundingBox:e})=>{if(this.panData==null){const e=i.toFrameCamera();const o=e.direction;const r=n.transformPointToRay(t,s.image,e);const h=a.fromNormalAndCoplanarPoint(o,i.lookAt);const l=c.intersectPlane(r,h);if(l==null){console.warn("Cannot determine fallback for pan. Ray does not intersect plane.");return i}this.panData={hitPt:l,hitPlane:h,startingCamera:e}}if(this.panData!=null){const{hitPt:e,hitPlane:o,startingCamera:h}=this.panData;const a=n.transformPointToRay(t,s.image,h);const l=c.intersectPlane(a,o);if(l!=null){const t=r.subtract(e,l);const s=r.add(h.lookAt,t);return i.update({lookAt:s,rotationPoint:s})}}return i}))}async zoomCameraToPoint(t,i){return this.transformCamera((({camera:s,viewport:n,frame:e,depthBuffer:h,boundingBox:u})=>{if(this.orthographicZoomData==null||o.distance(t,this.orthographicZoomData.startingScreenPt)>2){const i=s.toFrameCamera();const o=i.direction;const r=n.transformPointToRay(t,e.image,i);const l=a.fromNormalAndCoplanarPoint(o,i.lookAt);const u=c.intersectPlane(r,l);if(u==null){console.warn("Cannot determine fallback point for zoom. Ray does not intersect plane.");return s}const d=h!=null?this.getWorldPoint(t,h,u):u;const f=a.fromNormalAndCoplanarPoint(o,d);this.orthographicZoomData={hitPt:d,hitPlane:f,startingScreenPt:t}}if(this.orthographicZoomData!=null){const{hitPt:t,hitPlane:e}=this.orthographicZoomData;const o=4*(i/n.height);const h=r.magnitude(l.diagonal(u))*1e-5;const c=Math.max(h,s.fovHeight*(1-o));const d=a.projectPoint(e,s.lookAt);const f=(s.fovHeight-c)/s.fovHeight;const p=r.scale(f,r.subtract(t,d));const m=r.add(s.lookAt,p);return s.update({lookAt:m,rotationPoint:m,fovHeight:c})}return s}))}async rotateCamera(t){return this.transformCamera((({camera:i,viewport:s,boundingBox:n})=>{var e;const o=r.normalize(i.up);const h=r.normalize(r.subtract(i.lookAt,i.position));const a=r.cross(o,h);const c=r.cross(h,a);const u=r.normalize({x:t.x*a.x+t.y*c.x,y:t.x*a.y+t.y*c.y,z:t.x*a.z+t.y*c.z});const d=r.cross(u,h);const f=9.5*t.x/s.width;const p=9.5*t.y/s.height;const m=Math.abs(f)+Math.abs(p);const w=i.rotationPoint!=null&&((e=i.rotationPoint)===null||e===void 0?void 0:e.x)!=null?i.rotationPoint:i.lookAt;const v=i.rotateAroundAxisAtPoint(m,w,d);const g=G(v.lookAt,v.viewVector,l.center(n));return v.update({lookAt:g})}))}getWorldPoint(t,i,s){const n=this.getViewport();const e=n.transformPointToFrame(t,i);const o=i.hitTest(e);return o?n.transformPointToWorldSpace(t,i):s}}const Jt=.2;class Xt extends qt{constructor(t,i,s,n,e,o,r,h,a,c,l){super(t,i,s,n,e,o,r,h,a,c,l)}async panCameraByDelta(t){return this.transformCamera((({camera:i,viewport:s})=>{var n;const e=i.viewVector;const h=r.normalize(i.up);const a=r.normalize(e);const c=o.scale(t,.25,.25);const l=r.magnitude(e)*Math.tan((n=i.fovY)!==null&&n!==void 0?n:45);const u=c.x*l/s.width;const d=c.y/s.width*l;const f=r.cross(h,a);const p=r.cross(a,f);const m=r.add(r.scale(u,f),r.scale(d,p));return i.moveBy(m)}))}async zoomCameraToPoint(t,i){return this.transformCamera((({camera:s,viewport:n,frame:e,depthBuffer:o,boundingBox:h})=>{const l=e.scene.camera;const u=l.direction;const d=s.toFrameCamera();const f=n.transformPointToRay(t,e.image,d);if(this.zoomData==null){const i=a.fromNormalAndCoplanarPoint(u,l.lookAt);const n=c.intersectPlane(f,i);if(n==null){console.warn("Cannot determine fallback point for zoom. Ray does not intersect plane.");return s}const e=o!=null?this.getWorldPoint(t,o,n):n;const r=a.fromNormalAndCoplanarPoint(u,e);this.zoomData={hitPt:e,hitPlane:r}}if(this.zoomData!=null){const{hitPlane:t}=this.zoomData;const{position:e,distance:o,isPastHitPlane:l,keepCurrent:u}=this.computeZoomDistances(i,s,n,h,f,this.zoomData);if(l&&!u){const t=c.create({origin:e,direction:r.normalize(s.viewVector)});return s.update({position:e,lookAt:c.at(t,o)})}else if(!u){return s.update({position:e,lookAt:a.projectPoint(t,e)})}}return s}))}walk(t){this.transformCamera((({camera:i,boundingBox:s})=>{const{position:n,up:e,lookAt:o}=i;const h=r.normalize(e);const a=r.normalize(i.viewVector);const c=Math.min(...r.toArray(l.lengths(s)));const u=r.scale(c,t);const d=r.cross(h,a);const f=r.cross(d,h);const p=r.scale(u.x,r.normalize(d));const m=r.scale(u.y,r.normalize(h));const w=r.scale(u.z,r.normalize(f));const v=r.negate(r.add(p,m,w));return i.update(Object.assign(Object.assign({},i),{position:r.add(n,v),lookAt:r.add(o,v)}))}))}computeZoomDistances(t,i,s,n,e,o){const h=this.getConfig();const{hitPt:a,hitPlane:l}=o;const u=h.useMinimumPerspectiveZoomDistance?this.computeZoomMinimumDistance(i,n):-1;const d=r.distance(i.position,a);const f=Math.max(u,d);const p=6*f*t/s.height;const m=c.at(e,p);const w=c.create({origin:m,direction:r.normalize(i.viewVector)});const v=c.intersectPlane(w,l);if(v==null&&h.useMinimumPerspectiveZoomDistance){const i=6*u*t/s.height;const n=c.at(e,i);return{position:n,distance:u,isPastHitPlane:true,keepCurrent:false}}else if(v==null){return{position:i.position,distance:f,isPastHitPlane:true,keepCurrent:true}}return{position:m,distance:f,isPastHitPlane:false,keepCurrent:false}}computeZoomMinimumDistance(t,i){const s=Math.abs(i.min.x)+Math.abs(i.max.x);const n=Math.abs(i.min.y)+Math.abs(i.max.y);const e=Math.abs(i.min.z)+Math.abs(i.max.z);const o=Math.max(s,n,e);const h=Math.abs(r.dot(r.normalize(t.viewVector),r.right()));const a=Math.abs(r.dot(r.normalize(t.viewVector),r.up()));const c=Math.abs(r.dot(r.normalize(t.viewVector),r.back()));const l=s*h;const u=n*a;const d=e*c;const f=o/s;const p=o/n;const m=o/e;return(l+u+d)/(f+p+m)*Jt}}class Gt{constructor(t,i,s,n){this.stream=t;this.configProvider=i;this.imageScaleProvider=s;this.sceneProvider=n}predicate(t){return t.altKey&&t.shiftKey}async fn(t){var i,s;const n=this.imageScaleProvider();const e=await this.stream.hitItems({point:o.scale(t.position,(n===null||n===void 0?void 0:n.x)||1,(n===null||n===void 0?void 0:n.y)||1)},true);if(((i=e.hitItems)===null||i===void 0?void 0:i.hits)!=null&&e.hitItems.hits.length>0&&e.hitItems.hits[0].hitPoint!=null){const i=await this.sceneProvider();const n=(await this.sceneProvider()).camera();const o=e.hitItems.hits[0];if(o.hitPoint!=null&&o.hitPoint.x!=null&&o.hitPoint.y!=null&&o.hitPoint.z!=null){const t=r.create(o.hitPoint.x,o.hitPoint.y,o.hitPoint.z);const s=await this.getLookAtPoint(i,t,n.viewVector);await this.stream.flyTo({camera:Z(n.update({lookAt:s,rotationPoint:s}).toFrameCamera()),animation:{duration:p(this.configProvider().animation.durationMs)}})}else{console.debug(`No hit position found for fly to position [position={x: ${t.position.x}, y: ${t.position.y}}, hit-id={${(s=o.itemId)===null||s===void 0?void 0:s.hex}}]`)}}else{console.debug(`No hit results found for fly to position [position={x: ${t.position.x}, y: ${t.position.y}}]`)}}getLookAtPoint(t,i,s){if(t.isOrthographic()){return G(i,s,l.center(t.boundingBox()))}else{return i}}}class Zt{setPosition(t){this.currentPosition=t}getPosition(){return this.currentPosition}getType(){return this.type}beginDrag(t,i,s,n){}drag(t,i){}endDrag(t,i){if(this.currentPosition!=null){i.endInteraction();this.currentPosition=undefined}}zoom(t,i){}}class Qt extends Zt{constructor(){super(...arguments);this.type="rotate"}beginDrag(t,i,s){if(this.currentPosition==null){this.currentPosition=o.create(t.screenX,t.screenY);s.beginInteraction()}}drag(t,i){if(this.currentPosition!=null){const s=o.create(t.screenX,t.screenY);const n=o.subtract(s,this.currentPosition);i.rotateCamera(n);this.currentPosition=s}}endDrag(t,i){super.endDrag(t,i)}}class Yt extends Zt{constructor(){super(...arguments);this.type="rotate-point"}beginDrag(t,i,s){if(this.currentPosition==null){this.currentPosition=o.create(t.screenX,t.screenY);this.startingPosition=i;s.beginInteraction()}}drag(t,i){if(this.currentPosition!=null&&this.startingPosition!=null){const s=o.create(t.screenX,t.screenY);const n=o.subtract(s,this.currentPosition);i.rotateCameraAtPoint(n,this.startingPosition);this.currentPosition=s}}endDrag(t,i){super.endDrag(t,i)}}class ti extends Zt{constructor(t){super();this.interactionConfigProvider=t;this.type="zoom";this.didTransformBegin=false}beginDrag(t,i,s,n){if(this.currentPosition==null){this.currentPosition=o.create(t.clientX,t.clientY);const i=n.getBoundingClientRect();const e=St(t,i);this.startPt=e;s.beginInteraction()}}drag(t,i){if(this.currentPosition!=null){const s=o.create(t.clientX,t.clientY);const n=o.subtract(s,this.currentPosition);if(this.startPt!=null){i.zoomCameraToPoint(this.startPt,n.y);this.currentPosition=s}}}endDrag(t,i){super.endDrag(t,i);this.stopInteractionTimer();this.didTransformBegin=false;this.startPt=undefined}zoom(t,i){this.operateWithTimer(i,(()=>i.zoomCamera(this.getDirectionalDelta(t))))}zoomToPoint(t,i,s){this.operateWithTimer(s,(()=>s.zoomCameraToPoint(t,this.getDirectionalDelta(i))))}beginInteraction(t){this.didTransformBegin=true;t.beginInteraction()}endInteraction(t){this.didTransformBegin=false;t.endInteraction()}resetInteractionTimer(t){this.stopInteractionTimer();this.startInteractionTimer(t)}getDirectionalDelta(t){return this.interactionConfigProvider().reverseMouseWheelDirection?-t:t}getInteractionDelay(){return this.interactionConfigProvider().mouseWheelInteractionEndDebounce}startInteractionTimer(t){this.interactionTimer=window.setTimeout((()=>{this.interactionTimer=undefined;this.endInteraction(t)}),this.getInteractionDelay())}stopInteractionTimer(){if(this.interactionTimer!=null){window.clearTimeout(this.interactionTimer);this.interactionTimer=undefined}}operateWithTimer(t,i){if(!this.didTransformBegin){this.beginInteraction(t)}this.resetInteractionTimer(t);i()}}class ii extends Zt{constructor(){super(...arguments);this.type="pan"}beginDrag(t,i,s,n){if(this.currentPosition==null){this.currentPosition=o.create(t.screenX,t.screenY);this.canvasRect=n.getBoundingClientRect();s.beginInteraction()}}drag(t,i){if(this.currentPosition!=null&&this.canvasRect!=null){const s=St(t,this.canvasRect);i.panCameraToScreenPoint(s);this.currentPosition=s}}endDrag(t,i){super.endDrag(t,i)}}class si extends Zt{constructor(){super(...arguments);this.type="twist"}beginDrag(t,i,s,n){this.currentPosition=o.create(t.offsetX,t.offsetY);this.canvasRect=n.getBoundingClientRect();s.beginInteraction()}drag(t,i){const s=St(t,this.canvasRect);this.currentPosition=s;i.twistCamera(s)}endDrag(t,i){super.endDrag(t,i)}}class ni extends Zt{constructor(){super(...arguments);this.type="pivot"}beginDrag(t,i,s){if(this.currentPosition==null){this.currentPosition=o.create(t.screenX,t.screenY);s.beginInteraction()}}drag(t,i){if(this.currentPosition!=null){const s=o.create(t.screenX,t.screenY);const n=o.subtract(s,this.currentPosition);i.pivotCamera(-.25*n.y,.25*n.x);this.currentPosition=s}}endDrag(t,i){super.endDrag(t,i)}}class ei extends kt{constructor(t,i=new Qt,s=new Yt,n=new ti((()=>t().interactions)),e=new ii,o=new si,r=new ni){super("mousedown","mouseup","mousemove",i,s,n,e,o,r,t)}}function oi(t){window.requestAnimationFrame(t)}class ri{constructor(){this.previousFirstPoints=[];this.previousSecondPoints=[]}initialize(t,i){this.element=t;this.interactionApi=i}dispose(){this.element=undefined}beginTwoPointTouch(t,i){this.previousFirstPoints=[...this.previousFirstPoints,t];this.previousSecondPoints=[...this.previousSecondPoints,i]}handleTwoPointTouchMove(t,i){this.previousFirstPoints=[...this.previousFirstPoints,t];this.previousSecondPoints=[...this.previousSecondPoints,i];oi((()=>{var t,i,s,n;if(this.previousFirstPoints.length>1&&this.previousSecondPoints.length>1&&this.previousFirstPoints.length===this.previousSecondPoints.length){const e=this.previousFirstPoints;const r=this.previousSecondPoints;this.previousFirstPoints=this.previousFirstPoints.slice(-1);this.previousSecondPoints=this.previousSecondPoints.slice(-1);const h=e.reduce(((t,i,s)=>{if(s<e.length-1){const n=e[s+1];const o=r[s];const h=r[s+1];return{deltas:[...t.deltas,this.computeDelta(i,o,n,h)],zooms:[...t.zooms,this.computeZoom(i,o,n,h)],angles:[...t.angles,this.computeAngle(i,o,n,h)]}}return t}),{deltas:[],zooms:[],angles:[]});const a=h.deltas.reduce(((t,i)=>o.add(t,i)),o.create());const c=h.zooms.reduce(((t,i)=>t+i),0);const l=h.angles.reduce(((t,i)=>t+i),0);const u=o.create((e[e.length-1].x+r[r.length-1].x)/2,(e[e.length-1].y+r[r.length-1].y)/2);(t=this.interactionApi)===null||t===void 0?void 0:t.beginInteraction();(i=this.interactionApi)===null||i===void 0?void 0:i.zoomCameraToPoint(u,c);(s=this.interactionApi)===null||s===void 0?void 0:s.panCameraByDelta(a);(n=this.interactionApi)===null||n===void 0?void 0:n.twistCamera(l)}}))}endTwoPointTouch(){this.previousFirstPoints=[];this.previousSecondPoints=[]}computeDelta(t,i,s,n){return o.add(o.subtract(s,t),o.subtract(n,i))}computeZoom(t,i,s,n){const e=o.distance(s,n)-o.distance(t,i);return e*.5}computeAngle(t,i,s,n){const e=u.create(o.subtract(t,i),o.subtract(s,n));return h.toDegrees(Math.atan2(u.determinant(e),u.dot(e)))}}class hi extends ri{constructor(){super();this.touchPoints={};this.handlePointerDown=this.handlePointerDown.bind(this);this.handlePointerMove=this.handlePointerMove.bind(this);this.handlePointerUp=this.handlePointerUp.bind(this)}dispose(){var t;(t=this.element)===null||t===void 0?void 0:t.removeEventListener("pointerdown",this.handlePointerDown);super.dispose()}initialize(t,i){super.initialize(t,i);t.addEventListener("pointerdown",this.handlePointerDown)}handlePointerDown(t){const i=o.create(t.screenX,t.screenY);this.touchPoints=Object.assign(Object.assign({},this.touchPoints),{[t.pointerId]:i});const s=Object.keys(this.touchPoints);if(s.length===1){window.addEventListener("pointermove",this.handlePointerMove);window.addEventListener("pointerup",this.handlePointerUp)}else if(s.length===2){this.beginTwoPointTouch(this.touchPoints[0],this.touchPoints[1])}}handlePointerMove(t){if(this.touchPoints[t.pointerId]!=null){this.touchPoints[t.pointerId]=o.create(t.screenX,t.screenY)}const i=Object.keys(this.touchPoints);if(i.length===2){const t=this.touchPoints[i[0]];const s=this.touchPoints[i[1]];this.handleTwoPointTouchMove(t,s)}}handlePointerUp(t){var i;delete this.touchPoints[t.pointerId];const s=Object.keys(this.touchPoints);if(s.length===1){(i=this.interactionApi)===null||i===void 0?void 0:i.endInteraction()}if(s.length===0){window.removeEventListener("pointermove",this.handlePointerMove);window.removeEventListener("pointerup",this.handlePointerUp)}this.endTwoPointTouch()}}class ai extends xt{constructor(t,i=new Qt,s=new Yt,n=new ti((()=>t().interactions)),e=new ii,o=new si,r=new ni){super("pointerdown","pointerup","pointermove",i,s,n,e,o,r,t);this.touchPoints=new Set;this.handlePointerDown=this.handlePointerDown.bind(this);this.handlePointerUp=this.handlePointerUp.bind(this)}initialize(t,i){super.initialize(t,i);t.addEventListener("pointerdown",this.handlePointerDown)}addEventListenersToElement(t){t.addEventListener(this.downEvent,this.handleDownEvent);t.addEventListener("wheel",this.handleMouseWheel,{passive:false});return{dispose:()=>{t.removeEventListener(this.downEvent,this.handleDownEvent);t.removeEventListener("wheel",this.handleMouseWheel)}}}handlePointerDown(t){this.downPosition=o.create(t.screenX,t.screenY);this.touchPoints.add(t.pointerId);if(this.touchPoints.size===1){window.addEventListener("pointerup",this.handlePointerUp)}if(this.touchPoints.size===2){this.disableIndividualInteractions=true}}handlePointerUp(t){this.touchPoints.delete(t.pointerId);if(this.touchPoints.size<2){this.disableIndividualInteractions=false}if(this.touchPoints.size===0){window.removeEventListener("pointerup",this.handlePointerUp)}}}class ci{constructor(t,i,s,n){this.downEvent=t;this.upEvent=i;this.moveEvent=s;this.getConfig=n;this.handleDown=this.handleDown.bind(this);this.handleUp=this.handleUp.bind(this);this.handleMove=this.handleMove.bind(this);this.handleTouchStart=this.handleTouchStart.bind(this);this.handleTouchMove=this.handleTouchMove.bind(this);this.handleTouchEnd=this.handleTouchEnd.bind(this);this.handlePointerMove=this.handlePointerMove.bind(this);this.handlePointerEnd=this.handlePointerEnd.bind(this);this.clearPositions=this.clearPositions.bind(this);this.restartDoubleTapTimer=this.restartDoubleTapTimer.bind(this);this.clearDoubleTapTimer=this.clearDoubleTapTimer.bind(this);this.restartLongPressTimer=this.restartLongPressTimer.bind(this);this.clearLongPressTimer=this.clearLongPressTimer.bind(this);this.setPointerPositions=this.setPointerPositions.bind(this);this.emit=this.emit.bind(this)}dispose(){var t,i;(t=this.element)===null||t===void 0?void 0:t.removeEventListener(this.downEvent,this.handleDown);(i=this.element)===null||i===void 0?void 0:i.removeEventListener("touchstart",this.handleTouchStart);this.element=undefined;this.clearDoubleTapTimer();this.clearLongPressTimer()}initialize(t,i){this.element=t;this.interactionApi=i;t.addEventListener(this.downEvent,this.handleDown);t.addEventListener("touchstart",this.handleTouchStart,{passive:true})}handleTouchStart(t){if(t.touches.length===1){this.setPointerPositions(o.create(t.touches[0].clientX,t.touches[0].clientY));this.restartLongPressTimer();window.addEventListener("touchend",this.handleTouchEnd);window.addEventListener("touchmove",this.handleTouchMove)}}handleTouchMove(t){if(t.touches.length>0){this.handlePointerMove(o.create(t.touches[0].clientX,t.touches[0].clientY),true)}}handleTouchEnd(t){if(this.pointerDownPosition!=null){window.removeEventListener("touchend",this.handleTouchEnd);window.removeEventListener("touchmove",this.handleTouchMove)}this.handlePointerEnd(this.pointerDownPosition)}handleDown(t){this.setPointerPositions(o.create(t.clientX,t.clientY));this.buttons=t.buttons;const i={altKey:t.altKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey};this.restartLongPressTimer(i);window.addEventListener(this.upEvent,this.handleUp);window.addEventListener(this.moveEvent,this.handleMove)}handleMove(t){this.handlePointerMove(o.create(t.clientX,t.clientY),this.isTouch(t))}handleUp(t){if(this.pointerDownPosition!=null){window.removeEventListener(this.upEvent,this.handleUp);window.removeEventListener(this.moveEvent,this.handleMove)}this.handlePointerEnd(o.create(t.clientX,t.clientY),{altKey:t.altKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,shiftKey:t.shiftKey},this.buttons,this.isTouch(t));this.buttons=undefined}handlePointerMove(t,i){var s;const n=((s=this.interactionApi)===null||s===void 0?void 0:s.pixelThreshold(i))||2;if(this.pointerDownPosition!=null&&o.distance(t,this.pointerDownPosition)>=n&&this.interactionTimer==null){this.clearPositions()}}handlePointerEnd(t,i={},s=0,n=false){var e,o;if(t!=null){if(this.longPressTimer!=null){this.emit((e=this.interactionApi)===null||e===void 0?void 0:e.tap)(t,i,s)}if(this.doubleTapTimer!=null&&this.secondPointerDownPosition!=null){this.emit((o=this.interactionApi)===null||o===void 0?void 0:o.doubleTap)(t,i,s,this.secondPointerDownPosition);this.clearDoubleTapTimer()}}this.pointerDownPosition=undefined;this.clearLongPressTimer()}emit(t){return(i,s={},n=0,e,r=false)=>{var h;const a=e||this.pointerDownPosition;const c=((h=this.interactionApi)===null||h===void 0?void 0:h.pixelThreshold(r))||1;let l;if(this.interactionTimer!=null){l=this.getCanvasPosition(a||i)}else if(a!=null&&o.distance(a,i)<=c){l=this.getCanvasPosition(i)}if(l!=null&&t!=null){t(l,s,n)}}}getCanvasPosition(t){var i;const s=(i=this.element)===null||i===void 0?void 0:i.getBoundingClientRect();const n=s!=null?o.create(s.left,s.top):undefined;return n!=null?o.subtract(o.create(t.x,t.y),n):undefined}clearPositions(){this.pointerDownPosition=undefined;this.firstPointerDownPosition=undefined;this.secondPointerDownPosition=undefined;this.clearDoubleTapTimer();this.clearLongPressTimer();this.clearInteractionTimer()}clearDoubleTapTimer(){if(this.doubleTapTimer!=null){window.clearTimeout(this.doubleTapTimer)}this.doubleTapTimer=undefined;this.firstPointerDownPosition=undefined;this.secondPointerDownPosition=undefined}restartDoubleTapTimer(){this.clearDoubleTapTimer();this.doubleTapTimer=window.setTimeout((()=>this.clearDoubleTapTimer()),this.getConfig().events.doubleTapThreshold)}clearLongPressTimer(){if(this.longPressTimer!=null){window.clearTimeout(this.longPressTimer)}this.longPressTimer=undefined}restartLongPressTimer(t={}){this.clearLongPressTimer();this.longPressTimer=window.setTimeout((()=>{var i;if(this.pointerDownPosition){this.emit((i=this.interactionApi)===null||i===void 0?void 0:i.longPress)(this.pointerDownPosition,t,this.buttons)}this.clearLongPressTimer()}),this.getConfig().events.longPressThreshold)}restartInteractionTimer(){this.clearInteractionTimer();this.interactionTimer=window.setTimeout((()=>{this.interactionTimer=undefined}),this.getConfig().interactions.interactionDelay)}clearInteractionTimer(){if(this.interactionTimer!=null){window.clearTimeout(this.interactionTimer);this.interactionTimer=undefined}}setPointerPositions(t){this.pointerDownPosition=t;this.restartInteractionTimer();if(this.firstPointerDownPosition==null){this.restartDoubleTapTimer();this.firstPointerDownPosition=t}else{this.secondPointerDownPosition=t}}isTouch(t){return window.PointerEvent!=null&&t instanceof PointerEvent?t.pointerType==="touch":false}}class li extends ri{constructor(){super();this.handleTouchStart=this.handleTouchStart.bind(this);this.handleTouchMove=this.handleTouchMove.bind(this);this.handleTouchEnd=this.handleTouchEnd.bind(this)}dispose(){var t;(t=this.element)===null||t===void 0?void 0:t.removeEventListener("touchstart",this.handleTouchStart);super.dispose()}initialize(t,i){super.initialize(t,i);t.addEventListener("touchstart",this.handleTouchStart)}handleTouchStart(t){if(t.touches.length>=1){t.preventDefault();const i=t.touches[0];this.currentPosition1=o.create(i.screenX,i.screenY);if(t.touches[1]!=null){this.beginTwoPointTouch(this.currentPosition1,o.create(t.touches[1].screenX,t.touches[1].screenY))}window.addEventListener("touchmove",this.handleTouchMove,{passive:false});window.addEventListener("touchend",this.handleTouchEnd)}}handleTouchMove(t){t.preventDefault();if(t.touches.length===1){this.handleOnePointTouchMove(t.touches[0])}else if(t.touches.length===2){const i=o.create(t.touches[0].clientX,t.touches[0].clientY);const s=o.create(t.touches[1].clientX,t.touches[1].clientY);this.handleTwoPointTouchMove(i,s)}}handleTouchEnd(t){var i;t.preventDefault();(i=this.interactionApi)===null||i===void 0?void 0:i.endInteraction();this.isInteracting=false;window.removeEventListener("touchmove",this.handleTouchMove);window.removeEventListener("touchend",this.handleTouchEnd);this.endTwoPointTouch()}handleOnePointTouchMove(t){var i,s,n;const e=o.create(t.screenX,t.screenY);if(this.currentPosition1!=null){const t=o.subtract(e,this.currentPosition1);const r=((i=this.interactionApi)===null||i===void 0?void 0:i.pixelThreshold(true))||2;if(o.distance(e,this.currentPosition1)>=r||this.isInteracting){(s=this.interactionApi)===null||s===void 0?void 0:s.beginInteraction();(n=this.interactionApi)===null||n===void 0?void 0:n.rotateCamera(t);this.isInteracting=true}}this.currentPosition1=e}}class ui{constructor(t,i=window.performance){this.name=t;this.perf=i;this.measures=new Set;this.nextId=0}clearMeasurements(){this.perf.clearMeasures(this.name)}measure(t){if(zt(t)){const i=this.begin();return t.finally((()=>this.end(i)))}else if(typeof t==="function"){const i=this.begin();const s=t();this.end(i);return s}else{throw new Error("Input must be a function or Promise")}}takeMeasurements(){const t=this.perf.getEntriesByName(this.name);this.clearMeasurements();return t}takeLastMeasurement(){const t=this.takeMeasurements();return t[t.length-1]}begin(){const t=`${this.name}-${this.nextId++}`;this.measures.add(t);this.perf.mark(t);return t}end(t){this.perf.measure(this.name,t);this.perf.clearMarks(t);this.measures.delete(t)}}const di=new ui("paint_time");function fi(t){return new Promise(((i,s)=>{const n=new Blob([t]);const e=URL.createObjectURL(n);const o=new Image;o.addEventListener("load",(()=>{i({image:o,dispose:()=>undefined});URL.revokeObjectURL(e)}));o.addEventListener("error",(()=>{s(new k("Failed to load image data"));URL.revokeObjectURL(e)}));o.src=e}))}async function pi(t){const i=new Blob([t]);const s=await window.createImageBitmap(i);return{image:s,dispose:()=>s.close()}}function mi(t){if(window.createImageBitmap!=null){return pi(t)}else{return fi(t)}}const wi=1e3;function vi(t,i){const s=i.viewport.calculateDrawRect(i.frame.image);i.canvas.clearRect(0,0,i.canvasDimensions.width,i.canvasDimensions.height);i.canvas.drawImage(t.image,s.x,s.y,s.width,s.height)}function gi(t,i){const s=t.takeMeasurements();if(s.length>0){i(s)}}function yi(t,i,s,n,e=wi){let o;let r=0;let h;let a=[];function c(){r++;if(o==null){o=setInterval((()=>{gi(t,n);if(r===0){u()}}),e)}}function l(){r--}function u(){if(o!=null){clearInterval(o);o=undefined}}if(s){setInterval((()=>{if(h!=null){if(a.length===5){a=[...a.slice(1),h]}else{a.push(h)}const t=a.reduce(((t,i)=>t+i))/a.length;console.debug(`Paint rate: ${h}fps`);console.debug(`Paint rate (avg): ${t}`);h=undefined}}),1e3)}return s=>{c();return t.measure((async()=>{const t=await i(s);h=h==null?1:h+1;return t})).finally((()=>l()))}}function bi(){let t=[];function i(i){if(i!=null){const s=i.copy({correlationIds:[...i.correlationIds,...t.filter((t=>!i.correlationIds.includes(t)))]});t=[];return s}return i}function s(){let t=-1;return async i=>{if(i.frame.sequenceNumber>t){const s=await mi(i.frame.image.imageBytes);t=i.frame.sequenceNumber;return s}}}function n(){let t=-1;return async(i,s)=>{var n;if(s!=null&&i.frame.sequenceNumber>t){t=i.frame.sequenceNumber;(n=i.beforeDraw)===null||n===void 0?void 0:n.call(i);vi(s,i);s.dispose();return i.frame}s===null||s===void 0?void 0:s.dispose()}}const e=s();const o=n();return async s=>{var n,r;const h=(r=(n=s.predicate)===null||n===void 0?void 0:n.call(s))!==null&&r!==void 0?r:true;t=[...t,...s.frame.correlationIds];if(h){return e(s).then((t=>o(s,t).then(i)))}}}function Ci(t){return i=>{var s;const n=(s=i.request.requestId)===null||s===void 0?void 0:s.value;if(n!=null){t(n)(i)}}}function Pi(t){return i=>{const{drawFrame:s}=i.request;if(s!=null){t(s)(i)}}}const Ii=1*60;function Ti(t){let i=false;return s=>{const n=t();if(n!=null){const t=n.remoteTime(new Date(Date.now()));const e=p(s,t);const o=m(e).getTime();if(o>=0){return e}else{if(!i){console.warn(`Possible erroneous send to receive timing. Muting for ${Ii}s. [sent-at=${s.toISOString()}, received-at=${t.toISOString()}, remote-time=${n.knownRemoteTime.toISOString()}]`);i=true;setTimeout((()=>i=false),Ii*1e3)}return undefined}}}}function Si(t,i){const s=Ti(i);return Ci((i=>Pi((n=>n=>{const e=m(n.sentAtTime);if(e!=null){t.replyResult(i,{drawFrame:{sendToReceiveDuration:s(e)}})}}))))}const Ai=b.defineMapper(b.read(b.requiredProp("d"),b.requiredProp("ns"),b.mapRequiredProp("ka",Q),b.mapRequiredProp("kd",Q),b.mapRequiredProp("ks",Q),b.mapRequiredProp("ke",Q)),(([t,i,s,n,e,o])=>({opacity:t,glossiness:i,ambient:s,diffuse:n,specular:e,emissive:o})));const Di=b.defineMapper(b.read(b.mapRequiredProp("defaultMaterial",(()=>vt)),b.mapRequiredProp("colorMaterial",Ai)),(([t,i])=>({defaultMaterial:t,colorMaterial:i})));const ji=b.defineMapper(b.read(b.requiredProp("name"),b.requiredProp("category")),(([t,i])=>({name:t,category:i})));const ki=b.defineMapper(b.read(b.getProp("value")),(([t])=>({type:"string",value:t})));const xi=b.mapProp("string",b.ifDefined(ki));const Mi=b.defineMapper(b.read(b.getProp("value")),(([t])=>({type:"long",value:t})));const Ei=b.mapProp("pb_long",b.ifDefined(Mi));const Oi=b.defineMapper(b.read(b.getProp("value")),(([t])=>({type:"double",value:t})));const Ri=b.mapProp("pb_double",b.ifDefined(Oi));const Bi=b.defineMapper(b.read(b.requiredProp("value")),(([t])=>({type:"timestamp",value:t})));const zi=b.mapProp("date",b.ifDefined(Bi));const Li=b.compose(b.pickFirst(xi,Ei,Ri,zi),b.required("value"));const $i=b.defineMapper(b.read(b.requiredProp("id"),b.mapProp("key",b.ifDefined(ji)),b.mapProp("value",b.ifDefined(Li))),(([t,i,s])=>({id:t,key:i,value:s})));const Ki=b.defineMapper(b.read(b.mapProp("cursor",Y),b.mapRequiredProp("entriesList",b.mapArray($i))),(([t,i])=>({paging:{next:t},entries:i})));const Fi=b.ifInvalidThrow(Ki);const Hi=b.defineMapper(b.read(b.mapRequiredProp("id",q),b.mapRequiredProp("createdAt",tt),b.mapProp("materialOverride",b.ifDefined(Di)),b.mapProp("transform",b.ifDefined(it)),b.mapProp("isVisible",b.ifDefined(st)),b.mapProp("isSelected",b.ifDefined(st)),b.mapProp("isPhantom",b.ifDefined(st)),b.mapProp("endItem",b.ifDefined(st))),(([t,i,s,n,e,o,r,h])=>({id:t,createdAt:i,materialOverride:s,transform:n,isVisible:e,isSelected:o,isPhantom:r,endItem:h})));const Ni=b.defineMapper(b.read(b.mapRequiredProp("id",q),b.mapRequiredProp("createdAt",tt),b.mapRequiredProp("name",J),b.mapProp("parentId",b.ifDefined(q)),b.mapProp("suppliedId",b.ifDefined(J)),b.mapProp("boundingBox",b.ifDefined(nt)),b.mapProp("worldTransform",b.ifDefined(it)),b.mapProp("override",b.ifDefined(Hi))),(([t,i,s,n,e,o,r,h])=>({id:t,createdAt:i,name:s,parentId:n!==null&&n!==void 0?n:undefined,suppliedId:e,boundingBox:o,worldTransform:r,override:h})));const Vi=b.ifInvalidThrow(b.defineMapper(b.read(b.mapProp("item",b.ifDefined(Ni))),(([t])=>t!==null&&t!==void 0?t:undefined)));class Wi{constructor(t,i,s){this.client=t;this.jwtProvider=i;this.deviceIdProvider=s}async getSceneViewItem(t,i,s){const n=await F((async n=>{const e=this.deviceIdProvider();const o=await H(this.jwtProvider,e);const r=new L.GetSceneViewItemRequest;r.setSceneItemId(wt(t));r.setViewId(wt(i));const h=new K.FieldMask;if(s.includeBoundingBox){h.addPaths("bounding_box")}if(s.includeWorldTransform){h.addPaths("world_transform")}if(s.includeOverride){h.addPaths("override")}r.setAdditionalFields(h);this.client.getSceneViewItem(r,o,n)}));return Vi(n.toObject())}async listSceneItemMetadata(t,i){const s=await F((async s=>{const n=this.deviceIdProvider();const e=await H(this.jwtProvider,n);const o=new L.ListSceneItemMetadataRequest;o.setItemId(wt(t));const r=new x.Pager;if(i.size!=null){r.setLimit(i.size)}if(i.cursor!=null){r.setCursor(i.cursor)}o.setPager(r);this.client.listSceneItemMetadata(o,e,s)}));return Fi(s.toObject())}}var _i;(function(t){t["DEVICE_ID"]="vertexvis:device-id"})(_i||(_i={}));function qi(t,i,s=window.localStorage){const n=s.getItem(t);if(n!=null){const e=Object.assign(Object.assign({},JSON.parse(n)),i);s.setItem(t,JSON.stringify(e))}else{s.setItem(t,JSON.stringify(i))}}function Ui(t,i,s=window.localStorage){const n=s.getItem(t);if(n!=null){return i(JSON.parse(n))}}var Ji=function t(i,s){if(i===s)return true;if(i&&s&&typeof i=="object"&&typeof s=="object"){if(i.constructor!==s.constructor)return false;var n,e,o;if(Array.isArray(i)){n=i.length;if(n!=s.length)return false;for(e=n;e--!==0;)if(!t(i[e],s[e]))return false;return true}if(i.constructor===RegExp)return i.source===s.source&&i.flags===s.flags;if(i.valueOf!==Object.prototype.valueOf)return i.valueOf()===s.valueOf();if(i.toString!==Object.prototype.toString)return i.toString()===s.toString();o=Object.keys(i);n=o.length;if(n!==Object.keys(s).length)return false;for(e=n;e--!==0;)if(!Object.prototype.hasOwnProperty.call(s,o[e]))return false;for(e=n;e--!==0;){var r=o[e];if(!t(i[r],s[r]))return false}return true}return i!==i&&s!==s};class Xi extends w{constructor(t,i={}){var s,n,e,o,r;super(t,{loggingEnabled:i.loggingEnabled});this.state={type:"disconnected"};this.stateChanged=new C;this.dimensions=d.create(0,0);this.streamAttributes={};this.enableTemporalRefinement=(s=i.enableTemporalRefinement)!==null&&s!==void 0?s:true;this.frameBgColor=I.create(255,255,255);this.config=It("platprod");this.options={tokenRefreshOffsetInSeconds:(n=i.tokenRefreshOffsetInSeconds)!==null&&n!==void 0?n:30,offlineThresholdInSeconds:(e=i.offlineThresholdInSeconds)!==null&&e!==void 0?e:30,loadTimeoutInSeconds:(o=i.loadTimeoutInSeconds)!==null&&o!==void 0?o:15,enableTemporalRefinement:(r=i.enableTemporalRefinement)!==null&&r!==void 0?r:true}}getState(){return this.state}disconnect(){if(this.state.type!=="disconnected"&&this.state.type!=="connection-failed"){console.debug("Disconnecting websocket");this.state.connection.dispose();this.updateState({type:"disconnected"})}}async load(t,i,s,n=It("platprod"),e){this.clientId=i;this.deviceId=s;this.config=n;if(this.state.type==="disconnected"){return this.loadIfDisconnected(t,e)}else if(this.state.type==="connection-failed"){return this.loadIfDisconnected(t,e)}else{return this.loadIfConnectingOrConnected(t,this.state,e)}}update(t){this.frameBgColor=t.frameBgColor?t.frameBgColor:this.frameBgColor;if(t.dimensions!=null&&!Ji(t.dimensions,this.dimensions)){this.dimensions=t.dimensions;this.ifState("connected",(()=>this.updateDimensions({dimensions:this.getDimensions()})))}if(t.streamAttributes!=null&&!Ji(this.streamAttributes,t.streamAttributes)){this.streamAttributes=t.streamAttributes;this.ifState("connected",(()=>this.updateStream({streamAttributes:Gi(this.streamAttributes)})))}if(t.enableTemporalRefinement!=null&&t.enableTemporalRefinement!==this.enableTemporalRefinement){this.enableTemporalRefinement=t.enableTemporalRefinement;if(this.state.type==="connected"){this.closeAndReconnect(this.state)}}}async loadIfConnectingOrConnected(t,i,s){var n;const{resource:e,subResource:o}=i.resource;const r=gt(t);const h=!T.isEqual(e,r.resource);const a=!T.isEqual(o,r.subResource);const c=i.type==="connecting"||i.type==="reconnecting";const l=i.type==="connected";if(h||c&&a){this.disconnect();return this.loadIfDisconnected(t)}else if(l&&a&&((n=r.subResource)===null||n===void 0?void 0:n.type)==="scene-view-state"){const t=r.queries.find((t=>t.type==="supplied-id"));const n=Object.assign(Object.assign(Object.assign({},r.subResource.id!=null?{sceneViewStateId:{hex:r.subResource.id}}:{}),t!=null?{sceneViewStateSuppliedId:{value:t.id}}:{}),s!=null?{cameraType:Qi(s)}:{});await this.loadSceneViewState(n);this.updateState(Object.assign(Object.assign({},i),{resource:r}))}}async loadIfDisconnected(t,i){try{await this.connectWithNewStream(gt(t),i)}catch(t){if(t instanceof M){this.updateState({type:"connection-failed",message:`Cannot load scene. ${t.message}`,error:t})}else if(t instanceof v){this.updateState({type:"connection-failed",message:`Cannot load scene. Stream request failed to start stream.`,error:t})}else{this.updateState({type:"connection-failed",message:`Cannot load scene for unknown reason. See console logs.`,error:t})}throw t}}connectWithNewStream(t,i){return this.openWebsocketStream(t,"connecting",(()=>this.requestNewStream(t,i)))}connectToExistingStream(t){return this.openWebsocketStream(t.resource,"reconnecting",(()=>this.requestReconnectStream(t)),{maxRetries:Number.POSITIVE_INFINITY})}async openWebsocketStream(t,i,s,{maxRetries:n=3}={}){const e=ts(is(this.config,t.resource,this.clientId,this.deviceId));console.debug(`Initiating WS connection [uri=${e.url}]`);const o=new AbortController;const r=Yi(this.config);this.updateState({type:i,resource:t,connection:{dispose:()=>{this.dispose();o.abort()}}});const h=await P.abort(o.signal,P.retry((()=>this.connect(e,r)),{maxRetries:n,delaysInMs:Xi.WS_RECONNECT_DELAYS})).catch((t=>{throw new E("Websocket connection failed.",t instanceof Error?t:undefined)}));if(!h.aborted){return this.requestNewOrExistingStream(t,h.result,s)}else{this.updateState({type:"disconnected"})}}async requestNewOrExistingStream(t,i,s){const n=this.requestClock();const e=await s();console.debug(`Stream connected [stream-id=${e.streamId}, scene-id=${e.sceneId}, scene-view-id=${e.sceneViewId}]`);const o=this.onRequest((t=>{const i=t.request.drawFrame;if(i!=null){const t=ht(e.worldOrientation)(i);if(this.state.type==="connected"){if(t.depthBufferBytes!=null||this.state.frame.temporalRefinementCorrelationId!==t.temporalRefinementCorrelationId){this.updateState(Object.assign(Object.assign({},this.state),{frame:t,fallbackDepthBufferBytes:t.depthBufferBytes}))}else{this.updateState(Object.assign(Object.assign({},this.state),{frame:t.copy({depthBufferBytes:this.state.fallbackDepthBufferBytes})}))}}}}));const r=this.reconnectWhenNeeded();const h=this.refreshTokenWhenExpired(e.token);const a=this.acknowledgeFrameRequests();const c=e.frame==null?await this.waitForFrame(e.worldOrientation,this.options.loadTimeoutInSeconds):e.frame;const l=await n;console.debug(`Synchronized clocks [local-time=${l.knownLocalTime.toISOString()}, remote-time=${l.knownRemoteTime.toISOString()}]`);this.updateState({type:"connected",connection:{dispose:()=>{r.dispose();o.dispose();h.dispose();a.dispose();i.dispose()}},resource:t,streamId:e.streamId,deviceId:e.deviceId,sceneId:e.sceneId,sceneViewId:e.sceneViewId,worldOrientation:e.worldOrientation,token:e.token,frame:c,clock:l,fallbackDepthBufferBytes:undefined})}async requestNewStream(t,i){var s,n;const e=t.queries.find((t=>t.type==="supplied-id"));const o=at(await this.startStream({streamKey:{value:t.resource.id},dimensions:this.getDimensions(),frameBackgroundColor:Zi(this.frameBgColor),clientSupportsTemporalRefinement:this.enableTemporalRefinement,streamAttributes:Gi(this.streamAttributes),sceneViewStateId:((s=t.subResource)===null||s===void 0?void 0:s.type)==="scene-view-state"&&t.subResource.id!=null?{hex:t.subResource.id}:undefined,sceneViewStateSuppliedId:((n=t.subResource)===null||n===void 0?void 0:n.type)==="scene-view-state"&&e!=null?{value:e.id}:undefined,cameraType:i!=null?Qi(i):undefined}));return{resource:t,streamId:o.streamId,sceneId:o.sceneId,sceneViewId:o.sceneViewId,deviceId:o.sessionId,token:o.token,worldOrientation:o.worldOrientation,frame:undefined,fallbackDepthBufferBytes:undefined}}async requestReconnectStream(t){const i=ct(await this.reconnect({streamId:{hex:t.streamId},dimensions:this.getDimensions(),frameBackgroundColor:Zi(this.frameBgColor),streamAttributes:Gi(this.streamAttributes),clientSupportsTemporalRefinement:this.enableTemporalRefinement}));return Object.assign(Object.assign({},t),{token:i.token})}async requestClock(){const t=lt(await this.syncTime({requestTime:g()}));return new yt(t)}reconnectWhenNeeded(){const t=this.onClose((()=>{if(this.state.type==="connected"){this.closeAndReconnect(this.state)}}));const i=this.onRequest((t=>{const i=t.request.gracefulReconnection!=null;if(i&&this.state.type==="connected"){console.debug("Received request for graceful reconnect. Closing connection and attempting reconnect.");this.closeAndReconnect(this.state)}}));const s=this.reconnectWhenOffline();return{dispose:()=>{t.dispose();i.dispose();s.dispose()}}}refreshTokenWhenExpired(t){let i;const s=t=>{const{tokenRefreshOffsetInSeconds:n}=this.options;const e=t.remainingTimeInMs(n);i=window.setTimeout((async()=>{const t=await this.refreshToken();const i=ut(t);s(i);if(this.state.type==="connected"){this.updateState(Object.assign(Object.assign({},this.state),{token:i}))}}),e)};s(t);return{dispose:()=>clearTimeout(i)}}reconnectWhenOffline(){let t;const i=()=>window.clearTimeout(t);const s=()=>{i();const s=this.options.offlineThresholdInSeconds;console.debug(`Detected that host is offline. Will attempt reconnect in ${s}s.`);t=window.setTimeout((()=>{if(this.state.type==="connected"){this.closeAndReconnect(this.state)}}),s*1e3)};const n=()=>{console.debug("Detected that host is online.");i()};const e=()=>s();window.addEventListener("offline",e);window.addEventListener("online",n);return{dispose:()=>{i();window.removeEventListener("offline",s);window.removeEventListener("online",i)}}}closeAndReconnect(t){t.connection.dispose();return this.connectToExistingStream(t)}async waitForFrame(t,i){let s;try{return await P.timeout(i*1e3,new Promise((i=>{s=this.onRequest((n=>{try{const e=n.request.drawFrame;if(e!=null){const s=ht(t)(e);i(s)}}finally{s===null||s===void 0?void 0:s.dispose()}}))})))}catch(t){throw new O(`Frame timed out after ${i/1e3}s`,t instanceof Error?t:undefined)}finally{s===null||s===void 0?void 0:s.dispose()}}acknowledgeFrameRequests(){return this.onRequest(Si(this,(()=>this.state.type==="connected"?this.state.clock:undefined)))}updateState(t){if(this.state!==t){this.state=t;this.stateChanged.emit(this.state)}}getDimensions(){if(d.area(this.dimensions)===0){return d.create(1,1)}return this.dimensions}ifState(t,i){if(this.state.type===t){return i()}}onStateChanged(t){return this.stateChanged.on(t)}}Xi.WS_RECONNECT_DELAYS=[0,1e3,1e3,5e3];const Gi=b.ifInvalidThrow(et);const Zi=b.ifInvalidThrow(ot);const Qi=b.ifInvalidThrow(rt);function Yi(t){return{EXPERIMENTAL_frameDelivery:Object.assign(Object.assign({},t.EXPERIMENTAL_frameDelivery),{rateLimitingEnabled:t.flags.throttleFrameDelivery}),EXPERIMENTAL_adaptiveRendering:Object.assign(Object.assign({},t.EXPERIMENTAL_adaptiveRendering),{enabled:t.flags.adaptiveRendering}),EXPERIMENTAL_qualityOfService:Object.assign({},t.EXPERIMENTAL_qualityOfService)}}function ts(t){return{url:S.toString(t),protocols:["ws.vertexvis.com"]}}function is(t,i,s,n){if(s!=null){return S.appendPath(S.toString(S.parseAndAddParams("/ws",{clientId:s,deviceId:n})),S.parse(t.network.renderingHost))}else{return S.appendPath(`/stream-keys/${i.id}/session`,S.parse(t.network.renderingHost))}}const ss=15e3;function ns(t){return t.getBoundingClientRect()}function es(t,i){const s=window.getComputedStyle(t);const n=s.getPropertyValue(i);return n!==""?n:undefined}const os=":host{--image-background:var(--image-background);--viewer-background:var(--viewer-background);display:block;position:relative;width:300px;height:300px;min-width:1px;min-height:1px;user-select:none;-webkit-user-select:none}.canvas-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative}.enable-pointer-events{touch-action:none}.viewer-container{width:100%;height:100%;overflow:hidden}.error-message{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}";const rs=class{constructor(s){t(this,s);this.tap=i(this,"tap",7);this.doubletap=i(this,"doubletap",7);this.longpress=i(this,"longpress",7);this.frameReceived=i(this,"frameReceived",7);this.frameDrawn=i(this,"frameDrawn",7);this.tokenExpired=i(this,"tokenExpired",7);this.connectionChange=i(this,"connectionChange",7);this.sceneReady=i(this,"sceneReady",7);this.sceneChanged=i(this,"sceneChanged",7);this.interactionStarted=i(this,"interactionStarted",7);this.interactionFinished=i(this,"interactionFinished",7);this.cameraTypeChanged=i(this,"cameraTypeChanged",7);this.annotationStateChanged=i(this,"annotationStateChanged",7);this.deviceIdChange=i(this,"deviceIdChange",7);this.dimensionschange=i(this,"dimensionschange",7);this.configEnv="platprod";this.cameraControls=true;this.cameraType="perspective";this.keyboardControls=true;this.rotateAroundTapPoint=true;this.phantom={opacity:.1};this.noDefaultLights=false;this.enableTemporalRefinement=true;this.experimentalRenderingOptions="";this.resizeDebounce=100;this.stencilBuffer=new Rt(this.hostElement);this.viewport=jt.fromDimensions(d.create(0,0));this.stateMap={cursorManager:new Tt,streamState:{type:"disconnected"}};this.interactionHandlers=[];this.defaultInteractionHandlerDisposables=[];this.tapKeyInteractions=[];this.defaultTapKeyInteractions=[];this.internalFrameDrawnDispatcher=new C;this.handleElementResize=this.handleElementResize.bind(this)}componentWillLoad(){var t;this.updateResolvedConfig();this.calculateComponentDimensions();this.resizeObserver=new ResizeObserver(this.handleElementResize);this.registerSlotChangeListeners();const i=this.getResolvedConfig();const s=new f(i.network.sceneViewHost);this.annotations=new Wt(s,(()=>this.token),(()=>this.deviceId));this.annotations.onStateChange.on((t=>this.annotationStateChanged.emit(t)));this.stream=(t=this.stream)!==null&&t!==void 0?t:new Xi(new y,{loggingEnabled:i.flags.logWsMessages,enableTemporalRefinement:this.enableTemporalRefinement});this.addStreamListeners();this.modelViews=new bt(s,this.stream,(()=>this.token),(()=>this.deviceId));this.pmi=new Ct(s,(()=>this.token),(()=>this.deviceId));this.sceneItems=new Wi(s,(()=>this.token),(()=>this.deviceId));this.updateStreamAttributes();this.stateMap.cursorManager.onChanged.on((()=>this.handleCursorChanged()))}async componentDidLoad(){var t;this.interactionApi=this.createInteractionApi();if(this.canvasContainerElement!=null){(t=this.resizeObserver)===null||t===void 0?void 0:t.observe(this.canvasContainerElement)}if(this.src!=null){this.load(this.src,{cameraType:this.cameraType}).catch((t=>{console.error("Error loading scene",t)}))}await this.initializeDefaultInteractionHandlers();this.injectViewerApi()}render(){var t;return s(n,null,s("div",{ref:t=>this.viewerContainerElement=t,class:"viewer-container",style:{cursor:At((t=this.cursor)!==null&&t!==void 0?t:"")},onContextMenu:t=>t.preventDefault()},s("div",{ref:t=>this.canvasContainerElement=t,class:D("canvas-container",{"enable-pointer-events ":window.PointerEvent!=null})},s("canvas",{ref:t=>{this.canvasElement=t;this.stateMap.interactionTarget=t},class:"canvas"}),this.errorMessage!=null?s("div",{class:"error-message"},this.errorMessage):null),s("slot",null)))}async dispatchFrameDrawn(t){this.frame=t;this.internalFrameDrawnDispatcher.emit(t);this.frameDrawn.emit(t)}async registerInteractionHandler(t){this.interactionHandlers.push(t);this.initializeInteractionHandler(t);return{dispose:()=>{const i=this.interactionHandlers.indexOf(t);if(i!==-1){this.interactionHandlers[i].dispose();this.interactionHandlers.splice(i,1)}}}}async registerTapKeyInteraction(t){this.tapKeyInteractions=[...this.tapKeyInteractions,t]}async getInteractionTarget_DEPRECATED(){if(this.stateMap.interactionTarget!=null){return this.stateMap.interactionTarget}else throw new Error("Interaction target is undefined.")}async addCursor(t,i){return this.stateMap.cursorManager.add(t,i)}async getInteractionHandlers(){return this.interactionHandlers}async getKeyInteractions(){return this.tapKeyInteractions}async getBaseInteractionHandler(){return this.baseInteractionHandler}async getJwt(){return this.token}handleSrcChanged(t){if(t!=null){this.load(t,{cameraType:this.cameraType})}else{this.unload()}}handleCameraControlsChanged(){this.initializeDefaultCameraInteractionHandlers()}handleKeyboardControlsChanged(){this.initializeDefaultKeyboardInteractionHandlers()}handleRotateAboutTapPointChanged(){var t,i;this.updateStreamAttributes();if(this.rotateAroundTapPoint){(t=this.baseInteractionHandler)===null||t===void 0?void 0:t.setPrimaryInteractionType("rotate-point")}else{(i=this.baseInteractionHandler)===null||i===void 0?void 0:i.setPrimaryInteractionType("rotate")}}handleCameraTypeChanged(t,i){if(t!==i){this.updateCameraType()}}handleStreamAttributesChanged(){this.updateStreamAttributes()}handleEnableTemporalRefinementChanged(){this.updateEnableTemporalRefinement()}handleConfigChanged(){this.updateResolvedConfig()}handleConfigEnvChanged(){this.updateResolvedConfig()}async load(t,i){var s,n;if(this.stream!=null&&this.dimensions!=null){const{EXPERIMENTAL_annotationPollingIntervalInMs:e}=this.getResolvedConfig();this.calculateComponentDimensions();this.stream.update({streamAttributes:this.getStreamAttributes(),config:It(this.configEnv,this.config),dimensions:this.dimensions,frameBgColor:this.getBackgroundColor()});await((s=this.stream)===null||s===void 0?void 0:s.load(t,this.clientId,this.getDeviceId(),this.getResolvedConfig(),i===null||i===void 0?void 0:i.cameraType));this.sceneReady.emit();if(e!==undefined){(n=this.annotations)===null||n===void 0?void 0:n.connect(e)}}else{throw new R("Cannot load scene. Viewer has not been initialized.")}}async unload(){var t;if(this.stream!=null){(t=this.annotations)===null||t===void 0?void 0:t.disconnect();this.stream.disconnect();this.frame=undefined;this.errorMessage=undefined}if(this.canvasElement!=null){const t=this.canvasElement.getContext("2d");if(t!=null){t.clearRect(0,0,this.canvasElement.width,this.canvasElement.height)}}}async reload(){if(this.src!=null){await this.unload();await this.load(this.src,{cameraType:this.cameraType})}}async scene(){return this.createScene()}async isSceneReady(){return this.stateMap.streamState.type==="connected"}async handleTapEvent(t){this.tapKeyInteractions.filter((i=>i.predicate(t.detail))).forEach((i=>i.fn(t.detail)))}emitConnectionChange(t){this.connectionChange.emit(t)}handleElementResize(t){const i=t.length>0&&this.dimensions!=null&&!d.isEqual(t[0].contentRect,this.viewport);if(i){if(this.resizeTimer!=null){clearTimeout(this.resizeTimer);this.resizeTimer=undefined}if(!this.isResizing){this.resizeTimer=setTimeout((()=>{this.isResizing=true;this.isResizeUpdate=true;this.recalculateComponentDimensions()}),this.resizeDebounce)}}}registerSlotChangeListeners(){this.mutationObserver=new MutationObserver((t=>this.injectViewerApi()));this.mutationObserver.observe(this.hostElement,{childList:true,subtree:true});this.styleObserver=new MutationObserver((t=>this.syncViewerStyles()));this.styleObserver.observe(this.hostElement,{attributes:true,attributeFilter:["style"]})}injectViewerApi(){function t(t){return Array.from(t.querySelectorAll("*"))}const i=t(this.hostElement);i.filter((t=>t.nodeName.startsWith("VERTEX-"))).reduce(((i,s)=>[...i,s,...t(s)]),[]).forEach((t=>{t.viewer=this.hostElement}))}syncViewerStyles(){var t;const i=this.getBackgroundColor();(t=this.stream)===null||t===void 0?void 0:t.update({frameBgColor:i,streamAttributes:this.getStreamAttributes()})}calculateComponentDimensions(){var t;const i=2073600;const s=this.getBounds();if((s===null||s===void 0?void 0:s.width)!=null&&(s===null||s===void 0?void 0:s.height)!=null){const n=d.create(s.width,s.height);const e=d.scaleFit(i,n);this.hostDimensions=n;this.dimensions=e!=null?d.create(e.width,e.height):undefined;this.viewport=jt.fromDimensions((t=this.getCanvasDimensions())!==null&&t!==void 0?t:d.create(0,0))}}recalculateComponentDimensions(){var t;if(this.isResizing){this.calculateComponentDimensions();this.isResizing=false;if(((t=this.stream)===null||t===void 0?void 0:t.getState().type)==="connected"){this.updateDimensions(this.dimensions)}}}reportPerformance(t){if(this.stateMap.streamState.type==="connected"){const i={timings:t.map((t=>({receiveToPaintDuration:p(t.duration)})))};this.getStream().recordPerformance(i,false)}}addStreamListeners(){this.stateMap.streamListeners=this.getStream().stateChanged.on((t=>{this.handleStreamStateChanged(this.stateMap.streamState,t)}))}handleStreamStateChanged(t,i){this.stateMap.streamState=i;if(i.type==="connecting"){this.handleConnecting(t,i)}else if(i.type==="connected"){this.handleConnected(t,i)}else if(i.type==="connection-failed"){this.handleConnectionFailed(t,i)}else if(i.type==="disconnected"){this.handleDisconnected(t,i)}}handleConnecting(t,i){if(t.type!=="connecting"){this.token=undefined;this.errorMessage=undefined;this.emitConnectionChange({status:"connecting"})}}handleConnected(t,i){var s;this.token=i.token.token;if(t.type!=="connected"){this.errorMessage=undefined;this.canvasRenderer=yi(di,bi(),this.getResolvedConfig().flags.logFrameRate,(t=>this.reportPerformance(t)));this.emitConnectionChange({status:"connected",jwt:i.token.token});this.deviceIdChange.emit(i.deviceId)}if(((s=this.frame)===null||s===void 0?void 0:s.getId())!==i.frame.getId()){this.updateFrame(i.frame)}this.updateDimensions(this.dimensions)}handleConnectionFailed(t,i){if(t.type!=="connection-failed"){this.token=undefined;this.errorMessage=i.message;this.emitConnectionChange({status:"connection-failed",errorMessage:i.message})}}handleDisconnected(t,i){if(t.type!=="disconnected"){this.token=undefined;this.errorMessage=undefined;this.emitConnectionChange({status:"disconnected"})}}updateDimensions(t){var i;(i=this.stream)===null||i===void 0?void 0:i.update({dimensions:t});this.dimensionschange.emit(t)}async updateFrame(t){var i;const s=this.getCanvasDimensions();if(this.canvasElement!=null&&s!=null&&((i=this.frame)===null||i===void 0?void 0:i.getId())!==t.getId()){const i=this.canvasElement.getContext("2d");if(i!=null){const n=this.frame;this.frame=dt(t,n);this.updateInteractionApi(n);const e={canvas:i,canvasDimensions:s,dimensions:this.dimensions,frame:this.frame,viewport:this.viewport,beforeDraw:()=>{this.updateCanvasDimensions(s);this.isResizeUpdate=false},predicate:()=>{if(this.isResizeUpdate){return this.dimensions==null||d.isEqual(this.dimensions,e.frame.image.imageAttr.frameDimensions)}return true}};this.frameReceived.emit(this.frame);if(this.frame.scene.hasChanged){this.sceneChanged.emit()}const o=await this.canvasRenderer(e);if(o!=null){this.updateViewerBackground();this.dispatchFrameDrawn(o)}}}}updateViewerBackground(){const t=this.getBackgroundColor();Mt((()=>{var i,s;(i=this.viewerContainerElement)===null||i===void 0?void 0:i.style.setProperty("background",t!=null?I.toHexString(t):"#ffffff");(s=this.canvasContainerElement)===null||s===void 0?void 0:s.style.setProperty("background",t!=null?I.toHexString(t):"#ffffff")}))}async initializeDefaultInteractionHandlers(){var t;await this.initializeDefaultCameraInteractionHandlers();await this.initializeDefaultTapInteractionHandler();this.initializeDefaultKeyboardInteractionHandlers();if(this.rotateAroundTapPoint){(t=this.baseInteractionHandler)===null||t===void 0?void 0:t.setPrimaryInteractionType("rotate-point")}}clearDefaultCameraInteractionHandlers(){this.defaultInteractionHandlerDisposables.forEach((t=>t.dispose()));this.defaultInteractionHandlerDisposables=[]}clearDefaultKeyboardInteractions(){this.defaultTapKeyInteractions.forEach((t=>{const i=this.tapKeyInteractions.indexOf(t);if(i!==-1){this.tapKeyInteractions.splice(i,1)}}));this.tapKeyInteractions=[]}async initializeDefaultCameraInteractionHandlers(){var t,i;this.clearDefaultCameraInteractionHandlers();if(this.cameraControls){if(window.PointerEvent!=null){this.baseInteractionHandler=(t=this.baseInteractionHandler)!==null&&t!==void 0?t:new ai((()=>this.getResolvedConfig()));const i=await this.registerInteractionHandler(this.baseInteractionHandler);const s=await this.registerInteractionHandler(new hi);this.defaultInteractionHandlerDisposables=[i,s]}else{this.baseInteractionHandler=(i=this.baseInteractionHandler)!==null&&i!==void 0?i:new ei((()=>this.getResolvedConfig()));const t=await this.registerInteractionHandler(this.baseInteractionHandler);const s=await this.registerInteractionHandler(new li);this.defaultInteractionHandlerDisposables=[t,s]}}}initializeDefaultKeyboardInteractionHandlers(){var t;this.clearDefaultKeyboardInteractions();if(this.keyboardControls&&this.stream!=null){(t=this.baseInteractionHandler)===null||t===void 0?void 0:t.setDefaultKeyboardControls(this.keyboardControls);const i=new _t(this.stream,(()=>this.getResolvedConfig()),(()=>this.getImageScale()));const s=new Gt(this.stream,(()=>this.getResolvedConfig()),(()=>this.getImageScale()),(()=>this.createScene()));this.registerTapKeyInteraction(i);this.registerTapKeyInteraction(s);this.defaultTapKeyInteractions=[i,s]}}async initializeDefaultTapInteractionHandler(){if(this.tapHandlerDisposable==null){if(window.PointerEvent!=null){const t=new ci("pointerdown","pointerup","pointermove",(()=>this.getResolvedConfig()));this.tapHandlerDisposable=await this.registerInteractionHandler(t)}else{const t=new ci("mousedown","mouseup","mousemove",(()=>this.getResolvedConfig()));this.tapHandlerDisposable=await this.registerInteractionHandler(t)}}}initializeInteractionHandler(t){if(this.stateMap.interactionTarget==null){throw new B("Cannot initialize interaction handler. Interaction target is undefined.")}if(this.interactionApi==null){throw new B("Cannot initialize interaction handler. Interaction APi is undefined.")}t.initialize(this.stateMap.interactionTarget,this.interactionApi)}createInteractionApi(){if(this.stream==null){throw new z("Cannot create interaction API. Component has not been initialized.")}return this.frame==null||this.frame.scene.camera.isPerspective()?new Xt(this.stream,this.stateMap.cursorManager,(()=>this.getResolvedConfig().interactions),(()=>this.createScene()),(()=>this.frame),(()=>this.viewport),this.tap,this.doubletap,this.longpress,this.interactionStarted,this.interactionFinished):new Ut(this.stream,this.stateMap.cursorManager,(()=>this.getResolvedConfig().interactions),(()=>this.createScene()),(()=>this.frame),(()=>this.viewport),this.tap,this.doubletap,this.longpress,this.interactionStarted,this.interactionFinished)}handleCursorChanged(){window.requestAnimationFrame((()=>{this.cursor=this.stateMap.cursorManager.getActiveCursor()}))}async createScene(){const t=await this.waitForConnectedState();const i=ft();const{frame:s,sceneId:n,sceneViewId:e,worldOrientation:o}=t;return new Pt(this.getStream(),s,ht(o),i,(()=>this.getImageScale()),this.viewport,n,e)}getBackgroundColor(){if(this.canvasContainerElement!=null){const t=es(this.hostElement,"--image-background");const i=es(this.hostElement,"--viewer-background");const s=t!==null&&t!==void 0?t:i;return s!=null?I.fromCss(s):I.create(255,255,255)}}getBounds(){return ns(this.hostElement)}getCanvasDimensions(){return this.getResolvedConfig().flags.letterboxFrames?this.dimensions:this.hostDimensions}getImageScale(){const t=this.getCanvasDimensions();if(this.dimensions!=null&&t!=null){return o.create(this.dimensions.width/t.width,this.dimensions.height/t.height)}}getStreamAttributes(){return{depthBuffers:this.getDepthBufferStreamAttributesValue(),experimentalRenderingOptions:this.experimentalRenderingOptions,featureHighlighting:this.featureHighlighting,featureLines:this.featureLines,featureMaps:this.featureMaps,frames:{frameBackgroundColor:this.getBackgroundColor()},noDefaultLights:this.noDefaultLights,phantom:this.phantom,sceneComparison:this.sceneComparison,selectionHighlighting:this.selectionHighlighting}}updateCanvasDimensions(t){if(this.canvasElement!=null){this.canvasElement.width=t.width;this.canvasElement.height=t.height}}updateStreamAttributes(){var t;(t=this.stream)===null||t===void 0?void 0:t.update({streamAttributes:this.getStreamAttributes()})}updateEnableTemporalRefinement(){var t;(t=this.stream)===null||t===void 0?void 0:t.update({enableTemporalRefinement:this.enableTemporalRefinement})}updateInteractionApi(t){if(this.frame!=null){const i=(t==null||t.scene.camera.isPerspective())&&this.frame.scene.camera.isOrthographic();const s=(t==null||t.scene.camera.isOrthographic())&&this.frame.scene.camera.isPerspective();if(i||s){this.interactionApi=this.createInteractionApi();this.cameraType=this.frame.scene.camera.isPerspective()?"perspective":"orthographic";this.cameraTypeChanged.emit(this.cameraType);this.interactionHandlers.forEach((t=>this.initializeInteractionHandler(t)))}}}updateCameraType(){var t,i;if(this.frame!=null){if(this.cameraType==="orthographic"&&this.frame.scene.camera.isPerspective()){(t=this.stream)===null||t===void 0?void 0:t.replaceCamera({camera:Z(pt(this.frame.scene.camera,this.frame.scene.boundingBox))})}else if(this.cameraType==="perspective"&&this.frame.scene.camera.isOrthographic()){(i=this.stream)===null||i===void 0?void 0:i.replaceCamera({camera:Z(mt(this.frame.scene.camera))})}}}getDepthBufferStreamAttributesValue(){var t;const i=(t=this.depthBuffers)!==null&&t!==void 0?t:this.rotateAroundTapPoint?"final":undefined;return i}updateResolvedConfig(){this.resolvedConfig=It(this.configEnv,this.config)}getResolvedConfig(){return hs("Resolved config is undefined",(()=>this.resolvedConfig))}getStream(){return hs("Stream is undefined",(()=>this.stream))}getDeviceId(){if(this.deviceId==null){try{this.deviceId=Ui(_i.DEVICE_ID,(t=>t["device-id"]))}catch(t){console.warn("Cannot read device ID. Local storage is not supported.")}if(this.deviceId==null){this.deviceId=A.create();try{qi(_i.DEVICE_ID,{["device-id"]:this.deviceId})}catch(t){console.warn("Cannot write device ID. Local storage is not supported.")}}}return this.deviceId}async waitForConnectedState(){if(this.stateMap.streamState.type!=="connected"){console.debug("Stream was not in a connected state. Waiting for successful connection.");return new Promise(((t,i)=>{const s=this.getStream().onStateChanged((i=>{if(i.type==="connected"){t(i)}}));setTimeout((()=>{s.dispose();i(new Error("Timed out waiting for connected state."))}),ss)}))}return this.stateMap.streamState}get hostElement(){return e(this)}static get watchers(){return{src:["handleSrcChanged"],cameraControls:["handleCameraControlsChanged"],keyboardControls:["handleKeyboardControlsChanged"],rotateAroundTapPoint:["handleRotateAboutTapPointChanged"],cameraType:["handleCameraTypeChanged"],experimentalRenderingOptions:["handleStreamAttributesChanged"],depthBuffers:["handleStreamAttributesChanged"],featureHighlighting:["handleStreamAttributesChanged"],featureLines:["handleStreamAttributesChanged"],featureMaps:["handleStreamAttributesChanged"],noDefaultLights:["handleStreamAttributesChanged"],phantom:["handleStreamAttributesChanged"],sceneComparison:["handleStreamAttributesChanged"],selectionHighlighting:["handleStreamAttributesChanged"],enableTemporalRefinement:["handleEnableTemporalRefinementChanged"],config:["handleConfigChanged"],configEnv:["handleConfigEnvChanged"]}}};function hs(t,i){const s=i();if(s!=null){return s}else throw new Error(t)}rs.style=os;export{rs as vertex_viewer};
+//# sourceMappingURL=p-d2ddc770.entry.js.map