@arcgis/charts-components 5.1.3 → 5.1.4

package/dist/cdn/{KFY6SEZU.js → PYT35JFQ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as w,b as P,c as q,d as N}from"./YKGXUFVU.js";import B from"./HV2WZZ2R.js";import A from"./QI6SNQEH.js";import z from"./6G5SQMIG.js";import y from"./GAO6N5DQ.js";import"./E6ICXDNS.js";import x from"./55HY3O3G.js";import v from"./UHM22GXZ.js";import u from"./GPBRXXVW.js";import t from"./PDD74AKL.js";import s from"./JWEXM2O6.js";import r from"./7HGJIAXH.js";import"./7MKAC33Z.js";import o from"./BKMDQJY6.js";import n from"./7MOCVCHZ.js";import m from"./IO53Q5WD.js";import k from"./3G6DJQ4I.js";import j from"./L2WSLIMW.js";import"./NQAPPISU.js";import i from"./COW63QH2.js";import e from"./A5OI4GRG.js";import d from"./3OI3AZ2X.js";import{i as l,k as f,m as b}from"./KGNYAMFB.js";import a from"./S7OB4ILP.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{_ as g,ba as h,ia as p}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./DMONWSPY.js";import"./AA7A24A4.js";import"./TOO3T62Y.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as c}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{rb:S},{q:_},,{c:n},,,,,,,,,,,,,,{c:u,d:L},{a:k,b:v,c:M,d:C,e:z,f:F,g:I,h:O,i:B,j:j,k:D,l:V,m:A,n:m,o:x,p:H,q:T,t:W}])=>{var Y=Object.defineProperty,E=Object.getOwnPropertyDescriptor,a=(d,e,s,i)=>{for(var t=E(e,s),r=d.length-1,y;r>=0;r--)(y=d[r])&&(t=y(e,s,t)||t);return t&&Y(e,s,t),t},o=class extends L{constructor(){super(...arguments),this._chartType=c.ComboLineAndBarSeries}async setup(e){await this.loadConfigFromLayer(e),this.setupLocalProps(),e.config!==void 0&&(b(e.config?.series)&&this.initDefaultSeries(),this.updateSeriesFromLayerFilter()),typeof this.resolveSetup=="function"&&this.resolveSetup()}generateDefaultConfig(){let e=p(this.commonStrings);return e.series=[h({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField})],e}initDefaultSeries(){this.defaultSeries=g({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField})}setSeriesType(e,s){if(e<this._config.series.length&&e>=0){let i=this._config.series[e],t;if(s===c.BarSeries&&l(i)){let r={...i};delete r.lineSymbol,delete r.markerSymbol,delete r.lineSmoothed,delete r.markerVisible,delete r.areaColor,delete r.stackNegativeValuesToBaseline,t={...h({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField}),...r,type:c.BarSeries,y:[i.y].flat()[0]},t.fillSymbol&&(t.fillSymbol={...t.fillSymbol,color:i.lineSymbol?.color})}else if(s===c.LineSeries&&f(i)){let r={...i};delete r.fillSymbol,delete r.hideOversizedStackedLabels,delete r.hideOversizedSideBySideLabels,t={...g({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField}),...r,type:c.LineSeries},t.lineSymbol&&(t.lineSymbol={...t.lineSymbol,color:i.fillSymbol?.color})}t!==void 0&&(this._config.series[e]=t)}}getSeriesLineStyle(e){return k(e,this._config)}setSeriesLineStyle(e,s){let i=this._config.series?.[s];l(i)&&v(e,s,this._config)}getSeriesLineWidth(e){return M(e,this._config)}setSeriesLineWidth(e,s){let i=this._config.series?.[s];l(i)&&C(e,s,this._config)}getSeriesMarkerColor(e){return z(e,this._config)}setSeriesMarkerColor(e,s){let i=this._config.series?.[s];l(i)&&F(e,s,this._config)}getSeriesMarkerStyle(e){return I(e,this._config)}setSeriesMarkerStyle(e,s){let i=this._config.series?.[s];l(i)&&O(e,s,this._config)}getSeriesMarkerSize(e){return B(e,this._config)}setSeriesMarkerSize(e,s){let i=this._config.series?.[s];l(i)&&j(e,s,this._config)}isLineSmoothed(e){return D(e,this._config)}setLineSmoothed(e,s){let i=this._config.series?.[s];l(i)&&V({smoothed:e,seriesIndex:s,config:this._config})}isAreaVisible(e){return A(e,this._config)}setAreaVisible(e,s){let i=this._config.series?.[s];l(i)&&m({visible:e,seriesIndex:s,config:this._config})}isMarkerVisible(e){return x(e,this._config)}setMarkerVisible(e,s){let i=this._config.series?.[s];l(i)&&H({visible:e,seriesIndex:s,config:this._config})}getAreaColor(e){return T(e,this._config)}setAreaColor(e,s){let i=this._config.series?.[s];l(i)&&(m({visible:!0,seriesIndex:s,config:this._config}),u(e,s,this._config))}getSeriesHideOversizedSideBySideLabels(e){return w(e,this._config)}setSeriesHideOversizedSideBySideLabels(e,s){let i=this._config.series?.[s];f(i)&&P(e,s,this._config)}getSeriesHideOversizedStackedLabels(e){return q(e,this._config)}setSeriesHideOversizedStackedLabels(e,s){let i=this._config.series?.[s];f(i)&&N(e,s,this._config)}};a([n],o.prototype,"setSeriesType");a([n],o.prototype,"setSeriesLineStyle");a([n],o.prototype,"setSeriesLineWidth");a([n],o.prototype,"setSeriesMarkerColor");a([n],o.prototype,"setSeriesMarkerStyle");a([n],o.prototype,"setSeriesMarkerSize");a([n],o.prototype,"setLineSmoothed");a([n],o.prototype,"setAreaVisible");a([n],o.prototype,"setMarkerVisible");a([n],o.prototype,"setAreaColor");a([n],o.prototype,"setSeriesHideOversizedSideBySideLabels");a([n],o.prototype,"setSeriesHideOversizedStackedLabels");var G=[W];_(o,G);return o},a,d,e,i,j,k,m,n,o,r,s,t,u,v,x,y,z,A,B)
+import{a as w,b as P,c as q,d as N}from"./YKGXUFVU.js";import B from"./VEZL4O6Q.js";import A from"./VCYPJ7PB.js";import z from"./ZO2YW5LI.js";import y from"./ZQBIFM6I.js";import"./E6ICXDNS.js";import x from"./NBKUOIWE.js";import v from"./SWYI6DEZ.js";import u from"./5DFOI7PP.js";import t from"./NAH7RHCB.js";import s from"./GYLV7XO5.js";import r from"./RAVTKVYZ.js";import"./7MKAC33Z.js";import o from"./HPQR3MBB.js";import n from"./TFIXQT72.js";import m from"./RDZKQ3UB.js";import k from"./BYMBCT2F.js";import j from"./DBIVR3L2.js";import"./NQAPPISU.js";import i from"./TLJ4H37R.js";import e from"./BODOPAEX.js";import d from"./B5HQ43EN.js";import{i as l,k as f,m as b}from"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{_ as g,ba as h,ia as p}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import"./ZQNOUNTB.js";import"./TOO3T62Y.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as c}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{rb:S},{q:_},,{c:n},,,,,,,,,,,,,,{c:u,d:L},{a:k,b:v,c:M,d:C,e:z,f:F,g:I,h:O,i:B,j:j,k:D,l:V,m:A,n:m,o:x,p:H,q:T,t:W}])=>{var Y=Object.defineProperty,E=Object.getOwnPropertyDescriptor,a=(d,e,s,i)=>{for(var t=E(e,s),r=d.length-1,y;r>=0;r--)(y=d[r])&&(t=y(e,s,t)||t);return t&&Y(e,s,t),t},o=class extends L{constructor(){super(...arguments),this._chartType=c.ComboLineAndBarSeries}async setup(e){await this.loadConfigFromLayer(e),this.setupLocalProps(),e.config!==void 0&&(b(e.config?.series)&&this.initDefaultSeries(),this.updateSeriesFromLayerFilter()),typeof this.resolveSetup=="function"&&this.resolveSetup()}generateDefaultConfig(){let e=p(this.commonStrings);return e.series=[h({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField})],e}initDefaultSeries(){this.defaultSeries=g({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField})}setSeriesType(e,s){if(e<this._config.series.length&&e>=0){let i=this._config.series[e],t;if(s===c.BarSeries&&l(i)){let r={...i};delete r.lineSymbol,delete r.markerSymbol,delete r.lineSmoothed,delete r.markerVisible,delete r.areaColor,delete r.stackNegativeValuesToBaseline,t={...h({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField}),...r,type:c.BarSeries,y:[i.y].flat()[0]},t.fillSymbol&&(t.fillSymbol={...t.fillSymbol,color:i.lineSymbol?.color})}else if(s===c.LineSeries&&f(i)){let r={...i};delete r.fillSymbol,delete r.hideOversizedStackedLabels,delete r.hideOversizedSideBySideLabels,t={...g({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField}),...r,type:c.LineSeries},t.lineSymbol&&(t.lineSymbol={...t.lineSymbol,color:i.fillSymbol?.color})}t!==void 0&&(this._config.series[e]=t)}}getSeriesLineStyle(e){return k(e,this._config)}setSeriesLineStyle(e,s){let i=this._config.series?.[s];l(i)&&v(e,s,this._config)}getSeriesLineWidth(e){return M(e,this._config)}setSeriesLineWidth(e,s){let i=this._config.series?.[s];l(i)&&C(e,s,this._config)}getSeriesMarkerColor(e){return z(e,this._config)}setSeriesMarkerColor(e,s){let i=this._config.series?.[s];l(i)&&F(e,s,this._config)}getSeriesMarkerStyle(e){return I(e,this._config)}setSeriesMarkerStyle(e,s){let i=this._config.series?.[s];l(i)&&O(e,s,this._config)}getSeriesMarkerSize(e){return B(e,this._config)}setSeriesMarkerSize(e,s){let i=this._config.series?.[s];l(i)&&j(e,s,this._config)}isLineSmoothed(e){return D(e,this._config)}setLineSmoothed(e,s){let i=this._config.series?.[s];l(i)&&V({smoothed:e,seriesIndex:s,config:this._config})}isAreaVisible(e){return A(e,this._config)}setAreaVisible(e,s){let i=this._config.series?.[s];l(i)&&m({visible:e,seriesIndex:s,config:this._config})}isMarkerVisible(e){return x(e,this._config)}setMarkerVisible(e,s){let i=this._config.series?.[s];l(i)&&H({visible:e,seriesIndex:s,config:this._config})}getAreaColor(e){return T(e,this._config)}setAreaColor(e,s){let i=this._config.series?.[s];l(i)&&(m({visible:!0,seriesIndex:s,config:this._config}),u(e,s,this._config))}getSeriesHideOversizedSideBySideLabels(e){return w(e,this._config)}setSeriesHideOversizedSideBySideLabels(e,s){let i=this._config.series?.[s];f(i)&&P(e,s,this._config)}getSeriesHideOversizedStackedLabels(e){return q(e,this._config)}setSeriesHideOversizedStackedLabels(e,s){let i=this._config.series?.[s];f(i)&&N(e,s,this._config)}};a([n],o.prototype,"setSeriesType");a([n],o.prototype,"setSeriesLineStyle");a([n],o.prototype,"setSeriesLineWidth");a([n],o.prototype,"setSeriesMarkerColor");a([n],o.prototype,"setSeriesMarkerStyle");a([n],o.prototype,"setSeriesMarkerSize");a([n],o.prototype,"setLineSmoothed");a([n],o.prototype,"setAreaVisible");a([n],o.prototype,"setMarkerVisible");a([n],o.prototype,"setAreaColor");a([n],o.prototype,"setSeriesHideOversizedSideBySideLabels");a([n],o.prototype,"setSeriesHideOversizedStackedLabels");var G=[W];_(o,G);return o},a,d,e,i,j,k,m,n,o,r,s,t,u,v,x,y,z,A,B)

