@arcgis/charts-components 5.2.0-next.11 → 5.2.0-next.12

package/dist/cdn/HW6MJJSX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as f}from"./3KRPCKJZ.js";import{a as v}from"./SA22QZNW.js";import{b as R,c as U}from"./IHO3OLL3.js";import c from"./FEKSPYHM.js";import{a as L}from"./I5T7JUDH.js";import{g as l}from"./AK7X7SGI.js";import b from"./JBPYGZPJ.js";import"./WNKDEOFZ.js";import a from"./S74GCXXK.js";import"./EZV7JSQJ.js";import{n as w,u as N}from"./3TBK72EK.js";import{wa as T,xa as z}from"./PAIRUVLU.js";import{a as y}from"./KX7KGXKQ.js";import{l as $}from"./SP2IPHWF.js";import"./WWO326JE.js";import{A as x,B as r,C as D,E as F,G as A,g as P,i as s,n as C,y as g,z as h}from"./7YXTWBT4.js";import{a as m}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as E,k as d,o as u}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:W},{Tb:O,sb:B,tb:_,vb:K,wb:k},,{a:I,c:b,g:H,k:p,o:M,r:j}])=>{var Y=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}`,o={name:"bar-chart-data-popover",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 x{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({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.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}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=Y}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>T(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>z(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},I.PopoverTimer),R(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${p(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(I.customSortLimit),n=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=F(s`<calcite-tooltip style=${D({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${n}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){j(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return f(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=o.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=o.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 v(e.name,s`<calcite-list-item .label=${w(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${p(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 n=this.layerFieldsInfo?.[a];n&&B(n)&&i.push(this.buildPickListItem(n))}break}case l.category:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${p("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let n=0;n<t;n+=1){let c=this.layerFieldsInfo?.[n];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${p("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let n=0;n<t;n+=1){let c=this.layerFieldsInfo?.[n];c&&(k(c)||c.type===y.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};M(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.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${p(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${r(o.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=${r(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${h(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${h(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${r(o.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=${r(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${h(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${r(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[d.Second,d.Minute,d.Hour,d.Day,d.Week,d.Month,d.Year];return s`<div><div class=${r(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${H(e?.size,1)} ${h(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${h(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=${r(o.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=${r(o.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><calcite-popover class=${r(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${h(this.popoverElement)}><calcite-panel class=${r(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)

package/dist/cdn/IL2FG26D.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import o from"./GYXK3DV7.js";import n from"./EE3KEIAT.js";import l from"./UE5VX2RL.js";import k from"./RJCJ3F5C.js";import j from"./DFKVPDMJ.js";import i from"./RKB6QZNW.js";import e from"./AXS3UMQJ.js";import"./Y7HBWU3M.js";import d from"./DJGEQ42V.js";import c from"./UIY2PSG4.js";import b from"./JBPYGZPJ.js";import"./WNKDEOFZ.js";import a from"./S74GCXXK.js";import"./EZV7JSQJ.js";import{d as u}from"./3TBK72EK.js";import{I as _,L as f,da as S,fa as V,ma as F,o as y}from"./PAIRUVLU.js";import{f as h}from"./KX7KGXKQ.js";import{g as x}from"./SP2IPHWF.js";import"./WWO326JE.js";import{l as I}from"./7YXTWBT4.js";import{e as m,f as g}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as p}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{U:b,rb:T},{p:N,q:O,r:M},,{c:t},,R,{b:w},{b:$},{a:D,b:U,c:K,d:Y},,{a:L,b:A,c:G,d:k,e:W,f:B,g:z,h:j,i:E,j:v,k:C}])=>{var Z=i=>i.legend?.displayNumericValue??!1,ee=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayNumericValue=i)},ie=i=>i.legend?.displayCategory??!1,se=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayCategory=i)},te=i=>i.legend?.displayPercentage??!1,re=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.displayPercentage=i)},oe=i=>i.legend?.labelMaxWidth??200,ae=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.labelMaxWidth=i)},ne=i=>i.legend?.valueLabelMaxWidth??200,le=(i,e)=>{e.series[0]?.type===p.PieSeries&&(e.legend===void 0&&(e.legend=f()),e.legend.valueLabelMaxWidth=i)},ge=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,P=(i,e,s,a)=>{for(var n=ce(e,s),l=i.length-1,c;l>=0;l--)(c=i[l])&&(n=c(e,s,n)||n);return n&&ge(e,s,n),n},d=class extends D{getDisplayNumericValue(){return Z(this._config)}setDisplayNumericValue(e){ee(e,this._config)}getDisplayPercentage(){return te(this._config)}setDisplayPercentage(e){re(e,this._config)}getLabelMaxWidth(){return oe(this._config)}setLabelMaxWidth(e){ae(e,this._config)}get valueLabelMaxWidth(){return ne(this._config)}set valueLabelMaxWidth(e){le(e,this._config),this.emitConfigUpdate("valueLabelMaxWidth")}get displayCategory(){return ie(this._config)}set displayCategory(e){se(e,this._config),this.emitConfigUpdate("displayCategory")}};P([t],d.prototype,"setDisplayNumericValue");P([t],d.prototype,"setDisplayPercentage");P([t],d.prototype,"setLabelMaxWidth");var pe=[D];O(d,pe);var de=i=>i.series?.[0]?.innerRadius,fe=(i,e)=>{e.series?.[0]&&(e.series[0].innerRadius=i)},he=i=>i.series?.[0]?.dataLabelsCharacterLimit,ue=(i,e)=>{e.series?.[0]&&(e.series[0].dataLabelsCharacterLimit=i)},q=i=>i.series[0]?.startAngle,me=(i,e)=>{e.series?.[0]&&(e.series[0].startAngle=i)},ye=(i,e)=>{e.series?.[0]&&(e.series[0].endAngle=i)},_e=i=>i.series?.[0]?.displayCategoryOnTooltip??!0,Se=i=>i.series?.[0]?.displayCategoryOnDataLabel??!0,be=i=>i.series?.[0]?.displayNumericValueOnDataLabel??!0,Oe=i=>i.series?.[0]?.displayPercentageOnDataLabel??!1,Le=i=>i.series?.[0]?.displayNumericValueOnTooltip??!0,ve=i=>i.series?.[0]?.displayPercentageOnTooltip??!0,Ce=(i,e)=>{e.series[0]&&(e.series[0].displayPercentageOnTooltip=i)},De=i=>i.series?.[0]?.valuePrefix,Pe=(i,e)=>{e.series?.[0]&&(e.series[0].valuePrefix=i)},Ie=i=>i.series?.[0]?.valueSuffix,xe=(i,e)=>{e.series?.[0]&&(e.series[0].valueSuffix=i)},Ve=i=>i.series?.[0]?.percentagePrefix,Fe=(i,e)=>{e.series?.[0]&&(e.series[0].percentagePrefix=i)},Te=i=>i.series?.[0]?.percentageSuffix,Ne=(i,e)=>{e.series?.[0]&&(e.series[0].percentageSuffix=i)},Me=i=>{let e,s=i.series?.[0];return s?.displayNumericValueOnDataLabel===!0&&s?.displayPercentageOnDataLabel===!0?e=g.Both:s?.displayNumericValueOnDataLabel===!0?e=g.Value:e=g.Percentage,e},we=(i,e)=>{let s=i===g.Value||i===g.Both,a=i===g.Percentage||i===g.Both;e.series?.[0]&&(e.series[0].displayNumericValueOnDataLabel=s,e.series[0].displayPercentageOnDataLabel=a),e.legend&&(e.legend={...e.legend,displayNumericValue:s,displayPercentage:a})},Ae=i=>i.series?.[0]?.alignDataLabels??!1,Ge=(i,e)=>{e.series[0]&&(e.series[0].alignDataLabels=i)},ke=i=>i.series?.[0]?.dataLabelsInside??!1,We=(i,e)=>{e.series[0]&&(e.series[0].dataLabelsInside=i)},Be=i=>i.series?.[0]?.dataLabelsOffset??10,ze=(i,e)=>{e.series[0]&&(e.series[0].dataLabelsOffset=i)},je=i=>i.series?.[0]?.numericValueFormat?.intlOptions?.minimumFractionDigits,Ee=(i,e)=>{e.series?.[0]&&(e.series[0].numericValueFormat??=_(),e.series[0].numericValueFormat.intlOptions.minimumFractionDigits=i,e.series[0].numericValueFormat.intlOptions.maximumFractionDigits=i,e.series[0].percentValueFormat??=_(),e.series[0].percentValueFormat.intlOptions.minimumFractionDigits=i,e.series[0].percentValueFormat.intlOptions.maximumFractionDigits=i)},Re=i=>i.series?.[0]?.optimizeDataLabelsOverlapping??!1,Ue=(i,e)=>{e.series[0]&&(e.series[0].optimizeDataLabelsOverlapping=i)},Ke=i=>i.series[0]?.ticks?.visible??!1,Ye=(i,e)=>{e.series?.[0]&&(e.series[0].ticks??=S(),e.series[0].ticks.visible=i)},$e=i=>i.series[0]?.ticks?.lineSymbol,qe=(i,e)=>{i&&e.series?.[0]&&(e.series[0].ticks??=S(),e.series[0].ticks.lineSymbol=x(i))},He=(i,e)=>e.series?.[0]?.slices?.[i]?.originalLabel,Je=(i,e)=>e.series?.[0]?.slices?.[i]?.label,Qe=(i,e,s)=>{s.series?.[0]?.slices?.[e]&&(s.series[0].slices[e].label=i)},Xe=(i,e)=>e.series?.[0]?.slices?.[i]?.fillSymbol?.color,Ze=(i,e,s)=>{let a=s.series?.[0]?.slices?.[e]?.fillSymbol;a!==void 0?(a.color=i,a.outline!==void 0?a.outline.color=i:a.outline={type:h.SLS,color:i}):s.series?.[0]?.slices?.[e]!==void 0&&(s.series[0].slices[e].fillSymbol={type:h.SFS,color:i,outline:{type:h.SLS,color:i}})},ei=i=>i.series?.[0]?.slices?.map(e=>e.sliceId),H=(i,e)=>{e.series?.[0]?.slices?.sort((s,a)=>i.findIndex(n=>s.sliceId===n)-i.findIndex(n=>a.sliceId===n))},ii=i=>i.series?.[0]?.sliceGrouping,J=(i,e)=>{e.series?.[0]&&(e.series[0].sliceGrouping=i)},Q=i=>i.series?.[0]?.sliceGrouping?.percentageThreshold,si=(i,e)=>{e.series?.[0]?.sliceGrouping!==void 0?e.series[0].sliceGrouping.percentageThreshold=i:e.series[0].sliceGrouping={sliceId:y.defaultGroupOfSlicesId,percentageThreshold:i}},ti=i=>i.series?.[0]?.slices,X=(i,e)=>{e.series?.[0]&&(e.series[0].slices=i)},ri=i=>{X(void 0,i),J({sliceId:y.defaultGroupOfSlicesId,percentageThreshold:Q(i)??0},i)},oi=(i,e)=>e.series[0]?.slices?.[i]?.sliceId,ai=(i,e)=>e.series[0]?.slices?.findIndex(s=>s.sliceId===i),ni=i=>i.series[0]?.slices?.length??0,li=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,o=(i,e,s,a)=>{for(var n=gi(e,s),l=i.length-1,c;l>=0;l--)(c=i[l])&&(n=c(e,s,n)||n);return n&&li(e,s,n),n},r=class extends R{constructor(){super(...arguments),this._chartType=p.PieSeries,this._mode=m.Category,this._groupedSliceIds=[]}async setup(e){await this.loadConfigFromLayer(e);let{config:s}=e;if(s!==void 0){let a=b(s.series);this._mode=a!==u.PieFromFields?m.Category:m.Fields}typeof this.resolveSetup=="function"&&this.resolveSetup()}get category(){return L(this._config)}set category(e){(!w(this._config)||e.trim()!=="")&&(z({newCategory:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")))}get numericFields(){return G(this._config)}set numericFields(e){typeof e=="string"&&(e=[e]),this.layerInfo===void 0||N(this.layerInfo.layerFieldsInfo,e)?(E({newNumericFields:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))):I("error","pie-chart-model","Invalid `numericFields`")}get aggregationType(){return k(this._config,this._mode)}set aggregationType(e){j({newAggregationType:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}getSortOrder(){return A(this._config,this._mode)}setSortOrder(e,s){B({newSortOrderKind:e,config:this._config,orderByList:s})}get orderByList(){return v(this._config,this._mode)}set orderByList(e){C({values:e,config:this._config,mode:this._mode})}get mode(){return this._mode}set mode(e){this._mode=e}async getCustomSortValues(){let e=L(this._config),s=b(this._config.series),a=[];return s===u.PieFromFields?a=this.numericFields:e.trim()!==""&&s===u.PieFromCategory&&(a=await M({category:e,config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings.errorStrings})),a}moveCustomSortValuesInOrderByList(e,s){let a=v(this._config,this._mode),[n]=a.splice(e,1);a.splice(s,0,n),C({values:a,config:this._config,mode:this._mode})}get ticksSymbol(){return $e(this._config)}set ticksSymbol(e){qe(e,this._config)}get slices(){return ti(this._config)}set slices(e){X(e,this._config)}get groupedSliceIds(){return this._groupedSliceIds}set groupedSliceIds(e){this._groupedSliceIds=e}get sliceGrouping(){return ii(this._config)}set sliceGrouping(e){J(e,this._config)}get innerRadiusSize(){return de(this._config)??0}set innerRadiusSize(e){fe(e,this._config)}get groupingThreshold(){return Q(this._config)??0}set groupingThreshold(e){si(e,this._config)}get labelCharacterLimit(){return he(this._config)??null}set labelCharacterLimit(e){ue(e,this._config)}get decimalPlaces(){return je(this._config)??1}set decimalPlaces(e){Ee(e,this._config)}get displayType(){return Me(this._config)}set displayType(e){we(e,this._config)}generateDefaultConfig(){let e=F(this.commonStrings);return e.series=[V(this.commonStrings,T(this.layerInfo.layer).idField)],e}getOriginalSliceName(e){return He(e,this._config)}getSliceName(e){return Je(e,this._config)}setSliceName(e,s){Qe(e,s,this._config)}getSliceColor(e){return Xe(e,this._config)}setSliceColor(e,s){Ze(e,s,this._config)}get orderOfSlices(){return ei(this._config)}set orderOfSlices(e){e!==void 0&&H(e,this._config)}moveSeries(e,s){let a=this.orderOfSlices;if(a!==void 0){let[n]=a.splice(e,1);a.splice(s,0,n),H(a,this._config)}}getSliceId(e){return oi(e,this._config)}getSliceIndex(e){return ai(e,this._config)}getSlicesLength(){return ni(this._config)}resetSlices(){ri(this._config)}resetAvailable(){let e=!this.colorMatch,s=!1,a=this.slices?.length??0;for(let n=0;n<a;n+=1){let l=this.getOriginalSliceName(n),c=this.getSliceName(n);if(l!==void 0&&l?.toString()!==c?.toString()){s=!0;break}}return this.sliceGrouping?.originalLabel!==void 0&&this.sliceGrouping?.label!==this.sliceGrouping.originalLabel&&(s=!0),e||s}get ticksVisibility(){return Ke(this._config)}set ticksVisibility(e){Ye(e,this._config)}get startAngle(){return q(this._config)}set startAngle(e){me(e,this._config)}get endAngle(){return q(this._config)}set endAngle(e){ye(e,this._config)}get displayCategoryOnDataLabel(){return Se(this._config)}set displayCategoryOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayCategoryOnDataLabel=e,this.emitConfigUpdate("displayCategoryOnDataLabel")})}get displayCategoryValueOnTooltip(){return _e(this._config)}set displayCategoryValueOnTooltip(e){this._config.series[0].displayCategoryOnTooltip=e}get displayNumericValueOnDataLabel(){return be(this._config)}set displayNumericValueOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayNumericValueOnDataLabel=e,this.emitConfigUpdate("displayNumericValueOnDataLabel")})}get displayPercentageOnDataLabel(){return Oe(this._config)}set displayPercentageOnDataLabel(e){this.guardSetterFromAsyncOverwrite(()=>{this._config.series[0].displayPercentageOnDataLabel=e,this.emitConfigUpdate("displayPercentageOnDataLabel")})}get displayNumericValueOnTooltip(){return Le(this._config)}set displayNumericValueOnTooltip(e){this._config.series[0].displayNumericValueOnTooltip=e}get displayPercentageOnTooltip(){return ve(this._config)}set displayPercentageOnTooltip(e){Ce(e,this._config)}get valuePrefix(){return De(this._config)}set valuePrefix(e){Pe(e,this._config)}get valueSuffix(){return Ie(this._config)}set valueSuffix(e){xe(e,this._config)}get percentagePrefix(){return Ve(this._config)}set percentagePrefix(e){Fe(e,this._config)}get percentageSuffix(){return Te(this._config)}set percentageSuffix(e){Ne(e,this._config)}get dataLabelsOffset(){return Be(this._config)}set dataLabelsOffset(e){ze(e,this._config)}get alignDataLabels(){return Ae(this._config)}set alignDataLabels(e){Ge(e,this._config)}get dataLabelsInside(){return ke(this._config)}set dataLabelsInside(e){We(e,this._config)}get optimizeDataLabelsOverlapping(){return Re(this._config)}set optimizeDataLabelsOverlapping(e){Ue(e,this._config)}generateChartTitle(){return W({config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,mode:this._mode})}};o([t],r.prototype,"category");o([t],r.prototype,"numericFields");o([t],r.prototype,"aggregationType");o([t],r.prototype,"setSortOrder");o([t],r.prototype,"orderByList");o([t],r.prototype,"mode");o([t],r.prototype,"moveCustomSortValuesInOrderByList");o([t],r.prototype,"ticksSymbol");o([t],r.prototype,"slices");o([t],r.prototype,"groupedSliceIds");o([t],r.prototype,"sliceGrouping");o([t],r.prototype,"innerRadiusSize");o([t],r.prototype,"groupingThreshold");o([t],r.prototype,"labelCharacterLimit");o([t],r.prototype,"decimalPlaces");o([t],r.prototype,"displayType");o([t],r.prototype,"setSliceName");o([t],r.prototype,"setSliceColor");o([t],r.prototype,"orderOfSlices");o([t],r.prototype,"moveSeries");o([t],r.prototype,"resetSlices");o([t],r.prototype,"ticksVisibility");o([t],r.prototype,"startAngle");o([t],r.prototype,"endAngle");o([t],r.prototype,"displayCategoryValueOnTooltip");o([t],r.prototype,"displayNumericValueOnTooltip");o([t],r.prototype,"displayPercentageOnTooltip");o([t],r.prototype,"valuePrefix");o([t],r.prototype,"valueSuffix");o([t],r.prototype,"percentagePrefix");o([t],r.prototype,"percentageSuffix");o([t],r.prototype,"dataLabelsOffset");o([t],r.prototype,"alignDataLabels");o([t],r.prototype,"dataLabelsInside");o([t],r.prototype,"optimizeDataLabelsOverlapping");var ci=[d,U,K,Y,$];O(r,ci);return r},a,b,c,d,e,i,j,k,l,n,o)

package/dist/cdn/NNZCIR7W.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as w,c as L}from"./OBPAQN4H.js";import{a as E}from"./3KRPCKJZ.js";import{a as C}from"./SA22QZNW.js";import{a as p}from"./IHO3OLL3.js";import j from"./FEKSPYHM.js";import{a as P}from"./I5T7JUDH.js";import{k as l,o as g}from"./AK7X7SGI.js";import i from"./EE3KEIAT.js";import f from"./JBPYGZPJ.js";import"./WNKDEOFZ.js";import e from"./S74GCXXK.js";import"./EZV7JSQJ.js";import{n as u,o as O}from"./3TBK72EK.js";import{p as h}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./WWO326JE.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./7YXTWBT4.js";import{b as c}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as I}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{h:B},{a:k}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.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)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=P(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(w),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s??0,t??s??0)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>k.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return B({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},e,f,i,j)

package/dist/cdn/QPSJ6XOX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as m,c as D}from"./OBPAQN4H.js";import{a as P}from"./IHO3OLL3.js";import e from"./FEKSPYHM.js";import{a as I}from"./I5T7JUDH.js";import{j as o,n as h}from"./AK7X7SGI.js";import c from"./JBPYGZPJ.js";import"./WNKDEOFZ.js";import a from"./S74GCXXK.js";import{e as E}from"./EZV7JSQJ.js";import{n as b}from"./3TBK72EK.js";import{i as _,z as x,za as V}from"./PAIRUVLU.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./WWO326JE.js";import{A,B as i,C as v,E as L,G as k,g as T,i as n,n as $,y as d,z as r}from"./7YXTWBT4.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as S}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.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)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends A{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=L(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};k("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)