@arcgis/charts-components 5.0.16 → 5.0.18

package/dist/cdn/{L3GN6BKI.js → 6J3DKAT4.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{a as h}from"./DADBHPUK.js";import{a as w}from"./KPO5JS7C.js";import{b as j}from"./FEJD2JHY.js";import i from"./DFVSUTC5.js";import f from"./UZ6A3XQC.js";import{l as c,m as $}from"./DPJE33GY.js";import{a as b}from"./QN4OORAR.js";import e from"./KFUE7LVT.js";import"./UG7LOBJE.js";import a from"./AD6GOUND.js";import{n as S,v as E}from"./4B3QBH5T.js";import"./FUPYXGG6.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"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([O,,,,,,,,,,,,,,,,{Gb:N,Ia:D,Oc:M,Pc:B,Ra:f,z:_},,{a:y,d:x,l:m},{b:k,c:R}])=>{var q=I`.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)}.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=R.all,this.aggregationLabels=[],this.isFlipped=!1,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,aggregationLabels:16,isFlipped:5,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),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}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 w(e.name,o`<calcite-list-item .label=${N(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=w(" ",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&&M(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===R.all)e=this.availableColorRamps;else{let t=k[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(k).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;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></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","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,e,f,i)
+import{a as h}from"./E2BL2IAN.js";import{a as w}from"./S6J6GG3K.js";import{b as j}from"./FEJD2JHY.js";import i from"./E23NF6WY.js";import f from"./26GAZPYA.js";import{l as c,m as $}from"./DPJE33GY.js";import{a as b}from"./QRRW5RVW.js";import e from"./3NHRCPMM.js";import"./UG7LOBJE.js";import a from"./KX4PPXON.js";import{n as S,v as E}from"./4B3QBH5T.js";import"./3CHBVAT3.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"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([O,,,,,,,,,,,,,,,,{Gb:N,Ia:D,Oc:M,Pc:B,Ra:f,z:_},,{a:y,d:x,l:m},{b:k,c:R}])=>{var q=I`.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)}.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=R.all,this.aggregationLabels=[],this.isFlipped=!1,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,aggregationLabels:16,isFlipped:5,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),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}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 w(e.name,o`<calcite-list-item .label=${N(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=w(" ",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&&M(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===R.all)e=this.availableColorRamps;else{let t=k[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(k).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;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></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","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,e,f,i)

package/dist/cdn/{O3K7RAMB.js → 6JY6I7WQ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{a as i}from"./43OZVJ43.js";import{b as C}from"./FEJD2JHY.js";import{a as g}from"./QN4OORAR.js";import b from"./AD6GOUND.js";import{B as h}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import"./NKG4FLLR.js";import{A as m,F as c,g as a,h as o,m as s,x as p,y as l,z as n}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([])=>{var d={jsAppFlyout:"js-app-flyout"},f=a``,r=class extends n{constructor(){super(...arguments),this._messages=g(),this.popoverElement=p(),this.placement="leading",this.arcgisChartsConfigGuidePopoverColorChange=s(),this.arcgisChartsConfigGuidePopoverSymbolChange=s(),this.arcgisChartsConfigPopoverClose=s()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}static{this.styles=f}async reposition(){await this.popoverElement.value?.reposition()}updated(){C(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(t){let e=t.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(t){let{lineStyle:e}=t.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(t.detail)}render(){let t=this.selectedElement,e=this.selectedElement;return o`<div class=${m(d.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${l(this.popoverElement)}>${Array.isArray(t)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${t} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===h.SLS&&o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};c("arcgis-charts-config-guide-popover",r);return r},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b)
+import{a as i}from"./43OZVJ43.js";import{b as C}from"./FEJD2JHY.js";import{a as g}from"./QRRW5RVW.js";import b from"./KX4PPXON.js";import{B as h}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import"./NKG4FLLR.js";import{A as m,F as c,g as a,h as o,m as s,x as p,y as l,z as n}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([])=>{var d={jsAppFlyout:"js-app-flyout"},f=a``,r=class extends n{constructor(){super(...arguments),this._messages=g(),this.popoverElement=p(),this.placement="leading",this.arcgisChartsConfigGuidePopoverColorChange=s(),this.arcgisChartsConfigGuidePopoverSymbolChange=s(),this.arcgisChartsConfigPopoverClose=s()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}static{this.styles=f}async reposition(){await this.popoverElement.value?.reposition()}updated(){C(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(t){let e=t.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(t){let{lineStyle:e}=t.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(t.detail)}render(){let t=this.selectedElement,e=this.selectedElement;return o`<div class=${m(d.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${l(this.popoverElement)}>${Array.isArray(t)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${t} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===h.SLS&&o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};c("arcgis-charts-config-guide-popover",r);return r},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b)

package/dist/cdn/{MUKDXJ4G.js → 6KP7XZXO.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import h from"./UZ6A3XQC.js";import"./DPJE33GY.js";import{a as A}from"./QN4OORAR.js";import g from"./NCCSBCYU.js";import f from"./NG2WISQ2.js";import e from"./S6PFI7AC.js";import c from"./KFUE7LVT.js";import"./UG7LOBJE.js";import b from"./AD6GOUND.js";import{m as v}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import{k as d,m as o,q as n}from"./IHRGRUHQ.js";import"./KUVOINJC.js";import{e as a}from"./NKG4FLLR.js";import{A as i,F as $,g as x,h as l,x as T,y as u,z as C}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Wd:f},,,,{a:c,c:g,e:b},{i:y,j:m}])=>{var s={textInput:"text-input",label:"label",labelContainer:"label-container",select:"select"},I=x`.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;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;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}`,p=class extends C{constructor(){super(...arguments),this._messages=A(),this.characterLimitInputElement=T(),this.onModelConfigChange=()=>{this.requestUpdate()},this.resetChartTitleToBeDynamic=()=>{let e=this.model.generateChartTitle();this.model.titleText=e,this.disableResetButtonForChartTitle=!1},this.resetXAxisTitleToBeDynamic=()=>{if(c(this.model)&&b(this.model)){let e=this.model.generateXAxisTitle();this.model.xAxisTitleText=e}this.disableResetButtonForXAxisTitle=!1},this.resetYAxisTitleToBeDynamic=()=>{if(o(this.model)){let e=d(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle();this.model.setAxisTitleText(e,1)}this.disableResetButtonForYAxisTitle=!1},this.isPartialConfig=!1,this.disableResetButtonForChartTitle=!1,this.disableResetButtonForXAxisTitle=!1,this.disableResetButtonForYAxisTitle=!1,this.isChartTitleInvalid=!1,this.open=!1}static{this.properties={disableResetButtonForChartTitle:16,disableResetButtonForXAxisTitle:16,disableResetButtonForYAxisTitle:16,isChartTitleInvalid:16,messageOverrides:0,model:0,open:5}}static{this.styles=I}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.handleResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}handleResetButtons(){this.isPartialConfig=f(this.model.config);let e=this.model.generateChartTitle(),t=this.model.titleText;if(this.disableResetButtonForChartTitle=this.isPartialConfig||e===t,c(this.model)&&b(this.model)){let r=this.model.generateXAxisTitle(),h=this.model.xAxisTitleText;this.disableResetButtonForXAxisTitle=this.isPartialConfig||r===h}if(o(this.model)){let r=d(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle(),h=this.model.getAxisTitleText(1);this.disableResetButtonForYAxisTitle=this.isPartialConfig||r===h}}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setChartTitle(e){let{value:t}=e.target;this.isChartTitleInvalid=v(t.trim()),this.characterLimitInputElement.value&&y({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?m.INVALID:m.IDLE}),this.isChartTitleInvalid||(this.model.titleText=t)}setChartLegendTitle(e){let{value:t}=e.target;t!==void 0&&n(this.model)&&(this.model.legendTitleText=t)}setChartXAxisTitle(e){let{value:t}=e.target;t!==void 0&&c(this.model)&&(this.model.xAxisTitleText=t)}setChartYAxisTitle(e){let{value:t}=e.target;t!==void 0&&o(this.model)&&this.model.setAxisTitleText(t,1)}setChartDescription(e){let{value:t}=e.target;t!==void 0&&(this.model.descriptionText=t)}enableChartTitle(e){let t=e.target.checked;this.model.chartTitleVisibility=t}enableXAxisTitle(e){let t=e.target.checked;g(this.model)&&(this.model.xAxisTitleVisibility=t)}enableYAxisTitle(e){let t=e.target.checked;o(this.model)&&this.model.setAxisTitleVisibility(t,1)}enableLegendTitle(e){let t=e.target.checked;n(this.model)&&(this.model.legendTitleVisibility=t)}enableDescription(e){let t=e.target.checked;this.model.descriptionVisibility=t}legendPositionChange(e){let t=e.target?.selectedItems[0]?.value;n(this.model)&&(this.model.legendPosition=t)}renderLegendPositions(){return n(this.model)?[l`<calcite-combobox-item .value=${a.Right} .heading=${this._messages.legendRightPosition??""} .selected=${this.model.legendPosition===a.Right} icon=right-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Left} .heading=${this._messages.legendLeftPosition??""} .selected=${this.model.legendPosition===a.Left} icon=left-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Top} .heading=${this._messages.legendTopPosition??""} .selected=${this.model.legendPosition===a.Top} icon=upload-to></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Bottom} .heading=${this._messages.legendBottomPosition??""} .selected=${this.model.legendPosition===a.Bottom} icon=download-to></calcite-combobox-item>`]:[]}render(){return l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig?"":this.model.titleText} @calciteInputInput=${this.setChartTitle} ${u(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${c(this.model)&&g(this.model)?[l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.xAxisTitle}<div><calcite-button @click=${this.resetXAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForXAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.xAxisTitleVisibility} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.xAxisTitleVisibility} .value=${this.isPartialConfig?"":this.model.xAxisTitleText} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,o(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.yAxisTitle}<div><calcite-button @click=${this.resetYAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForYAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.getAxisTitleVisibility(1)} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getAxisTitleVisibility(1)} .value=${this.model.getAxisTitleText(1)} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>`:null]:null}${n(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendTitle}<calcite-switch .checked=${this.model.legendTitleVisibility} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.legendTitleVisibility} .value=${this.model.legendTitleText} @calciteInputInput=${this.setChartLegendTitle}></calcite-input></div>`:null}<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendPosition}</calcite-label><calcite-combobox clear-disabled label class=${i(s.select)} @calciteComboboxChange=${this.legendPositionChange} selection-mode=single>${this.renderLegendPositions()}</calcite-combobox></div><div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.description}<calcite-switch .checked=${this.model.descriptionVisibility} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.descriptionVisibility} .value=${this.model.descriptionText} @calciteTextAreaInput=${this.setChartDescription}></calcite-text-area></div>`}};$("arcgis-charts-config-general",p);return p},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b,c,e,f,g,h)
+import h from"./26GAZPYA.js";import"./DPJE33GY.js";import{a as A}from"./QRRW5RVW.js";import g from"./ZHBHXVL3.js";import f from"./KEFI6SAE.js";import e from"./N2JUMLKX.js";import c from"./3NHRCPMM.js";import"./UG7LOBJE.js";import b from"./KX4PPXON.js";import{m as v}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import{k as d,m as o,q as n}from"./IHRGRUHQ.js";import"./KUVOINJC.js";import{e as a}from"./NKG4FLLR.js";import{A as i,F as $,g as x,h as l,x as T,y as u,z as C}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Wd:f},,,,{a:c,c:g,e:b},{i:y,j:m}])=>{var s={textInput:"text-input",label:"label",labelContainer:"label-container",select:"select"},I=x`.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;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;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}`,p=class extends C{constructor(){super(...arguments),this._messages=A(),this.characterLimitInputElement=T(),this.onModelConfigChange=()=>{this.requestUpdate()},this.resetChartTitleToBeDynamic=()=>{let e=this.model.generateChartTitle();this.model.titleText=e,this.disableResetButtonForChartTitle=!1},this.resetXAxisTitleToBeDynamic=()=>{if(c(this.model)&&b(this.model)){let e=this.model.generateXAxisTitle();this.model.xAxisTitleText=e}this.disableResetButtonForXAxisTitle=!1},this.resetYAxisTitleToBeDynamic=()=>{if(o(this.model)){let e=d(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle();this.model.setAxisTitleText(e,1)}this.disableResetButtonForYAxisTitle=!1},this.isPartialConfig=!1,this.disableResetButtonForChartTitle=!1,this.disableResetButtonForXAxisTitle=!1,this.disableResetButtonForYAxisTitle=!1,this.isChartTitleInvalid=!1,this.open=!1}static{this.properties={disableResetButtonForChartTitle:16,disableResetButtonForXAxisTitle:16,disableResetButtonForYAxisTitle:16,isChartTitleInvalid:16,messageOverrides:0,model:0,open:5}}static{this.styles=I}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.handleResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}handleResetButtons(){this.isPartialConfig=f(this.model.config);let e=this.model.generateChartTitle(),t=this.model.titleText;if(this.disableResetButtonForChartTitle=this.isPartialConfig||e===t,c(this.model)&&b(this.model)){let r=this.model.generateXAxisTitle(),h=this.model.xAxisTitleText;this.disableResetButtonForXAxisTitle=this.isPartialConfig||r===h}if(o(this.model)){let r=d(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle(),h=this.model.getAxisTitleText(1);this.disableResetButtonForYAxisTitle=this.isPartialConfig||r===h}}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setChartTitle(e){let{value:t}=e.target;this.isChartTitleInvalid=v(t.trim()),this.characterLimitInputElement.value&&y({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?m.INVALID:m.IDLE}),this.isChartTitleInvalid||(this.model.titleText=t)}setChartLegendTitle(e){let{value:t}=e.target;t!==void 0&&n(this.model)&&(this.model.legendTitleText=t)}setChartXAxisTitle(e){let{value:t}=e.target;t!==void 0&&c(this.model)&&(this.model.xAxisTitleText=t)}setChartYAxisTitle(e){let{value:t}=e.target;t!==void 0&&o(this.model)&&this.model.setAxisTitleText(t,1)}setChartDescription(e){let{value:t}=e.target;t!==void 0&&(this.model.descriptionText=t)}enableChartTitle(e){let t=e.target.checked;this.model.chartTitleVisibility=t}enableXAxisTitle(e){let t=e.target.checked;g(this.model)&&(this.model.xAxisTitleVisibility=t)}enableYAxisTitle(e){let t=e.target.checked;o(this.model)&&this.model.setAxisTitleVisibility(t,1)}enableLegendTitle(e){let t=e.target.checked;n(this.model)&&(this.model.legendTitleVisibility=t)}enableDescription(e){let t=e.target.checked;this.model.descriptionVisibility=t}legendPositionChange(e){let t=e.target?.selectedItems[0]?.value;n(this.model)&&(this.model.legendPosition=t)}renderLegendPositions(){return n(this.model)?[l`<calcite-combobox-item .value=${a.Right} .heading=${this._messages.legendRightPosition??""} .selected=${this.model.legendPosition===a.Right} icon=right-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Left} .heading=${this._messages.legendLeftPosition??""} .selected=${this.model.legendPosition===a.Left} icon=left-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Top} .heading=${this._messages.legendTopPosition??""} .selected=${this.model.legendPosition===a.Top} icon=upload-to></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Bottom} .heading=${this._messages.legendBottomPosition??""} .selected=${this.model.legendPosition===a.Bottom} icon=download-to></calcite-combobox-item>`]:[]}render(){return l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig?"":this.model.titleText} @calciteInputInput=${this.setChartTitle} ${u(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${c(this.model)&&g(this.model)?[l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.xAxisTitle}<div><calcite-button @click=${this.resetXAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForXAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.xAxisTitleVisibility} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.xAxisTitleVisibility} .value=${this.isPartialConfig?"":this.model.xAxisTitleText} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,o(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.yAxisTitle}<div><calcite-button @click=${this.resetYAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForYAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.getAxisTitleVisibility(1)} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getAxisTitleVisibility(1)} .value=${this.model.getAxisTitleText(1)} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>`:null]:null}${n(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendTitle}<calcite-switch .checked=${this.model.legendTitleVisibility} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.legendTitleVisibility} .value=${this.model.legendTitleText} @calciteInputInput=${this.setChartLegendTitle}></calcite-input></div>`:null}<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendPosition}</calcite-label><calcite-combobox clear-disabled label class=${i(s.select)} @calciteComboboxChange=${this.legendPositionChange} selection-mode=single>${this.renderLegendPositions()}</calcite-combobox></div><div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.description}<calcite-switch .checked=${this.model.descriptionVisibility} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.descriptionVisibility} .value=${this.model.descriptionText} @calciteTextAreaInput=${this.setChartDescription}></calcite-text-area></div>`}};$("arcgis-charts-config-general",p);return p},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b,c,e,f,g,h)

package/dist/cdn/{VRD5I7KW.js → 7R3JT4TP.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{d as s}from"./DPJE33GY.js";import{c as f,g as C}from"./UG7LOBJE.js";import a from"./AD6GOUND.js";import{n as r}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import"./NKG4FLLR.js";import{F as d,g as c,h as o,m as n,z as h}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Kc:m,Mc:g,Pc:p}])=>{var u=c`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,l=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let i=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(i)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigNoSeriesUpdate=n()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5}}static{this.styles=u}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model),this.updateDataFilters()}willUpdate(e){let i=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!r(e.get("layer"),this.layer)&&(i=!0),e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==void 0&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")&&(i=!0),e.has("seriesColor")&&this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(i=!0),i&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){this.activeColorMatch=e?.get(0)===void 0,this.model.colorMatch&&e?.forEach((i,t)=>{f(i)&&e?.get(0)!==void 0&&i?.color!==void 0&&!r(this.model.getSeriesColor(t),i?.color)&&this.model.setSeriesColor(i?.color,t)})}async updateDataFilters(){let e=this.model.getDataFilters(),i=e?.where,t=this.layer?.definitionExpression??void 0;r(i,t)||await this.model.setDataFilters({...e,where:t})}async updateFetchLayerFieldsInfo(e){let i=e??this.model.config,t=this.layer;if(!t){let a=C(i)?i.iLayer:void 0;a&&(t=await m(a))}t&&(this.layerFieldsInfo=await g(t,this.usePopupTemplateFieldsInfo))}render(){let e=this.layerFieldsInfo?.find(a=>a.name===this.model.xAxisField),i=e!==void 0&&p(e),t;switch(this.page){case s.Data:t=o`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;break;case s.Series:t=o`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;break;case s.Axes:t=o`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case s.Guides:t=o`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${i} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;break;case s.Format:t=o`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case s.General:t=o`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:t="";break}return t}};d("arcgis-charts-config-bar-chart",l);return l},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)
+import{d as s}from"./DPJE33GY.js";import{c as f,g as C}from"./UG7LOBJE.js";import a from"./KX4PPXON.js";import{n as r}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import"./NKG4FLLR.js";import{F as d,g as c,h as o,m as n,z as h}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Kc:m,Mc:g,Pc:p}])=>{var u=c`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,l=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let i=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(i)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigNoSeriesUpdate=n()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5}}static{this.styles=u}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model),this.updateDataFilters()}willUpdate(e){let i=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!r(e.get("layer"),this.layer)&&(i=!0),e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==void 0&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")&&(i=!0),e.has("seriesColor")&&this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(i=!0),i&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){this.activeColorMatch=e?.get(0)===void 0,this.model.colorMatch&&e?.forEach((i,t)=>{f(i)&&e?.get(0)!==void 0&&i?.color!==void 0&&!r(this.model.getSeriesColor(t),i?.color)&&this.model.setSeriesColor(i?.color,t)})}async updateDataFilters(){let e=this.model.getDataFilters(),i=e?.where,t=this.layer?.definitionExpression??void 0;r(i,t)||await this.model.setDataFilters({...e,where:t})}async updateFetchLayerFieldsInfo(e){let i=e??this.model.config,t=this.layer;if(!t){let a=C(i)?i.iLayer:void 0;a&&(t=await m(a))}t&&(this.layerFieldsInfo=await g(t,this.usePopupTemplateFieldsInfo))}render(){let e=this.layerFieldsInfo?.find(a=>a.name===this.model.xAxisField),i=e!==void 0&&p(e),t;switch(this.page){case s.Data:t=o`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;break;case s.Series:t=o`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;break;case s.Axes:t=o`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case s.Guides:t=o`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${i} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;break;case s.Format:t=o`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case s.General:t=o`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:t="";break}return t}};d("arcgis-charts-config-bar-chart",l);return l},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)

package/dist/cdn/{IKGGGBAJ.js → 7RN67KIQ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{a as b}from"./KPO5JS7C.js";import{a as P}from"./FEJD2JHY.js";import e from"./UZ6A3XQC.js";import"./DPJE33GY.js";import{a as M}from"./QN4OORAR.js";import c from"./KFUE7LVT.js";import"./UG7LOBJE.js";import a from"./AD6GOUND.js";import{B as G,c as x,i as f,m as _}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import{f as h}from"./KUVOINJC.js";import"./NKG4FLLR.js";import{A as s,B as g,D as C,F as N,g as E,h as d,x as m,y as p,z as T}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{D:S,Ma:I},,{a:y,h:u,s:z}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=E`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=M(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){l="square-f";let[c,v,$,w]=[...o.fillSymbol.color];e=`rgba(${c},${v},${$},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===S.emptySliceId?c=this._messages.emptySlice??"":c===S.nullSliceId&&(c=this._messages.nullSlice??""),i?.push(b(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[o,c,v,$]=[...n.fillSymbol.color];e=`rgba(${o},${c},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i,l)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${g({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){z(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${p(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${p(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${p(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${p(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${p(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,c,e)
+import{a as b}from"./S6J6GG3K.js";import{a as P}from"./FEJD2JHY.js";import e from"./26GAZPYA.js";import"./DPJE33GY.js";import{a as M}from"./QRRW5RVW.js";import c from"./3NHRCPMM.js";import"./UG7LOBJE.js";import a from"./KX4PPXON.js";import{B as G,c as x,i as f,m as _}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import{f as h}from"./KUVOINJC.js";import"./NKG4FLLR.js";import{A as s,B as g,D as C,F as N,g as E,h as d,x as m,y as p,z as T}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{D:S,Ma:I},,{a:y,h:u,s:z}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=E`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=M(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){l="square-f";let[c,v,$,w]=[...o.fillSymbol.color];e=`rgba(${c},${v},${$},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===S.emptySliceId?c=this._messages.emptySlice??"":c===S.nullSliceId&&(c=this._messages.nullSlice??""),i?.push(b(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[o,c,v,$]=[...n.fillSymbol.color];e=`rgba(${o},${c},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i,l)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${g({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){z(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${p(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${p(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${p(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${p(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${p(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,c,e)

package/dist/cdn/{XLNUDTSF.js → AE5XYIZK.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{d as i}from"./DPJE33GY.js";import{c as g,g as p}from"./UG7LOBJE.js";import a from"./AD6GOUND.js";import{n as o}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import"./NKG4FLLR.js";import{F as c,g as n,h as t,z as h}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Kc:m,Mc:d}])=>{var f=n`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,r=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async a=>{let e=a?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(e)}}static{this.properties={layerFieldsInfo:16,model:0,chartData:0,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5}}static{this.styles=f}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(a){let e=!1;a.has("model")&&this.modelChange(this.model,a.get("model")),a.has("layer")&&this.layer!==void 0&&!o(a.get("layer"),this.layer)&&(e=!0),a.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==a.get("usePopupTemplateFieldsInfo")&&(e=!0),a.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(e=!0),e&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(a){this.model.colorMatch&&a?.forEach(e=>{g(e)&&a?.get(0)!==void 0&&!o(this.model.binSymbol,e)&&(this.model.binSymbol=e)})}async updateFetchLayerFieldsInfo(a){let e=a??this.model.config,s=this.layer;if(!s){let l=p(e)?e.iLayer:void 0;l&&(s=await m(l))}s&&(this.layerFieldsInfo=await d(s,this.usePopupTemplateFieldsInfo))}render(){let a;switch(this.page){case i.Data:a=t`<arcgis-charts-config-histogram-data .model=${this.model} .meanValue=${this.chartData?.mean} .medianValue=${this.chartData?.median} .standardDevValue=${this.chartData?.stddev} .minValue=${this.chartData?.min} .maxValue=${this.chartData?.max} .sumValue=${this.chartData?.sum} .nullsValue=${this.chartData?.nulls} .countValue=${this.chartData?.count} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-histogram-data>`;break;case i.Axes:a=t`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case i.Guides:a=t`<arcgis-charts-config-guides .model=${this.model} enable-y-axis-guide></arcgis-charts-config-guides>`;break;case i.Format:a=t`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case i.General:a=t`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:a="";break}return a}};c("arcgis-charts-config-histogram",r);return r},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)
+import{d as i}from"./DPJE33GY.js";import{c as g,g as p}from"./UG7LOBJE.js";import a from"./KX4PPXON.js";import{n as o}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import"./NKG4FLLR.js";import{F as c,g as n,h as t,z as h}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Kc:m,Mc:d}])=>{var f=n`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,r=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async a=>{let e=a?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(e)}}static{this.properties={layerFieldsInfo:16,model:0,chartData:0,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5}}static{this.styles=f}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(a){let e=!1;a.has("model")&&this.modelChange(this.model,a.get("model")),a.has("layer")&&this.layer!==void 0&&!o(a.get("layer"),this.layer)&&(e=!0),a.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==a.get("usePopupTemplateFieldsInfo")&&(e=!0),a.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(e=!0),e&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(a){this.model.colorMatch&&a?.forEach(e=>{g(e)&&a?.get(0)!==void 0&&!o(this.model.binSymbol,e)&&(this.model.binSymbol=e)})}async updateFetchLayerFieldsInfo(a){let e=a??this.model.config,s=this.layer;if(!s){let l=p(e)?e.iLayer:void 0;l&&(s=await m(l))}s&&(this.layerFieldsInfo=await d(s,this.usePopupTemplateFieldsInfo))}render(){let a;switch(this.page){case i.Data:a=t`<arcgis-charts-config-histogram-data .model=${this.model} .meanValue=${this.chartData?.mean} .medianValue=${this.chartData?.median} .standardDevValue=${this.chartData?.stddev} .minValue=${this.chartData?.min} .maxValue=${this.chartData?.max} .sumValue=${this.chartData?.sum} .nullsValue=${this.chartData?.nulls} .countValue=${this.chartData?.count} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-histogram-data>`;break;case i.Axes:a=t`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case i.Guides:a=t`<arcgis-charts-config-guides .model=${this.model} enable-y-axis-guide></arcgis-charts-config-guides>`;break;case i.Format:a=t`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case i.General:a=t`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:a="";break}return a}};c("arcgis-charts-config-histogram",r);return r},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)

package/dist/cdn/{SVLOHZFC.js → B5G62EVG.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{a as C}from"./DADBHPUK.js";import{a as f}from"./KPO5JS7C.js";import{b as U,c as M}from"./FEJD2JHY.js";import c from"./UZ6A3XQC.js";import{g as l}from"./DPJE33GY.js";import{a as I}from"./QN4OORAR.js";import b from"./KFUE7LVT.js";import"./UG7LOBJE.js";import a from"./AD6GOUND.js";import{n as y,v as k}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import{a as m}from"./KUVOINJC.js";import{b as T,k as p,o as u}from"./NKG4FLLR.js";import{A as o,B as x,D,F as A,g as P,h as s,m as $,x as g,y as d,z as F}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([{substitute:W},,,,,,,,,,,,,,,{Gb:w,Ia:E,Ja:z,Lb:N,Oc:B,Pc:_,Qc:L,ce:K},,{a:b,d:v,h:O,l:h,p:j,s:H}])=>{var q=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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends F{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=$(),this.arcgisChartsConfigPopoverClose=$()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=q}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=v.map(a=>E(a,this.commonStrings));y(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>z(a,this.commonStrings));y(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},b.PopoverTimer),U(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},b.PopoverTimer)}selectedContentChange(e,t){this.pickListHasChanged=M(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?v.filter(t=>t!==T.NoAggregation):v;return C(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=K(t),a=new Intl.NumberFormat(i).format(b.customSortLimit),r=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=D(s`<calcite-tooltip style=${x({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){H(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return C(e,i=>i,i=>{let a="";switch(i){case m.xAxisAsc:{t="a-z-down";break}case m.xAxisDesc:{t="a-z-up";break}case m.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case m.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===m.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${m[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return f(e.name,s`<calcite-list-item .label=${w(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let r=this.layerFieldsInfo?.[a];r&&B(r)&&i.push(this.buildPickListItem(r))}break}case l.category:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(c.type===k.String||L(c)||_(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(L(c)||c.type===k.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};j(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.pickListHasChanged&&this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return C(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label class=${o(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${o(n.sortOrderPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[p.Second,p.Minute,p.Hour,p.Day,p.Week,p.Month,p.Year];return s`<div><div class=${o(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${O(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${o(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div class=${o(n.jsAppFlyout)}><calcite-popover class=${o(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${o(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c)
+import{a as C}from"./E2BL2IAN.js";import{a as f}from"./S6J6GG3K.js";import{b as U,c as M}from"./FEJD2JHY.js";import c from"./26GAZPYA.js";import{g as l}from"./DPJE33GY.js";import{a as I}from"./QRRW5RVW.js";import b from"./3NHRCPMM.js";import"./UG7LOBJE.js";import a from"./KX4PPXON.js";import{n as y,v as k}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import{a as m}from"./KUVOINJC.js";import{b as T,k as p,o as u}from"./NKG4FLLR.js";import{A as o,B as x,D,F as A,g as P,h as s,m as $,x as g,y as d,z as F}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([{substitute:W},,,,,,,,,,,,,,,{Gb:w,Ia:E,Ja:z,Lb:N,Oc:B,Pc:_,Qc:L,ce:K},,{a:b,d:v,h:O,l:h,p:j,s:H}])=>{var q=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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends F{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=$(),this.arcgisChartsConfigPopoverClose=$()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=q}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=v.map(a=>E(a,this.commonStrings));y(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>z(a,this.commonStrings));y(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},b.PopoverTimer),U(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},b.PopoverTimer)}selectedContentChange(e,t){this.pickListHasChanged=M(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?v.filter(t=>t!==T.NoAggregation):v;return C(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=K(t),a=new Intl.NumberFormat(i).format(b.customSortLimit),r=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=D(s`<calcite-tooltip style=${x({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){H(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return C(e,i=>i,i=>{let a="";switch(i){case m.xAxisAsc:{t="a-z-down";break}case m.xAxisDesc:{t="a-z-up";break}case m.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case m.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===m.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${m[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return f(e.name,s`<calcite-list-item .label=${w(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let r=this.layerFieldsInfo?.[a];r&&B(r)&&i.push(this.buildPickListItem(r))}break}case l.category:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(c.type===k.String||L(c)||_(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(L(c)||c.type===k.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};j(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.pickListHasChanged&&this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return C(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label class=${o(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${o(n.sortOrderPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[p.Second,p.Minute,p.Hour,p.Day,p.Week,p.Month,p.Year];return s`<div><div class=${o(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${O(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${o(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div class=${o(n.jsAppFlyout)}><calcite-popover class=${o(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${o(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c)

package/dist/cdn/{VJR2NHYS.js → BK5QPA5L.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import{b as te}from"./TJ5UK25V.js";import{b as E}from"./43OZVJ43.js";import{a as K}from"./KPO5JS7C.js";import{a as ee}from"./FEJD2JHY.js";import d from"./UZ6A3XQC.js";import"./DPJE33GY.js";import{a as Q}from"./QN4OORAR.js";import b from"./KFUE7LVT.js";import{c as Z,d as g}from"./UG7LOBJE.js";import a from"./AD6GOUND.js";import{B as u,g as D,w as V}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import{m as Y,o as j,p as W}from"./IHRGRUHQ.js";import{j as v}from"./KUVOINJC.js";import{a as z}from"./NKG4FLLR.js";import{A as o,B as I,D as w,F as q,g as R,h as r,m as X,x as c,y as h,z as N}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,{$d:P,W:O,_d:U,ae:k,cd:p},,{i:C,j:x,o:T,q:H,s:J}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends N{constructor(){super(...arguments),this._messages=Q(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=U(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,b=this.endDateCalciteInput.value?.value??"",y=b===""?f:b,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(y)&&y!==void 0&&B!==void 0){let m=b===""?void 0:`${y}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...Z(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;case"trash":default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){J(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&j(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&W(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?H(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=control text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?K("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};q("arcgis-charts-config-guide",A);return A},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,d)
+import{b as te}from"./TJ5UK25V.js";import{b as E}from"./43OZVJ43.js";import{a as K}from"./S6J6GG3K.js";import{a as ee}from"./FEJD2JHY.js";import d from"./26GAZPYA.js";import"./DPJE33GY.js";import{a as Q}from"./QRRW5RVW.js";import b from"./3NHRCPMM.js";import{c as Z,d as g}from"./UG7LOBJE.js";import a from"./KX4PPXON.js";import{B as u,g as D,w as V}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import{m as Y,o as j,p as W}from"./IHRGRUHQ.js";import{j as v}from"./KUVOINJC.js";import{a as z}from"./NKG4FLLR.js";import{A as o,B as I,D as w,F as q,g as R,h as r,m as X,x as c,y as h,z as N}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,{$d:P,W:O,_d:U,ae:k,cd:p},,{i:C,j:x,o:T,q:H,s:J}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends N{constructor(){super(...arguments),this._messages=Q(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=U(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,b=this.endDateCalciteInput.value?.value??"",y=b===""?f:b,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(y)&&y!==void 0&&B!==void 0){let m=b===""?void 0:`${y}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...Z(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;case"trash":default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){J(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&j(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&W(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?H(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=control text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?K("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};q("arcgis-charts-config-guide",A);return A},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,d)

package/dist/cdn/{DDD6BFIJ.js → BM62J2YG.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import g from"./R36L7W4M.js";import e from"./SH2BQWAG.js";import c from"./NG2WISQ2.js";import b from"./KFUE7LVT.js";import a from"./AD6GOUND.js";import{B as z,d as $,g as E,m as R,q as _}from"./4B3QBH5T.js";import{d,e as m}from"./KUVOINJC.js";import{a as j,b as u,h as F,v as f}from"./NKG4FLLR.js";export default $arcgis.t(([,,,{substitute:A},,,,,,,,,,,,{Gb:N,Ia:U,Nc:O,Wd:w,aa:G,d:T,e:B,ta:K},{a:h,b:L},{c:k},{a:Y},{g:X}])=>{function x(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,a=e!==void 0?q({config:t,layerInfo:e,commonStrings:i,mode:o}):"",g=Y(t),l=w(t);return a===g||l}function V(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,a=e!==void 0?L({config:t,layerInfo:e,commonStrings:i,numericFields:S(t),aggregationType:b(t,o)}):"",g=k(1,t),l=w(t);return a===g||l}var P=r=>r.series?.[0]?.x??"";function W(r,t){let e=r.series?.[0];return[`${t===m.Category?e.y:B} ${F.Descending}`]}var H=(r,t)=>{let e=d.valueDesc,o=r.orderOptions?.data?.orderType??W(r,t),i=r.orderOptions?.data&&"orderBy"in r.orderOptions.data?r.orderOptions.data.orderBy:F.Descending;return o===f.Category&&Array.isArray(i)?e=d.customSort:o===f.Category?i===F.Ascending?e=d.labelAsc:e=d.labelDesc:i===F.Ascending?e=d.valueAsc:e=d.valueDesc,e},S=$(r=>{let t=[];return t=r.series?.[0]?.query?.outStatistics?.map(e=>e.onStatisticField)??[r.series?.[0]?.y??""],[...new Set(t.filter(e=>e!==""))]},r=>r.series),b=(r,t)=>{let e=S(r),o;return t===m.Fields&&e.length===0?o=u.Sum:o=r.series?.[0]?.query?.outStatistics?.[0]?.statisticType??u.NoAggregation,o};function J(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,a=O(e?.layer).idField,g=K(i,a),l=P(t),c=t.series[0]?.dataLabels,n={...g,x:o===m.Category?l:T,slices:t.series?.[0]?.slices,dataLabels:{...g.dataLabels,type:g.dataLabels?.type??j.Text,content:{...g.dataLabels?.content,...c?.content,type:z.TS},visible:c?.visible??!1},innerRadiusSize:t.series?.[0]?.innerRadius,sliceGrouping:t.series?.[0]?.sliceGrouping,dataLabelsCharacterLimit:t.series?.[0]?.dataLabelsCharacterLimit,numericValueFormat:t.series?.[0]?.numericValueFormat,percentValueFormat:t.series?.[0]?.percentValueFormat,displayCategoryOnDataLabel:t.series?.[0]?.displayCategoryOnDataLabel,displayNumericValueOnDataLabel:t.series?.[0]?.displayNumericValueOnDataLabel,displayPercentageOnDataLabel:t.series?.[0]?.displayPercentageOnDataLabel},s=b(t,o);if(s!==u.NoAggregation&&a!==void 0){let y=`${s}_${a}_0`.toUpperCase();n.y=o===m.Category?y:B,n.query={outStatistics:o===m.Category?[{statisticType:s,onStatisticField:a,outStatisticFieldName:y}]:[]}}return o===m.Category&&n.query!==void 0?n.query.groupByFieldsForStatistics=[l]:delete n.query?.groupByFieldsForStatistics,E(n)}function q(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,{layerFieldsInfo:a}=e,{idField:g,isTraditionalTypeOID:l}=O(e.layer),c=P(t),n=S(t),s=b(t,o),y=l&&(n.length===0||n.includes(g)),p=U(s,i),D=y?"":n.map(Q=>N(a??[],Q)).join(", "),I=N(a??[],c),C="",v;return o===m.Fields?v=n.length===0:v=c==="",v?C=i.utilsStrings.chartType.pieChart:s===u.NoAggregation?C=A(i.titleLabels.aggrFieldsByCategory,{aggregationFields:y?g:D,category:I}):s===u.Count?C=A(i.titleLabels.aggrTypeCategory,{aggregationType:p,category:I}):n.length>0&&(I===T||R(I)||_(I)?C=A(i.titleLabels.aggrTypeOfAggrFields,{aggregationType:p,aggregationFields:D}):C=A(i.titleLabels.aggrTypeOfAggrFieldsByCategory,{aggregationType:p,aggregationFields:D,category:I})),C}var Ae=r=>{let{newSortOrderKind:t,config:e,orderByList:o}=r;e.orderOptions??={},t===d.customSort&&o!==void 0?e.orderOptions.data={orderType:f.Category,orderBy:[...o]}:e.orderOptions.data={orderType:t===d.labelAsc||t===d.labelDesc?f.Category:f.YValue,orderBy:t===d.labelAsc||t===d.valueAsc?F.Ascending:F.Descending}},qe=r=>{let{newCategory:t,config:e,layerInfo:o,mode:i,commonStrings:a}=r,g=e.series?.length??0,l=x({config:e,layerInfo:o,commonStrings:a,mode:i}),c=V({config:e,layerInfo:o,commonStrings:a,mode:i});if(e.series.forEach(n=>{n.x=i===m.Category?t:T,n.query!==void 0&&t!==T?n.query.groupByFieldsForStatistics=[t]:delete n.query?.groupByFieldsForStatistics}),g===0){let n=[J({config:e,layerInfo:o,mode:i,commonStrings:a})];e.series=n}if(o!==void 0){if(c){let s=L({config:e,layerInfo:o,numericFields:S(e),aggregationType:b(e,i),commonStrings:a});h(e,1,s)}e.title&&l&&(e.title.content.text=q({config:e,layerInfo:o,commonStrings:a,mode:i}));let n=i===m.Fields?S(e).filter(s=>s!==O(o.layer).idField):S(e);Z({newNumericFields:n,config:e,layerInfo:o,mode:i,commonStrings:a})}};function M(r){let{numericFields:t,aggregationType:e,config:o,layerInfo:i,mode:a,commonStrings:g}=r,{layerFieldsInfo:l}=i,c=[],n=J({config:o,layerInfo:i,mode:a,commonStrings:g}),s={...n,query:{...n.query}};t.length<=1?s.query.where=n.query?.where:delete s.query.where;let y=X({config:o,xAxisField:P(o),numericFields:t,aggregationType:e,mode:a,layer:i.layer,fieldList:l}).name;if(e!==u.NoAggregation)if(a===m.Category){if(t.length>0){let p=t[0];s.query.outStatistics=[{...n.query?.outStatistics?.[0]??{},onStatisticField:p,outStatisticFieldName:y,statisticType:e}]}}else for(let p of t)s.query.outStatistics?.push({onStatisticField:p,outStatisticFieldName:p,statisticType:e});else s.query={};s.y=y,c.push(s),o.series=c}var De=r=>{let{newAggregationType:t,config:e,layerInfo:o,mode:i,commonStrings:a}=r,g=S(e),l=x({config:e,layerInfo:o,commonStrings:a,mode:i}),c=V({config:e,layerInfo:o,commonStrings:a,mode:i});if(M({config:e,layerInfo:o,numericFields:g,aggregationType:t,commonStrings:a,mode:i}),c){let p=L({config:e,layerInfo:o,commonStrings:a,numericFields:S(e),aggregationType:b(e,i)});h(e,1,p)}e.title&&l&&(e.title.content.text=q({config:e,layerInfo:o,commonStrings:a,mode:i}));let n=e.series?.[0]?.displayCategoryOnDataLabel,s=e.series?.[0]?.displayNumericValueOnDataLabel,y=e.series?.[0]?.displayPercentageOnDataLabel;e.legend={...e.legend??G(),displayNumericValue:s,displayPercentage:y,displayCategory:n}},Z=r=>{let{newNumericFields:t}=r,{config:e,layerInfo:o,mode:i,commonStrings:a}=r,g=O(o?.layer).idField,l=b(e,i),c=x({config:e,layerInfo:o,commonStrings:a,mode:i}),n=V({config:e,layerInfo:o,commonStrings:a,mode:i});if(t=t===""?[]:t,t=typeof t=="string"?[t]:t,g!==void 0&&(t.length===0&&i===m.Category?(t.push(g),l=u.Count):l===u.Count&&t.length>=1&&!t.includes(g)&&(l=u.Sum)),o!==void 0){if(M({config:e,layerInfo:o,commonStrings:a,numericFields:t,aggregationType:l,mode:i}),n){let s=L({config:e,layerInfo:o,commonStrings:a,numericFields:S(e),aggregationType:b(e,i)});h(e,1,s)}e.title&&c&&(e.title.content.text=q({config:e,layerInfo:o,commonStrings:a,mode:i}))}else e.series.forEach(s=>{delete s.query,s.y=t[0]})},ve=(r,t)=>{let e=[],o=r.orderOptions?.data?.orderType,i=H(r,t),a=r.orderOptions?.data&&"orderBy"in r.orderOptions.data?r.orderOptions.data.orderBy:void 0;return i===d.customSort&&o===f.Category&&Array.isArray(a)&&(e=a),e},Be=r=>{let{values:t,config:e,mode:o}=r;e.orderOptions??={};let i=e.orderOptions?.data?.orderType;H(e,o)===d.customSort&&i===f.Category&&(e.orderOptions.data={orderType:f.Category,orderBy:[...t]})};return{a:P,b:H,c:S,d:b,e:q,f:Ae,g:qe,h:De,i:Z,j:ve,k:Be}},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c,e,g)
+import g from"./I7GHE53N.js";import e from"./UNH2BJPD.js";import c from"./KEFI6SAE.js";import b from"./3NHRCPMM.js";import a from"./KX4PPXON.js";import{B as z,d as $,g as E,m as R,q as _}from"./4B3QBH5T.js";import{d,e as m}from"./KUVOINJC.js";import{a as j,b as u,h as F,v as f}from"./NKG4FLLR.js";export default $arcgis.t(([,,,{substitute:A},,,,,,,,,,,,{Gb:N,Ia:U,Nc:O,Wd:w,aa:G,d:T,e:B,ta:K},{a:h,b:L},{c:k},{a:Y},{g:X}])=>{function x(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,a=e!==void 0?q({config:t,layerInfo:e,commonStrings:i,mode:o}):"",g=Y(t),l=w(t);return a===g||l}function V(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,a=e!==void 0?L({config:t,layerInfo:e,commonStrings:i,numericFields:S(t),aggregationType:b(t,o)}):"",g=k(1,t),l=w(t);return a===g||l}var P=r=>r.series?.[0]?.x??"";function W(r,t){let e=r.series?.[0];return[`${t===m.Category?e.y:B} ${F.Descending}`]}var H=(r,t)=>{let e=d.valueDesc,o=r.orderOptions?.data?.orderType??W(r,t),i=r.orderOptions?.data&&"orderBy"in r.orderOptions.data?r.orderOptions.data.orderBy:F.Descending;return o===f.Category&&Array.isArray(i)?e=d.customSort:o===f.Category?i===F.Ascending?e=d.labelAsc:e=d.labelDesc:i===F.Ascending?e=d.valueAsc:e=d.valueDesc,e},S=$(r=>{let t=[];return t=r.series?.[0]?.query?.outStatistics?.map(e=>e.onStatisticField)??[r.series?.[0]?.y??""],[...new Set(t.filter(e=>e!==""))]},r=>r.series),b=(r,t)=>{let e=S(r),o;return t===m.Fields&&e.length===0?o=u.Sum:o=r.series?.[0]?.query?.outStatistics?.[0]?.statisticType??u.NoAggregation,o};function J(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,a=O(e?.layer).idField,g=K(i,a),l=P(t),c=t.series[0]?.dataLabels,n={...g,x:o===m.Category?l:T,slices:t.series?.[0]?.slices,dataLabels:{...g.dataLabels,type:g.dataLabels?.type??j.Text,content:{...g.dataLabels?.content,...c?.content,type:z.TS},visible:c?.visible??!1},innerRadiusSize:t.series?.[0]?.innerRadius,sliceGrouping:t.series?.[0]?.sliceGrouping,dataLabelsCharacterLimit:t.series?.[0]?.dataLabelsCharacterLimit,numericValueFormat:t.series?.[0]?.numericValueFormat,percentValueFormat:t.series?.[0]?.percentValueFormat,displayCategoryOnDataLabel:t.series?.[0]?.displayCategoryOnDataLabel,displayNumericValueOnDataLabel:t.series?.[0]?.displayNumericValueOnDataLabel,displayPercentageOnDataLabel:t.series?.[0]?.displayPercentageOnDataLabel},s=b(t,o);if(s!==u.NoAggregation&&a!==void 0){let y=`${s}_${a}_0`.toUpperCase();n.y=o===m.Category?y:B,n.query={outStatistics:o===m.Category?[{statisticType:s,onStatisticField:a,outStatisticFieldName:y}]:[]}}return o===m.Category&&n.query!==void 0?n.query.groupByFieldsForStatistics=[l]:delete n.query?.groupByFieldsForStatistics,E(n)}function q(r){let{config:t,layerInfo:e,mode:o,commonStrings:i}=r,{layerFieldsInfo:a}=e,{idField:g,isTraditionalTypeOID:l}=O(e.layer),c=P(t),n=S(t),s=b(t,o),y=l&&(n.length===0||n.includes(g)),p=U(s,i),D=y?"":n.map(Q=>N(a??[],Q)).join(", "),I=N(a??[],c),C="",v;return o===m.Fields?v=n.length===0:v=c==="",v?C=i.utilsStrings.chartType.pieChart:s===u.NoAggregation?C=A(i.titleLabels.aggrFieldsByCategory,{aggregationFields:y?g:D,category:I}):s===u.Count?C=A(i.titleLabels.aggrTypeCategory,{aggregationType:p,category:I}):n.length>0&&(I===T||R(I)||_(I)?C=A(i.titleLabels.aggrTypeOfAggrFields,{aggregationType:p,aggregationFields:D}):C=A(i.titleLabels.aggrTypeOfAggrFieldsByCategory,{aggregationType:p,aggregationFields:D,category:I})),C}var Ae=r=>{let{newSortOrderKind:t,config:e,orderByList:o}=r;e.orderOptions??={},t===d.customSort&&o!==void 0?e.orderOptions.data={orderType:f.Category,orderBy:[...o]}:e.orderOptions.data={orderType:t===d.labelAsc||t===d.labelDesc?f.Category:f.YValue,orderBy:t===d.labelAsc||t===d.valueAsc?F.Ascending:F.Descending}},qe=r=>{let{newCategory:t,config:e,layerInfo:o,mode:i,commonStrings:a}=r,g=e.series?.length??0,l=x({config:e,layerInfo:o,commonStrings:a,mode:i}),c=V({config:e,layerInfo:o,commonStrings:a,mode:i});if(e.series.forEach(n=>{n.x=i===m.Category?t:T,n.query!==void 0&&t!==T?n.query.groupByFieldsForStatistics=[t]:delete n.query?.groupByFieldsForStatistics}),g===0){let n=[J({config:e,layerInfo:o,mode:i,commonStrings:a})];e.series=n}if(o!==void 0){if(c){let s=L({config:e,layerInfo:o,numericFields:S(e),aggregationType:b(e,i),commonStrings:a});h(e,1,s)}e.title&&l&&(e.title.content.text=q({config:e,layerInfo:o,commonStrings:a,mode:i}));let n=i===m.Fields?S(e).filter(s=>s!==O(o.layer).idField):S(e);Z({newNumericFields:n,config:e,layerInfo:o,mode:i,commonStrings:a})}};function M(r){let{numericFields:t,aggregationType:e,config:o,layerInfo:i,mode:a,commonStrings:g}=r,{layerFieldsInfo:l}=i,c=[],n=J({config:o,layerInfo:i,mode:a,commonStrings:g}),s={...n,query:{...n.query}};t.length<=1?s.query.where=n.query?.where:delete s.query.where;let y=X({config:o,xAxisField:P(o),numericFields:t,aggregationType:e,mode:a,layer:i.layer,fieldList:l}).name;if(e!==u.NoAggregation)if(a===m.Category){if(t.length>0){let p=t[0];s.query.outStatistics=[{...n.query?.outStatistics?.[0]??{},onStatisticField:p,outStatisticFieldName:y,statisticType:e}]}}else for(let p of t)s.query.outStatistics?.push({onStatisticField:p,outStatisticFieldName:p,statisticType:e});else s.query={};s.y=y,c.push(s),o.series=c}var De=r=>{let{newAggregationType:t,config:e,layerInfo:o,mode:i,commonStrings:a}=r,g=S(e),l=x({config:e,layerInfo:o,commonStrings:a,mode:i}),c=V({config:e,layerInfo:o,commonStrings:a,mode:i});if(M({config:e,layerInfo:o,numericFields:g,aggregationType:t,commonStrings:a,mode:i}),c){let p=L({config:e,layerInfo:o,commonStrings:a,numericFields:S(e),aggregationType:b(e,i)});h(e,1,p)}e.title&&l&&(e.title.content.text=q({config:e,layerInfo:o,commonStrings:a,mode:i}));let n=e.series?.[0]?.displayCategoryOnDataLabel,s=e.series?.[0]?.displayNumericValueOnDataLabel,y=e.series?.[0]?.displayPercentageOnDataLabel;e.legend={...e.legend??G(),displayNumericValue:s,displayPercentage:y,displayCategory:n}},Z=r=>{let{newNumericFields:t}=r,{config:e,layerInfo:o,mode:i,commonStrings:a}=r,g=O(o?.layer).idField,l=b(e,i),c=x({config:e,layerInfo:o,commonStrings:a,mode:i}),n=V({config:e,layerInfo:o,commonStrings:a,mode:i});if(t=t===""?[]:t,t=typeof t=="string"?[t]:t,g!==void 0&&(t.length===0&&i===m.Category?(t.push(g),l=u.Count):l===u.Count&&t.length>=1&&!t.includes(g)&&(l=u.Sum)),o!==void 0){if(M({config:e,layerInfo:o,commonStrings:a,numericFields:t,aggregationType:l,mode:i}),n){let s=L({config:e,layerInfo:o,commonStrings:a,numericFields:S(e),aggregationType:b(e,i)});h(e,1,s)}e.title&&c&&(e.title.content.text=q({config:e,layerInfo:o,commonStrings:a,mode:i}))}else e.series.forEach(s=>{delete s.query,s.y=t[0]})},ve=(r,t)=>{let e=[],o=r.orderOptions?.data?.orderType,i=H(r,t),a=r.orderOptions?.data&&"orderBy"in r.orderOptions.data?r.orderOptions.data.orderBy:void 0;return i===d.customSort&&o===f.Category&&Array.isArray(a)&&(e=a),e},Be=r=>{let{values:t,config:e,mode:o}=r;e.orderOptions??={};let i=e.orderOptions?.data?.orderType;H(e,o)===d.customSort&&i===f.Category&&(e.orderOptions.data={orderType:f.Category,orderBy:[...t]})};return{a:P,b:H,c:S,d:b,e:q,f:Ae,g:qe,h:De,i:Z,j:ve,k:Be}},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c,e,g)

package/dist/cdn/{D7CV6ERJ.js → BS3XHTWT.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import e from"./UZ6A3XQC.js";import"./DPJE33GY.js";import{a as S}from"./QN4OORAR.js";import d from"./KFUE7LVT.js";import"./UG7LOBJE.js";import b from"./AD6GOUND.js";import{B as u,w as t}from"./4B3QBH5T.js";import"./FUPYXGG6.js";import"./KUVOINJC.js";import"./NKG4FLLR.js";import{A as l,C as n,F as g,g as m,h as s,m as a,x as o,y as c,z as y}from"./RPU6VCJ4.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,{g:w,h:f,i:r,j:h}])=>{var d={sizeSection:"size-section",dropdownText:"dropdown-text",colorPickerContainer:"color-picker-container"},v=m`.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{overflow-y:auto}:host arcgis-charts-config-colors{padding:var(--arcgis-charts-panel-padding);padding-bottom:1rem}:host .size-section{padding:1rem;display:flex}:host .size-section calcite-label{flex:1 1 0px;width:0}:host .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}:host .color-picker-container{display:flex}:host .color-picker-container calcite-label{flex:1 1 0px;width:0}:host .color-picker-container calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}`,p=class extends y{constructor(){super(...arguments),this._messages=S(),this.lineWidthInputElement=o(),this.lineStyleDropdownElement=o(),this.lineStyle={type:u.SLS},this.arcgisChartsConfigLineStyleChange=a(),this.arcgisChartsConfigLineStyleClose=a()}static{this.properties={messageOverrides:0,lineStyle:0,header:1,open:5,enableClose:5,usePanel:5}}static{this.styles=v}closePanel(e){e.target.closed&&this.enableClose===!0&&(this.open=!1,this.arcgisChartsConfigLineStyleClose.emit())}colorChange(e){this.lineStyle.color=e.detail,this.emitLineStyleEvent()}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.lineStyle.style!==e&&(this.lineStyle.style=e,this.lineStyle={...this.lineStyle},this.emitLineStyleEvent())}selectedLineStyle(){let e,i;switch(this.lineStyle?.style){case t.Dot:e="line-dotted",i=this._messages.dot??"";break;case t.Dash:e="line-dashed",i=this._messages.dash??"";break;case t.Solid:default:e="line-solid",i=this._messages.solid??"";break}return{icon:e,style:i}}widthChange(){let e=this.lineWidthInputElement.value?.value;e!==void 0&&w(e,this.lineWidthInputElement.value?.min,this.lineWidthInputElement.value?.max)?(this.lineStyle.width=Number.parseInt(e),this.emitLineStyleEvent(),this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.INVALID})}emitLineStyleEvent(){Number.isNaN(Number.parseInt(this.lineStyle?.color?.[0]?.toString()??""))&&(this.lineStyle.color=void 0),this.arcgisChartsConfigLineStyleChange.emit(this.lineStyle)}render(){let e=[s`<div class=${l(d.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${c(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.selectedLineStyle().icon} slot=trigger kind=neutral appearance=outline-fill scale=m><label class=${l(d.dropdownText)}>${this.selectedLineStyle().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.lineStyle?.style===t.Solid} accesskey=${t.Solid??n}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.lineStyle?.style===t.Dot} accesskey=${t.Dot??n}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.lineStyle?.style===t.Dash} accesskey=${t.Dash??n}>${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=${f(this.lineStyle?.width)} @calciteInputInput=${this.widthChange} ${c(this.lineWidthInputElement)}></calcite-input></calcite-label></div>`,s`<div class=${l(d.colorPickerContainer)}><arcgis-charts-config-colors .rgba=${this.lineStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div>`];return this.usePanel!==!1?s`<calcite-panel .heading=${this.header??this._messages.header} .closed=${this.open===!1} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}>${e}</calcite-panel>`:e}};g("arcgis-charts-config-line-style",p);return p},b,d,e)
+import e from"./26GAZPYA.js";import"./DPJE33GY.js";import{a as S}from"./QRRW5RVW.js";import d from"./3NHRCPMM.js";import"./UG7LOBJE.js";import b from"./KX4PPXON.js";import{B as u,w as t}from"./4B3QBH5T.js";import"./3CHBVAT3.js";import"./KUVOINJC.js";import"./NKG4FLLR.js";import{A as l,C as n,F as g,g as m,h as s,m as a,x as o,y as c,z as y}from"./C3NVKRSD.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,{g:w,h:f,i:r,j:h}])=>{var d={sizeSection:"size-section",dropdownText:"dropdown-text",colorPickerContainer:"color-picker-container"},v=m`.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{overflow-y:auto}:host arcgis-charts-config-colors{padding:var(--arcgis-charts-panel-padding);padding-bottom:1rem}:host .size-section{padding:1rem;display:flex}:host .size-section calcite-label{flex:1 1 0px;width:0}:host .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}:host .color-picker-container{display:flex}:host .color-picker-container calcite-label{flex:1 1 0px;width:0}:host .color-picker-container calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}`,p=class extends y{constructor(){super(...arguments),this._messages=S(),this.lineWidthInputElement=o(),this.lineStyleDropdownElement=o(),this.lineStyle={type:u.SLS},this.arcgisChartsConfigLineStyleChange=a(),this.arcgisChartsConfigLineStyleClose=a()}static{this.properties={messageOverrides:0,lineStyle:0,header:1,open:5,enableClose:5,usePanel:5}}static{this.styles=v}closePanel(e){e.target.closed&&this.enableClose===!0&&(this.open=!1,this.arcgisChartsConfigLineStyleClose.emit())}colorChange(e){this.lineStyle.color=e.detail,this.emitLineStyleEvent()}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.lineStyle.style!==e&&(this.lineStyle.style=e,this.lineStyle={...this.lineStyle},this.emitLineStyleEvent())}selectedLineStyle(){let e,i;switch(this.lineStyle?.style){case t.Dot:e="line-dotted",i=this._messages.dot??"";break;case t.Dash:e="line-dashed",i=this._messages.dash??"";break;case t.Solid:default:e="line-solid",i=this._messages.solid??"";break}return{icon:e,style:i}}widthChange(){let e=this.lineWidthInputElement.value?.value;e!==void 0&&w(e,this.lineWidthInputElement.value?.min,this.lineWidthInputElement.value?.max)?(this.lineStyle.width=Number.parseInt(e),this.emitLineStyleEvent(),this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.INVALID})}emitLineStyleEvent(){Number.isNaN(Number.parseInt(this.lineStyle?.color?.[0]?.toString()??""))&&(this.lineStyle.color=void 0),this.arcgisChartsConfigLineStyleChange.emit(this.lineStyle)}render(){let e=[s`<div class=${l(d.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${c(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.selectedLineStyle().icon} slot=trigger kind=neutral appearance=outline-fill scale=m><label class=${l(d.dropdownText)}>${this.selectedLineStyle().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.lineStyle?.style===t.Solid} accesskey=${t.Solid??n}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.lineStyle?.style===t.Dot} accesskey=${t.Dot??n}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.lineStyle?.style===t.Dash} accesskey=${t.Dash??n}>${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=${f(this.lineStyle?.width)} @calciteInputInput=${this.widthChange} ${c(this.lineWidthInputElement)}></calcite-input></calcite-label></div>`,s`<div class=${l(d.colorPickerContainer)}><arcgis-charts-config-colors .rgba=${this.lineStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div>`];return this.usePanel!==!1?s`<calcite-panel .heading=${this.header??this._messages.header} .closed=${this.open===!1} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}>${e}</calcite-panel>`:e}};g("arcgis-charts-config-line-style",p);return p},b,d,e)