@arcgis/map-components 4.32.0-next.84 → 4.32.0-next.85

package/dist/arcgis-map-components/ZD343J42.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.32/esri/copyright.txt for details.
-v4.32.0-next.84 */
-import{b as x}from"./B2AHBB47.js";import{a as $}from"./D5YSPPQY.js";import{a as D,b as S}from"./4HWKFVOD.js";import"./XKFVFNRT.js";import{V as B,la as U,ma as R,oa as M}from"./WOWZWSL5.js";import"./PBYUEHJ2.js";import{B as g,C as y,D as i,E as v,H as L,a as d,g as w,p,t as c}from"./ALE6KF3F.js";var a="esri-scale-bar",t={base:a,labelContainer:`${a}__label-container`,rulerLabelContainer:`${a}__label-container--ruler`,lineLabelContainer:`${a}__label-container--line`,topLabelContainer:`${a}__label-container--top`,bottomLabelContainer:`${a}__label-container--bottom`,label:`${a}__label`,line:`${a}__line`,topLine:`${a}__line--top`,bottomLine:`${a}__line--bottom`,ruler:`${a}__ruler`,rulerBlock:`${a}__ruler-block`,barContainer:`${a}__bar-container`,rulerBarContainer:`${a}__bar-container--ruler`,lineBarContainer:`${a}__bar-container--line`};function k(C=0,e=0){return{x:C,y:e}}var O=S(B),f=class extends y{constructor(){super(...arguments),this.intlUtils=p(R),this.messages=D(),this.reactiveUtils=p(U),this._scaleComputedFrom=k(),this.unitUtils=p(M),this.viewModel=O(this),this.autoDestroyDisabled=!1,this.barStyle="line",this.icon="actual-size",this.position="top-left",this.arcgisReady=g()}static{this.properties={autoDestroyDisabled:5,barStyle:1,icon:3,label:1,messageOverrides:0,position:3,referenceElement:1,unit:1}}static{this.shadowRootOptions=w}get unit(){return this._unit??this._defaultUnit}set unit(e){this._unit=e}async destroy(){await this.manager.destroy()}updated(){this._handleRootCreateOrUpdate()}loaded(){this._defaultUnit=this.unitUtils.getDefaultUnitForView(this.viewModel.view),this.manager.onLifecycle(()=>this.reactiveUtils.watch(()=>{let e=this.viewModel.view;return[e?.stationary,e?.center,e?.scale,e?.zoom]},([e])=>{e&&this.requestUpdate()}))}_handleContainerRef(e){e!==void 0&&this._handleRootCreateOrUpdate()}_handleRootCreateOrUpdate(){if(!this.viewModel)return;let e=this._scaleComputedFrom,r=this.el.getBoundingClientRect(),o=r.left+window.pageXOffset,n=r.top+window.pageYOffset,s=k(o,n);(s.x!==e.x||s.y!==e.y)&&(this._scaleComputedFrom=s)}_formatDistance(e,r){return this.intlUtils.formatNumber(e,{style:"unit",unit:r,unitDisplay:"short"})}render(){let e=this.viewModel.state==="disabled",r={[$.disabled]:e},o,n;if(!e){let{unit:s,barStyle:u}=this,b=s==="imperial"||s==="dual",_=s==="metric"||s==="dual",h=100,m=s==="dual"?"line":u;if(b){let l=this.viewModel.getScaleBarProperties(h,"imperial");l&&(n=m==="ruler"?this._renderRuler(l):this._renderLine(l,"bottom"))}if(_){let l=this.viewModel.getScaleBarProperties(h,"metric");l&&(o=m==="ruler"?this._renderRuler(l):this._renderLine(l,"top"))}}return c`<div class=${i(d(t.base,$.widget,r))} ${x(this._handleContainerRef)}>${o}${n}</div>`}_renderRuler(e){let{length:r,unit:o,value:n}=e,s=Math.round(r),u=this._formatDistance(n,o);return c`<div class=${i(d(t.barContainer,t.rulerBarContainer))}><div class=${i(t.ruler)} style=${v({width:`${s}px`})}><div class=${i(t.rulerBlock)}></div><div class=${i(t.rulerBlock)}></div><div class=${i(t.rulerBlock)}></div><div class=${i(t.rulerBlock)}></div></div><div class=${i(d(t.labelContainer,t.rulerLabelContainer))}><div class=${i(t.label)}>0</div><div class=${i(t.label)}>${u}</div></div></div>`}_renderLine(e,r){let{length:o,unit:n,value:s}=e,u=Math.round(o),b=this._formatDistance(s,n),_={[t.topLabelContainer]:r==="top",[t.bottomLabelContainer]:r==="bottom"},h=c`<div class=${i(d(t.labelContainer,t.lineLabelContainer,_))}><div class=${i(t.label)}>${b}</div></div>`,m={[t.topLine]:r==="top",[t.bottomLine]:r==="bottom"},l=c`<div class=${i(d(t.line,m))} style=${v({width:`${u}px`})}></div>`;return c`<div class=${i(d(t.barContainer,t.lineBarContainer))}>${[l,h]}</div>`}};L("arcgis-scale-bar",f);export{f as ArcgisScaleBar};