@arcgis/charts-components 5.1.0-next.87 → 5.1.0-next.89

package/dist/cdn/{WHVMPOF6.js → N6Q3RRG6.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as le}from"./EEBD6KKN.js";import j from"./FTGZEUG5.js";import{a as z,h as J}from"./7BDNLABD.js";import i from"./NGI7H6FA.js";import{l as s,m as k}from"./FPDW4F45.js";import{a as S}from"./A3N7FAEK.js";import g from"./L4V7IFLS.js";import e from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import{f as L,l as N,q as H,z as K}from"./Y7IQV44J.js";import{e as _,g as I,h as O}from"./MIYIXPXS.js";import{c as G}from"./EZM4ZDQI.js";import{a as h,b as d,l as f,m as b,n as m,w as q,x as v}from"./ETLJKITO.js";import{A as T,B as o,C as F,E as D,G as w,g as P,i as l,n as M,y as n,z as c}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Bc:A,D:W,E:u,Ha:U,Kb:B,Qa:x,Tb:X,a:V,ee:Z},{s:Y},{h:j},{h:Q,t:$},{a:ee,d:te,e:ae,f:se,g:R,h:ie}])=>{var re=P`.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)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},E=class extends T{constructor(){super(...arguments),this._messages=S(),this.commonStrings=S({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:t}=e.detail,a=e.detail.value;switch(t){case s.aggregation:this.model.aggregationType=a,a===d.Count||a===d.Sum?this.model.nullPolicy=m.Zero:this.model.nullPolicy=m.Null;break;case s.xAxisField:this.model.xAxisField=a,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[a.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==A(this.model.layer).idField&&(this.model.aggregationType=d.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(a);break}case s.calendarViewType:{this.model.viewType=a;break}case s.classBreakMethod:{this.model.classificationMethod=a,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{Z(this.model?.config)&&(this.selectedColorRamp=R.defaultColorRampForCharts),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{ramp:t,isFlipped:a}=e.detail;this.isFlipped=a,N(this.selectedColorRamp,t)||(this.selectedColorRamp=t,await this.generateAndUpdateClassBreaks(!0))},this.onEmptyCellNameChange=e=>{let{name:t}=e.detail;if(t!==void 0){let a={...this.model.emptyCell,name:t};this.model.emptyCell=a}},this.onEmptyCellColorChange=e=>{let{color:t}=e.detail;if(t!==void 0){let a=this.model.emptyCell,i={...a,symbol:{...a?.symbol,type:K.SFS,color:t,outline:a?.symbol?.outline&&{...a.symbol.outline,color:t}}};this.model.emptyCell=i}},this.isFlipped=!1,this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=re}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=U(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=R.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??x.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=I(this.el??document.documentElement),t=O(e);return V.local().setLocale(e).startOf("week",{useLocaleWeeks:t!==_}).weekday}applyCalendarTypePreset(e){switch(e){case k.YearByMonthAndDayOfMonth:{let t={type:h.CalendarDateParts,unit:f.DayOfMonth},a={type:h.CalendarDateParts,unit:f.MonthOfYear};this.model.xTemporalBinning=t,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case k.WeekByDayOfWeekAndHourOfDay:{let t={type:h.CalendarDateParts,unit:f.HourOfDay},a={type:h.CalendarDateParts,unit:f.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=t,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}}}async generateClassBreaks(e=!1){let t=[],a=this.model.chartRenderer?.classBreakInfos,i=J(z);return i&&(t=await se({data:i,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:a,useExistingColors:!e,isFlipped:this.isFlipped})),t}applyGeneratedClassBreaks(e,t){if(this.model.chartRenderer={type:"classBreaks",field:W.valueField,classBreakInfos:e},this.model.heatRulesType!==b.Renderer&&(this.model.heatRulesType=b.Renderer),this.model.classificationMethod!==v.manual){let a=e.length||t;this.model.breaksCount!==a&&(this.model.breaksCount=a)}}async generateAndUpdateClassBreaks(e=!1){let t=this.getRequestedBreaksCount(),a=await this.generateClassBreaks(e);ie({currentBreaks:a,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(a,t)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return j({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":B(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let t=H(e.target.value);t<u.min?t=u.min:t>u.max&&(t=u.max),X(t)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=t.toString()),this.requestedBreaksCount=t,this.model.breaksCount=t,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let t=e.target.checked;this.model.includeLeapDay=t}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let t,a,i,g=this.isFlipped;switch(this.contentKind){case s.aggregation:t=this.aggregationElement.value,a=this._messages.aggregationHeader,i=this.model.aggregationType;break;case s.xAxisField:t=this.xAxisFieldElement.value,a=this._messages.xAxisField,i=this.model.xAxisField;break;case s.numericFields:t=this.numericFieldsElement.value,a=this._messages.numericField,i=this.model.numericFields?.[0];break;case s.calendarType:t=this.calendarTypeElement.value,a=this._messages.calendarType,i=$(this.model);break;case s.calendarViewType:t=this.calendarViewTypeElement.value,a=this._messages.viewType,i=this.model.viewType;break;case s.classBreakMethod:t=this.classBreakMethodElement.value,a=this._messages.method,i=this.model.classificationMethod;break;case s.colorScheme:t=this.colorSchemeElement.value,a=this._messages.colorScheme;let p=te(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);i=this.selectedColorRamp?.name??p?.name;let C=p?p.colorsForClassBreaks.find(y=>y.numClasses===this.model.breaksCount)?.colors:void 0;g=C?ae(C,this.model.chartRenderer?.classBreakInfos):g;break;case s.null:t=e.target,a=this._messages.null;break}this.heatChartPopover=D(l`<arcgis-charts-config-heat-chart-popover .headingTitle=${a} .referenceElement=${t} 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} .isFlipped=${g}></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=le(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){Y(this.model?.config)||((this.model.xTemporalBinning===void 0||this.model.yTemporalBinning===void 0)&&this.applyCalendarTypePreset(k.YearByMonthAndDayOfMonth),this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(G.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=v.naturalBreaks),this.model.heatRulesType!==b.Renderer&&(this.model.heatRulesType=b.Renderer),this.model.viewType===void 0&&(this.model.viewType=q.singleCalendarView),(this.model.aggregationType===d.Count||this.model.aggregationType===d.Sum)&&this.model.nullPolicy!==m.Zero&&(this.model.nullPolicy=m.Zero))}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return l`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return l`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===A(this.model.layer).idField?"":B(this.layerFieldsInfo,this.model.numericFields?.[0]);return l`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=$(this.model)??"",t={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},a=e?t[e]??"":"";return l`<arcgis-charts-config-field-select .label=${a} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},t=this.model.classificationMethod?e[L(this.model.classificationMethod)]??"":"";return l`<arcgis-charts-config-field-select .label=${t} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(t=>{let a=t!==void 0?ee(t.symbol.color):"#FFFFFF";return l`<div class=${o(r.colorRampSegment)} style=${F({backgroundColor:a,width:`${100/this.model.breaksCount}%`})}></div>`});return l`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return l`<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>${e.map(t=>l`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${t.symbol.color?.[0]}, ${t.symbol.color?.[1]}, ${t.symbol.color?.[2]}, ${t.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${t.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,t=this._messages.null,a=e?.symbol?.color??x.grayColor,[i,g,p,C]=[...a],y=`rgba(${i},${g},${p},${C/255})`;return l`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${t} .value=${t} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${F({color:y})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return l`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),t=this.renderAggregation(),a=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),g=this.renderClassBreakMethodSelect(),p=this.renderColorRampSelect(),C=this.renderClassBreaksTable(),y=this.renderNullUI(),oe=this.renderEmptyBins();return l`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${i}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${g}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${u.min} .max=${u.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===v.manual} step=1 .value=${Q(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${p}</calcite-label>${y}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${C}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${oe}</calcite-label>${$(this.model)===k.YearByMonthAndDayOfMonth?l`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};w("arcgis-charts-config-heat-chart-data",E);return E},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a,e,g,i,j)
+import{a as le}from"./EEBD6KKN.js";import j from"./FTGZEUG5.js";import{a as z,h as J}from"./7BDNLABD.js";import i from"./NGI7H6FA.js";import{l as s,m as k}from"./FPDW4F45.js";import{a as S}from"./SHV72LSB.js";import g from"./L4V7IFLS.js";import e from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import{f as L,l as N,q as H,z as K}from"./Y7IQV44J.js";import{e as _,g as I,h as O}from"./MIYIXPXS.js";import{c as G}from"./EZM4ZDQI.js";import{a as h,b as d,l as f,m as b,n as m,w as q,x as v}from"./ETLJKITO.js";import{A as T,B as o,C as F,E as D,G as w,g as P,i as l,n as M,y as n,z as c}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Bc:A,D:W,E:u,Ha:U,Kb:B,Qa:x,Tb:X,a:V,ee:Z},{s:Y},{h:j},{h:Q,t:$},{a:ee,d:te,e:ae,f:se,g:R,h:ie}])=>{var re=P`.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)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},E=class extends T{constructor(){super(...arguments),this._messages=S(),this.commonStrings=S({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:t}=e.detail,a=e.detail.value;switch(t){case s.aggregation:this.model.aggregationType=a,a===d.Count||a===d.Sum?this.model.nullPolicy=m.Zero:this.model.nullPolicy=m.Null;break;case s.xAxisField:this.model.xAxisField=a,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[a.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==A(this.model.layer).idField&&(this.model.aggregationType=d.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(a);break}case s.calendarViewType:{this.model.viewType=a;break}case s.classBreakMethod:{this.model.classificationMethod=a,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{Z(this.model?.config)&&(this.selectedColorRamp=R.defaultColorRampForCharts),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{ramp:t,isFlipped:a}=e.detail;this.isFlipped=a,N(this.selectedColorRamp,t)||(this.selectedColorRamp=t,await this.generateAndUpdateClassBreaks(!0))},this.onEmptyCellNameChange=e=>{let{name:t}=e.detail;if(t!==void 0){let a={...this.model.emptyCell,name:t};this.model.emptyCell=a}},this.onEmptyCellColorChange=e=>{let{color:t}=e.detail;if(t!==void 0){let a=this.model.emptyCell,i={...a,symbol:{...a?.symbol,type:K.SFS,color:t,outline:a?.symbol?.outline&&{...a.symbol.outline,color:t}}};this.model.emptyCell=i}},this.isFlipped=!1,this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=re}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=U(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=R.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??x.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=I(this.el??document.documentElement),t=O(e);return V.local().setLocale(e).startOf("week",{useLocaleWeeks:t!==_}).weekday}applyCalendarTypePreset(e){switch(e){case k.YearByMonthAndDayOfMonth:{let t={type:h.CalendarDateParts,unit:f.DayOfMonth},a={type:h.CalendarDateParts,unit:f.MonthOfYear};this.model.xTemporalBinning=t,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case k.WeekByDayOfWeekAndHourOfDay:{let t={type:h.CalendarDateParts,unit:f.HourOfDay},a={type:h.CalendarDateParts,unit:f.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=t,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}}}async generateClassBreaks(e=!1){let t=[],a=this.model.chartRenderer?.classBreakInfos,i=J(z);return i&&(t=await se({data:i,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:a,useExistingColors:!e,isFlipped:this.isFlipped})),t}applyGeneratedClassBreaks(e,t){if(this.model.chartRenderer={type:"classBreaks",field:W.valueField,classBreakInfos:e},this.model.heatRulesType!==b.Renderer&&(this.model.heatRulesType=b.Renderer),this.model.classificationMethod!==v.manual){let a=e.length||t;this.model.breaksCount!==a&&(this.model.breaksCount=a)}}async generateAndUpdateClassBreaks(e=!1){let t=this.getRequestedBreaksCount(),a=await this.generateClassBreaks(e);ie({currentBreaks:a,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(a,t)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return j({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":B(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let t=H(e.target.value);t<u.min?t=u.min:t>u.max&&(t=u.max),X(t)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=t.toString()),this.requestedBreaksCount=t,this.model.breaksCount=t,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let t=e.target.checked;this.model.includeLeapDay=t}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let t,a,i,g=this.isFlipped;switch(this.contentKind){case s.aggregation:t=this.aggregationElement.value,a=this._messages.aggregationHeader,i=this.model.aggregationType;break;case s.xAxisField:t=this.xAxisFieldElement.value,a=this._messages.xAxisField,i=this.model.xAxisField;break;case s.numericFields:t=this.numericFieldsElement.value,a=this._messages.numericField,i=this.model.numericFields?.[0];break;case s.calendarType:t=this.calendarTypeElement.value,a=this._messages.calendarType,i=$(this.model);break;case s.calendarViewType:t=this.calendarViewTypeElement.value,a=this._messages.viewType,i=this.model.viewType;break;case s.classBreakMethod:t=this.classBreakMethodElement.value,a=this._messages.method,i=this.model.classificationMethod;break;case s.colorScheme:t=this.colorSchemeElement.value,a=this._messages.colorScheme;let p=te(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);i=this.selectedColorRamp?.name??p?.name;let C=p?p.colorsForClassBreaks.find(y=>y.numClasses===this.model.breaksCount)?.colors:void 0;g=C?ae(C,this.model.chartRenderer?.classBreakInfos):g;break;case s.null:t=e.target,a=this._messages.null;break}this.heatChartPopover=D(l`<arcgis-charts-config-heat-chart-popover .headingTitle=${a} .referenceElement=${t} 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} .isFlipped=${g}></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=le(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){Y(this.model?.config)||((this.model.xTemporalBinning===void 0||this.model.yTemporalBinning===void 0)&&this.applyCalendarTypePreset(k.YearByMonthAndDayOfMonth),this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(G.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=v.naturalBreaks),this.model.heatRulesType!==b.Renderer&&(this.model.heatRulesType=b.Renderer),this.model.viewType===void 0&&(this.model.viewType=q.singleCalendarView),(this.model.aggregationType===d.Count||this.model.aggregationType===d.Sum)&&this.model.nullPolicy!==m.Zero&&(this.model.nullPolicy=m.Zero))}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return l`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return l`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===A(this.model.layer).idField?"":B(this.layerFieldsInfo,this.model.numericFields?.[0]);return l`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=$(this.model)??"",t={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},a=e?t[e]??"":"";return l`<arcgis-charts-config-field-select .label=${a} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},t=this.model.classificationMethod?e[L(this.model.classificationMethod)]??"":"";return l`<arcgis-charts-config-field-select .label=${t} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(t=>{let a=t!==void 0?ee(t.symbol.color):"#FFFFFF";return l`<div class=${o(r.colorRampSegment)} style=${F({backgroundColor:a,width:`${100/this.model.breaksCount}%`})}></div>`});return l`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return l`<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>${e.map(t=>l`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${t.symbol.color?.[0]}, ${t.symbol.color?.[1]}, ${t.symbol.color?.[2]}, ${t.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${t.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,t=this._messages.null,a=e?.symbol?.color??x.grayColor,[i,g,p,C]=[...a],y=`rgba(${i},${g},${p},${C/255})`;return l`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${t} .value=${t} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${F({color:y})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return l`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),t=this.renderAggregation(),a=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),g=this.renderClassBreakMethodSelect(),p=this.renderColorRampSelect(),C=this.renderClassBreaksTable(),y=this.renderNullUI(),oe=this.renderEmptyBins();return l`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${i}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${g}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${u.min} .max=${u.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===v.manual} step=1 .value=${Q(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${p}</calcite-label>${y}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${C}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${oe}</calcite-label>${$(this.model)===k.YearByMonthAndDayOfMonth?l`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};w("arcgis-charts-config-heat-chart-data",E);return E},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a,e,g,i,j)

