@arcgis/core
Version:
ArcGIS Maps SDK for JavaScript: A complete 2D and 3D mapping and data visualization API
6 lines (5 loc) • 2.63 kB
JavaScript
/*
All material copyright ESRI, All Rights Reserved, unless otherwise specified.
See https://js.arcgis.com/4.33/esri/copyright.txt for details.
*/
import{_ as e}from"../../../../chunks/tslib.es6.js";import{property as t}from"../../../../core/accessorSupport/decorators/property.js";import"../../../../core/has.js";import"../../../../core/Logger.js";import"../../../../core/RandomLCG.js";import{subclass as o}from"../../../../core/accessorSupport/decorators/subclass.js";import s from"../../../Widget.js";import{css as i}from"./css.js";import{getUnivariateAboveAndBelowRampElements as r,getUnivariateSizeRampSize as a,getUnivariateColorRampSize as l,getUnivariateColorRampPreview as p,getUnivariateColorRampMargin as n}from"../support/univariateUtils.js";import{attachToNode as m}from"../../support/styleUtils.js";import{isRTL as c}from"../../../support/widgetUtils.js";import{tsx as d}from"../../../support/jsxFactory.js";let f=class extends s{constructor(e,t){super(e,t),this.effectList=null,this.legendElement=null,this.opacity=1}render(){const{legendElement:e,opacity:t,effectList:o,key:s}=this,{sizeRampElement:f,colorRampElement:y}=r(e,t,"horizontal");if(!f)return null;const h=a(f,"full",!0,"horizontal"),u=l(f,"above",!0,"horizontal"),v=l(f,"below",!0,"horizontal"),g=12,b=this.messages?.previewColorRampAriaLabel,w=p(y,{width:u,height:g,rampAlignment:"horizontal",opacity:t,type:"above",effectList:o,ariaLabel:b}),j=p(y,{width:v,height:g,rampAlignment:"horizontal",opacity:t,type:"below",effectList:o,ariaLabel:b}),x=n(f,"card"),L=f.infos.map((e=>e.label)),z=L.length-1,C=L.map(((e,t)=>0===t||t===z?d("div",{key:t},e):null)),R={display:"flex",flexDirection:"column"},A={display:"flex",flexDirection:"row"},k={marginTop:"3px",display:"flex"};c(this.container)?k.marginRight=`${x}px`:k.marginLeft=`${x}px`;const E={width:`${h}px`,display:"flex",flexDirection:"row",justifyContent:"space-between"};return d("div",{class:i.layerRow,key:`${s}-container`,styles:R},d("div",{class:this.classes(i.symbolContainer,i.sizeRampHorizontal),styles:A},f.infos.map(((e,t)=>d("div",{afterCreate:m,bind:e.preview,class:i.symbol,key:t})))),w?d("div",{class:i.univariateAboveAndBelowColorRamp,key:"color-ramp-preview",styles:k},d("div",{afterCreate:m,bind:w}),d("div",{afterCreate:m,bind:j})):null,d("div",{class:i.layerInfo},d("div",{class:i.rampLabelsContainer,styles:E},C)))}};e([t()],f.prototype,"effectList",void 0),e([t()],f.prototype,"legendElement",void 0),e([t()],f.prototype,"messages",void 0),e([t()],f.prototype,"opacity",void 0),f=e([o("esri.widgets.Legend.styles.card.UnivariateAboveAndBelowRamp")],f);export{f as default};