@arcgis/charts-components 5.0.4 → 5.0.6

package/dist/cdn/X5N3ATSV.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import g from"./SVS45YOT.js";import{a as De}from"./FEJD2JHY.js";import f from"./5PEPEKX3.js";import{l as h,m as L}from"./DPJE33GY.js";import{a as G}from"./IB36HSWP.js";import e from"./HQC6AZI2.js";import c from"./RUKHUTSR.js";import"./UG7LOBJE.js";import a from"./C5USXEUX.js";import{B as D,F as pe,f as oe,g as _,n as U,s as re,v as S,w as R,y as k}from"./4B3QBH5T.js";import{e as ne,g as ce,h as he}from"./MAP4KH23.js";import{c as $e}from"./KUVOINJC.js";import{a as p,b as F,l as B,m as O,n as $,w as de,x as I}from"./NKG4FLLR.js";import{A as d,B as K,D as le,F as ie,g as te,h as m,m as ae,x as y,y as b,z as se}from"./I2A3IDNK.js";import"./OR4HXHSY.js";export default $arcgis.t(([{createClassBreaksRenderer:_e},{getSchemes:Oe},Ee,,,,,,,,,,,,{F:N,G:x,Gb:Z,Ia:ge,Kc:ye,Nc:Ce,Pb:fe,Ra:X,Wd:be,a:me,gb:ue},{s:ke},{h:Fe},{g:ve,s:V},{a:Be,b:Se,c:Re,f:Y,g:xe}])=>{function Me(l){let t;switch(l.length){case 4:{let e=l.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(t=[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=l.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(t=[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=l.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(t=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),255]);break}case 9:{let e=l.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(t=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),Number.parseInt(e[4],16)]);break}}return t}function J(l){let t;if(typeof l=="string"&&l.startsWith("#")){let e=Me(l);e&&(t=e)}else Array.isArray(l)&&l.every(e=>typeof e=="number")&&(l.length===4?t=l:l.length===3&&(t=[...l,255]));return t}function Ie(l){return l===k.BackwardDiagonal||l===k.Cross||l===k.DiagonalCross||l===k.ForwardDiagonal||l===k.Horizontal||l===k.Null||l===k.Solid||l===k.Vertical}function H(l){return l===R.Dash||l===R.DashDot||l===R.DashDotDot||l===R.Dot||l===R.Null||l===R.Solid}function Te(l){let{categoryField:t,numericFields:e,configFields:a,inlineData:o}=l,r={};return a&&Object.keys(a).length>0&&"dataItems"in o&&(r={type:"uniqueValue",field1:t,uniqueValueInfos:[]},o.dataItems.forEach(s=>{let c=s[t];if(c!=null){let i={value:c};e.forEach(n=>{let u=J(s[`${a.fillColor}_${n}`]),C=s[`${a.fillOpacity}_${n}`],A=s[`${a.fillStyle}_${n}`],v=s[`${a.markerSize}_${n}`],E=J(s[`${a.outlineColor}_${n}`]),q=s[`${a.outlineOpacity}_${n}`],M=s[`${a.outlineWidth}_${n}`],W=s[`${a.outlineStyle}_${n}`],T=J(s[`${a.lineColor}_${n}`]),j=s[`${a.lineOpacity}_${n}`],w=s[`${a.lineWidth}_${n}`],z=s[`${a.lineStyle}_${n}`],ee=s[`${a.displayLabel}_${n}`];if(typeof ee=="string"&&(i={...i,label:ee}),v!=null){let f={type:D.SMS};v&&typeof v=="number"&&(f.size=v),i.symbol=f}if(u||Ie(A)){let f=i.symbol&&i.symbol.type===D.SMS?i.symbol:{type:D.SFS};if(u&&(C&&typeof C=="number"&&(u[3]=C),f.color=u),Ie(A)&&(f.style=A),i.symbol=f,E||M!=null||H(W)){let P={type:D.SLS};E&&(q&&typeof q=="number"&&(E[3]=q),P.color=E),H(W)&&(P.style=W),M&&typeof M=="number"&&(P.width=M),i.symbol.outline=P}}else if(T||w!=null||H(z)){let f={type:D.SLS};T&&(j&&typeof j=="number"&&(T[3]=j),f.color=T),H(z)&&(f.style=z),w!=null&&typeof w=="number"&&(f.width=w),i.symbol=f}}),(i.label||i.symbol)&&r.uniqueValueInfos.push(i)}})),r}function we(l){let{numericFields:t,configFields:e,inlineData:a}=l,o=a;return"dataItems"in a&&Object.entries(e).forEach(([r,s])=>{t.forEach(c=>{let i=`${s}_${c}`;a.dataItems.forEach(n=>{i in n&&delete n[i]})})}),o}function Pe(l){let{categoryField:t,categoryType:e,numericFields:a,inlineData:o}=l,r;if("dataItems"in o){let{dataItems:s}=o,c=[],i="OBJECTID",n=s.map((C,A)=>{let v={...C};return"FID"in C?i="FID":"ObjectId"in C&&(i="ObjectId"),v[i]||(v[i]=A),{attributes:v}});c.push({type:"esriFieldTypeOID",name:i});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:t}),a.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 Ae(l){let{categoryField:t,categoryType:e,numericFields:a,configFields:o,inlineData:r}=l,s,c,i=_(r);o&&(s=Te({categoryField:t,numericFields:a,configFields:o,inlineData:i}),i=we({numericFields:a,configFields:o,inlineData:i}));let n=Pe({categoryField:t,categoryType:e,numericFields:a,inlineData:i});return n&&(c=await ye(n)),{chartRenderer:s,iLayer:n,layer:c}}var Ne=te`.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"},Q=class extends se{constructor(){super(...arguments),this._messages=G(),this.commonStrings=G({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 t=>{try{if(t.detail?.value!==void 0){let{contentKind:e}=t.detail,a=t.detail.value;switch(e){case h.aggregation:this.model.aggregationType=a,a===F.Count||a===F.Sum?this.model.nullPolicy=$.Zero:this.model.nullPolicy=$.Null;break;case h.xAxisField:this.model.xAxisField=a,this.setDefaultPropertiesForCalendarHeatChart();break;case h.numericFields:this.model.numericFields=[a.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(a){case L.YearByMonthAndDayOfMonth:{let o={type:p.CalendarDateParts,unit:B.DayOfMonth},r={type:p.CalendarDateParts,unit:B.MonthOfYear};this.model.xTemporalBinning=o,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 o={type:p.CalendarDateParts,unit:B.HourOfDay},r={type:p.CalendarDateParts,unit:B.DayOfWeek},{lang:s}=ce(this.el??document.documentElement),c=he(s),i=me.local().setLocale(s).startOf("week",{useLocaleWeeks:c!==ne}).weekday;this.model.firstDayOfWeek=i,this.model.xTemporalBinning=o,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=a;break}case h.classBreakMethod:{this.model.classificationMethod=a,this.updateChartRenderer=!0;break}default:break}}}catch(e){throw this.arcgisChartsConfigDataChangeError.emit({error:e,model:this.model}),e}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=t=>{this.heatChartPopover===t?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{be(this.model?.config)&&(this.selectedColorRamp=this.availableColorRamps.find(t=>t.name==="Blue 3")??this.availableColorRamps[0]),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=t=>{let{ramp:e,isFlipped:a}=t.detail;this.isFlipped=a,U(this.selectedColorRamp,e)||(this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks())},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=t=>{let{name:e}=t.detail;if(e!==void 0){let a={...this.model.emptyCell,name:e};this.model.emptyCell=a}},this.onEmptyCellColorChange=t=>{let{color:e}=t.detail;if(e!==void 0){let a=this.model.emptyCell,o={...a,symbol:{...a?.symbol,type:D.SFS,color:e,outline:a?.symbol?.outline&&{...a.symbol.outline,color:e}}};this.model.emptyCell=o}},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(t){t.has("model")&&this.modelChange(this.model,t.get("model")),this.aggregationLabel=ge(this.model.aggregationType,this.commonStrings),t.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ue(this.model.chartRenderer)===pe.ClassBreaks)}updated(t){t.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let t=Ee.all();this.allColorRamps=t,this.availableColorRamps=this.allColorRamps}generateColorsForExistingBreaks(t){let e=this.model.breaksCount;return Be({numberOfClassBreaks:e,selectedColorRamp:t,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(a=>a.symbol?.color),isFlipped:this.isFlipped})}normalizeClassBreakInfosForCompare(t,e){return(t??[]).map(({classMinValue:a,classMaxValue:o,label:r,symbol:s})=>({classMinValue:a,classMaxValue:o,label:r,symbol:e?void 0:s}))}async generateAndUpdateClassBreaks(){let t=[],e=this.requestedBreaksCount??this.model.breaksCount??X.classBreaks.breaksCount;if(this.model.classificationMethod===I.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){t=_(this.model.chartRenderer?.classBreakInfos)??[];let r=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let s=0;s<t.length&&s<r.length;s++)t[s].symbol&&(t[s].symbol.color=r[s])}else if(this.model.classificationMethod!==I.manual&&this.chartData){let r=await Ae({categoryField:this.model?.xAxisField?.[0]??"",categoryType:p.DateAxisFormat,numericFields:[N.valueField],inlineData:this.chartData??this.model.dataStore.chartData});if(r.layer&&this.model.layer){let s=Oe({geometryType:"point",theme:"high-to-low"})?.primaryScheme,c=await _e({layer:r.layer,field:N.valueField,classificationMethod:this.model.classificationMethod,numClasses:e,colorScheme:s});t=Se({classBreaksRendererResult:c,numberOfClassBreaks:e,selectedColorRamp:this.selectedColorRamp??Y(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps),colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(i=>i.symbol?.color),isFlipped:this.isFlipped})}}let a=!this.updateClassBreaksColor,o=!U(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,a),this.normalizeClassBreakInfosForCompare(t,a));if(this.updateChartRenderer&&o&&(this.model.chartRenderer={type:"classBreaks",field:N.valueField,classBreakInfos:t},this.model.heatRulesType=O.Renderer,this.model.classificationMethod!==I.manual)){let r=t.length||e;this.model.breaksCount!==r&&(this.model.breaksCount=r)}this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Fe({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":Z(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(t){this.contentKind=h.xAxisField,this.setupPopover(t)}onNumericFieldSelect(t){this.contentKind=h.numericFields,this.setupPopover(t)}onCalendarTypeSelect(t){this.contentKind=h.calendarType,this.setupPopover(t)}onClassBreakMethodSelect(t){this.contentKind=h.classBreakMethod,this.setupPopover(t)}onColorSchemeSelect(t){this.contentKind=h.colorScheme,this.setupPopover(t)}onBreaksCountChange(t){let e=re(t.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.requestedBreaksCount=e,this.model.breaksCount=e,this.updateChartRenderer=!0)}onAggregationSelect(t){this.contentKind=h.aggregation,this.setupPopover(t)}onNullSelect(t){this.contentKind=h.null,this.setupPopover(t)}onIncludeLeapDayChange(t){let e=t.target.checked;this.model.includeLeapDay=e}onNullPolicyChange(t){this.model.nullPolicy=t.target.selectedItem.value}setupPopover(t){t.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,a,o,r=this.isFlipped;switch(this.contentKind){case h.aggregation:e=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case h.xAxisField:e=this.xAxisFieldElement.value,a=this._messages.xAxisField,o=this.model.xAxisField;break;case h.numericFields:e=this.numericFieldsElement.value,a=this._messages.numericField,o=this.model.numericFields?.[0];break;case h.calendarType:e=this.calendarTypeElement.value,a=this._messages.calendarType,o=V(this.model);break;case h.calendarViewType:e=this.calendarViewTypeElement.value,a=this._messages.viewType,o=this.model.viewType;break;case h.classBreakMethod:e=this.classBreakMethodElement.value,a=this._messages.method,o=this.model.classificationMethod;break;case h.colorScheme:e=this.colorSchemeElement.value,a=this._messages.colorScheme;let s=Y(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);o=this.selectedColorRamp?.name??s?.name;let c=s?s.colorsForClassBreaks.find(i=>i.numClasses===this.model.breaksCount)?.colors:void 0;r=c?xe(c,this.model.chartRenderer?.classBreakInfos):r;break;case h.null:e=t.target,a=this._messages.null;break}this.heatChartPopover=le(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${a} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @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 t={type:p.CalendarDateParts,unit:B.DayOfMonth};this.model.xTemporalBinning=t}if(this.model.yTemporalBinning===void 0){let t={type:p.CalendarDateParts,unit:B.MonthOfYear};this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}})}this.model.classificationMethod===void 0&&(this.model.classificationMethod=I.naturalBreaks),this.model.heatRulesType!==O.Renderer&&(this.model.heatRulesType=O.Renderer),this.model.viewType===void 0&&(this.model.viewType=de.singleCalendarView),(this.model.aggregationType===F.Count||this.model.aggregationType===F.Sum)&&this.model.nullPolicy!==$.Zero&&(this.model.nullPolicy=$.Zero)}}renderXAxisFieldSelect(){let t=this.getCorrectedXAxisFieldValue();return m`<arcgis-charts-config-field-select .label=${t} @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 t=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":Z(this.layerFieldsInfo,this.model.numericFields?.[0]);return m`<arcgis-charts-config-field-select .label=${t} @click=${this.onNumericFieldSelect} ${b(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let t=V(this.model)??"",e={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},a=t?e[t]??"":"";return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onCalendarTypeSelect} ${b(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let t={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},e=this.model.classificationMethod?t[oe(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 t=this.model.chartRenderer?.classBreakInfos?.map(e=>{let a=e!==void 0?Re(e.symbol.color):"#FFFFFF";return m`<div class=${d(g.colorRampSegment)} style=${K({backgroundColor:a,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)}>${t}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let t=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>${t.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 t=this.model.emptyCell,e=this._messages.null,a=t?.symbol?.color??X.grayColor,[o,r,s,c]=[...a],i=`rgba(${o},${r},${s},${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:i})} 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 t=this.renderXAxisFieldSelect(),e=this.renderAggregation(),a=this.renderNumericFieldsSelect(),o=this.renderCalendarTypeSelect(),r=this.renderClassBreakMethodSelect(),s=this.renderColorRampSelect(),c=this.renderClassBreaksTable(),i=this.renderNullUI(),n=this.renderEmptyBins();return m`<calcite-label class=${d(g.label)}>${this._messages.dateRequired}${t}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.calendarType}${o}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.numericField}${a}</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===I.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}${s}</calcite-label>${i}<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}`}};ie("arcgis-charts-config-heat-chart-data",Q);return Q},"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)