@vertexvis/viewer 0.10.2-canary.7 → 0.11.0

package/dist/viewer/p-8c255868.entry.js

@@ -0,0 +1,4 @@
+/**!
+ * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
+ */
+import{h as o,r,c as e,H as t,g as i}from"./p-c9d8a379.js";import{k as n,p as s,f as h,g as a}from"./p-640cb5f8.js";import{g as d}from"./p-75682963.js";import{p as c,c as l,d as u,e as w,f as p}from"./p-835e158e.js";import{c as b}from"./p-f482325b.js";import"./p-112455b1.js";const v=({id:r,rotation:e,name:t,point:i,onPointerDown:n},s)=>o("div",{id:r,class:"bounds-anchor-position",style:{top:`${i.y}px`,left:`${i.x}px`},onPointerDown:n},o("div",{class:"bounds-anchor",style:{transform:`rotateZ(${null!=e?e:0}deg)`}},o("slot",{name:t},s))),m=({id:r})=>o("filter",{id:r,filterUnits:"userSpaceOnUse"},o("feGaussianBlur",{in:"SourceAlpha",stdDeviation:"2"}),o("feOffset",{dx:"0",dy:"1",result:"offsetblur"}),o("feFlood",{"flood-color":"#000000","flood-opacity":"0.25"}),o("feComposite",{in2:"offsetblur",operator:"in"}),o("feMerge",null,o("feMergeNode",null),o("feMergeNode",{in:"SourceGraphic"}))),f=({start:r,end:e,onStartAnchorPointerDown:t,onCenterAnchorPointerDown:i,onEndAnchorPointerDown:h})=>{const a=n.normalize(n.toDegrees(n.fromPoints(r,e))-270),d=s.create((r.x+e.x)/2,(r.y+e.y)/2);return o("div",{class:"bounds-container"},o(v,{id:"bounding-box-1d-start-anchor",name:"start-anchor",rotation:a,point:r,onPointerDown:t},o("div",{class:b("bounds-default-anchor","bounds-cap-anchor")})),o(v,{id:"bounding-box-1d-end-anchor",name:"end-anchor",rotation:a,point:e,onPointerDown:h},o("div",{class:b("bounds-default-anchor","bounds-cap-anchor")})),o(v,{id:"bounding-box-1d-center-anchor",name:"center-anchor",point:d,onPointerDown:i},o("div",{class:b("bounds-default-anchor","bounds-center-anchor")})))};function g(o,r){switch(r){case"top-left":return s.create(o.x,o.y);case"top":return s.create(o.x+o.width/2,o.y);case"top-right":return s.create(o.x+o.width,o.y);case"right":return s.create(o.x+o.width,o.y+o.height/2);case"bottom-right":return s.create(o.x+o.width,o.y+o.height);case"bottom":return s.create(o.x+o.width/2,o.y+o.height);case"bottom-left":return s.create(o.x,o.y+o.height);case"left":return s.create(o.x,o.y+o.height/2);case"center":return a.center(o)}}function k(o){return Math.min(o.width,o.height)}function x(o,r){const e=k(r);return s.add(s.scale(o,e,e),h.center(r))}function D(o,r){const e=k(r);return h.scale(e,e,o)}function P(o,r){const e=x(o,r),t=D(o,r);return a.fromPointAndDimensions(e,t)}function y(o,r){const e=function(o){return 1/k(o)}(r);return s.scale(s.subtract(o,h.center(r)),e,e)}function A(o,r,e){const t=a.fromPoints(o,r);if(e){const e=Math.max(t.width,t.height),i=t.height>t.width;return a.create(r.x<=o.x?i?o.x-e:r.x:o.x,r.y<=o.y?i?r.y:o.y-e:o.y,e,e)}return t}function L(o,r,e,t,i){const n=s.subtract(e,r),{x:h,y:d,width:c,height:l}=o,u=h+c,w=d+l,p=s.create(h,d),b=s.create(h,w),v=s.create(u,d),m=s.create(u,w);switch(t){case"top-left":return A(m,e,!!i);case"top":return A(m,s.create(h,e.y),!!i);case"top-right":return A(b,e,!!i);case"right":return A(b,s.create(e.x,d),!!i);case"bottom-right":return A(p,e,!!i);case"bottom":return A(p,s.create(u,e.y),!!i);case"bottom-left":return A(v,e,!!i);case"left":return A(m,s.create(e.x,d),!!i);case"center":return a.create(o.x+n.x,o.y+n.y,o.width,o.height)}}function C(o){return o.getBoundingClientRect()}const B=class{constructor(o){r(this,o),this.editBegin=e(this,"editBegin",7),this.editEnd=e(this,"editEnd",7),this.editCancel=e(this,"editCancel",7),this.mode="",this.editAnchor="end",this.editStartPoint=o=>{this.editAnchor="start",this.startMarkup(o)},this.editCenterPoint=o=>{this.editAnchor="center",this.startMarkup(o)},this.editEndPoint=o=>{this.editAnchor="end",this.startMarkup(o)},this.updatePoints=o=>{if(null!=this.elementBounds){const r=y(d(o,this.elementBounds),this.elementBounds);if("start"===this.editAnchor)this.start=r;else if("end"===this.editAnchor)this.end=r;else if(null!=this.start&&null!=this.end){const o=s.create((this.start.x+this.end.x)/2,(this.start.y+this.end.y)/2),e=o.x-r.x,t=o.y-r.y;this.start=s.create(this.start.x-e,this.start.y-t),this.end=s.create(this.end.x-e,this.end.y-t)}}},this.startMarkup=o=>{var r;""!==this.mode&&null!=this.elementBounds&&(this.start=null!==(r=this.start)&&void 0!==r?r:y(d(o,this.elementBounds),this.elementBounds),this.editBegin.emit(),this.addDrawingInteractionListeners())},this.endMarkup=()=>{""!==this.mode&&null!=this.end?this.editEnd.emit():(this.start=void 0,this.editCancel.emit()),this.removeDrawingInteractionListeners()}}componentWillLoad(){this.updateViewport(),this.handleViewerChanged(this.viewer),this.updatePointsFromProps()}componentDidLoad(){this.updatePointsFromProps(),new ResizeObserver((()=>this.updateViewport())).observe(this.hostEl)}async dispose(){null!=this.viewer&&this.removeInteractionListeners(this.viewer),this.removeDrawingInteractionListeners()}handleViewerChanged(o,r){null!=r&&this.removeInteractionListeners(r),null!=o&&this.addInteractionListeners(o)}handleStartJsonChange(){this.updatePointsFromProps()}handleEndJsonChange(){this.updatePointsFromProps()}updateViewport(){const o=C(this.hostEl);this.elementBounds=o}updatePointsFromProps(){this.start=this.start||c(this.startJson),this.end=this.end||c(this.endJson)}render(){if(null!=this.start&&null!=this.end&&null!=this.elementBounds){const r=x(this.start,this.elementBounds),e=x(this.end,this.elementBounds),i=l(r,e);return o(t,null,o("svg",{class:"svg"},o("defs",null,o(m,{id:"arrow-shadow"})),o("g",{filter:"url(#arrow-shadow)"},o("polygon",{id:"arrow-head",class:"head",points:u(i)}),o("line",{id:"arrow-line",class:"line",x1:r.x,y1:r.y,x2:i.base.x,y2:i.base.y}),"edit"===this.mode&&o("line",{id:"bounding-box-1d-line",class:"bounds-line",x1:r.x,y1:r.y,x2:e.x,y2:e.y}))),"edit"===this.mode&&o(f,{start:r,end:e,onStartAnchorPointerDown:this.editStartPoint,onCenterAnchorPointerDown:this.editCenterPoint,onEndAnchorPointerDown:this.editEndPoint}))}return o(t,null,o("div",{class:"create-overlay",onPointerDown:o=>this.startMarkup(o)}))}async addInteractionListeners(o){const r=await o.getInteractionTarget();"create"===this.mode&&r.addEventListener("pointerdown",this.startMarkup)}async addDrawingInteractionListeners(){""!==this.mode&&(window.addEventListener("pointermove",this.updatePoints),window.addEventListener("pointerup",this.endMarkup))}async removeInteractionListeners(o){(await o.getInteractionTarget()).removeEventListener("pointerdown",this.startMarkup)}async removeDrawingInteractionListeners(){window.removeEventListener("pointermove",this.updatePoints),window.removeEventListener("pointerup",this.endMarkup)}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],start:["handleStartJsonChange"],end:["handleEndJsonChange"]}}};B.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-arrow-line-stroke-color:var(--red-800);--viewer-markup-arrow-line-stroke-width:4;--viewer-markup-arrow-head-stroke-color:var(--red-800);--viewer-markup-arrow-head-stroke-width:4;--viewer-markup-arrow-head-fill-color:var(--red-800);--viewer-markup-arrow-head-fill-opacity:1;--viewer-markup-arrow-bounds-cap-border-color:var(--blue-400);--viewer-markup-arrow-bounds-cap-border-width:1px;--viewer-markup-arrow-bounds-cap-background-color:white;--viewer-markup-arrow-bounds-center-anchor-border-color:white;--viewer-markup-arrow-bounds-center-anchor-border-width:1px;--viewer-markup-arrow-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-arrow-bounds-outline-width:1px;--viewer-markup-arrow-bounds-outline-color:var(--blue-400);--viewer-markup-arrow-bounds-anchor-width:9px;--viewer-markup-arrow-bounds-anchor-height:9px}.svg{pointer-events:none;width:100%;height:100%}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.line{pointer-events:auto;stroke:var(--viewer-markup-arrow-line-stroke-color);stroke-width:var(--viewer-markup-arrow-line-stroke-width);cursor:default}.head{pointer-events:auto;stroke:var(--viewer-markup-arrow-head-stroke-color);stroke-width:var(--viewer-markup-arrow-head-stroke-width);fill:var(--viewer-markup-arrow-head-fill-color);fill-opacity:var(--viewer-markup-arrow-head-fill-opacity);cursor:default}.bounds-line{pointer-events:auto;stroke:var(--viewer-markup-arrow-bounds-outline-color);stroke-width:var(--viewer-markup-arrow-bounds-outline-width)}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-arrow-bounds-anchor-width);height:var(--viewer-markup-arrow-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-arrow-bounds-center-anchor-border-width);border-color:var(--viewer-markup-arrow-bounds-center-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-arrow-bounds-center-anchor-background-color)}.bounds-cap-anchor{border-width:var(--viewer-markup-arrow-bounds-cap-border-width);border-color:var(--viewer-markup-arrow-bounds-cap-border-color);border-style:solid;background-color:var(--viewer-markup-arrow-bounds-cap-background-color)}";const I=({bounds:r,onTopLeftAnchorPointerDown:e,onLeftAnchorPointerDown:t,onTopRightAnchorPointerDown:i,onRightAnchorPointerDown:n,onBottomLeftAnchorPointerDown:s,onBottomAnchorPointerDown:h,onBottomRightAnchorPointerDown:d,onTopAnchorPointerDown:c,onCenterAnchorPointerDown:l})=>{const u=a.pad(r,6),w=a.center(u);return o("div",{class:"bounds-container"},o("div",{class:"bounds-outline",style:{top:`${u.y}px`,left:`${u.x}px`,width:`${u.width}px`,height:`${u.height}px`}}),o(v,{id:"bounding-box-2d-top-left-anchor",name:"top-left-anchor",point:g(u,"top-left"),onPointerDown:e},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-left-anchor",name:"left-anchor",point:g(u,"left"),onPointerDown:t},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-top-right-anchor",name:"top-right-anchor",point:g(u,"top-right"),onPointerDown:i},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-right-anchor",name:"right-anchor",point:g(u,"right"),onPointerDown:n},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-bottom-left-anchor",name:"bottom-left-anchor",point:g(u,"bottom-left"),onPointerDown:s},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-bottom-anchor",name:"bottom-anchor",point:g(u,"bottom"),onPointerDown:h},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-bottom-right-anchor",name:"bottom-right-anchor",point:g(u,"bottom-right"),onPointerDown:d},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-top-anchor",name:"top-anchor",point:g(u,"top"),onPointerDown:c},o("div",{class:b("bounds-default-anchor","bounds-edge-anchor")})),o(v,{id:"bounding-box-2d-center-anchor",name:"center-anchor",point:w,onPointerDown:l},o("div",{class:b("bounds-default-anchor","bounds-center-anchor")})))},E=class{constructor(o){r(this,o),this.editBegin=e(this,"editBegin",7),this.editEnd=e(this,"editEnd",7),this.editCancel=e(this,"editCancel",7),this.mode="",this.editAnchor="bottom-right",this.updateEditAnchor=(o,r)=>{this.resizeBounds=this.bounds,this.editAnchor=r,this.startMarkup(o)},this.updatePoints=o=>{var r;if(null!=this.bounds&&null!=this.startPosition&&null!=this.elementBounds){const e=y(d(o,this.elementBounds),this.elementBounds);this.bounds=L(null!==(r=this.resizeBounds)&&void 0!==r?r:this.bounds,this.startPosition,e,this.editAnchor,o.shiftKey)}},this.startMarkup=o=>{var r;if(""!==this.mode&&null!=this.elementBounds){const e=y(d(o,this.elementBounds),this.elementBounds);this.startPosition=e,this.bounds=null!==(r=this.bounds)&&void 0!==r?r:a.create(e.x,e.y,0,0),this.resizeBounds=this.bounds,this.editBegin.emit(),this.addDrawingInteractionListeners()}},this.endMarkup=()=>{var o,r;""!==this.mode&&null!=this.bounds&&(null===(o=this.bounds)||void 0===o?void 0:o.width)>0&&(null===(r=this.bounds)||void 0===r?void 0:r.height)>0?(this.editAnchor="bottom-right",this.editEnd.emit()):(this.bounds=void 0,this.editCancel.emit()),this.removeDrawingInteractionListeners()}}componentWillLoad(){this.updateViewport(),this.handleViewerChanged(this.viewer),this.updateBoundsFromProps()}componentDidLoad(){this.updateBoundsFromProps(),new ResizeObserver((()=>this.updateViewport())).observe(this.hostEl)}async dispose(){null!=this.viewer&&this.removeInteractionListeners(this.viewer),this.removeDrawingInteractionListeners()}handleViewerChanged(o,r){null!=r&&this.removeInteractionListeners(r),null!=o&&this.addInteractionListeners(o)}handleBoundsJsonChange(){this.updateBoundsFromProps()}updateViewport(){const o=C(this.hostEl);this.elementBounds=o}updateBoundsFromProps(){var o;this.bounds=null!==(o=this.bounds)&&void 0!==o?o:w(this.boundsJson)}render(){if(null!=this.bounds&&null!=this.elementBounds){const r=P(this.bounds,this.elementBounds),e=a.center(r);return o(t,null,o("svg",{class:"svg"},o("defs",null,o(m,{id:"circle-shadow"})),o("g",{filter:"url(#circle-shadow)"},o("ellipse",{class:"ellipse",cx:e.x,cy:e.y,rx:r.width/2,ry:r.height/2,stroke:"#000ff0","stroke-width":4,fill:"none"}))),"edit"===this.mode&&o(I,{bounds:r,onTopLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"top-left"),onTopRightAnchorPointerDown:o=>this.updateEditAnchor(o,"top-right"),onTopAnchorPointerDown:o=>this.updateEditAnchor(o,"top"),onBottomLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-left"),onBottomRightAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-right"),onBottomAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom"),onLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"left"),onRightAnchorPointerDown:o=>this.updateEditAnchor(o,"right"),onCenterAnchorPointerDown:o=>this.updateEditAnchor(o,"center")}))}return o(t,null,o("div",{class:"create-overlay",onPointerDown:o=>this.startMarkup(o)}))}async addInteractionListeners(o){const r=await o.getInteractionTarget();"create"===this.mode&&r.addEventListener("pointerdown",this.startMarkup)}async addDrawingInteractionListeners(){""!==this.mode&&(window.addEventListener("pointermove",this.updatePoints),window.addEventListener("pointerup",this.endMarkup))}async removeInteractionListeners(o){(await o.getInteractionTarget()).removeEventListener("pointerdown",this.startMarkup)}async removeDrawingInteractionListeners(){window.removeEventListener("pointermove",this.updatePoints),window.removeEventListener("pointerup",this.endMarkup)}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],bounds:["handleBoundsJsonChange"]}}};E.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-circle-ellipse-stroke-color:var(--red-700);--viewer-markup-circle-ellipse-stroke-width:4;--viewer-markup-circle-ellipse-fill-color:none;--viewer-markup-circle-ellipse-fill-opacity:0;--viewer-markup-circle-bounds-outline-border-color:var(--blue-400);--viewer-markup-circle-bounds-outline-border-width:1px;--viewer-markup-circle-bounds-edge-anchor-border-color:var(--blue-400);--viewer-markup-circle-bounds-edge-anchor-border-width:1px;--viewer-markup-circle-bounds-edge-anchor-background-color:white;--viewer-markup-circle-bounds-center-anchor-border-color:white;--viewer-markup-circle-bounds-center-anchor-border-width:1px;--viewer-markup-circle-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-circle-bounds-anchor-width:9px;--viewer-markup-circle-bounds-anchor-height:9px}.svg{pointer-events:none;width:100%;height:100%}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.ellipse{pointer-events:auto;stroke:var(--viewer-markup-circle-ellipse-stroke-color);stroke-width:var(--viewer-markup-circle-ellipse-stroke-width);fill:var(--viewer-markup-circle-ellipse-fill-color);fill-opacity:var(--viewer-markup-circle-ellipse-fill-opacity);cursor:default}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-outline{position:absolute;border-width:var(--viewer-markup-circle-bounds-outline-border-width);border-color:var(--viewer-markup-circle-bounds-outline-border-color);border-style:solid;box-shadow:0 0 3px rgba(0, 0, 0, 0.3)}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-circle-bounds-anchor-width);height:var(--viewer-markup-circle-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-circle-bounds-center-anchor-border-width);border-color:var(--viewer-markup-circle-bounds-center-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-circle-bounds-center-anchor-background-color)}.bounds-edge-anchor{border-width:var(--viewer-markup-circle-bounds-edge-anchor-border-width);border-color:var(--viewer-markup-circle-bounds-edge-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-circle-bounds-edge-anchor-background-color)}";const M=class{constructor(o){r(this,o),this.editBegin=e(this,"editBegin",7),this.editEnd=e(this,"editEnd",7),this.editCancel=e(this,"editCancel",7),this.mode="",this.editAnchor="bottom-right",this.screenPoints=[],this.updateEditAnchor=(o,r)=>{null!=this.elementBounds&&(this.resizeBounds=this.bounds,this.resizePoints=this.points,this.editAnchor=r,this.resizeStartPosition=y(d(o,this.elementBounds),this.elementBounds),this.addEditingInteractionListeners())},this.updateBounds=o=>{var r,e,t;if(null!=this.resizeStartPosition&&null!=this.elementBounds&&null!=this.resizeBounds&&null!=this.resizePoints){const i=y(d(o,this.elementBounds),this.elementBounds),n=L(this.resizeBounds,this.resizeStartPosition,i,this.editAnchor,o.shiftKey);this.points=(e=this.resizeBounds,t=n,this.resizePoints.map((o=>s.add(s.scale(s.subtract(o,e),t.width/(e.width||1),t.height/(e.height||1)),t)))),this.screenPoints=null!==(r=this.convertPointsToScreen())&&void 0!==r?r:this.screenPoints,this.bounds=n}},this.updatePoints=o=>{if(null!=this.points&&null!=this.elementBounds){const r=d(o,this.elementBounds),e=y(r,this.elementBounds);this.updateMinAndMax(e),this.points=[...this.points,e],this.screenPoints=[...this.screenPoints,r]}},this.startMarkup=o=>{var r,e;if(""!==this.mode&&null!=this.elementBounds){const t=d(o,this.elementBounds),i=y(t,this.elementBounds);this.updateMinAndMax(i),this.points=null!==(r=this.points)&&void 0!==r?r:[i],this.screenPoints=null!==(e=this.screenPoints)&&void 0!==e?e:[t],this.editBegin.emit(),this.addDrawingInteractionListeners()}},this.endMarkup=o=>{if(""!==this.mode&&null!=this.points&&this.points.length>1&&null!=this.elementBounds){const r=d(o,this.elementBounds),e=y(r,this.elementBounds);this.updateMinAndMax(e),this.points=[...this.points,e],this.screenPoints=[...this.screenPoints,r],this.editEnd.emit()}else this.points=void 0,this.editCancel.emit();this.min=void 0,this.max=void 0,this.removeDrawingInteractionListeners()},this.endEdit=()=>{this.resizeBounds=void 0,this.removeEditingInteractionListeners(),this.editEnd.emit()}}componentWillLoad(){this.updateViewport(),this.handleViewerChanged(this.viewer),this.updatePointsFromProps()}componentDidLoad(){this.updatePointsFromProps(),new ResizeObserver((()=>this.updateViewport())).observe(this.hostEl)}async dispose(){null!=this.viewer&&this.removeInteractionListeners(this.viewer),this.removeDrawingInteractionListeners()}handleViewerChanged(o,r){null!=r&&this.removeInteractionListeners(r),null!=o&&this.addInteractionListeners(o)}handlePointsJsonChange(){this.updatePointsFromProps()}handleBoundsJsonChange(){this.updatePointsFromProps()}updateViewport(){var o;const r=C(this.hostEl);this.elementBounds=r,this.screenPoints=null!==(o=this.convertPointsToScreen())&&void 0!==o?o:this.screenPoints}updatePointsFromProps(){var o,r,e;this.points=null!==(o=this.points)&&void 0!==o?o:p(this.pointsJson),this.screenPoints=null!==(r=this.convertPointsToScreen())&&void 0!==r?r:[],this.bounds=null!==(e=this.bounds)&&void 0!==e?e:w(this.boundsJson)}render(){return this.screenPoints.length>0&&null!=this.elementBounds?o(t,null,o("svg",{class:"svg"},o("defs",null,o(m,{id:"freeform-markup-shadow"})),o("g",{filter:"url(#freeform-markup-shadow)"},o("path",{class:"path",d:this.screenPoints.reduce(((o,r)=>`${o}L${r.x},${r.y}`),`M${this.screenPoints[0].x},${this.screenPoints[0].y}`),fill:"none"}))),"edit"===this.mode&&null!=this.bounds&&o(I,{bounds:P(this.bounds,this.elementBounds),onTopLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"top-left"),onTopRightAnchorPointerDown:o=>this.updateEditAnchor(o,"top-right"),onTopAnchorPointerDown:o=>this.updateEditAnchor(o,"top"),onBottomLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-left"),onBottomRightAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom-right"),onBottomAnchorPointerDown:o=>this.updateEditAnchor(o,"bottom"),onLeftAnchorPointerDown:o=>this.updateEditAnchor(o,"left"),onRightAnchorPointerDown:o=>this.updateEditAnchor(o,"right"),onCenterAnchorPointerDown:o=>this.updateEditAnchor(o,"center")})):o(t,null,o("div",{class:"create-overlay",onPointerDown:o=>this.startMarkup(o)}))}async addInteractionListeners(o){const r=await o.getInteractionTarget();"create"===this.mode&&r.addEventListener("pointerdown",this.startMarkup)}async addDrawingInteractionListeners(){""!==this.mode&&(window.addEventListener("pointermove",this.updatePoints),window.addEventListener("pointerup",this.endMarkup))}async addEditingInteractionListeners(){"edit"===this.mode&&(window.addEventListener("pointermove",this.updateBounds),window.addEventListener("pointerup",this.endEdit))}async removeInteractionListeners(o){(await o.getInteractionTarget()).removeEventListener("pointerdown",this.startMarkup)}async removeDrawingInteractionListeners(){window.removeEventListener("pointermove",this.updatePoints),window.removeEventListener("pointerup",this.endMarkup)}async removeEditingInteractionListeners(){"edit"===this.mode&&(window.removeEventListener("pointermove",this.updateBounds),window.removeEventListener("pointerup",this.endEdit))}updateMinAndMax(o){this.min=null!=this.min?s.create(Math.min(this.min.x,o.x),Math.min(this.min.y,o.y)):o,this.max=null!=this.max?s.create(Math.max(this.max.x,o.x),Math.max(this.max.y,o.y)):o,this.bounds=a.create(this.min.x,this.min.y,this.max.x-this.min.x,this.max.y-this.min.y)}convertPointsToScreen(){var o;const r=this.elementBounds;if(null!=r)return null===(o=this.points)||void 0===o?void 0:o.map((o=>x(o,r)))}get hostEl(){return i(this)}static get watchers(){return{viewer:["handleViewerChanged"],points:["handlePointsJsonChange"],bounds:["handleBoundsJsonChange"]}}};M.style=":host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;--viewer-markup-freeform-stroke-color:var(--red-800);--viewer-markup-freeform-stroke-width:4;--viewer-markup-freeform-line-join:round;--viewer-markup-freeform-line-cap:round;--viewer-markup-freeform-bounds-outline-border-color:var(--blue-400);--viewer-markup-freeform-bounds-outline-border-width:1px;--viewer-markup-freeform-bounds-edge-anchor-border-color:var(--blue-400);--viewer-markup-freeform-bounds-edge-anchor-border-width:1px;--viewer-markup-freeform-bounds-edge-anchor-background-color:white;--viewer-markup-freeform-bounds-center-anchor-border-color:white;--viewer-markup-freeform-bounds-center-anchor-border-width:1px;--viewer-markup-freeform-bounds-center-anchor-background-color:var(--blue-400);--viewer-markup-freeform-bounds-anchor-width:9px;--viewer-markup-freeform-bounds-anchor-height:9px}.svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.path{pointer-events:auto;cursor:default;stroke:var(--viewer-markup-freeform-stroke-color);stroke-width:var(--viewer-markup-freeform-stroke-width);stroke-linejoin:var(--viewer-markup-freeform-line-join);stroke-linecap:var(--viewer-markup-freeform-line-cap)}.create-overlay{pointer-events:auto;position:absolute;left:0;top:0;width:100%;height:100%;cursor:crosshair}.bounds-container{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.bounds-outline{position:absolute;border-width:var(--viewer-markup-freeform-bounds-outline-border-width);border-color:var(--viewer-markup-freeform-bounds-outline-border-color);border-style:solid;box-shadow:0 0 3px rgba(0, 0, 0, 0.3)}.bounds-anchor-position{position:absolute;transform:translate(-50%, -50%)}.bounds-anchor{pointer-events:auto;cursor:default;user-select:none}.bounds-default-anchor{width:var(--viewer-markup-freeform-bounds-anchor-width);height:var(--viewer-markup-freeform-bounds-anchor-height);box-sizing:border-box;box-shadow:0 0 2px rgba(0, 0, 0, 0.3)}.bounds-center-anchor{border-radius:100%;border-width:var(--viewer-markup-freeform-bounds-center-anchor-border-width);border-color:var(--viewer-markup-freeform-bounds-center-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-freeform-bounds-center-anchor-background-color)}.bounds-edge-anchor{border-width:var(--viewer-markup-freeform-bounds-edge-anchor-border-width);border-color:var(--viewer-markup-freeform-bounds-edge-anchor-border-color);border-style:solid;background-color:var(--viewer-markup-freeform-bounds-edge-anchor-background-color)}";export{B as vertex_viewer_markup_arrow,E as vertex_viewer_markup_circle,M as vertex_viewer_markup_freeform}

package/dist/viewer/{p-f4a492e1.js → p-9faabd97.js}

@@ -1,4 +1,4 @@
 /**!
  * Copyright (c) 2021 Vertex Software LLC. All rights reserved.
  */
-import{E as s}from"./p-6d4ab5fc.js";class t{constructor(){this.onChanged=new s,this.cursors=[],this.nextId=0}add(s,h=t.NORMAL_PRIORITY){const a=++this.nextId,i={id:a,cursor:s,priority:h,dispose:()=>this.remove(a)};return this.cursors.push(i),this.onChanged.emit(),i}remove(s){const t=this.cursors.findIndex((({id:t})=>t===s));t>=0&&(this.cursors.splice(t,1),this.onChanged.emit())}getActiveCursor(){var s;return null===(s=this.cursors.concat().reverse().sort(((s,t)=>t.priority-s.priority))[0])||void 0===s?void 0:s.cursor}}t.LOW_PRIORITY=0,t.NORMAL_PRIORITY=10,t.HIGH_PRIORITY=20;const h={url:"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' stroke='%23fff' stroke-width='1.25' stroke-opacity='0.5' stroke-miterlimit='10' shape-rendering='crispEdges'/%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' shape-rendering='crispEdges'/%3E%3C/svg%3E",offsetX:-24,offsetY:-24};export{t as C,h as m}
+import{E as s}from"./p-59d075d4.js";class t{constructor(){this.onChanged=new s,this.cursors=[],this.nextId=0}add(s,h=t.NORMAL_PRIORITY){const i=++this.nextId,a={id:i,cursor:s,priority:h,dispose:()=>this.remove(i)};return this.cursors.push(a),this.onChanged.emit(),a}remove(s){const t=this.cursors.findIndex((({id:t})=>t===s));t>=0&&(this.cursors.splice(t,1),this.onChanged.emit())}getActiveCursor(){var s;return null===(s=this.cursors.concat().reverse().sort(((s,t)=>t.priority-s.priority))[0])||void 0===s?void 0:s.cursor}}t.LOW_PRIORITY=0,t.NORMAL_PRIORITY=10,t.HIGH_PRIORITY=20;const h={url:"data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' stroke='%23fff' stroke-width='1.25' stroke-opacity='0.5' stroke-miterlimit='10' shape-rendering='crispEdges'/%3E%3Cpath d='M21.5 8h-19a.5.5 0 00-.5.5v6a.5.5 0 00.5.5h19a.5.5 0 00.5-.5v-6a.5.5 0 00-.5-.5zm-.5 6H3V9h3v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2v2.5a.5.5 0 001 0V9h2z' shape-rendering='crispEdges'/%3E%3C/svg%3E",offsetX:-24,offsetY:-24};export{t as C,h as m}