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

ArcGIS Map Components

/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
import{a as g}from"./YNBI4ACL.js";import{a as h}from"./54VXNFQ4.js";import{d}from"./PBSJQPB2.js";import{O as c,U as o,a as l,b as i}from"./WUJCCZQC.js";import"./3TTFCHAA.js";export default $arcgis.t(([{watch:m},{substitute:f}])=>{var v=l`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}:host{display:flex;flex-direction:row;position:relative;transition:max-width .25s ease-in-out;overflow-x:auto}calcite-carousel-item[selected]{flex:1;overflow:auto}.message{padding:.5em 1em}.service-caption-text{margin:0}.service-content{display:flex;flex:1}.service-content>arcgis-legend-card-element:not(:first-child){border-left:1px solid var(--calcite-color-border-2)}.service{border-left:var(--calcite-border-width-sm) solid var(--calcite-color-border-2);display:flex;flex-direction:column;flex:1}.service-caption-container{border-bottom:1px solid var(--calcite-color-border-2);padding:var(--calcite-spacing-md)}`,u=768,a=class extends c{constructor(){super(...arguments),this.stacked=!1,this.headingLevel=3,this.layout="auto",this.type="card"}static{this.properties={stacked:16,activeLayerInfos:0,headingLevel:9,messages:0,view:0,layout:1,type:32}}static{this.styles=v}loaded(){this.manager.onLifecycle(()=>[m(()=>[this.layout,this.view.width],()=>{this.stacked=this.layout==="stack"||(!this.layout||this.layout==="auto")&&this.view.width<=u},{initial:!0})])}render(){return(this.stacked?this._renderCarousel():this._renderLayers())||i`<div class="message">${this.messages.noLegend}</div>`}_renderTitle(e){return i`<div class="service-caption-container">${g({class:d("service-caption-text",h.heading),level:this.headingLevel,children:e})}</div>`}_renderCarousel(){let e=[],t=this.activeLayerInfos;if(t)for(let s of t)this._renderSections(s,e);return e?.length?i`<calcite-carousel .paginationDisabled=${e.length<2} .label=${this.messages.carousel??""}>${e.map((s,r)=>i`<calcite-carousel-item .label=${f(this.messages?.pagination?.pageText??"",{index:r+1,total:e.length})}>${s}</calcite-carousel-item>`)}</calcite-carousel>`:null}_renderLayers(){let e=this.activeLayerInfos?.toArray()?.map(t=>this._renderLegendForLayer(t)).filter(Boolean);return e?.length?e:null}_renderLegendForLayer(e){if(!e.ready)return null;if(e.children.length){let t=e.children.toArray().map(this._renderLegendForLayer,this);return i`<section class="service">${this._renderTitle(e.title)}<div class="service-content">${t}</div></section>`}return this._renderLegendElementsForLayer(e)}_renderLegendElementsForLayer(e){let t=e.legendElements?.filter(Boolean);if(!t?.length)return null;let s=t.map(r=>i`<arcgis-legend-card-element .activeLayerInfo=${e} .cssEffectFilter=${e.cssEffectFilter??void 0} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${e.layer} .legendElement=${r} .messages=${this.messages}></arcgis-legend-card-element>`);return i`<section class="service">${this._renderTitle(e.title)}<div class="service-content">${s}</div></section>`}_renderSections(e,t){if(!e.ready)return;if(e.children.length)for(let r of e.children)this._renderSections(r,t);let s=e.legendElements;if(s?.length)for(let r of s){let n=i`<arcgis-legend-card-element .activeLayerInfo=${e} .cssEffectFilter=${e.cssEffectFilter??void 0} .stacked=${this.stacked} .headingLevel=${this.headingLevel} .layer=${e.layer} .legendElement=${r} .messages=${this.messages}></arcgis-legend-card-element>`;n&&t.push(n)}}};o("arcgis-legend-card-view",a);return a},"core/reactiveUtils","intl")