@arcgis/charts-components 5.0.0-next.125 → 5.0.0-next.126

package/dist/cdn/LLOLEX7C.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.125 */
-import{d as x,e as k}from"./OASHUINP.js";import{a as h}from"./XXBQXUPL.js";import{a as M}from"./ZNQEQAFZ.js";import{b as N}from"./KBC76MEC.js";import c from"./QEZIUUCD.js";import{l as n,m as D}from"./B6QRZCAE.js";import{a as f}from"./G737PJCD.js";import b from"./JPWTV7B4.js";import"./DIUM3TFV.js";import a from"./I7KJMJCU.js";import{k as P}from"./BL4EYCMZ.js";import"./TXZ6GEZY.js";import"./SPG5VNM4.js";import{w as v,x as C}from"./2I4NMCJM.js";import{A as r,B as F,C as g,F as I,g as w,h as o,m,x as u,y as p,z as L}from"./HL56VPJ3.js";import"./WJQVASCC.js";export default $arcgis.t(([,,,,,,,,,,,,,,,q,{Ab:E,Ca:S,Fc:_,Gc:A,La:b,z:T},,{a:$,c:y,k:d}])=>{var H=w`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,i={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"},R=class extends L{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=u(),this.popoverElement=u(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=k.all,this.isFlipped=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=m(),this.arcgisChartsConfigHeatChartDataPopoverChange=m(),this.arcgisChartsConfigPopoverClose=m(),this.arcgisChartsConfigPopoverEmptyCellColorChange=m(),this.arcgisChartsConfigPopoverEmptyCellNameChange=m()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,isFlipped:16,aggregationLabels:16,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=H}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=y.map(t=>S(t,this.commonStrings));P(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},$.PopoverTimer),N(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},$.PopoverTimer)}buildAggregationListItems(){return h(y,e=>e,(e,t)=>o`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return M(e.name,o`<calcite-list-item .label=${E(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case n.numericFields:{for(let s=0;s<t;s+=1){let l=this.layerFieldsInfo?.[s];l&&_(l)&&a.push(this.buildPickListItem(l))}break}case n.xAxisField:{for(let s=0;s<t;s+=1){let l=this.layerFieldsInfo?.[s];l&&A(l)&&a.push(this.buildPickListItem(l))}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===k.all)e=this.availableColorRamps;else{let t=x[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(s=>a.tags.includes(s)))}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 q){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,s,l,c]=e;[a,s,l].every(B=>typeof B=="number")&&(t=`rgba(${a},${s},${l},${c??1})`)}else if(typeof e=="object"&&e){let{r:a,g:s,b:l,a:c}=e;if(a!=null&&s!=null&&l!=null)return`rgba(${a},${s},${l},${c??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,s,l]=t,c=T*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,s,l,c]})}renderAggregationType(){let e=this.buildAggregationListItems();return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(n.xAxisField);return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(n.numericFields);return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=h(Object.values(D),t=>t,t=>{let a=this._messages[t];return o`<calcite-list-item .label=${a} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</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=${d(t,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${r(i.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:s,msg:l,value:c}=a;return o`<calcite-list-item .label=${s} .description=${l} .value=${c} .selected=${d(c,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${r(i.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 n.aggregation:e=this.renderAggregationType();break;case n.numericFields:e=this.renderNumericFields();break;case n.xAxisField:e=this.renderXAxisFieldSelect();break;case n.calendarType:e=this.renderCalendarType();break;case n.calendarViewType:e=this.renderCalendarViewType();break;case n.classBreakMethod:e=this.renderClassBreakMethod();break;case n.colorScheme:e=this.renderColorRampSelect();break;case n.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=${r(i.colorRampPopover)}><div class=${r(i.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(x).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=${r(i.rampGrid)}>${e.length===0&&o`<div class=${r(i.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let s=this.getRampColors(a),l=a.name===this.selectedColorRampName||a.name===this.selectedContent;return o`<div class=${`${i.rampItem} ${l?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${r(i.rampName)} aria-hidden=true>${a.name}</div><div class=${r(i.rampStrips)}>${h(s,c=>c,c=>o`<div class=${r(i.rampStrip)} style=${F({backgroundColor:this.rampColorToCss(c)})}></div>`)}${s.length===0&&o`<div class=${`${i.rampStrip} ${i.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${r(i.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button><calcite-button appearance=outline kind=neutral @click=${this.closePopover}>${this._messages?.colorRamp?.cancel}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??b.grayColor,t=this.model.emptyCellText??b.nullCategory?.text??"";return o`<div><div class=${r(i.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${r(i.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=${r(i.jsAppFlyout)}><calcite-popover class=${r(i.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=${r(i.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(i.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};I("arcgis-charts-config-heat-chart-popover",R);return R},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","Color",a,b,c)

package/dist/cdn/SIPDJXUH.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.125 */
-import{d as o}from"./B6QRZCAE.js";import{g as p}from"./DIUM3TFV.js";import a from"./I7KJMJCU.js";import{k as m}from"./BL4EYCMZ.js";import"./TXZ6GEZY.js";import"./2I4NMCJM.js";import{F as l,g as n,h as i,z as h}from"./HL56VPJ3.js";import"./WJQVASCC.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Bc:c,Dc:d}])=>{var g=n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,s=class extends h{static{this.properties={layerFieldsInfo:16,model:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,chartData:0}}static{this.styles=g}async load(){await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(t){let a=!1;t.has("model")&&this.modelChange(this.model,t.get("model")),t.has("layer")&&this.layer!==void 0&&!m(t.get("layer"),this.layer)&&(a=!0),t.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==t.get("usePopupTemplateFieldsInfo")&&(a=!0),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async updateFetchLayerFieldsInfo(t){let a=t??this.model.config,e=this.layer;if(!e){let r=p(a)?a.iLayer:void 0;r&&(e=await c(r))}e&&(this.layerFieldsInfo=await d(e,this.usePopupTemplateFieldsInfo))}async onModelConfigChange(t){let a=t?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)}render(){let t;switch(this.page){case o.Data:t=i`<arcgis-charts-config-heat-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .chartData=${this.chartData}></arcgis-charts-config-heat-chart-data>`;break;case o.Format:t=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case o.General:t=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:t="";break}return t}};l("arcgis-charts-config-heat-chart",s);return s},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)

package/dist/cdn/WSAGKXYY.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.125 */
-import{a as ue,b as fe,c as Ce}from"./OASHUINP.js";import{a as ge}from"./KBC76MEC.js";import g from"./QEZIUUCD.js";import{l as c,m as W}from"./B6QRZCAE.js";import{a as K}from"./G737PJCD.js";import f from"./XWWZN4I2.js";import e from"./JPWTV7B4.js";import"./DIUM3TFV.js";import a from"./I7KJMJCU.js";import{C as ie,f as ae,g as T,k as te,p as se,s as D,t as S,v as $,y as v}from"./BL4EYCMZ.js";import"./TXZ6GEZY.js";import"./SPG5VNM4.js";import{a as d,b as w,l as F,m as _,w as le,x}from"./2I4NMCJM.js";import{A as p,B as q,D as Z,F as ee,g as Y,h as m,m as J,x as C,y as b,z as Q}from"./HL56VPJ3.js";import"./WJQVASCC.js";export default $arcgis.t(([,,,,,,,,,,,,$e,{createClassBreaksRenderer:Se},{getSchemes:Re},{Ab:j,Bc:he,Ca:re,F:O,Jb:ce,La:oe,ab:ne},{s:me},{h:pe},{g:de,s:z}])=>{function ke(s){let a;switch(s.length){case 4:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),255]);break}case 5:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),Number.parseInt(`${e[4]}${e[4]}`,16)]);break}case 7:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),255]);break}case 9:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),Number.parseInt(e[4],16)]);break}}return a}function U(s){let a;if(typeof s=="string"&&s.startsWith("#")){let e=ke(s);e&&(a=e)}else Array.isArray(s)&&s.every(e=>typeof e=="number")&&(s.length===4?a=s:s.length===3&&(a=[...s,255]));return a}function ye(s){return s===$.BackwardDiagonal||s===$.Cross||s===$.DiagonalCross||s===$.ForwardDiagonal||s===$.Horizontal||s===$.Null||s===$.Solid||s===$.Vertical}function P(s){return s===S.Dash||s===S.DashDot||s===S.DashDotDot||s===S.Dot||s===S.Null||s===S.Solid}function ve(s){let{categoryField:a,numericFields:e,configFields:t,inlineData:l}=s,o={};return t&&Object.keys(t).length>0&&"dataItems"in l&&(o={type:"uniqueValue",field1:a,uniqueValueInfos:[]},l.dataItems.forEach(r=>{let h=r[a];if(h!=null){let i={value:h};e.forEach(n=>{let g=U(r[`${t.fillColor}_${n}`]),y=r[`${t.fillOpacity}_${n}`],R=r[`${t.fillStyle}_${n}`],k=r[`${t.markerSize}_${n}`],B=U(r[`${t.outlineColor}_${n}`]),N=r[`${t.outlineOpacity}_${n}`],I=r[`${t.outlineWidth}_${n}`],V=r[`${t.outlineStyle}_${n}`],A=U(r[`${t.lineColor}_${n}`]),L=r[`${t.lineOpacity}_${n}`],M=r[`${t.lineWidth}_${n}`],H=r[`${t.lineStyle}_${n}`],G=r[`${t.displayLabel}_${n}`];if(typeof G=="string"&&(i={...i,label:G}),k!=null){let u={type:v.SMS};k&&typeof k=="number"&&(u.size=k),i.symbol=u}if(g||ye(R)){let u=i.symbol&&i.symbol.type===v.SMS?i.symbol:{type:v.SFS};if(g&&(y&&typeof y=="number"&&(g[3]=y),u.color=g),ye(R)&&(u.style=R),i.symbol=u,B||I!=null||P(V)){let E={type:v.SLS};B&&(N&&typeof N=="number"&&(B[3]=N),E.color=B),P(V)&&(E.style=V),I&&typeof I=="number"&&(E.width=I),i.symbol.outline=E}}else if(A||M!=null||P(H)){let u={type:v.SLS};A&&(L&&typeof L=="number"&&(A[3]=L),u.color=A),P(H)&&(u.style=H),M!=null&&typeof M=="number"&&(u.width=M),i.symbol=u}}),(i.label||i.symbol)&&o.uniqueValueInfos.push(i)}})),o}function Fe(s){let{numericFields:a,configFields:e,inlineData:t}=s,l=t;return"dataItems"in t&&Object.entries(e).forEach(([o,r])=>{a.forEach(h=>{let i=`${r}_${h}`;t.dataItems.forEach(n=>{i in n&&delete n[i]})})}),l}function De(s){let{categoryField:a,categoryType:e,numericFields:t,inlineData:l}=s,o;if("dataItems"in l){let{dataItems:r}=l,h=[],i="OBJECTID",n=r.map((y,R)=>{let k={...y};return"FID"in y?i="FID":"ObjectId"in y&&(i="ObjectId"),k[i]||(k[i]=R),{attributes:k}});h.push({type:"esriFieldTypeOID",name:i});let g;switch(e){case"dateOnly":g=D.DateOnly;break;case"timeStampOffset":g=D.TimestampOffset;break;case"date":g=D.Date;break;case"number":g=D.Double;break;case"string":default:g=D.String;break}h.push({type:g,name:a}),t.forEach(y=>{h.push({type:D.Double,name:y})}),o={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:h},featureSet:{features:n}}]}}}return o}async function be(s){let{categoryField:a,categoryType:e,numericFields:t,configFields:l,inlineData:o}=s,r,h,i=T(o);l&&(r=ve({categoryField:a,numericFields:t,configFields:l,inlineData:i}),i=Fe({numericFields:t,configFields:l,inlineData:i}));let n=De({categoryField:a,categoryType:e,numericFields:t,inlineData:i});return n&&(h=await he(n)),{chartRenderer:r,iLayer:n,layer:h}}var xe=Y`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,f={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list"},X=class extends Q{constructor(){super(...arguments),this._messages=K(),this.commonStrings=K({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=C(),this.aggregationElement=C(),this.numericFieldsElement=C(),this.calendarTypeElement=C(),this.calendarViewTypeElement=C(),this.classBreakMethodElement=C(),this.nullElement=C(),this.breaksCountElement=C(),this.colorSchemeElement=C(),this.onHeatChartDataPopoverChange=async a=>{try{if(a.detail?.value!==void 0){let{contentKind:e}=a.detail,t=a.detail.value;switch(e){case c.aggregation:this.model.aggregationType=t!==w.NoAggregation?t:w.NoAggregation;break;case c.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart(),this.model.classificationMethod=x.naturalBreaks,this.model.heatRulesType=_.Renderer;break;case c.numericFields:this.model.numericFields=[t];break;case c.calendarType:{switch(t){case W.YearByMonthAndDayOfMonth:{let l={type:d.CalendarDateParts,unit:F.DayOfMonth},o={type:d.CalendarDateParts,unit:F.MonthOfYear};this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:d.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:d.DateAxisFormat,intlOptions:{month:"short"}});break}case W.WeekByDayOfWeekAndHourOfDay:{let l={type:d.CalendarDateParts,unit:F.HourOfDay},o={type:d.CalendarDateParts,unit:F.DayOfWeek};this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:d.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!0}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:d.DateAxisFormat,intlOptions:{weekday:"long"}});break}default:break}break}case c.calendarViewType:{this.model.viewType=t;break}case c.classBreakMethod:{this.model.classificationMethod=t,this.model.heatRulesType=_.Renderer,this.updateChartRenderer=!0;break}default:break}}}catch(e){throw this.arcgisChartsConfigDataChangeError.emit({error:e,model:this.model}),e}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=a=>{this.heatChartPopover===a?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=a=>{let{ramp:e}=a.detail;this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks(),this.removeHeatChartDataPopover()},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=a=>{let{name:e}=a.detail;if(e!==void 0){let t={...this.model.emptyCell,name:e};this.model.emptyCell=t}},this.onEmptyCellColorChange=a=>{let{color:e}=a.detail;if(e!==void 0){let t=this.model.emptyCell,l={...t,symbol:{...t?.symbol,type:v.SFS,color:e,outline:t?.symbol?.outline&&{...t.symbol.outline,color:e}}};this.model.emptyCell=l}},this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=J()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5,chartData:0}}static{this.styles=xe}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(a){a.has("model")&&this.modelChange(this.model,a.get("model")),this.aggregationLabel=re(this.model.aggregationType,this.commonStrings),a.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ne(this.model.chartRenderer)===ie.ClassBreaks)}updated(a){a.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let a=$e.all();this.allColorRamps=a,this.availableColorRamps=this.allColorRamps,this.availableColorRamps.length>0&&!this.selectedColorRamp&&this.model.chartRenderer?.classBreakInfos===void 0&&(this.selectedColorRamp=this.availableColorRamps[0])}generateColorsForExistingBreaks(a){let e=this.model.breaksCount;return ue({numberOfClassBreaks:e,selectedColorRamp:a,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(t=>t.symbol?.color)})}normalizeClassBreakInfosForCompare(a,e){return(a??[]).map(({classMinValue:t,classMaxValue:l,label:o,symbol:r})=>({classMinValue:t,classMaxValue:l,label:o,symbol:e?void 0:r}))}async generateAndUpdateClassBreaks(){let a=[];if(this.model.classificationMethod===x.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){a=T(this.model.chartRenderer?.classBreakInfos)??[];let l=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let o=0;o<a.length&&o<l.length;o++)a[o].symbol&&(a[o].symbol.color=l[o])}else if(this.model.classificationMethod!==x.manual&&this.chartData){let l=await be({categoryField:this.model?.xAxisField?.[0]??"",categoryType:d.DateAxisFormat,numericFields:[O.valueField],inlineData:this.chartData});if(l.layer&&this.model.layer){let o=Re({geometryType:"point",theme:"high-to-low"})?.primaryScheme,r=await Se({layer:l.layer,field:O.valueField,classificationMethod:this.model.classificationMethod,numClasses:this.model.breaksCount,colorScheme:o});a=fe({classBreaksRendererResult:r,numberOfClassBreaks:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp,colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(h=>h.symbol?.color)})}}let e=!this.updateClassBreaksColor,t=!te(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(a,e));this.updateChartRenderer&&t&&(this.model.chartRenderer={type:"classBreaks",field:O.valueField,classBreakInfos:a}),this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return pe({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":j(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(a){this.contentKind=c.xAxisField,this.setupPopover(a)}onNumericFieldSelect(a){this.contentKind=c.numericFields,this.setupPopover(a)}onCalendarTypeSelect(a){this.contentKind=c.calendarType,this.setupPopover(a)}onClassBreakMethodSelect(a){this.contentKind=c.classBreakMethod,this.setupPopover(a)}onColorSchemeSelect(a){this.contentKind=c.colorScheme,this.setupPopover(a)}onBreaksCountChange(a){let e=se(a.target.value);ce(e)&&e>0&&(this.model.breaksCount=e,this.updateChartRenderer=!0,this.model.heatRulesType=_.Renderer)}onAggregationSelect(a){this.contentKind=c.aggregation,this.setupPopover(a)}onNullSelect(a){this.contentKind=c.null,this.setupPopover(a)}onIncludeLeapDayChange(a){let e=a.target.checked;this.model.includeLeapDay=e}setupPopover(a){a.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,t,l;switch(this.contentKind){case c.aggregation:e=this.aggregationElement.value,t=this._messages.aggregation,l=this.model.aggregationType;break;case c.xAxisField:e=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case c.numericFields:e=this.numericFieldsElement.value,t=this._messages.numericFieldOptional,l=this.model.numericFields?.[0];break;case c.calendarType:e=this.calendarTypeElement.value,t=this._messages.calendarType,l=z(this.model);break;case c.calendarViewType:e=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case c.classBreakMethod:e=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case c.colorScheme:e=this.colorSchemeElement.value,t=this._messages.colorScheme,l=this.selectedColorRamp?.name;break;case c.null:e=a.target,t=this._messages.null;break}this.heatChartPopover=Z(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=ge(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!me(this.model?.config)){if(this.model.yAxisField=this.model.xAxisField,this.model.xTemporalBinning===void 0){let a={type:d.CalendarDateParts,unit:F.DayOfMonth};this.model.xTemporalBinning=a}if(this.model.yTemporalBinning===void 0){let a={type:d.CalendarDateParts,unit:F.MonthOfYear};this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:d.DateAxisFormat,intlOptions:{month:"short"}})}this.model.viewType=le.singleCalendarView}}renderXAxisFieldSelect(){let a=this.getCorrectedXAxisFieldValue();return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onXAxisFieldSelect} ${b(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return m`<arcgis-charts-config-field-select .label=${this.model.aggregationType===w.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${b(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let a=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":j(this.layerFieldsInfo,this.model.numericFields?.[0]);return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onNumericFieldSelect} ${b(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let a=z(this.model)??"",e={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=a?e[a]??"":"";return m`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${b(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let a={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},e=this.model.classificationMethod?a[ae(this.model.classificationMethod)]??"":"";return m`<arcgis-charts-config-field-select .label=${e} @click=${this.onClassBreakMethodSelect} ${b(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let a=this.model.chartRenderer?.classBreakInfos?.map(e=>{let t=e!==void 0?Ce(e.symbol.color):"#FFFFFF";return m`<div class=${p(f.colorRampSegment)} style=${q({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return m`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${b(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${p(f.colorRamp)}>${a}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let a=this.model.chartRenderer?.classBreakInfos??[];return m`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${a.map(e=>m`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${e.symbol.color?.[0]}, ${e.symbol.color?.[1]}, ${e.symbol.color?.[2]}, ${e.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${e.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let a=this.model.emptyCell,e=this._messages.null,t=a?.symbol?.color??oe.grayColor,[l,o,r,h]=[...t],i=`rgba(${l},${o},${r},${h/255})`;return m`<calcite-list label class=${p(f.list)} selection-mode=none ${b(this.nullElement)}><calcite-list-item .label=${e} .value=${e} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${q({color:i})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}render(){let a=this.renderXAxisFieldSelect(),e=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),o=this.renderClassBreakMethodSelect(),r=this.renderColorRampSelect(),h=this.renderClassBreaksTable(),i=this.renderNullUI();return m`<calcite-label class=${p(f.label)}>${this._messages.dateRequired}${a}</calcite-label><calcite-label class=${p(f.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${p(f.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${p(f.label)}>${this._messages.numericFieldOptional}${t}</calcite-label><calcite-label class=${p(f.label)}>${this._messages.method}${o}</calcite-label><calcite-label class=${p(f.label)}>${this._messages.numberOfClasses}<calcite-input type=number min=1 .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===x.manual} step=1 .value=${de(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${b(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${p(f.label)}>${this._messages.colorScheme}${r}</calcite-label>${i}<calcite-accordion appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${h}</calcite-accordion-item></calcite-accordion><calcite-label class=${p(f.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`}};ee("arcgis-charts-config-heat-chart-data",X);return X},"intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","smartMapping/symbology/support/colorRamps","smartMapping/renderers/color","smartMapping/symbology/color",a,e,f,g)