package/dist/cdn/{TS4AXHNJ.js → NM4MDQJP.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{b}from"./EEBD6KKN.js";import e from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as $}from"./A3N7FAEK.js";import d from"./PE3FCPYX.js";import"./YJXIGYX6.js";import c from"./EVQPWQQD.js";import{u as i}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as f,B as o,D as r,G as y,g as C,i as v,n as s,y as n,z as a}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{x:S},,{g:w,h:E,i:c,j:p}])=>{var l={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=C`.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=n(),this.lineWidthInputElement=n(),this.lineStyleDropdownElement=n(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[h,m,g]=t,u=S*255;this.selectedColor=[h,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[h,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),c({inputElement:this.lineWidthInputElement.value,status:p.IDLE})):this.lineWidthInputElement.value&&c({inputElement:this.lineWidthInputElement.value,status:p.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div class=${o({[l.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${o(l.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${o(l.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${o(l.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??r}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??r}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??r}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${o(l.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",d);return d},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",c,d,e)
+import{b}from"./EEBD6KKN.js";import e from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as $}from"./SHV72LSB.js";import d from"./PE3FCPYX.js";import"./YJXIGYX6.js";import c from"./EVQPWQQD.js";import{u as i}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as f,B as o,D as r,G as y,g as C,i as v,n as s,y as n,z as a}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{x:S},,{g:w,h:E,i:c,j:p}])=>{var l={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=C`.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=n(),this.lineWidthInputElement=n(),this.lineStyleDropdownElement=n(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[h,m,g]=t,u=S*255;this.selectedColor=[h,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[h,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),c({inputElement:this.lineWidthInputElement.value,status:p.IDLE})):this.lineWidthInputElement.value&&c({inputElement:this.lineWidthInputElement.value,status:p.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div class=${o({[l.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${o(l.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${o(l.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${o(l.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??r}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??r}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??r}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${o(l.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",d);return d},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",c,d,e)

package/dist/cdn/{Q2EXXGKR.js → NMILLJKN.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import d from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as g}from"./A3N7FAEK.js";import c from"./PE3FCPYX.js";import"./YJXIGYX6.js";import b from"./EVQPWQQD.js";import"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as u,B as a,G as p,g as n,i as m,n as o,y as l,z as h}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{g:d,h:f,i:e,j:i}])=>{var r={container:"container",label:"label",numberInput:"number-input"},v=n`.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height))}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem}`,s=class extends u{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=l(),this.arcgisChartsConfigCategoryFormatChange=o()}static{this.properties={messageOverrides:0,categoryFormat:0}}static{this.styles=v}onCharacterLimitChange(){let t=this.characterLimitInputElement.value?.value,c=Math.floor(Number(t)),b=c===Number(t)&&c>=0;if(t!==void 0&&b&&d(t,this.characterLimitInputElement.value?.min,this.characterLimitInputElement.value?.max)){let y=Number.parseInt(t);this.updateCategoryFormat({type:this.categoryFormat.type,characterLimit:y}),this.arcgisChartsConfigCategoryFormatChange.emit(),this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.IDLE})}else this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.INVALID})}updateCategoryFormat(t){this.categoryFormat={...this.categoryFormat,...t}}render(){return m`<div class=${a(r.container)}><calcite-label class=${a(r.label)}>${this._messages.labelCharacterLmt}<calcite-input type=number class=${a(r.numberInput)} min=1 max=100 step=1 .value=${f(this.categoryFormat?.characterLimit,11)} @calciteInputInput=${this.onCharacterLimitChange} ${h(this.characterLimitInputElement)}></calcite-input></calcite-label></div>`}};p("arcgis-charts-config-category-format",s);return s},b,c,d)
+import d from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as g}from"./SHV72LSB.js";import c from"./PE3FCPYX.js";import"./YJXIGYX6.js";import b from"./EVQPWQQD.js";import"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as u,B as a,G as p,g as n,i as m,n as o,y as l,z as h}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{g:d,h:f,i:e,j:i}])=>{var r={container:"container",label:"label",numberInput:"number-input"},v=n`.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height))}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem}`,s=class extends u{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=l(),this.arcgisChartsConfigCategoryFormatChange=o()}static{this.properties={messageOverrides:0,categoryFormat:0}}static{this.styles=v}onCharacterLimitChange(){let t=this.characterLimitInputElement.value?.value,c=Math.floor(Number(t)),b=c===Number(t)&&c>=0;if(t!==void 0&&b&&d(t,this.characterLimitInputElement.value?.min,this.characterLimitInputElement.value?.max)){let y=Number.parseInt(t);this.updateCategoryFormat({type:this.categoryFormat.type,characterLimit:y}),this.arcgisChartsConfigCategoryFormatChange.emit(),this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.IDLE})}else this.characterLimitInputElement.value&&e({inputElement:this.characterLimitInputElement.value,status:i.INVALID})}updateCategoryFormat(t){this.categoryFormat={...this.categoryFormat,...t}}render(){return m`<div class=${a(r.container)}><calcite-label class=${a(r.label)}>${this._messages.labelCharacterLmt}<calcite-input type=number class=${a(r.numberInput)} min=1 max=100 step=1 .value=${f(this.categoryFormat?.characterLimit,11)} @calciteInputInput=${this.onCharacterLimitChange} ${h(this.characterLimitInputElement)}></calcite-input></calcite-label></div>`}};p("arcgis-charts-config-category-format",s);return s},b,c,d)

package/dist/cdn/{QULJVW56.js → OOL3OCF6.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as D}from"./F5NS6O5R.js";import{a as A}from"./EEBD6KKN.js";import{a as N,c as B}from"./7BDNLABD.js";import f from"./NGI7H6FA.js";import{b as a,c as m,i as c}from"./FPDW4F45.js";import{a as T}from"./A3N7FAEK.js";import e from"./PE3FCPYX.js";import"./YJXIGYX6.js";import d from"./EVQPWQQD.js";import{h as C,z as L}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import{c as p}from"./ETLJKITO.js";import{A as k,B as s,C as y,E as M,G as V,g as w,i as o,n as u,y as b,z as v}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Kb:I,O:P,Q:x},,{a:S,c:_,g:F,h:H,i:f,j:$,k:K}])=>{var l={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},q=w`.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)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=T(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&F(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(B(N),t){case c.transformation:this.model.dataTransformationType=i??p.None;break;case c.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigHistogramDataPopoverChange=u()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=q}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=A(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case p.None:e=this._messages.none??"";break;case p.Log:e=this._messages.log??"";break;case p.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case m.Min:t=this.minValue;break;case m.Max:t=this.maxValue;break;case m.Sum:t=this.sumValue;break;case m.Nulls:t=this.nullsValue;break;case m.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case m.CountExcludingNulls:t=this.countValue;break;case m.Mean:t=this.meanValue;break;case m.Median:t=this.medianValue;break;case m.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return K(t,_)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=c.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=c.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=c.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=c.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),n=t.includes(a.StandardDev),r=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==n&&(this.model.showStandardDevOverlay=n,this.standardDevOverlayVisible=n),this.normalDistOverlayVisible!==r&&(this.model.showNormalDistOverlay=r,this.normalDistOverlayVisible=r)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",n,r,h,g;switch(this.contentKind){case c.transformation:n=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case c.numericFields:r=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,n=void 0;break;case c.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,n=void 0,r=void 0;break;case c.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,n=void 0,r=void 0;break}this.histogramPopover=M(o`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${r} .selectedTransformationType=${n} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return o`<arcgis-charts-config-field-select .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return o`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:n,ref:r,colorAction:h,color:g}=e,[E,j,z,U]=[...g??x()];return D(i,o`<calcite-list-item .label=${t??""} .value=${d} .selected=${n} ${v(r??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${j},${z},${(U??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return o`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(l.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return o`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,o`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(m);return o`<calcite-list label class=${s(l.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return o`<div class=${s(l.row)}><calcite-label class=${s(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return o`<div class=${s(l.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${H(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return o`<div class=${s(l.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(l.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(l.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(l.sectionLabel)}>${this._messages.bins}</div><p class=${s(l.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(l.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(l.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",d,e,f)
+import{a as D}from"./F5NS6O5R.js";import{a as A}from"./EEBD6KKN.js";import{a as N,c as B}from"./7BDNLABD.js";import f from"./NGI7H6FA.js";import{b as a,c as m,i as c}from"./FPDW4F45.js";import{a as T}from"./SHV72LSB.js";import e from"./PE3FCPYX.js";import"./YJXIGYX6.js";import d from"./EVQPWQQD.js";import{h as C,z as L}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import{c as p}from"./ETLJKITO.js";import{A as k,B as s,C as y,E as M,G as V,g as w,i as o,n as u,y as b,z as v}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Kb:I,O:P,Q:x},,{a:S,c:_,g:F,h:H,i:f,j:$,k:K}])=>{var l={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},q=w`.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)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=T(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&F(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(B(N),t){case c.transformation:this.model.dataTransformationType=i??p.None;break;case c.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigHistogramDataPopoverChange=u()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=q}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=A(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case p.None:e=this._messages.none??"";break;case p.Log:e=this._messages.log??"";break;case p.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case m.Min:t=this.minValue;break;case m.Max:t=this.maxValue;break;case m.Sum:t=this.sumValue;break;case m.Nulls:t=this.nullsValue;break;case m.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case m.CountExcludingNulls:t=this.countValue;break;case m.Mean:t=this.meanValue;break;case m.Median:t=this.medianValue;break;case m.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return K(t,_)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=c.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=c.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=c.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=c.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),n=t.includes(a.StandardDev),r=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==n&&(this.model.showStandardDevOverlay=n,this.standardDevOverlayVisible=n),this.normalDistOverlayVisible!==r&&(this.model.showNormalDistOverlay=r,this.normalDistOverlayVisible=r)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",n,r,h,g;switch(this.contentKind){case c.transformation:n=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case c.numericFields:r=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,n=void 0;break;case c.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,n=void 0,r=void 0;break;case c.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,n=void 0,r=void 0;break}this.histogramPopover=M(o`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${r} .selectedTransformationType=${n} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return o`<arcgis-charts-config-field-select .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-select>`}renderDataTransformationType(){return o`<arcgis-charts-config-field-select .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-select>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:n,ref:r,colorAction:h,color:g}=e,[E,j,z,U]=[...g??x()];return D(i,o`<calcite-list-item .label=${t??""} .value=${d} .selected=${n} ${v(r??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${j},${z},${(U??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return o`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(l.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return o`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,o`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(m);return o`<calcite-list label class=${s(l.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return o`<div class=${s(l.row)}><calcite-label class=${s(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}renderBinsSection(){return o`<div class=${s(l.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${H(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return o`<div class=${s(l.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(l.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(l.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(l.sectionLabel)}>${this._messages.bins}</div><p class=${s(l.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(l.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(l.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",d,e,f)