@arcgis/core/widgets/FovOverlay.js

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

/*
All material copyright ESRI, All Rights Reserved, unless otherwise specified.
See https://js.arcgis.com/4.33/esri/copyright.txt for details.
*/
import{_ as s}from"../chunks/tslib.es6.js";import{rad2deg as t}from"../core/mathUtils.js";import{formatAngleDegrees as e,formatDecimal as o}from"../core/unitFormatUtils.js";import{property as r}from"../core/accessorSupport/decorators/property.js";import"../core/has.js";import"../core/Logger.js";import"../core/RandomLCG.js";import{subclass as i}from"../core/accessorSupport/decorators/subclass.js";import m from"./Widget.js";import"./support/widgetUtils.js";import{messageBundle as p}from"./support/decorators/messageBundle.js";import{tsx as a}from"./support/jsxFactory.js";const n="esri-fov-overlay",l={base:n,outer:`${n}-outer`,reset:`${n}-reset`,text:`${n}-text`};let c=class extends m{constructor(s){super(s),this.onReset=()=>{},this._messagesCommon=null,this._messagesUnits=null,this.fov=null}render(){return a("div",{class:l.outer},a("div",{class:l.base},a("p",{class:l.text},this._overlay),a("p",{class:l.reset,onclick:this.onReset,title:this._messagesCommon.reset},this._reset)))}get _overlay(){const{fov:s,_messagesUnits:r}=this;if(!r||null==s)return"";const i=e(t(s),"degrees","arithmetic","arithmetic",0),m=u/(2*Math.tan(s/2));return`${i} | ${o(r,m,"millimeters",0,"abbr")} |`}get _reset(){return this._messagesUnits&&null!=this.fov?"↺":""}};s([r()],c.prototype,"onReset",void 0),s([r(),p("esri/t9n/common")],c.prototype,"_messagesCommon",void 0),s([r(),p("esri/core/t9n/Units")],c.prototype,"_messagesUnits",void 0),s([r()],c.prototype,"fov",void 0),s([r()],c.prototype,"_overlay",null),s([r()],c.prototype,"_reset",null),c=s([i("esri.widgets.FovOverlay")],c);const u=Math.sqrt(1872);export{c as FovOverlay,n as base,l as css};