@arcgis/charts-components 5.1.0-next.98 → 5.1.0

package/dist/cdn/GOCPXSNF.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import u from"./54JMGDNM.js";import{a as ae}from"./3TPTF5I7.js";import{a as se}from"./OEZ2XTZE.js";import{a as k}from"./7LOXDMX3.js";import{a as ie}from"./XSMRKVR2.js";import t from"./W553UCBH.js";import{a as f}from"./S5OM65RV.js";import{a as $,b as J,e as W}from"./7BDNLABD.js";import s from"./DQOPCAYH.js";import{d as c}from"./FPDW4F45.js";import{a as P}from"./4QCCCXMK.js";import r from"./AKNI6ZDM.js";import p from"./N72JHWOW.js";import m from"./FPOY54UW.js";import l from"./YEOSKZ4Q.js";import j from"./URBTZGXF.js";import i from"./C6VFUQYR.js";import g from"./ABRBND33.js";import e from"./N3QESBWD.js";import d from"./OG6XNLNH.js";import b from"./VFNQXIXU.js";import"./KYO65OVO.js";import a from"./GSIQ3AM5.js";import{l as S}from"./URX6VCYJ.js";import"./6ES4YKXX.js";import{a as Q}from"./PHSAVE6E.js";import{e as B,f as L,l as q,o as w,s as D}from"./T5RPAQYI.js";import"./EZM4ZDQI.js";import{a as o,k as H}from"./ETLJKITO.js";import{A as U,B as h,C as _,E as T,G as z,g as N,i as n,n as C,y as A,z as V}from"./GDFOZNYR.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,{substitute:le},,,,,,,{$b:M,Ed:Y,Ob:x,Qa:R,Xb:v,Zd:j,ac:O,he:I,kb:X,uc:Z,xc:G},,,,,,{a:K},,,,,{s:ee},{a:y,b:te},{b:E}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function re(p,e){let i=new Set,t=e;return p?.forEach((a,s)=>{let r=a.chartId;(i.has(r)||r===void 0||r==="")&&(a.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=a.chartId)),i.add(r)}),t}function ce(p,e,i){return p?.filter(t=>x(i,t.config)&&t.layer?.id===e)??[]}function ne(p){let{modelList:e,layerList:i,activeLayerId:t,disableEditing:a}=p,s=new Map;return e?.forEach(r=>{let l=r.layer;l&&s.set(l.id,l)}),a||i.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function he(p,e){p.forEach(i=>{e.forEach(t=>{i?.id===t.layer?.id&&oe(i,t)})})}function oe(p,e){let i=p;if(i){let t=[...i?.charts??[]],a=t?.findIndex(r=>r.id===e.chartId),s=!1;a!==void 0&&a>-1?(s=!S(t[a],e.config),t[a]=e.config):i&&!I(e.config)&&(s=!0,t.push(e.config)),s&&(i.charts=t)}}function de(p,e){let i=p;if(i){let t=[...i.charts??[]],a=t.findIndex(s=>s.id===e);a>-1&&(t.splice(a,1),i.charts=t)}}function pe(p,e){let i=p;if(i){let t=[...i.charts??[]];t=v({arrayA:t,arrayB:e.map(a=>a.config),getKey:a=>a.id??a.title?.content.text??""}),i.charts=t}}var me=N`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,F=class extends U{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries,o.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=e=>{let i=e,{chartData:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:if(this.chartData=t,a&&(a.dataStore.chartData=t,O(a.layer))){let r=a,l=t?.bins?.length;l!==void 0&&r.binCount!==l&&(r.binCount=l)}break;case o.PieSeries:{this.chartData=t,a&&(a.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:l,r2:g,aggregated:u}=r,m=g;Number.isFinite(g)||(m=void 0),this.r2=m,q(a)&&(a.dataStore.r2=m,a.dataStore.aggregated=u,u&&(a.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:l}=t;if((L(s)||B(s)&&s.binTemporalData)&&(l?.size!==void 0&&s.temporalBinningSize!==l?.size&&(s.temporalBinningSize=l?.size),l?.unit!==void 0&&s.temporalBinningUnit!==l?.unit&&l?.unit!==H.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&W($,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(r),a&&(a.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),B(s)){let g=s.xAxisField,u=r.some(b=>b[g]===null),m=s.nullCategory;u&&m===void 0&&(s.nullCategory=R.nullCategory)}break}}},this.chartAxesMinMaxChange=e=>{let i=e,{bounds:t,model:a}=i.detail,s=this.getModel(this.selectedChartId),r=a?.isSameChartAs(s),l=s?.chartType;if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,a&&(a.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let i=e,{data:t,model:a}=i.detail,s=this.getModel(this.selectedChartId);if(a?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,a&&(a.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,a&&(a.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let i=e,{propName:t,value:a,model:s}=i.detail,r=this.modelList.find(l=>s?.isSameChartAs(l));if(r)switch(t){case"rotation":typeof a=="boolean"&&K(r)&&(r.rotatedState=a);break;case"legendPosition":typeof a=="string"&&D(r)&&(r.legendPosition=a);break;case"legendVisibility":typeof a=="boolean"&&D(r)&&(r.legendVisibility=a);break}},this.chartLegendItemVisibilityChange=e=>{let i=e,{legendItemVisibility:t,model:a}=i.detail,s=this.modelList.find(r=>a?.isSameChartAs(r));s?.setSeriesVisibility(t),w(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),L(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:i,layerId:t}=e.target;i!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:i,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let i=e.target;oe(i?.layer,i)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:te}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=me}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}modelListReorderChangeListener(e){let{modelList:i}=e.detail;if(this.modelList=v({arrayA:this.modelList,arrayB:i,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=i.find(a=>a.layer?.id!==void 0)?.layer?.id;if(t){let a=this.layerList.find(s=>s.id.toString()===t);a&&pe(a,i)}}}async layerListChange(){let e=[],i=this.layerList.map(a=>a.id.toString()),t=[...this.modelList.filter(a=>i.includes(a.layer?.id??""))];for(let a of this.layerList??[]){if(a.type==="sublayer"){let r=await a.createFeatureLayer();if(!r)continue;a=r}let s=a.charts;for(let r of s??[]){let l=await Q({layer:a,config:r});l!==void 0&&e.push(l)}}re(e),e.forEach(a=>{t.find(s=>s.isSameChartAs(a))===void 0&&t.push(a)}),t=t.filter(a=>!Y(a.config)),this.modelList=t}modelListChange(e,i){this.selectedChartId=re(e,this.selectedChartId),i?.forEach(a=>{a.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(a=>{a.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?E({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&he(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=c.Data;let i=this.getModel(e);this.setEventBasedPropsFromModelData(i),this.currentChartTypeText=i?.chartType!==void 0?E({chartType:i.chartType,commonStrings:this.commonStrings,config:i.config}):"",e!==void 0&&e!==$.selectedChartId&&($.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:i})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let i=this.getModel(this.selectedChartId)?.config,t=[];if(i!==void 0&&e!==void 0){let a=j({chartConfig:i,chartData:e}),{minY:s,maxY:r,minX:l,maxX:g}=a;t=[{isXAxis:!0,minimum:l,maximum:g},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(i=>{let{isXAxis:t,maximum:a,minimum:s}=i,r=this.getModel(this.selectedChartId);if(r!==void 0&&w(r)&&this.selectedChartId!==void 0){let l=new ae(r,t),g=J({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:l.getLogarithmic()}),u=$.chartAxesBoundDataMap;u[this.selectedChartId]===void 0&&(u[this.selectedChartId]={});let m=u[this.selectedChartId]?.[g],b={defaultMinBound:m?.defaultMinBound===m?.currMinBound?s:m?.defaultMinBound,currMinBound:s,defaultMaxBound:m?.defaultMaxBound===m?.currMaxBound?a:m?.defaultMaxBound,currMaxBound:a};!S(m,b)&&this.selectedChartId!==void 0&&u?.[this.selectedChartId]!==void 0&&(u[this.selectedChartId][g]=b)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(i=>x(X,i.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:i,layerId:t,layerType:a}=e.detail,s=!0;if(M(a)&&t){let r=this.layerList.find(l=>l.id===t);M(r?.type)&&(s=!!(await G(r))?.attributeTable)}this.setupSelectChartTypePopover(i,t,a,s)}setupSelectChartTypePopover(e,i,t,a=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=T(n`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${i} .layerType=${t} .isRasterBarChartSupported=${a} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(i=>i.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=ie(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:i}=e.detail;if(i!==void 0){let t=this.modelList.find(s=>s.chartId===i),a=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==i)],a&&this.syncChartsToLayers&&this.allowChartSyncing&&de(a,i)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.close=!0,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let i=e.target,t="";switch(i.icon){case"configure":t=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":t=this._messages.series??"";break;case"graph-pie-slice":t=this._messages.slices??"";break;case"graph-axis":t=this._messages.axes??"";break;case"graph-guides":t=this._messages.guides??"";break;case"palette":t=this._messages.format??"";break;case"text":t=this._messages.general??"";break;default:t="";break}this.tooltip=T(n`<calcite-tooltip style=${_({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){ee(this.tooltip)}renderViewCharts(){let e=ne({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return se(e,i=>i.id,i=>n`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${ce(this.modelList,i.id.toString(),M(i.type)?Z:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${i} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:n`<calcite-flow>${k("charts-list",n`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",n`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??c.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?le(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?n`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===c.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=c.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===o.BarSeries?n`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===c.Series} @click=${()=>{this.selectedPanel=c.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.LineSeries?n`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===c.Series} @click=${()=>{this.selectedPanel=c.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.BoxPlotSeries?n`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===c.Series} @click=${()=>{this.selectedPanel=c.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.PieSeries?n`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===c.Slices} @click=${()=>{this.selectedPanel=c.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?n`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===c.Axes} @click=${()=>{this.selectedPanel=c.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?n`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===c.Guides} @click=${()=>{this.selectedPanel=c.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===c.Format} @click=${()=>{this.selectedPanel=c.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===c.General} @click=${()=>{this.selectedPanel=c.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),i=e?.layer,t=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case o.BarSeries:t=n`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??c.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case o.LineSeries:t=n`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??c.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case o.PieSeries:t=n`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .chartData=${this.chartData} .page=${this.selectedPanel??c.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case o.HistogramSeries:t=n`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??c.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case o.ScatterSeries:t=n`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??c.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case o.BoxPlotSeries:t=n`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??c.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case o.HeatSeries:t=n`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${i} .page=${this.selectedPanel??c.Data}></arcgis-charts-config-heat-chart>`;break}return t}};z("arcgis-charts-config-create-flow",F);return F},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","core/promiseUtils","request","applications/Components/imageryUtils","geometry/Extent","geometry/Point","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","core/sql",a,b,d,e,g,i,j,l,m,p,r,s,t,u)

package/dist/cdn/GR2MDXNR.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import d from"./DQOPCAYH.js";import"./FPDW4F45.js";import{a as g}from"./4QCCCXMK.js";import c from"./VFNQXIXU.js";import"./KYO65OVO.js";import b from"./GSIQ3AM5.js";import{p as n,y as u}from"./URX6VCYJ.js";import"./6ES4YKXX.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as y,B as i,G as S,g as f,i as a,n as s,y as h,z as p}from"./GDFOZNYR.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{S:d},,{g:b,h:v,i:c,j:r}])=>{var C={arial:"Arial",arialBlack:"Arial Black",bookman:"Bookman",candara:"Candara",courier:"Courier",courierNew:"Courier New",garamond:"Garamond",georgia:"Georgia",impact:"Impact",palatino:"Palatino",roboto:"Roboto",times:"Times",timesNewRoman:"Times New Roman",verdana:"Verdana"},o={fontStyleContainer:"font-style-container",font:"font",numberInput:"number-input",inputLabel:"input-label"},$=f`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto}:host calcite-panel .font-style-container{display:flex;padding:0 1rem}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;flex-grow:inherit;width:80px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`,m=class extends y{constructor(){super(...arguments),this._messages=g(),this.fontSizeInputElement=h(),this.fontStyle={type:u.TS},this.open=!1,this.enableClose=!1,this.arcgisChartsConfigFontStyleChange=s(),this.arcgisChartsConfigFontStyleClose=s()}static{this.properties={messageOverrides:0,fontStyle:0,header:1,open:5,enableClose:5}}static{this.styles=$}closePanel(t){t.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigFontStyleClose.emit())}fontChange(t){let e=t.target.selectedOption.value;if(e!==void 0){let l={family:e};this.isNewFontProperty("family",l)&&(this.fontStyle=n(this.fontStyle,{font:l}),this.emitFontStyleEvent({font:l}))}}fontSizeChange(){let t=this.fontSizeInputElement.value?.value;if(t!==void 0&&b(t,this.fontSizeInputElement.value?.min,this.fontSizeInputElement.value?.max)){let e={size:Number.parseInt(t)};this.isNewFontProperty("size",e)&&(this.fontStyle=n(this.fontStyle,{font:e}),this.emitFontStyleEvent({font:e})),this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.IDLE})}else this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.INVALID})}boldSelect(){let t="bold";this.fontStyle?.font?.weight===t&&(t="normal");let e={weight:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}italicSelect(){let t="italic";this.fontStyle?.font?.style===t&&(t="normal");let e={style:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}underlineSelect(){let t="underline";this.fontStyle?.font?.decoration===t&&(t="none");let e={decoration:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}colorChange(t){let e=t.detail;this.fontStyle=n(this.fontStyle,{color:e}),this.emitFontStyleEvent({color:e})}emitFontStyleEvent(t){this.arcgisChartsConfigFontStyleChange.emit(t)}isNewFontProperty(t,e){return this.fontStyle?.font?.[t]!==e[t]}renderFonts(){let t=Object.values(C).map(e=>a`<calcite-option .value=${e} .selected=${e===this.fontStyle?.font?.family||e===d().font?.family?.split(",")[0]&&this.fontStyle?.font?.family===void 0}>${e}</calcite-option>`);return this.fontStyle?.font?.family===""&&t.push(a`<calcite-option value selected></calcite-option>`),t}render(){return a`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose??!1} @calcitePanelClose=${this.closePanel}><div class=${i(o.fontStyleContainer)}><calcite-label class=${i(o.font)}>${this._messages.font}<calcite-select .label=${this._messages.font??""} @calciteSelectChange=${this.fontChange}>${this.renderFonts()}</calcite-select></calcite-label></div><div class=${i(o.fontStyleContainer)}><calcite-label class=${i(o.inputLabel)}>${this._messages.size}<calcite-input class=${i(o.numberInput)} type=number min=6 max=40 step=1 .value=${v(this.fontStyle?.font?.size)} @calciteInputInput=${this.fontSizeChange} ${p(this.fontSizeInputElement)}></calcite-input></calcite-label><calcite-action appearance=transparent .text=${this._messages.bold??""} @click=${this.boldSelect} scale=l .active=${this.fontStyle?.font?.weight==="bold"}><calcite-icon scale=s icon=bold></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.italic??""} @click=${this.italicSelect} scale=l .active=${this.fontStyle?.font?.style==="italic"}><calcite-icon scale=s icon=italicize></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.underline??""} @click=${this.underlineSelect} scale=l .active=${this.fontStyle?.font?.decoration==="underline"}><calcite-icon scale=s icon=underline></calcite-icon></calcite-action></div><div class=${i(o.fontStyleContainer)}><arcgis-charts-config-colors .rgba=${this.fontStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel>`}};S("arcgis-charts-config-font-style",m);return m},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",b,c,d)