@arcgis/charts-components 5.1.17 → 5.1.19

package/dist/cdn/{UM5GZX77.js → 32PDI45F.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"./S76JSK7R.js";import{i as v}from"./IQAKPU7N.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./3NOAFT7A.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"./VI3NOGA3.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"./3LHK3ILO.js";import{i as v}from"./IQAKPU7N.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./ACYLSFOQ.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"./KNGBDPNF.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};

package/dist/cdn/{YUJ4MZPM.js → 3I2OQ7G3.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{d as h}from"./MZ2UZAFW.js";import{g as b}from"./KGNYAMFB.js";import a from"./NVSEFGFN.js";import"./777EBGS5.js";import"./TA5LVOWS.js";import"./IQAKPU7N.js";import{f as y}from"./75Y43JLP.js";import{g as d,l as n}from"./FIMXZMTB.js";import"./3NOAFT7A.js";import{A as u,G as I,g as C,i as c,n as p}from"./VI3NOGA3.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{nb:F,pb:v}])=>{var E=C`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,g=class extends u{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let s=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(s)},this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.filterBySelection=!1,this.arcgisChartsConfigNoSeriesUpdate=p(),this.arcgisChartsConfigWebChartChange=p()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,filterBySelection:5,chartData:0}}static{this.styles=E}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let s=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!n(e.get("layer"),this.layer)&&(s=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(s=!0),e.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(s=!0),s&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){let{slices:s,groupedSlices:i,groupOfSlices:t}=e?.get(0)??{},o=[];this.filterBySelection?o=this.model.slices?.map(l=>s?.find(a=>a.sliceId===l.sliceId)??i?.find(a=>a.sliceId===l.sliceId)??l)??[]:o=(s??[]).concat(i??[]),o.forEach((l,a)=>{let f=this.model.slices?.find(S=>S.sliceId===o[a].sliceId);f&&(o[a]={...o[a],...f});let r=o[a].fillSymbol;r!==void 0&&!n(r?.outline?.color,r?.color)&&(r.outline={...r.outline??{},type:y.SLS,color:r.color})});let m=(i??[]).map(l=>l.sliceId);i!==void 0&&!n(m,this.model.groupedSliceIds)&&(this.model.groupedSliceIds=d(m)),n(o,this.model.slices)||(this.model.slices=d(o)),t!==void 0&&!n(t,this.model.sliceGrouping)&&(this.model.sliceGrouping=d(t))}async updateFetchLayerFieldsInfo(e){let s=e??this.model.config,i=this.layer;if(!i){let t=b(s)?s.iLayer:void 0;t&&(i=await F(t))}i&&(await i.load(),this.layerFieldsInfo=v(i,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e;switch(this.page){case h.Data:e=c`<arcgis-charts-config-pie-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-pie-chart-data>`;break;case h.Slices:e=c`<arcgis-charts-config-pie-chart-slices .model=${this.model} .chartData=${this.chartData} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-pie-chart-slices>`;break;case h.Format:e=c`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case h.General:e=c`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};I("arcgis-charts-config-pie-chart",g);return g},a)
+import{d as h}from"./MZ2UZAFW.js";import{g as b}from"./KGNYAMFB.js";import a from"./NTMT53Y6.js";import"./777EBGS5.js";import"./TA5LVOWS.js";import"./IQAKPU7N.js";import{f as y}from"./75Y43JLP.js";import{g as d,l as n}from"./FIMXZMTB.js";import"./ACYLSFOQ.js";import{A as u,G as I,g as C,i as c,n as p}from"./KNGBDPNF.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{nb:F,pb:v}])=>{var E=C`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,g=class extends u{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let s=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(s)},this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.filterBySelection=!1,this.arcgisChartsConfigNoSeriesUpdate=p(),this.arcgisChartsConfigWebChartChange=p()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,filterBySelection:5,chartData:0}}static{this.styles=E}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let s=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!n(e.get("layer"),this.layer)&&(s=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(s=!0),e.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(s=!0),s&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){let{slices:s,groupedSlices:i,groupOfSlices:t}=e?.get(0)??{},o=[];this.filterBySelection?o=this.model.slices?.map(l=>s?.find(a=>a.sliceId===l.sliceId)??i?.find(a=>a.sliceId===l.sliceId)??l)??[]:o=(s??[]).concat(i??[]),o.forEach((l,a)=>{let f=this.model.slices?.find(S=>S.sliceId===o[a].sliceId);f&&(o[a]={...o[a],...f});let r=o[a].fillSymbol;r!==void 0&&!n(r?.outline?.color,r?.color)&&(r.outline={...r.outline??{},type:y.SLS,color:r.color})});let m=(i??[]).map(l=>l.sliceId);i!==void 0&&!n(m,this.model.groupedSliceIds)&&(this.model.groupedSliceIds=d(m)),n(o,this.model.slices)||(this.model.slices=d(o)),t!==void 0&&!n(t,this.model.sliceGrouping)&&(this.model.sliceGrouping=d(t))}async updateFetchLayerFieldsInfo(e){let s=e??this.model.config,i=this.layer;if(!i){let t=b(s)?s.iLayer:void 0;t&&(i=await F(t))}i&&(await i.load(),this.layerFieldsInfo=v(i,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e;switch(this.page){case h.Data:e=c`<arcgis-charts-config-pie-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-pie-chart-data>`;break;case h.Slices:e=c`<arcgis-charts-config-pie-chart-slices .model=${this.model} .chartData=${this.chartData} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-pie-chart-slices>`;break;case h.Format:e=c`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case h.General:e=c`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};I("arcgis-charts-config-pie-chart",g);return g},a)