@arcgis/map-components/dist/arcgis-map-components/CEKBDJBJ.js

ArcGIS Map Components

/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
See https://js.arcgis.com/4.32/esri/copyright.txt for details.
v4.32.13 */
import{a as p}from"./NYXWVKGC.js";import{a as z}from"./QKQNYHUC.js";import"./JM4XJJFL.js";import"./AX2MGWNF.js";import{A as u,B as h,C as s,E as i,G as d,a as t,g as n,q as l,r as c,s as m}from"./NIZJVZRG.js";var f=await $arcgis.l("widgets/Zoom/ZoomViewModel");var o={base:"arcgis-zoom",horizontalLayout:"arcgis-zoom--horizontal",button:"esri-widget--button",zoomIn:"arcgis-zoom__zoom-in",zoomOut:"arcgis-zoom__zoom-out"},w=c`@layer{arcgis-zoom,.arcgis-zoom{display:flex;flex-flow:column nowrap}.arcgis-zoom__zoom-out{border-block-start:solid 1px var(--calcite-color-border-1)}.arcgis-zoom--horizontal{flex-flow:row-reverse nowrap}.arcgis-zoom--horizontal .arcgis-zoom__zoom-out{border-block-start:none;border-inline-end:solid 1px var(--calcite-color-border-1)}}`,v=p(f),a=class extends h{constructor(){super(...arguments),this.messages=z({}),this.viewModel=v(this),this.canZoomIn=this.viewModel.canZoomIn,this.canZoomOut=this.viewModel.canZoomOut,this.autoDestroyDisabled=!1,this.icon="magnifying-glass-plus",this.layout="vertical",this.position="top-left",this.state=this.viewModel.state,this.arcgisPropertyChange=l()("state"),this.arcgisReady=u()}static{this.properties={canZoomIn:16,canZoomOut:16,autoDestroyDisabled:5,icon:3,label:1,layout:3,messageOverrides:0,position:1,referenceElement:1,state:3}}static{this.shadowRootOptions=n}static{this.styles=w}async destroy(){await this.manager.destroy()}async zoomIn(){this.viewModel.zoomIn()}async zoomOut(){this.viewModel.zoomOut()}render(){let g={[o.horizontalLayout]:this.layout==="horizontal"},{canZoomIn:b,canZoomOut:y}=this.viewModel,{zoomIn:e,zoomOut:r}=this.messages;return m`<div class=${s(t(o.base,g))}><calcite-button class=${s(t(o.button,o.zoomIn))} .disabled=${!b} icon-start=plus kind=neutral .label=${e} @click=${this.zoomIn} title=${e??i}></calcite-button><calcite-button class=${s(t(o.button,o.zoomOut))} .disabled=${!y} icon-start=minus kind=neutral .label=${r} @click=${this.zoomOut} title=${r??i}></calcite-button></div>`}};d("arcgis-zoom",a);export{a as ArcgisZoom};