@vertexvis/viewer 0.15.2-testing.1 → 0.15.2-testing.3

package/dist/viewer/{p-2b58afc3.entry.js → p-b7e170ac.entry.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{r as e,h as i,F as t,H as s}from"./p-d6fce4c1.js";import{p as r,h as a}from"./p-70e5e8a8.js";import"./p-52ab9ec0.js";import"./p-92fe4417.js";import"./p-68e192b9.js";import{M as n}from"./p-7f6251da.js";import{t as l}from"./p-1abfe4bf.js";import"./p-dfe5a97d.js";import"./p-65af7a89.js";import"./p-df8fbe56.js";const o=class{constructor(i){e(this,i),this.start=r.create(),this.end=r.create(),this.capLength=0,this.pointerEvents="none"}render(){const e=a.fromPoints(this.start,this.end),t=m(this.start,this.end,e,this.capLength),s=m(this.start,this.end,e,this.capLength+1);return i("svg",null,i("g",{class:"line-stroke","pointer-events":this.pointerEvents},i("line",{class:"line",x1:this.start.x,y1:this.start.y,x2:this.end.x,y2:this.end.y}),i("line",{class:"start-cap",x1:s.startEndCap.start.x,y1:s.startEndCap.start.y,x2:s.startEndCap.end.x,y2:s.startEndCap.end.y}),i("line",{class:"end-cap",x1:s.endEndCap.start.x,y1:s.endEndCap.start.y,x2:s.endEndCap.end.x,y2:s.endEndCap.end.y})),i("g",{class:"line-fill","pointer-events":this.pointerEvents},i("line",{class:"line",x1:this.start.x,y1:this.start.y,x2:this.end.x,y2:this.end.y}),i("line",{class:"start-cap",x1:t.startEndCap.start.x,y1:t.startEndCap.start.y,x2:t.startEndCap.end.x,y2:t.startEndCap.end.y}),i("line",{class:"end-cap",x1:t.endEndCap.start.x,y1:t.endEndCap.start.y,x2:t.endEndCap.end.x,y2:t.endEndCap.end.y})))}};function m(e,i,t,s){return{startEndCap:v(e,t,s),endEndCap:v(i,t,s)}}function v(e,i,t){const s=i+Math.PI/2;return{start:r.add(e,r.polar(t/2,s)),end:r.add(e,r.polar(t/2,s+Math.PI))}}o.style=":host{display:block;--viewer-measurement-line-stroke:var(--white);--viewer-measurement-line-stroke-opacity:0.75;--viewer-measurement-line-stroke-width:1.25px;--viewer-measurement-line-fill:var(--neutral-900);--viewer-measurement-line-fill-width:2px;--viewer-measurement-line-start-cap-visibility:initial;--viewer-measurement-line-end-cap-visibility:initial}svg{width:100%;height:100%}.line-stroke{stroke-width:calc(\n    var(--viewer-measurement-line-fill-width) +\n      var(--viewer-measurement-line-stroke-width)\n  );stroke:var(--viewer-measurement-line-stroke);opacity:var(--viewer-measurement-line-stroke-opacity)}.line-fill{stroke-width:var(--viewer-measurement-line-fill-width);stroke:var(--viewer-measurement-line-fill)}.start-cap{visibility:var(--viewer-measurement-line-start-cap-visibility)}.end-cap{visibility:var(--viewer-measurement-line-end-cap-visibility)}";const h=({overlay:e,viewport:t,camera:s})=>i("line"===e.type?c:u,{overlay:e,viewport:t,camera:s}),c=({overlay:e,camera:t,viewport:s})=>{const{start:r,end:a}=l(e,{camera:t,viewport:s});return i("vertex-viewer-measurement-line",{class:"measurement-line",start:r,end:a})},u=({overlay:{x:e,y:s,z:r},camera:a,viewport:n})=>{const o={camera:a,viewport:n},{start:m,end:v}=l(e,o),{start:h,end:c}=l(s,o),{start:u,end:d}=l(r,o);return i(t,null,i("vertex-viewer-measurement-line",{class:"measurement-line distance-vector-x",start:m,end:v}),i("vertex-viewer-measurement-line",{class:"measurement-line distance-vector-y",start:h,end:c}),i("vertex-viewer-measurement-line",{class:"measurement-line distance-vector-z",start:u,end:d}))},d=class{constructor(i){e(this,i),this.measurementOverlays=new n,this.overlays=[],this.updateCamera=()=>{var e,i;this.camera=null===(i=null===(e=this.viewer)||void 0===e?void 0:e.frame)||void 0===i?void 0:i.scene.camera}}handleMeasurementOverlaysChanged(){this.removeModelListeners(),this.addModelListeners(),this.updateOverlays()}handleViewerChanged(e,i){this.removeViewerListeners(i),this.addViewerListeners(),this.updateCamera()}componentWillLoad(){this.addModelListeners(),this.addViewerListeners(),this.updateOverlays(),this.updateCamera()}addModelListeners(){this.onOverlaysChangedListener=this.measurementOverlays.onOverlaysChanged((()=>this.updateOverlays()))}removeModelListeners(){var e;null===(e=this.onOverlaysChangedListener)||void 0===e||e.dispose(),this.onOverlaysChangedListener=void 0}addViewerListeners(){var e;null===(e=this.viewer)||void 0===e||e.addEventListener("frameReceived",this.updateCamera)}removeViewerListeners(e){null==e||e.removeEventListener("frameReceived",this.updateCamera)}updateOverlays(){this.overlays=this.measurementOverlays.getOverlays()}render(){return i(s,null,this.overlays.map((e=>{if(null!=this.camera&&null!=this.viewer)return i(h,{overlay:e,viewport:this.viewer.viewport,camera:this.camera})})))}static get watchers(){return{measurementOverlays:["handleMeasurementOverlaysChanged"],viewer:["handleViewerChanged"]}}};d.style=":host{display:block;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;--viewer-measurement-overlays-x-axis-color:var(--x-axis-color);--viewer-measurement-overlays-y-axis-color:var(--y-axis-color);--viewer-measurement-overlays-z-axis-color:var(--z-axis-color)}.measurement-line{position:absolute;width:100%;height:100%}.measurement-line.distance-vector-x{--viewer-measurement-line-fill:var(\n    --viewer-measurement-overlays-x-axis-color\n  )}.measurement-line.distance-vector-y{--viewer-measurement-line-fill:var(\n    --viewer-measurement-overlays-y-axis-color\n  )}.measurement-line.distance-vector-z{--viewer-measurement-line-fill:var(\n    --viewer-measurement-overlays-z-axis-color\n  )}";export{o as vertex_viewer_measurement_line,d as vertex_viewer_measurement_overlays}
+import{r as e,h as i,F as t,H as s}from"./p-d6fce4c1.js";import{p as r,h as a}from"./p-70e5e8a8.js";import"./p-1fc24ec6.js";import"./p-92fe4417.js";import"./p-31b87b90.js";import{M as n}from"./p-7f6251da.js";import{t as l}from"./p-1abfe4bf.js";import"./p-dfe5a97d.js";import"./p-65af7a89.js";import"./p-df8fbe56.js";const o=class{constructor(i){e(this,i),this.start=r.create(),this.end=r.create(),this.capLength=0,this.pointerEvents="none"}render(){const e=a.fromPoints(this.start,this.end),t=m(this.start,this.end,e,this.capLength),s=m(this.start,this.end,e,this.capLength+1);return i("svg",null,i("g",{class:"line-stroke","pointer-events":this.pointerEvents},i("line",{class:"line",x1:this.start.x,y1:this.start.y,x2:this.end.x,y2:this.end.y}),i("line",{class:"start-cap",x1:s.startEndCap.start.x,y1:s.startEndCap.start.y,x2:s.startEndCap.end.x,y2:s.startEndCap.end.y}),i("line",{class:"end-cap",x1:s.endEndCap.start.x,y1:s.endEndCap.start.y,x2:s.endEndCap.end.x,y2:s.endEndCap.end.y})),i("g",{class:"line-fill","pointer-events":this.pointerEvents},i("line",{class:"line",x1:this.start.x,y1:this.start.y,x2:this.end.x,y2:this.end.y}),i("line",{class:"start-cap",x1:t.startEndCap.start.x,y1:t.startEndCap.start.y,x2:t.startEndCap.end.x,y2:t.startEndCap.end.y}),i("line",{class:"end-cap",x1:t.endEndCap.start.x,y1:t.endEndCap.start.y,x2:t.endEndCap.end.x,y2:t.endEndCap.end.y})))}};function m(e,i,t,s){return{startEndCap:v(e,t,s),endEndCap:v(i,t,s)}}function v(e,i,t){const s=i+Math.PI/2;return{start:r.add(e,r.polar(t/2,s)),end:r.add(e,r.polar(t/2,s+Math.PI))}}o.style=":host{display:block;--viewer-measurement-line-stroke:var(--white);--viewer-measurement-line-stroke-opacity:0.75;--viewer-measurement-line-stroke-width:1.25px;--viewer-measurement-line-fill:var(--neutral-900);--viewer-measurement-line-fill-width:2px;--viewer-measurement-line-start-cap-visibility:initial;--viewer-measurement-line-end-cap-visibility:initial}svg{width:100%;height:100%}.line-stroke{stroke-width:calc(\n    var(--viewer-measurement-line-fill-width) +\n      var(--viewer-measurement-line-stroke-width)\n  );stroke:var(--viewer-measurement-line-stroke);opacity:var(--viewer-measurement-line-stroke-opacity)}.line-fill{stroke-width:var(--viewer-measurement-line-fill-width);stroke:var(--viewer-measurement-line-fill)}.start-cap{visibility:var(--viewer-measurement-line-start-cap-visibility)}.end-cap{visibility:var(--viewer-measurement-line-end-cap-visibility)}";const h=({overlay:e,viewport:t,camera:s})=>i("line"===e.type?c:u,{overlay:e,viewport:t,camera:s}),c=({overlay:e,camera:t,viewport:s})=>{const{start:r,end:a}=l(e,{camera:t,viewport:s});return i("vertex-viewer-measurement-line",{class:"measurement-line",start:r,end:a})},u=({overlay:{x:e,y:s,z:r},camera:a,viewport:n})=>{const o={camera:a,viewport:n},{start:m,end:v}=l(e,o),{start:h,end:c}=l(s,o),{start:u,end:d}=l(r,o);return i(t,null,i("vertex-viewer-measurement-line",{class:"measurement-line distance-vector-x",start:m,end:v}),i("vertex-viewer-measurement-line",{class:"measurement-line distance-vector-y",start:h,end:c}),i("vertex-viewer-measurement-line",{class:"measurement-line distance-vector-z",start:u,end:d}))},d=class{constructor(i){e(this,i),this.measurementOverlays=new n,this.overlays=[],this.updateCamera=()=>{var e,i;this.camera=null===(i=null===(e=this.viewer)||void 0===e?void 0:e.frame)||void 0===i?void 0:i.scene.camera}}handleMeasurementOverlaysChanged(){this.removeModelListeners(),this.addModelListeners(),this.updateOverlays()}handleViewerChanged(e,i){this.removeViewerListeners(i),this.addViewerListeners(),this.updateCamera()}componentWillLoad(){this.addModelListeners(),this.addViewerListeners(),this.updateOverlays(),this.updateCamera()}addModelListeners(){this.onOverlaysChangedListener=this.measurementOverlays.onOverlaysChanged((()=>this.updateOverlays()))}removeModelListeners(){var e;null===(e=this.onOverlaysChangedListener)||void 0===e||e.dispose(),this.onOverlaysChangedListener=void 0}addViewerListeners(){var e;null===(e=this.viewer)||void 0===e||e.addEventListener("frameReceived",this.updateCamera)}removeViewerListeners(e){null==e||e.removeEventListener("frameReceived",this.updateCamera)}updateOverlays(){this.overlays=this.measurementOverlays.getOverlays()}render(){return i(s,null,this.overlays.map((e=>{if(null!=this.camera&&null!=this.viewer)return i(h,{overlay:e,viewport:this.viewer.viewport,camera:this.camera})})))}static get watchers(){return{measurementOverlays:["handleMeasurementOverlaysChanged"],viewer:["handleViewerChanged"]}}};d.style=":host{display:block;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;--viewer-measurement-overlays-x-axis-color:var(--x-axis-color);--viewer-measurement-overlays-y-axis-color:var(--y-axis-color);--viewer-measurement-overlays-z-axis-color:var(--z-axis-color)}.measurement-line{position:absolute;width:100%;height:100%}.measurement-line.distance-vector-x{--viewer-measurement-line-fill:var(\n    --viewer-measurement-overlays-x-axis-color\n  )}.measurement-line.distance-vector-y{--viewer-measurement-line-fill:var(\n    --viewer-measurement-overlays-y-axis-color\n  )}.measurement-line.distance-vector-z{--viewer-measurement-line-fill:var(\n    --viewer-measurement-overlays-z-axis-color\n  )}";export{o as vertex_viewer_measurement_line,d as vertex_viewer_measurement_overlays}

package/dist/viewer/{p-69a3fce8.entry.js → p-d34ad2b2.entry.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{h as e,F as i,r as t,H as o}from"./p-d6fce4c1.js";import{v as r,q as a,u as n}from"./p-70e5e8a8.js";import{r as c}from"./p-b74242dc.js";import{O as s,e as d,G as l}from"./p-68e192b9.js";import"./p-df8fbe56.js";import{c as h}from"./p-07aeee89.js";import"./p-65af7a89.js";import"./p-dfe5a97d.js";const b={front:{direction:r.back(),quaternion:a.create()},back:{direction:r.forward(),quaternion:a.fromAxisAngle(r.up(),Math.PI)},left:{direction:r.left(),quaternion:a.fromAxisAngle(r.down(),Math.PI/2)},right:{direction:r.right(),quaternion:a.fromAxisAngle(r.up(),Math.PI/2)},top:{direction:r.up(),quaternion:a.fromAxisAngle(r.right(),-Math.PI/2)},bottom:{direction:r.down(),quaternion:a.fromAxisAngle(r.left(),-Math.PI/2)}},f=({label:t,length:o,rotationAxis:c})=>{const s={width:`${o+5}px`},d=a.fromAxisAngle(c,Math.PI/2),l=r.scale(o+15,r.right());return e(i,null,e("vertex-viewer-dom-group",{quaternion:d},e("vertex-viewer-dom-element",{style:s,billboardOff:!0,interactionsOff:!0},e("div",{class:`triad-axis triad-axis-${t.toLowerCase()}`})),e("vertex-viewer-dom-element",{rotation:n.create({x:Math.PI/2,y:0,z:0}),style:s,billboardOff:!0,interactionsOff:!0},e("div",{class:`triad-axis triad-axis-${t.toLowerCase()}`})),e("vertex-viewer-dom-element",{position:l,interactionsOff:!0},e("div",{class:`triad-label triad-label-${t.toLowerCase()}`},t))))},g=({label:i,length:t,side:o,disabled:a,onPointerDown:n})=>{const{direction:c,quaternion:s}=b[o],d=r.scale(t/2-.1,c);return e("vertex-viewer-dom-element",{class:h("cube-side",{disabled:a}),position:d,quaternion:s,style:{width:`${t}px`,height:`${t}px`},onPointerDown:n,billboardOff:!0},e("div",{class:`cube-side-face cube-side-face-${i.toLowerCase()}`},i))},v=({length:i,face1Side:t,face1Corner:o,face2Side:a,face2Corner:n,face3Side:c,face3Corner:s,disabled:d,onPointerDown:l})=>{const{direction:f,quaternion:g}=b[t],{direction:v,quaternion:u}=b[a],{direction:w,quaternion:p}=b[c],m=r.scale(i/2,f),x=r.scale(i/2,v),S=r.scale(i/2,w),y={width:`${i}px`,height:`${i}px`};return e("vertex-viewer-dom-group",{class:h("cube-corner",{disabled:d}),onPointerDown:l},e("vertex-viewer-dom-element",{position:m,quaternion:g,style:y,billboardOff:!0},e("div",{class:`cube-corner-face ${o}`})),e("vertex-viewer-dom-element",{position:x,quaternion:u,style:y,billboardOff:!0},e("div",{class:`cube-corner-face ${n}`})),e("vertex-viewer-dom-element",{position:S,quaternion:p,style:y,billboardOff:!0},e("div",{class:`cube-corner-face ${s}`})))},u=({length:i,face1Side:t,face2Side:o,face1Edge:a,face2Edge:n,disabled:c,onPointerDown:s})=>{const{direction:d,quaternion:l}=b[t],{direction:f,quaternion:g}=b[o],v=r.scale(i/2,d),u=r.scale(i/2,f),w={width:`${i}px`,height:`${i}px`};return e("vertex-viewer-dom-group",{class:h("cube-edge",{disabled:c}),onPointerDown:s},e("vertex-viewer-dom-element",{position:v,quaternion:l,style:w,billboardOff:!0},e("div",{class:`cube-edge-face ${a}`})),e("vertex-viewer-dom-element",{position:u,quaternion:g,style:w,billboardOff:!0},e("div",{class:`cube-edge-face ${n}`})))},w=({length:i})=>{const{direction:t,quaternion:o}=b.top,a=r.scale(-i/2,t);return e("vertex-viewer-dom-element",{class:"cube-shadow",position:a,quaternion:o,style:{width:`${i}px`,height:`${i}px`},billboardOff:!0,interactionsOff:!0},e("div",{class:"cube-shadow-face"}))},p=class{constructor(e){t(this,e),this.boxLength=80,this.triadPosition=r.origin(),this.xPositiveLabel="Left",this.xNegativeLabel="Right",this.yPositiveLabel="Top",this.yNegativeLabel="Bottom",this.zPositiveLabel="Front",this.zNegativeLabel="Back",this.standardViewsOff=!1,this.animationDuration=500,this.triadOff=!1,this.worldOrientation=s.DEFAULT,this.updateMatrices=()=>{var e;if(null!=(null===(e=this.viewer)||void 0===e?void 0:e.frame)){const{camera:e}=this.viewer.frame.scene,i=this.boxLength/2;this.triadPosition=r.create(-i-5,-i-5,-i-5);const t=21.5;this.camera=new d(r.scale(3.125*this.boxLength,r.negate(e.direction)),r.origin(),e.up,.1,100,1,t),this.worldOrientation=this.viewer.frame.scene.worldOrientation}}}handleViewerChanged(e,i){null==i||i.removeEventListener("frameDrawn",this.updateMatrices),null==e||e.addEventListener("frameDrawn",this.updateMatrices),this.updateMatrices()}handleStandardView(e){return this.standardViewsOff?async()=>{}:async()=>{if(null!=this.viewer){const i=await this.viewer.scene(),t=this.animationDuration>0?{animation:{milliseconds:this.animationDuration}}:{},o=e.transformMatrix(this.worldOrientation.matrix);i.camera().standardView(o).viewAll().render(t)}}}componentWillLoad(){this.handleViewerChanged(this.viewer)}componentDidLoad(){null!=this.rendererEl&&(new ResizeObserver((()=>this.handleRendererResized())).observe(this.rendererEl),this.handleRendererResized())}handleRendererResized(){c((()=>{if(null!=this.rendererEl){const e=this.rendererEl.getBoundingClientRect();this.boxLength=Math.min(e.width,e.height)}}))}render(){return e(o,null,e("vertex-viewer-dom-renderer",{ref:e=>this.rendererEl=e,class:"renderer",camera:this.camera},!this.triadOff&&e("vertex-viewer-dom-group",{class:"triad",position:this.triadPosition},e(f,{label:"X",length:this.boxLength,rotationAxis:r.origin()}),e(f,{label:"Y",length:this.boxLength,rotationAxis:r.back()}),e(f,{label:"Z",length:this.boxLength,rotationAxis:r.down()})),e("vertex-viewer-dom-group",{class:"cube",matrix:this.worldOrientation.matrix},e(w,{length:this.boxLength+10}),e(g,{label:this.zPositiveLabel,length:this.boxLength,side:"front",onPointerDown:this.handleStandardView(l.FRONT),disabled:this.standardViewsOff}),e(g,{label:this.zNegativeLabel,length:this.boxLength,side:"back",onPointerDown:this.handleStandardView(l.BACK),disabled:this.standardViewsOff}),e(g,{label:this.xNegativeLabel,length:this.boxLength,side:"left",onPointerDown:this.handleStandardView(l.RIGHT),disabled:this.standardViewsOff}),e(g,{label:this.xPositiveLabel,length:this.boxLength,side:"right",onPointerDown:this.handleStandardView(l.LEFT),disabled:this.standardViewsOff}),e(g,{label:this.yPositiveLabel,length:this.boxLength,side:"top",onPointerDown:this.handleStandardView(l.TOP),disabled:this.standardViewsOff}),e(g,{label:this.yNegativeLabel,length:this.boxLength,side:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"bottom",face2Side:"front",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_FRONT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"front",face1Edge:"right",face2Side:"right",face2Edge:"left",onPointerDown:this.handleStandardView(l.FRONT_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"top",face2Side:"front",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_FRONT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"front",face1Edge:"left",face2Side:"left",face2Edge:"right",onPointerDown:this.handleStandardView(l.FRONT_RIGHT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"right",face2Side:"right",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"back",face1Edge:"left",face2Side:"right",face2Edge:"right",onPointerDown:this.handleStandardView(l.BACK_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"right",face2Side:"right",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"top",face2Side:"back",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_BACK),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"back",face1Edge:"right",face2Side:"left",face2Edge:"left",onPointerDown:this.handleStandardView(l.BACK_RIGHT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"bottom",face2Side:"back",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_BACK),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"left",face2Side:"left",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_RIGHT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"left",face2Side:"left",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"bottom-left",face2Side:"front",face2Corner:"top-left",face3Side:"left",face3Corner:"top-right",onPointerDown:this.handleStandardView(l.TOP_FRONT_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"bottom-right",face2Side:"front",face2Corner:"top-right",face3Side:"right",face3Corner:"top-left",onPointerDown:this.handleStandardView(l.TOP_FRONT_LEFT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"top-right",face2Side:"front",face2Corner:"bottom-right",face3Side:"right",face3Corner:"bottom-left",onPointerDown:this.handleStandardView(l.BOTTOM_FRONT_LEFT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"top-left",face2Side:"front",face2Corner:"bottom-left",face3Side:"left",face3Corner:"bottom-right",onPointerDown:this.handleStandardView(l.BOTTOM_FRONT_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"top-right",face2Side:"back",face2Corner:"top-left",face3Side:"right",face3Corner:"top-right",onPointerDown:this.handleStandardView(l.TOP_BACK_LEFT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"top-left",face2Side:"back",face2Corner:"top-right",face3Side:"left",face3Corner:"top-left",onPointerDown:this.handleStandardView(l.TOP_BACK_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"bottom-left",face2Side:"back",face2Corner:"bottom-right",face3Side:"left",face3Corner:"bottom-left",onPointerDown:this.handleStandardView(l.BOTTOM_BACK_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"bottom-right",face2Side:"back",face2Corner:"bottom-left",face3Side:"right",face3Corner:"bottom-right",onPointerDown:this.handleStandardView(l.BOTTOM_BACK_LEFT),disabled:this.standardViewsOff}))))}static get watchers(){return{viewer:["handleViewerChanged"]}}};p.style=":host{--viewer-view-cube-side-background:var(--white);--viewer-view-cube-side-background-hover:var(--blue-500);--viewer-view-cube-side-background-hover-opacity:0.25;--viewer-view-cube-side-border:1.5px solid var(--neutral-500);--viewer-view-cube-edge-length:12px;--viewer-view-cube-opacity:0.8;--viewer-view-cube-triad-x-axis-color:var(--x-axis-color);--viewer-view-cube-triad-y-axis-color:var(--y-axis-color);--viewer-view-cube-triad-z-axis-color:var(--z-axis-color);color:var(--neutral-700);width:80px;height:80px;margin:20px;position:relative;display:flex;align-items:center;justify-content:center;user-select:none}.renderer{position:unset;width:100%;height:100%;overflow:visible}.reference-point{width:5px;height:5px;border-radius:50%;background-color:black}.triad{pointer-events:none}.triad-axis{width:100%;height:1.5px;outline:1px solid transparent;transform:translateX(50%)}.triad-axis-x{background-color:#ea3324}.triad-axis-y{background-color:#4faf32}.triad-axis-z{background-color:#0000ff}.triad-label{font-family:Arial, Helvetica, sans-serif;font-size:0.6875rem}.triad-label-x{color:var(--viewer-view-cube-triad-x-axis-color)}.triad-label-y{color:var(--viewer-view-cube-triad-y-axis-color)}.triad-label-z{color:var(--viewer-view-cube-triad-z-axis-color)}.cube{pointer-events:initial}.cube:hover .cube-side-face{opacity:1}.cube-side{backface-visibility:hidden;-webkit-backface-visibility:hidden}.cube-side-face{box-sizing:border-box;font-size:0.875rem;text-transform:uppercase;width:100%;height:100%;background-color:var(--viewer-view-cube-side-background);border:var(--viewer-view-cube-side-border);display:flex;align-items:center;justify-content:center;outline:1px solid transparent;opacity:var(--viewer-view-cube-opacity);transition:opacity 0.2s ease-in-out}.cube-side-face::before{content:'';position:absolute;left:calc(var(--viewer-view-cube-edge-length) - 4px);right:calc(var(--viewer-view-cube-edge-length) - 4px);top:calc(var(--viewer-view-cube-edge-length) - 4px);bottom:calc(var(--viewer-view-cube-edge-length) - 4px)}.cube-corner,.cube-edge{position:relative}.cube-corner-face,.cube-edge-face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cube-edge-face.top{top:0;left:var(--viewer-view-cube-edge-length);right:var(--viewer-view-cube-edge-length);height:var(--viewer-view-cube-edge-length)}.cube-edge-face.bottom{bottom:0;left:var(--viewer-view-cube-edge-length);right:var(--viewer-view-cube-edge-length);height:var(--viewer-view-cube-edge-length)}.cube-edge-face.left{left:0;top:var(--viewer-view-cube-edge-length);bottom:var(--viewer-view-cube-edge-length);width:var(--viewer-view-cube-edge-length)}.cube-edge-face.right{right:0;top:var(--viewer-view-cube-edge-length);bottom:var(--viewer-view-cube-edge-length);width:var(--viewer-view-cube-edge-length)}.cube-corner-face{width:var(--viewer-view-cube-edge-length);height:var(--viewer-view-cube-edge-length)}.cube-corner-face.top-left{top:0;left:0}.cube-corner-face.top-right{top:0;right:0}.cube-corner-face.bottom-right{bottom:0;right:0}.cube-corner-face.bottom-left{bottom:0;left:0}.cube-shadow{backface-visibility:hidden;-webkit-backface-visibility:hidden}.cube-shadow-face{position:absolute;left:4px;right:4px;top:4px;bottom:4px;background-color:black;opacity:0.12;filter:blur(4px)}.cube-corner .cube-corner-face,.cube-edge .cube-edge-face,.cube-side .cube-side-face::before{background:var(--viewer-view-cube-side-background-hover);opacity:0}.cube-corner:hover .cube-corner-face,.cube-edge:hover .cube-edge-face,.cube-side:hover .cube-side-face::before{opacity:var(--viewer-view-cube-side-background-hover-opacity)}.cube-corner.disabled,.cube-edge.disabled,.cube-side.disabled{pointer-events:none}";export{p as vertex_viewer_view_cube}
+import{h as e,F as i,r as t,H as o}from"./p-d6fce4c1.js";import{v as r,q as a,u as n}from"./p-70e5e8a8.js";import{r as c}from"./p-b74242dc.js";import{O as s,e as d,G as l}from"./p-31b87b90.js";import"./p-df8fbe56.js";import{c as h}from"./p-07aeee89.js";import"./p-65af7a89.js";import"./p-dfe5a97d.js";const b={front:{direction:r.back(),quaternion:a.create()},back:{direction:r.forward(),quaternion:a.fromAxisAngle(r.up(),Math.PI)},left:{direction:r.left(),quaternion:a.fromAxisAngle(r.down(),Math.PI/2)},right:{direction:r.right(),quaternion:a.fromAxisAngle(r.up(),Math.PI/2)},top:{direction:r.up(),quaternion:a.fromAxisAngle(r.right(),-Math.PI/2)},bottom:{direction:r.down(),quaternion:a.fromAxisAngle(r.left(),-Math.PI/2)}},f=({label:t,length:o,rotationAxis:c})=>{const s={width:`${o+5}px`},d=a.fromAxisAngle(c,Math.PI/2),l=r.scale(o+15,r.right());return e(i,null,e("vertex-viewer-dom-group",{quaternion:d},e("vertex-viewer-dom-element",{style:s,billboardOff:!0,interactionsOff:!0},e("div",{class:`triad-axis triad-axis-${t.toLowerCase()}`})),e("vertex-viewer-dom-element",{rotation:n.create({x:Math.PI/2,y:0,z:0}),style:s,billboardOff:!0,interactionsOff:!0},e("div",{class:`triad-axis triad-axis-${t.toLowerCase()}`})),e("vertex-viewer-dom-element",{position:l,interactionsOff:!0},e("div",{class:`triad-label triad-label-${t.toLowerCase()}`},t))))},g=({label:i,length:t,side:o,disabled:a,onPointerDown:n})=>{const{direction:c,quaternion:s}=b[o],d=r.scale(t/2-.1,c);return e("vertex-viewer-dom-element",{class:h("cube-side",{disabled:a}),position:d,quaternion:s,style:{width:`${t}px`,height:`${t}px`},onPointerDown:n,billboardOff:!0},e("div",{class:`cube-side-face cube-side-face-${i.toLowerCase()}`},i))},v=({length:i,face1Side:t,face1Corner:o,face2Side:a,face2Corner:n,face3Side:c,face3Corner:s,disabled:d,onPointerDown:l})=>{const{direction:f,quaternion:g}=b[t],{direction:v,quaternion:u}=b[a],{direction:w,quaternion:p}=b[c],m=r.scale(i/2,f),x=r.scale(i/2,v),S=r.scale(i/2,w),y={width:`${i}px`,height:`${i}px`};return e("vertex-viewer-dom-group",{class:h("cube-corner",{disabled:d}),onPointerDown:l},e("vertex-viewer-dom-element",{position:m,quaternion:g,style:y,billboardOff:!0},e("div",{class:`cube-corner-face ${o}`})),e("vertex-viewer-dom-element",{position:x,quaternion:u,style:y,billboardOff:!0},e("div",{class:`cube-corner-face ${n}`})),e("vertex-viewer-dom-element",{position:S,quaternion:p,style:y,billboardOff:!0},e("div",{class:`cube-corner-face ${s}`})))},u=({length:i,face1Side:t,face2Side:o,face1Edge:a,face2Edge:n,disabled:c,onPointerDown:s})=>{const{direction:d,quaternion:l}=b[t],{direction:f,quaternion:g}=b[o],v=r.scale(i/2,d),u=r.scale(i/2,f),w={width:`${i}px`,height:`${i}px`};return e("vertex-viewer-dom-group",{class:h("cube-edge",{disabled:c}),onPointerDown:s},e("vertex-viewer-dom-element",{position:v,quaternion:l,style:w,billboardOff:!0},e("div",{class:`cube-edge-face ${a}`})),e("vertex-viewer-dom-element",{position:u,quaternion:g,style:w,billboardOff:!0},e("div",{class:`cube-edge-face ${n}`})))},w=({length:i})=>{const{direction:t,quaternion:o}=b.top,a=r.scale(-i/2,t);return e("vertex-viewer-dom-element",{class:"cube-shadow",position:a,quaternion:o,style:{width:`${i}px`,height:`${i}px`},billboardOff:!0,interactionsOff:!0},e("div",{class:"cube-shadow-face"}))},p=class{constructor(e){t(this,e),this.boxLength=80,this.triadPosition=r.origin(),this.xPositiveLabel="Left",this.xNegativeLabel="Right",this.yPositiveLabel="Top",this.yNegativeLabel="Bottom",this.zPositiveLabel="Front",this.zNegativeLabel="Back",this.standardViewsOff=!1,this.animationDuration=500,this.triadOff=!1,this.worldOrientation=s.DEFAULT,this.updateMatrices=()=>{var e;if(null!=(null===(e=this.viewer)||void 0===e?void 0:e.frame)){const{camera:e}=this.viewer.frame.scene,i=this.boxLength/2;this.triadPosition=r.create(-i-5,-i-5,-i-5);const t=21.5;this.camera=new d(r.scale(3.125*this.boxLength,r.negate(e.direction)),r.origin(),e.up,.1,100,1,t),this.worldOrientation=this.viewer.frame.scene.worldOrientation}}}handleViewerChanged(e,i){null==i||i.removeEventListener("frameDrawn",this.updateMatrices),null==e||e.addEventListener("frameDrawn",this.updateMatrices),this.updateMatrices()}handleStandardView(e){return this.standardViewsOff?async()=>{}:async()=>{if(null!=this.viewer){const i=await this.viewer.scene(),t=this.animationDuration>0?{animation:{milliseconds:this.animationDuration}}:{},o=e.transformMatrix(this.worldOrientation.matrix);i.camera().standardView(o).viewAll().render(t)}}}componentWillLoad(){this.handleViewerChanged(this.viewer)}componentDidLoad(){null!=this.rendererEl&&(new ResizeObserver((()=>this.handleRendererResized())).observe(this.rendererEl),this.handleRendererResized())}handleRendererResized(){c((()=>{if(null!=this.rendererEl){const e=this.rendererEl.getBoundingClientRect();this.boxLength=Math.min(e.width,e.height)}}))}render(){return e(o,null,e("vertex-viewer-dom-renderer",{ref:e=>this.rendererEl=e,class:"renderer",camera:this.camera},!this.triadOff&&e("vertex-viewer-dom-group",{class:"triad",position:this.triadPosition},e(f,{label:"X",length:this.boxLength,rotationAxis:r.origin()}),e(f,{label:"Y",length:this.boxLength,rotationAxis:r.back()}),e(f,{label:"Z",length:this.boxLength,rotationAxis:r.down()})),e("vertex-viewer-dom-group",{class:"cube",matrix:this.worldOrientation.matrix},e(w,{length:this.boxLength+10}),e(g,{label:this.zPositiveLabel,length:this.boxLength,side:"front",onPointerDown:this.handleStandardView(l.FRONT),disabled:this.standardViewsOff}),e(g,{label:this.zNegativeLabel,length:this.boxLength,side:"back",onPointerDown:this.handleStandardView(l.BACK),disabled:this.standardViewsOff}),e(g,{label:this.xNegativeLabel,length:this.boxLength,side:"left",onPointerDown:this.handleStandardView(l.RIGHT),disabled:this.standardViewsOff}),e(g,{label:this.xPositiveLabel,length:this.boxLength,side:"right",onPointerDown:this.handleStandardView(l.LEFT),disabled:this.standardViewsOff}),e(g,{label:this.yPositiveLabel,length:this.boxLength,side:"top",onPointerDown:this.handleStandardView(l.TOP),disabled:this.standardViewsOff}),e(g,{label:this.yNegativeLabel,length:this.boxLength,side:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"bottom",face2Side:"front",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_FRONT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"front",face1Edge:"right",face2Side:"right",face2Edge:"left",onPointerDown:this.handleStandardView(l.FRONT_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"top",face2Side:"front",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_FRONT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"front",face1Edge:"left",face2Side:"left",face2Edge:"right",onPointerDown:this.handleStandardView(l.FRONT_RIGHT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"right",face2Side:"right",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"back",face1Edge:"left",face2Side:"right",face2Edge:"right",onPointerDown:this.handleStandardView(l.BACK_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"right",face2Side:"right",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_LEFT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"top",face2Side:"back",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_BACK),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"back",face1Edge:"right",face2Side:"left",face2Edge:"left",onPointerDown:this.handleStandardView(l.BACK_RIGHT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"bottom",face2Side:"back",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_BACK),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"top",face1Edge:"left",face2Side:"left",face2Edge:"top",onPointerDown:this.handleStandardView(l.TOP_RIGHT),disabled:this.standardViewsOff}),e(u,{length:this.boxLength,face1Side:"bottom",face1Edge:"left",face2Side:"left",face2Edge:"bottom",onPointerDown:this.handleStandardView(l.BOTTOM_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"bottom-left",face2Side:"front",face2Corner:"top-left",face3Side:"left",face3Corner:"top-right",onPointerDown:this.handleStandardView(l.TOP_FRONT_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"bottom-right",face2Side:"front",face2Corner:"top-right",face3Side:"right",face3Corner:"top-left",onPointerDown:this.handleStandardView(l.TOP_FRONT_LEFT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"top-right",face2Side:"front",face2Corner:"bottom-right",face3Side:"right",face3Corner:"bottom-left",onPointerDown:this.handleStandardView(l.BOTTOM_FRONT_LEFT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"top-left",face2Side:"front",face2Corner:"bottom-left",face3Side:"left",face3Corner:"bottom-right",onPointerDown:this.handleStandardView(l.BOTTOM_FRONT_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"top-right",face2Side:"back",face2Corner:"top-left",face3Side:"right",face3Corner:"top-right",onPointerDown:this.handleStandardView(l.TOP_BACK_LEFT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"top",face1Corner:"top-left",face2Side:"back",face2Corner:"top-right",face3Side:"left",face3Corner:"top-left",onPointerDown:this.handleStandardView(l.TOP_BACK_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"bottom-left",face2Side:"back",face2Corner:"bottom-right",face3Side:"left",face3Corner:"bottom-left",onPointerDown:this.handleStandardView(l.BOTTOM_BACK_RIGHT),disabled:this.standardViewsOff}),e(v,{length:this.boxLength,face1Side:"bottom",face1Corner:"bottom-right",face2Side:"back",face2Corner:"bottom-left",face3Side:"right",face3Corner:"bottom-right",onPointerDown:this.handleStandardView(l.BOTTOM_BACK_LEFT),disabled:this.standardViewsOff}))))}static get watchers(){return{viewer:["handleViewerChanged"]}}};p.style=":host{--viewer-view-cube-side-background:var(--white);--viewer-view-cube-side-background-hover:var(--blue-500);--viewer-view-cube-side-background-hover-opacity:0.25;--viewer-view-cube-side-border:1.5px solid var(--neutral-500);--viewer-view-cube-edge-length:12px;--viewer-view-cube-opacity:0.8;--viewer-view-cube-triad-x-axis-color:var(--x-axis-color);--viewer-view-cube-triad-y-axis-color:var(--y-axis-color);--viewer-view-cube-triad-z-axis-color:var(--z-axis-color);color:var(--neutral-700);width:80px;height:80px;margin:20px;position:relative;display:flex;align-items:center;justify-content:center;user-select:none}.renderer{position:unset;width:100%;height:100%;overflow:visible}.reference-point{width:5px;height:5px;border-radius:50%;background-color:black}.triad{pointer-events:none}.triad-axis{width:100%;height:1.5px;outline:1px solid transparent;transform:translateX(50%)}.triad-axis-x{background-color:#ea3324}.triad-axis-y{background-color:#4faf32}.triad-axis-z{background-color:#0000ff}.triad-label{font-family:Arial, Helvetica, sans-serif;font-size:0.6875rem}.triad-label-x{color:var(--viewer-view-cube-triad-x-axis-color)}.triad-label-y{color:var(--viewer-view-cube-triad-y-axis-color)}.triad-label-z{color:var(--viewer-view-cube-triad-z-axis-color)}.cube{pointer-events:initial}.cube:hover .cube-side-face{opacity:1}.cube-side{backface-visibility:hidden;-webkit-backface-visibility:hidden}.cube-side-face{box-sizing:border-box;font-size:0.875rem;text-transform:uppercase;width:100%;height:100%;background-color:var(--viewer-view-cube-side-background);border:var(--viewer-view-cube-side-border);display:flex;align-items:center;justify-content:center;outline:1px solid transparent;opacity:var(--viewer-view-cube-opacity);transition:opacity 0.2s ease-in-out}.cube-side-face::before{content:'';position:absolute;left:calc(var(--viewer-view-cube-edge-length) - 4px);right:calc(var(--viewer-view-cube-edge-length) - 4px);top:calc(var(--viewer-view-cube-edge-length) - 4px);bottom:calc(var(--viewer-view-cube-edge-length) - 4px)}.cube-corner,.cube-edge{position:relative}.cube-corner-face,.cube-edge-face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cube-edge-face.top{top:0;left:var(--viewer-view-cube-edge-length);right:var(--viewer-view-cube-edge-length);height:var(--viewer-view-cube-edge-length)}.cube-edge-face.bottom{bottom:0;left:var(--viewer-view-cube-edge-length);right:var(--viewer-view-cube-edge-length);height:var(--viewer-view-cube-edge-length)}.cube-edge-face.left{left:0;top:var(--viewer-view-cube-edge-length);bottom:var(--viewer-view-cube-edge-length);width:var(--viewer-view-cube-edge-length)}.cube-edge-face.right{right:0;top:var(--viewer-view-cube-edge-length);bottom:var(--viewer-view-cube-edge-length);width:var(--viewer-view-cube-edge-length)}.cube-corner-face{width:var(--viewer-view-cube-edge-length);height:var(--viewer-view-cube-edge-length)}.cube-corner-face.top-left{top:0;left:0}.cube-corner-face.top-right{top:0;right:0}.cube-corner-face.bottom-right{bottom:0;right:0}.cube-corner-face.bottom-left{bottom:0;left:0}.cube-shadow{backface-visibility:hidden;-webkit-backface-visibility:hidden}.cube-shadow-face{position:absolute;left:4px;right:4px;top:4px;bottom:4px;background-color:black;opacity:0.12;filter:blur(4px)}.cube-corner .cube-corner-face,.cube-edge .cube-edge-face,.cube-side .cube-side-face::before{background:var(--viewer-view-cube-side-background-hover);opacity:0}.cube-corner:hover .cube-corner-face,.cube-edge:hover .cube-edge-face,.cube-side:hover .cube-side-face::before{opacity:var(--viewer-view-cube-side-background-hover-opacity)}.cube-corner.disabled,.cube-edge.disabled,.cube-side.disabled{pointer-events:none}";export{p as vertex_viewer_view_cube}

package/dist/viewer/{p-a107b65e.entry.js → p-d64c1e14.entry.js}

@@ -1,7 +1,7 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{h as e,F as t,r,H as s}from"./p-d6fce4c1.js";import{D as i,A as n,f as a}from"./p-68e192b9.js";import"./p-df8fbe56.js";import{o as l,v as o}from"./p-70e5e8a8.js";import{c as h}from"./p-07aeee89.js";import"./p-65af7a89.js";import"./p-dfe5a97d.js";
+import{h as e,F as t,r,H as s}from"./p-d6fce4c1.js";import{D as i,A as n,f as a}from"./p-31b87b90.js";import"./p-df8fbe56.js";import{o as l,v as o}from"./p-70e5e8a8.js";import{c as h}from"./p-07aeee89.js";import"./p-65af7a89.js";import"./p-dfe5a97d.js";
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -29,4 +29,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */function v(e){return e.toLowerCase()}var m=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],c=/[^A-Z0-9]+/gi;function f(e,t,r){return t instanceof RegExp?e.replace(t,r):t.reduce((function(e,t){return e.replace(t,r)}),e)}function y(e,t){return void 0===t&&(t={}),function(e,t){void 0===t&&(t={});for(var r=t.splitRegexp,s=t.stripRegexp,i=void 0===s?c:s,n=t.transform,a=void 0===n?v:n,l=t.delimiter,o=void 0===l?" ":l,h=f(f(e,void 0===r?m:r,"$1\0$2"),i,"\0"),u=0,d=h.length;"\0"===h.charAt(u);)u++;for(;"\0"===h.charAt(d-1);)d--;return h.slice(u,d).split("\0").map(a).join(o)}(e,d({delimiter:"."},t))}const p=(t,r)=>{var s,i,{label:n}=t,a=l(t,["label"]);return e("div",Object.assign({},a,{class:"measurement-details-entry"}),e("div",{class:h("measurement-details-entry-label",(s=n,void 0===i&&(i={}),y(s,u({delimiter:"-"},i))))},n,":"),r)},g=({result:r,formatter:s,overlays:i,onShowOverlay:n,onHideOverlay:a})=>{const l=o.subtract(r.point1,r.point2);return e(t,null,e(p,{label:"Dist",onMouseEnter:()=>n(null==i?void 0:i.addLineFromResult(r)),onMouseLeave:a},s(r.distance)),e(p,{label:"X",onMouseEnter:()=>n(null==i?void 0:i.addDistanceVectorFromResult(r)),onMouseLeave:a},s(l.x)),e(p,{label:"Y",onMouseEnter:()=>n(null==i?void 0:i.addDistanceVectorFromResult(r)),onMouseLeave:a},s(l.y)),e(p,{label:"Z",onMouseEnter:()=>n(null==i?void 0:i.addDistanceVectorFromResult(r)),onMouseLeave:a},s(l.z)))},b=({result:t,formatter:r})=>e(p,{label:"Angle"},r(t.angle)),w=({result:t,formatter:r})=>e(p,{label:"Parallel Dist"},r(t.distance)),O=({result:t,formatter:r})=>e(p,{label:"Area"},r(t.area)),M=class{constructor(e){r(this,e),this.distanceUnits="millimeters",this.angleUnits="degrees",this.fractionalDigits=2,this.distanceMeasurementUnits=new i(this.distanceUnits),this.angleMeasurementUnits=new n(this.angleUnits),this.areaMeasurementUnits=new a(this.distanceUnits),this.handleShowOverlay=e=>{this.overlay=e},this.handleHideOverlay=()=>{var e;null===(e=this.overlay)||void 0===e||e.dispose()},this.handleOutcomeChange=()=>{this.updateStateFromModel()}}connectedCallback(){var e;this.onOutcomeChangedHandler=null===(e=this.measurementModel)||void 0===e?void 0:e.onOutcomeChanged(this.handleOutcomeChange),this.updateStateFromModel()}disconnectedCallback(){var e;null===(e=this.onOutcomeChangedHandler)||void 0===e||e.dispose()}handleDistanceUnitsChanged(){this.distanceMeasurementUnits=new i(this.distanceUnits),this.areaMeasurementUnits=new a(this.distanceUnits)}handleAngleUnitsChanged(){this.angleMeasurementUnits=new n(this.angleUnits)}handleMeasurementModelChanged(){var e,t;null===(e=this.onOutcomeChangedHandler)||void 0===e||e.dispose(),this.onOutcomeChangedHandler=null===(t=this.measurementModel)||void 0===t?void 0:t.onOutcomeChanged(this.handleOutcomeChange),this.updateStateFromModel()}handleResultTypesChanged(){this.updateStateFromModel()}render(){var t,r;const i=(null!==(r=null===(t=this.measurementOutcome)||void 0===t?void 0:t.results)&&void 0!==r?r:[]).filter((e=>{var t,r;return null===(r=null===(t=this.resultTypes)||void 0===t?void 0:t.includes(e.type))||void 0===r||r}));return e(s,null,this.renderResult("planar-angle",i,(t=>e(b,{result:t,overlays:this.measurementOverlays,formatter:this.makeAngleFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))),this.renderResult("planar-distance",i,(t=>e(w,{result:t,overlays:this.measurementOverlays,formatter:this.makeDistanceFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))),this.renderResult("surface-area",i,(t=>e(O,{result:t,overlays:this.measurementOverlays,formatter:this.makeAreaFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))),this.renderResult("minimum-distance",i,(t=>e(g,{result:t,overlays:this.measurementOverlays,formatter:this.makeDistanceFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))))}updateStateFromModel(){var e;this.measurementOutcome=null===(e=this.measurementModel)||void 0===e?void 0:e.getOutcome()}renderResult(e,t,r){const s=this.getResultForType(e,t);return null!=s?r(s):void 0}getResultForType(e,t){return t.find((t=>t.type===e))}makeDistanceFormatter(){return this.makeFormatter((e=>this.distanceMeasurementUnits.convertWorldValueToReal(e)),this.distanceMeasurementUnits.unit,this.distanceFormatter)}makeAngleFormatter(){return this.makeFormatter((e=>this.angleMeasurementUnits.convertTo(e)),this.angleMeasurementUnits.unit,this.angleFormatter)}makeAreaFormatter(){return this.makeFormatter((e=>this.areaMeasurementUnits.convertWorldValueToReal(e)),this.areaMeasurementUnits.unit,this.areaFormatter)}makeFormatter(e,t,r){return s=>{const i=e(s);return null!=r?r(i):this.formatValue(i,t)}}formatValue(e,t){var r,s;const i=e.toFixed(this.fractionalDigits);return`${null!==(s=null===(r=this.measurementOutcome)||void 0===r?void 0:r.isApproximate)&&void 0!==s&&s?"~"+i:i} ${t.abbreviatedName}`}static get watchers(){return{distanceUnits:["handleDistanceUnitsChanged"],angleUnits:["handleAngleUnitsChanged"],measurementModel:["handleMeasurementModelChanged"],resultTypes:["handleResultTypesChanged"]}}};M.style=":host{display:flex;flex-direction:column;--viewer-measurement-details-x-color:red;--viewer-measurement-details-y-color:var(--green-500);--viewer-measurement-details-z-color:blue}.measurement-details-entry{display:flex;align-items:center}.measurement-details-entry-label{user-select:none;padding-right:0.25rem}.measurement-details-entry-label.x{color:var(--viewer-measurement-details-x-color)}.measurement-details-entry-label.y{color:var(--viewer-measurement-details-y-color)}.measurement-details-entry-label.z{color:var(--viewer-measurement-details-z-color)}";export{M as vertex_viewer_measurement_details}
+***************************************************************************** */function v(e){return e.toLowerCase()}var m=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],c=/[^A-Z0-9]+/gi;function f(e,t,r){return t instanceof RegExp?e.replace(t,r):t.reduce((function(e,t){return e.replace(t,r)}),e)}function y(e,t){return void 0===t&&(t={}),function(e,t){void 0===t&&(t={});for(var r=t.splitRegexp,s=t.stripRegexp,i=void 0===s?c:s,n=t.transform,a=void 0===n?v:n,l=t.delimiter,o=void 0===l?" ":l,h=f(f(e,void 0===r?m:r,"$1\0$2"),i,"\0"),u=0,d=h.length;"\0"===h.charAt(u);)u++;for(;"\0"===h.charAt(d-1);)d--;return h.slice(u,d).split("\0").map(a).join(o)}(e,d({delimiter:"."},t))}const p=(t,r)=>{var s,i,{label:n}=t,a=l(t,["label"]);return e("div",Object.assign({},a,{class:"measurement-details-entry"}),e("div",{class:h("measurement-details-entry-label",(s=n,void 0===i&&(i={}),y(s,u({delimiter:"-"},i))))},n,":"),r)},b=({result:r,formatter:s,overlays:i,onShowOverlay:n,onHideOverlay:a})=>{const l=o.subtract(r.point1,r.point2);return e(t,null,e(p,{label:"Dist",onMouseEnter:()=>n(null==i?void 0:i.addLineFromResult(r)),onMouseLeave:a},s(r.distance)),e(p,{label:"X",onMouseEnter:()=>n(null==i?void 0:i.addDistanceVectorFromResult(r)),onMouseLeave:a},s(l.x)),e(p,{label:"Y",onMouseEnter:()=>n(null==i?void 0:i.addDistanceVectorFromResult(r)),onMouseLeave:a},s(l.y)),e(p,{label:"Z",onMouseEnter:()=>n(null==i?void 0:i.addDistanceVectorFromResult(r)),onMouseLeave:a},s(l.z)))},g=({result:t,formatter:r})=>e(p,{label:"Angle"},r(t.angle)),w=({result:t,formatter:r})=>e(p,{label:"Parallel Dist"},r(t.distance)),O=({result:t,formatter:r})=>e(p,{label:"Area"},r(t.area)),M=class{constructor(e){r(this,e),this.distanceUnits="millimeters",this.angleUnits="degrees",this.fractionalDigits=2,this.distanceMeasurementUnits=new i(this.distanceUnits),this.angleMeasurementUnits=new n(this.angleUnits),this.areaMeasurementUnits=new a(this.distanceUnits),this.handleShowOverlay=e=>{this.overlay=e},this.handleHideOverlay=()=>{var e;null===(e=this.overlay)||void 0===e||e.dispose()},this.handleOutcomeChange=()=>{this.updateStateFromModel()}}connectedCallback(){var e;this.onOutcomeChangedHandler=null===(e=this.measurementModel)||void 0===e?void 0:e.onOutcomeChanged(this.handleOutcomeChange),this.updateStateFromModel()}disconnectedCallback(){var e;null===(e=this.onOutcomeChangedHandler)||void 0===e||e.dispose()}handleDistanceUnitsChanged(){this.distanceMeasurementUnits=new i(this.distanceUnits),this.areaMeasurementUnits=new a(this.distanceUnits)}handleAngleUnitsChanged(){this.angleMeasurementUnits=new n(this.angleUnits)}handleMeasurementModelChanged(){var e,t;null===(e=this.onOutcomeChangedHandler)||void 0===e||e.dispose(),this.onOutcomeChangedHandler=null===(t=this.measurementModel)||void 0===t?void 0:t.onOutcomeChanged(this.handleOutcomeChange),this.updateStateFromModel()}handleResultTypesChanged(){this.updateStateFromModel()}render(){var t,r;const i=(null!==(r=null===(t=this.measurementOutcome)||void 0===t?void 0:t.results)&&void 0!==r?r:[]).filter((e=>{var t,r;return null===(r=null===(t=this.resultTypes)||void 0===t?void 0:t.includes(e.type))||void 0===r||r}));return e(s,null,this.renderResult("planar-angle",i,(t=>e(g,{result:t,overlays:this.measurementOverlays,formatter:this.makeAngleFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))),this.renderResult("planar-distance",i,(t=>e(w,{result:t,overlays:this.measurementOverlays,formatter:this.makeDistanceFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))),this.renderResult("surface-area",i,(t=>e(O,{result:t,overlays:this.measurementOverlays,formatter:this.makeAreaFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))),this.renderResult("minimum-distance",i,(t=>e(b,{result:t,overlays:this.measurementOverlays,formatter:this.makeDistanceFormatter(),onShowOverlay:this.handleShowOverlay,onHideOverlay:this.handleHideOverlay}))))}updateStateFromModel(){var e;this.measurementOutcome=null===(e=this.measurementModel)||void 0===e?void 0:e.getOutcome()}renderResult(e,t,r){const s=this.getResultForType(e,t);return null!=s?r(s):void 0}getResultForType(e,t){return t.find((t=>t.type===e))}makeDistanceFormatter(){return this.makeFormatter((e=>this.distanceMeasurementUnits.convertWorldValueToReal(e)),this.distanceMeasurementUnits.unit,this.distanceFormatter)}makeAngleFormatter(){return this.makeFormatter((e=>this.angleMeasurementUnits.convertTo(e)),this.angleMeasurementUnits.unit,this.angleFormatter)}makeAreaFormatter(){return this.makeFormatter((e=>this.areaMeasurementUnits.convertWorldValueToReal(e)),this.areaMeasurementUnits.unit,this.areaFormatter)}makeFormatter(e,t,r){return s=>{const i=e(s);return null!=r?r(i):this.formatValue(i,t)}}formatValue(e,t){var r,s;const i=e.toFixed(this.fractionalDigits);return`${null!==(s=null===(r=this.measurementOutcome)||void 0===r?void 0:r.isApproximate)&&void 0!==s&&s?"~"+i:i} ${t.abbreviatedName}`}static get watchers(){return{distanceUnits:["handleDistanceUnitsChanged"],angleUnits:["handleAngleUnitsChanged"],measurementModel:["handleMeasurementModelChanged"],resultTypes:["handleResultTypesChanged"]}}};M.style=":host{display:flex;flex-direction:column;--viewer-measurement-details-x-color:red;--viewer-measurement-details-y-color:var(--green-500);--viewer-measurement-details-z-color:blue}.measurement-details-entry{display:flex;align-items:center}.measurement-details-entry-label{user-select:none;padding-right:0.25rem}.measurement-details-entry-label.x{color:var(--viewer-measurement-details-x-color)}.measurement-details-entry-label.y{color:var(--viewer-measurement-details-y-color)}.measurement-details-entry-label.z{color:var(--viewer-measurement-details-z-color)}";export{M as vertex_viewer_measurement_details}

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

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
+ */
+import{r as e,c as t,h as i,H as n,g as r}from"./p-d6fce4c1.js";import{p as s}from"./p-70e5e8a8.js";import{s as a}from"./p-c738296e.js";import{A as o,C as l,F as h}from"./p-0fcafbf9.js";import{i as d,a as u,b as p}from"./p-00ce31a0.js";import"./p-65af7a89.js";const c=class{constructor(i){e(this,i),this.markupAdded=t(this,"markupAdded",7),this.markupRemoved=t(this,"markupRemoved",7),this.markupSelectionChanged=t(this,"markupSelectionChanged",7),this.tool="arrow",this.disabled=!1,this.selectNew=!1,this.handlePointerMove=e=>{null!=this.pointerDownPosition&&s.distance(this.pointerDownPosition,s.create(e.clientX,e.clientY))>2&&(this.toSelectMarkupId=void 0)},this.handlePointerUp=async e=>{if(!this.disabled){const t=e.target,i=(await this.getMarkupElements()).find((e=>e===t));null!=(null==i?void 0:i.id)&&""!==i.id&&i.id===this.toSelectMarkupId?this.selectedMarkupId=t.id:null!=this.pointerDownPosition&&s.distance(this.pointerDownPosition,s.create(e.clientX,e.clientY))<=2&&(this.selectedMarkupId=void 0),this.toSelectMarkupId=void 0,this.pointerDownPosition=void 0}window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointermove",this.handlePointerMove)}}disconnectedCallback(){window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointermove",this.handlePointerMove)}async addMarkup(e){if(e instanceof o){const{start:t,end:i,id:n}=e,r=this.createArrowMarkupElement();return r.id=n,r.start=t,r.end=i,this.appendMarkupElement(r)}if(e instanceof l){const{bounds:t,id:i}=e,n=this.createCircleMarkupElement();return n.id=i,n.bounds=t,this.appendMarkupElement(n)}if(e instanceof h){const{bounds:t,points:i,id:n}=e,r=this.createFreeformMarkupElement();return r.id=n,r.points=i,r.bounds=t,this.appendMarkupElement(r)}throw new Error(`Cannot add markup. Unknown type '${e}'.`)}async removeMarkup(e){const t=await this.getMarkupElement(e);return null!=t&&(t.remove(),this.markupRemoved.emit(t)),t}async getMarkupElements(){return Array.from(this.hostEl.children).filter((e=>d(e)||u(e)||p(e)))}async getMarkupElement(e){return(await this.getMarkupElements()).find((t=>t.id===e))}async handleSelectedMarkupIdChanged(){(await this.getMarkupElements()).forEach((e=>{e.id===this.selectedMarkupId?(e.mode="edit",this.markupSelectionChanged.emit(e)):e.mode=""})),null==this.selectedMarkupId&&this.markupSelectionChanged.emit(void 0)}handleToolChanged(){this.updatePropsOnMarkupTool()}handleArrowTemplateIdChanged(){this.updatePropsOnMarkupTool()}handleCircleTemplateIdChanged(){this.updatePropsOnMarkupTool()}handleFreeformTemplateIdChanged(){this.updatePropsOnMarkupTool()}async handleViewerChanged(e){this.updatePropsOnMarkupTool(),this.updatePropsOnMarkups()}handleDisabledChanged(){this.updatePropsOnMarkupTool()}async handleMarkupEnd(e){var t;const i=e,n=await this.addMarkup(i.detail);await new Promise((e=>{const t=()=>{n.removeEventListener("viewRendered",t),e()};n.addEventListener("viewRendered",t)})),this.selectNew&&(this.selectedMarkupId=i.detail.id),null===(t=this.getMarkupTool())||void 0===t||t.reset()}async handleMarkupPointerDown(e){if(!this.disabled){const t=e.target,i=(await this.getMarkupElements()).find((e=>e===t));null!=(null==i?void 0:i.id)&&""!==(null==i?void 0:i.id)&&(this.toSelectMarkupId=t.id),this.pointerDownPosition=s.create(e.clientX,e.clientY),window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)}}componentDidLoad(){this.updatePropsOnMarkupTool()}render(){return i(n,null,i("slot",null))}appendMarkupElement(e){return this.updatePropsOnMarkup(e),this.hostEl.appendChild(e),this.markupAdded.emit(e),e}createArrowMarkupElement(){if(null!=this.arrowTemplateId){const e=a(window.document.body,this.arrowTemplateId,d,(()=>console.warn(`Arrow template with ID ${this.arrowTemplateId} not found. Using default arrow element.`)),(()=>console.warn("Arrow template does not contain a vertex-viewer-markup-arrow. Using default arrow element.")));if(null!=e)return e}return document.createElement("vertex-viewer-markup-arrow")}createCircleMarkupElement(){if(null!=this.circleTemplateId){const e=a(window.document.body,this.circleTemplateId,u,(()=>console.warn(`Circle template with ID ${this.circleTemplateId} not found. Using default circle element.`)),(()=>console.warn("Circle template does not contain a vertex-viewer-markup-circle. Using default circle element.")));if(null!=e)return e}return document.createElement("vertex-viewer-markup-circle")}createFreeformMarkupElement(){if(null!=this.freeformTemplateId){const e=a(window.document.body,this.freeformTemplateId,p,(()=>console.warn(`Freeform template with ID ${this.freeformTemplateId} not found. Using default freeform element.`)),(()=>console.warn("Freeform template does not contain a vertex-viewer-markup-freeform. Using default freeform element.")));if(null!=e)return e}return document.createElement("vertex-viewer-markup-freeform")}async updatePropsOnMarkups(){(await this.getMarkupElements()).forEach((e=>this.updatePropsOnMarkup(e)))}updatePropsOnMarkup(e){e.viewer=this.viewer,e.classList.add("viewer-markup__markup")}updatePropsOnMarkupTool(){const e=this.getMarkupTool();null!=e&&(e.disabled=this.disabled,e.arrowTemplateId=this.arrowTemplateId,e.circleTemplateId=this.circleTemplateId,e.freeformTemplateId=this.freeformTemplateId,e.tool=this.tool,e.viewer=this.viewer)}getMarkupTool(){return this.hostEl.querySelector("vertex-viewer-markup-tool")}get hostEl(){return r(this)}static get watchers(){return{selectedMarkupId:["handleSelectedMarkupIdChanged"],tool:["handleToolChanged"],arrowTemplateId:["handleArrowTemplateIdChanged"],circleTemplateId:["handleCircleTemplateIdChanged"],freeformTemplateId:["handleFreeformTemplateIdChanged"],viewer:["handleViewerChanged"],disabled:["handleDisabledChanged"]}}};c.style=":host{display:block;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}";export{c as vertex_viewer_markup}

package/dist/viewer/{p-c72da0fb.entry.js → p-f3ea0c2b.entry.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{r as t,c as n,h as i,H as s,g as e}from"./p-d6fce4c1.js";import{v as o,q as h,m as a,u as r}from"./p-70e5e8a8.js";import{o as l}from"./p-65af7a89.js";import"./p-68e192b9.js";import"./p-df8fbe56.js";import{V as d}from"./p-29986489.js";import"./p-dfe5a97d.js";const c=class{constructor(i){t(this,i),this.propertyChange=n(this,"propertyChange",7),this.position=o.origin(),this.positionJson="",this.quaternion=h.create(),this.quaternionJson="",this.scale=o.create(1,1,1),this.scaleJson="",this.matrix=a.makeIdentity(),this.occlusionOff=!1,this.occluded=!1,this.billboardOff=!1,this.interactionsOff=!1}handlePositionChange(){this.syncMatrix()}handlePositionJsonChanged(){this.syncPosition()}handleRotationChanged(){this.syncQuaternionWithRotation()}handleRotationJsonChanged(){this.syncRotation()}handleQuaternionChange(){this.syncMatrix()}handleQuaternionJsonChanged(){this.syncQuaternion()}handleScaleChange(){this.syncMatrix()}handleScaleJsonChanged(){this.syncScale()}handleMatrixChanged(t,n){l.isEqual(t,n)||this.propertyChange.emit()}connectedCallback(){this.syncProperties()}componentShouldUpdate(t,n,i){return"occluded"===i}syncProperties(){this.syncPosition(),this.syncRotation(),this.syncQuaternion(),this.syncScale(),this.syncMatrix()}syncPosition(){this.position=this.positionJson.length>0?this.parseJson("positionJson",this.positionJson,o.fromJson):this.position}syncRotation(){this.rotation=null!=this.rotationJson&&this.rotationJson.length>0?this.parseJson("rotationJson",this.rotationJson,r.fromJson):this.rotation,this.syncQuaternionWithRotation()}syncQuaternionWithRotation(){this.quaternion=null!=this.rotation?h.fromEuler(this.rotation):this.quaternion}syncQuaternion(){this.quaternion=this.quaternionJson.length>0?this.parseJson("quaternionJson",this.quaternionJson,h.fromJson):this.quaternion}syncScale(){this.scale=this.scaleJson.length>0?this.parseJson("scaleJson",this.scaleJson,o.fromJson):this.scale}syncMatrix(){this.matrix=a.makeTRS(this.position,this.quaternion,this.scale)}parseJson(t,n,i){try{return i(n)}catch(n){throw console.warn(`Could not parse \`${t}\`. Invalid JSON.`),n}}render(){return i(s,null,i("slot",null))}static get watchers(){return{position:["handlePositionChange"],positionJson:["handlePositionJsonChanged"],rotation:["handleRotationChanged"],rotationJson:["handleRotationJsonChanged"],quaternion:["handleQuaternionChange"],quaternionJson:["handleQuaternionJsonChanged"],scale:["handleScaleChange"],scaleJson:["handleScaleJsonChanged"],matrix:["handleMatrixChanged"]}}};function u(t){return t instanceof HTMLElement&&"VERTEX-VIEWER-DOM-ELEMENT"===t.nodeName}function p(t){return t instanceof HTMLElement&&"VERTEX-VIEWER-DOM-GROUP"===t.nodeName||t instanceof HTMLElement&&null!=t.dataset.isDomGroupElement}c.style=":host{position:absolute;pointer-events:none;visibility:hidden}:host(.hydrated){visibility:hidden}:host(.ready){visibility:inherit}:host(:not([interactions-off]))>*{pointer-events:auto}";const f=(t,n)=>i("div",{class:"root-2d"},n);function m(t,n,i,s,e){const o=v(t,n,s).sort(((t,n)=>t.distanceToCamera-n.distanceToCamera));for(let t=0;t<o.length;t++){const{element:n,worldMatrix:h,worldPosition:a}=o[t],r=!n.occlusionOff&&(null==e?void 0:e.isOccluded(a,i));g(n,w(a,s.projectionViewMatrix,i)),C(n,t,o.length),m(n,h,i,s,e),n.occluded=null!=r&&r,n.classList.add("ready")}}function v(t,n,i){const s=[];for(let e=0;e<t.children.length;e++){const h=t.children[e];if(p(h)){const t=a.multiply(n,h.matrix);s.push(...v(h,t,i))}else if(u(h)){const t=a.multiply(n,h.matrix),e=o.fromMatrixPosition(t),r=o.distanceSquared(i.position,e);s.push({element:h,worldMatrix:t,worldPosition:e,distanceToCamera:r})}}return s}function g(t,n){t.style.transform=["translate(-50%, -50%)",`translate(${n.x}px, ${n.y}px)`].join(" ")}function C(t,n,i){t.style.zIndex=""+(i-n)}function w(t,n,i){const s=o.transformMatrix(t,n);return i.transformVectorToViewport(s)}const y=({camera:t,viewport:n},s)=>{const e=a.toObject(t.projectionMatrix),o=t.isOrthographic()?2*t.far/(2*t.fovHeight)*(n.height/2):e.m22*(n.height/2),h=[`translateZ(${o}px)`,(r=t.viewMatrix,`matrix3d(${[M(r[0]),M(-r[1]),M(r[2]),M(r[3]),M(r[4]),M(-r[5]),M(r[6]),M(r[7]),M(r[8]),M(-r[9]),M(r[10]),M(r[11]),M(r[12]),M(-r[13]),M(r[14]),M(r[15])].join(", ")})`),`translate(${n.width/2}px, ${n.height/2}px)`].join(" ");var r;return i("div",{class:"root-3d",style:{perspective:`${o}px`}},i("div",{class:"camera",style:{transform:h}},s))};function J(t,n,i,s,e){for(let o=0;o<t.children.length;o++){const h=t.children[o];u(h)?x(h,n,i,s,e):p(h)&&E(h,n,i,s,e)}}function x(t,n,i,s,e){const h=a.multiply(n,t.matrix),r=o.fromMatrixPosition(h),l=!t.occlusionOff&&(null==e?void 0:e.isOccluded(r,i));if(t.occluded=null!=l&&l,t.classList.add("ready"),t.billboardOff)t.style.transform=R(h);else{let n=s.viewMatrix;n=a.transpose(n),n=a.position(n,h),n=a.scale(n,t.scale),n[3]=0,n[7]=0,n[11]=0,n[15]=1,t.style.transform=R(n)}J(t,h,i,s,e)}function E(t,n,i,s,e){J(t,a.multiply(n,t.matrix),i,s,e)}function R(t){return["translate(-50%, -50%)",`matrix3d(${[M(t[0]),M(t[1]),M(t[2]),M(t[3]),M(-t[4]),M(-t[5]),M(-t[6]),M(-t[7]),M(t[8]),M(t[9]),M(t[10]),M(t[11]),M(t[12]),M(t[13]),M(t[14]),M(t[15])].join(", ")})`].join(" ")}function M(t){return Math.abs(t)<1e-10?0:t}const b=class{constructor(n){t(this,n),this.drawMode="3d",this.viewport=new d(0,0),this.invalidateFrameCounter=0,this.handleViewerFrameDrawn=async()=>{this.updatePropsFromViewer()}}componentWillLoad(){var t;new ResizeObserver((()=>this.handleResize())).observe(this.hostEl),new MutationObserver((()=>this.handleChildrenChange())).observe(this.hostEl,{childList:!0}),this.handleViewerChange(this.viewer,void 0),null!=(null===(t=this.viewer)||void 0===t?void 0:t.frame)&&this.handleViewerFrameDrawn()}render(){return null!=this.camera?i(s,null,"2d"===this.drawMode?i(f,null,i("slot",null)):i(y,{camera:this.camera,viewport:this.viewport},i("slot",null))):i(s,null)}componentWillRender(){this.updateElements()}handleViewerChange(t,n){null==n||n.removeEventListener("frameDrawn",this.handleViewerFrameDrawn),null==t||t.addEventListener("frameDrawn",this.handleViewerFrameDrawn)}handlePropertyChange(){this.invalidateFrame()}invalidateFrame(){this.invalidateFrameCounter=this.invalidateFrameCounter+1}async updateElements(){const{viewport:t,camera:n}=this,i=a.makeIdentity();null!=n&&("3d"===this.drawMode?J(this.hostEl,i,t,n,this.depthBuffer):m(this.hostEl,i,t,n,this.depthBuffer))}handleResize(){const t=this.hostEl.getBoundingClientRect();this.viewport=new d(t.width,t.height)}handleChildrenChange(){this.invalidateFrame()}async updatePropsFromViewer(){const{frame:t,depthBuffers:n}=this.viewer||{};this.depthBuffer="all"===n?await(null==t?void 0:t.depthBuffer()):void 0,this.camera=null==t?void 0:t.scene.camera}get hostEl(){return e(this)}static get watchers(){return{viewer:["handleViewerChange"]}}};b.style=":host{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.root-3d{width:100%;height:100%;pointer-events:inherit}.camera{transform-style:preserve-3d;pointer-events:inherit;width:100%;height:100%}";export{c as vertex_viewer_dom_element,b as vertex_viewer_dom_renderer}
+import{r as t,c as n,h as i,H as s,g as e}from"./p-d6fce4c1.js";import{v as o,q as h,m as a,u as r}from"./p-70e5e8a8.js";import{o as l}from"./p-65af7a89.js";import"./p-31b87b90.js";import"./p-df8fbe56.js";import{V as d}from"./p-29986489.js";import"./p-dfe5a97d.js";const c=class{constructor(i){t(this,i),this.propertyChange=n(this,"propertyChange",7),this.position=o.origin(),this.positionJson="",this.quaternion=h.create(),this.quaternionJson="",this.scale=o.create(1,1,1),this.scaleJson="",this.matrix=a.makeIdentity(),this.occlusionOff=!1,this.occluded=!1,this.billboardOff=!1,this.interactionsOff=!1}handlePositionChange(){this.syncMatrix()}handlePositionJsonChanged(){this.syncPosition()}handleRotationChanged(){this.syncQuaternionWithRotation()}handleRotationJsonChanged(){this.syncRotation()}handleQuaternionChange(){this.syncMatrix()}handleQuaternionJsonChanged(){this.syncQuaternion()}handleScaleChange(){this.syncMatrix()}handleScaleJsonChanged(){this.syncScale()}handleMatrixChanged(t,n){l.isEqual(t,n)||this.propertyChange.emit()}connectedCallback(){this.syncProperties()}componentShouldUpdate(t,n,i){return"occluded"===i}syncProperties(){this.syncPosition(),this.syncRotation(),this.syncQuaternion(),this.syncScale(),this.syncMatrix()}syncPosition(){this.position=this.positionJson.length>0?this.parseJson("positionJson",this.positionJson,o.fromJson):this.position}syncRotation(){this.rotation=null!=this.rotationJson&&this.rotationJson.length>0?this.parseJson("rotationJson",this.rotationJson,r.fromJson):this.rotation,this.syncQuaternionWithRotation()}syncQuaternionWithRotation(){this.quaternion=null!=this.rotation?h.fromEuler(this.rotation):this.quaternion}syncQuaternion(){this.quaternion=this.quaternionJson.length>0?this.parseJson("quaternionJson",this.quaternionJson,h.fromJson):this.quaternion}syncScale(){this.scale=this.scaleJson.length>0?this.parseJson("scaleJson",this.scaleJson,o.fromJson):this.scale}syncMatrix(){this.matrix=a.makeTRS(this.position,this.quaternion,this.scale)}parseJson(t,n,i){try{return i(n)}catch(n){throw console.warn(`Could not parse \`${t}\`. Invalid JSON.`),n}}render(){return i(s,null,i("slot",null))}static get watchers(){return{position:["handlePositionChange"],positionJson:["handlePositionJsonChanged"],rotation:["handleRotationChanged"],rotationJson:["handleRotationJsonChanged"],quaternion:["handleQuaternionChange"],quaternionJson:["handleQuaternionJsonChanged"],scale:["handleScaleChange"],scaleJson:["handleScaleJsonChanged"],matrix:["handleMatrixChanged"]}}};function u(t){return t instanceof HTMLElement&&"VERTEX-VIEWER-DOM-ELEMENT"===t.nodeName}function p(t){return t instanceof HTMLElement&&"VERTEX-VIEWER-DOM-GROUP"===t.nodeName||t instanceof HTMLElement&&null!=t.dataset.isDomGroupElement}c.style=":host{position:absolute;pointer-events:none;visibility:hidden}:host(.hydrated){visibility:hidden}:host(.ready){visibility:inherit}:host(:not([interactions-off]))>*{pointer-events:auto}";const f=(t,n)=>i("div",{class:"root-2d"},n);function m(t,n,i,s,e){const o=v(t,n,s).sort(((t,n)=>t.distanceToCamera-n.distanceToCamera));for(let t=0;t<o.length;t++){const{element:n,worldMatrix:h,worldPosition:a}=o[t],r=!n.occlusionOff&&(null==e?void 0:e.isOccluded(a,i));g(n,w(a,s.projectionViewMatrix,i)),C(n,t,o.length),m(n,h,i,s,e),n.occluded=null!=r&&r,n.classList.add("ready")}}function v(t,n,i){const s=[];for(let e=0;e<t.children.length;e++){const h=t.children[e];if(p(h)){const t=a.multiply(n,h.matrix);s.push(...v(h,t,i))}else if(u(h)){const t=a.multiply(n,h.matrix),e=o.fromMatrixPosition(t),r=o.distanceSquared(i.position,e);s.push({element:h,worldMatrix:t,worldPosition:e,distanceToCamera:r})}}return s}function g(t,n){t.style.transform=["translate(-50%, -50%)",`translate(${n.x}px, ${n.y}px)`].join(" ")}function C(t,n,i){t.style.zIndex=""+(i-n)}function w(t,n,i){const s=o.transformMatrix(t,n);return i.transformVectorToViewport(s)}const y=({camera:t,viewport:n},s)=>{const e=a.toObject(t.projectionMatrix),o=t.isOrthographic()?2*t.far/(2*t.fovHeight)*(n.height/2):e.m22*(n.height/2),h=[`translateZ(${o}px)`,(r=t.viewMatrix,`matrix3d(${[M(r[0]),M(-r[1]),M(r[2]),M(r[3]),M(r[4]),M(-r[5]),M(r[6]),M(r[7]),M(r[8]),M(-r[9]),M(r[10]),M(r[11]),M(r[12]),M(-r[13]),M(r[14]),M(r[15])].join(", ")})`),`translate(${n.width/2}px, ${n.height/2}px)`].join(" ");var r;return i("div",{class:"root-3d",style:{perspective:`${o}px`}},i("div",{class:"camera",style:{transform:h}},s))};function J(t,n,i,s,e){for(let o=0;o<t.children.length;o++){const h=t.children[o];u(h)?x(h,n,i,s,e):p(h)&&E(h,n,i,s,e)}}function x(t,n,i,s,e){const h=a.multiply(n,t.matrix),r=o.fromMatrixPosition(h),l=!t.occlusionOff&&(null==e?void 0:e.isOccluded(r,i));if(t.occluded=null!=l&&l,t.classList.add("ready"),t.billboardOff)t.style.transform=R(h);else{let n=s.viewMatrix;n=a.transpose(n),n=a.position(n,h),n=a.scale(n,t.scale),n[3]=0,n[7]=0,n[11]=0,n[15]=1,t.style.transform=R(n)}J(t,h,i,s,e)}function E(t,n,i,s,e){J(t,a.multiply(n,t.matrix),i,s,e)}function R(t){return["translate(-50%, -50%)",`matrix3d(${[M(t[0]),M(t[1]),M(t[2]),M(t[3]),M(-t[4]),M(-t[5]),M(-t[6]),M(-t[7]),M(t[8]),M(t[9]),M(t[10]),M(t[11]),M(t[12]),M(t[13]),M(t[14]),M(t[15])].join(", ")})`].join(" ")}function M(t){return Math.abs(t)<1e-10?0:t}const b=class{constructor(n){t(this,n),this.drawMode="3d",this.viewport=new d(0,0),this.invalidateFrameCounter=0,this.handleViewerFrameDrawn=async()=>{this.updatePropsFromViewer()}}componentWillLoad(){var t;new ResizeObserver((()=>this.handleResize())).observe(this.hostEl),new MutationObserver((()=>this.handleChildrenChange())).observe(this.hostEl,{childList:!0}),this.handleViewerChange(this.viewer,void 0),null!=(null===(t=this.viewer)||void 0===t?void 0:t.frame)&&this.handleViewerFrameDrawn()}render(){return null!=this.camera?i(s,null,"2d"===this.drawMode?i(f,null,i("slot",null)):i(y,{camera:this.camera,viewport:this.viewport},i("slot",null))):i(s,null)}componentWillRender(){this.updateElements()}handleViewerChange(t,n){null==n||n.removeEventListener("frameDrawn",this.handleViewerFrameDrawn),null==t||t.addEventListener("frameDrawn",this.handleViewerFrameDrawn)}handlePropertyChange(){this.invalidateFrame()}invalidateFrame(){this.invalidateFrameCounter=this.invalidateFrameCounter+1}async updateElements(){const{viewport:t,camera:n}=this,i=a.makeIdentity();null!=n&&("3d"===this.drawMode?J(this.hostEl,i,t,n,this.depthBuffer):m(this.hostEl,i,t,n,this.depthBuffer))}handleResize(){const t=this.hostEl.getBoundingClientRect();this.viewport=new d(t.width,t.height)}handleChildrenChange(){this.invalidateFrame()}async updatePropsFromViewer(){const{frame:t,depthBuffers:n}=this.viewer||{};this.depthBuffer="all"===n?await(null==t?void 0:t.depthBuffer()):void 0,this.camera=null==t?void 0:t.scene.camera}get hostEl(){return e(this)}static get watchers(){return{viewer:["handleViewerChange"]}}};b.style=":host{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.root-3d{width:100%;height:100%;pointer-events:inherit}.camera{transform-style:preserve-3d;pointer-events:inherit;width:100%;height:100%}";export{c as vertex_viewer_dom_element,b as vertex_viewer_dom_renderer}

package/dist/viewer/viewer.esm.js

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{d as e,N as t,w as r,p as a,b as i}from"./p-d6fce4c1.js";import{g as n}from"./p-98e6a50e.js";import"./p-dfe5a97d.js";(()=>{const i=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t)),n={};return n.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,r.location.href)).href,((a,i)=>{const n=`__sc_import_${t.replace(/\s|-/g,"_")}`;try{r[n]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const o=new Map;r[n]=t=>{const s=new URL(t,a).href;let l=o.get(s);if(!l){const t=e.createElement("script");t.type="module",t.crossOrigin=i.crossOrigin,t.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${n}.m = m;`],{type:"application/javascript"})),l=new Promise((e=>{t.onload=()=>{e(r[n].m),t.remove()}})),o.set(s,l),e.head.appendChild(t)}return l}}})(n.resourcesUrl,i),r.customElements?a(n):__sc_import_viewer("./p-0fdad1a5.js").then((()=>n))})().then((e=>(n(),i([["p-9dfe0b43",[[1,"vertex-viewer-pin-tool",{pinController:[1040],pinModel:[16],viewer:[16],tool:[1025],mode:[1025],primaryColor:[1025,"primary-color"],accentColor:[1025,"accent-color"],pins:[32],selectedPinId:[32],elementBounds:[32],projectionViewMatrix:[32]}]]],["p-1bba9ade",[[1,"vertex-scene-tree",{overScanCount:[2,"over-scan-count"],viewerSelector:[1,"viewer-selector"],viewer:[1040],rowData:[16],config:[1],configEnv:[1,"config-env"],controller:[1040],metadataSearchExactMatch:[1028,"metadata-search-exact-match"],metadataSearchKeys:[1040],metadataKeys:[16],rows:[32],totalRows:[32],showLoader:[32],stateMap:[32],errorDetails:[32],attemptingRetry:[32],invalidateRows:[64],scrollToIndex:[64],scrollToItem:[64],expandAll:[64],collapseAll:[64],expandItem:[64],collapseItem:[64],toggleExpandItem:[64],toggleItemVisibility:[64],hideItem:[64],showItem:[64],selectItem:[64],deselectItem:[64],getRowAtIndex:[64],getRowForEvent:[64],getRowAtClientY:[64],filterItems:[64],selectFilteredItems:[64],fetchMetadataKeys:[64]},[[0,"search","handleSearch"]]]]],["p-426970b3",[[1,"vertex-viewer-default-toolbar",{viewer:[16],placement:[1],direction:[1],animationsDisabled:[4,"animations-disabled"],animationMs:[2,"animation-ms"]}]]],["p-7762c40a",[[1,"vertex-viewer-markup",{arrowTemplateId:[1,"arrow-template-id"],circleTemplateId:[1,"circle-template-id"],freeformTemplateId:[1,"freeform-template-id"],tool:[1],disabled:[4],viewer:[16],selectedMarkupId:[1025,"selected-markup-id"],selectNew:[4,"select-new"],toSelectMarkupId:[32],pointerDownPosition:[32],addMarkup:[64],removeMarkup:[64],getMarkupElements:[64],getMarkupElement:[64]},[[0,"markupEnd","handleMarkupEnd"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["p-6da8a28f",[[1,"vertex-viewer-markup-tool",{arrowTemplateId:[1,"arrow-template-id"],circleTemplateId:[1,"circle-template-id"],freeformTemplateId:[1,"freeform-template-id"],tool:[1],disabled:[4],viewer:[16],stateMap:[32],reset:[64]}]]],["p-69a3fce8",[[1,"vertex-viewer-view-cube",{xPositiveLabel:[1,"x-positive-label"],xNegativeLabel:[1,"x-negative-label"],yPositiveLabel:[1,"y-positive-label"],yNegativeLabel:[1,"y-negative-label"],zPositiveLabel:[1,"z-positive-label"],zNegativeLabel:[1,"z-negative-label"],standardViewsOff:[4,"standard-views-off"],animationDuration:[2,"animation-duration"],triadOff:[4,"triad-off"],worldOrientation:[1040],camera:[1040],viewer:[16],boxLength:[32],triadPosition:[32]}]]],["p-bfacbaa8",[[1,"vertex-viewer-measurement-distance",{start:[1040],startJson:[1,"start-json"],end:[1040],endJson:[1,"end-json"],distance:[1026],showAxisReferenceLines:[4,"show-axis-reference-lines"],snapDistance:[2,"snap-distance"],units:[1],fractionalDigits:[2,"fractional-digits"],labelFormatter:[16],anchorLabelOffset:[2,"anchor-label-offset"],lineCapLength:[2,"line-cap-length"],mode:[513],interactingAnchor:[1537,"interacting-anchor"],invalid:[1540],camera:[16],hitProvider:[16],indicatorPt:[1040],viewer:[16],measurementModel:[16],viewport:[32],elementBounds:[32],interactionCount:[32],internalCamera:[32],invalidateStateCounter:[32],stateMap:[32],measurementUnits:[32],computeElementMetrics:[64]}]]],["p-74c772bb",[[1,"vertex-viewer-measurement-precise",{measurementModel:[16],measurementOverlays:[16],measurementController:[1040],measurableEntityTypes:[16],viewer:[16],configEnv:[1,"config-env"],config:[1]}]]],["p-fee62661",[[1,"vertex-viewer-drag-select",{viewer:[16],controller:[16],dragRect:[32],dragDirection:[32]}]]],["p-f184bcab",[[1,"vertex-scene-tree-table-cell",{node:[16],tree:[16],value:[1],placeholder:[1],hovered:[1028],isScrolling:[4,"is-scrolling"],expandToggle:[4,"expand-toggle"],visibilityToggle:[4,"visibility-toggle"],selectionHandler:[16],visibilityHandler:[16],expansionHandler:[16],hoverController:[16]}]]],["p-ad09c92e",[[1,"vertex-scene-tree-table-column",{initialWidth:[2,"initial-width"],minWidth:[2,"min-width"],maxWidth:[2,"max-width"]}]]],["p-82bd25e8",[[1,"vertex-scene-tree-table-header"]]],["p-e4a26a32",[[1,"vertex-scene-tree-table-resize-divider",{dragging:[32]}]]],["p-99fd27e0",[[1,"vertex-scene-tree-toolbar-group"]]],["p-a5f18e7b",[[1,"vertex-viewer",{src:[1],clientId:[1,"client-id"],deviceId:[1025,"device-id"],config:[1],configEnv:[1,"config-env"],resolvedConfig:[1040],cameraControls:[4,"camera-controls"],cameraType:[1537,"camera-type"],keyboardControls:[4,"keyboard-controls"],rotateAroundTapPoint:[4,"rotate-around-tap-point"],token:[1025],depthBuffers:[1,"depth-buffers"],experimentalGhostingOpacity:[2,"experimental-ghosting-opacity"],noDefaultLights:[4,"no-default-lights"],experimentalRenderingOptions:[1,"experimental-rendering-options"],featureLines:[16],featureHighlighting:[16],featureMaps:[1,"feature-maps"],selectionMaterial:[1,"selection-material"],resizeDebounce:[2,"resize-debounce"],frame:[1040],stream:[1040],stencilBuffer:[1040],viewport:[1040],dimensions:[32],hostDimensions:[32],errorMessage:[32],cursor:[32],stateMap:[32],dispatchFrameDrawn:[64],registerInteractionHandler:[64],registerTapKeyInteraction:[64],getInteractionTarget_DEPRECATED:[64],addCursor:[64],getInteractionHandlers:[64],getKeyInteractions:[64],getBaseInteractionHandler:[64],getJwt:[64],load:[64],unload:[64],scene:[64],isSceneReady:[64]},[[0,"tap","handleTapEvent"]]]]],["p-a107b65e",[[1,"vertex-viewer-measurement-details",{measurementModel:[16],measurementOverlays:[16],measurementOutcome:[1040],distanceUnits:[1,"distance-units"],angleUnits:[1,"angle-units"],fractionalDigits:[2,"fractional-digits"],distanceFormatter:[16],angleFormatter:[16],areaFormatter:[16],resultTypes:[16],overlay:[32],distanceMeasurementUnits:[32],angleMeasurementUnits:[32],areaMeasurementUnits:[32]}]]],["p-608925c5",[[1,"vertex-viewer-transform-widget",{viewer:[16],position:[1040],controller:[1040],hovered:[1040]}]]],["p-050f912b",[[1,"vertex-viewer-icon",{name:[1],size:[1]}]]],["p-24cda14a",[[0,"vertex-viewer-pin-group",{pin:[16],matrix:[1040],projectionViewMatrix:[16],elementBounds:[1040],pinModel:[16],pinController:[16],selected:[4],invalidateStateCounter:[32]}]]],["p-c5e67a1e",[[1,"vertex-viewer-dom-group",{position:[1040],positionJson:[1,"position"],rotation:[1040],rotationJson:[1,"rotation"],quaternion:[1040],quaternionJson:[1,"quaternion"],scale:[1040],scaleJson:[1,"scale"],matrix:[1040]}]]],["p-5746931d",[[1,"vertex-viewer-spinner",{size:[1]}]]],["p-dcb9804c",[[1,"vertex-scene-tree-search",{debounce:[2],disabled:[4],placeholder:[1],controller:[16],value:[1025],focused:[32],isSearching:[32],setFocus:[64]}],[1,"vertex-scene-tree-table-layout",{tree:[16],controller:[16],rows:[16],totalRows:[2,"total-rows"],rowHeight:[1026,"row-height"],overScanCount:[2,"over-scan-count"],rowData:[16],layoutOffset:[1026,"layout-offset"],scrollOffset:[1026,"scroll-offset"],layoutHeight:[1026,"layout-height"],layoutWidth:[1026,"layout-width"],viewportStartIndex:[1026,"viewport-start-index"],viewportEndIndex:[1026,"viewport-end-index"],columnGridLayout:[32],columnGridFixedLayout:[32],isComputingCellHeight:[32],lastDividerPointerPosition:[32],resizingColumnIndex:[32],isScrolling:[32],scrollTimer:[32],stateMap:[32],scrollToPosition:[64]}],[1,"vertex-scene-tree-toolbar"]]],["p-d71652b0",[[1,"vertex-viewer-layer",{stretchOff:[516,"stretch-off"]}]]],["p-7663a603",[[1,"vertex-viewer-toolbar",{placement:[1],direction:[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{direction:[1]}]]],["p-0cf4f05d",[[0,"vertex-viewer-pin-label",{pin:[16],elementBounds:[16],value:[1025],pinController:[16],focused:[32],computedScreenPosition:[32],textareaRows:[32],contentElBounds:[32],setFocus:[64]}],[0,"vertex-viewer-pin-label-line",{pinPoint:[16],labelPoint:[16],pin:[16]}]]],["p-2b58afc3",[[1,"vertex-viewer-measurement-overlays",{measurementOverlays:[16],camera:[1040],viewer:[16],overlays:[32]}],[1,"vertex-viewer-measurement-line",{start:[16],end:[16],capLength:[2,"cap-length"],pointerEvents:[1,"pointer-events"]}]]],["p-c72da0fb",[[1,"vertex-viewer-dom-renderer",{drawMode:[1,"draw-mode"],viewer:[16],camera:[1040],depthBuffer:[1040],viewport:[32],invalidateFrameCounter:[32]},[[0,"propertyChange","handlePropertyChange"]]],[1,"vertex-viewer-dom-element",{position:[1040],positionJson:[1,"position"],rotation:[1040],rotationJson:[1,"rotation"],quaternion:[1040],quaternionJson:[1,"quaternion"],scale:[1040],scaleJson:[1,"scale"],matrix:[1040],occlusionOff:[4,"occlusion-off"],occluded:[516],billboardOff:[4,"billboard-off"],interactionsOff:[516,"interactions-off"]}]]],["p-a57dc6e4",[[1,"vertex-viewer-markup-arrow",{start:[1040],startJson:[1,"start"],end:[1040],endJson:[1,"end"],mode:[513],viewer:[16],elementBounds:[32],dispose:[64]}],[1,"vertex-viewer-markup-circle",{bounds:[1040],boundsJson:[1,"bounds"],mode:[513],viewer:[16],elementBounds:[32],dispose:[64]}],[1,"vertex-viewer-markup-freeform",{points:[1040],pointsJson:[1,"points"],bounds:[1040],boundsJson:[1,"bounds"],mode:[513],viewer:[16],elementBounds:[32],screenPoints:[32],dispose:[64]}]]]],e))));
+import{d as e,N as t,w as r,p as a,b as i}from"./p-d6fce4c1.js";import{g as n}from"./p-98e6a50e.js";import"./p-dfe5a97d.js";(()=>{const i=Array.from(e.querySelectorAll("script")).find((e=>new RegExp(`/${t}(\\.esm)?\\.js($|\\?|#)`).test(e.src)||e.getAttribute("data-stencil-namespace")===t)),n={};return n.resourcesUrl=new URL(".",new URL(i.getAttribute("data-resources-url")||i.src,r.location.href)).href,((a,i)=>{const n=`__sc_import_${t.replace(/\s|-/g,"_")}`;try{r[n]=new Function("w",`return import(w);//${Math.random()}`)}catch(t){const o=new Map;r[n]=t=>{const s=new URL(t,a).href;let l=o.get(s);if(!l){const t=e.createElement("script");t.type="module",t.crossOrigin=i.crossOrigin,t.src=URL.createObjectURL(new Blob([`import * as m from '${s}'; window.${n}.m = m;`],{type:"application/javascript"})),l=new Promise((e=>{t.onload=()=>{e(r[n].m),t.remove()}})),o.set(s,l),e.head.appendChild(t)}return l}}})(n.resourcesUrl,i),r.customElements?a(n):__sc_import_viewer("./p-0fdad1a5.js").then((()=>n))})().then((e=>(n(),i([["p-9dfe0b43",[[1,"vertex-viewer-pin-tool",{pinController:[1040],pinModel:[16],viewer:[16],tool:[1025],mode:[1025],primaryColor:[1025,"primary-color"],accentColor:[1025,"accent-color"],pins:[32],selectedPinId:[32],elementBounds:[32],projectionViewMatrix:[32]}]]],["p-a6558bb2",[[1,"vertex-scene-tree",{overScanCount:[2,"over-scan-count"],viewerSelector:[1,"viewer-selector"],viewer:[1040],rowData:[16],config:[1],configEnv:[1,"config-env"],controller:[1040],metadataSearchExactMatch:[1028,"metadata-search-exact-match"],metadataSearchKeys:[1040],metadataKeys:[16],rows:[32],totalRows:[32],showLoader:[32],stateMap:[32],errorDetails:[32],attemptingRetry:[32],invalidateRows:[64],scrollToIndex:[64],scrollToItem:[64],expandAll:[64],collapseAll:[64],expandItem:[64],collapseItem:[64],toggleExpandItem:[64],toggleItemVisibility:[64],hideItem:[64],showItem:[64],selectItem:[64],deselectItem:[64],getRowAtIndex:[64],getRowForEvent:[64],getRowAtClientY:[64],filterItems:[64],selectFilteredItems:[64],fetchMetadataKeys:[64]},[[0,"search","handleSearch"]]]]],["p-426970b3",[[1,"vertex-viewer-default-toolbar",{viewer:[16],placement:[1],direction:[1],animationsDisabled:[4,"animations-disabled"],animationMs:[2,"animation-ms"]}]]],["p-e422deaf",[[1,"vertex-viewer-markup",{arrowTemplateId:[1,"arrow-template-id"],circleTemplateId:[1,"circle-template-id"],freeformTemplateId:[1,"freeform-template-id"],tool:[1],disabled:[4],viewer:[16],selectedMarkupId:[1025,"selected-markup-id"],selectNew:[4,"select-new"],toSelectMarkupId:[32],pointerDownPosition:[32],addMarkup:[64],removeMarkup:[64],getMarkupElements:[64],getMarkupElement:[64]},[[0,"markupEnd","handleMarkupEnd"],[1,"pointerdown","handleMarkupPointerDown"]]]]],["p-6da8a28f",[[1,"vertex-viewer-markup-tool",{arrowTemplateId:[1,"arrow-template-id"],circleTemplateId:[1,"circle-template-id"],freeformTemplateId:[1,"freeform-template-id"],tool:[1],disabled:[4],viewer:[16],stateMap:[32],reset:[64]}]]],["p-d34ad2b2",[[1,"vertex-viewer-view-cube",{xPositiveLabel:[1,"x-positive-label"],xNegativeLabel:[1,"x-negative-label"],yPositiveLabel:[1,"y-positive-label"],yNegativeLabel:[1,"y-negative-label"],zPositiveLabel:[1,"z-positive-label"],zNegativeLabel:[1,"z-negative-label"],standardViewsOff:[4,"standard-views-off"],animationDuration:[2,"animation-duration"],triadOff:[4,"triad-off"],worldOrientation:[1040],camera:[1040],viewer:[16],boxLength:[32],triadPosition:[32]}]]],["p-920c9a88",[[1,"vertex-viewer-measurement-distance",{start:[1040],startJson:[1,"start-json"],end:[1040],endJson:[1,"end-json"],distance:[1026],showAxisReferenceLines:[4,"show-axis-reference-lines"],snapDistance:[2,"snap-distance"],units:[1],fractionalDigits:[2,"fractional-digits"],labelFormatter:[16],anchorLabelOffset:[2,"anchor-label-offset"],lineCapLength:[2,"line-cap-length"],mode:[513],interactingAnchor:[1537,"interacting-anchor"],invalid:[1540],camera:[16],hitProvider:[16],indicatorPt:[1040],viewer:[16],measurementModel:[16],viewport:[32],elementBounds:[32],interactionCount:[32],internalCamera:[32],invalidateStateCounter:[32],stateMap:[32],measurementUnits:[32],computeElementMetrics:[64]}]]],["p-7579e2a1",[[1,"vertex-viewer-measurement-precise",{measurementModel:[16],measurementOverlays:[16],measurementController:[1040],measurableEntityTypes:[16],viewer:[16],configEnv:[1,"config-env"],config:[1]}]]],["p-f184bcab",[[1,"vertex-scene-tree-table-cell",{node:[16],tree:[16],value:[1],placeholder:[1],hovered:[1028],isScrolling:[4,"is-scrolling"],expandToggle:[4,"expand-toggle"],visibilityToggle:[4,"visibility-toggle"],selectionHandler:[16],visibilityHandler:[16],expansionHandler:[16],hoverController:[16]}]]],["p-ad09c92e",[[1,"vertex-scene-tree-table-column",{initialWidth:[2,"initial-width"],minWidth:[2,"min-width"],maxWidth:[2,"max-width"]}]]],["p-82bd25e8",[[1,"vertex-scene-tree-table-header"]]],["p-e4a26a32",[[1,"vertex-scene-tree-table-resize-divider",{dragging:[32]}]]],["p-99fd27e0",[[1,"vertex-scene-tree-toolbar-group"]]],["p-22ae6785",[[1,"vertex-viewer",{src:[1],clientId:[1,"client-id"],deviceId:[1025,"device-id"],config:[1],configEnv:[1,"config-env"],resolvedConfig:[1040],cameraControls:[4,"camera-controls"],cameraType:[1537,"camera-type"],keyboardControls:[4,"keyboard-controls"],rotateAroundTapPoint:[4,"rotate-around-tap-point"],token:[1025],depthBuffers:[1,"depth-buffers"],experimentalGhostingOpacity:[2,"experimental-ghosting-opacity"],noDefaultLights:[4,"no-default-lights"],experimentalRenderingOptions:[1,"experimental-rendering-options"],featureLines:[16],featureHighlighting:[16],featureMaps:[1,"feature-maps"],selectionMaterial:[1,"selection-material"],resizeDebounce:[2,"resize-debounce"],frame:[1040],stream:[1040],stencilBuffer:[1040],viewport:[1040],dimensions:[32],hostDimensions:[32],errorMessage:[32],cursor:[32],stateMap:[32],dispatchFrameDrawn:[64],registerInteractionHandler:[64],registerTapKeyInteraction:[64],getInteractionTarget_DEPRECATED:[64],addCursor:[64],getInteractionHandlers:[64],getKeyInteractions:[64],getBaseInteractionHandler:[64],getJwt:[64],load:[64],unload:[64],scene:[64],isSceneReady:[64]},[[0,"tap","handleTapEvent"]]]]],["p-d64c1e14",[[1,"vertex-viewer-measurement-details",{measurementModel:[16],measurementOverlays:[16],measurementOutcome:[1040],distanceUnits:[1,"distance-units"],angleUnits:[1,"angle-units"],fractionalDigits:[2,"fractional-digits"],distanceFormatter:[16],angleFormatter:[16],areaFormatter:[16],resultTypes:[16],overlay:[32],distanceMeasurementUnits:[32],angleMeasurementUnits:[32],areaMeasurementUnits:[32]}]]],["p-61e50e11",[[1,"vertex-viewer-transform-widget",{viewer:[16],position:[1040],controller:[1040],hovered:[1040]}]]],["p-3f6f2457",[[0,"vertex-viewer-pin-group",{pin:[16],matrix:[1040],projectionViewMatrix:[16],elementBounds:[1040],pinModel:[16],pinController:[16],selected:[4],invalidateStateCounter:[32]}]]],["p-c5e67a1e",[[1,"vertex-viewer-dom-group",{position:[1040],positionJson:[1,"position"],rotation:[1040],rotationJson:[1,"rotation"],quaternion:[1040],quaternionJson:[1,"quaternion"],scale:[1040],scaleJson:[1,"scale"],matrix:[1040]}]]],["p-d71652b0",[[1,"vertex-viewer-layer",{stretchOff:[516,"stretch-off"]}]]],["p-5746931d",[[1,"vertex-viewer-spinner",{size:[1]}]]],["p-050f912b",[[1,"vertex-viewer-icon",{name:[1],size:[1]}]]],["p-dcb9804c",[[1,"vertex-scene-tree-search",{debounce:[2],disabled:[4],placeholder:[1],controller:[16],value:[1025],focused:[32],isSearching:[32],setFocus:[64]}],[1,"vertex-scene-tree-table-layout",{tree:[16],controller:[16],rows:[16],totalRows:[2,"total-rows"],rowHeight:[1026,"row-height"],overScanCount:[2,"over-scan-count"],rowData:[16],layoutOffset:[1026,"layout-offset"],scrollOffset:[1026,"scroll-offset"],layoutHeight:[1026,"layout-height"],layoutWidth:[1026,"layout-width"],viewportStartIndex:[1026,"viewport-start-index"],viewportEndIndex:[1026,"viewport-end-index"],columnGridLayout:[32],columnGridFixedLayout:[32],isComputingCellHeight:[32],lastDividerPointerPosition:[32],resizingColumnIndex:[32],isScrolling:[32],scrollTimer:[32],stateMap:[32],scrollToPosition:[64]}],[1,"vertex-scene-tree-toolbar"]]],["p-7663a603",[[1,"vertex-viewer-toolbar",{placement:[1],direction:[1]}],[1,"vertex-viewer-button"],[1,"vertex-viewer-toolbar-group",{direction:[1]}]]],["p-0cf4f05d",[[0,"vertex-viewer-pin-label",{pin:[16],elementBounds:[16],value:[1025],pinController:[16],focused:[32],computedScreenPosition:[32],textareaRows:[32],contentElBounds:[32],setFocus:[64]}],[0,"vertex-viewer-pin-label-line",{pinPoint:[16],labelPoint:[16],pin:[16]}]]],["p-b7e170ac",[[1,"vertex-viewer-measurement-overlays",{measurementOverlays:[16],camera:[1040],viewer:[16],overlays:[32]}],[1,"vertex-viewer-measurement-line",{start:[16],end:[16],capLength:[2,"cap-length"],pointerEvents:[1,"pointer-events"]}]]],["p-f3ea0c2b",[[1,"vertex-viewer-dom-renderer",{drawMode:[1,"draw-mode"],viewer:[16],camera:[1040],depthBuffer:[1040],viewport:[32],invalidateFrameCounter:[32]},[[0,"propertyChange","handlePropertyChange"]]],[1,"vertex-viewer-dom-element",{position:[1040],positionJson:[1,"position"],rotation:[1040],rotationJson:[1,"rotation"],quaternion:[1040],quaternionJson:[1,"quaternion"],scale:[1040],scaleJson:[1,"scale"],matrix:[1040],occlusionOff:[4,"occlusion-off"],occluded:[516],billboardOff:[4,"billboard-off"],interactionsOff:[516,"interactions-off"]}]]],["p-a57dc6e4",[[1,"vertex-viewer-markup-arrow",{start:[1040],startJson:[1,"start"],end:[1040],endJson:[1,"end"],mode:[513],viewer:[16],elementBounds:[32],dispose:[64]}],[1,"vertex-viewer-markup-circle",{bounds:[1040],boundsJson:[1,"bounds"],mode:[513],viewer:[16],elementBounds:[32],dispose:[64]}],[1,"vertex-viewer-markup-freeform",{points:[1040],pointsJson:[1,"points"],bounds:[1040],boundsJson:[1,"bounds"],mode:[513],viewer:[16],elementBounds:[32],screenPoints:[32],dispose:[64]}]]]],e))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vertexvis/viewer",
-  "version": "0.15.2-testing.1",
+  "version": "0.15.2-testing.3",
   "description": "The Vertex SDK for viewing models.",
   "license": "MIT",
   "author": "Vertex Developers <support@vertexvis.com> (https://developer.vertexvis.com)",
@@ -49,13 +49,13 @@
     "@improbable-eng/grpc-web": "^0.15.0",
     "@stencil/core": "^2.16.1",
     "@types/classnames": "^2.3.1",
-    "@vertexvis/frame-streaming-protos": "^0.8.2",
-    "@vertexvis/geometry": "0.15.2-testing.1",
-    "@vertexvis/html-templates": "0.15.2-testing.1",
+    "@vertexvis/frame-streaming-protos": "^0.8.0",
+    "@vertexvis/geometry": "0.15.2-testing.3",
+    "@vertexvis/html-templates": "0.15.2-testing.3",
     "@vertexvis/scene-tree-protos": "^0.1.15",
     "@vertexvis/scene-view-protos": "^0.1.8",
-    "@vertexvis/stream-api": "0.15.2-testing.1",
-    "@vertexvis/utils": "0.15.2-testing.1",
+    "@vertexvis/stream-api": "0.15.2-testing.3",
+    "@vertexvis/utils": "0.15.2-testing.3",
     "@vertexvis/web-workers": "^0.1.0",
     "camel-case": "^4.1.2",
     "classnames": "^2.3.1",
@@ -82,7 +82,7 @@
     "@vertexvis/rollup-plugin-vertexvis-copyright": "^0.4.1",
     "@vertexvis/rollup-plugin-web-workers": "^0.1.0",
     "@vertexvis/typescript-config-vertexvis": "1.1.0",
-    "@vertexwebsdk/build": "0.15.2-testing.1",
+    "@vertexwebsdk/build": "0.15.2-testing.3",
     "abortcontroller-polyfill": "^1.7.3",
     "chance": "^1.1.8",
     "eslint": "^8.17.0",
@@ -97,5 +97,5 @@
     "typedoc": "^0.22.17",
     "typescript": "^4.5.4"
   },
-  "gitHead": "231c62ba982ea53dade9d2436e63c1d6921be151"
+  "gitHead": "58249e3c83b00e24ed26480a9c823e1ae0c63abb"
 }

package/dist/cjs/vertex-viewer-drag-select.cjs.entry.js

@@ -1,183 +0,0 @@
-/**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-70db349e.js');
-const index$1 = require('./index-b9d13137.js');
-const bundle_esm = require('./bundle.esm-22b6f2d6.js');
-const browser_esm = require('./browser.esm-5d246754.js');
-require('./_commonjsHelpers-dcc4cf71.js');
-
-class ViewerDragSelectController {
-  constructor(viewer, model) {
-    this.viewer = viewer;
-    this.model = model;
-    this.selectFromBounds = this.selectFromBounds.bind(this);
-    this.dragEndDisposable = this.model.onDragFinished(this.selectFromBounds);
-  }
-  dispose() {
-    var _a;
-    (_a = this.dragEndDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-  }
-  async selectFromBounds(event) {
-    const scene = await this.viewer.scene();
-    await scene
-      .items((op) => op.where((q) => q.withVolumeIntersection(event.rectangle)).select())
-      .execute();
-  }
-}
-
-class ViewerDragSelectInteractionHandler {
-  constructor(viewer, dragSelectModel) {
-    this.viewer = viewer;
-    this.dragSelectModel = dragSelectModel;
-    this.handleDragBegin = this.handleDragBegin.bind(this);
-    this.handleDrag = this.handleDrag.bind(this);
-    this.handleDragEnd = this.handleDragEnd.bind(this);
-  }
-  initialize(element, api) {
-    this.element = element;
-    this.api = api;
-    this.element.addEventListener('pointerdown', this.handleDragBegin);
-  }
-  dispose() {
-    var _a, _b, _c;
-    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointerdown', this.handleDragBegin);
-    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointermove', this.handleDrag);
-    (_c = this.element) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerup', this.handleDragEnd);
-  }
-  handleDragBegin(event) {
-    var _a, _b;
-    if (event.buttons === 1) {
-      this.viewer.cameraControls = false;
-      this.dragSelectModel.updateStartPoint(bundle_esm.point.create(event.offsetX, event.offsetY));
-      (_a = this.element) === null || _a === void 0 ? void 0 : _a.addEventListener('pointermove', this.handleDrag);
-      (_b = this.element) === null || _b === void 0 ? void 0 : _b.addEventListener('pointerup', this.handleDragEnd);
-    }
-  }
-  handleDrag(event) {
-    this.dragSelectModel.updateEndPoint(bundle_esm.point.create(event.offsetX, event.offsetY));
-  }
-  handleDragEnd() {
-    var _a, _b;
-    this.viewer.cameraControls = true;
-    this.dragSelectModel.clear();
-    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointermove', this.handleDrag);
-    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerup', this.handleDragEnd);
-  }
-}
-
-class ViewerDragSelectModel {
-  constructor() {
-    this.dragFinished = new browser_esm.EventDispatcher();
-    this.boundsChanged = new browser_esm.EventDispatcher();
-  }
-  updateStartPoint(point) {
-    this.dragStartPoint = point;
-  }
-  updateEndPoint(point) {
-    var _a;
-    this.dragEndPoint = point;
-    this.direction =
-      bundle_esm.point.subtract(point, (_a = this.dragStartPoint) !== null && _a !== void 0 ? _a : point).x > 0
-        ? 'right'
-        : 'left';
-    this.boundsChanged.emit({
-      rectangle: this.getDragBounds(),
-      direction: this.getDragDirection(),
-    });
-  }
-  clear() {
-    this.dragFinished.emit({
-      rectangle: this.getDragBounds(),
-      direction: this.getDragDirection(),
-    });
-    this.dragStartPoint = undefined;
-    this.dragEndPoint = undefined;
-    this.boundsChanged.emit({});
-  }
-  onDragFinished(listener) {
-    return this.dragFinished.on(listener);
-  }
-  onBoundsChanged(listener) {
-    return this.boundsChanged.on(listener);
-  }
-  getDragBounds() {
-    if (this.dragStartPoint != null && this.dragEndPoint != null) {
-      return bundle_esm.rectangle.fromPoints(this.dragStartPoint, this.dragEndPoint);
-    }
-    return bundle_esm.rectangle.create(0, 0, 0, 0);
-  }
-  getDragDirection() {
-    var _a;
-    return (_a = this.direction) !== null && _a !== void 0 ? _a : 'right';
-  }
-}
-
-const viewerDragSelectCss = ":host{--viewer-drag-select-outline-exclusive-border-color:#5555ff;--viewer-drag-select-outline-exclusive-border-style:solid;--viewer-drag-select-outline-exclusive-fill-color:blue;--viewer-drag-select-outline-inclusive-border-color:#ff5555;--viewer-drag-select-outline-inclusive-border-style:dashed;--viewer-drag-select-outline-inclusive-fill-color:red;--viewer-drag-select-outline-fill-opacity:0.1}.outline{position:absolute}.outline.exclusive{border:3px var(--viewer-drag-select-outline-exclusive-border-style) var(--viewer-drag-select-outline-exclusive-border-color)}.outline.inclusive{border:3px var(--viewer-drag-select-outline-inclusive-border-style) var(--viewer-drag-select-outline-inclusive-border-color)}.fill{position:relative;width:100%;height:100%;opacity:var(--viewer-drag-select-outline-fill-opacity)}.fill.exclusive{background-color:var(--viewer-drag-select-outline-exclusive-fill-color)}.fill.inclusive{background-color:var(--viewer-drag-select-outline-inclusive-fill-color)}";
-
-const ViewerDragSelect = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.handleBoundsChanged = this.handleBoundsChanged.bind(this);
-  }
-  componentWillLoad() {
-    this.interactionModel = new ViewerDragSelectModel();
-    this.interactionModel.onBoundsChanged(this.handleBoundsChanged);
-    this.handleViewerChanged(this.viewer);
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.controller) === null || _a === void 0 ? void 0 : _a.dispose();
-    (_b = this.interactionHandler) === null || _b === void 0 ? void 0 : _b.dispose();
-  }
-  /**
-   * @ignore
-   */
-  handleViewerChanged(newViewer) {
-    this.deregisterInteractionHandler();
-    if ((newViewer === null || newViewer === void 0 ? void 0 : newViewer.stream) != null) {
-      this.registerInteractionHandler(newViewer);
-      this.controller = new ViewerDragSelectController(newViewer, this.interactionModel);
-    }
-  }
-  /**
-   * @ignore
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("vertex-viewer-layer", null, this.dragRect != null && (index.h("div", { class: index$1.classnames('outline', {
-        exclusive: this.dragDirection === 'right',
-        inclusive: this.dragDirection === 'left',
-      }), style: {
-        left: `${this.dragRect.x}px`,
-        top: `${this.dragRect.y}px`,
-        width: `${this.dragRect.width}px`,
-        height: `${this.dragRect.height}px`,
-      } }, index.h("div", { class: index$1.classnames('fill', {
-        exclusive: this.dragDirection === 'right',
-        inclusive: this.dragDirection === 'left',
-      }) }))))));
-  }
-  handleBoundsChanged(event) {
-    this.dragRect = event.rectangle;
-    this.dragDirection = event.direction;
-  }
-  registerInteractionHandler(viewer) {
-    this.interactionHandler = new ViewerDragSelectInteractionHandler(viewer, this.interactionModel);
-    viewer.registerInteractionHandler(this.interactionHandler);
-  }
-  deregisterInteractionHandler() {
-    var _a;
-    (_a = this.interactionHandler) === null || _a === void 0 ? void 0 : _a.dispose();
-    this.interactionHandler = undefined;
-  }
-  static get watchers() { return {
-    "viewer": ["handleViewerChanged"]
-  }; }
-};
-ViewerDragSelect.style = viewerDragSelectCss;
-
-exports.vertex_viewer_drag_select = ViewerDragSelect;

package/dist/collection/components/viewer-drag-select/controller.js

@@ -1,19 +0,0 @@
-export class ViewerDragSelectController {
-  constructor(viewer, model) {
-    this.viewer = viewer;
-    this.model = model;
-    this.selectFromBounds = this.selectFromBounds.bind(this);
-    this.dragEndDisposable = this.model.onDragFinished(this.selectFromBounds);
-  }
-  dispose() {
-    var _a;
-    (_a = this.dragEndDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-  }
-  async selectFromBounds(event) {
-    const scene = await this.viewer.scene();
-    await scene
-      .items((op) => op.where((q) => q.withVolumeIntersection(event.rectangle)).select())
-      .execute();
-  }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlci1kcmFnLXNlbGVjdC9jb250cm9sbGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sT0FBTywwQkFBMEI7RUFHckMsWUFDVSxNQUErQixFQUMvQixLQUE0QjtJQUQ1QixXQUFNLEdBQU4sTUFBTSxDQUF5QjtJQUMvQixVQUFLLEdBQUwsS0FBSyxDQUF1QjtJQUVwQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6RCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7RUFDNUUsQ0FBQztFQUVNLE9BQU87O0lBQ1osTUFBQSxJQUFJLENBQUMsaUJBQWlCLDBDQUFFLE9BQU8sRUFBRSxDQUFDO0VBQ3BDLENBQUM7RUFFTSxLQUFLLENBQUMsZ0JBQWdCLENBQUMsS0FBd0I7SUFDcEQsTUFBTSxLQUFLLEdBQUcsTUFBTSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBRXhDLE1BQU0sS0FBSztPQUNSLEtBQUssQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQ1osRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxDQUNwRTtPQUNBLE9BQU8sRUFBRSxDQUFDO0VBQ2YsQ0FBQztDQUNGIn0=

package/dist/collection/components/viewer-drag-select/interaction-handler.js

@@ -1,41 +0,0 @@
-import { Point } from '@vertexvis/geometry';
-export class ViewerDragSelectInteractionHandler {
-  constructor(viewer, dragSelectModel) {
-    this.viewer = viewer;
-    this.dragSelectModel = dragSelectModel;
-    this.handleDragBegin = this.handleDragBegin.bind(this);
-    this.handleDrag = this.handleDrag.bind(this);
-    this.handleDragEnd = this.handleDragEnd.bind(this);
-  }
-  initialize(element, api) {
-    this.element = element;
-    this.api = api;
-    this.element.addEventListener('pointerdown', this.handleDragBegin);
-  }
-  dispose() {
-    var _a, _b, _c;
-    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointerdown', this.handleDragBegin);
-    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointermove', this.handleDrag);
-    (_c = this.element) === null || _c === void 0 ? void 0 : _c.removeEventListener('pointerup', this.handleDragEnd);
-  }
-  handleDragBegin(event) {
-    var _a, _b;
-    if (event.buttons === 1) {
-      this.viewer.cameraControls = false;
-      this.dragSelectModel.updateStartPoint(Point.create(event.offsetX, event.offsetY));
-      (_a = this.element) === null || _a === void 0 ? void 0 : _a.addEventListener('pointermove', this.handleDrag);
-      (_b = this.element) === null || _b === void 0 ? void 0 : _b.addEventListener('pointerup', this.handleDragEnd);
-    }
-  }
-  handleDrag(event) {
-    this.dragSelectModel.updateEndPoint(Point.create(event.offsetX, event.offsetY));
-  }
-  handleDragEnd() {
-    var _a, _b;
-    this.viewer.cameraControls = true;
-    this.dragSelectModel.clear();
-    (_a = this.element) === null || _a === void 0 ? void 0 : _a.removeEventListener('pointermove', this.handleDrag);
-    (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerup', this.handleDragEnd);
-  }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb24taGFuZGxlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdlci1kcmFnLXNlbGVjdC9pbnRlcmFjdGlvbi1oYW5kbGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQU01QyxNQUFNLE9BQU8sa0NBQWtDO0VBSTdDLFlBQ1UsTUFBK0IsRUFDL0IsZUFBc0M7SUFEdEMsV0FBTSxHQUFOLE1BQU0sQ0FBeUI7SUFDL0Isb0JBQWUsR0FBZixlQUFlLENBQXVCO0lBRTlDLElBQUksQ0FBQyxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkQsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QyxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0VBQ3JELENBQUM7RUFFTSxVQUFVLENBQUMsT0FBb0IsRUFBRSxHQUFtQjtJQUN6RCxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztJQUN2QixJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUVmLElBQUksQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztFQUNyRSxDQUFDO0VBRU0sT0FBTzs7SUFDWixNQUFBLElBQUksQ0FBQyxPQUFPLDBDQUFFLG1CQUFtQixDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDdkUsTUFBQSxJQUFJLENBQUMsT0FBTywwQ0FBRSxtQkFBbUIsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2xFLE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsbUJBQW1CLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztFQUNyRSxDQUFDO0VBRU8sZUFBZSxDQUFDLEtBQW1COztJQUN6QyxJQUFJLEtBQUssQ0FBQyxPQUFPLEtBQUssQ0FBQyxFQUFFO01BQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztNQUVuQyxJQUFJLENBQUMsZUFBZSxDQUFDLGdCQUFnQixDQUNuQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUMzQyxDQUFDO01BRUYsTUFBQSxJQUFJLENBQUMsT0FBTywwQ0FBRSxnQkFBZ0IsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO01BQy9ELE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsZ0JBQWdCLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUNqRTtFQUNILENBQUM7RUFFTyxVQUFVLENBQUMsS0FBbUI7SUFDcEMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxjQUFjLENBQ2pDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQzNDLENBQUM7RUFDSixDQUFDO0VBRU8sYUFBYTs7SUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO0lBRWxDLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLENBQUM7SUFFN0IsTUFBQSxJQUFJLENBQUMsT0FBTywwQ0FBRSxtQkFBbUIsQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ2xFLE1BQUEsSUFBSSxDQUFDLE9BQU8sMENBQUUsbUJBQW1CLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztFQUNyRSxDQUFDO0NBQ0YifQ==

package/dist/collection/components/viewer-drag-select/model.js

@@ -1,49 +0,0 @@
-import { Point, Rectangle } from '@vertexvis/geometry';
-import { EventDispatcher } from '@vertexvis/utils';
-export class ViewerDragSelectModel {
-  constructor() {
-    this.dragFinished = new EventDispatcher();
-    this.boundsChanged = new EventDispatcher();
-  }
-  updateStartPoint(point) {
-    this.dragStartPoint = point;
-  }
-  updateEndPoint(point) {
-    var _a;
-    this.dragEndPoint = point;
-    this.direction =
-      Point.subtract(point, (_a = this.dragStartPoint) !== null && _a !== void 0 ? _a : point).x > 0
-        ? 'right'
-        : 'left';
-    this.boundsChanged.emit({
-      rectangle: this.getDragBounds(),
-      direction: this.getDragDirection(),
-    });
-  }
-  clear() {
-    this.dragFinished.emit({
-      rectangle: this.getDragBounds(),
-      direction: this.getDragDirection(),
-    });
-    this.dragStartPoint = undefined;
-    this.dragEndPoint = undefined;
-    this.boundsChanged.emit({});
-  }
-  onDragFinished(listener) {
-    return this.dragFinished.on(listener);
-  }
-  onBoundsChanged(listener) {
-    return this.boundsChanged.on(listener);
-  }
-  getDragBounds() {
-    if (this.dragStartPoint != null && this.dragEndPoint != null) {
-      return Rectangle.fromPoints(this.dragStartPoint, this.dragEndPoint);
-    }
-    return Rectangle.create(0, 0, 0, 0);
-  }
-  getDragDirection() {
-    var _a;
-    return (_a = this.direction) !== null && _a !== void 0 ? _a : 'right';
-  }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3ZXItZHJhZy1zZWxlY3QvbW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQWMsZUFBZSxFQUFZLE1BQU0sa0JBQWtCLENBQUM7QUFjekUsTUFBTSxPQUFPLHFCQUFxQjtFQUFsQztJQUtVLGlCQUFZLEdBQUcsSUFBSSxlQUFlLEVBQXFCLENBQUM7SUFFeEQsa0JBQWEsR0FBRyxJQUFJLGVBQWUsRUFBc0IsQ0FBQztFQWtEcEUsQ0FBQztFQWhEUSxnQkFBZ0IsQ0FBQyxLQUFrQjtJQUN4QyxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztFQUM5QixDQUFDO0VBRU0sY0FBYyxDQUFDLEtBQWtCOztJQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUUxQixJQUFJLENBQUMsU0FBUztNQUNaLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLE1BQUEsSUFBSSxDQUFDLGNBQWMsbUNBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUM7UUFDdkQsQ0FBQyxDQUFDLE9BQU87UUFDVCxDQUFDLENBQUMsTUFBTSxDQUFDO0lBRWIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7TUFDdEIsU0FBUyxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUU7TUFDL0IsU0FBUyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtLQUNuQyxDQUFDLENBQUM7RUFDTCxDQUFDO0VBRU0sS0FBSztJQUNWLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO01BQ3JCLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFO01BQy9CLFNBQVMsRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7S0FDbkMsQ0FBQyxDQUFDO0lBRUgsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7SUFDaEMsSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7SUFFOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7RUFDOUIsQ0FBQztFQUVNLGNBQWMsQ0FBQyxRQUFxQztJQUN6RCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0VBQ3hDLENBQUM7RUFFTSxlQUFlLENBQUMsUUFBc0M7SUFDM0QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztFQUN6QyxDQUFDO0VBRU8sYUFBYTtJQUNuQixJQUFJLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxJQUFJLElBQUksQ0FBQyxZQUFZLElBQUksSUFBSSxFQUFFO01BQzVELE9BQU8sU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztLQUNyRTtJQUNELE9BQU8sU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztFQUN0QyxDQUFDO0VBRU8sZ0JBQWdCOztJQUN0QixPQUFPLE1BQUEsSUFBSSxDQUFDLFNBQVMsbUNBQUksT0FBTyxDQUFDO0VBQ25DLENBQUM7Q0FDRiJ9