package/dist/cdn/{3EFZRLIC.js → PZNWCTHF.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as k}from"./FWEWN4I2.js";import{a as E}from"./TJQGGNGV.js";import{a as P}from"./O5OI7ZFM.js";import{h as s}from"./MZ2UZAFW.js";import c from"./UHM22GXZ.js";import a from"./S7OB4ILP.js";import"./777EBGS5.js";import{n as m}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./DMONWSPY.js";import{A as u,B as o,E as b,G as v,g as C,i as r,n as d,y as n,z as h}from"./AA7A24A4.js";import{e as g}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as y}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{q:c,rb:$},{h:F}])=>{var l={label:"label",fieldList:"field-list",fab:"fab"},w=C`: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}`,p=class extends u{constructor(){super(...arguments),this._messages=P(),this.pieChartPopover=null,this.sortOrderElement=n(),this.categoryElement=n(),this.numericFieldsElement=n(),this.onPieChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case s.aggregation:this.model.aggregationType=i[0]!==y.NoAggregation?i[0]:"";break;case s.category:{let a=i[0]?.trim()||"";this.updateMode(a);let f=this.model.numericFields;f.length>1&&a!==c&&(this.model.numericFields=[f[0]]),this.model.category=a,this.model.colorMatch=!0;break}case s.numericFields:i.length>1&&(this.updateMode(c),this.model.category=c),this.model.numericFields=i;break;case s.sortOrder:this.model.setSortOrder(i[0]);break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=d(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=d()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=w}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removePieChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return k(e,r`<calcite-list-item .label=${m(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(e){this.contentKind=s.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=s.category,this.setupPopover(e)}onAddNumericFields(e){this.contentKind=s.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}updateMode(e){let t=e!==c&&e.trim()!=="";this.model.mode=t?g.Category:g.Fields}setupPopover(e){e.stopImmediatePropagation(),this.removePieChartDataPopover();let t,i,a;switch(this.contentKind){case s.category:t=this.categoryElement.value,i=this._messages.categoryHeader,a=this.model.category;break;case s.numericFields:t=this.numericFieldsElement.value,i=this._messages.numericFieldsMultipleHeader,a=this.model.numericFields;break;case s.sortOrder:t=this.sortOrderElement.value,i=this._messages.sortOrderHeader,a=this.model.getSortOrder();break}this.pieChartPopover=b(r`<arcgis-charts-config-pie-chart-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${a} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`),!document.body.contains(this.pieChartPopover)&&this.pieChartPopover!==null&&document.body.appendChild(this.pieChartPopover)}getCorrectedCategoryValue(){return F({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":m(this.layerFieldsInfo,this.model.category)}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=E(this.pieChartPopover))}renderSorting(){return r`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=$(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${o(l.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`}render(){let e=this.renderCategory(),t=this.renderSorting(),i=this.renderNumericFields([...this.model.numericFields]);return r`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[r`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,r`<div class=${o(l.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(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label>`}};v("arcgis-charts-config-pie-chart-data",p);return p},a,c)
+import{a as k}from"./NJH2AUUA.js";import{a as E}from"./TJQGGNGV.js";import{a as P}from"./E6GB46ZD.js";import{h as s}from"./MZ2UZAFW.js";import c from"./SWYI6DEZ.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import{n as m}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as u,B as o,E as b,G as v,g as C,i as r,n as d,y as n,z as h}from"./ZQNOUNTB.js";import{e as g}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as y}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{q:c,rb:$},{h:F}])=>{var l={label:"label",fieldList:"field-list",fab:"fab"},w=C`: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}`,p=class extends u{constructor(){super(...arguments),this._messages=P(),this.pieChartPopover=null,this.sortOrderElement=n(),this.categoryElement=n(),this.numericFieldsElement=n(),this.onPieChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case s.aggregation:this.model.aggregationType=i[0]!==y.NoAggregation?i[0]:"";break;case s.category:{let a=i[0]?.trim()||"";this.updateMode(a);let f=this.model.numericFields;f.length>1&&a!==c&&(this.model.numericFields=[f[0]]),this.model.category=a,this.model.colorMatch=!0;break}case s.numericFields:i.length>1&&(this.updateMode(c),this.model.category=c),this.model.numericFields=i;break;case s.sortOrder:this.model.setSortOrder(i[0]);break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=d(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=d()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=w}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removePieChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return k(e,r`<calcite-list-item .label=${m(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(e){this.contentKind=s.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=s.category,this.setupPopover(e)}onAddNumericFields(e){this.contentKind=s.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}updateMode(e){let t=e!==c&&e.trim()!=="";this.model.mode=t?g.Category:g.Fields}setupPopover(e){e.stopImmediatePropagation(),this.removePieChartDataPopover();let t,i,a;switch(this.contentKind){case s.category:t=this.categoryElement.value,i=this._messages.categoryHeader,a=this.model.category;break;case s.numericFields:t=this.numericFieldsElement.value,i=this._messages.numericFieldsMultipleHeader,a=this.model.numericFields;break;case s.sortOrder:t=this.sortOrderElement.value,i=this._messages.sortOrderHeader,a=this.model.getSortOrder();break}this.pieChartPopover=b(r`<arcgis-charts-config-pie-chart-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${a} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`),!document.body.contains(this.pieChartPopover)&&this.pieChartPopover!==null&&document.body.appendChild(this.pieChartPopover)}getCorrectedCategoryValue(){return F({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":m(this.layerFieldsInfo,this.model.category)}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=E(this.pieChartPopover))}renderSorting(){return r`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${h(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${h(this.categoryElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=$(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${o(l.fieldList)} ${h(this.numericFieldsElement)}>${i}</calcite-list>`}render(){let e=this.renderCategory(),t=this.renderSorting(),i=this.renderNumericFields([...this.model.numericFields]);return r`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[r`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,r`<div class=${o(l.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(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label>`}};v("arcgis-charts-config-pie-chart-data",p);return p},a,c)

