@arcgis/charts-components 5.0.0-next.99 → 5.0.1

package/dist/cdn/I7OJQY3B.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import g from"./J73WL5JO.js";import{a as De}from"./FEJD2JHY.js";import f from"./ZPTMY3EI.js";import{l as h,m as L}from"./DPJE33GY.js";import{a as Z}from"./TIU77PF5.js";import e from"./QZYE6VEP.js";import c from"./Y6A4FBTP.js";import"./UG7LOBJE.js";import a from"./D5DZV7CJ.js";import{B as D,F as de,f as ie,g as _,n as U,s as oe,v as B,w as R,y as k}from"./4B3QBH5T.js";import{e as re,g as ne,h as ce}from"./Y6ZM643L.js";import{c as $e}from"./KUVOINJC.js";import{a as p,b as F,l as S,m as O,n as $,w as me,x as A}from"./NKG4FLLR.js";import{A as d,B as K,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"./YKYKBI6V.js";import"./OR4HXHSY.js";export default $arcgis.t(([{createClassBreaksRenderer:_e},{getSchemes:Oe},Ee,,,,,,,,,,,,{F:N,G:x,Gb:X,Ia:pe,Kc:ye,Nc:Ce,Pb:fe,Ra:ge,Wd:be,a:he,gb:ue},{s:ke},{h:Fe},{g:ve,s:V},{a:Se,b:Be,c:Re,f:G,g:xe}])=>{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===k.BackwardDiagonal||s===k.Cross||s===k.DiagonalCross||s===k.ForwardDiagonal||s===k.Horizontal||s===k.Null||s===k.Solid||s===k.Vertical}function H(s){return s===R.Dash||s===R.DashDot||s===R.DashDotDot||s===R.Dot||s===R.Null||s===R.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}`],v=i[`${t.markerSize}_${n}`],E=Y(i[`${t.outlineColor}_${n}`]),W=i[`${t.outlineOpacity}_${n}`],M=i[`${t.outlineWidth}_${n}`],j=i[`${t.outlineStyle}_${n}`],T=Y(i[`${t.lineColor}_${n}`]),q=i[`${t.lineOpacity}_${n}`],w=i[`${t.lineWidth}_${n}`],z=i[`${t.lineStyle}_${n}`],Q=i[`${t.displayLabel}_${n}`];if(typeof Q=="string"&&(o={...o,label:Q}),v!=null){let f={type:D.SMS};v&&typeof v=="number"&&(f.size=v),o.symbol=f}if(u||Ie(I)){let f=o.symbol&&o.symbol.type===D.SMS?o.symbol:{type:D.SFS};if(u&&(C&&typeof C=="number"&&(u[3]=C),f.color=u),Ie(I)&&(f.style=I),o.symbol=f,E||M!=null||H(j)){let P={type:D.SLS};E&&(W&&typeof W=="number"&&(E[3]=W),P.color=E),H(j)&&(P.style=j),M&&typeof M=="number"&&(P.width=M),o.symbol.outline=P}}else if(T||w!=null||H(z)){let f={type:D.SLS};T&&(q&&typeof q=="number"&&(T[3]=q),f.color=T),H(z)&&(f.style=z),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 Pe(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 v={...C};return"FID"in C?o="FID":"ObjectId"in C&&(o="ObjectId"),v[o]||(v[o]=I),{attributes:v}});c.push({type:"esriFieldTypeOID",name:o});let u;switch(e){case"dateOnly":u=B.DateOnly;break;case"timeStampOffset":u=B.TimestampOffset;break;case"date":u=B.Date;break;case"number":u=B.Double;break;case"string":default:u=B.String;break}c.push({type:u,name:a}),t.forEach(C=>{c.push({type:B.Double,name:C})}),r={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:c},featureSet:{features:n}}]}}}return r}async function Ae(s){let{categoryField:a,categoryType:e,numericFields:t,configFields:l,inlineData:r}=s,i,c,o=_(r);l&&(i=Te({categoryField:a,numericFields:t,configFields:l,inlineData:o}),o=we({numericFields:t,configFields:l,inlineData:o}));let n=Pe({categoryField:a,categoryType:e,numericFields:t,inlineData:o});return n&&(c=await ye(n)),{chartRenderer:i,iLayer:n,layer:c}}var Ne=ee`.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{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=Z(),this.commonStrings=Z({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,t===F.Count||t===F.Sum?this.model.nullPolicy=$.Zero:this.model.nullPolicy=$.Null;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===F.Count&&this.model.numericFields[0]!==Ce(this.model.layer).idField&&(this.model.aggregationType=F.Sum);break;case h.calendarType:{switch(t){case L.YearByMonthAndDayOfMonth:{let l={type:p.CalendarDateParts,unit:S.DayOfMonth},r={type:p.CalendarDateParts,unit:S.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 L.WeekByDayOfWeekAndHourOfDay:{let l={type:p.CalendarDateParts,unit:S.HourOfDay},r={type:p.CalendarDateParts,unit:S.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:!1}}),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,U(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:D.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=Ee.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===A.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){a=_(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!==A.manual&&this.chartData){let l=await Ae({categoryField:this.model?.xAxisField?.[0]??"",categoryType:p.DateAxisFormat,numericFields:[N.valueField],inlineData:this.chartData??this.model.dataStore.chartData});if(l.layer&&this.model.layer){let r=Oe({geometryType:"point",theme:"high-to-low"})?.primaryScheme,i=await _e({layer:l.layer,field:N.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=!U(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(a,e));this.updateChartRenderer&&t&&(this.model.chartRenderer={type:"classBreaks",field:N.valueField,classBreakInfos:a},this.model.heatRulesType=O.Renderer),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})?"":X(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=V(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?xe(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:S.DayOfMonth};this.model.xTemporalBinning=a}if(this.model.yTemporalBinning===void 0){let a={type:p.CalendarDateParts,unit:S.MonthOfYear};this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}})}this.model.classificationMethod===void 0&&(this.model.classificationMethod=A.naturalBreaks),this.model.heatRulesType!==O.Renderer&&(this.model.heatRulesType=O.Renderer),this.model.viewType===void 0&&(this.model.viewType=me.singleCalendarView),(this.model.aggregationType===F.Count||this.model.aggregationType===F.Sum)&&this.model.nullPolicy!==$.Zero&&(this.model.nullPolicy=$.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===F.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?"":X(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=V(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?Re(e.symbol.color):"#FFFFFF";return m`<div class=${d(g.colorRampSegment)} style=${K({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=${K({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=${$.Zero} .checked=${this.model.nullPolicy===$.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${$.Null} .checked=${this.model.nullPolicy===$.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===A.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>${V(this.model)===L.YearByMonthAndDayOfMonth?m`<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>`:null}`}};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)