@vertexvis/viewer 0.15.2-testing.0 → 0.15.2-testing.2

package/dist/viewer/p-7762c40a.entry.js

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

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

@@ -1,4 +0,0 @@
-/**!
- * Copyright (c) 2022 Vertex Software LLC. All rights reserved.
- */
-import{r as i,h as e,H as t}from"./p-d6fce4c1.js";import{c as s}from"./p-07aeee89.js";import{p as l,i as r}from"./p-70e5e8a8.js";import{E as o}from"./p-65af7a89.js";import"./p-dfe5a97d.js";class h{constructor(i,e){this.viewer=i,this.model=e,this.dragEndDisposable=this.model.onDragFinished(this.selectFromBounds)}dispose(){var i;null===(i=this.dragEndDisposable)||void 0===i||i.dispose()}async selectFromBounds(i){const e=await this.viewer.scene();await e.items((e=>e.where((e=>e.withVolumeIntersection(i.rectangle))).select())).execute()}}class n{constructor(i,e){this.viewer=i,this.dragSelectModel=e,this.handleDragBegin=this.handleDragBegin.bind(this),this.handleDrag=this.handleDrag.bind(this),this.handleDragEnd=this.handleDragEnd.bind(this)}initialize(i,e){this.element=i,this.api=e,this.element.addEventListener("pointerdown",this.handleDragBegin)}dispose(){var i,e,t;null===(i=this.element)||void 0===i||i.removeEventListener("pointerdown",this.handleDragBegin),null===(e=this.element)||void 0===e||e.removeEventListener("pointermove",this.handleDrag),null===(t=this.element)||void 0===t||t.removeEventListener("pointerup",this.handleDragEnd)}handleDragBegin(i){var e,t;1===i.buttons&&(this.viewer.cameraControls=!1,this.dragSelectModel.updateStartPoint(l.create(i.offsetX,i.offsetY)),null===(e=this.element)||void 0===e||e.addEventListener("pointermove",this.handleDrag),null===(t=this.element)||void 0===t||t.addEventListener("pointerup",this.handleDragEnd))}handleDrag(i){this.dragSelectModel.updateEndPoint(l.create(i.offsetX,i.offsetY))}handleDragEnd(){var i,e;this.viewer.cameraControls=!0,this.dragSelectModel.clear(),null===(i=this.element)||void 0===i||i.removeEventListener("pointermove",this.handleDrag),null===(e=this.element)||void 0===e||e.removeEventListener("pointerup",this.handleDragEnd)}}class a{constructor(){this.dragFinished=new o,this.boundsChanged=new o}updateStartPoint(i){this.dragStartPoint=i}updateEndPoint(i){var e;this.dragEndPoint=i,this.direction=l.subtract(i,null!==(e=this.dragStartPoint)&&void 0!==e?e:i).x>0?"right":"left",this.boundsChanged.emit({rectangle:this.getDragBounds(),direction:this.getDragDirection()})}clear(){this.dragFinished.emit({rectangle:this.getDragBounds(),direction:this.getDragDirection()}),this.dragStartPoint=void 0,this.dragEndPoint=void 0,this.boundsChanged.emit({})}onDragFinished(i){return this.dragFinished.on(i)}onBoundsChanged(i){return this.boundsChanged.on(i)}getDragBounds(){return null!=this.dragStartPoint&&null!=this.dragEndPoint?r.fromPoints(this.dragStartPoint,this.dragEndPoint):r.create(0,0,0,0)}getDragDirection(){var i;return null!==(i=this.direction)&&void 0!==i?i:"right"}}const d=class{constructor(e){i(this,e),this.handleBoundsChanged=this.handleBoundsChanged.bind(this)}componentWillLoad(){this.interactionModel=new a,this.interactionModel.onBoundsChanged(this.handleBoundsChanged),this.handleViewerChanged(this.viewer)}handleViewerChanged(i){this.deregisterInteractionHandler(),null!=(null==i?void 0:i.stream)&&(this.registerInteractionHandler(i),this.controller=new h(i,this.interactionModel))}render(){return e(t,null,e("vertex-viewer-layer",null,null!=this.dragRect&&e("div",{class:s("outline",{exclusive:"right"===this.dragDirection,inclusive:"left"===this.dragDirection}),style:{left:`${this.dragRect.x}px`,top:`${this.dragRect.y}px`,width:`${this.dragRect.width}px`,height:`${this.dragRect.height}px`}},e("div",{class:s("fill",{exclusive:"right"===this.dragDirection,inclusive:"left"===this.dragDirection})}))))}handleBoundsChanged(i){this.dragRect=i.rectangle,this.dragDirection=i.direction}registerInteractionHandler(i){this.interactionHandler=new n(i,this.interactionModel),i.registerInteractionHandler(this.interactionHandler)}deregisterInteractionHandler(){var i;null===(i=this.interactionHandler)||void 0===i||i.dispose(),this.interactionHandler=void 0}static get watchers(){return{viewer:["handleViewerChanged"]}}};d.style=":host{--viewer-drag-select-outline-exclusive-border-color:#5555ff;--viewer-drag-select-outline-exclusive-border-style:solid;--viewer-drag-select-outline-exclusive-fill-color:blue;--viewer-drag-select-outline-inclusive-border-color:#ff5555;--viewer-drag-select-outline-inclusive-border-style:dashed;--viewer-drag-select-outline-inclusive-fill-color:red;--viewer-drag-select-outline-fill-opacity:0.1}.outline{position:absolute}.outline.exclusive{border:3px var(--viewer-drag-select-outline-exclusive-border-style) var(--viewer-drag-select-outline-exclusive-border-color)}.outline.inclusive{border:3px var(--viewer-drag-select-outline-inclusive-border-style) var(--viewer-drag-select-outline-inclusive-border-color)}.fill{position:relative;width:100%;height:100%;opacity:var(--viewer-drag-select-outline-fill-opacity)}.fill.exclusive{background-color:var(--viewer-drag-select-outline-exclusive-fill-color)}.fill.inclusive{background-color:var(--viewer-drag-select-outline-inclusive-fill-color)}";export{d as vertex_viewer_drag_select}