/*! 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 g}from"./SRDD32D4.js";import"./IMJMO6DB.js";import{J as m,K as a,L as r,P as p,a as d,b as l}from"./RNRMSLW5.js";import"./G6QKOIC3.js";export default $arcgis.t(([,{a:f,b:v,c:b,d:y,f:_}])=>{var k=d`.arcgis-legend--card__layer-row,.arcgis-legend--card__symbol{display:flex;align-items:center}.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"},o=class extends m{constructor(){super(...arguments),this._direction=g(),this.legendElement=null,this.opacity=1}static{this.properties={cssEffectFilter:1,legendElement:0,opacity:9,messages:0}}static{this.styles=k}render(){let{legendElement:h,opacity:w}=this,{sizeRampElement:e,colorRampElement:u}=_(h,this.messages,"horizontal");if(!e)return null;let x=b(e,"full",!1,"horizontal"),$=y(e,"full",!1,"horizontal"),C=v(u,{width:$,height:12,rampAlignment:"horizontal",opacity:w,type:"full",cssEffectFilter:this.cssEffectFilter,ariaLabel:this.messages?.previewColorRampAriaLabel}),n=f(e,"card"),z=e.infos.length-1,E=e.infos.map((t,c)=>c===0||c===z?l`<div>${t.label}</div>`:null),R={display:"flex",flexDirection:"column"},L={display:"flex",flexDirection:"row"},s={marginTop:"3px",display:"flex"};this._direction==="rtl"?s.marginRight=`${n}px`:s.marginLeft=`${n}px`;let A={width:`${x}px`,display:"flex",flexDirection:"row",justifyContent:"space-between"};return l`<div class=${a(i.layerRow)} style=${r(R)}><div class=${a(i.symbolContainer)} style=${r(L)}>${e.infos.map(t=>l`<div class=${a(i.symbol)}>${t.preview}</div>`)}</div><div class=${a(i.univariateAboveAndBelowColorRamp)} style=${r(s)}><div>${C}</div></div><div class=${a(i.layerInfo)}><div class=${a(i.rampLabelsContainer)} style=${r(A)}>${E}</div></div></div>`}};p("arcgis-legend-card-univariate-color-size-ramp",o);return o},b,c)