/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
See https://js.arcgis.com/4.34/esri/copyright.txt for details.
v4.34.7 */
import c from"./Y42A452A.js";import b from"./7OU6NVXW.js";import{e as u}from"./SRDD32D4.js";import"./IMJMO6DB.js";import{J as w,K as a,L as t,P as _,a as h,b as l}from"./RNRMSLW5.js";import"./G6QKOIC3.js";export default $arcgis.t(([,{a:x,b:n,c:$,d:c,e:E}])=>{var I=h`.arcgis-legend--card__layer-row{display:flex;align-items:center}.arcgis-legend--card__symbol{display:block;margin:auto}.arcgis-legend--card__symbol-container{position:relative}.arcgis-legend__ramp-labels{display:flex;flex-flow:column nowrap;justify-content:space-between}.arcgis-legend__layer-cell{padding:var(--calcite-spacing-xxs) 0;min-width:100px;vertical-align:middle;word-break:break-word}.arcgis-legend__layer-cell--info{padding-right:var(--calcite-spacing-sm);padding-left:var(--calcite-spacing-sm);max-width:250px;word-break:normal;word-wrap:normal;font-size:var(--calcite-font-size-sm)}.arcgis-univariate-above-and-below-ramp__color--card{position:relative}.arcgis-univariate-above-and-below-ramp__color--card:before{content:"";border-left:var(--calcite-border-width-sm) solid var(--calcite-color-background);border-right:var(--calcite-border-width-sm) solid var(--calcite-color-background);width:100%;height:15px;display:block;position:absolute;top:var(--calcite-border-width-sm)}.arcgis-univariate-above-and-below-ramp__symbol{display:flex;align-items:center;justify-content:center}`,i={layerRow:"arcgis-legend--card__layer-row",symbol:"arcgis-legend--card__symbol",symbolContainer:"arcgis-legend--card__symbol-container",rampLabelsContainer:"arcgis-legend__ramp-labels",layerInfo:"arcgis-legend__layer-cell arcgis-legend__layer-cell--info",univariateAboveAndBelowColorRamp:"arcgis-univariate-above-and-below-ramp__color--card"},d=class extends w{constructor(){super(...arguments),this._direction=u(),this.legendElement=null,this.opacity=1}static{this.properties={cssEffectFilter:1,legendElement:0,opacity:9,messages:0}}static{this.styles=I}render(){let{legendElement:C,opacity:s}=this,{sizeRampElement:e,colorRampElement:m}=E(C,this.messages,s,"horizontal");if(!e)return null;let z=$(e,"full",!0,"horizontal"),A=c(e,"above",!0,"horizontal"),R=c(e,"below",!0,"horizontal"),p=12,g=this.messages?.previewColorRampAriaLabel,b=n(m,{width:A,height:p,rampAlignment:"horizontal",opacity:s,type:"above",cssEffectFilter:this.cssEffectFilter,ariaLabel:g}),L=n(m,{width:R,height:p,rampAlignment:"horizontal",opacity:s,type:"below",cssEffectFilter:this.cssEffectFilter,ariaLabel:g}),v=x(e,"card"),f=e.infos.map(r=>r.label),k=f.length-1,F=f.map((r,y)=>y===0||y===k?l`<div>${r}</div>`:null),B={display:"flex",flexDirection:"column"},j={display:"flex",flexDirection:"row"},o={marginTop:"3px",display:"flex"};this._direction==="rtl"?o.marginRight=`${v}px`:o.marginLeft=`${v}px`;let D={width:`${z}px`,display:"flex",flexDirection:"row",justifyContent:"space-between"};return l`<div class=${a(i.layerRow)} style=${t(B)}><div class=${a(i.symbolContainer)} style=${t(j)}>${e.infos.map(r=>l`<div class=${a(i.symbol)}>${r.preview}</div>`)}</div>${b?l`<div class=${a(i.univariateAboveAndBelowColorRamp)} style=${t(o)}><div>${b}</div><div>${L}</div></div>`:null}<div class=${a(i.layerInfo)}><div class=${a(i.rampLabelsContainer)} style=${t(D)}>${F}</div></div></div>`}};_("arcgis-legend-card-univariate-above-and-below-ramp",d);return d},b,c)