@arcgis/core/views/overlay/CrosshairOverlayItem.js

ArcGIS Maps SDK for JavaScript: A complete 2D and 3D mapping and data visualization API

/* COPYRIGHT Esri - https://js.arcgis.com/5.0.19/LICENSE.txt */
import{__decorate as t}from"tslib";import o from"../../Color.js";import e from"../../core/Accessor.js";import{property as r,subclass as s}from"../../core/accessorSupport/decorators.js";import{tsx as i}from"../../widgets/support/widget.js";let p=class extends e{constructor(t){super(t),this.color=new o([255,127,0,1]),this.isDecoration=!0,this.length=34,this.rotation=0,this.thickness=2,this.visible=!0}get _strokeStyle(){return this.color.toCss(!0)}render(){const{x:t,y:o,length:e,thickness:r,rotation:s}=this,p=e/2,l=`0 0 ${e} ${e}`,d=`M${p} 0 V${e} M0 ${p} H${e}`;return i("div",{classes:{"esri-box-overlay-item":!0},dir:"ltr",styles:{left:`${(t??0)-p}px`,top:`${(o??0)-p}px`,width:`${e}px`,height:`${e}px`,transform:`rotate(${s}deg)`,visibility:this.visible?"visible":"hidden"}},i("svg",{styles:{overflow:"visible"},viewbox:l},i("path",{d,stroke:this._strokeStyle,"stroke-width":r})))}renderCanvas(){}};t([r()],p.prototype,"color",void 0),t([r()],p.prototype,"isDecoration",void 0),t([r()],p.prototype,"length",void 0),t([r()],p.prototype,"rotation",void 0),t([r()],p.prototype,"thickness",void 0),t([r()],p.prototype,"visible",void 0),t([r()],p.prototype,"x",void 0),t([r()],p.prototype,"y",void 0),t([r({readOnly:!0})],p.prototype,"_strokeStyle",null),p=t([s("esri.views.overlay.CrosshairOverlayItem")],p);export{p as default};