@arcgis/map-components 4.34.0-next.119 → 4.34.0-next.120

package/dist/cdn/{O7M4RFDX.js → YEB3EV3Y.js}

@@ -1,5 +1,5 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.119 */
-import b from"./44CD4QAR.js";import a from"./TG6WBRX6.js";import{a as G}from"./DWFLDEKN.js";import{d as O}from"./BLO6PWUC.js";import"./MHJILUQV.js";import{d as j}from"./GBGOJMP7.js";import{H as B,I as D,J as I,L as w,O as H,a as U,b as C}from"./BK6NJTRW.js";import"./LW6SWPGN.js";export default $arcgis.t(([{getColorsFromRenderer:ne},{substitute:se},{watch:oe},le,Z,{renderingSanitizer:ee},{e:A,f:K,g:z,h:W,i:q,j:J,k:Q,l:N,m:P,n:S},{b:T}])=>{var de=U`.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}`;function X(L){if(!A(L))return null;let[e,t]=L.split("/").slice(1);return{layerId:e,fieldName:t}}var x="arcgis-feature-media",_={base:x,mediaContainer:`${x}__container`,mediaItemContainer:`${x}__item-container`,mediaItem:`${x}__item`,mediaItemText:`${x}__item-text`,mediaItemTitle:`${x}__item-title`,mediaItemCaption:`${x}__item-caption`,mediaNavigation:`${x}__item-navigation`,mediaPagination:`${x}__pagination`,mediaPaginationText:`${x}__pagination-text`,mediaChart:`${x}__chart`,mediaPaginationButton:`${x}__pagination-button`,mediaPaginationIcon:`${x}__pagination-icon`,mediaChartRendered:`${x}__chart--rendered`},Y=15,b="category",R="value",ce="rgba(50, 50, 50, 1)",me=250,ue=500,he=200,E=class extends D{constructor(){super(...arguments),this._prefersReducedMotion=O("(prefers-reduced-motion)"),this.activeMediaInfoIndex=0,this.chartAnimationDisabled=!1,this.isAggregate=!1,this.headingLevel=2}static{this.properties={_refreshIntervalInfo:16,messages:0,values:0,activeMediaInfoIndex:9,chartAnimationDisabled:5,activeMediaInfo:32,formattedMediaInfos:32,description:1,fieldInfoMap:0,layer:0,mediaInfos:0,popupTemplate:0,relatedInfos:0,formattedValues:0,heading:1,isAggregate:5,formattedMediaInfoCount:32,headingLevel:9}}static{this.styles=de}get activeMediaInfo(){return this.formattedMediaInfos[this.activeMediaInfoIndex]||null}get formattedMediaInfos(){return this._formatMediaInfos()||[]}get formattedMediaInfoCount(){return this.formattedMediaInfos.length}next(){this._pageContentElementMedia(1)}previous(){this._pageContentElementMedia(-1)}setActiveMedia(e){this._setContentElementMedia(e)}loaded(){this.manager.onLifecycle(()=>[oe(()=>[this.activeMediaInfo,this.activeMediaInfoIndex],()=>this._setupMediaRefreshTimer(),{initial:!0}),{remove:()=>this._clearMediaRefreshTimer()}])}_setContentElementMedia(e){let{formattedMediaInfoCount:t}=this,a=(e+t)%t;this.activeMediaInfoIndex=a}_pageContentElementMedia(e){let{activeMediaInfoIndex:t}=this,a=t+e;this._setContentElementMedia(a)}_formatMediaInfos(){let{mediaInfos:e,layer:t}=this,a=this.values??{},i=this.formattedValues??{},r=this.fieldInfoMap??new Map;return e?.map(s=>{let n=s?.clone();if(!n)return null;if(n.title=S({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.title}),n.caption=S({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.caption}),n.altText=S({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.altText}),n.type==="image"){if(!n.value)return null;let o=n.value;return this._setImageValue({value:o,formattedValues:i,layer:t}),o.sourceURL?n:void 0}if(n.type==="pie-chart"||n.type==="line-chart"||n.type==="column-chart"||n.type==="bar-chart"){if(!n.value)return null;let o=n.value;return this._setChartValue({value:o,chartType:n.type,values:a,formattedValues:i,layer:t}),n}return null}).filter(s=>s!=null)??[]}_setImageValue(e){let t=this.fieldInfoMap??new Map,{value:a,formattedValues:i,layer:r}=e,{linkURL:s,sourceURL:n}=a;if(n){let o=P(n,r);a.sourceURL=N({formattedValues:i,template:o,fieldInfoMap:t})}if(s){let o=P(s,r);a.linkURL=N({formattedValues:i,template:o,fieldInfoMap:t})}}_setChartValue(e){let{value:t,values:a,formattedValues:i,chartType:r,layer:s}=e,{popupTemplate:n,relatedInfos:o}=this,{fields:d,normalizeField:p}=t,m=s;if(t.fields=W(d,m),p&&(t.normalizeField=z(p,m)),!d.some(c=>!!(i[c]!=null||A(c)&&o?.size)))return;let l=n?.fieldInfos??[];t.series=[],d.forEach((c,u)=>{let h=t.colors?.[u];if(A(c)){t.series=[...t.series,...this._getRelatedChartInfos({fieldInfos:l,fieldName:c,formattedValues:i,chartType:r,value:t,color:h})];return}let f=this._getChartOption({value:t,values:a,chartType:r,formattedValues:i,fieldName:c,fieldInfos:l,color:h});t.series.push(f)})}_getRelatedChartInfos(e){let{fieldInfos:t,fieldName:a,formattedValues:i,chartType:r,value:s,color:n}=e,o=[],d=X(a),p=d&&this.relatedInfos?.get(d.layerId);if(!p)return o;let{relatedFeatures:m,relation:l}=p;if(!l||!m)return o;let{cardinality:c}=l;return m.forEach(u=>{let h=u.attributes;h&&Object.keys(h).forEach(f=>{f===d.fieldName&&o.push(this._getChartOption({value:s,values:h,formattedValues:i,fieldName:a,chartType:r,relatedFieldName:f,hasMultipleRelatedFeatures:m?.length>1,fieldInfos:t,color:n}))})}),c&&(c==="one-to-many"||c==="many-to-many")?o:[o[0]]}_getTooltip({label:e,value:t,chartType:a}){return a==="pie-chart"?`${e}`:`${e}: ${t}`}_getChartOption(e){let{value:t,values:a,formattedValues:i,fieldName:r,relatedFieldName:s,fieldInfos:n,chartType:o,hasMultipleRelatedFeatures:d,color:p}=e,m=this.layer,l=this.fieldInfoMap??new Map,{normalizeField:c,tooltipField:u}=t,h=c?A(c)?a[X(c).fieldName]:a[c]:null,f=q(r)&&i?.[r]!==void 0?i[r]:s&&a[s]!==void 0?a[s]:a[r]!==void 0?a[r]:i[r],v=f===void 0?null:f&&h&&typeof f=="number"&&typeof h=="number"?f/h:f,y=J(n,r),g=z(r,m),M=(u&&i[u]!==void 0?i[u]:Q(y||new le({fieldName:g}),this.popupTemplate?.expressionInfos))??"",F=i[g]??"",$=typeof v=="number"?v:Number(v);if(A(r)){let V=l.get(r.toLowerCase()),te=u?l.get(u.toLowerCase()):null,ae=V?.fieldName??r,k=d&&u?X(u).fieldName:te?.fieldName??u,ie=(d&&k?a[k]:i[k]??V?.label??V?.fieldName??s)??"",re=(d&&s?a[s]:i[ae])??"";return new Z({fieldName:r,tooltip:this._getTooltip({label:ie,value:re,chartType:o}),color:p,value:$})}return new Z({fieldName:r,tooltip:this._getTooltip({label:M,value:F,chartType:o}),color:p,value:$})}_getRenderer(){let e=this.layer;return this.isAggregate&&e?.featureReduction&&"renderer"in e.featureReduction?e.featureReduction.renderer:e?.renderer}async _getSeriesColors(e){let{color:t}=await import("./GPF6ZUMK.js"),a=new Map;return e.forEach(i=>{i.color&&a.set(i,t(i.color.toCss(!0)))}),a}async _getRendererColors(){let{color:e}=await import("./GPF6ZUMK.js"),t=new Map,a=this._getRenderer(),i="default";if(!a)return t;let r=await ne(a);return r.delete(i),Array.from(r.values()).every(s=>s?.length===1)&&Array.from(r.keys()).forEach(s=>{let n=r.get(s)?.[0]?.toCss(!0);n&&t.set(s,e(n))}),t}async _createChart(e){let{activeMediaInfo:t}=this;if(!e||!t)return;let{createRoot:a}=await import("./MJTVEXR4.js").then(m=>m.default.then(e=>({createRoot:e}))),i=await a(e);this._chartRoot=i,this._renderChart({mediaInfo:t,root:i})}_handleMediaKeyup(e){let{key:t}=e;t==="ArrowLeft"&&(e.stopPropagation(),this.previous()),t==="ArrowRight"&&(e.stopPropagation(),this.next())}_canAnimateChart(){return!this.chartAnimationDisabled&&!this._prefersReducedMotion}_getChartAnimationMS(){return this._canAnimateChart()?me:0}_getChartSeriesAnimationMS(){return this._canAnimateChart()?ue:0}_getDirection(){return T(this.el)?"rtl":"ltr"}async _customizeChartTooltip(e,t="horizontal"){let{color:a}=await import("./GPF6ZUMK.js");e.setAll({pointerOrientation:t}),e.get("background")?.setAll({stroke:a(ce)}),e.label.setAll({direction:this._getDirection(),oversizedBehavior:"wrap",maxWidth:he})}async _createPieChart(e,t){let[{Tooltip:a},{PieChart:i,PieSeries:r}]=await Promise.all([import("./GPF6ZUMK.js"),import("./APNNIAL6.js")]),{mediaInfo:s,root:n}=e,{title:o}=s,d=5,p=s?.altText||s?.title||"",m=n.container.children.push(i.new(n,{role:"figure",ariaLabel:p,focusable:!0,paddingBottom:d,paddingTop:d,paddingLeft:d,paddingRight:d})),l=`{category}: {valuePercentTotal.formatNumber('0.00')}%
- ({value})`,c=a.new(n,{labelText:l}),u=m.series.push(r.new(n,{name:o,valueField:R,categoryField:b,tooltip:c}));u.ticks.template.set("forceHidden",!0),u.labels.template.set("forceHidden",!0),u.slices.template.states.create("active",{shiftRadius:d}),this._customizeChartTooltip(c),u.slices.template.setAll({ariaLabel:l,focusable:!0,templateField:"columnSettings"}),u.data.setAll(t),u.appear(this._getChartSeriesAnimationMS()),m.appear(this._getChartAnimationMS()),m.root.dom.classList.toggle(_.mediaChartRendered,!0)}_getMinSeriesValue(e){let t=0;return e.forEach(a=>t=Math.min(a.value,t)),t}async _createColumnChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:p}]=await Promise.all([import("./GPF6ZUMK.js"),import("./QKM2ZQOX.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m;e.setAll({wheelX:"panX",wheelY:"zoomX"});let h=e.xAxes.push(s.new(l,{renderer:n.new(l,{inversed:T(this.el)}),categoryField:b}));h.get("renderer").labels.template.setAll({forceHidden:!0});let f=e.yAxes.push(d.new(l,{renderer:o.new(l,{inside:!1}),min:this._getMinSeriesValue(c.series)}));f.get("renderer").labels.template.setAll({direction:this._getDirection()});let v="{categoryX}",y=i.new(l,{labelText:v}),g=e.series.push(p.new(l,{name:u,xAxis:h,yAxis:f,valueYField:R,categoryXField:b,tooltip:y}));this._customizeChartTooltip(y),g.columns.template.setAll({ariaLabel:v,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarX",r.new(l,{orientation:"horizontal"})),h.data.setAll(a),g.data.setAll(a),g.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createBarChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:p}]=await Promise.all([import("./GPF6ZUMK.js"),import("./QKM2ZQOX.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m;e.setAll({wheelX:"panY",wheelY:"zoomY"});let h=e.yAxes.push(s.new(l,{renderer:o.new(l,{inversed:!0}),categoryField:b}));h.get("renderer").labels.template.setAll({forceHidden:!0});let f=e.xAxes.push(d.new(l,{renderer:n.new(l,{inside:!1,inversed:T(this.el)}),min:this._getMinSeriesValue(c.series)}));f.get("renderer").labels.template.setAll({direction:this._getDirection()});let v="{categoryY}",y=i.new(l,{labelText:v}),g=e.series.push(p.new(l,{name:u,xAxis:f,yAxis:h,valueXField:R,categoryYField:b,tooltip:y}));this._customizeChartTooltip(y,"vertical"),g.columns.template.setAll({ariaLabel:v,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarY",r.new(l,{orientation:"vertical"})),h.data.setAll(a),g.data.setAll(a),g.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createLineChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,LineSeries:p}]=await Promise.all([import("./GPF6ZUMK.js"),import("./QKM2ZQOX.js")]),{root:m,mediaInfo:l}=t,{value:c,title:u}=l;e.setAll({wheelX:"panX",wheelY:"zoomX"});let h=e.xAxes.push(s.new(m,{renderer:n.new(m,{inversed:T(this.el)}),categoryField:b}));h.get("renderer").labels.template.setAll({forceHidden:!0});let f=e.yAxes.push(d.new(m,{renderer:o.new(m,{inside:!1}),min:this._getMinSeriesValue(c.series)}));f.get("renderer").labels.template.setAll({direction:this._getDirection()});let v="{categoryX}",y=a[0]?.lineSettings?.stroke,g=i.new(m,{getFillFromSprite:!y,labelText:v});y&&g.get("background")?.setAll({fill:y});let M=e.series.push(p.new(m,{name:u,xAxis:h,yAxis:f,valueYField:R,categoryXField:b,tooltip:g}));M.strokes.template.setAll({templateField:"lineSettings"}),this._customizeChartTooltip(g,"vertical"),c.series.length>Y&&e.set("scrollbarX",r.new(m,{orientation:"horizontal"})),h.data.setAll(a),M.data.setAll(a),M.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createXYChart(e,t){let{XYChart:a,XYCursor:i}=await import("./QKM2ZQOX.js"),{root:r,mediaInfo:s}=e,{type:n}=s,o=s?.altText||s?.title||"",d=r.container.children.push(a.new(r,{role:"figure",ariaLabel:o,focusable:!0,panX:!0,panY:!0}));d.set("cursor",i.new(r,{})),n==="column-chart"&&await this._createColumnChart(d,e,t),n==="bar-chart"&&await this._createBarChart(d,e,t),n==="line-chart"&&await this._createLineChart(d,e,t),d.root.dom.classList.toggle(_.mediaChartRendered,!0)}_clearMediaRefreshTimer(){let{_refreshTimer:e}=this;e&&(clearTimeout(e),this._refreshTimer=void 0)}_updateMediaInfoTimestamp(e){let t=Date.now();this._refreshIntervalInfo={timestamp:t,sourceURL:e&&this._getImageSource(e,t)}}_setupMediaRefreshTimer(){this._clearMediaRefreshTimer();let{activeMediaInfo:e}=this;e?.type==="image"&&e.refreshInterval>0&&this._setRefreshTimeout(e)}_setRefreshTimeout(e){let{refreshInterval:t,value:a}=e,i=t*6e4;this._updateMediaInfoTimestamp(a.sourceURL);let r=window.setInterval(()=>{this._updateMediaInfoTimestamp(a.sourceURL)},i);this._refreshTimer=r}_getImageSource(e,t){let a=e.includes("?")?"&":"?",[i,r=""]=e.split("#");return`${i}${a}timestamp=${t}${r?"#":""}${r}`}_updateChartElement(e){if(!e){this._chartRoot?.dispose(),this._chartRoot=void 0;return}this._createChart(e)}render(){return C`<div class=${I(_.base)} @keyup=${this._handleMediaKeyup}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderMedia()}</div>`}_renderMedia(){let{formattedMediaInfoCount:e,activeMediaInfoIndex:t}=this,a=this._renderMediaText();return e?C`<div class=${I(_.mediaContainer)}>${this._renderMediaInfo()}<div class=${I(_.mediaNavigation)}>${a}${e>1?C`<div class=${I(_.mediaPagination)}>${this._renderMediaPageButton("previous")}<span class=${I(_.mediaPaginationText)}>${se(this.messages?.pageText??"",{index:t+1,total:e})}</span>${this._renderMediaPageButton("next")}</div>`:null}</div></div>`:null}_renderMediaText(){let{activeMediaInfo:e}=this;if(!e)return null;let t=e?.title?C`<div class=${I(_.mediaItemTitle)} .innerHTML=${ee.sanitize(e.title)??""}></div>`:null,a=e?.caption?C`<div class=${I(_.mediaItemCaption)} .innerHTML=${ee.sanitize(e.caption)??""}></div>`:null;return t||a?C`<div class=${I(_.mediaItemText)}>${t}${a}</div>`:null}_renderImageMediaInfo(e){if(!e.value)return null;let{_refreshIntervalInfo:t}=this,{value:a,refreshInterval:i,altText:r,title:s}=e,{sourceURL:n,linkURL:o}=a,d=K(o??void 0)?"_blank":"_self",p=d==="_blank"?"noreferrer":"",m=i?t:null,l=m?m.sourceURL:n,c=C`<img alt=${(r||s)??w} src=${l??void 0??w}>`;return(o?C`<a href=${o??w} rel=${p??w} target=${d??w} title=${s??w}>${c}</a>`:null)??c}_renderChartMediaInfo(e){let{activeMediaInfoIndex:t,formattedMediaInfoCount:a}=this;return G(`media-${e.type}-${t}-${a}`,C`<div class=${I(_.mediaChart)} ${B(this._updateChartElement)}></div>`)}_renderMediaInfoType(){let{activeMediaInfo:e}=this;return e?e.type==="image"?this._renderImageMediaInfo(e):e.type.includes("chart")?this._renderChartMediaInfo(e):null:null}_renderMediaInfo(){let{activeMediaInfo:e}=this;return e?C`<div class=${I(_.mediaItemContainer)}><div class=${I(_.mediaItem)}>${this._renderMediaInfoType()}</div></div>`:null}_renderMediaPageButton(e){if(this.formattedMediaInfoCount<2)return null;let t=e==="previous",a=t?this.messages?.previous??"":this.messages?.next??"",i=t?"chevron-left":"chevron-right",r=t?this.previous:this.next;return C`<button .ariaLabel=${a} class=${I(_.mediaPaginationButton)} @click=${r} tabindex=0 title=${a??w} type=button><calcite-icon flip-rtl class=${I(_.mediaPaginationIcon)} .icon=${i} scale=s></calcite-icon></button>`}async _renderChart(e){let{root:t,mediaInfo:a}=e,{value:i,type:r}=a,[{default:s},{default:n},{default:o},{esriChartColorSet:d},{ColorSet:p,Theme:m}]=await Promise.all([import("./GJLHC7DB.js"),import("./UCBE2AKF.js"),import("./VEKXTH7G.js"),import("./YBT73O3O.js"),import("./GPF6ZUMK.js")]),l=m.new(t);l.rule("ColorSet").set("colors",d),l.rule("ColorSet").set("reuse",!0);let c=[o.new(t),l];j(this.el)==="dark"&&c.push(n.new(t)),this._canAnimateChart()&&c.push(s.new(t)),t.setThemes(c);let u=await this._getRendererColors(),h=await this._getSeriesColors(i.series),f=p.new(t,{}),v=h.get(i.series[0]),y=v?{lineSettings:{stroke:v}}:void 0,g=i.series.map((M,F)=>{let $=h.get(M)||u.get(M.fieldName)||f.getIndex(F);return{[b]:M.tooltip,[R]:M.value,columnSettings:{fill:$,stroke:$},...y}}).filter(M=>r==="pie-chart"?M.value!=null&&M.value>0:!0);r==="pie-chart"?this._createPieChart(e,g):this._createXYChart(e,g)}};H("arcgis-feature-media",E);return E},"renderers/support/utils","intl","core/reactiveUtils","popup/FieldInfo","popup/content/support/ChartMediaInfoValueSeries","applications/Components/sanitizerUtils",a,b)
+v4.34.0-next.120 */
+import b from"./7TT4U7QY.js";import a from"./FI7OZYLW.js";import{a as G}from"./CHS6E4Q2.js";import{d as O}from"./5DUT2NR5.js";import"./N3UHN63O.js";import{d as j}from"./43EBEKFG.js";import{H as B,I as D,J as I,L as w,O as H,a as U,b as C}from"./6PHSJ3A3.js";import"./G5MXZ3RB.js";export default $arcgis.t(([{getColorsFromRenderer:ne},{substitute:se},{watch:oe},le,Z,{renderingSanitizer:ee},{e:A,f:K,g:z,h:W,i:q,j:J,k:Q,l:N,m:P,n:S},{b:T}])=>{var de=U`.arcgis-feature-media__container{display:flex;flex-flow:row wrap;align-items:center;margin-top:var(--calcite-spacing-xs);width:100%;min-height:150px}.arcgis-feature-media__container .arcgis-feature-media__pagination-button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding-block:var(--calcite-spacing-xs);padding-inline:var(--calcite-spacing-xs);color:var(--calcite-color-text-3)}.arcgis-feature-media__container .arcgis-feature-media__pagination-button:hover,.arcgis-feature-media__container .arcgis-feature-media__pagination-button:focus{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1);fill:var(--calcite-color-text-1)}.arcgis-feature-media__item-title{margin:0;font-size:var(--calcite-font-size-md)}.arcgis-feature-media__item-caption{padding-block-start:var(--calcite-spacing-xxs);font-size:var(--calcite-font-size)}.arcgis-feature-media__item{display:flex;align-items:flex-start;justify-content:center;margin-block:var(--calcite-spacing-xs);width:100%;height:auto}.arcgis-feature-media__item-navigation{display:flex;flex:0 1 100%;align-items:flex-start;justify-content:space-between;margin-block-end:var(--calcite-spacing-xs)}.arcgis-feature-media__item-text{margin-inline-end:var(--calcite-spacing-xs)}.arcgis-feature-media__pagination{display:flex;flex:0 0 auto;align-items:center;overflow:hidden}.arcgis-feature-media__pagination:only-child{margin-inline-start:auto}.arcgis-feature-media__pagination-text{padding-inline:var(--calcite-spacing-xxs);color:var(--calcite-color-text-3);font-size:var(--calcite-font-size-sm)}.arcgis-feature-media__item-container{flex:0 1 auto;width:100%}.arcgis-feature-media__item-container img{max-width:100%}.arcgis-feature-media__item-container img[src$=".SVG"],.arcgis-feature-media__item-container img[src$=".svg"]{width:100%}.arcgis-feature-media__chart{width:100%;height:155px}`;function X(L){if(!A(L))return null;let[e,t]=L.split("/").slice(1);return{layerId:e,fieldName:t}}var x="arcgis-feature-media",_={base:x,mediaContainer:`${x}__container`,mediaItemContainer:`${x}__item-container`,mediaItem:`${x}__item`,mediaItemText:`${x}__item-text`,mediaItemTitle:`${x}__item-title`,mediaItemCaption:`${x}__item-caption`,mediaNavigation:`${x}__item-navigation`,mediaPagination:`${x}__pagination`,mediaPaginationText:`${x}__pagination-text`,mediaChart:`${x}__chart`,mediaPaginationButton:`${x}__pagination-button`,mediaPaginationIcon:`${x}__pagination-icon`,mediaChartRendered:`${x}__chart--rendered`},Y=15,b="category",R="value",ce="rgba(50, 50, 50, 1)",me=250,ue=500,he=200,E=class extends D{constructor(){super(...arguments),this._prefersReducedMotion=O("(prefers-reduced-motion)"),this.activeMediaInfoIndex=0,this.chartAnimationDisabled=!1,this.isAggregate=!1,this.headingLevel=2}static{this.properties={_refreshIntervalInfo:16,messages:0,values:0,activeMediaInfoIndex:9,chartAnimationDisabled:5,activeMediaInfo:32,formattedMediaInfos:32,description:1,fieldInfoMap:0,layer:0,mediaInfos:0,popupTemplate:0,relatedInfos:0,formattedValues:0,heading:1,isAggregate:5,formattedMediaInfoCount:32,headingLevel:9}}static{this.styles=de}get activeMediaInfo(){return this.formattedMediaInfos[this.activeMediaInfoIndex]||null}get formattedMediaInfos(){return this._formatMediaInfos()||[]}get formattedMediaInfoCount(){return this.formattedMediaInfos.length}next(){this._pageContentElementMedia(1)}previous(){this._pageContentElementMedia(-1)}setActiveMedia(e){this._setContentElementMedia(e)}loaded(){this.manager.onLifecycle(()=>[oe(()=>[this.activeMediaInfo,this.activeMediaInfoIndex],()=>this._setupMediaRefreshTimer(),{initial:!0}),{remove:()=>this._clearMediaRefreshTimer()}])}_setContentElementMedia(e){let{formattedMediaInfoCount:t}=this,a=(e+t)%t;this.activeMediaInfoIndex=a}_pageContentElementMedia(e){let{activeMediaInfoIndex:t}=this,a=t+e;this._setContentElementMedia(a)}_formatMediaInfos(){let{mediaInfos:e,layer:t}=this,a=this.values??{},i=this.formattedValues??{},r=this.fieldInfoMap??new Map;return e?.map(s=>{let n=s?.clone();if(!n)return null;if(n.title=S({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.title}),n.caption=S({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.caption}),n.altText=S({values:a,fieldInfoMap:r,globalValues:i,layer:t,text:n.altText}),n.type==="image"){if(!n.value)return null;let o=n.value;return this._setImageValue({value:o,formattedValues:i,layer:t}),o.sourceURL?n:void 0}if(n.type==="pie-chart"||n.type==="line-chart"||n.type==="column-chart"||n.type==="bar-chart"){if(!n.value)return null;let o=n.value;return this._setChartValue({value:o,chartType:n.type,values:a,formattedValues:i,layer:t}),n}return null}).filter(s=>s!=null)??[]}_setImageValue(e){let t=this.fieldInfoMap??new Map,{value:a,formattedValues:i,layer:r}=e,{linkURL:s,sourceURL:n}=a;if(n){let o=P(n,r);a.sourceURL=N({formattedValues:i,template:o,fieldInfoMap:t})}if(s){let o=P(s,r);a.linkURL=N({formattedValues:i,template:o,fieldInfoMap:t})}}_setChartValue(e){let{value:t,values:a,formattedValues:i,chartType:r,layer:s}=e,{popupTemplate:n,relatedInfos:o}=this,{fields:d,normalizeField:p}=t,m=s;if(t.fields=W(d,m),p&&(t.normalizeField=z(p,m)),!d.some(c=>!!(i[c]!=null||A(c)&&o?.size)))return;let l=n?.fieldInfos??[];t.series=[],d.forEach((c,u)=>{let h=t.colors?.[u];if(A(c)){t.series=[...t.series,...this._getRelatedChartInfos({fieldInfos:l,fieldName:c,formattedValues:i,chartType:r,value:t,color:h})];return}let f=this._getChartOption({value:t,values:a,chartType:r,formattedValues:i,fieldName:c,fieldInfos:l,color:h});t.series.push(f)})}_getRelatedChartInfos(e){let{fieldInfos:t,fieldName:a,formattedValues:i,chartType:r,value:s,color:n}=e,o=[],d=X(a),p=d&&this.relatedInfos?.get(d.layerId);if(!p)return o;let{relatedFeatures:m,relation:l}=p;if(!l||!m)return o;let{cardinality:c}=l;return m.forEach(u=>{let h=u.attributes;h&&Object.keys(h).forEach(f=>{f===d.fieldName&&o.push(this._getChartOption({value:s,values:h,formattedValues:i,fieldName:a,chartType:r,relatedFieldName:f,hasMultipleRelatedFeatures:m?.length>1,fieldInfos:t,color:n}))})}),c&&(c==="one-to-many"||c==="many-to-many")?o:[o[0]]}_getTooltip({label:e,value:t,chartType:a}){return a==="pie-chart"?`${e}`:`${e}: ${t}`}_getChartOption(e){let{value:t,values:a,formattedValues:i,fieldName:r,relatedFieldName:s,fieldInfos:n,chartType:o,hasMultipleRelatedFeatures:d,color:p}=e,m=this.layer,l=this.fieldInfoMap??new Map,{normalizeField:c,tooltipField:u}=t,h=c?A(c)?a[X(c).fieldName]:a[c]:null,f=q(r)&&i?.[r]!==void 0?i[r]:s&&a[s]!==void 0?a[s]:a[r]!==void 0?a[r]:i[r],v=f===void 0?null:f&&h&&typeof f=="number"&&typeof h=="number"?f/h:f,y=J(n,r),g=z(r,m),M=(u&&i[u]!==void 0?i[u]:Q(y||new le({fieldName:g}),this.popupTemplate?.expressionInfos))??"",F=i[g]??"",$=typeof v=="number"?v:Number(v);if(A(r)){let V=l.get(r.toLowerCase()),te=u?l.get(u.toLowerCase()):null,ae=V?.fieldName??r,k=d&&u?X(u).fieldName:te?.fieldName??u,ie=(d&&k?a[k]:i[k]??V?.label??V?.fieldName??s)??"",re=(d&&s?a[s]:i[ae])??"";return new Z({fieldName:r,tooltip:this._getTooltip({label:ie,value:re,chartType:o}),color:p,value:$})}return new Z({fieldName:r,tooltip:this._getTooltip({label:M,value:F,chartType:o}),color:p,value:$})}_getRenderer(){let e=this.layer;return this.isAggregate&&e?.featureReduction&&"renderer"in e.featureReduction?e.featureReduction.renderer:e?.renderer}async _getSeriesColors(e){let{color:t}=await import("./PKQNTFVZ.js"),a=new Map;return e.forEach(i=>{i.color&&a.set(i,t(i.color.toCss(!0)))}),a}async _getRendererColors(){let{color:e}=await import("./PKQNTFVZ.js"),t=new Map,a=this._getRenderer(),i="default";if(!a)return t;let r=await ne(a);return r.delete(i),Array.from(r.values()).every(s=>s?.length===1)&&Array.from(r.keys()).forEach(s=>{let n=r.get(s)?.[0]?.toCss(!0);n&&t.set(s,e(n))}),t}async _createChart(e){let{activeMediaInfo:t}=this;if(!e||!t)return;let{createRoot:a}=await import("./K2QTC7O3.js").then(m=>m.default.then(e=>({createRoot:e}))),i=await a(e);this._chartRoot=i,this._renderChart({mediaInfo:t,root:i})}_handleMediaKeyup(e){let{key:t}=e;t==="ArrowLeft"&&(e.stopPropagation(),this.previous()),t==="ArrowRight"&&(e.stopPropagation(),this.next())}_canAnimateChart(){return!this.chartAnimationDisabled&&!this._prefersReducedMotion}_getChartAnimationMS(){return this._canAnimateChart()?me:0}_getChartSeriesAnimationMS(){return this._canAnimateChart()?ue:0}_getDirection(){return T(this.el)?"rtl":"ltr"}async _customizeChartTooltip(e,t="horizontal"){let{color:a}=await import("./PKQNTFVZ.js");e.setAll({pointerOrientation:t}),e.get("background")?.setAll({stroke:a(ce)}),e.label.setAll({direction:this._getDirection(),oversizedBehavior:"wrap",maxWidth:he})}async _createPieChart(e,t){let[{Tooltip:a},{PieChart:i,PieSeries:r}]=await Promise.all([import("./PKQNTFVZ.js"),import("./IRN5BQBL.js")]),{mediaInfo:s,root:n}=e,{title:o}=s,d=5,p=s?.altText||s?.title||"",m=n.container.children.push(i.new(n,{role:"figure",ariaLabel:p,focusable:!0,paddingBottom:d,paddingTop:d,paddingLeft:d,paddingRight:d})),l=`{category}: {valuePercentTotal.formatNumber('0.00')}%
+ ({value})`,c=a.new(n,{labelText:l}),u=m.series.push(r.new(n,{name:o,valueField:R,categoryField:b,tooltip:c}));u.ticks.template.set("forceHidden",!0),u.labels.template.set("forceHidden",!0),u.slices.template.states.create("active",{shiftRadius:d}),this._customizeChartTooltip(c),u.slices.template.setAll({ariaLabel:l,focusable:!0,templateField:"columnSettings"}),u.data.setAll(t),u.appear(this._getChartSeriesAnimationMS()),m.appear(this._getChartAnimationMS()),m.root.dom.classList.toggle(_.mediaChartRendered,!0)}_getMinSeriesValue(e){let t=0;return e.forEach(a=>t=Math.min(a.value,t)),t}async _createColumnChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:p}]=await Promise.all([import("./PKQNTFVZ.js"),import("./67U6QXEY.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m;e.setAll({wheelX:"panX",wheelY:"zoomX"});let h=e.xAxes.push(s.new(l,{renderer:n.new(l,{inversed:T(this.el)}),categoryField:b}));h.get("renderer").labels.template.setAll({forceHidden:!0});let f=e.yAxes.push(d.new(l,{renderer:o.new(l,{inside:!1}),min:this._getMinSeriesValue(c.series)}));f.get("renderer").labels.template.setAll({direction:this._getDirection()});let v="{categoryX}",y=i.new(l,{labelText:v}),g=e.series.push(p.new(l,{name:u,xAxis:h,yAxis:f,valueYField:R,categoryXField:b,tooltip:y}));this._customizeChartTooltip(y),g.columns.template.setAll({ariaLabel:v,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarX",r.new(l,{orientation:"horizontal"})),h.data.setAll(a),g.data.setAll(a),g.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createBarChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,ColumnSeries:p}]=await Promise.all([import("./PKQNTFVZ.js"),import("./67U6QXEY.js")]),{mediaInfo:m,root:l}=t,{value:c,title:u}=m;e.setAll({wheelX:"panY",wheelY:"zoomY"});let h=e.yAxes.push(s.new(l,{renderer:o.new(l,{inversed:!0}),categoryField:b}));h.get("renderer").labels.template.setAll({forceHidden:!0});let f=e.xAxes.push(d.new(l,{renderer:n.new(l,{inside:!1,inversed:T(this.el)}),min:this._getMinSeriesValue(c.series)}));f.get("renderer").labels.template.setAll({direction:this._getDirection()});let v="{categoryY}",y=i.new(l,{labelText:v}),g=e.series.push(p.new(l,{name:u,xAxis:f,yAxis:h,valueXField:R,categoryYField:b,tooltip:y}));this._customizeChartTooltip(y,"vertical"),g.columns.template.setAll({ariaLabel:v,focusable:!0,templateField:"columnSettings"}),c.series.length>Y&&e.set("scrollbarY",r.new(l,{orientation:"vertical"})),h.data.setAll(a),g.data.setAll(a),g.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createLineChart(e,t,a){let[{Tooltip:i,Scrollbar:r},{CategoryAxis:s,AxisRendererX:n,AxisRendererY:o,ValueAxis:d,LineSeries:p}]=await Promise.all([import("./PKQNTFVZ.js"),import("./67U6QXEY.js")]),{root:m,mediaInfo:l}=t,{value:c,title:u}=l;e.setAll({wheelX:"panX",wheelY:"zoomX"});let h=e.xAxes.push(s.new(m,{renderer:n.new(m,{inversed:T(this.el)}),categoryField:b}));h.get("renderer").labels.template.setAll({forceHidden:!0});let f=e.yAxes.push(d.new(m,{renderer:o.new(m,{inside:!1}),min:this._getMinSeriesValue(c.series)}));f.get("renderer").labels.template.setAll({direction:this._getDirection()});let v="{categoryX}",y=a[0]?.lineSettings?.stroke,g=i.new(m,{getFillFromSprite:!y,labelText:v});y&&g.get("background")?.setAll({fill:y});let M=e.series.push(p.new(m,{name:u,xAxis:h,yAxis:f,valueYField:R,categoryXField:b,tooltip:g}));M.strokes.template.setAll({templateField:"lineSettings"}),this._customizeChartTooltip(g,"vertical"),c.series.length>Y&&e.set("scrollbarX",r.new(m,{orientation:"horizontal"})),h.data.setAll(a),M.data.setAll(a),M.appear(this._getChartSeriesAnimationMS()),e.appear(this._getChartAnimationMS())}async _createXYChart(e,t){let{XYChart:a,XYCursor:i}=await import("./67U6QXEY.js"),{root:r,mediaInfo:s}=e,{type:n}=s,o=s?.altText||s?.title||"",d=r.container.children.push(a.new(r,{role:"figure",ariaLabel:o,focusable:!0,panX:!0,panY:!0}));d.set("cursor",i.new(r,{})),n==="column-chart"&&await this._createColumnChart(d,e,t),n==="bar-chart"&&await this._createBarChart(d,e,t),n==="line-chart"&&await this._createLineChart(d,e,t),d.root.dom.classList.toggle(_.mediaChartRendered,!0)}_clearMediaRefreshTimer(){let{_refreshTimer:e}=this;e&&(clearTimeout(e),this._refreshTimer=void 0)}_updateMediaInfoTimestamp(e){let t=Date.now();this._refreshIntervalInfo={timestamp:t,sourceURL:e&&this._getImageSource(e,t)}}_setupMediaRefreshTimer(){this._clearMediaRefreshTimer();let{activeMediaInfo:e}=this;e?.type==="image"&&e.refreshInterval>0&&this._setRefreshTimeout(e)}_setRefreshTimeout(e){let{refreshInterval:t,value:a}=e,i=t*6e4;this._updateMediaInfoTimestamp(a.sourceURL);let r=window.setInterval(()=>{this._updateMediaInfoTimestamp(a.sourceURL)},i);this._refreshTimer=r}_getImageSource(e,t){let a=e.includes("?")?"&":"?",[i,r=""]=e.split("#");return`${i}${a}timestamp=${t}${r?"#":""}${r}`}_updateChartElement(e){if(!e){this._chartRoot?.dispose(),this._chartRoot=void 0;return}this._createChart(e)}render(){return C`<div class=${I(_.base)} @keyup=${this._handleMediaKeyup}><arcgis-feature-element-info .heading=${this.heading} .description=${this.description} .headingLevel=${this.headingLevel}></arcgis-feature-element-info>${this._renderMedia()}</div>`}_renderMedia(){let{formattedMediaInfoCount:e,activeMediaInfoIndex:t}=this,a=this._renderMediaText();return e?C`<div class=${I(_.mediaContainer)}>${this._renderMediaInfo()}<div class=${I(_.mediaNavigation)}>${a}${e>1?C`<div class=${I(_.mediaPagination)}>${this._renderMediaPageButton("previous")}<span class=${I(_.mediaPaginationText)}>${se(this.messages?.pageText??"",{index:t+1,total:e})}</span>${this._renderMediaPageButton("next")}</div>`:null}</div></div>`:null}_renderMediaText(){let{activeMediaInfo:e}=this;if(!e)return null;let t=e?.title?C`<div class=${I(_.mediaItemTitle)} .innerHTML=${ee.sanitize(e.title)??""}></div>`:null,a=e?.caption?C`<div class=${I(_.mediaItemCaption)} .innerHTML=${ee.sanitize(e.caption)??""}></div>`:null;return t||a?C`<div class=${I(_.mediaItemText)}>${t}${a}</div>`:null}_renderImageMediaInfo(e){if(!e.value)return null;let{_refreshIntervalInfo:t}=this,{value:a,refreshInterval:i,altText:r,title:s}=e,{sourceURL:n,linkURL:o}=a,d=K(o??void 0)?"_blank":"_self",p=d==="_blank"?"noreferrer":"",m=i?t:null,l=m?m.sourceURL:n,c=C`<img alt=${(r||s)??w} src=${l??void 0??w}>`;return(o?C`<a href=${o??w} rel=${p??w} target=${d??w} title=${s??w}>${c}</a>`:null)??c}_renderChartMediaInfo(e){let{activeMediaInfoIndex:t,formattedMediaInfoCount:a}=this;return G(`media-${e.type}-${t}-${a}`,C`<div class=${I(_.mediaChart)} ${B(this._updateChartElement)}></div>`)}_renderMediaInfoType(){let{activeMediaInfo:e}=this;return e?e.type==="image"?this._renderImageMediaInfo(e):e.type.includes("chart")?this._renderChartMediaInfo(e):null:null}_renderMediaInfo(){let{activeMediaInfo:e}=this;return e?C`<div class=${I(_.mediaItemContainer)}><div class=${I(_.mediaItem)}>${this._renderMediaInfoType()}</div></div>`:null}_renderMediaPageButton(e){if(this.formattedMediaInfoCount<2)return null;let t=e==="previous",a=t?this.messages?.previous??"":this.messages?.next??"",i=t?"chevron-left":"chevron-right",r=t?this.previous:this.next;return C`<button .ariaLabel=${a} class=${I(_.mediaPaginationButton)} @click=${r} tabindex=0 title=${a??w} type=button><calcite-icon flip-rtl class=${I(_.mediaPaginationIcon)} .icon=${i} scale=s></calcite-icon></button>`}async _renderChart(e){let{root:t,mediaInfo:a}=e,{value:i,type:r}=a,[{default:s},{default:n},{default:o},{esriChartColorSet:d},{ColorSet:p,Theme:m}]=await Promise.all([import("./YMLJJXLE.js"),import("./ZKXGN63L.js"),import("./QJVND6MN.js"),import("./R7M5WN2E.js"),import("./PKQNTFVZ.js")]),l=m.new(t);l.rule("ColorSet").set("colors",d),l.rule("ColorSet").set("reuse",!0);let c=[o.new(t),l];j(this.el)==="dark"&&c.push(n.new(t)),this._canAnimateChart()&&c.push(s.new(t)),t.setThemes(c);let u=await this._getRendererColors(),h=await this._getSeriesColors(i.series),f=p.new(t,{}),v=h.get(i.series[0]),y=v?{lineSettings:{stroke:v}}:void 0,g=i.series.map((M,F)=>{let $=h.get(M)||u.get(M.fieldName)||f.getIndex(F);return{[b]:M.tooltip,[R]:M.value,columnSettings:{fill:$,stroke:$},...y}}).filter(M=>r==="pie-chart"?M.value!=null&&M.value>0:!0);r==="pie-chart"?this._createPieChart(e,g):this._createXYChart(e,g)}};H("arcgis-feature-media",E);return E},"renderers/support/utils","intl","core/reactiveUtils","popup/FieldInfo","popup/content/support/ChartMediaInfoValueSeries","applications/Components/sanitizerUtils",a,b)