@arcgis/charts-components 5.0.0-next.145 → 5.0.0-next.147

package/dist/cdn/{MKJZ5L7C.js → C5T6ZLM5.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{a as be,b as $e,c as ke}from"./GLIV54LE.js";import{a as ye}from"./KU3WZFI6.js";import g from"./P4IJGBEM.js";import{l as c,m as z}from"./BVAXFPTE.js";import{a as W}from"./QUWXB6XH.js";import f from"./QEUQO5PH.js";import e from"./PTHMEJ4M.js";import"./NTORA6PS.js";import a from"./FDMFAAYD.js";import{C as re,f as te,g as w,k as se,p as ie,s as D,t as S,v as $,y as v}from"./XKVQ2IIF.js";import"./Z4XTLHV3.js";import{c as ge}from"./KUVOINJC.js";import{a as p,b as _,l as F,m as O,w as le,x as R}from"./NKG4FLLR.js";import{A as d,B as q,D as ee,F as ae,g as J,h as m,m as Z,x as C,y as b,z as Q}from"./CF5YAZDQ.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,De,{createClassBreaksRenderer:Ie},{getSchemes:Ae},{Bb:K,Cc:me,Da:oe,F:P,Fc:de,G:x,Kb:he,Ma:ne,Md:pe,bb:ce},{s:ue},{h:Ce},{g:fe,s:U}])=>{function Se(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 X(s){let a;if(typeof s=="string"&&s.startsWith("#")){let e=Se(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 ve(s){return s===$.BackwardDiagonal||s===$.Cross||s===$.DiagonalCross||s===$.ForwardDiagonal||s===$.Horizontal||s===$.Null||s===$.Solid||s===$.Vertical}function N(s){return s===S.Dash||s===S.DashDot||s===S.DashDotDot||s===S.Dot||s===S.Null||s===S.Solid}function xe(s){let{categoryField:a,numericFields:e,configFields:t,inlineData:i}=s,o={};return t&&Object.keys(t).length>0&&"dataItems"in i&&(o={type:"uniqueValue",field1:a,uniqueValueInfos:[]},i.dataItems.forEach(r=>{let h=r[a];if(h!=null){let l={value:h};e.forEach(n=>{let u=X(r[`${t.fillColor}_${n}`]),y=r[`${t.fillOpacity}_${n}`],B=r[`${t.fillStyle}_${n}`],k=r[`${t.markerSize}_${n}`],I=X(r[`${t.outlineColor}_${n}`]),V=r[`${t.outlineOpacity}_${n}`],A=r[`${t.outlineWidth}_${n}`],L=r[`${t.outlineStyle}_${n}`],E=X(r[`${t.lineColor}_${n}`]),H=r[`${t.lineOpacity}_${n}`],M=r[`${t.lineWidth}_${n}`],j=r[`${t.lineStyle}_${n}`],G=r[`${t.displayLabel}_${n}`];if(typeof G=="string"&&(l={...l,label:G}),k!=null){let f={type:v.SMS};k&&typeof k=="number"&&(f.size=k),l.symbol=f}if(u||ve(B)){let f=l.symbol&&l.symbol.type===v.SMS?l.symbol:{type:v.SFS};if(u&&(y&&typeof y=="number"&&(u[3]=y),f.color=u),ve(B)&&(f.style=B),l.symbol=f,I||A!=null||N(L)){let T={type:v.SLS};I&&(V&&typeof V=="number"&&(I[3]=V),T.color=I),N(L)&&(T.style=L),A&&typeof A=="number"&&(T.width=A),l.symbol.outline=T}}else if(E||M!=null||N(j)){let f={type:v.SLS};E&&(H&&typeof H=="number"&&(E[3]=H),f.color=E),N(j)&&(f.style=j),M!=null&&typeof M=="number"&&(f.width=M),l.symbol=f}}),(l.label||l.symbol)&&o.uniqueValueInfos.push(l)}})),o}function Be(s){let{numericFields:a,configFields:e,inlineData:t}=s,i=t;return"dataItems"in t&&Object.entries(e).forEach(([o,r])=>{a.forEach(h=>{let l=`${r}_${h}`;t.dataItems.forEach(n=>{l in n&&delete n[l]})})}),i}function Re(s){let{categoryField:a,categoryType:e,numericFields:t,inlineData:i}=s,o;if("dataItems"in i){let{dataItems:r}=i,h=[],l="OBJECTID",n=r.map((y,B)=>{let k={...y};return"FID"in y?l="FID":"ObjectId"in y&&(l="ObjectId"),k[l]||(k[l]=B),{attributes:k}});h.push({type:"esriFieldTypeOID",name:l});let u;switch(e){case"dateOnly":u=D.DateOnly;break;case"timeStampOffset":u=D.TimestampOffset;break;case"date":u=D.Date;break;case"number":u=D.Double;break;case"string":default:u=D.String;break}h.push({type:u,name:a}),t.forEach(y=>{h.push({type:D.Double,name:y})}),o={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:h},featureSet:{features:n}}]}}}return o}async function Fe(s){let{categoryField:a,categoryType:e,numericFields:t,configFields:i,inlineData:o}=s,r,h,l=w(o);i&&(r=xe({categoryField:a,numericFields:t,configFields:i,inlineData:l}),l=Be({numericFields:t,configFields:i,inlineData:l}));let n=Re({categoryField:a,categoryType:e,numericFields:t,inlineData:l});return n&&(h=await me(n)),{chartRenderer:r,iLayer:n,layer:h}}var Ee=J`.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"},Y=class extends Q{constructor(){super(...arguments),this._messages=W(),this.commonStrings=W({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=C(),this.aggregationElement=C(),this.numericFieldsElement=C(),this.calendarTypeElement=C(),this.calendarViewTypeElement=C(),this.classBreakMethodElement=C(),this.nullElement=C(),this.breaksCountElement=C(),this.colorSchemeElement=C(),this.onHeatChartDataPopoverChange=async a=>{try{if(a.detail?.value!==void 0){let{contentKind:e}=a.detail,t=a.detail.value;switch(e){case c.aggregation:this.model.aggregationType=t;break;case c.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart(),this.model.classificationMethod=R.naturalBreaks,this.model.heatRulesType=O.Renderer;break;case c.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===_.Count&&this.model.numericFields[0]!==de(this.model.layer).idField&&(this.model.aggregationType=_.Sum);break;case c.calendarType:{switch(t){case z.YearByMonthAndDayOfMonth:{let i={type:p.CalendarDateParts,unit:F.DayOfMonth},o={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.xTemporalBinning=i,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}});break}case z.WeekByDayOfWeekAndHourOfDay:{let i={type:p.CalendarDateParts,unit:F.HourOfDay},o={type:p.CalendarDateParts,unit:F.DayOfWeek};this.model.xTemporalBinning=i,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!0}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{weekday:"short"}});break}default:break}break}case c.calendarViewType:{this.model.viewType=t;break}case c.classBreakMethod:{this.model.classificationMethod=t,this.model.heatRulesType=O.Renderer,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=()=>{pe(this.model?.config)&&(this.selectedColorRamp=this.availableColorRamps[0]),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=a=>{let{ramp:e}=a.detail;this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks(),this.removeHeatChartDataPopover()},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,i={...t,symbol:{...t?.symbol,type:v.SFS,color:e,outline:t?.symbol?.outline&&{...t.symbol.outline,color:e}}};this.model.emptyCell=i}},this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=Z()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5,chartData:0}}static{this.styles=Ee}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=oe(this.model.aggregationType,this.commonStrings),a.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ce(this.model.chartRenderer)===re.ClassBreaks)}updated(a){a.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let a=De.all();this.allColorRamps=a,this.availableColorRamps=this.allColorRamps}generateColorsForExistingBreaks(a){let e=this.model.breaksCount;return be({numberOfClassBreaks:e,selectedColorRamp:a,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(t=>t.symbol?.color)})}normalizeClassBreakInfosForCompare(a,e){return(a??[]).map(({classMinValue:t,classMaxValue:i,label:o,symbol:r})=>({classMinValue:t,classMaxValue:i,label:o,symbol:e?void 0:r}))}async generateAndUpdateClassBreaks(){let a=[];if(this.model.classificationMethod===R.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){a=w(this.model.chartRenderer?.classBreakInfos)??[];let i=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let o=0;o<a.length&&o<i.length;o++)a[o].symbol&&(a[o].symbol.color=i[o])}else if(this.model.classificationMethod!==R.manual&&this.chartData){let i=await Fe({categoryField:this.model?.xAxisField?.[0]??"",categoryType:p.DateAxisFormat,numericFields:[P.valueField],inlineData:this.chartData});if(i.layer&&this.model.layer){let o=Ae({geometryType:"point",theme:"high-to-low"})?.primaryScheme,r=await Ie({layer:i.layer,field:P.valueField,classificationMethod:this.model.classificationMethod,numClasses:this.model.breaksCount,colorScheme:o});a=$e({classBreaksRendererResult:r,numberOfClassBreaks:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp,colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(h=>h.symbol?.color)})}}let e=!this.updateClassBreaksColor,t=!se(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(a,e));this.updateChartRenderer&&t&&(this.model.chartRenderer={type:"classBreaks",field:P.valueField,classBreakInfos:a}),this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Ce({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":K(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(a){this.contentKind=c.xAxisField,this.setupPopover(a)}onNumericFieldSelect(a){this.contentKind=c.numericFields,this.setupPopover(a)}onCalendarTypeSelect(a){this.contentKind=c.calendarType,this.setupPopover(a)}onClassBreakMethodSelect(a){this.contentKind=c.classBreakMethod,this.setupPopover(a)}onColorSchemeSelect(a){this.contentKind=c.colorScheme,this.setupPopover(a)}onBreaksCountChange(a){let e=ie(a.target.value);e<x.min?e=x.min:e>x.max&&(e=x.max),he(e)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=e.toString()),this.model.breaksCount=e,this.updateChartRenderer=!0,this.model.heatRulesType=O.Renderer)}onAggregationSelect(a){this.contentKind=c.aggregation,this.setupPopover(a)}onNullSelect(a){this.contentKind=c.null,this.setupPopover(a)}onIncludeLeapDayChange(a){let e=a.target.checked;this.model.includeLeapDay=e}setupPopover(a){a.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,t,i;switch(this.contentKind){case c.aggregation:e=this.aggregationElement.value,t=this._messages.aggregationHeader,i=this.model.aggregationType;break;case c.xAxisField:e=this.xAxisFieldElement.value,t=this._messages.xAxisField,i=this.model.xAxisField;break;case c.numericFields:e=this.numericFieldsElement.value,t=this._messages.numericField,i=this.model.numericFields?.[0];break;case c.calendarType:e=this.calendarTypeElement.value,t=this._messages.calendarType,i=U(this.model);break;case c.calendarViewType:e=this.calendarViewTypeElement.value,t=this._messages.viewType,i=this.model.viewType;break;case c.classBreakMethod:e=this.classBreakMethodElement.value,t=this._messages.method,i=this.model.classificationMethod;break;case c.colorScheme:e=this.colorSchemeElement.value,t=this._messages.colorScheme,i=this.selectedColorRamp?.name;break;case c.null:e=a.target,t=this._messages.null;break}this.heatChartPopover=ee(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange}></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=ye(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!ue(this.model?.config)){if(this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(ge.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.viewType=le.singleCalendarView}}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===_.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?"":K(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=U(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[te(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?ke(e.symbol.color):"#FFFFFF";return m`<div class=${d(g.colorRampSegment)} style=${q({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??ne.grayColor,[i,o,r,h]=[...t],l=`rgba(${i},${o},${r},${h/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=${q({color:l})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}render(){let a=this.renderXAxisFieldSelect(),e=this.renderAggregation(),t=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),o=this.renderClassBreakMethodSelect(),r=this.renderColorRampSelect(),h=this.renderClassBreaksTable(),l=this.renderNullUI();return m`<calcite-label class=${d(g.label)}>${this._messages.dateRequired}${a}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.calendarType}${i}</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}${o}</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===R.manual} step=1 .value=${fe(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${b(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${d(g.label)}>${this._messages.colorScheme}${r}</calcite-label>${l}<calcite-accordion class=${d(g.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${h}</calcite-accordion-item></calcite-accordion><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>`}};ae("arcgis-charts-config-heat-chart-data",Y);return Y},"intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","smartMapping/symbology/support/colorRamps","smartMapping/renderers/color","smartMapping/symbology/color",a,e,f,g)
+import{a as be,b as $e,c as ke}from"./M6WNU46Q.js";import{a as ye}from"./KU3WZFI6.js";import g from"./P4IJGBEM.js";import{l as c,m as z}from"./BVAXFPTE.js";import{a as W}from"./QUWXB6XH.js";import f from"./QEUQO5PH.js";import e from"./PTHMEJ4M.js";import"./NTORA6PS.js";import a from"./FDMFAAYD.js";import{C as re,f as te,g as w,k as se,p as ie,s as D,t as S,v as $,y as v}from"./XKVQ2IIF.js";import"./Z4XTLHV3.js";import{c as ge}from"./KUVOINJC.js";import{a as p,b as _,l as F,m as O,w as le,x as R}from"./NKG4FLLR.js";import{A as d,B as q,D as ee,F as ae,g as J,h as m,m as Z,x as C,y as b,z as Q}from"./CF5YAZDQ.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,De,{createClassBreaksRenderer:Ie},{getSchemes:Ae},{Bb:K,Cc:me,Da:oe,F:P,Fc:de,G:x,Kb:he,Ma:ne,Md:pe,bb:ce},{s:ue},{h:Ce},{g:fe,s:U}])=>{function Se(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 X(s){let a;if(typeof s=="string"&&s.startsWith("#")){let e=Se(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 ve(s){return s===$.BackwardDiagonal||s===$.Cross||s===$.DiagonalCross||s===$.ForwardDiagonal||s===$.Horizontal||s===$.Null||s===$.Solid||s===$.Vertical}function N(s){return s===S.Dash||s===S.DashDot||s===S.DashDotDot||s===S.Dot||s===S.Null||s===S.Solid}function xe(s){let{categoryField:a,numericFields:e,configFields:t,inlineData:i}=s,o={};return t&&Object.keys(t).length>0&&"dataItems"in i&&(o={type:"uniqueValue",field1:a,uniqueValueInfos:[]},i.dataItems.forEach(r=>{let h=r[a];if(h!=null){let l={value:h};e.forEach(n=>{let u=X(r[`${t.fillColor}_${n}`]),y=r[`${t.fillOpacity}_${n}`],B=r[`${t.fillStyle}_${n}`],k=r[`${t.markerSize}_${n}`],I=X(r[`${t.outlineColor}_${n}`]),V=r[`${t.outlineOpacity}_${n}`],A=r[`${t.outlineWidth}_${n}`],L=r[`${t.outlineStyle}_${n}`],E=X(r[`${t.lineColor}_${n}`]),H=r[`${t.lineOpacity}_${n}`],M=r[`${t.lineWidth}_${n}`],j=r[`${t.lineStyle}_${n}`],G=r[`${t.displayLabel}_${n}`];if(typeof G=="string"&&(l={...l,label:G}),k!=null){let f={type:v.SMS};k&&typeof k=="number"&&(f.size=k),l.symbol=f}if(u||ve(B)){let f=l.symbol&&l.symbol.type===v.SMS?l.symbol:{type:v.SFS};if(u&&(y&&typeof y=="number"&&(u[3]=y),f.color=u),ve(B)&&(f.style=B),l.symbol=f,I||A!=null||N(L)){let T={type:v.SLS};I&&(V&&typeof V=="number"&&(I[3]=V),T.color=I),N(L)&&(T.style=L),A&&typeof A=="number"&&(T.width=A),l.symbol.outline=T}}else if(E||M!=null||N(j)){let f={type:v.SLS};E&&(H&&typeof H=="number"&&(E[3]=H),f.color=E),N(j)&&(f.style=j),M!=null&&typeof M=="number"&&(f.width=M),l.symbol=f}}),(l.label||l.symbol)&&o.uniqueValueInfos.push(l)}})),o}function Be(s){let{numericFields:a,configFields:e,inlineData:t}=s,i=t;return"dataItems"in t&&Object.entries(e).forEach(([o,r])=>{a.forEach(h=>{let l=`${r}_${h}`;t.dataItems.forEach(n=>{l in n&&delete n[l]})})}),i}function Re(s){let{categoryField:a,categoryType:e,numericFields:t,inlineData:i}=s,o;if("dataItems"in i){let{dataItems:r}=i,h=[],l="OBJECTID",n=r.map((y,B)=>{let k={...y};return"FID"in y?l="FID":"ObjectId"in y&&(l="ObjectId"),k[l]||(k[l]=B),{attributes:k}});h.push({type:"esriFieldTypeOID",name:l});let u;switch(e){case"dateOnly":u=D.DateOnly;break;case"timeStampOffset":u=D.TimestampOffset;break;case"date":u=D.Date;break;case"number":u=D.Double;break;case"string":default:u=D.String;break}h.push({type:u,name:a}),t.forEach(y=>{h.push({type:D.Double,name:y})}),o={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:h},featureSet:{features:n}}]}}}return o}async function Fe(s){let{categoryField:a,categoryType:e,numericFields:t,configFields:i,inlineData:o}=s,r,h,l=w(o);i&&(r=xe({categoryField:a,numericFields:t,configFields:i,inlineData:l}),l=Be({numericFields:t,configFields:i,inlineData:l}));let n=Re({categoryField:a,categoryType:e,numericFields:t,inlineData:l});return n&&(h=await me(n)),{chartRenderer:r,iLayer:n,layer:h}}var Ee=J`.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"},Y=class extends Q{constructor(){super(...arguments),this._messages=W(),this.commonStrings=W({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=C(),this.aggregationElement=C(),this.numericFieldsElement=C(),this.calendarTypeElement=C(),this.calendarViewTypeElement=C(),this.classBreakMethodElement=C(),this.nullElement=C(),this.breaksCountElement=C(),this.colorSchemeElement=C(),this.onHeatChartDataPopoverChange=async a=>{try{if(a.detail?.value!==void 0){let{contentKind:e}=a.detail,t=a.detail.value;switch(e){case c.aggregation:this.model.aggregationType=t;break;case c.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart(),this.model.classificationMethod=R.naturalBreaks,this.model.heatRulesType=O.Renderer;break;case c.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===_.Count&&this.model.numericFields[0]!==de(this.model.layer).idField&&(this.model.aggregationType=_.Sum);break;case c.calendarType:{switch(t){case z.YearByMonthAndDayOfMonth:{let i={type:p.CalendarDateParts,unit:F.DayOfMonth},o={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.xTemporalBinning=i,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}});break}case z.WeekByDayOfWeekAndHourOfDay:{let i={type:p.CalendarDateParts,unit:F.HourOfDay},o={type:p.CalendarDateParts,unit:F.DayOfWeek};this.model.xTemporalBinning=i,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!0}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{weekday:"short"}});break}default:break}break}case c.calendarViewType:{this.model.viewType=t;break}case c.classBreakMethod:{this.model.classificationMethod=t,this.model.heatRulesType=O.Renderer,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=()=>{pe(this.model?.config)&&(this.selectedColorRamp=this.availableColorRamps[0]),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=a=>{let{ramp:e}=a.detail;this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks(),this.removeHeatChartDataPopover()},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,i={...t,symbol:{...t?.symbol,type:v.SFS,color:e,outline:t?.symbol?.outline&&{...t.symbol.outline,color:e}}};this.model.emptyCell=i}},this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=Z()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5,chartData:0}}static{this.styles=Ee}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=oe(this.model.aggregationType,this.commonStrings),a.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ce(this.model.chartRenderer)===re.ClassBreaks)}updated(a){a.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let a=De.all();this.allColorRamps=a,this.availableColorRamps=this.allColorRamps}generateColorsForExistingBreaks(a){let e=this.model.breaksCount;return be({numberOfClassBreaks:e,selectedColorRamp:a,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(t=>t.symbol?.color)})}normalizeClassBreakInfosForCompare(a,e){return(a??[]).map(({classMinValue:t,classMaxValue:i,label:o,symbol:r})=>({classMinValue:t,classMaxValue:i,label:o,symbol:e?void 0:r}))}async generateAndUpdateClassBreaks(){let a=[];if(this.model.classificationMethod===R.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){a=w(this.model.chartRenderer?.classBreakInfos)??[];let i=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let o=0;o<a.length&&o<i.length;o++)a[o].symbol&&(a[o].symbol.color=i[o])}else if(this.model.classificationMethod!==R.manual&&this.chartData){let i=await Fe({categoryField:this.model?.xAxisField?.[0]??"",categoryType:p.DateAxisFormat,numericFields:[P.valueField],inlineData:this.chartData});if(i.layer&&this.model.layer){let o=Ae({geometryType:"point",theme:"high-to-low"})?.primaryScheme,r=await Ie({layer:i.layer,field:P.valueField,classificationMethod:this.model.classificationMethod,numClasses:this.model.breaksCount,colorScheme:o});a=$e({classBreaksRendererResult:r,numberOfClassBreaks:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp,colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(h=>h.symbol?.color)})}}let e=!this.updateClassBreaksColor,t=!se(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(a,e));this.updateChartRenderer&&t&&(this.model.chartRenderer={type:"classBreaks",field:P.valueField,classBreakInfos:a}),this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Ce({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":K(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(a){this.contentKind=c.xAxisField,this.setupPopover(a)}onNumericFieldSelect(a){this.contentKind=c.numericFields,this.setupPopover(a)}onCalendarTypeSelect(a){this.contentKind=c.calendarType,this.setupPopover(a)}onClassBreakMethodSelect(a){this.contentKind=c.classBreakMethod,this.setupPopover(a)}onColorSchemeSelect(a){this.contentKind=c.colorScheme,this.setupPopover(a)}onBreaksCountChange(a){let e=ie(a.target.value);e<x.min?e=x.min:e>x.max&&(e=x.max),he(e)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=e.toString()),this.model.breaksCount=e,this.updateChartRenderer=!0,this.model.heatRulesType=O.Renderer)}onAggregationSelect(a){this.contentKind=c.aggregation,this.setupPopover(a)}onNullSelect(a){this.contentKind=c.null,this.setupPopover(a)}onIncludeLeapDayChange(a){let e=a.target.checked;this.model.includeLeapDay=e}setupPopover(a){a.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,t,i;switch(this.contentKind){case c.aggregation:e=this.aggregationElement.value,t=this._messages.aggregationHeader,i=this.model.aggregationType;break;case c.xAxisField:e=this.xAxisFieldElement.value,t=this._messages.xAxisField,i=this.model.xAxisField;break;case c.numericFields:e=this.numericFieldsElement.value,t=this._messages.numericField,i=this.model.numericFields?.[0];break;case c.calendarType:e=this.calendarTypeElement.value,t=this._messages.calendarType,i=U(this.model);break;case c.calendarViewType:e=this.calendarViewTypeElement.value,t=this._messages.viewType,i=this.model.viewType;break;case c.classBreakMethod:e=this.classBreakMethodElement.value,t=this._messages.method,i=this.model.classificationMethod;break;case c.colorScheme:e=this.colorSchemeElement.value,t=this._messages.colorScheme,i=this.selectedColorRamp?.name;break;case c.null:e=a.target,t=this._messages.null;break}this.heatChartPopover=ee(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange}></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=ye(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!ue(this.model?.config)){if(this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(ge.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.viewType=le.singleCalendarView}}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===_.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?"":K(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=U(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[te(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?ke(e.symbol.color):"#FFFFFF";return m`<div class=${d(g.colorRampSegment)} style=${q({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??ne.grayColor,[i,o,r,h]=[...t],l=`rgba(${i},${o},${r},${h/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=${q({color:l})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}render(){let a=this.renderXAxisFieldSelect(),e=this.renderAggregation(),t=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),o=this.renderClassBreakMethodSelect(),r=this.renderColorRampSelect(),h=this.renderClassBreaksTable(),l=this.renderNullUI();return m`<calcite-label class=${d(g.label)}>${this._messages.dateRequired}${a}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.calendarType}${i}</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}${o}</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===R.manual} step=1 .value=${fe(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${b(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${d(g.label)}>${this._messages.colorScheme}${r}</calcite-label>${l}<calcite-accordion class=${d(g.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${h}</calcite-accordion-item></calcite-accordion><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>`}};ae("arcgis-charts-config-heat-chart-data",Y);return Y},"intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","smartMapping/symbology/support/colorRamps","smartMapping/renderers/color","smartMapping/symbology/color",a,e,f,g)

package/dist/cdn/M6WNU46Q.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import{t as g,v as p,y as M}from"./XKVQ2IIF.js";function m(t){let s=t.toRgba();return s[3]=Math.round(s[3]*255),s}function b(t,s,l){let n=Math.max(0,Math.min(1,l));return[Math.round(t[0]+(s[0]-t[0])*n),Math.round(t[1]+(s[1]-t[1])*n),Math.round(t[2]+(s[2]-t[2])*n),Math.round(t[3]+(s[3]-t[3])*n)]}function k(t,s){let l=[],n=[],o=!1;if(t.colorsForClassBreaks&&t.colorsForClassBreaks.length>0){let a=t.colorsForClassBreaks.find(e=>e.numClasses===s);if(a?.colors?.length===s){let e=a.colors.map(r=>m(r));n=t.colors[0]!==a.colors[0]?e.reverse():e,o=!0}}if(!o){let a=t.colors||[];if(a.length>0){for(let e=0;e<s;e++){let r=s>1?e/(s-1):0,c=Math.floor(r*(a.length-1)),u=Math.min(c+1,a.length-1),h=r*(a.length-1)-c,i=m(a[c]),d=m(a[u]),f=b(i,d,h);l.push(f)}n=l}}return n}function S(t){let{numberOfClassBreaks:s,selectedColorRamp:l,colorRamp:n}=t,o=[],a=[237,248,251,255],e=[136,65,157,255],r=l?k(l,s):n??[];if(a=r[0]??a,e=r[r.length-1]!==void 0&&r.length>1?r[r.length-1]:e,n&&n.length>0&&n.length===s?o=n:o=r,o.length!==s){let c=[];if(s>1)for(let u=0;u<s;u++){let h=u/(s-1),i=b(a,e,h);c.push(i)}else c.push(a);o=c}return o}function y(t,s=2){return`\u2264 ${(l=>{let n="";return l%1===0?n=l.toString():n=l.toFixed(s),n})(t)}`}function C(t){let{classBreaksRendererResult:s,numberOfClassBreaks:l,selectedColorRamp:n,colorRamp:o}=t,a=[];if(s?.classBreaksResult.classBreakInfos){let e=S({numberOfClassBreaks:l,selectedColorRamp:n,colorRamp:o}),r=s.classBreaksResult.classBreakInfos,c=B(r.flatMap(u=>[u.maxValue]));r.forEach((u,h)=>{let{maxValue:i,minValue:d}=u,f=y(i,c);a.push({classMinValue:d,classMaxValue:i,label:f,symbol:{type:M.SFS,style:p.Solid,color:e[h]||[0,0,0,255],outline:{style:g.Solid,width:.5,color:[50,50,50,.6]}}})})}return a}function F(t){let s="#000000";if(t&&Array.isArray(t)&&t.length>=3){let l=Math.max(0,Math.min(255,Math.round(t[0]||0))),n=Math.max(0,Math.min(255,Math.round(t[1]||0))),o=Math.max(0,Math.min(255,Math.round(t[2]||0))),a=l.toString(16).padStart(2,"0"),e=n.toString(16).padStart(2,"0"),r=o.toString(16).padStart(2,"0");s=`#${a}${e}${r}`}return s}var w={all:["*"],light:["light"],dark:["dark"],redsAndYellows:["oranges","reds","yellows"],greens:["greens"],blues:["blues"],purplesAndPinks:["purples","pinks"],browns:["browns"],grays:["grays"],bright:["bright"],subdued:["subdued"],colorblindFriendly:["colorblind-friendly"]},V={all:"all"},B=t=>{let s=0,l=(e,r)=>{let c=10**r;return Math.round(e*c)/c},n=e=>{let r=0;return e.forEach(c=>{let u=c.toString().split(".")[1];u&&(r=Math.max(r,u.length))}),r},o=[...t].sort((e,r)=>e-r),a=n(o);for(;s<=a&&o.some((e,r)=>r>0&&l(e,s)<=l(o[r-1],s));)s++;return Math.min(s,a)};export{S as a,C as b,F as c,w as d,V as e};

package/dist/cdn/{WLHGB4P4.js → MRAQ3Y7G.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{d as R,e as w}from"./GLIV54LE.js";import{a as h}from"./CB2EYCDF.js";import{a as k}from"./CLEHXDRG.js";import{b as j}from"./KU3WZFI6.js";import f from"./P4IJGBEM.js";import{l as c,m as $}from"./BVAXFPTE.js";import{a as b}from"./QUWXB6XH.js";import e from"./PTHMEJ4M.js";import"./NTORA6PS.js";import a from"./FDMFAAYD.js";import{k as S,s as E}from"./XKVQ2IIF.js";import"./Z4XTLHV3.js";import"./KUVOINJC.js";import{b as A,w as v,x as C}from"./NKG4FLLR.js";import{A as l,B as P,C as g,F as T,g as I,h as o,m as d,x as u,y as p,z as L}from"./CF5YAZDQ.js";import"./OR4HXHSY.js";export default $arcgis.t(([O,,,,,,,,,,,,,,,,{Bb:M,Da:D,Gc:N,Hc:B,Ma:f,z:_},,{a:y,c:x,k:m}])=>{var q=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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,s={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",header:"header",pickListItemLabel:"pick-list-item-label",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},F=class extends L{constructor(){super(...arguments),this._messages=b(),this.commonStrings=b({name:"common",blocking:!0}),this.picklist=u(),this.popoverElement=u(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=w.all,this.isFlipped=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,isFlipped:16,aggregationLabels:16,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=q}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=x.map(t=>D(t,this.commonStrings));S(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},y.PopoverTimer),j(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},y.PopoverTimer)}buildAggregationListItems(){return h(x.filter(e=>e!==A.NoAggregation),e=>e,(e,t)=>o`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return k(e.name,o`<calcite-list-item .label=${M(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=k(" ",o`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&B(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===w.all)e=this.availableColorRamps;else{let t=R[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof O){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(H=>typeof H=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=_*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values($).filter(i=>i!==$.WeekByDayOfWeekAndHourOfDay||e?.type!==E.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return o`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(v),t=>t,t=>{let a=this._messages[t];return o`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==v.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return o`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=o`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return o`<div class=${l(s.colorRampPopover)}><div class=${l(s.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys(R).map(a=>o`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(s.rampGrid)}>${e.length===0&&o`<div class=${l(s.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName||a.name===this.selectedContent;return o`<div class=${`${s.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(s.rampName)} aria-hidden=true>${a.name}</div><div class=${l(s.rampStrips)}>${h(i,n=>n,n=>o`<div class=${l(s.rampStrip)} style=${P({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&o`<div class=${`${s.rampStrip} ${s.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(s.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button><calcite-button appearance=outline kind=neutral @click=${this.closePopover}>${this._messages?.colorRamp?.cancel}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??f.grayColor,t=this.model.emptyCellText??f.nullCategory?.text??"";return o`<div><div class=${l(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return o`<div class=${l(s.jsAppFlyout)}><calcite-popover class=${l(s.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(s.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};T("arcgis-charts-config-heat-chart-popover",F);return F},"Color","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,e,f)
+import{d as R,e as w}from"./M6WNU46Q.js";import{a as h}from"./CB2EYCDF.js";import{a as k}from"./CLEHXDRG.js";import{b as j}from"./KU3WZFI6.js";import f from"./P4IJGBEM.js";import{l as c,m as $}from"./BVAXFPTE.js";import{a as b}from"./QUWXB6XH.js";import e from"./PTHMEJ4M.js";import"./NTORA6PS.js";import a from"./FDMFAAYD.js";import{k as S,s as E}from"./XKVQ2IIF.js";import"./Z4XTLHV3.js";import"./KUVOINJC.js";import{b as A,w as v,x as C}from"./NKG4FLLR.js";import{A as l,B as P,C as g,F as T,g as I,h as o,m as d,x as u,y as p,z as L}from"./CF5YAZDQ.js";import"./OR4HXHSY.js";export default $arcgis.t(([O,,,,,,,,,,,,,,,,{Bb:M,Da:D,Gc:N,Hc:B,Ma:f,z:_},,{a:y,c:x,k:m}])=>{var q=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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,s={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",header:"header",pickListItemLabel:"pick-list-item-label",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},F=class extends L{constructor(){super(...arguments),this._messages=b(),this.commonStrings=b({name:"common",blocking:!0}),this.picklist=u(),this.popoverElement=u(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=w.all,this.isFlipped=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,isFlipped:16,aggregationLabels:16,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=q}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=x.map(t=>D(t,this.commonStrings));S(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},y.PopoverTimer),j(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},y.PopoverTimer)}buildAggregationListItems(){return h(x.filter(e=>e!==A.NoAggregation),e=>e,(e,t)=>o`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return k(e.name,o`<calcite-list-item .label=${M(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=k(" ",o`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&B(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===w.all)e=this.availableColorRamps;else{let t=R[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof O){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(H=>typeof H=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=_*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values($).filter(i=>i!==$.WeekByDayOfWeekAndHourOfDay||e?.type!==E.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return o`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(v),t=>t,t=>{let a=this._messages[t];return o`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==v.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return o`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${l(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=o`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return o`<div class=${l(s.colorRampPopover)}><div class=${l(s.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys(R).map(a=>o`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(s.rampGrid)}>${e.length===0&&o`<div class=${l(s.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName||a.name===this.selectedContent;return o`<div class=${`${s.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(s.rampName)} aria-hidden=true>${a.name}</div><div class=${l(s.rampStrips)}>${h(i,n=>n,n=>o`<div class=${l(s.rampStrip)} style=${P({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&o`<div class=${`${s.rampStrip} ${s.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(s.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button><calcite-button appearance=outline kind=neutral @click=${this.closePopover}>${this._messages?.colorRamp?.cancel}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??f.grayColor,t=this.model.emptyCellText??f.nullCategory?.text??"";return o`<div><div class=${l(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return o`<div class=${l(s.jsAppFlyout)}><calcite-popover class=${l(s.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(s.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};T("arcgis-charts-config-heat-chart-popover",F);return F},"Color","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,e,f)