@vertexvis/viewer 0.16.0 → 0.16.1-canary.1

package/dist/viewer/p-39535bb0.entry.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2023 Vertex Software LLC. All rights reserved.
+ */
+import{h as i,F as t,r as n}from"./p-d6fce4c1.js";import{p as e,m as o,v as s}from"./p-d216a866.js";import"./p-6f47fcb9.js";import"./p-1812c82d.js";import"./p-2c07b773.js";import"./p-3a6fa239.js";import"./p-817743a4.js";import"./p-df8fbe56.js";import{V as r}from"./p-0a017be7.js";import{g as a,i as l,b as p,P as h,a as d,c as v}from"./p-e23af70c.js";import{c}from"./p-07aeee89.js";import"./p-dfe5a97d.js";import"./p-fc7d8c03.js";import"./p-440c8174.js";import"./p-bfae3945.js";import"./p-a7c29e95.js";const u=({pin:n,selected:e})=>{const{primaryColor:o}=a(n);return i(t,null,p(n)&&i("div",{id:"pin-anchor",class:c("pin-anchor",{selected:e}),style:{background:o}}),l(n)&&i("vertex-viewer-icon",{name:"pin-fill",size:"lg",class:c("pin",{"pin-selected":e}),style:{color:o}}))};function w(i,t,n){const o=[{x:i.x+n.width/2,y:i.y},{x:i.x+n.width/2,y:i.y+n.height},{x:i.x,y:i.y+n.height/2},{x:i.x+n.width,y:i.y+n.height/2}],s=o.map((i=>e.distance(i,t)));return o[s.indexOf(Math.min(...s))]}const b=class{constructor(i){n(this,i),this.matrix=o.makeIdentity(),this.projectionViewMatrix=o.makeIdentity(),this.pinModel=new h,this.selected=!1,this.invalidateStateCounter=0,this.invalidateState=()=>{this.invalidateStateCounter=this.invalidateStateCounter+1}}componentDidLoad(){var i;this.setLabelObserver(),null==this.pinController&&(this.pinController=new d(this.pinModel)),this.selected&&(null===(i=this.labelEl)||void 0===i||i.setFocus())}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 n;if(null==this.pin)throw new Error("Unable to draw pin");const{pinPoint:e,labelPoint:o}=this.computePinPoints(this.pin);return i(t,null,i("vertex-viewer-dom-element",{"data-testid":`drawn-pin-${this.pin.id}`,position:this.pin.worldPosition,onPointerDown:i=>{2!==i.buttons&&i.stopPropagation(),this.selectPin(),this.handleAnchorPointerDown()}},i(u,{pin:this.pin,selected:this.selected})),p(this.pin)&&i(t,null,i("vertex-viewer-pin-label-line",{id:`pin-label-line-${null===(n=this.pin)||void 0===n?void 0:n.id}`,pinPoint:e,pin:this.pin,labelPoint:o,onPointerDown:()=>this.selectPin()}),i("vertex-viewer-pin-label",{pin:this.pin,ref:i=>this.labelEl=i,elementBounds:this.elementBounds,pinController:this.pinController,onPointerDown:()=>this.selectPin()})))}setLabelObserver(){null!=this.labelEl&&(this.labelEl.addEventListener("labelChanged",this.invalidateState),this.resizeObserver=new ResizeObserver((()=>this.invalidateState())),this.resizeObserver.observe(this.labelEl))}computePinPoints(i){return null!=this.elementBounds&&null!=this.pin?p(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 n,e,o,s;const{pinPoint:r}=this.computeDefaultPinPoints(i,t);return{pinPoint:r,labelPoint:w(v(i.label.point,t),r,{width:(null===(e=null===(n=this.labelEl)||void 0===n?void 0:n.firstElementChild)||void 0===e?void 0:e.clientWidth)||0,height:(null===(s=null===(o=this.labelEl)||void 0===o?void 0:o.firstElementChild)||void 0===s?void 0:s.clientHeight)||0})}}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}))}selectPin(){var i,t;null===(i=this.pinController)||void 0===i||i.setSelectedPinId(null===(t=this.pin)||void 0===t?void 0:t.id)}getFromWorldPosition(i,t,n){const e=s.transformMatrix(i,t);return r.fromDimensions(n).transformVectorToViewport(e)}};b.style=":host{--viewer-annotations-pin-primary-color:var(--blue-700);--viewer-annotations-pin-accent-color:var(--blue-200);--viewer-annotations-pin-dot-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-color:var(--viewer-annotations-pin-primary-color);--viewer-annotations-pin-font-size:0.75rem;--viewer-annotations-pin-selected-stroke:var(--white);--viewer-annotations-pin-selected-border:2px solid var(--white);--viewer-annotations-pin-label-border:2px solid var(--black);--viewer-annotations-pin-selected-stroke:var(--white);font-size:var(--viewer-annotations-pin-font-size);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;pointer-events:none}.pin-anchor{position:absolute;border-radius:50%;transform:translate(-50%, -50%);display:block;width:9px;height:9px;box-sizing:border-box;border:var(--viewer-annotations-pin-label-border);background:var(--viewer-annotations-pin-dot-color);pointer-events:auto;cursor:pointer}.selected{width:13px;height:13px;border:var(--viewer-annotations-pin-selected-border)}.pin{color:var(--viewer-annotations-pin-color);cursor:pointer}.pin-selected{stroke-width:1;stroke:var(--viewer-annotations-pin-selected-stroke)}";export{b as vertex_viewer_pin_group}