package/dist/cdn/{PG6IHFMC.js → QWCA3FTZ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as b}from"./FWEWN4I2.js";import{a as P}from"./TJQGGNGV.js";import e from"./VVYGCHEV.js";import{a as M}from"./O5OI7ZFM.js";import"./MZ2UZAFW.js";import c from"./3OI3AZ2X.js";import"./KGNYAMFB.js";import a from"./S7OB4ILP.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{Aa as I,o as f}from"./6JI4NDJ6.js";import{f as G}from"./75Y43JLP.js";import{c as x,h as S,k as _}from"./FIMXZMTB.js";import"./DMONWSPY.js";import{A as T,B as s,C as p,E as C,G as N,g as E,i as d,y as m,z as g}from"./AA7A24A4.js";import{f as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:y,g:u,r:w}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=E`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=M(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=S(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=S(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,z]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${z/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===f.emptySliceId?o=this._messages.emptySlice??"":o===f.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){w(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
+import{a as b}from"./NJH2AUUA.js";import{a as P}from"./TJQGGNGV.js";import e from"./FFA2RBY6.js";import{a as M}from"./E6GB46ZD.js";import"./MZ2UZAFW.js";import c from"./B5HQ43EN.js";import"./KGNYAMFB.js";import a from"./DWKUQWMM.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{Aa as I,o as f}from"./6JI4NDJ6.js";import{f as G}from"./75Y43JLP.js";import{c as x,h as S,k as _}from"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as T,B as s,C as p,E as C,G as N,g as E,i as d,y as m,z as g}from"./ZQNOUNTB.js";import{f as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:y,g:u,r:w}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=E`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=M(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=S(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=S(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,z]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${z/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===f.emptySliceId?o=this._messages.emptySlice??"":o===f.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){w(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)

package/dist/cdn/{7HGJIAXH.js → RAVTKVYZ.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{g as v,h as S}from"./NQAPPISU.js";import a from"./COW63QH2.js";import{C as m,E as p,F as g,c}from"./6JI4NDJ6.js";import{g as b}from"./FIMXZMTB.js";export default $arcgis.t(([{b:l,c:a}])=>{var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,L=(e,t,o,i)=>{for(var s=u(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&d(t,o,s),s};function Z(e){return e!==void 0&&"xAxisTitleSymbol"in e}var f=class extends l{get xAxisTitleSymbol(){return v(this._config,0)}set xAxisTitleSymbol(t){S({symbol:t,axisIndex:0,config:this._config})}};L([a],f.prototype,"xAxisTitleSymbol");var h=Object.defineProperty,O=Object.getOwnPropertyDescriptor,j=(e,t,o,i)=>{for(var s=O(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&h(t,o,s),s},A=e=>{for(let t of e.axes??[])if(t?.labels!==void 0)return t.labels.content},P=(e,t)=>{for(let o of t.axes??[])if(o!==void 0){let i=o.labels?.content.text;e===void 0?o.labels=p({text:"",visible:!0,font:m(c.AxisLabels),type:c.AxisLabels}):o.labels.content=b(e),o.labels.content.text=i}};function k(e){return e!==void 0&&"axisLabelsSymbol"in e}var x=class extends l{get axisLabelsSymbol(){return A(this._config)}set axisLabelsSymbol(t){P(t,this._config)}};j([a],x.prototype,"axisLabelsSymbol");var _=Object.defineProperty,T=Object.getOwnPropertyDescriptor,D=(e,t,o,i)=>{for(var s=T(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&_(t,o,s),s},I=e=>{for(let t of e.axes??[])if(t?.lineSymbol!==void 0)return t.lineSymbol},w=(e,t)=>{for(let o of t.axes??[])o!==void 0&&(o.lineSymbol=b(e)??g())};function q(e){return e!==void 0&&"axisLinesSymbol"in e}var y=class extends l{get axisLinesSymbol(){return I(this._config)}set axisLinesSymbol(t){w(t,this._config)}};D([a],y.prototype,"axisLinesSymbol");return{a:Z,b:f,c:k,d:x,e:q,f:y}},a)
+import{g as v,h as S}from"./NQAPPISU.js";import a from"./TLJ4H37R.js";import{C as m,E as p,F as g,c}from"./6JI4NDJ6.js";import{g as b}from"./FIMXZMTB.js";export default $arcgis.t(([{b:l,c:a}])=>{var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,L=(e,t,o,i)=>{for(var s=u(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&d(t,o,s),s};function Z(e){return e!==void 0&&"xAxisTitleSymbol"in e}var f=class extends l{get xAxisTitleSymbol(){return v(this._config,0)}set xAxisTitleSymbol(t){S({symbol:t,axisIndex:0,config:this._config})}};L([a],f.prototype,"xAxisTitleSymbol");var h=Object.defineProperty,O=Object.getOwnPropertyDescriptor,j=(e,t,o,i)=>{for(var s=O(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&h(t,o,s),s},A=e=>{for(let t of e.axes??[])if(t?.labels!==void 0)return t.labels.content},P=(e,t)=>{for(let o of t.axes??[])if(o!==void 0){let i=o.labels?.content.text;e===void 0?o.labels=p({text:"",visible:!0,font:m(c.AxisLabels),type:c.AxisLabels}):o.labels.content=b(e),o.labels.content.text=i}};function k(e){return e!==void 0&&"axisLabelsSymbol"in e}var x=class extends l{get axisLabelsSymbol(){return A(this._config)}set axisLabelsSymbol(t){P(t,this._config)}};j([a],x.prototype,"axisLabelsSymbol");var _=Object.defineProperty,T=Object.getOwnPropertyDescriptor,D=(e,t,o,i)=>{for(var s=T(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&_(t,o,s),s},I=e=>{for(let t of e.axes??[])if(t?.lineSymbol!==void 0)return t.lineSymbol},w=(e,t)=>{for(let o of t.axes??[])o!==void 0&&(o.lineSymbol=b(e)??g())};function q(e){return e!==void 0&&"axisLinesSymbol"in e}var y=class extends l{get axisLinesSymbol(){return I(this._config)}set axisLinesSymbol(t){w(t,this._config)}};D([a],y.prototype,"axisLinesSymbol");return{a:Z,b:f,c:k,d:x,e:q,f:y}},a)

package/dist/cdn/{7IYKY4HO.js → RBDGIDAU.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{b as u}from"./TJQGGNGV.js";import{a as f}from"./O5OI7ZFM.js";import{i as v}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./DMONWSPY.js";import{A as C,B as i,G as g,g as p,i as h,n as s,y as m,z as d}from"./AA7A24A4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var o={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},$=p`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,a=class extends C{constructor(){super(...arguments),this._messages=f(),this.popoverElement=m(),this.selectedSliceId="",this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSlicesPopoverColorChange=s(),this.arcgisChartsConfigSlicesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedSliceId:1,placement:1,open:5}}static{this.styles=$}async reposition(){await this.popoverElement.value?.reposition()}updated(){u(this.popoverElement.value,this.open)}sliceNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSlicesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSliceId:this.selectedSliceId})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[l,r,c]=t,n=v*255;this.selectedColor=[l,r,c,n],this.arcgisChartsConfigSlicesPopoverColorChange.emit({color:[l,r,c,n]})}render(){let e=this.selectedColor!==void 0?[...this.selectedColor]:void 0;return h`<div class=${i({[o.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${d(this.popoverElement)}><calcite-panel .heading=${this._messages.sliceStyle} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${i(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.sliceNameChange}></calcite-input></calcite-label></div><div class=${i(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};g("arcgis-charts-config-pie-chart-slices-popover",a);export{a as ArcgisChartsConfigPieChartSlicesPopover};
+import{b as u}from"./TJQGGNGV.js";import{a as f}from"./E6GB46ZD.js";import{i as v}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./HUUQ5D7I.js";import{A as C,B as i,G as g,g as p,i as h,n as s,y as m,z as d}from"./ZQNOUNTB.js";import"./XOB365BI.js";import"./QPIMTXPL.js";var o={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},$=p`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,a=class extends C{constructor(){super(...arguments),this._messages=f(),this.popoverElement=m(),this.selectedSliceId="",this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSlicesPopoverColorChange=s(),this.arcgisChartsConfigSlicesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedSliceId:1,placement:1,open:5}}static{this.styles=$}async reposition(){await this.popoverElement.value?.reposition()}updated(){u(this.popoverElement.value,this.open)}sliceNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSlicesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSliceId:this.selectedSliceId})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[l,r,c]=t,n=v*255;this.selectedColor=[l,r,c,n],this.arcgisChartsConfigSlicesPopoverColorChange.emit({color:[l,r,c,n]})}render(){let e=this.selectedColor!==void 0?[...this.selectedColor]:void 0;return h`<div class=${i({[o.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${d(this.popoverElement)}><calcite-panel .heading=${this._messages.sliceStyle} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${i(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.sliceNameChange}></calcite-input></calcite-label></div><div class=${i(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};g("arcgis-charts-config-pie-chart-slices-popover",a);export{a as ArcgisChartsConfigPieChartSlicesPopover};