Load image from http

\n Url\n \n \n \n \x3c!-- --\x3e\n

\n \x3c!--

\n \n

oooooooooooooooo

--\x3e\n \n \x3c!-- \n \n --\x3e\n \n \n \n

\n circle works!\n

\n perspective-camera works!\n

--\x3e\n \x3c!--

--\x3e\n \x3c!-- \n \n \n \n --\x3e\n

\n \n \n

\n\x3c!--

\n",providers:[ht(n)],styles:["./plane.component.css"]}]}],n.ctorParameters=function(){return[{type:Z},{type:te}]},n.propDecorators={z:[{type:t.Input}]},n}(de),ft=function(){function e(e,t){var n=this;this.mouseCanvas=e,this.entity2=t,this.stop=new i.Subject,this.cameraDirection=new o.Vector3,this.down$=this.createDown$(),this.click$=this.createClick$(),this.drag$=this.createDrag$(),this.hover$=this.mouseCanvas.position$.pipe(r.map(function(e){return n.isOnThisEntity(e)}),r.distinctUntilChanged(),r.takeUntil(this.stop)),this.wheel$=this.createWheel$()}return e.prototype.createClick$=function(){var e=this;return this.down$.pipe(r.switchMap(function(){return i.merge(e.mouseCanvas.up$,e.mouseCanvas.leave$).pipe(r.map(function(t){return!!e.isOnThisEntity(t)}))}),r.filter(function(e){return!!e}),r.map(i.noop))},e.prototype.createDown$=function(){var e=this;return this.mouseCanvas.down$.pipe(r.filter(function(t){return e.isOnThisEntity(t)}),r.takeUntil(this.stop))},e.prototype.createWheel$=function(){var e=this;return this.mouseCanvas.wheel$.pipe(r.filter(function(t){return e.isOnThisEntity(t.position)}),r.takeUntil(this.stop))},e.prototype.isOnThisEntity=function(e){if(this.entity2.entity===undefined)return!1;var t;this.camera===undefined?t=new o.Vector3(0,0,-1):(this.camera.getWorldDirection(this.cameraDirection),t=this.cameraDirection);var n=this.mouseCanvas.intersectObject(new o.Vector3(e.x,e.y,100),t);return 0!==n.length&&n[0].object.uuid===this.entity2.entity.uuid},e.prototype.createDrag$=function(){var e=this,t=i.merge(this.mouseCanvas.up$,this.mouseCanvas.leave$);return this.down$.pipe(r.switchMap(function(n){var i=e.entity2.entity===undefined?new o.Vector2(0,0):new o.Vector2(e.entity2.entity.position.x,e.entity2.entity.position.y),a=new o.Vector2(n.x-i.x,n.y-i.y);return e.mouseCanvas.position$.pipe(r.map(function(e){return{origin:n,current:e,relativeCenter:new o.Vector2(e.x-a.x,e.y-a.y)}}),r.takeUntil(t))}),r.takeUntil(this.stop))},e.prototype.ngOnDestroy=function(){this.stop.next(),this.stop.complete()},e.prototype.setCamera=function(e){this.camera=e},e.decorators=[{type:t.Injectable}],e.ctorParameters=function(){return[{type:Ze},{type:de,decorators:[{type:t.Optional}]}]},e}(),mt=function(){function e(e,n){var i=this;this.mouse=e,this.entity2=n,this.click=new t.EventEmitter,this.drag=new t.EventEmitter,this.hover=new t.EventEmitter,this.wheel=new t.EventEmitter,this.mouse.click$.subscribe(function(){i.entity2.entity!==undefined&&i.click.emit(i.entity2.entity)},function(e){return console.error(e)}),this.mouse.drag$.subscribe(function(e){i.drag.emit(e)},function(e){return console.error(e)}),this.mouse.hover$.pipe().subscribe(function(e){i.hover.emit(e)},function(e){return console.error(e)}),this.mouse.wheel$.subscribe(function(e){return i.wheel.emit(e)},function(e){return console.error(e)})}return e.prototype.ngOnInit=function(){},e.prototype.ngOnDestroy=function(){},e.decorators=[{type:t.Component,args:[{selector:"ng3-mouse-entity",template:"",providers:[ft],styles:[""]}]}],e.ctorParameters=function(){return[{type:ft},{type:de,decorators:[{type:t.Optional}]}]},e.propDecorators={click:[{type:t.Output}],drag:[{type:t.Output}],hover:[{type:t.Output}],wheel:[{type:t.Output}]},e}(),vt=function(){function e(){}return e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"ng3-controls",template:"\n",providers:[ft],styles:[""]}]}],e.ctorParameters=function(){return[]},e}(),yt=function(){function e(){var e=this;this.edgeDirections=["left","right","top","bottom"],this.cornerDirections=[{x:"left",y:"top"},{x:"right",y:"top"},{x:"left",y:"bottom"},{x:"right",y:"bottom"}],this.modelSubject=new i.BehaviorSubject(wt),this.model$=this.modelSubject.asObservable(),this.models$=this.model$.pipe(r.map(function(t){return{main:t,bars:e.createBars(t),corners:e.createCorners(t)}})),this.initialied=!1,this.z=1,this.mainTexture=_t,this.barTexture=St,this.resizeEdge=new t.EventEmitter,this.resizeCorner=new t.EventEmitter}return Object.defineProperty(e.prototype,"model",{get:function(){return this.modelSubject.value},set:function(e){this.modelSubject.next(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.createBars=function(e){var t=this,n={};return this.edgeDirections.forEach(function(i){var r,a,s,c;n[i]=(r=e,a=i,s=t.barTexture,c=function(e){return gt(a,e,r)},new P(new W(new o.Vector2(r.box.center.x+c("x"),r.box.center.y+c("y")),bt(a,r,"edge")),10,s,new o.Vector3(0,0,0),!0,1))}),n},e.prototype.createCorners=function(e){return this.cornerDirections.map(function(t){return{direction:t,model:xt(e,t,Ct)}})},e.prototype.onDragBar=function(e,t){this.resizeEdge.emit({type:"edge",direction:t,to:"left"===t||"right"===t?e.relativeCenter.x:e.relativeCenter.y})},e.prototype.onResizeEdge=function(e){this.resizeEdge.emit(e)},e.prototype.onResizeCorner=function(e){this.resizeCorner.emit(e)},e.prototype.onDragCorner=function(e,t){this.resizeCorner.emit({type:"corner",direction:t,to:e.relativeCenter})},e.prototype.modelOf=function(e,t){var n=t.find(function(t){return t.direction===e});if(n===undefined)throw Error("Can not find corner model of direction: "+e.x+" "+e.y);return n.model},e.decorators=[{type:t.Component,args:[{selector:"ng3-resize-plane",template:'\n \n \n \n \n\n',changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[""]}]}],e.ctorParameters=function(){return[]},e.propDecorators={model:[{type:t.Input}],z:[{type:t.Input}],mainTexture:[{type:t.Input}],barTexture:[{type:t.Input}],resizeEdge:[{type:t.Output}],resizeCorner:[{type:t.Output}]},e}();function gt(e,t,n){switch(e){case"left":return"x"===t?-n.box.size.x/2:0;case"right":return"x"===t?n.box.size.x/2:0;case"top":return"y"===t?-n.box.size.y/2:0;case"bottom":return"y"===t?n.box.size.y/2:0}}function bt(e,t,n){if("edge"===n)switch(e){case"left":case"right":return new o.Vector2(.2*t.box.size.x,t.box.size.y);case"top":case"bottom":return new o.Vector2(t.box.size.x,.2*t.box.size.y)}return new o.Vector2(.2*t.box.size.x,.2*t.box.size.y)}function xt(e,t,n){return new P(new W(new o.Vector2(e.box.center.x+gt(t.x,"x",e),e.box.center.y+gt(t.y,"y",e)),bt(t.x,e,"corner")),10,n,new o.Vector3(0,0,0),!0,.8)}var wt=new P(new W(new o.Vector2(0,0),new o.Vector2(10,10)),10,{r:new Uint8Array([255]),g:new Uint8Array([255]),b:new Uint8Array([255]),shape:new o.Vector2(1,1)}),_t={r:new Uint8Array([255]),g:new Uint8Array([255]),b:new Uint8Array([255]),shape:new o.Vector2(1,1)},St={r:new Uint8Array([128]),g:new Uint8Array([128]),b:new Uint8Array([128]),shape:new o.Vector2(1,1)},Ct={r:new Uint8Array([64]),g:new Uint8Array([64]),b:new Uint8Array([64]),shape:new o.Vector2(1,1)},It=function(){function e(e){this.canvas=e,this.model=zt,this.drag=new t.EventEmitter}return e.prototype.ngOnInit=function(){},e.prototype.onDrag=function(e){this.drag.emit(e)},e.prototype.setStyle=function(e){this.canvas.domElement.style.cursor=e?"move":"auto"},e.decorators=[{type:t.Component,args:[{selector:"ng3-move-plane",template:'\n \n \n\n\n\x3c!-- app.html --\x3e\n\x3c!-- \n \n\n\n\n \n \n \n \n\n --\x3e\n\x3c!-- app.html --\x3e\n\x3c!-- --\x3e\n',styles:[""]}]}],e.ctorParameters=function(){return[{type:X}]},e.propDecorators={model:[{type:t.Input}],drag:[{type:t.Output}]},e}(),Pt={r:new Uint8Array([255]),g:new Uint8Array([255]),b:new Uint8Array([255]),shape:new o.Vector2(1,1)},zt=new P(new W(new o.Vector2(0,0),new o.Vector2(10,10)),10,Pt),Dt=function(){function e(e){this.canvas=e,this.direction="top",this.z=1,this.resize=new t.EventEmitter}return e.prototype.ngOnInit=function(){if(this.model===undefined)throw Error("Model is not provided")},e.prototype.ngOnDestroy=function(){},e.prototype.setStyle=function(e){this.canvas.domElement.style.cursor=e?this.cursorStyle():"auto"},e.prototype.cursorStyle=function(){switch(this.direction){case"top":case"bottom":return"ns-resize";case"left":case"right":return"ew-resize"}},e.prototype.onDrag=function(e,t){this.resize.emit({type:"edge",direction:this.direction,to:"left"===this.direction||"right"===this.direction?e.relativeCenter.x:e.relativeCenter.y})},e.decorators=[{type:t.Component,args:[{selector:"ng3-resize-plane-edge",template:'\n \n\n',styles:[""]}]}],e.ctorParameters=function(){return[{type:X}]},e.propDecorators={model:[{type:t.Input}],direction:[{type:t.Input}],z:[{type:t.Input}],resize:[{type:t.Output}]},e}(),Vt=function(){function e(e){this.canvas=e,this.direction={x:"right",y:"top"},this.z=1,this.resize=new t.EventEmitter}return e.prototype.ngOnInit=function(){if(this.model===undefined)throw Error("Model is not provided")},e.prototype.ngOnDestroy=function(){},e.prototype.setStyle=function(e){this.canvas.domElement.style.cursor=e?this.cursorStyle():"auto"},e.prototype.cursorStyle=function(){if("left"===this.direction.x&&"top"===this.direction.y)return"nwse-resize";if("right"===this.direction.x&&"top"===this.direction.y)return"nesw-resize";if("left"===this.direction.x&&"bottom"===this.direction.y)return"nesw-resize";if("right"===this.direction.x&&"bottom"===this.direction.y)return"nwse-resize";throw Error("Invalid corner direction")},e.prototype.onDrag=function(e,t){this.resize.emit({type:"corner",direction:this.direction,to:e.relativeCenter})},e.decorators=[{type:t.Component,args:[{selector:"ng3-resize-plane-corner",template:'\n \n\n',styles:[""]}]}],e.ctorParameters=function(){return[{type:X}]},e.propDecorators={model:[{type:t.Input}],direction:[{type:t.Input}],z:[{type:t.Input}],resize:[{type:t.Output}]},e}(),Ot=[{id:"testLine",model:new T(new o.Vector3(0,0,0),new o.Vector3(40,0,0))},{id:"testPlane",model:new P(new W(new o.Vector2(0,0),new o.Vector2(10,10)),10,{r:new Uint8Array([255]),g:new Uint8Array([255]),b:new Uint8Array([255]),shape:new o.Vector2(1,1)})},{id:"testImage",model:new P(new W(new o.Vector2(0,0),new o.Vector2(10,10)),10,{r:new Uint8Array([255]),g:new Uint8Array([255]),b:new Uint8Array([255]),shape:new o.Vector2(1,1)})}],Mt=function(){function e(e){var t=this;this.nextImage$=new i.Subject,this.models=new Fe,Ot.forEach(function(e){return t.models.insert(f({id:e.id},e.model)).subscribe()})}return e.prototype.currentModels=function(){return this.models.currentState()},e.prototype.getModel$=function(e,t){return this.models.get$({id:t}).pipe(r.filter(function(t){return t.type===e}),r.map(function(e){return e}))},e.prototype.addModel=function(e,t){var n,o=this;return console.log("add model",e),n=t===undefined?s.v4():t,new i.Observable(function(t){o.models.insert(f({id:n},e)).subscribe(i.noop,t.error,function(){return t.next(n)})}).pipe(r.first(),r.share())},e.prototype.update=function(e){return this.models.update(e)},e.prototype.testLine=function(){var e=this;function t(e){return new T(new o.Vector3(-10,e,0),new o.Vector3(10,e,0))}return this.addModel(t(0)).pipe(r.switchMap(function(n){return i.interval(100).pipe(r.map(function(e){return 30*Math.sin(e/20)}),r.map(function(e){return f({id:n},t(e))},r.switchMap(function(t){return e.update(t)})))}))},e.prototype.testSequenceImage=function(){return J(new o.Vector2(10,20),new o.Vector2(10,20),new o.Vector2(0,0),this.nextImage$)},e.prototype.testWebSocketLine=function(){},e.ctorParameters=function(){return[{type:ut,decorators:[{type:t.Optional}]}]},e}(),jt=function(e){function n(t,n){return e.call(this,t,n)||this}return d(n,e),n.prototype.createEntity=function(e){var t=new o.Mesh(new o.SphereGeometry(e.radius,e.widthSegments,e.heightSegments),new o.MeshBasicMaterial({color:16711680}));return t.name="Sphere",t.position.copy(e.center),t},n.prototype.updateEntity=function(e,t){return t.position.copy(e.center),t},n.prototype.defaultModel=function(){return new V(new o.Vector3(0,0,0),20,32,32,0,2*Math.PI,0,0)},n.decorators=[{type:t.Component,args:[{selector:"ng3-sphere",template:"

