@doegis/core/widgets/DirectLineMeasurement3D.js

DOE GIS API

import{_ as e}from"../chunks/tslib.es6.js";import{ignoreAbortErrors as t}from"../core/promiseUtils.js";import{isMeasurementSystem as s}from"../core/unitUtils.js";import{property as i}from"../core/accessorSupport/decorators/property.js";import"../core/accessorSupport/ensureType.js";import"../core/arrayUtils.js";import{subclass as n}from"../core/accessorSupport/decorators/subclass.js";import r from"./Widget.js";import a from"./DirectLineMeasurement3D/DirectLineMeasurement3DViewModel.js";import{accessibleHandler as l}from"./support/decorators/accessibleHandler.js";import{messageBundle as o}from"./support/decorators/messageBundle.js";import{tsx as u}from"./support/jsxFactory.js";import"./support/widgetUtils.js";const c="esri-direct-line-measurement-3d",m=`${c}__units`,p=`${c}__measurement`,d={buttonDisabled:"esri-button--disabled",base:`${c} esri-widget esri-widget--panel`,container:`${c}__container`,hint:`${c}__hint`,hintText:`${c}__hint-text`,panelError:`${c}__panel--error`,measurement:p,measurementItem:`${p}-item`,measurementItemDisabled:`${p}-item--disabled`,measurementItemTitle:`${p}-item-title`,measurementItemValue:`${p}-item-value`,settings:`${c}__settings`,units:m,unitsLabel:`${m}-label`,unitsSelect:`${m}-select esri-select`,unitsSelectWrapper:`${m}-select-wrapper`,actionSection:`${c}__actions`,newMeasurementButton:`${c}__clear-button esri-button esri-button--primary`,widgetIcon:"esri-icon-measure-line"};let v=class extends r{constructor(e,t){super(e,t),this.iconClass=d.widgetIcon,this.viewModel=new a}get view(){return this.viewModel.view}set view(e){this.viewModel.view=e}get visible(){return this.viewModel.visible}set visible(e){this.viewModel.visible=e}get active(){return this.viewModel.active}get analysis(){return this.viewModel.analysis}set analysis(e){this.viewModel.analysis=e}get label(){return this.messages?.widgetLabel??""}set label(e){this._overrideIfSome("label",e)}get unitOptions(){return this.viewModel.unitOptions}set unitOptions(e){this.viewModel.unitOptions=e}get unit(){return this.viewModel.unit}set unit(e){this.viewModel.unit=e}render(){const{supported:e,active:t,state:i,measurement:n,unit:r}=this.viewModel,a="disabled"===i,l="ready"===i,o="measuring"===i||"measured"===i,{messages:c,messagesUnits:m}=this,p=t&&l?u("section",{key:"esri-direct-line-measurement-3d__hint",class:d.hint},u("p",{class:d.hintText},c.hint),u("p",{class:d.hintText},c.snappingDisablePromptAlternate)):null,v=e?null:u("section",{key:"esri-direct-line-measurement-3d__unsupported",class:d.panelError},u("p",null,c.unsupported)),h=(e,t,s)=>{switch(t.state){case"available":return u("div",{key:`${s}-enabled`,class:d.measurementItem},u("span",{class:d.measurementItemTitle},e),u("span",{"aria-live":"polite",class:d.measurementItemValue},t.text));case"unavailable":return u("div",{key:`${s}-disabled`,class:this.classes(d.measurementItem,d.measurementItemDisabled)},u("span",{class:d.measurementItemTitle},e))}},b=o&&n?u("section",{key:"esri-direct-line-measurement-3d__measurement",class:d.measurement},h(c.direct,n.directDistance,"direct"),h(c.horizontal,n.horizontalDistance,"horizontal"),h(c.vertical,n.verticalDistance,"vertical")):null,w=`${this.id}__units`,y=u("label",{class:d.unitsLabel,for:w},c.unit),_=u("div",{class:d.unitsSelectWrapper},u("select",{class:d.unitsSelect,id:w,onchange:this._changeUnit,bind:this,value:r},this.viewModel.unitOptions.map((e=>u("option",{key:e,value:e},s(e)?m.systems[e]:m.units[e]?.pluralCapitalized))))),g=u("section",{key:"esri-direct-line-measurement-3d__units",class:d.units},y,_),M=o?u("div",{key:"settings",class:d.settings},g):null,$=!e||t&&!o?null:u("div",{class:d.actionSection},u("button",{disabled:a,class:this.classes(d.newMeasurementButton,a&&d.buttonDisabled),bind:this,onclick:this._newMeasurement,type:"button"},c.newMeasurement)),D=this.visible?u("div",{class:d.container},v,p,M,b,$):null;return u("div",{"aria-label":c.widgetLabel,key:this,class:d.base,role:"presentation"},D)}_newMeasurement(){t(this.viewModel.start())}_changeUnit(e){const t=e.target,s=t.options[t.selectedIndex];s&&(this.unit=s.value)}};e([i()],v.prototype,"view",null),e([i()],v.prototype,"visible",null),e([i()],v.prototype,"active",null),e([i({constructOnly:!0,nonNullable:!0})],v.prototype,"analysis",null),e([i()],v.prototype,"iconClass",void 0),e([i()],v.prototype,"label",null),e([i(),o("esri/widgets/DirectLineMeasurement3D/t9n/DirectLineMeasurement3D")],v.prototype,"messages",void 0),e([i(),o("esri/core/t9n/Units")],v.prototype,"messagesUnits",void 0),e([i()],v.prototype,"uiStrings",void 0),e([i({type:a})],v.prototype,"viewModel",void 0),e([i()],v.prototype,"unitOptions",null),e([i()],v.prototype,"unit",null),e([l()],v.prototype,"_newMeasurement",null),e([l()],v.prototype,"_changeUnit",null),v=e([n("esri.widgets.DirectLineMeasurement3D")],v);const h=v;export{h as default};