@vertexvis/viewer 0.13.2-canary.46 → 0.13.2-canary.49

package/dist/viewer/{p-8897b397.entry.js → p-8bdaed25.entry.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
  */
-import{h as i,F as t,r as e}from"./p-cafa57a6.js";import{p as n,m as o,v as s}from"./p-30c03bca.js";import"./p-edb5de57.js";import"./p-c2f6cf04.js";import"./p-92fe4417.js";import"./p-c01fd67b.js";import"./p-df8fbe56.js";import{V as r}from"./p-8cf1d174.js";import{i as l,b as a,P as p,a as h}from"./p-19ca0704.js";import{a as d}from"./p-2ac34f8a.js";import{c as v}from"./p-07aeee89.js";import"./p-8652ee81.js";import"./p-dfe5a97d.js";import"./p-51ecdd5a.js";const c=({pin:e,selected:n})=>i(t,null,a(e)&&i("div",{id:"pin-anchor",class:v("pin-anchor",{selected:n})}),l(e)&&i("vertex-viewer-icon",{name:"pin-fill",size:"lg",class:v("pin",{"pin-selected":n})}));function u(i,t,e){const o=[{x:i.x+e.width/2,y:i.y},{x:i.x+e.width/2,y:i.y+e.height},{x:i.x,y:i.y+e.height/2},{x:i.x+e.width,y:i.y+e.height/2}],s=o.map((i=>n.distance(i,t)));return o[s.indexOf(Math.min(...s))]}let b=class{constructor(i){e(this,i),this.matrix=o.makeIdentity(),this.projectionViewMatrix=o.makeIdentity(),this.pinModel=new p,this.selected=!1,this.invalidateStateCounter=0,this.leafNodesRendered=!1,this.handleAnchorPointerDown=()=>{var i,t;null!=this.elementBounds&&"edit"===(null===(i=this.pinController)||void 0===i?void 0:i.getToolMode())&&null!=this.pin&&(null===(t=this.pinController)||void 0===t||t.setDraggable({id:this.pin.id}))}}componentDidLoad(){this.setLabelObserver(),null==this.pinController&&(this.pinController=new h(this.pinModel)),this.leafNodesRendered=!0}disconnectedCallback(){var i,t;null===(i=this.labelEl)||void 0===i||i.removeEventListener("labelChanged",this.invalidateState),null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){var e;if(null==this.pin)throw new Error("Unable to draw pin");const n=this.computePinPoints(this.pin),{pinPoint:o,labelPoint:s}=n;return i(t,null,i("vertex-viewer-dom-element",{"data-testid":`drawn-pin-${this.pin.id}`,position:this.pin.worldPosition,onPointerDown:i=>{var t,e;2!==i.buttons&&i.stopPropagation(),null===(t=this.pinController)||void 0===t||t.setSelectedPinId(null===(e=this.pin)||void 0===e?void 0:e.id),this.handleAnchorPointerDown(i)}},this.leafNodesRendered&&i(c,{pin:this.pin,selected:this.selected})),a(this.pin)&&i(t,null,i("vertex-viewer-pin-label-line",{id:`pin-label-line-${null===(e=this.pin)||void 0===e?void 0:e.id}`,pinPoint:o,labelPoint:s}),i("vertex-viewer-pin-label",{pin:this.pin,ref:i=>{this.labelEl=i},elementBounds:this.elementBounds,pinController:this.pinController})))}invalidateState(){this.invalidateStateCounter=this.invalidateStateCounter+1}setLabelObserver(){var i;const t=null===(i=this.labelEl)||void 0===i?void 0:i.addEventListener("labelChanged",this.invalidateState);null!=t&&(this.resizeObserver=new ResizeObserver((()=>this.invalidateState())),this.resizeObserver.observe(t))}computePinPoints(i){return null!=this.elementBounds&&null!=this.pin?a(this.pin)&&null!=this.pin.label.point?this.computeTextPinPoints(this.pin,this.elementBounds):this.computeDefaultPinPoints(this.pin,this.elementBounds):{pinPoint:i.worldPosition}}computeDefaultPinPoints(i,t){return{pinPoint:this.getFromWorldPosition(i.worldPosition,this.projectionViewMatrix,t)}}computeTextPinPoints(i,t){var e,n;const{pinPoint:o}=this.computeDefaultPinPoints(i,t),s=d(i.label.point,t),r=null===(e=this.labelEl)||void 0===e?void 0:e.querySelector(`#pin-label-${null===(n=this.pin)||void 0===n?void 0:n.id}`);return{pinPoint:o,labelPoint:u(s,o,{width:(null==r?void 0:r.clientWidth)||0,height:(null==r?void 0:r.clientHeight)||0})}}getFromWorldPosition(i,t,e){const n=s.transformMatrix(i,t);return r.fromDimensions(e).transformVectorToViewport(n)}};b.style=":host{--viewer-annotations-pin-dot-color:var(--blue-600);--viewer-annotations-pin-color:var(--blue-700);--viewer-annotations-pin-font-size:0.75rem;--viewer-annotations-pin-selected-stroke:var(--white);--viewer-annotations-pin-selected-border:2px solid var(--white);--viewer-annotations-pin-label-border:2px solid var(--black);--viewer-annotations-pin-selected-stroke:var(--white);font-size:var(--viewer-annotations-pin-font-size);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.pin-anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;width:9px;height:9px;box-sizing:border-box;border:var(--viewer-annotations-pin-label-border);background:var(--viewer-annotations-pin-dot-color);pointer-events:auto;cursor:pointer}.selected{width:13px;height:13px;border:var(--viewer-annotations-pin-selected-border)}.pin{color:var(--viewer-annotations-pin-color);cursor:pointer}.pin-selected{stroke-width:1;stroke:var(--viewer-annotations-pin-selected-stroke)}";export{b as vertex_viewer_pin_group}
+import{h as i,F as t,r as e}from"./p-cafa57a6.js";import{p as n,m as o,v as s}from"./p-30c03bca.js";import"./p-edb5de57.js";import"./p-d5211029.js";import"./p-92fe4417.js";import"./p-992ca092.js";import"./p-df8fbe56.js";import{V as r}from"./p-8cf1d174.js";import{i as l,b as a,P as p,a as h}from"./p-19ca0704.js";import{a as d}from"./p-2ac34f8a.js";import{c as v}from"./p-07aeee89.js";import"./p-8652ee81.js";import"./p-dfe5a97d.js";import"./p-51ecdd5a.js";const c=({pin:e,selected:n})=>i(t,null,a(e)&&i("div",{id:"pin-anchor",class:v("pin-anchor",{selected:n})}),l(e)&&i("vertex-viewer-icon",{name:"pin-fill",size:"lg",class:v("pin",{"pin-selected":n})}));function u(i,t,e){const o=[{x:i.x+e.width/2,y:i.y},{x:i.x+e.width/2,y:i.y+e.height},{x:i.x,y:i.y+e.height/2},{x:i.x+e.width,y:i.y+e.height/2}],s=o.map((i=>n.distance(i,t)));return o[s.indexOf(Math.min(...s))]}let b=class{constructor(i){e(this,i),this.matrix=o.makeIdentity(),this.projectionViewMatrix=o.makeIdentity(),this.pinModel=new p,this.selected=!1,this.invalidateStateCounter=0,this.leafNodesRendered=!1,this.handleAnchorPointerDown=()=>{var i,t;null!=this.elementBounds&&"edit"===(null===(i=this.pinController)||void 0===i?void 0:i.getToolMode())&&null!=this.pin&&(null===(t=this.pinController)||void 0===t||t.setDraggable({id:this.pin.id}))}}componentDidLoad(){this.setLabelObserver(),null==this.pinController&&(this.pinController=new h(this.pinModel)),this.leafNodesRendered=!0}disconnectedCallback(){var i,t;null===(i=this.labelEl)||void 0===i||i.removeEventListener("labelChanged",this.invalidateState),null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){var e;if(null==this.pin)throw new Error("Unable to draw pin");const n=this.computePinPoints(this.pin),{pinPoint:o,labelPoint:s}=n;return i(t,null,i("vertex-viewer-dom-element",{"data-testid":`drawn-pin-${this.pin.id}`,position:this.pin.worldPosition,onPointerDown:i=>{var t,e;2!==i.buttons&&i.stopPropagation(),null===(t=this.pinController)||void 0===t||t.setSelectedPinId(null===(e=this.pin)||void 0===e?void 0:e.id),this.handleAnchorPointerDown(i)}},this.leafNodesRendered&&i(c,{pin:this.pin,selected:this.selected})),a(this.pin)&&i(t,null,i("vertex-viewer-pin-label-line",{id:`pin-label-line-${null===(e=this.pin)||void 0===e?void 0:e.id}`,pinPoint:o,labelPoint:s}),i("vertex-viewer-pin-label",{pin:this.pin,ref:i=>{this.labelEl=i},elementBounds:this.elementBounds,pinController:this.pinController})))}invalidateState(){this.invalidateStateCounter=this.invalidateStateCounter+1}setLabelObserver(){var i;const t=null===(i=this.labelEl)||void 0===i?void 0:i.addEventListener("labelChanged",this.invalidateState);null!=t&&(this.resizeObserver=new ResizeObserver((()=>this.invalidateState())),this.resizeObserver.observe(t))}computePinPoints(i){return null!=this.elementBounds&&null!=this.pin?a(this.pin)&&null!=this.pin.label.point?this.computeTextPinPoints(this.pin,this.elementBounds):this.computeDefaultPinPoints(this.pin,this.elementBounds):{pinPoint:i.worldPosition}}computeDefaultPinPoints(i,t){return{pinPoint:this.getFromWorldPosition(i.worldPosition,this.projectionViewMatrix,t)}}computeTextPinPoints(i,t){var e,n;const{pinPoint:o}=this.computeDefaultPinPoints(i,t),s=d(i.label.point,t),r=null===(e=this.labelEl)||void 0===e?void 0:e.querySelector(`#pin-label-${null===(n=this.pin)||void 0===n?void 0:n.id}`);return{pinPoint:o,labelPoint:u(s,o,{width:(null==r?void 0:r.clientWidth)||0,height:(null==r?void 0:r.clientHeight)||0})}}getFromWorldPosition(i,t,e){const n=s.transformMatrix(i,t);return r.fromDimensions(e).transformVectorToViewport(n)}};b.style=":host{--viewer-annotations-pin-dot-color:var(--blue-600);--viewer-annotations-pin-color:var(--blue-700);--viewer-annotations-pin-font-size:0.75rem;--viewer-annotations-pin-selected-stroke:var(--white);--viewer-annotations-pin-selected-border:2px solid var(--white);--viewer-annotations-pin-label-border:2px solid var(--black);--viewer-annotations-pin-selected-stroke:var(--white);font-size:var(--viewer-annotations-pin-font-size);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.pin-anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;width:9px;height:9px;box-sizing:border-box;border:var(--viewer-annotations-pin-label-border);background:var(--viewer-annotations-pin-dot-color);pointer-events:auto;cursor:pointer}.selected{width:13px;height:13px;border:var(--viewer-annotations-pin-selected-border)}.pin{color:var(--viewer-annotations-pin-color);cursor:pointer}.pin-selected{stroke-width:1;stroke:var(--viewer-annotations-pin-selected-stroke)}";export{b as vertex_viewer_pin_group}