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

ArcGIS Map Components

/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
import b from"./B25YDY47.js";import a from"./KYU6MBFA.js";import{d as v}from"./PBSJQPB2.js";import{O as m,P as l,Q as e,U as d,a as p,b as t}from"./WUJCCZQC.js";import"./3TTFCHAA.js";export default $arcgis.t(([,{a:f,b:b,d:g,f:h,g:y,h:r,i:u}])=>{var F=p`.layer-body{margin-left:var(--calcite-spacing-sm)}:dir(rtl) .layer-body{margin-right:var(--calcite-spacing-sm);margin-left:0;overflow:auto}.layer-row,.symbol{display:flex;justify-content:center}.ramps{margin-left:var(--calcite-spacing-md)}:dir(rtl) .ramps{margin-right:var(--calcite-spacing-md);margin-left:auto}.size-ramp~.layer-cell-info{width:80%;max-width:80%}.ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.ramp-label{position:relative;padding:0 var(--calcite-spacing-sm);line-height:1em;white-space:nowrap;font-size:var(--calcite-font-size-sm)}.ramp-label:before{display:block;position:absolute;top:.25em;right:100%;border-width:3px 4px 3px 0;border-style:solid;border-color:transparent var(--calcite-color-text-1) transparent transparent;width:0;height:0;content:""}.ramp-label:first-child{margin-top:calc(var(--calcite-font-size-sm) / 3 * -1)}.ramp-label:last-child{bottom:calc(var(--calcite-font-size-sm) * .25 * -1)}:dir(rtl) .ramp-label:before{right:auto;left:100%;border-width:3px 0 3px 4px;border-color:transparent transparent transparent var(--calcite-color-text-1)}.univariate-label{position:relative;margin-left:7px;line-height:1em;white-space:nowrap;font-size:var(--calcite-font-size-sm)}.univariate-label:before{display:block;position:absolute;top:.45em;left:-19px;border-width:1px 0 0;border-style:solid;width:14px;height:0;content:""}.univariate-label:first-child{top:calc(var(--calcite-font-size-sm) / 2.2 * -1)}.univariate-label:last-child{bottom:calc(var(--calcite-font-size-sm) / 2.2 * -1)}:dir(rtl) .univariate-label{margin-right:var(--calcite-spacing-sm);margin-left:auto}:dir(rtl) .univariate-label:before{right:-19px;left:auto}.univariate-above-below-symbol{display:flex;align-items:center;justify-content:center}`,s=class extends m{constructor(){super(...arguments),this.legendElement=null,this.opacity=1}static{this.properties={cssEffectFilter:1,legendElement:0,opacity:9,messages:0}}static{this.styles=F}render(){let{legendElement:x,opacity:w}=this,{sizeRampElement:a,colorRampElement:o}=h(x,this.messages);if(!a)return null;let $=f(a),z=12,n=g(a,"full",!1),E=b(o,{width:z,height:n,rampAlignment:"vertical",opacity:w,type:"full",cssEffectFilter:this.cssEffectFilter,ariaLabel:this.messages.previewColorRampAriaLabel}),C=a.infos.length-1,L=a.infos.map((i,c)=>c===0||c===C?t`<div class=${l(i.label?o?"univariate-label":"ramp-label":void 0)}>${i.label}</div>`:null),R={display:"table-cell",verticalAlign:"middle"},j={marginTop:`${$}px`},A={height:`${n}px`};return t`<div style=${e(u)}><div class="layer-body">${a.infos.map(i=>t`<div class=${l(v("layer-row","size-ramp"))}><div class="symbol" style=${e(R)}>${i.preview}</div></div>`)}</div><div style=${e(j)}><div style=${e(y)}><div style=${e(r)}><div class="ramps">${E}</div></div><div style=${e(r)}><div class="ramp-labels" style=${e(A)}>${L}</div></div></div></div></div>`}};d("arcgis-legend-classic-univariate-color-size-ramp",s);return s},a,b)