@arcgis/map-components/dist/cdn/IAXBU2H3.js

ArcGIS Map Components

/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
import{M as s,N as n,O as c,P as h,Q as t,U as l,a as o,b as a}from"./WUJCCZQC.js";import"./3TTFCHAA.js";var d=o`:host .container{border:1px solid transparent;touch-action:none;--fast-transition-time: .1s;--slow-transition-time: .3s}:host(.animate-level),.container,.item,.rect{transition:height var(--slow-transition-time) cubic-bezier(.63,-.265,.48,1.64),width var(--slow-transition-time) cubic-bezier(.63,-.265,.48,1.64),background-color var(--fast-transition-time) ease-in-out,border-color var(--fast-transition-time) ease-in-out}:host,.container,.item,.rect{will-change:height;transition:height var(--fast-transition-time) ease-out,width var(--fast-transition-time) ease-out,background-color var(--fast-transition-time) ease-in-out,border-color var(--fast-transition-time) ease-in-out}.rect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotateX(66deg) rotate(45deg);border:var(--calcite-border-width-md) solid rgb(from var(--calcite-color-text-3) r g b / .5);background-color:rgb(from var(--calcite-color-foreground-1) r g b / .7);&.active{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-brand)}&.hover{border-color:var(--calcite-color-brand)}}.item{pointer-events:none;position:absolute;left:50%;transform:translate(-50%,-50%)}`,i=class extends c{constructor(){super(...arguments),this.#t=s(),this.baseWidth=0,this.hovered=!1,this.active=!1,this.height=0}static{this.properties={messages:0,baseWidth:9,level:9,width:9,hovered:5,active:5,height:9}}static{this.styles=d}#t;focus(){this.#t.value?.focus()}render(){if(this.messages==null)return null;let e=this.width??this.baseWidth,r=e*.8;return a`<div class="container" style=${t({height:`${this.height}px`})}><div class="item" style=${t({width:`${Math.round(e)}px`,height:`${Math.round(e)}px`})}><button class=${h({rect:!0,active:this.active,hover:this.hovered})} style=${t({width:`${Math.round(r)}px`,height:`${Math.round(r)}px`})} tabindex=-1 type=button ${n(this.#t)}></button></div></div>`}};l("arcgis-building-level-item",i);export{i as BuildingLevelItem};