\n sphere works!\n

\n",styles:[""]}]}],n.ctorParameters=function(){return[{type:Z},{type:te}]},n}(de),Lt=function(e){function n(t,n){return e.call(this,t,n)||this}return d(n,e),n.prototype.createEntity=function(e){var t=new o.Mesh(new o.RingGeometry(e.innerRadius,e.outerRadius,e.thetaSegments,e.phiSegments),new o.MeshNormalMaterial({side:o.DoubleSide,wireframe:!0}));return t.name="ring",t.position.copy(e.center),t},n.prototype.updateEntity=function(e,t){return t.position.copy(e.center),t.geometry=new o.RingGeometry(e.innerRadius,e.outerRadius,e.thetaSegments,e.phiSegments),t},n.prototype.defaultModel=function(){return new M(new o.Vector3(0,0,0),29.9,30)},n.decorators=[{type:t.Component,args:[{selector:"ng3-ring",template:"\n",styles:[""]}]}],n.ctorParameters=function(){return[{type:Z},{type:te}]},n}(de),Tt=function(e){function n(t,n){return e.call(this,t,n)||this}return d(n,e),n.prototype.createEntity=function(e){var t=new o.OBJLoader,n=new o.Group;return t.load("../../../../../resource/ceberus/Cebrus.obj",function(t){t.position.copy(e.center),n=t}),n},n.prototype.updateEntity=function(e,t){return t.position.copy(e.center),t},n.prototype.defaultModel=function(){return new F(new o.Vector3(0,0,0))},n.decorators=[{type:t.Component,args:[{selector:"ng3-obj-loader",template:"

\n obj-loader works!\n

