@arcgis/charts-components 5.1.0-next.4 → 5.1.0-next.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.1.0-next.4",
+  "version": "5.1.0-next.6",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -41,8 +41,8 @@
     "simple-statistics": "^7.8.8",
     "tslib": "^2.8.1",
     "uuid": "^11.1.0",
-    "@arcgis/lumina": "5.1.0-next.4",
-    "@arcgis/toolkit": "5.1.0-next.4"
+    "@arcgis/lumina": "5.1.0-next.6",
+    "@arcgis/toolkit": "5.1.0-next.6"
   },
   "peerDependencies": {
     "@arcgis/core": "^5.0.0-next",

package/dist/cdn/DM36XG4Z.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{A as e,B as n,F as s,g as i,h as t,z as o}from"./XQ26L3RE.js";import"./QPIMTXPL.js";var d=i`.hide{display:none}.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{display:block;width:100%;height:100%;overflow:auto}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.container{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;align-content:center;justify-content:center;padding:1rem;background-color:#fff;text-align:left}.container h3.heading-true{color:#000;margin-bottom:auto;background:#f4f4f4cc;height:30px;padding-left:.5rem;padding-top:.5rem;justify-self:stretch;text-align:left}.container h3.heading-false{background:#fff;margin-bottom:auto}.container p{color:#000;justify-self:stretch;text-align:left}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}`,l={Container:"container",ChartLoaderOverlay:"chart-loader-overlay"},r=class extends o{constructor(){super(...arguments),this.message="",this.heading="",this.showErrorModalInfo=!1}static{this.properties={message:1,heading:1,showErrorModalInfo:5,showLoader:5,curtainColor:0,spinnerColor:0}}static{this.styles=d}render(){let a=null;return this.showErrorModalInfo?a=t`<div class=${e(l.Container)}><h3 class=${e(this.heading!==""?"heading-true":"heading-false")}>${this.heading}</h3><p>${this.message}</p></div>`:this.showLoader&&(a=t`<div class=${e(l.ChartLoaderOverlay)} style=${n({background:`rgba(${this.curtainColor})`,"--calcite-loader-progress-color":`rgba(${this.spinnerColor})`})}><calcite-loader scale=s label=Loading></calcite-loader></div>`),a}};s("arcgis-charts-info-modal",r);export{r as ArcgisChartsInfoModal};

package/dist/cdn/UIIICG5Q.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import g from"./4XC2ZKSZ.js";import{a as De}from"./HAJ2VWEU.js";import f from"./ECCH4ADF.js";import{l as h,m as X}from"./FPDW4F45.js";import{a as U}from"./6WQPKBUS.js";import e from"./OYXE3FXG.js";import c from"./JWJDAHU7.js";import"./KZ7WEJMS.js";import a from"./JRNQMXAJ.js";import{B as v,F as de,f as ie,g as P,n as q,s as oe,v as S,w as B,y as $}from"./DGTF5KBL.js";import{e as re,g as ne,h as ce}from"./SPAXIJWK.js";import{c as $e}from"./EZM4ZDQI.js";import{a as p,b as R,l as F,m as K,n as D,w as me,x as E}from"./ETLJKITO.js";import{A as d,B as j,D as se,F as le,g as ee,h as m,m as ae,x as y,y as b,z as te}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([{createClassBreaksRenderer:Pe},{getSchemes:Oe},Ae,,,,,,,,,,,,{Bb:z,Cc:ye,Da:pe,F:O,Fc:Ce,G:x,Kb:fe,Ma:ge,Md:be,a:he,bb:ue},{s:ke},{h:Fe},{g:ve,s:Z},{a:Se,b:Be,c:xe,f:G,g:Re}])=>{function Me(s){let a;switch(s.length){case 4:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),255]);break}case 5:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),Number.parseInt(`${e[4]}${e[4]}`,16)]);break}case 7:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),255]);break}case 9:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),Number.parseInt(e[4],16)]);break}}return a}function Y(s){let a;if(typeof s=="string"&&s.startsWith("#")){let e=Me(s);e&&(a=e)}else Array.isArray(s)&&s.every(e=>typeof e=="number")&&(s.length===4?a=s:s.length===3&&(a=[...s,255]));return a}function Ie(s){return s===$.BackwardDiagonal||s===$.Cross||s===$.DiagonalCross||s===$.ForwardDiagonal||s===$.Horizontal||s===$.Null||s===$.Solid||s===$.Vertical}function N(s){return s===B.Dash||s===B.DashDot||s===B.DashDotDot||s===B.Dot||s===B.Null||s===B.Solid}function Te(s){let{categoryField:a,numericFields:e,configFields:t,inlineData:l}=s,r={};return t&&Object.keys(t).length>0&&"dataItems"in l&&(r={type:"uniqueValue",field1:a,uniqueValueInfos:[]},l.dataItems.forEach(i=>{let c=i[a];if(c!=null){let o={value:c};e.forEach(n=>{let u=Y(i[`${t.fillColor}_${n}`]),C=i[`${t.fillOpacity}_${n}`],I=i[`${t.fillStyle}_${n}`],k=i[`${t.markerSize}_${n}`],A=Y(i[`${t.outlineColor}_${n}`]),L=i[`${t.outlineOpacity}_${n}`],M=i[`${t.outlineWidth}_${n}`],V=i[`${t.outlineStyle}_${n}`],T=Y(i[`${t.lineColor}_${n}`]),H=i[`${t.lineOpacity}_${n}`],w=i[`${t.lineWidth}_${n}`],W=i[`${t.lineStyle}_${n}`],Q=i[`${t.displayLabel}_${n}`];if(typeof Q=="string"&&(o={...o,label:Q}),k!=null){let f={type:v.SMS};k&&typeof k=="number"&&(f.size=k),o.symbol=f}if(u||Ie(I)){let f=o.symbol&&o.symbol.type===v.SMS?o.symbol:{type:v.SFS};if(u&&(C&&typeof C=="number"&&(u[3]=C),f.color=u),Ie(I)&&(f.style=I),o.symbol=f,A||M!=null||N(V)){let _={type:v.SLS};A&&(L&&typeof L=="number"&&(A[3]=L),_.color=A),N(V)&&(_.style=V),M&&typeof M=="number"&&(_.width=M),o.symbol.outline=_}}else if(T||w!=null||N(W)){let f={type:v.SLS};T&&(H&&typeof H=="number"&&(T[3]=H),f.color=T),N(W)&&(f.style=W),w!=null&&typeof w=="number"&&(f.width=w),o.symbol=f}}),(o.label||o.symbol)&&r.uniqueValueInfos.push(o)}})),r}function we(s){let{numericFields:a,configFields:e,inlineData:t}=s,l=t;return"dataItems"in t&&Object.entries(e).forEach(([r,i])=>{a.forEach(c=>{let o=`${i}_${c}`;t.dataItems.forEach(n=>{o in n&&delete n[o]})})}),l}function _e(s){let{categoryField:a,categoryType:e,numericFields:t,inlineData:l}=s,r;if("dataItems"in l){let{dataItems:i}=l,c=[],o="OBJECTID",n=i.map((C,I)=>{let k={...C};return"FID"in C?o="FID":"ObjectId"in C&&(o="ObjectId"),k[o]||(k[o]=I),{attributes:k}});c.push({type:"esriFieldTypeOID",name:o});let u;switch(e){case"dateOnly":u=S.DateOnly;break;case"timeStampOffset":u=S.TimestampOffset;break;case"date":u=S.Date;break;case"number":u=S.Double;break;case"string":default:u=S.String;break}c.push({type:u,name:a}),t.forEach(C=>{c.push({type:S.Double,name:C})}),r={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:c},featureSet:{features:n}}]}}}return r}async function Ee(s){let{categoryField:a,categoryType:e,numericFields:t,configFields:l,inlineData:r}=s,i,c,o=P(r);l&&(i=Te({categoryField:a,numericFields:t,configFields:l,inlineData:o}),o=we({numericFields:t,configFields:l,inlineData:o}));let n=_e({categoryField:a,categoryType:e,numericFields:t,inlineData:o});return n&&(c=await ye(n)),{chartRenderer:i,iLayer:n,layer:c}}var Ne=ee`.hide{display:none}.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{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,g={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},J=class extends te{constructor(){super(...arguments),this._messages=U(),this.commonStrings=U({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=y(),this.aggregationElement=y(),this.numericFieldsElement=y(),this.calendarTypeElement=y(),this.calendarViewTypeElement=y(),this.classBreakMethodElement=y(),this.nullElement=y(),this.breaksCountElement=y(),this.colorSchemeElement=y(),this.onHeatChartDataPopoverChange=async a=>{try{if(a.detail?.value!==void 0){let{contentKind:e}=a.detail,t=a.detail.value;switch(e){case h.aggregation:this.model.aggregationType=t;break;case h.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case h.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===R.Count&&this.model.numericFields[0]!==Ce(this.model.layer).idField&&(this.model.aggregationType=R.Sum);break;case h.calendarType:{switch(t){case X.YearByMonthAndDayOfMonth:{let l={type:p.CalendarDateParts,unit:F.DayOfMonth},r={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}});break}case X.WeekByDayOfWeekAndHourOfDay:{let l={type:p.CalendarDateParts,unit:F.HourOfDay},r={type:p.CalendarDateParts,unit:F.DayOfWeek},{lang:i}=ne(this.el??document.documentElement),c=ce(i),o=he.local().setLocale(i).startOf("week",{useLocaleWeeks:c!==re}).weekday;this.model.firstDayOfWeek=o,this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!0}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{weekday:"short"}});break}default:break}break}case h.calendarViewType:{this.model.viewType=t;break}case h.classBreakMethod:{this.model.classificationMethod=t,this.updateChartRenderer=!0;break}default:break}}}catch(e){throw this.arcgisChartsConfigDataChangeError.emit({error:e,model:this.model}),e}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=a=>{this.heatChartPopover===a?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{be(this.model?.config)&&(this.selectedColorRamp=this.availableColorRamps.find(a=>a.name==="Blue 3")??this.availableColorRamps[0]),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=a=>{let{ramp:e,isFlipped:t}=a.detail;this.isFlipped=t,q(this.selectedColorRamp,e)||(this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks())},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=a=>{let{name:e}=a.detail;if(e!==void 0){let t={...this.model.emptyCell,name:e};this.model.emptyCell=t}},this.onEmptyCellColorChange=a=>{let{color:e}=a.detail;if(e!==void 0){let t=this.model.emptyCell,l={...t,symbol:{...t?.symbol,type:v.SFS,color:e,outline:t?.symbol?.outline&&{...t.symbol.outline,color:e}}};this.model.emptyCell=l}},this.isFlipped=!1,this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=ae()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5,chartData:0}}static{this.styles=Ne}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(a){a.has("model")&&this.modelChange(this.model,a.get("model")),this.aggregationLabel=pe(this.model.aggregationType,this.commonStrings),a.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ue(this.model.chartRenderer)===de.ClassBreaks)}updated(a){a.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let a=Ae.all();this.allColorRamps=a,this.availableColorRamps=this.allColorRamps}generateColorsForExistingBreaks(a){let e=this.model.breaksCount;return Se({numberOfClassBreaks:e,selectedColorRamp:a,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(t=>t.symbol?.color),isFlipped:this.isFlipped})}normalizeClassBreakInfosForCompare(a,e){return(a??[]).map(({classMinValue:t,classMaxValue:l,label:r,symbol:i})=>({classMinValue:t,classMaxValue:l,label:r,symbol:e?void 0:i}))}async generateAndUpdateClassBreaks(){let a=[];if(this.model.classificationMethod===E.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){a=P(this.model.chartRenderer?.classBreakInfos)??[];let l=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let r=0;r<a.length&&r<l.length;r++)a[r].symbol&&(a[r].symbol.color=l[r])}else if(this.model.classificationMethod!==E.manual&&this.chartData){let l=await Ee({categoryField:this.model?.xAxisField?.[0]??"",categoryType:p.DateAxisFormat,numericFields:[O.valueField],inlineData:this.chartData});if(l.layer&&this.model.layer){let r=Oe({geometryType:"point",theme:"high-to-low"})?.primaryScheme,i=await Pe({layer:l.layer,field:O.valueField,classificationMethod:this.model.classificationMethod,numClasses:this.model.breaksCount,colorScheme:r});a=Be({classBreaksRendererResult:i,numberOfClassBreaks:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp??G(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps),colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(c=>c.symbol?.color),isFlipped:this.isFlipped})}}let e=!this.updateClassBreaksColor,t=!q(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(a,e));this.updateChartRenderer&&t&&(this.model.chartRenderer={type:"classBreaks",field:O.valueField,classBreakInfos:a}),this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Fe({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":z(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(a){this.contentKind=h.xAxisField,this.setupPopover(a)}onNumericFieldSelect(a){this.contentKind=h.numericFields,this.setupPopover(a)}onCalendarTypeSelect(a){this.contentKind=h.calendarType,this.setupPopover(a)}onClassBreakMethodSelect(a){this.contentKind=h.classBreakMethod,this.setupPopover(a)}onColorSchemeSelect(a){this.contentKind=h.colorScheme,this.setupPopover(a)}onBreaksCountChange(a){let e=oe(a.target.value);e<x.min?e=x.min:e>x.max&&(e=x.max),fe(e)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=e.toString()),this.model.breaksCount=e,this.updateChartRenderer=!0)}onAggregationSelect(a){this.contentKind=h.aggregation,this.setupPopover(a)}onNullSelect(a){this.contentKind=h.null,this.setupPopover(a)}onIncludeLeapDayChange(a){let e=a.target.checked;this.model.includeLeapDay=e}onNullPolicyChange(a){this.model.nullPolicy=a.target.selectedItem.value}setupPopover(a){a.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,t,l,r=this.isFlipped;switch(this.contentKind){case h.aggregation:e=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case h.xAxisField:e=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case h.numericFields:e=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case h.calendarType:e=this.calendarTypeElement.value,t=this._messages.calendarType,l=Z(this.model);break;case h.calendarViewType:e=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case h.classBreakMethod:e=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case h.colorScheme:e=this.colorSchemeElement.value,t=this._messages.colorScheme;let i=G(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);l=this.selectedColorRamp?.name??i?.name;let c=i?i.colorsForClassBreaks.find(o=>o.numClasses===this.model.breaksCount)?.colors:void 0;r=c?Re(c,this.model.chartRenderer?.classBreakInfos):r;break;case h.null:e=a.target,t=this._messages.null;break}this.heatChartPopover=se(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${r}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=De(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!ke(this.model?.config)){if(this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder($e.Desc),this.model.xTemporalBinning===void 0){let a={type:p.CalendarDateParts,unit:F.DayOfMonth};this.model.xTemporalBinning=a}if(this.model.yTemporalBinning===void 0){let a={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}})}this.model.classificationMethod===void 0&&(this.model.classificationMethod=E.naturalBreaks),this.model.heatRulesType!==K.Renderer&&(this.model.heatRulesType=K.Renderer),this.model.viewType===void 0&&(this.model.viewType=me.singleCalendarView),(this.model.aggregationType===R.Count||this.model.aggregationType===R.Sum)&&this.model.nullPolicy!==D.Zero&&(this.model.nullPolicy=D.Zero)}}renderXAxisFieldSelect(){let a=this.getCorrectedXAxisFieldValue();return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onXAxisFieldSelect} ${b(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return m`<arcgis-charts-config-field-select .label=${this.model.aggregationType===R.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${b(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let a=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":z(this.layerFieldsInfo,this.model.numericFields?.[0]);return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onNumericFieldSelect} ${b(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let a=Z(this.model)??"",e={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=a?e[a]??"":"";return m`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${b(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let a={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},e=this.model.classificationMethod?a[ie(this.model.classificationMethod)]??"":"";return m`<arcgis-charts-config-field-select .label=${e} @click=${this.onClassBreakMethodSelect} ${b(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let a=this.model.chartRenderer?.classBreakInfos?.map(e=>{let t=e!==void 0?xe(e.symbol.color):"#FFFFFF";return m`<div class=${d(g.colorRampSegment)} style=${j({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return m`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${b(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${d(g.colorRamp)}>${a}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let a=this.model.chartRenderer?.classBreakInfos??[];return m`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${a.map(e=>m`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${e.symbol.color?.[0]}, ${e.symbol.color?.[1]}, ${e.symbol.color?.[2]}, ${e.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${e.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let a=this.model.emptyCell,e=this._messages.null,t=a?.symbol?.color??ge.grayColor,[l,r,i,c]=[...t],o=`rgba(${l},${r},${i},${c/255})`;return m`<calcite-list label class=${d(g.list)} selection-mode=none ${b(this.nullElement)}><calcite-list-item .label=${e} .value=${e} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${j({color:o})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return m`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${D.Zero} .checked=${this.model.nullPolicy===D.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${D.Null} .checked=${this.model.nullPolicy===D.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let a=this.renderXAxisFieldSelect(),e=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),r=this.renderClassBreakMethodSelect(),i=this.renderColorRampSelect(),c=this.renderClassBreaksTable(),o=this.renderNullUI(),n=this.renderEmptyBins();return m`<calcite-label class=${d(g.label)}>${this._messages.dateRequired}${a}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.method}${r}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${x.min} .max=${x.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===E.manual} step=1 .value=${ve(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${b(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${d(g.label)}>${this._messages.colorScheme}${i}</calcite-label>${o}<calcite-accordion class=${d(g.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${c}</calcite-accordion-item></calcite-accordion><calcite-label class=${d(g.label)}>${this._messages.emptyBins}${n}</calcite-label><calcite-label class=${d(g.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`}};le("arcgis-charts-config-heat-chart-data",J);return J},"smartMapping/renderers/color","smartMapping/symbology/color","smartMapping/symbology/support/colorRamps","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,c,e,f,g)

package/dist/cdn/UTFNFNBS.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import s from"./QNMJT6VU.js";import{a as W}from"./3TPTF5I7.js";import{a as $,b as Y,e as Q}from"./RUUYSZO3.js";import{a as ee}from"./SBHIJW76.js";import{a as D}from"./VFP7AKUR.js";import{a as J}from"./HAJ2VWEU.js";import r from"./SRZ4ZT6P.js";import{a as f}from"./S5OM65RV.js";import q from"./ECCH4ADF.js";import{d as l}from"./FPDW4F45.js";import{a as P}from"./6WQPKBUS.js";import p from"./AEGOLCCB.js";import m from"./2NTTT3TW.js";import k from"./WKWLOFTY.js";import j from"./M5VLEZ53.js";import i from"./HBNVWG3C.js";import g from"./OYXE3FXG.js";import e from"./6P6D5EQM.js";import d from"./5J75SUB7.js";import c from"./AX4J6AI7.js";import b from"./JWJDAHU7.js";import"./KZ7WEJMS.js";import a from"./JRNQMXAJ.js";import{n as S}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import{a as K}from"./2MIOMGFE.js";import{e as I,f as B,j as X,m as L,q as w}from"./MR5ILWAE.js";import"./EZM4ZDQI.js";import{a as o,k as z}from"./ETLJKITO.js";import{A as h,B as U,D as x,F as _,g as F,h as n,m as C,x as N,y as A,z as V}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,{substitute:ie},,,,,,,{Eb:b,Id:O,Ma:H,Md:T,Nb:v,Tb:R},,,,,,{a:Z},,,,,{r:G},{a:j,d:y,e:q},{b:k}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function te(m,e){let a=new Set,t=e;return m?.forEach((i,s)=>{let r=i.chartId;(a.has(r)||r===void 0||r==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=i.chartId)),a.add(r)}),t}function se(m,e,a){return m?.filter(t=>b(a,t.config)&&t.layer?.id===e)??[]}function re(m){let{modelList:e,layerList:a,activeLayerId:t,disableEditing:i}=m,s=new Map;return e?.forEach(r=>{let c=r.layer;c&&s.set(c.id,c)}),i||a.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function oe(m,e){m.forEach(a=>{e.forEach(t=>{a?.id===t.layer?.id&&ae(a,t)})})}function ae(m,e){let a=m;if(a){let t=[...a?.charts??[]],i=t?.findIndex(r=>r.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!S(t[i],e.config),t[i]=e.config):a&&!T(e.config)&&(s=!0,t.push(e.config)),s&&(a.charts=t)}}function ce(m,e){let a=m;if(a){let t=[...a.charts??[]],i=t.findIndex(s=>s.id===e);i>-1&&(t.splice(i,1),a.charts=t)}}function le(m,e){let a=m;if(a){let t=[...a.charts??[]];t=v({arrayA:t,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),a.charts=t}}var ne=F`: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}`,E=class extends V{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=N(),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 a=e,{chartData:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:this.chartData=t,i&&(i.dataStore.chartData=t);break;case o.PieSeries:{this.chartData=t,i&&(i.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:c,r2:u,aggregated:g}=r,p=u;Number.isFinite(u)||(p=void 0),this.r2=p,X(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=g,g&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(c),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:c}=t;if((B(s)||I(s)&&s.binTemporalData)&&(c?.size!==void 0&&s.temporalBinningSize!==c?.size&&(s.temporalBinningSize=c?.size),c?.unit!==void 0&&s.temporalBinningUnit!==c?.unit&&c?.unit!==z.Quarter&&(s.temporalBinningUnit=c?.unit),c?.size!==void 0&&c?.unit!==void 0&&Q($,{size:c.size,unit:c.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(r),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),I(s)){let u=s.xAxisField,g=r.some(M=>M[u]===null),p=s.nullCategory;g&&p===void 0&&(s.nullCategory=H.nullCategory)}break}case o.HeatSeries:{this.chartData=t;break}}},this.chartAxesMinMaxChange=e=>{let a=e,{bounds:t,model:i}=a.detail,s=this.getModel(this.selectedChartId),r=i?.isSameChartAs(s),c=s?.chartType;if(r)switch(c){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,i&&(i.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let a=e,{data:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,i&&(i.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,i&&(i.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let a=e,{propName:t,value:i,model:s}=a.detail,r=this.modelList.find(c=>s?.isSameChartAs(c));if(r)switch(t){case"rotation":typeof i=="boolean"&&Z(r)&&(r.rotatedState=i);break;case"legendPosition":typeof i=="string"&&w(r)&&(r.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&w(r)&&(r.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=e=>{let a=e,{legendItemVisibility:t,model:i}=a.detail,s=this.modelList.find(r=>i?.isSameChartAs(r));s?.setSeriesVisibility(t),L(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),B(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:a,layerId:t}=e.target;a!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:a,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let a=e.target;ae(a?.layer,a)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.panelNumber=0,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,open:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:q}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,panelNumber:9,filterBySelection:5}}static{this.styles=ne}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:a}=e.detail;if(this.modelList=v({arrayA:this.modelList,arrayB:a,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=a.find(i=>i.layer?.id!==void 0)?.layer?.id;if(t){let i=this.layerList.find(s=>s.id.toString()===t);i&&le(i,a)}}}async layerListChange(){let e=[],a=this.layerList.map(i=>i.id.toString()),t=[...this.modelList.filter(i=>a.includes(i.layer?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let r=await i.createFeatureLayer();if(!r)continue;i=r}let s=i.charts;for(let r of s??[]){let c=await K({layer:i,config:r});c!==void 0&&e.push(c)}}te(e),e.forEach(i=>{t.find(s=>s.isSameChartAs(i))===void 0&&t.push(i)}),t=t.filter(i=>!R(i.config)),this.modelList=t}modelListChange(e,a){this.selectedChartId=te(e,this.selectedChartId),a?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?k({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&oe(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=l.Data;let a=this.getModel(e);this.setEventBasedPropsFromModelData(a),this.currentChartTypeText=a?.chartType!==void 0?k({chartType:a.chartType,commonStrings:this.commonStrings,config:a.config}):"",e!==void 0&&e!==$.selectedChartId&&($.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:a})}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 a=this.getModel(this.selectedChartId)?.config,t=[];if(a!==void 0&&e!==void 0){let i=O({chartConfig:a,chartData:e}),{minY:s,maxY:r,minX:c,maxX:u}=i;t=[{isXAxis:!0,minimum:c,maximum:u},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(a=>{let{isXAxis:t,maximum:i,minimum:s}=a,r=this.getModel(this.selectedChartId);if(r!==void 0&&L(r)&&this.selectedChartId!==void 0){let c=new W(r,t),u=Y({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:c.getLogarithmic()}),g=$.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let p=g[this.selectedChartId]?.[u],M={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!S(p,M)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][u]=M)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(a=>b(j,a.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}onAddChartClick(e){let{referenceElement:a,layerId:t}=e.detail;this.setupSelectChartTypePopover(a,t)}setupSelectChartTypePopover(e,a){let t=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=x(n`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${a} .popoverPlacement=${t} @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(a=>a.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=J(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!T(e.config))}onViewChartDelete(e){let{chartId:a}=e.detail;if(a!==void 0){let t=this.modelList.find(s=>s.chartId===a),i=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==a)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&ce(i,a)}}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.open=!1,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 a=e.target,t="";switch(a.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=x(n`<calcite-tooltip style=${U({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){G(this.tooltip)}renderViewCharts(){let e=re({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return ee(e,a=>a.id,a=>n`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${se(this.modelList,a.id.toString(),this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${a} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.open!==!1?n`<calcite-flow>${D("charts-list",n`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${A(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return D("chart-edit",n`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??l.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?ie(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===l.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=l.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===l.Series} @click=${()=>{this.selectedPanel=l.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===l.Series} @click=${()=>{this.selectedPanel=l.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===l.Series} @click=${()=>{this.selectedPanel=l.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===l.Slices} @click=${()=>{this.selectedPanel=l.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===l.Axes} @click=${()=>{this.selectedPanel=l.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===l.Guides} @click=${()=>{this.selectedPanel=l.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===l.Format} @click=${()=>{this.selectedPanel=l.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===l.General} @click=${()=>{this.selectedPanel=l.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),a=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} .layer=${a} .page=${this.selectedPanel??l.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} .layer=${a} .page=${this.selectedPanel??l.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} .layer=${a} .chartData=${this.chartData} .page=${this.selectedPanel??l.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} .layer=${a} .page=${this.selectedPanel??l.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} .layer=${a} .page=${this.selectedPanel??l.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} .layer=${a} .page=${this.selectedPanel??l.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} .chartData=${this.chartData} .layer=${a} .page=${this.selectedPanel??l.Data}></arcgis-charts-config-heat-chart>`;break}return t}};_("arcgis-charts-config-create-flow",E);return E},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","core/promiseUtils",a,b,c,d,e,g,i,j,k,m,p,q,r,s)