\n",styles:[""]}]}],n.ctorParameters=function(){return[{type:Z},{type:te}]},n}(de),Ft=function(){function e(e){this.isRecordingPoints=!1,this.isRecordingFaces=!1,this.points=[],this.indexes=[],this.isRecordingAngles=!1,this.isRecordingColors=!1,this.angles=[],this.colors=[],this.crossOrigin="anonymous",this.defines={},this.index=[],this.float_pattern=/(\b|\-|\+)([\d\.e]+)/,this.float2_pattern=/([\d\.\+\-e]+)\s+([\d\.\+\-e]+)/g,this.float3_pattern=/([\d\.\+\-e]+)\s+([\d\.\+\-e]+)\s+([\d\.\+\-e]+)/g,this.textureLoader=new o.TextureLoader(this.manager),this.manager=o.DefaultLoadingManager}return e.prototype.load=function(e,t,n,i){var r=this,a=this.path===undefined?o.LoaderUtils.extractUrlBase(e):this.path,s=new o.FileLoader(this.manager);s.setPath(this.path),s.load(e,function(e){t(r.parse(e,a))},n,i)},e.prototype.setPath=function(e){this.path=e},e.prototype.parse=function(e,t){console.log("run parse"),this.textureLoader.setPath(this.resourcePath||t).setCrossOrigin(this.crossOrigin),this.scene=new o.Scene,this.lines=e.split("\n");for(var n=this.lines.length-1;n>-1;n--){var i=this.lines[n];if(i=i.replace(/(#.*)/,""),/{.*[{\[]/.test(i)){var r=v([1,n],a=i.split("{").join("{\n").split("\n"));console.log("parts: ",a),this.lines.splice.apply(this.lines,r)}else if(/\].*}/.test(i)){r=v([1,n],a=i.split("]").join("]\n").split("\n"));console.log("parts: ",a),this.lines.splice.apply(this.lines,r)}if(/}.*}/.test(i)){var a;r=v([1,n],a=i.split("}").join("}\n").split("\n"));console.log("parts: ",a),this.lines.splice.apply(this.lines,r)}/^\b[^\s]+\b$/.test(i.trim())?(this.lines[n+1]=i+" "+this.lines[n+1].trim(),this.lines.splice(n,1)):i.indexOf("coord")>-1&&i.indexOf("[")<0&&i.indexOf("{")<0&&(this.lines[n]+="Coordinate {}")}var s=this.lines.shift();return/V1.0/.exec(s)?console.warn("THREE.VRMLLoader: V1.0 not supported yet."):/V2.0/.exec(s)&&this.parseV2(this.lines,this.scene),this.scene},e.prototype.setResuorcePath=function(e){this.resourcePath=e},e.prototype.setCrossOrigin=function(e){this.crossOrigin=e},e.prototype.setMaterials=function(e){},e.prototype._createParserState=function(){},e.prototype.parseV2=function(e,t){console.log("run parseV2"),this.parseNode(this.getTree(e),t)},e.prototype.paintFaces=function(e,t,n,i,r){for(var a=!0===r?1:-1,s=[],c=new o.Vector2,u=new o.Vector2,l=0;lu.y:m.y>=c.y&&m.y0)for(var c=0;c>r.length;c++)/(-?\d+)/.test(r[c])&&("-1"===r[c]?(this.index.length>0&&this.indexes.push(this.index),this.index=[]):this.index.push(parseInt(r[c])));/]/.exec(t)&&(this.index.length>0&&this.indexes.push(this.index),this.index=[],this.isRecordingFaces=!1,e[this.recordingFieldname]=this.indexes)}else if(this.isRecordingPoints){if("Coordinate"===e.nodeType)for(;null!==(r=this.float3_pattern.exec(t));)o={x:parseFloat(r[1]),y:parseFloat(r[2]),z:parseFloat(r[3])},this.points.push(o);if("Normal"===e.nodeType)for(;null!==(r=this.float3_pattern.exec(t));)o={x:parseFloat(r[1]),y:parseFloat(r[2]),z:parseFloat(r[3])},this.points.push(o);if("TextureCoordinate"===e.nodeType)for(;null!==(r=this.float2_pattern.exec(t));)o={x:parseFloat(r[1]),y:parseFloat(r[2])},this.points.push(o);/]/.exec(t)&&(this.isRecordingPoints=!1,e.points=this.points)}else if(this.isRecordingAngles){if(r.length>0)for(c=0;c-1&&"PointLight"===e.nodeType&&(e.nodeType="AmbientLight");var i=e.on===undefined||e.on,r=e.intensity!==undefined?e.intensity:1,a=new o.Color;if(e.color&&a.copy(e.color),"AmbientLight"===e.nodeType)(n=new o.AmbientLight(a,r)).visible=i,t.add(n);else if("PointLight"===e.nodeType){var s=0;e.radius!==undefined&&e.radius<1e3&&(s=e.radius),(n=new o.PointLight(a,r,s)).visible=i,t.add(n)}else if("SpotLight"===e.nodeType){s=0;var c=Math.PI/3;e.radius!==undefined&&e.radius<1e3&&(s=e.radius),e.cutOffAngle!==undefined&&(c=e.cutOffAngle),(n=new o.SpotLight(a,1,s,c,0)).visible=!0,t.add(n)}else if("Transform"===e.nodeType||"Group"===e.nodeType){if(n=new o.Object3D,/DEF/.exec(e.string)&&(n.name=/DEF\s+([^\s]+)/.exec(e.string)[1],this.defines[n.name]=n),e.translation!==undefined){var u=e.translation;n.position.set(u.x,u.y,u.z)}if(e.rotation!==undefined){var l=e.rotation;n.quaternion.setFromAxisAngle(new o.Vector3(l.x,l.y,l.z),l.w)}if(e.scale!==undefined){var p=e.scale;n.scale.set(p.x,p.y,p.z)}t.add(n)}else if("Shape"===e.nodeType)n=new o.Mesh,/DEF/.exec(e.string)&&(n.name=/DEF\s+([^\s]+)/.exec(e.string)[1],this.defines[n.name]=n),t.add(n);else if("Background"===e.nodeType){var h=2e4,d=new o.SphereBufferGeometry(h,20,20),f=new o.MeshBasicMaterial({fog:!1,side:o.BackSide});if(e.skyColor.length>1)this.paintFaces(d,h,e.skyAngle,e.skyColor,!0),f.vertexColors=o.VertexColors;else{var m=e.skyColor[0];f.color.setRGB(m.r,m.g,m.b)}if(this.scene.add(new o.Mesh(d,f)),e.groundColor!==undefined){h=12e3;var v=new o.SphereBufferGeometry(h,20,20,0,2*Math.PI,.5*Math.PI,1.5*Math.PI),y=new o.MeshBasicMaterial({fog:!1,side:o.BackSide,vertexColors:o.VertexColors});this.paintFaces(v,h,e.groundAngle,e.groundColor,!1),this.scene.add(new o.Mesh(v,y))}}else{if(/geometry/.exec(e.string)){if("Box"===e.nodeType){p=e.size;t.geometry=new o.BoxBufferGeometry(p.x,p.y,p.z)}else if("Cylinder"===e.nodeType)console.log("Cylinder"),t.geometry=new o.CylinderBufferGeometry(e.radius,e.radius,e.heigjt);else if("Cone"===e.nodeType)console.log("Cone"),t.geometry=new o.CylinderBufferGeometry(e.topRadius,e.bottomRadius,e.height);else if("Sphere"===e.nodeType)t.geometry,new o.SphereBufferGeometry(e.radius);else if("IndexedFaceSet1"===e.nodeType){var g,b=new o.BufferGeometry,x=[],w=[],_=[],S=[],C=void 0,I=(m=void 0,void 0),P=void 0,z=void 0,D=void 0,V=void 0;for(z=0,g=e.children.length;z-1){var O=/DEF\s+([^\s]+)/.exec(Y.string)[1];this.defines[O]=x.slice(0)}if(Y.string.indexOf("USE")>-1){ee=/USE\s+([^\s]+)/.exec(Y.string)[1];x=this.defines[ee]}}}if(e.coordIndex){var M=e.coordIndex?this.triangulateIndexArray(e.coordIndex,e.ccw):[],j=e.normalIndex?this.triangulateIndexArray(e.normalIndex,e.ccw):M,L=e.colorIndex?this.triangulateIndexArray(e.texCoordIndex,e.ccw):M,T=e.texCoordIndex?this.triangulateIndexArray(e.texCoordIndex,e.ccw):M,F=[],E=[],k=[],B=[],A=[],R=Object.create(null);for(z=0;z0&&k.push(_[3*G],_[3*G+1],_[3*G+2]),W!==undefined&&w.length>0&&B.push(w[3*W],w[3*W+1],w[3*W+2]),N!==undefined&&S.length>0&&A.push(S[2*N],S[2*N+1])),F.push(q)}x=E,_=k,w=B,S=A,b.setIndex(F)}else t.parent.remove(t);!1===e.solid&&(t.material.side=o.DoubleSide),b.addAttribute("position",new o.Float32BufferAttribute(C,3)),w.length>0&&(b.addAttribute("color",new o.Float32BufferAttribute(w,3)),t.material.VertexColors=o.VertexColors),S.length>0&&b.addAttribute("uv",new o.Float32BufferAttribute(S,2)),_.length>0?b.addAttribute("normal",new o.Float32BufferAttribute(I,3)):(b=b.toNonIndexed()).computeVertexNormals(),b.computeBoundingSphere(),/DEF/.exec(e.string)&&(b.name=/DEF ([^\s]+)/.exec(e.string)[1],this.defines[b.name]=b),t.geometry=b}return}if(/appearance/.exec(e.string)){for(z=0;z=3&&o\n vrml-loader works!\n

\n",styles:[""]}]}],n.ctorParameters=function(){return[{type:Z},{type:te}]},n}(de),kt=function(e){function n(t,n){return e.call(this,t,n)||this}return d(n,e),n.prototype.createEntity=function(e){for(var t=new o.Geometry,n=0;n\n shape works!\n

\n",styles:[""]}]}],n.ctorParameters=function(){return[{type:Z},{type:te}]},n}(de),Bt=function(e){function n(t,n){var i=e.call(this,t,n)||this;return i._increment=10,i.start=0,i}return d(n,e),Object.defineProperty(n.prototype,"increment",{get:function(){return this._increment},set:function(e){this._increment=e},enumerable:!0,configurable:!0}),n.prototype.createEntity=function(e){for(var t=new o.Geometry,n=0;n=i/6&&a<=i/2&&r>=i/6&&r<=i/2?(this.info_position=new o.Vector2(r+n/6,a+i/6),this.arrow_position=new o.Vector2(r+n/6,a+i/6),t=new o.Vector2(r+n/6,a+i/6)):a<=i/6&&r>=n/6*5||a>=i/6&&a<=i/2&&r>n/2&&r<=n/6*5?(this.info_position=new o.Vector2(r-n/6,a+i/6),this.arrow_position=new o.Vector2(r-n/6,a+i/6),t=new o.Vector2(r-n/6,a+i/6)):a>=i/6*5&&r<=n/6||a>i/2&&a<=i/6*5&&r>=i/6&&r<=i/2?(this.info_position=new o.Vector2(r+n/6,a-i/6),this.arrow_position=new o.Vector2(r+n/6,a-i/6),t=new o.Vector2(r+n/6,a-i/6)):a>=i/6*5&&r>=n/6*5||a>=i/2&&a=n/2&&ri/6&&ai/6&&a=n/6*5?(this.info_position=new o.Vector2(r-n/6,a),this.arrow_position=new o.Vector2(r-n/6,a),t=new o.Vector2(r-n/6,a)):a>=i/6*5&&r>n/6&&rn/6&&r --\x3e\n \x3c!--
000000000000000000000000000000
--\x3e\n \x3c!-- --\x3e\n \x3c!-- --\x3e\n\x3c!-- --\x3e\n',styles:["canvas{position:absolute;width:100;height:100;z-index:15;pointer-events:none}"]}]}],e.ctorParameters=function(){return[{type:t.Renderer2},{type:t.ElementRef}]},e.propDecorators={info:[{type:t.Input}],position:[{type:t.Input}],arrow_enable:[{type:t.Input}],info_style:[{type:t.Input}]},e}(),$t=function(){function e(e,n){var o=this;this.canvasService=e,this.mouse=n,this.stop=new i.Subject,this.fovs=new t.EventEmitter,this.domElement=this.canvasService.domElement,this.eventHandler={ring:{enable:!1,tag:"drag"},line:{enable:!1,tag:"drag"},crossline:{enable:!1,tag:"drag"},fov:{enable:!0,tag:"stop drag"}},this.fovHandler={fov1:{enable:!1,tag:"drag"},fov2:{enable:!1,tag:"drag"},fov3:{enable:!1,tag:"drag"}},this.crossline=new Wt(this.eventHandler.crossline.enable,this.multiCanvas,this.entityStore),this.ring=new Nt(this.eventHandler.ring.enable,this.multiCanvas,this.entityStore),this.mouse.downWithButton$.pipe(r.takeUntil(this.stop)).subscribe(function(e){e.original.preventDefault(),o.eventHandler.crossline.enable&&(o.crossline.activate(),o.crossline.onMouseDown(e.position)),o.eventHandler.ring.enable&&(o.ring.activate(),o.ring.onMouseDown(e.position)),o.eventHandler.fov.enable&&(o.fov.activate(),o.fov.onMouseDown(e.position,o.fovHandler))},console.error),this.mouse.position$.pipe(r.takeUntil(this.stop)).subscribe(function(e){o.crossline.onMouseMove(e),o.ring.onMouseMove(e),o.fov.onMouseMove(e);var t={fov1:o.fov.fovs[0],fov2:o.fov.fovs[1],fov3:o.fov.fovs[2]};o.fovs.emit(t)},console.error),this.mouse.up$.pipe(r.takeUntil(this.stop)).subscribe(function(e){o.crossline.deactivate(),o.ring.deactivate(),o.fov.deactivate()},console.error)}return e.prototype.ngOnInit=function(){},e.prototype.ngAfterContentInit=function(){this.fov=new Gt(this.eventHandler.fov.enable,this.multiCanvas,this.entityStore),this.crossline=new Wt(this.eventHandler.crossline.enable,this.multiCanvas,this.entityStore),this.ring=new Nt(this.eventHandler.ring.enable,this.multiCanvas,this.entityStore)},e.decorators=[{type:t.Component,args:[{selector:"ng3-event-distribute",template:"
\n event-distribute works!\n
\n",styles:[""]}]}],e.ctorParameters=function(){return[{type:X},{type:Ze}]},e.propDecorators={fovs:[{type:t.Output}],eventHandler:[{type:t.Input}],fovHandler:[{type:t.Input}],entityStore:[{type:t.Input}],multiCanvas:[{type:t.Input}]},e}(),Ut=function(){function e(e){this.eventEnbable=e,this._activated=!1,this.origin=new o.Vector2,this.start=new o.Vector2,this.end=new o.Vector2,this.delta=new o.Vector2,this.delta2=new o.Vector2}return Object.defineProperty(e.prototype,"activated",{get:function(){return this.eventEnbable,this._activated},enumerable:!0,configurable:!0}),e.prototype.activate=function(){this._activated=!0},e.prototype.deactivate=function(){this._activated=!1},e.prototype.onMouseUp=function(){this.deactivate()},e}(),Gt=function(e){function t(t,n,i){var r=e.call(this,t)||this;return r.multiCanvas=n,r.entityStore=i,r.onBox="inside",r.fovs=[new W(new o.Vector2(0,0),new o.Vector2(20,20)),new W(new o.Vector2(0,0),new o.Vector2(20,20)),new W(new o.Vector2(0,0),new o.Vector2(20,20))],r}return d(t,e),t.prototype.onMouseWheel=function(){},t.prototype.onMouseDown=function(e,t){var n=this;this.activated&&(this.start.set(e.x,e.y),this.origin.set(e.x,e.y)),this.fovHandler=t;var i=0;t.fov3.enable&&(i=2),t.fov2.enable&&(i=1),t.fov1.enable&&(i=0),this.multiCanvas.mapSelectedCanvas(function(t){n.entityStore.fovsOnCanvas(t,function(t){t[i]!==undefined&&(n.boxController=new H(t[i].model.box,.1),n.onBox=n.boxController.onWhichAreabox(e))})})},t.prototype.onMouseMove=function(e){this.activated&&(this.end.set(e.x,e.y),this.delta.subVectors(this.end,this.start),this.delta2.subVectors(this.end,this.origin),this.fovHandler.fov1.enable&&this.fovEvent(this.origin,this.delta,this.end,0),this.fovHandler.fov2.enable&&this.fovEvent(this.origin,this.delta,this.end,1),this.fovHandler.fov3.enable&&this.fovEvent(this.origin,this.delta,this.end,2),this.start.copy(this.end))},t.prototype.dragFov=function(e){var t=this;this.multiCanvas.mapSelectedCanvas(function(n){t.entityStore.fovOnCanvas(n,function(n){t.entityStore.updateFov({id:n.id,model:f({},n.model,{box:new W(e,n.model.box.size)})})})})},t.prototype.fovEvent=function(e,t,n,i){var o=this;this.multiCanvas.mapSelectedCanvas(function(e){o.entityStore.fovsOnCanvas(e,function(e){if(e[i]!==undefined){var r=e[i].model;switch(o.fovs[i]=r.box,o.onBox){case"inside":o.entityStore.updateFov({id:e[i].id,model:f({},r,{box:new W(n,r.box.size)})});break;case"left":o.entityStore.updateFov({id:e[i].id,model:f({},r,{box:new N(r.box.left+t.x,r.box.right,r.box.top,r.box.bottom)})});break;case"right":o.entityStore.updateFov({id:e[i].id,model:f({},r,{box:new N(r.box.left,r.box.right+t.x,r.box.top,r.box.bottom)})});break;case"top":o.entityStore.updateFov({id:e[i].id,model:f({},r,{box:new N(r.box.left,r.box.right,r.box.top+t.y,r.box.bottom)})});break;case"bottom":o.entityStore.updateFov({id:e[i].id,model:f({},r,{box:new N(r.box.left,r.box.right,r.box.top,r.box.bottom+t.y)})})}}})})},t}(Ut),Wt=function(e){function t(t,n,i){var o=e.call(this,t)||this;return o.multiCanvas=n,o.entityStore=i,o}return d(t,e),t.prototype.onMouseDown=function(e){this.activated&&(this.start.set(e.x,e.y),this.origin.set(e.x,e.y))},t.prototype.onMouseWheel=function(){},t.prototype.onMouseMove=function(e){this.activated&&(this.end.set(e.x,e.y),this.delta.subVectors(this.end,this.start),this.dragCrossline(this.start),this.start.copy(this.end))},t.prototype.dragCrossline=function(e){var t=this;this.multiCanvas.mapSelectedCanvas(function(n){n!==undefined&&t.entityStore.crosslineOnCanvas(n,function(n){if(n!==undefined){var i;switch(n.view){case"x":i=new o.Vector3(n.position.x,e.x,e.y);break;case"y":i=new o.Vector3(e.x,n.position.y,e.y);break;case"z":i=new o.Vector3(e.x,e.y,n.position.z)}t.entityStore.updateCrosslines({model:f({},n,{position:i})})}})})},t}(Ut),Nt=function(e){function t(t,n,i){var o=e.call(this,t)||this;return o.multiCanvas=n,o.entityStore=i,o.onBox="inside",o}return d(t,e),t.prototype.onMouseDown=function(e){var t=this;this.activated&&(this.start.set(e.x,e.y),this.origin.set(e.x,e.y)),this.multiCanvas.mapSelectedCanvas(function(n){t.entityStore.ringOnCanvas(n,function(n){n!==undefined&&(t.boxController=new H(new W(new o.Vector2(n.center.x,n.center.y),new o.Vector2(2*n.outerRadius,2*n.outerRadius)),.1),t.onBox=t.boxController.onWhichAreabox(e))})})},t.prototype.onMouseWheel=function(){},t.prototype.onMouseMove=function(e){this.activated&&(this.end.set(e.x,e.y),this.delta.subVectors(this.end,this.origin),this.dragRing(this.origin,this.delta,this.end),this.start.copy(this.end))},t.prototype.dragRing=function(e,t,n){var i=this;this.multiCanvas.mapSelectedCanvas(function(e){return i.entityStore.ringOnCanvas(e,function(t){switch(i.onBox){case"inside":i.entityStore.updateRingEntity({canvasId:e,model:f({},t,{center:new o.Vector3(n.x,n.y,0)})});break;case"left":case"right":case"top":case"bottom":case"none":var r=new o.Vector2;r.subVectors(new o.Vector2(t.center.x,t.center.y),n);var a=Math.sqrt(Math.pow(r.x,2)+Math.pow(r.y,2));i.entityStore.updateRingEntity({canvasId:e,model:new M(new o.Vector3(t.center.x,t.center.y,0),a,a+.001)})}})})},t.prototype.ResizeRing=function(e,t){var n=this;this.multiCanvas.mapSelectedCanvas(function(i){var r=Math.sqrt(Math.pow(t.x,2)+Math.pow(t.y,2));n.entityStore.updateRingEntity({canvasId:i,model:new M(new o.Vector3(e.x,e.y,0),r,r+.001)})})},t}(Ut),Ht=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[ut,lt,pt,dt,ct,mt,vt,yt,It,Dt,Vt,nt,st,jt,Xe,Lt,Tt,Bt,Et,kt,Ke,Ie,Rt,$t,Ce,we],providers:[Mt,Se],imports:[n.CommonModule],exports:[ut,pt,lt,dt,ct,mt,yt,It,nt,st,jt,Xe,Lt,Tt,Et,kt,Bt,Ke,Ie,Rt,$t,Ce,we]}]}],e}();function qt(e,t){return 0===e.length?undefined:1===e.length?t(e[0]):t(e[0])!==t(e[1])?undefined:qt(e.slice(1,e.length),t)}var Yt=function(){function e(){this.width=1,this.widthChange=new t.EventEmitter,this.level=.5,this.levelChange=new t.EventEmitter,this.widthlevelChange=new t.EventEmitter}return Object.defineProperty(e.prototype,"related",{set:function(e){this.setInputToDefault(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.updateWidth=function(e){this.width=e,this.width!==undefined&&this.widthChange.emit(this.width)},e.prototype.updateLevel=function(e){this.level=e,this.level!==undefined&&this.levelChange.emit(this.level)},e.prototype.updateWidthLevel=function(e,t){this.width=e,this.level=t,this.width&&this.level!==undefined&&this.widthlevelChange.emit({width:this.width,level:this.level})},e.prototype.parse=function(e){return parseFloat(e)},e.prototype.setInputToDefault=function(e){0!==e.length&&(this.updateWidth(qt(e,function(e){return e.filter.width})),this.updateLevel(qt(e,function(e){return e.filter.level})),this.updateWidthLevel(qt(e,function(e){return e.filter}).width,qt(e,function(e){return e.filter}).level))},e.decorators=[{type:t.Component,args:[{selector:"app-window",template:'\x3c!--
--\x3e\n
\n
\n Width:\n \n
\n
\n Level:\n \n
\n
\n\n',styles:[".window{display:flex}.inputValue{width:80px}.labelLength{width:50px}"]}]}],e.ctorParameters=function(){return[]},e.propDecorators={width:[{type:t.Input}],widthChange:[{type:t.Output}],level:[{type:t.Input}],levelChange:[{type:t.Output}],widthlevelChange:[{type:t.Output}],related:[{type:t.Input}]},e}(),Jt=function(){function e(){this.maxFrame="100",this.choseFrame="1",this.choseFrame$=new i.Subject,this.direction="z",this.directionChange=new t.EventEmitter,this.sliceIndex=1,this.sliceIndexChange=new t.EventEmitter}return Object.defineProperty(e.prototype,"related",{set:function(e){this.setInputToDefault(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.ngOnDestroy=function(){},e.prototype.setInputToDefault=function(e){0!==e.length&&(this.changeDirection(qt(e,function(e){return e.slicer.direction})),this.changeSliceIndex(qt(e,function(e){return e.slicer.index})),this.setDefaultFrame(qt(e,function(e){return e.slicer.max}),qt(e,function(e){return e.slicer.index})))},e.prototype.changeDirection=function(e){e!==this.direction&&(this.direction=e,e!==undefined&&this.directionChange.emit(e))},e.prototype.parse=function(e){return parseInt(e,10)},e.prototype.changeSliceIndex=function(e){e!==this.sliceIndex&&(this.sliceIndex=e,e!==undefined&&this.sliceIndexChange.emit(e))},e.prototype.setDefaultFrame=function(e,t){this.maxFrame=e.toString(),this.choseFrame=t.toString()},e.decorators=[{type:t.Component,args:[{selector:"app-direction",template:'
\n Slice direction\n \n \n \n \n \n
\n\n
\n Frame: {{sliceIndex}}\n \n
\n',styles:[""]}]}],e.ctorParameters=function(){return[]},e.propDecorators={direction:[{type:t.Input}],directionChange:[{type:t.Output}],sliceIndex:[{type:t.Input}],sliceIndexChange:[{type:t.Output}],related:[{type:t.Input}]},e}(),Kt=function(){function n(){var n=this;this.colormapSubject=new i.BehaviorSubject(e.Colormaps.GRAY),this.colormap$=this.colormapSubject.asObservable(),this.colormapName$=this.colormap$.pipe(r.map(function(e){return e===undefined?undefined:e.name})),this.colormapChange=new t.EventEmitter,this.colormap$.pipe(r.filter(function(e){return e!==undefined})).subscribe(function(e){return n.colormapChange.emit(e)},function(e){return console.error(e)})}return Object.defineProperty(n.prototype,"colormap",{get:function(){return this.colormapSubject.value},set:function(e){this.colormapSubject.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"related",{set:function(e){this.setInputToDefault(e)},enumerable:!0,configurable:!0}),n.prototype.ngOnDestroy=function(){this.colormapSubject.complete()},n.prototype.ngOnInit=function(){},n.prototype.onChangeSelect=function(t){switch(t){case"gray":this.colormap=e.Colormaps.GRAY;break;case"hot":this.colormap=e.Colormaps.HOT;break;default:this.colormap=undefined}},n.prototype.setInputToDefault=function(e){0!==e.length&&(this.colormap=qt(e,function(e){return e.colormap}))},n.decorators=[{type:t.Component,args:[{selector:"app-colormap",template:'
\n colormap\n \n \n \n \n
\n',styles:[".divC{white-space:nowrap;display:inline}.window{display:inline;white-space:nowrap}.inputValue{width:80px}.labelLength{width:50px}"]}]}],n.ctorParameters=function(){return[]},n.propDecorators={colormap:[{type:t.Input}],colormapChange:[{type:t.Output}],related:[{type:t.Input}]},n}(),Xt=function(){function e(){this.imageSubject=new i.BehaviorSubject({image:new I(new o.Vector2(0,0),new o.Vector2(10,10),new o.Vector2(1,1),new Uint8Array([255]),new Uint8Array([255]),new Uint8Array([255])),rotation:new o.Vector3(0,0,0)}),this.image$=this.imageSubject.asObservable(),this.z=0,this.scroll=new t.EventEmitter,this.drag=new t.EventEmitter,this.model$=this.image$.pipe(r.map(function(e){return new P(new W(e.image.meta.center,e.image.meta.size),10,{r:new Uint8Array(e.image.r),g:new Uint8Array(e.image.g),b:new Uint8Array(e.image.b),shape:new o.Vector2(e.image.meta.shape.x,e.image.meta.shape.y)},e.rotation)})),this.model$.subscribe(i.noop,function(e){return console.error(e)})}return Object.defineProperty(e.prototype,"image",{get:function(){return this.imageSubject.value},set:function(e){if(e===undefined||null===e)throw Error("Can not set Display2DProperty with null");this.imageSubject.next(e)},enumerable:!0,configurable:!0}),e.prototype.onWheelEvent=function(e){this.scroll.emit(e)},e.prototype.onDragEvent=function(e){this.drag.emit(e)},e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"app-image2d",template:'\n \n\n',styles:[""]}]}],e.ctorParameters=function(){return[]},e.propDecorators={image:[{type:t.Input}],z:[{type:t.Input}],scroll:[{type:t.Output}],drag:[{type:t.Output}]},e}(),Zt=function(){return function(t,n,i,r,a,s,c){void 0===n&&(n=new _(new o.Vector3(0,0,0),new o.Vector3(1,1,0),new o.Vector3(1,1,0),new Float32Array([1]))),void 0===i&&(i=e.Colormaps.GRAY),void 0===r&&(r=new Pe),void 0===a&&(a=new je(1,0)),void 0===s&&(s=new o.Vector2(0,1)),void 0===c&&(c=new o.Vector3(0,0,0)),this.id=t,this.image=n,this.colormap=i,this.slicer=r,this.filter=a,this.minMax=s,this.rotation=c}}(),Qt=function(){return function(e,t,n,i){void 0===i&&(i=new o.Color(60,179,113)),this.canvasId=e,this.id=t,this.model=n,this.color=i}}(),en=function(){return function(e){this.id=e}}(),tn=function(){function e(e){var n=this;this.sceneService=e,this.boxSubject=new i.BehaviorSubject(new W(new o.Vector2(0,0),new o.Vector2(1,1))),this.box$=this.boxSubject.asObservable(),this.resize="canvas",this.pos=new o.Vector3(0,0,0),this.scroll=new t.EventEmitter,this.drag=new t.EventEmitter,this.stateSubject=new i.BehaviorSubject(He()),this.state$=this.stateSubject.asObservable(),this.z=0,this.image$=i.combineLatest(this.state$,this.box$).pipe(r.map(function(e){return n.getDisplay2DProperty(e[0],e[1])}))}return Object.defineProperty(e.prototype,"box",{get:function(){return this.boxSubject.value},set:function(e){this.boxSubject.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"image",{get:function(){return this.stateSubject.value},set:function(e){this.stateSubject.next(e)},enumerable:!0,configurable:!0}),e.prototype.onScroll=function(e){this.scroll.emit(e)},e.prototype.onDrag=function(e){this.drag.emit(e)},e.prototype.getDisplay2DProperty=function(e,t){var n=Ve(e.filter.filter(e.slicer.slice(e.image)),e.colormap),i=this.imageBox(n,t);return{image:new I(i.center,i.size,n.meta.shape,n.r,n.g,n.b),rotation:e.rotation}},e.prototype.getImage=function(e,t){var n=Ve(e.filter.filter(e.slicer.slice(e.image)),e.colormap),i=this.imageBox(n,t);return new I(i.center,i.size,n.meta.shape,n.r,n.g,n.b)},e.prototype.imageBox=function(e,t){switch(this.resize){case"image":return new W(e.meta.center,e.meta.size);case"fix":return t;case"canvas":var n=this.sceneService.size,i=Math.min(n.size.x/e.meta.size.x,n.size.y/e.meta.size.y);return new W(new o.Vector2(0,0),new o.Vector2(e.meta.size.x*i,e.meta.size.y*i))}},e.decorators=[{type:t.Component,args:[{selector:"app-image3d",template:'\n',styles:["#topo{position:absolute;top:10px;left:10px;width:600px;height:800px}#topoplaceholder{width:620px;height:820px}#slice{position:absolute;top:10px;left:10px;width:600px;height:600px}.image-viewers-container{flex-wrap:wrap;display:flex}.container{display:-ms-grid;display:grid;-ms-grid-columns:(20%)[5];grid-template-columns:repeat(5,20%);width:100%;height:100%}.header-container{grid-area:head;display:flex;height:50}.utilities-container{background-color:#eee;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2}.viewers-container{grid-column:2/-1;background-color:azure}"]}]}],e.ctorParameters=function(){return[{type:Z}]},e.propDecorators={box:[{type:t.Input}],resize:[{type:t.Input}],pos:[{type:t.Input}],scroll:[{type:t.Output}],drag:[{type:t.Output}],image:[{type:t.Input}],z:[{type:t.Input}]},e}(),nn=function(){function e(){this.crosslineSubject=new i.BehaviorSubject([{id:"testLine",position:new o.Vector3(10,10,10),view:"x",crosslineLength:2}]),this.crosslineMain$=this.crosslineSubject.asObservable(),this.tempV3=new o.Vector3(0,0,0)}return e.prototype.addCrossLine=function(e){void 0===e&&(e=0);var t=s.v4();return this.crosslineSubject.next(v(this.crosslineSubject.value,[{id:t,position:new o.Vector3(10,10,e),view:"x",crosslineLength:2}])),t},e.prototype.updatePosition=function(e,t,n,i){var o=this;void 0===i&&(i=2),this.crosslineMain$.pipe(r.map(function(i){o.tempV3=o.updateViewPos(t,i[o.lastIndex(i,e)].position,n)})).subscribe(),this.crosslineSubject.next(v(this.crosslineSubject.value,[{id:e,position:this.tempV3,view:n,crosslineLength:i}]))},e.prototype.position$=function(e,t){var n=this;return this.crosslineMain$.pipe(r.map(function(i){return n.getPos(i[n.lastIndex(i,e)].position,t)}))},e.prototype.position3$=function(e){var t=this;return this.crosslineMain$.pipe(r.map(function(n){return n[t.lastIndex(n,e)].position}))},e.prototype.getPos=function(e,t){switch(t){case"x":return new o.Vector2(e.y,e.x);case"y":return new o.Vector2(e.x,e.z);case"z":return new o.Vector2(e.x,e.y)}},e.prototype.lastIndex=function(e,t){for(var n=0,i=0;i\n',styles:[""]}]}],e.ctorParameters=function(){return[{type:Z},{type:nn}]},e.propDecorators={view:[{type:t.Input}],box:[{type:t.Input}],resize:[{type:t.Input}],image:[{type:t.Input}]},e}(),rn=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[Kt,Jt,Yt,tn,Xt,on,K],imports:[n.CommonModule,Ht],exports:[Kt,Jt,Yt,tn,Xt,Ht,on,K]}]}],e}(),an=function(){function e(){this.eventHandler={ring:{enable:!1,tag:"drag"},line:{enable:!1,tag:"drag"},crossline:{enable:!1,tag:"drag"},fov:{enable:!0,tag:"stop drag"}},this.fovHandler={fov1:{enable:!1,tag:"drag"},fov2:{enable:!1,tag:"drag"},fov3:{enable:!1,tag:"drag"}}}return e.prototype.doDrag=function(){},e.prototype.noDrag=function(){},e.prototype.ifDrag=function(){this.eventHandler.ring.enable||this.eventHandler.line.enable||this.eventHandler.crossline.enable||this.eventHandler.fov.enable?this.doDrag():this.noDrag()},e.prototype.drag=function(e){e.enable?(e.enable=!1,this.ifDrag(),e.tag="drag"):(e.enable=!0,this.ifDrag(),e.tag="stop drag")},e.prototype.dragRing=function(){this.drag(this.eventHandler.ring)},e.prototype.dragLine=function(){this.drag(this.eventHandler.line)},e.prototype.dragCrossline=function(){this.drag(this.eventHandler.crossline)},e.prototype.dragFov=function(){this.drag(this.eventHandler.fov)},e.prototype.dragFov1=function(){this.drag(this.fovHandler.fov1)},e.prototype.dragFov2=function(){this.drag(this.fovHandler.fov2)},e.prototype.dragFov3=function(){this.drag(this.fovHandler.fov3)},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=t.defineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}(),sn=function(){return function(e,t,n,i,o,r,a,s){this.name=e,this.imageId=t,this.birthday=n,this.sex=i,this.age=o,this.description=r,this.ima=a,this.position=s,this.type="patient"}}(),cn=function(){return function(e,t,n,i){this.name=e,this.device=t,this.model=n,this.patientPosition=i,this.type="hospital"}}(),un=function(){return function(e,t){this.scale=e,this.direction=t,this.type="scale"}}(),ln=function(){return function(e,t,n,i){this.voltage=e,this.current=t,this.angle=n,this.depth=i,this.type="physics"}}(),pn=function(){return function(e,t,n){this.window=e,this.level=t,this.zoom=n,this.type="zoom"}}(),hn=function(){return function(e,t){this.center=e,this.Radius=t,this.type="ring",this.area=Math.PI*t*t}}(),dn=function(){function e(){this.info=new i.BehaviorSubject(new hn(new o.Vector3(0,0,0),20)),this.info$=this.info.asObservable()}return e.prototype.top_left_info=function(){return["AAA",123,new Date(Date.now()),"F",40,"CT",30,-20.3]},e.prototype.top_right_info=function(){return["x HSP","PET-CT","Pi-16","HFS"]},e.prototype.bottom_left_info=function(){return[100,10,30,200]},e.prototype.bottom_right_info=function(){return["W 350","C 50","Zoom: 1.00"]},e.prototype.updateInfo=function(e){this.info.next(e)},e.prototype.getPatient=function(e){return i.of(new sn("AAA",123,new Date(Date.now()),"F",40,"CT",30,-20.3))},e.prototype.currentPatient=function(){return i.of(new sn("AAA",123,new Date(Date.now()),"F",40,"CT",30,-20.3))},e.prototype.currentHospital=function(){return i.of(new cn("x HSP","PET-CT","Pi-16","HFS"))},e.prototype.currentScale=function(){return i.of(new un(10,"R"))},e.prototype.currentPhysics=function(){return i.of(new ln(100,10,30,200))},e.prototype.currentZoom=function(){return i.of(new pn("W 350","C 50","Zoom: 1.00"))},e.prototype.ROI_info=function(){return i.of(["area:100","value:100"])},e.decorators=[{type:t.Injectable,args:[{providedIn:"root"}]}],e.ctorParameters=function(){return[]},e.ngInjectableDef=t.defineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e}(),fn=function(){function e(e,n,a,c,u,l,p){var h=this;this.service=e,this.imageStoreService=n,this.infoService=a,this.crosslineService=c,this.entityStoreService=u,this.loadService=l,this.distributionService=p,this.image3Subject=new i.BehaviorSubject(Y(new o.Vector3(100,100,100),new o.Vector3(100,100,100))),this.image3$=this.image3Subject.asObservable(),this.fovs=new t.EventEmitter,this.image2=q(new o.Vector2(10,10),new o.Vector2(10,20)),this.tomoSize=new o.Vector2(500,752),this.normalSize=new o.Vector2(500,375),this.threeDSize=new o.Vector2(500,375),this.tomoCameraSize=new o.Vector2(80,60),this.normalCameraSize=new o.Vector2(80,60),this.threeDCameraSize=new o.Vector2(400,400),this.tomoCamera=new W(new o.Vector2(0,0),this.tomoCameraSize),this.normalCamera=new W(new o.Vector2(0,0),this.normalCameraSize),this.threeDCamera=new W(new o.Vector2(0,0),this.threeDCameraSize),this.id=s.v4(),this.canvasSelected="testCanvas",this.viewSelected="x",this.circleSubject=new i.BehaviorSubject(new O(new o.Vector3(0,0,0),10)),this.ringSubject=new i.BehaviorSubject(new M(new o.Vector3(0,0,0),5,5.001)),this.circleMain=this.circleSubject.asObservable(),this.ringMain=this.ringSubject.asObservable(),this.planeSubject=new i.BehaviorSubject(new W(new o.Vector2(0,0),new o.Vector2(20,20))),this.planeMain=this.planeSubject.asObservable(),this.ringModelTemp=new M(new o.Vector3(0,0,0),3,3.0001),this.shapePos=[],this.shapeSubject=new i.BehaviorSubject(undefined),this.shapeMain=this.shapeSubject.asObservable(),this.canvas$=this.service.canvasOf(this.id),this.profile=[],this.profileSubject=new i.BehaviorSubject(undefined),this.profileMain=this.profileSubject.asObservable(),this.profileTest=new L([0,50,100,50,0]),this.imageInfo={pos:new o.Vector3(0,0,0),index:new o.Vector3(1,1,1),intensity:0},this.cube=new D(new o.Vector3(50,50,50),new o.Vector3(0,0,0),new o.Vector3(0,0,0)),this.sphere=new V(new o.Vector3(10,10,10),30),this.plane=new P(new W(new o.Vector2(0,0),new o.Vector2(10,10)),10,{r:new Uint8Array([255]),g:new Uint8Array([255]),b:new Uint8Array([255]),shape:new o.Vector2(1,1)},new o.Vector3(0,0,0),!0,.5,!0),this.obj=new F(new o.Vector3(0,0,0)),this.vrml=new E(new o.Vector3(0,0,0)),this.circle=new O(new o.Vector3(0,0,10),10),this.ring=new M(new o.Vector3(10,0,0),30,30),this.volume=new A("red","bandpass",0,.25,new _(new o.Vector3(0,0,0),new o.Vector3(190,256,151),new o.Vector3(190,256,151),new Float32Array(7344640))),this.imageCanvasSubject=new i.BehaviorSubject([]),this.imageCanvas$=this.imageCanvasSubject.asObservable(),this.lineSubject=new i.BehaviorSubject({id:"testLine",position:new o.Vector3(10,10,10),view:"x",crosslineLength:2}),this.lineMain$=this.lineSubject.asObservable(),this.outPost=new o.Vector3(10,10,10),this.imgBoundingBox=new W(new o.Vector2(0,0),new o.Vector2(60,60)),this.cameraSize=new W(new o.Vector2(0,0),new o.Vector2(80,60)),this.info=new i.Observable,this.info2=["hhhhh","sssss"],this.position2=new o.Vector2(100,100),this.a=10,this.crossline=new k(new o.Vector3(this.a,10,0),"x"),this.s=10,this.selecteImages=new t.EventEmitter,this.eventHandler=this.distributionService.eventHandler,this.fovHandler=this.distributionService.fovHandler,console.log(this.s);for(var d=0;d<5;)this.addCanvas(),d++;var f=new o.Vector2(0,-20),m=new o.Vector2(0,0),v=new o.Vector2(0,20);this.canvas$.subscribe(function(e){h.canvasTo=e[0],h.canvasVolume=[e[1],e[2],e[3]],h.canvas3D=e[4],h.entityStoreService.addFov(h.canvasTo,f),h.entityStoreService.addFov(h.canvasTo,m),h.entityStoreService.addFov(h.canvasTo,v)}),this.image3$.pipe(r.map(function(e){h.updateToCanvas(h.canvasVolume[0],e),h.updateToCanvas(h.canvasVolume[1],e),h.updateToCanvas(h.canvasVolume[2],e)})).subscribe(i.noop,console.error)}return Object.defineProperty(e.prototype,"image3",{get:function(){return this.image3Subject.value},set:function(e){this.image3Subject.next(e),this.loadService.image3Input=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tomo",{get:function(){return this.image2},set:function(e){this.image2=e},enumerable:!0,configurable:!0}),e.prototype.updateToCanvas=function(e,t){var n=this;this.service.mapOnCanvas(e,function(e){n.imageStoreService.updateImage(e,t)})},e.prototype.resize=function(){var e=document.getElementById("canvasTo");document.getElementById("canvas3D");console.log(e.onresize)},e.prototype.select=function(e,t){var n=this;this.canvasSelected=e,this.viewOf$(e).pipe(r.map(function(e){return n.viewSelected=e})).subscribe(i.noop,function(e){return console.error(e)}),this.service.select(e)},e.prototype.addCanvas=function(){this.service.addCanvasTo(this.id)},e.prototype.imageOf$=function(e){return this.service.imageOf$(e)},e.prototype.viewOf$=function(e){return this.service.viewOf$(e)},e.prototype.scrollImageOfCanvas=function(e,t){var n=this;this.service.mapOnCanvas(e,function(e){return n.imageStoreService.addIndex(e,t.delta/Math.abs(t.delta))}),t.event.preventDefault()},e.prototype.dragWidthOfImage=function(e,t){var n=this;this.service.mapOnCanvas(e,function(e){return n.imageStoreService.addWidthByStep(e,t.current.x-t.origin.x==0?0:Math.abs(t.current.x-t.origin.x)/(t.current.x-t.origin.x))})},e.prototype.entitiesOfCanvas=function(e){return this.entityStoreService.entitiesOfCanvas(e)},e.prototype.dragRing=function(e,t){this.position2=e.origin;var n=Math.sqrt(Math.pow(e.current.x-e.origin.x,2)+Math.pow(e.current.y-e.origin.y,2));this.entityStoreService.updateRingEntity({canvasId:t,model:new M(new o.Vector3(e.origin.x,e.origin.y,0),n,n+.001)})},e.prototype.getPointPos=function(e){this.shapePos.push(new o.Vector2(e.clientX,e.clientY))},e.prototype.getPointPos2=function(){this.shapePos.length>2&&(this.shapePos.pop(),this.shapePos.pop(),this.shapeSubject.next(new j(this.shapePos))),this.shapePos=[],this.profileSubject.next(new L([20*Math.random(),30*Math.random(),50*Math.random()]))},e.prototype.dragPlane=function(e){this.planeSubject.next(new W(new o.Vector2((e.current.x+e.origin.x)/2,(e.current.y+e.origin.y)/2),new o.Vector2(Math.abs(e.current.x-e.origin.x),Math.abs(e.current.y-e.origin.y))))},e.prototype.dragLine=function(e,t){var n=this,a=new o.Vector3(0,0,0);this.crosslineService.updatePosition("testLine",new o.Vector2(t.current.x,t.current.y),this.viewSelected),this.crosslineService.position3$("testLine").subscribe(function(e){return a=e}),this.lineSubject.next({id:"testLine",position:a,view:this.viewSelected,crosslineLength:2}),this.service.mapOnCanvas(e,function(e){return n.crosslineService.crosslineMain$.pipe(r.map(function(t){return n.getImageInfo(e,n.imgBoundingBox,t)})).subscribe(i.noop)})},e.prototype.dragCrossline=function(e,t){this.entityStoreService.updateCrosslineEntity({canvasId:t,model:new k(new o.Vector3(e.current.x,e.current.y,0),"z")})},e.prototype.getImageInfo=function(e,t,n){var i=new o.Vector3(Math.ceil(Math.ceil(n[n.length-1].position.x+t.size.x/2)/t.size.x*e.image.meta.size.x),Math.ceil(Math.ceil(n[n.length-1].position.y+t.size.x/2)/t.size.x*e.image.meta.size.y),Math.ceil(Math.ceil(n[n.length-1].position.z+t.size.x/2)/t.size.x*e.image.meta.size.z));switch(e.slicer.direction){case"x":this.imageStoreService.updateIndex(e,i.x);break;case"y":this.imageStoreService.updateIndex(e,i.y);break;case"z":this.imageStoreService.updateIndex(e,i.z)}this.imageInfo={pos:n[n.length-1].position,index:i,intensity:e.image.pixel3(i.x,i.y,i.z)}},e.prototype.setOutPos=function(e){this.outPost=e},e.prototype.setImageInfo=function(e){this.imageInfo=e},e.prototype.isSelected$=function(e){return this.service.isSelected$(e)},e.prototype.isWithCanvas=function(e){return this.service.isWithCanvas$(e)},e.prototype.dragLevelOfImage=function(e,t){var n=this;this.service.mapOnCanvas(e,function(e){return n.imageStoreService.addLevelByStep(e,t.current.y-t.origin.y==0?0:Math.abs(t.current.y-t.origin.y)/(t.current.y-t.origin.y))})},e.prototype.dragWidthLevelOfImage=function(e,t){var n=this;this.service.mapOnCanvas(e,function(e){return n.imageStoreService.addWidthLevelFilterByStep(e,t.current.x-t.origin.x==0?0:Math.abs(t.current.x-t.origin.x)/(t.current.x-t.origin.x),t.current.y-t.origin.y==0?0:Math.abs(t.current.y-t.origin.y)/(t.current.y-t.origin.y))})},e.prototype.displayFovs=function(e){this.fovs.emit(e)},e.prototype.ngOnInit=function(){this.top_left_info=this.infoService.top_left_info(),this.top_right_info=this.infoService.top_right_info(),this.bottom_left_info=this.infoService.bottom_left_info(),this.bottom_right_info=this.infoService.bottom_right_info()},e.prototype.ngAfterContentInit=function(){},e.prototype.ngOnDestroy=function(){this.ringSubject.complete(),this.circleSubject.complete()},e.decorators=[{type:t.Component,args:[{selector:"app-multi-slice-canvas",template:'\x3c!--
\n
\n
\n
--\x3e\n\n\n
\n
\n \n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n \n \n \n \x3c!-- --\x3e\n \n \n
\n
\n',styles:["#wrap{position:relative;width:500px;height:375px}.box1{width:270px;height:540px}.box2{width:270px;height:270px}#father{display:flex;flex-wrap:wrap}#grand{display:flex}:host{box-sizing:border-box;width:100%;height:100%;padding:2px}"]}]}],e.ctorParameters=function(){return[{type:Ye},{type:qe},{type:dn},{type:nn},{type:Se},{type:Re},{type:an}]},e.propDecorators={fovs:[{type:t.Output}],image3:[{type:t.Input}],tomo:[{type:t.Input}],tomoSize:[{type:t.Input}],normalSize:[{type:t.Input}],threeDSize:[{type:t.Input}],tomoCameraSize:[{type:t.Input}],normalCameraSize:[{type:t.Input}],threeDCameraSize:[{type:t.Input}],selecteImages:[{type:t.Output}]},e}(),mn=function(){function e(e,t,n,i,r,a){this.service=e,this.imageStoreService=t,this.entityStoreService=n,this.renderer=i,this.eventDistribution=r,this.loadService=a,this.selectedImages$=this.service.selectedImages$,this.whichDraging=this.eventDistribution.eventHandler,this.fovHnadler=this.eventDistribution.fovHandler,this.camera=new o.PerspectiveCamera}return e.prototype.loadInput=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.service.loadToCanvas(t,e.loadService.image3Input)})},e.prototype.updateCamera=function(){console.log("show the renderer",this.renderer)},e.prototype.updateCamera2=function(){this.renderer.camera.scale.set(1,1,1.1),this.renderer.render()},e.prototype.updateCamera3=function(){this.camera.scale.set(.5,.5,1)},e.prototype.changeDirection=function(e){var t=this;this.service.mapSelectedCanvas(function(n){t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateDirection(n,e)}),t.entityStoreService.crosslineOnCanvas(n,function(i){t.entityStoreService.updateCrosslineEntity({canvasId:n,model:f({},i,{view:e})})})})},e.prototype.dragRing=function(){this.eventDistribution.dragRing()},e.prototype.dragLine=function(){this.eventDistribution.dragLine()},e.prototype.dragCrossline=function(){this.eventDistribution.dragCrossline()},e.prototype.dragFov=function(){this.eventDistribution.dragFov()},e.prototype.dragFov1=function(){this.eventDistribution.dragFov1()},e.prototype.dragFov2=function(){this.eventDistribution.dragFov2()},e.prototype.dragFov3=function(){this.eventDistribution.dragFov3()},e.prototype.addToolRing=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.addRing(t)})},e.prototype.copyToolRing=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.copyEntity(t)})},e.prototype.cutToolRing=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.cutEntity(t)})},e.prototype.pasteToolRing=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.pasteEntity(t)})},e.prototype.removeToolRing=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.removeEntityWithCanvasId(t)})},e.prototype.addLine=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.addLine(t)})},e.prototype.addCrossLine=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.addCrossLine(t)})},e.prototype.addFov=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.addFov(t)})},e.prototype.changeIndex=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateIndex(n,e)})})},e.prototype.changeColormap=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateColormap(n,e)})})},e.prototype.changeWidthLevel=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateWidthLevelFilter(n,e.width,e.level)})})},e.prototype.imageLoad=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.loadToCanvas(n,e)})},e.prototype.rotate_plane=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.service.mapOnCanvas(t,function(t){return e.imageStoreService.addRotation(t,new o.Vector3(0,0,Math.PI/2))})})},e.prototype.showEntitiesofCanva=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.entitiesOfCanvas(t).subscribe(function(e){return console.log(e)})})},e.prototype.showEntities=function(){var e=this;this.entityStoreService.showEntities().subscribe(function(e){return console.log("all",e)}),this.entityStoreService.showClipBoard().subscribe(function(e){return console.log("clip board",e)}),this.service.mapSelectedCanvas(function(t){return e.entityStoreService.entitiesOfCanvas(t).subscribe(function(e){return console.log("entitiesOfCanvas",e)})})},e.prototype.showCanvas=function(){console.log(this.service.componentCanvasSubject.value)},e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"app-multi-canvas-controller",template:'\x3c!-- --\x3e\n\n\n\n\n\n
\n\n
\n\n\n\n\n
\n\n\n\n\n
\n\n\n\n\n\n\n\n\n
\n\n\n\x3c!-- \n\n --\x3e\n\n',providers:[te,Z,X],styles:[""]}]}],e.ctorParameters=function(){return[{type:Ye},{type:qe},{type:Se},{type:te},{type:an},{type:Re}]},e}(),vn=function(){function e(e,t,n,i,r,a){this.service=e,this.imageStoreService=t,this.entityStoreService=n,this.renderer=i,this.eventDistribution=r,this.loadService=a,this.selectedImages$=this.service.selectedImages$,this.whichDraging=this.eventDistribution.eventHandler,this.fovHnadler=this.eventDistribution.fovHandler,this.camera=new o.PerspectiveCamera}return e.prototype.loadInput=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.service.loadToCanvas(t,e.loadService.image3Input)})},e.prototype.loadTomo=function(){},e.prototype.changeDirection=function(e){var t=this;this.service.mapSelectedCanvas(function(n){t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateDirection(n,e)}),t.entityStoreService.crosslineOnCanvas(n,function(i){t.entityStoreService.updateCrosslineEntity({canvasId:n,model:f({},i,{view:e})})})})},e.prototype.dragRing=function(){this.eventDistribution.dragRing()},e.prototype.dragLine=function(){this.eventDistribution.dragLine()},e.prototype.dragCrossline=function(){this.eventDistribution.dragCrossline()},e.prototype.dragFov1=function(){this.eventDistribution.dragFov1()},e.prototype.dragFov2=function(){this.eventDistribution.dragFov2()},e.prototype.dragFov3=function(){this.eventDistribution.dragFov3()},e.prototype.addToolRing=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.addRing(t)})},e.prototype.copyTool=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.copyEntity(t)})},e.prototype.cutTool=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.cutEntity(t)})},e.prototype.pasteTool=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.pasteEntity(t)})},e.prototype.removeTool=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.removeEntityWithCanvasId(t)})},e.prototype.addCrossLine=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.addCrossLine(t)})},e.prototype.addFov=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.addFov(t)})},e.prototype.changeIndex=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateIndex(n,e)})})},e.prototype.changeColormap=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateColormap(n,e)})})},e.prototype.changeWidthLevel=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.mapOnCanvas(n,function(n){return t.imageStoreService.updateWidthLevelFilter(n,e.width,e.level)})})},e.prototype.imageLoad=function(e){var t=this;this.service.mapSelectedCanvas(function(n){return t.service.loadToCanvas(n,e)})},e.prototype.rotate_plane=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.service.mapOnCanvas(t,function(t){return e.imageStoreService.addRotation(t,new o.Vector3(0,0,Math.PI/2))})})},e.prototype.showEntitiesofCanva=function(){var e=this;this.service.mapSelectedCanvas(function(t){return e.entityStoreService.entitiesOfCanvas(t).subscribe(function(e){return console.log(e)})})},e.prototype.showEntities=function(){var e=this;this.entityStoreService.showEntities().subscribe(function(e){return console.log("all",e)}),this.entityStoreService.showClipBoard().subscribe(function(e){return console.log("clip board",e)}),this.service.mapSelectedCanvas(function(t){return e.entityStoreService.entitiesOfCanvas(t).subscribe(function(e){return console.log("entitiesOfCanvas",e)})})},e.prototype.showCanvas=function(){console.log(this.service.componentCanvasSubject.value)},e.prototype.ngOnInit=function(){},e.decorators=[{type:t.Component,args:[{selector:"app-toolbox",template:'\n\n\x3c!-- --\x3e\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n',providers:[te,Z,X],styles:[""]}]}],e.ctorParameters=function(){return[{type:Ye},{type:qe},{type:Se},{type:te},{type:an},{type:Re}]},e}(),yn=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[fn,mn,vn],imports:[n.CommonModule,rn,Ne,w,p.FlexLayoutModule],providers:[Ye],exports:[fn,mn,vn]}]}],e}(),gn=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[g],imports:[n.CommonModule,u.HttpClientModule,Ht,rn,Ne,yn,w,b],exports:[g,Ne,yn,rn,Ht,w,b]}]}],e}();function bn(e,t,n){switch(e){case"left":return new N(t,n.right,n.top,n.bottom);case"right":return new N(n.left,t,n.top,n.bottom);case"top":return new N(n.left,n.right,t,n.bottom);case"bottom":return new N(n.left,n.right,n.top,t)}}!function(){function e(){this._id=-1,this._worldCoordinates=null,this._dataCoordinates=null,this._screenCoordinates=null,this._value=null,this._id=-1,this._worldCoordinates=null,this._dataCoordinates=null,this._screenCoordinates=null,this._value=null}Object.defineProperty(e.prototype,"worldCoordinates",{get:function(){return this._worldCoordinates},set:function(e){this._worldCoordinates=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dataCoordinates",{get:function(){return this._dataCoordinates},set:function(e){this._dataCoordinates=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"screenCoordinates",{get:function(){return this._screenCoordinates},set:function(e){this._screenCoordinates=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"id",{get:function(){return this._id},set:function(e){this._id=e},enumerable:!0,configurable:!0})}();var xn=function(){function e(){}return e.uniforms=function(){return{uCanvasWidth:{type:"f",value:0,typeGLSL:"float"},uCanvasHeight:{type:"f",value:0,typeGLSL:"float"},uWidth:{type:"f",value:1,typeGLSL:"float"},uOpacity:{type:"f",value:1,typeGLSL:"float"},uTextureFilled:{type:"t",value:[],typeGLSL:"sampler2D"}}},e}(),wn=function(){function e(e){this._functions={},this._main="",this._uniforms=e,this._functions={},this._main=""}return e.prototype.functions=function(){""===this._main&&this.main();var e="";for(var t in this._functions)e+=this._functions[t]+"\n";return e},e.prototype.uniforms=function(){var e="";for(var t in this._uniforms){var n=this._uniforms[t];e+="uniform "+n.typeGLSL+" "+t,n&&n.length&&(e+="["+n.length+"]"),e+=";\n"}return e},e.prototype.main=function(){this._main="\n\nfloat luma (vec3 rgb) {\n return (rgb.r + rgb.g + rgb.b)/3.0;\n}\n\nconst float T = 0.04;\nconst float M = 1.0;\nconst float L = 0.002;\n\nvoid main(void) {\n\n vec2 texCoord = vec2(((vProjectedCoords.x / vProjectedCoords.w) + 1.0 ) / 2.0,\n ((vProjectedCoords.y / vProjectedCoords.w) + 1.0 ) / 2.0 );\n\n float borderWidth = uWidth; // in px\n float step_u = borderWidth * 1.0 / uCanvasWidth;\n float step_v = borderWidth * 1.0 / uCanvasHeight;\n vec4 centerPixel = texture2D(uTextureFilled, texCoord);\n\n vec4 rightPixel = texture2D(uTextureFilled, texCoord + vec2(step_u, 0.0));\n vec4 bottomPixel = texture2D(uTextureFilled, texCoord + vec2(0.0, step_v));\n\n // now manually compute the derivatives\n float _dFdX = length(rightPixel - centerPixel) / step_u;\n float _dFdY = length(bottomPixel - centerPixel) / step_v;\n\n // gl_FragColor.r = _dFdX;\n // gl_FragColor.g = _dFdY;\n gl_FragColor.r = max(max(centerPixel.r, rightPixel.r), bottomPixel.r);\n gl_FragColor.g = max(max(centerPixel.g, rightPixel.g), bottomPixel.g);\n gl_FragColor.b = max(max(centerPixel.b, rightPixel.b), bottomPixel.b);\n float maxDerivative = max(_dFdX, _dFdY);\n float clampedDerivative = clamp(maxDerivative, 0., 1.);\n gl_FragColor.a = uOpacity * clampedDerivative;\n\n return;\n // float h = 1./uCanvasHeight;\n // float w = 1./uCanvasWidth;\n // vec4 n[9];\n // n[0] = texture2D(uTextureFilled, vProjectedTextCoords + vec2( -w, -h));\n // n[1] = texture2D(uTextureFilled, vProjectedTextCoords + vec2(0.0, -h));\n // n[2] = texture2D(uTextureFilled, vProjectedTextCoords + vec2( w, -h));\n // n[3] = texture2D(uTextureFilled, vProjectedTextCoords + vec2( -w, 0.0));\n // n[4] = texture2D(uTextureFilled, vProjectedTextCoords);\n // n[5] = texture2D(uTextureFilled, texCoord + vec2( w, 0.0));\n // n[6] = texture2D(uTextureFilled, texCoord + vec2( -w, h));\n // n[7] = texture2D(uTextureFilled, texCoord + vec2(0.0, h));\n // n[8] = texture2D(uTextureFilled, texCoord + vec2( w, h));\n // vec4 sobel_horizEdge = n[2] + (2.0*n[5]) + n[8] - (n[0] + (2.0*n[3]) + n[6]);\n // vec4 sobel_vertEdge = n[0] + (2.0*n[1]) + n[2] - (n[6] + (2.0*n[7]) + n[8]);\n // vec3 sobel = sqrt((sobel_horizEdge.rgb * sobel_horizEdge.rgb) + (sobel_vertEdge.rgb * sobel_vertEdge.rgb));\n // gl_FragColor = vec4( sobel, max(max(sobel.r, sobel.g), sobel.b) );\n\n // return;\n}\n "},e.prototype.compute=function(){return"\n// uniforms\n"+this.uniforms()+"\n\n// varying (should fetch it from vertex directly)\nvarying vec4 vProjectedCoords;\n\n// tailored functions\n"+this.functions()+"\n\n// main loop\n"+this._main+"\n "},e}(),_n=function(){function e(){}return e.prototype.compute=function(){return"\nvarying vec4 vProjectedCoords;\n\n//\n// main\n//\nvoid main() {\n\n vec4 vPos = modelMatrix * vec4(position, 1.0 );\n mat4 vProjectionViewMatrix = projectionMatrix * viewMatrix;\n vProjectedCoords = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0 );\n\n}\n "},e}(),Sn=function(){function e(){}return e.uniforms=function(){return{uTextureSize:{type:"i",value:0,typeGLSL:"int"},uTextureContainer:{type:"tv",value:[],typeGLSL:"sampler2D",length:7},uDataDimensions:{type:"iv",value:[0,0,0],typeGLSL:"ivec3"},uWorldToData:{type:"m4",value:new o.Matrix4,typeGLSL:"mat4"},uWindowCenterWidth:{type:"fv1",value:[0,0],typeGLSL:"float",length:2},uLowerUpperThreshold:{type:"fv1",value:[0,0],typeGLSL:"float",length:2},uRescaleSlopeIntercept:{type:"fv1",value:[0,0],typeGLSL:"float",length:2},uNumberOfChannels:{type:"i",value:1,typeGLSL:"int"},uBitsAllocated:{type:"i",value:8,typeGLSL:"int"},uInvert:{type:"i",value:0,typeGLSL:"int"},uLut:{type:"i",value:0,typeGLSL:"int"},uTextureLUT:{type:"t",value:[],typeGLSL:"sampler2D"},uLutSegmentation:{type:"i",value:0,typeGLSL:"int"},uTextureLUTSegmentation:{type:"t",value:[],typeGLSL:"sampler2D"},uPixelType:{type:"i",value:0,typeGLSL:"int"},uPackedPerPixel:{type:"i",value:1,typeGLSL:"int"},uInterpolation:{type:"i",value:1,typeGLSL:"int"},uCanvasWidth:{type:"f",value:0,typeGLSL:"float"},uCanvasHeight:{type:"f",value:0,typeGLSL:"float"},uBorderColor:{type:"v3",value:[1,0,.5],typeGLSL:"vec3"},uBorderWidth:{type:"f",value:2,typeGLSL:"float"},uBorderMargin:{type:"f",value:2,typeGLSL:"float"},uBorderDashLength:{type:"f",value:10,typeGLSL:"float"},uOpacity:{type:"f",value:1,typeGLSL:"float"},uSpacing:{type:"f",value:0,typeGLSL:"float"},uThickness:{type:"f",value:0,typeGLSL:"float"},uThicknessMethod:{type:"i",value:0,typeGLSL:"int"}}},e}(),Cn=function(){function e(e){this._functions={},this._main="",this._uniforms=e,this._functions={},this._main=""}return e.prototype.functions=function(){""===this._main&&this.main();var e="";for(var t in this._functions)e+=this._functions[t]+"\n";return e},e.prototype.uniforms=function(){var e="";for(var t in this._uniforms){var n=this._uniforms[t];e+="uniform "+n.typeGLSL+" "+t,n&&n.length&&(e+="["+n.length+"]"),e+=";\n"}return e},e.prototype.main=function(){this._main="\nvoid main(void) {\n\n // draw border if slice is cropped\n // float uBorderDashLength = 10.;\n\n if( uCanvasWidth > 0. &&\n ((gl_FragCoord.x > uBorderMargin && (gl_FragCoord.x - uBorderMargin) < uBorderWidth) ||\n (gl_FragCoord.x < (uCanvasWidth - uBorderMargin) && (gl_FragCoord.x + uBorderMargin) > (uCanvasWidth - uBorderWidth) ))){\n float valueY = mod(gl_FragCoord.y, 2. * uBorderDashLength);\n if( valueY < uBorderDashLength && gl_FragCoord.y > uBorderMargin && gl_FragCoord.y < (uCanvasHeight - uBorderMargin) ){\n gl_FragColor = vec4(uBorderColor, 1.);\n return;\n }\n }\n\n if( uCanvasHeight > 0. &&\n ((gl_FragCoord.y > uBorderMargin && (gl_FragCoord.y - uBorderMargin) < uBorderWidth) ||\n (gl_FragCoord.y < (uCanvasHeight - uBorderMargin) && (gl_FragCoord.y + uBorderMargin) > (uCanvasHeight - uBorderWidth) ))){\n float valueX = mod(gl_FragCoord.x, 2. * uBorderDashLength);\n if( valueX < uBorderDashLength && gl_FragCoord.x > uBorderMargin && gl_FragCoord.x < (uCanvasWidth - uBorderMargin) ){\n gl_FragColor = vec4(uBorderColor, 1.);\n return;\n }\n }\n\n // get texture coordinates of current pixel\n vec4 dataValue = vec4(0.);\n vec3 gradient = vec3(1.); // gradient calculations will be skipped if it is equal to vec3(1.)\n float steps = floor(uThickness / uSpacing + 0.5);\n\n if (steps > 1.) {\n vec3 origin = vPos - uThickness * 0.5 * vNormal;\n vec4 dataValueAcc = vec4(0.);\n for (float step = 0.; step < 128.; step++) {\n if (step >= steps) {\n break;\n }\n\n vec4 dataCoordinates = uWorldToData * vec4(origin + step * uSpacing * vNormal, 1.);\n vec3 currentVoxel = dataCoordinates.xyz;\n "+ue(this,"currentVoxel","dataValueAcc","gradient")+";\n\n if (step == 0.) {\n dataValue.r = dataValueAcc.r;\n continue;\n }\n\n if (uThicknessMethod == 0) {\n dataValue.r = max(dataValueAcc.r, dataValue.r);\n }\n if (uThicknessMethod == 1) {\n dataValue.r += dataValueAcc.r;\n }\n if (uThicknessMethod == 2) {\n dataValue.r = min(dataValueAcc.r, dataValue.r);\n }\n }\n\n if (uThicknessMethod == 1) {\n dataValue.r /= steps;\n }\n } else {\n vec4 dataCoordinates = uWorldToData * vec4(vPos, 1.);\n vec3 currentVoxel = dataCoordinates.xyz;\n "+ue(this,"currentVoxel","dataValue","gradient")+"\n }\n\n if(uNumberOfChannels == 1){\n // rescale/slope\n float realIntensity = dataValue.r * uRescaleSlopeIntercept[0] + uRescaleSlopeIntercept[1];\n\n // threshold\n if (realIntensity < uLowerUpperThreshold[0] || realIntensity > uLowerUpperThreshold[1]) {\n discard;\n }\n\n // normalize\n float windowMin = uWindowCenterWidth[0] - uWindowCenterWidth[1] * 0.5;\n float normalizedIntensity =\n ( realIntensity - windowMin ) / uWindowCenterWidth[1];\n dataValue.r = dataValue.g = dataValue.b = normalizedIntensity;\n dataValue.a = 1.;\n\n // apply LUT\n if(uLut == 1){\n // should opacity be grabbed there?\n dataValue = texture2D( uTextureLUT, vec2( normalizedIntensity , 1.0) );\n }\n\n // apply segmentation\n if(uLutSegmentation == 1){\n // should opacity be grabbed there?\n //\n float textureWidth = 256.;\n float textureHeight = 128.;\n float min = 0.;\n // start at 0!\n int adjustedIntensity = int(floor(realIntensity + 0.5));\n\n // Get row and column in the texture\n int colIndex = int(mod(float(adjustedIntensity), textureWidth));\n int rowIndex = int(floor(float(adjustedIntensity)/textureWidth));\n\n float texWidth = 1./textureWidth;\n float texHeight = 1./textureHeight;\n\n // Map row and column to uv\n vec2 uv = vec2(0,0);\n uv.x = 0.5 * texWidth + (texWidth * float(colIndex));\n uv.y = 1. - (0.5 * texHeight + float(rowIndex) * texHeight);\n\n dataValue = texture2D( uTextureLUTSegmentation, uv );\n }\n }\n\n if(uInvert == 1){\n dataValue.xyz = vec3(1.) - dataValue.xyz;\n }\n\n dataValue.a = dataValue.a*uOpacity;\n\n gl_FragColor = dataValue;\n}\n "},e.prototype.compute=function(){return"\n// uniforms\n"+this.uniforms()+"\n\n// varying (should fetch it from vertex directly)\nvarying vec3 vPos;\nvarying vec3 vNormal;\n\n// tailored functions\n"+this.functions()+"\n\n// main loop\n"+this._main+"\n "},e}(),In=function(){function e(){}return e.prototype.compute=function(){return"\nvarying vec3 vPos;\nvarying vec3 vNormal;\n\nvoid main() {\n vNormal = normal;\n vPos = (modelMatrix * vec4(position, 1.0 )).xyz;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0 );\n\n}\n "},e}(),Pn=function(){function e(){}return e.uniforms=function(){return{uTextureBackTest0:{type:"t",value:[],typeGLSL:"sampler2D"},uTextureBackTest1:{type:"t",value:[],typeGLSL:"sampler2D"},uOpacity0:{type:"f",value:1,typeGLSL:"float"},uOpacity1:{type:"f",value:1,typeGLSL:"float"},uType0:{type:"i",value:0,typeGLSL:"int"},uType1:{type:"i",value:1,typeGLSL:"int"},uTrackMouse:{type:"i",value:0,typeGLSL:"int"},uMouse:{type:"v2",value:new o.Vector2,typeGLSL:"vec2"}}},e}(),zn=function(){function e(e){this._functions={},this._main="",this._uniforms=e,this._functions={},this._main=""}return e.prototype.functions=function(){""===this._main&&this.main();var e="";for(var t in this._functions)e+=this._functions[t]+"\n";return e},e.prototype.uniforms=function(){var e="";for(var t in this._uniforms){var n=this._uniforms[t];e+="uniform "+n.typeGLSL+" "+t,n&&n.length&&(e+="["+n.length+"]"),e+=";\n"}return e},e.prototype.main=function(){this._main="\nvoid main(void) {\n\n vec2 texc = vec2(((vProjectedCoords.x / vProjectedCoords.w) + 1.0 ) / 2.0,\n ((vProjectedCoords.y / vProjectedCoords.w) + 1.0 ) / 2.0 );\n\n // just silence warning for\n // vec4 dummy = vPos;\n\n //The back position is the world space position stored in the texture.\n vec4 baseColor0 = texture2D(uTextureBackTest0, texc);\n vec4 baseColor1 = texture2D(uTextureBackTest1, texc);\n\n if( uTrackMouse == 1 ){\n\n if( vProjectedCoords.x < uMouse.x ){\n\n gl_FragColor = baseColor0;\n\n }\n else{\n\n gl_FragColor = mix( baseColor0, baseColor1, uOpacity1 );\n\n }\n\n }\n else{\n\n if( uType1 == 0 ){\n\n //merge an image into\n gl_FragColor = mix( baseColor0, baseColor1, uOpacity1 );\n\n }\n else{\n\n float opacity = baseColor1.a;\n gl_FragColor = mix( baseColor0, baseColor1, opacity * uOpacity1 );\n\n }\n\n }\n\n return;\n}\n "},e.prototype.compute=function(){return"\n// uniforms\n"+this.uniforms()+"\n\n// varying (should fetch it from vertex directly)\n// varying vec4 vPos;\nvarying vec4 vProjectedCoords;\n\n// tailored functions\n"+this.functions()+"\n\n// main loop\n"+this._main+"\n "},e}(),Dn=function(){function e(){}return e.prototype.compute=function(){return"\n// varying vec4 vPos;\nvarying vec4 vProjectedCoords;\n\n//\n// main\n//\nvoid main() {\n\n vec4 vPos = modelMatrix * vec4(position, 1.0 );\n vProjectedCoords = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0 );\n\n}\n "},e}(),Vn=function(){function e(){}return e.uniforms=function(){return{uCanvasWidth:{type:"f",value:0,typeGLSL:"float"},uCanvasHeight:{type:"f",value:0,typeGLSL:"float"},uSlice:{type:"v4",value:[0,0,0,0],typeGLSL:"vec4"},uPlane1:{type:"v4",value:[0,0,0,0],typeGLSL:"vec4"},uPlaneColor1:{type:"v3",value:[1,1,0],typeGLSL:"vec3"},uPlane2:{type:"v4",value:[0,0,0,0],typeGLSL:"vec4"},uPlaneColor2:{type:"v3",value:[1,1,0],typeGLSL:"vec3"},uPlane3:{type:"v4",value:[0,0,0,0],typeGLSL:"vec4"},uPlaneColor3:{type:"v3",value:[1,1,0],typeGLSL:"vec3"}}},e}(),On=function(){function e(e){this._functions={},this._main="",this._uniforms=e,this._functions={},this._main=""}return e.prototype.functions=function(){""===this._main&&this.main();var e="";for(var t in this._functions)e+=this._functions[t]+"\n";return e},e.prototype.uniforms=function(){var e="";for(var t in this._uniforms){var n=this._uniforms[t];e+="uniform "+n.typeGLSL+" "+t,n&&n.length&&(e+="["+n.length+"]"),e+=";\n"}return e},e.prototype.main=function(){this._main="\nvoid intersectionProjection(\n in vec4 plane,\n in vec4 slice,\n out vec3 intersectionProjection){\n\n vec3 intersectionDirection = normalize(cross(plane.xyz, slice.xyz));\n vec3 intersectionPoint =\n cross(intersectionDirection,slice.xyz) * plane.w +\n cross(plane.xyz, intersectionDirection) * slice.w;\n\n intersectionProjection =\n intersectionPoint.xyz +\n (dot(vPos.xyz - intersectionPoint, intersectionDirection)\n * intersectionDirection);\n\n}\n\nvoid main(void) {\n vec4 c1 = vec4(0., 0., 0., 0.);\n vec4 c2 = vec4(0., 0., 0., 0.);\n vec4 c3 = vec4(0., 0., 0., 0.);\n\n // localizer #1\n // must be normalized!\n if(length(uPlane1.xyz) > 0.5) {\n vec3 projection1 = vec3(1.);\n intersectionProjection(\n uPlane1,\n uSlice,\n projection1\n );\n\n vec4 projInter1 = (vProjectionViewMatrix * vec4(projection1, 1.));\n vec3 ndc1 = projInter1.xyz / projInter1.w;\n vec2 screenSpace1 = (ndc1.xy * .5 + .5) * vec2(uCanvasWidth, uCanvasHeight);\n\n float d1 = distance(gl_FragCoord.xy, screenSpace1.xy);\n c1 = vec4(uPlaneColor1, 1. - smoothstep(.5, .7, d1));\n }\n\n // localizer #2\n if(length(uPlane2.xyz) > 0.5) {\n vec3 projection2 = vec3(1.);\n intersectionProjection(\n uPlane2,\n uSlice,\n projection2\n );\n\n vec4 projInter2 = (vProjectionViewMatrix * vec4(projection2, 1.));\n vec3 ndc2 = projInter2.xyz / projInter2.w;\n vec2 screenSpace2 = (ndc2.xy * .5 + .5) * vec2(uCanvasWidth, uCanvasHeight);\n\n float d2 = distance(gl_FragCoord.xy, screenSpace2.xy);\n c2 = vec4(uPlaneColor2, 1. - smoothstep(.5, .7, d2));\n }\n\n // localizer #3\n if(length(uPlane3.xyz) > 0.5) {\n vec3 projection3 = vec3(1.);\n intersectionProjection(\n uPlane3,\n uSlice,\n projection3\n );\n\n vec4 projInter3 = (vProjectionViewMatrix * vec4(projection3, 1.));\n vec3 ndc3 = projInter3.xyz / projInter3.w;\n vec2 screenSpace3 = (ndc3.xy * .5 + .5) * vec2(uCanvasWidth, uCanvasHeight);\n\n float d3 = distance(gl_FragCoord.xy, screenSpace3.xy);\n c3 = vec4(uPlaneColor3, 1. - smoothstep(.5, .7, d3));\n }\n\n // float uBorderDashLength = 10.0;\n // float uBorderWidth = 2.0;\n // float valueX = mod(gl_FragCoord.x, 2. * uBorderDashLength);\n // float valueY = mod(gl_FragCoord.y, 2. * uBorderDashLength);\n // if( valueX < uBorderDashLength || valueY < uBorderDashLength ){\n vec3 colorMix = c1.xyz*c1.w + c2.xyz*c2.w + c3.xyz*c3.w;\n gl_FragColor = vec4(colorMix, max(max(c1.w, c2.w),c3.w)*0.5);\n return;\n // }\n\n // gl_FragColor = vec4(0., 0., 0., 0.);\n // return;\n}\n "},e.prototype.compute=function(){return"\n// uniforms\n"+this.uniforms()+"\n\n// varying (should fetch it from vertex directly)\nvarying vec4 vPos;\nvarying mat4 vProjectionViewMatrix;\n\n// tailored functions\n"+this.functions()+"\n\n// main loop\n"+this._main+"\n "},e}(),Mn=function(){function e(){}return e.prototype.compute=function(){return"\nvarying vec4 vPos;\nvarying mat4 vProjectionViewMatrix;\n\n//\n// main\n//\nvoid main() {\n\n vPos = modelMatrix * vec4(position, 1.0 );\n vProjectionViewMatrix = projectionMatrix * viewMatrix;\n gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0 );\n\n}\n "},e}();e.BoundingBox2FromBox2=G,e.BoundingBox2FromCenterSize=W,e.BoundingBox2FromLRTB=N,e.Boundingbox2Controller=H,e.COLORS={blue:"#00B0FF",yellow:"#FFEB3B",red:"#F50057",green:"#76FF03",white:"#FFF",lightRed:"#F77"},e.CanvasState=en,e.CircleModel=O,e.ContourFragmentShader=wn,e.ContourUniformShader=xn,e.ContourVertexShader=_n,e.CrossLineModel=k,e.CubeModel=D,e.DataFragmentShader=Cn,e.DataUniformShader=Sn,e.DataVertexShader=In,e.Direction=$,e.EntityComponent=de,e.EntityState=Qt,e.FovModel=B,e.GrayImage2=S,e.GrayImage2PixelwiseFilter=Oe,e.GrayImage2ScaleOffsetFilter=Me,e.GrayImage2WindowFilter=je,e.GrayImage3=_,e.HelperLut=ve,e.HelpersVolumeRendering=he,e.Hospital=cn,e.ImageState=Zt,e.ImageWComponent=g,e.ImageWModule=gn,e.ImageWService=y,e.InfoPlanceModel=z,e.LayerFragmentShader=zn,e.LayerUniformShader=Pn,e.LayerVertexShader=Dn,e.LineModel=T,e.LocalizerFragmentShader=On,e.LocalizerUniformShader=Vn,e.LocalizerVertexShader=Mn,e.OBJModel=F,e.Patient=sn,e.Physics=ln,e.Plane2Model=P,e.ProfileModel=L,e.RGBImage2=I,e.Range2=R,e.Ring=hn,e.RingModel=M,e.Scale=un,e.Slicer=Pe,e.SphereModel=V,e.StoreByArray=Fe,e.TEST_MODELS=Ot,e.UserDefinedModel=j,e.VRFragmentShader=pe,e.VRMLLoader=Ft,e.VRMLModel=E,e.VRUniformShader=ne,e.VRVertexShader=ie,e.VolumeModel=A,e.Zoom=pn,e.applyColormap=Ve,e.applyColormapObservable=function(e,t){return i.combineLatest(e,t).pipe(r.map(function(e){return Ve(e[0],e[1])}))},e.applyFilters=function(e,t){return i.combineLatest(t,e).pipe(r.map(function(e){var t=e[0],n=e[1];return t.forEach(function(e){n=e.filter(n)}),n}))},e.applySlicer=function(e,t){return i.combineLatest(t,e).pipe(r.map(function(e){var t=e[0],n=e[1];return t.slice(n)}))},e.b64ToFloat32Array=Ee,e.drawArrow=At,e.dummyGrayImage=q,e.dummyGrayImage3=Y,e.dummyRGBImage=function(e,t){for(var n=t.x*t.y,i=new Uint8Array(n),r=new Uint8Array(n),a=new Uint8Array(n),s=0;s