@arcgis/charts-components 5.2.0-next.110 → 5.2.0-next.112

package/dist/cdn/{SXOHCOAC.js → OLEFWZFS.js}

@@ -1,2 +1,2 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
-import n from"./YCM6O6HX.js";import{b as e,c as t,d as a}from"./BK4JKDTR.js";import l from"./3Z2C6NLH.js";import{a as u}from"./VTGIHCBG.js";import{a as A}from"./LD7OU6HP.js";import k from"./DGE5LAEC.js";import j from"./VUWVVCEB.js";import{a as h,p as E}from"./G5NLV2CS.js";import i from"./LTZBWR5K.js";import f from"./EJCQJK4X.js";import c from"./ZJIYZYVK.js";import b from"./JJLZNOU5.js";import{a as x}from"./UPENS2HR.js";import"./U4LGTOAJ.js";import"./JGDOGMER.js";import"./BIXQAUTT.js";import"./GUQ44MLO.js";import"./CHCM5ZNC.js";import{A as g,B as _,C as z,D as m,E as s,F as p,H as V,g as O,i as o,n as r,z as d}from"./AJDNZRJP.js";import"./BYSF3WH4.js";import"./QIST2E6D.js";import"./GFIZPXVK.js";import{a as v}from"./C4LXB6MK.js";import"./K4PGZCDZ.js";export default $arcgis.t(([,,,,,{a:L},{r:n},{a:F}])=>{function R(S){return S?.tagName.toLowerCase()==="arcgis-chart"}var Z={actionBar:"action-bar"},q=O`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`,T=class extends _{constructor(){super(...arguments),this.calciteActionBar=d(),this.exportCalciteActionBar=d(),this.expandAction=null,this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.handleMouseOver=l=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let c=l.target;this.actionTooltip!==void 0&&(this.actionTooltip=n(this.actionTooltip));let i;c?.tagName==="CALCITE-ACTION"?i=c:(c?.tagName==="CALCITE-ACTION-MENU"||c?.tagName==="DIV")&&(i=c.firstChild),i!==void 0&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}else this.actionTooltip=n(this.actionTooltip)},this._csvExportExclusionList=[v.ScatterSeries,v.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartState=a.Disabled,this.legendToggle=t.Inactive,this.legendState=a.Enabled,this.rotateChartToggle=t.Inactive,this.rotateChartState=a.Enabled,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionState=a.Enabled,this.filterByExtentToggle=t.Inactive,this.filterByExtentState=a.Enabled,this.actionBarSelectionMode=x.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionState=a.Enabled,this.zoomToggle=t.Inactive,this.zoomState=a.Enabled,this.fullExtentToggle=t.Inactive,this.fullExtentState=a.Enabled,this.clearSelectionToggle=t.Inactive,this.clearSelectionState=a.Enabled,this.switchSelectionToggle=t.Inactive,this.switchSelectionState=a.Enabled,this.exportAsImageState=a.Enabled,this.exportAsCSVState=a.Enabled,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=a.Enabled,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=r(),this.arcgisDefaultActionSelect=r()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartState:1,editChartTitle:1,legendToggle:1,legendState:1,legendTitle:1,rotateChartToggle:1,rotateChartState:1,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionState:1,filterBySelectionTitle:1,filterByExtentToggle:1,filterByExtentState:1,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionState:1,selectionTitle:1,zoomToggle:1,zoomState:1,zoomTitle:1,fullExtentToggle:1,fullExtentState:1,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionState:1,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionState:1,switchSelectionTitle:1,exportAsImageState:1,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,expanded:5,hiddenActions:0}}static{this.styles=q}load(){this.chartElement=R(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}async onDefaultActionClick(l){let c=l.currentTarget,i={actionId:c.id,actionActive:!1};switch(c.id){case e.EditChart:this.editChartToggle=this.editChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.editChartToggle===t.Active;break;case e.Legend:this.legendToggle=this.legendToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.legendToggle===t.Active,h(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(h(this.chartElement.model)?E(this.chartElement.model)&&(this.chartElement.model.legendVisibility=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.RotateChart:this.rotateChartToggle=this.rotateChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.rotateChartToggle===t.Active,this.chartElement?.model&&(h(this.chartElement.model)?L(this.chartElement.model)&&(this.chartElement.model.rotated=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.FilterBySelection:this.filterBySelectionToggle=this.filterBySelectionToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterBySelectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break;case e.FilterByExtent:this.filterByExtentToggle=this.filterByExtentToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterByExtentToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break;case e.Selection:this.selectionToggle=t.Active,this.zoomToggle=t.Inactive,i.actionActive=this.selectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break;case e.Zoom:this.zoomToggle=t.Active,this.selectionToggle=t.Inactive,i.actionActive=this.zoomToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=x.Zoom);break;case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active,this.chartElement?.switchSelection();break;case e.ExportAsImage:i.actionActive=!0,await this.chartElement?.exportAsImage();break;case e.ExportAsCSV:i.actionActive=!0,await this.chartElement?.exportAsCSV();break}this.arcgisDefaultActionSelect.emit(i)}handleCalciteActionBarToggle(){this.expanded=this.calciteActionBar.value?.expanded??!1,this.setCustomActionsExpanded(),this.arcgisActionBarToggle.emit(this.expanded)}handleMouseOut(){this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}handleSlotChange(l){let c=l.currentTarget.assignedElements();for(let i of c)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(l=>{let c=l;c.textEnabled=this.expanded})}handleExpandTooltip(){this.expandAction===null&&(this.expandAction=this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action")??null,this.expandAction!==null&&(this.listenOn(this.expandAction,"mouseenter",()=>{!this.calciteActionBar.value?.expanded&&this.expandAction!==null&&!document.body.contains(this.actionTooltip)&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand??""}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}),this.listenOn(this.expandAction,"mouseleave",()=>{!this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))})))}renderDefaultActions(){let l=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),c=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=l.includes(e.EditChart),$=l.includes(e.Legend),f=l.includes(e.RotateChart),b=l.includes(e.FilterBySelection),C=l.includes(e.FilterByExtent)&&!c,y=l.includes(e.Zoom),B=l.includes(e.Selection),D=l.includes(e.ClearSelection),k=l.includes(e.FullExtent),I=l.includes(e.SwitchSelection),M=l.includes(e.ExportAsImage),w=l.includes(e.ExportAsCSV);return[$||f?o`<calcite-action-group>${i?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active} .disabled=${this.editChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${$?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??s} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active} .disabled=${this.legendState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${f?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??s} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active} .disabled=${this.rotateChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,b||C?o`<calcite-action-group>${b?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??s} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active} .disabled=${this.filterBySelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${C?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??s} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active} .disabled=${this.filterByExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,B||y||k||D||I?o`<calcite-action-group>${y?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??s} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active} .disabled=${this.zoomState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??s} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active} .disabled=${this.selectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${D?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??s} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active} .disabled=${this.clearSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??s} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active} .disabled=${this.fullExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${I?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??s} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active} .disabled=${this.switchSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,M||w?o`<calcite-action-menu .label=${this._messages?.export??""} ${g(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===a.Disabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${M?o`<div><calcite-action id=${e.ExportAsImage??s} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${w?o`<div><calcite-action id=${e.ExportAsCSV??s} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===a.Disabled||this.forceDisableActions||this.chartType&&(this.disableCSVExportForChartTypes.includes(this.chartType)||this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}</calcite-action-menu>`:null]}render(){return o`<calcite-action-bar class=${z(Z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${g(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};V("arcgis-charts-action-bar",T);return T},b,c,f,i,j,k,l,n)
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import n from"./4Z5SNPOX.js";import{b as e,c as t,d as a}from"./7NWEE7T2.js";import l from"./K2IMX6HU.js";import{a as u}from"./TENIFMA5.js";import{a as A}from"./SZYIWW3C.js";import k from"./UU7YRQTV.js";import j from"./7V4UDGBX.js";import{a as h,p as E}from"./RPUEIRTH.js";import i from"./HAIFP7IJ.js";import f from"./PNIDMUQY.js";import c from"./67XCXPQ6.js";import b from"./GSCC2TTU.js";import{a as x}from"./VQU2TVX7.js";import"./WOGALV3T.js";import"./62GSQDTE.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as _,C as z,D as m,E as s,F as p,H as V,g as O,i as o,n as r,z as d}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as v}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,,{a:L},{r:n},{a:F}])=>{function R(S){return S?.tagName.toLowerCase()==="arcgis-chart"}var Z={actionBar:"action-bar"},q=O`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`,T=class extends _{constructor(){super(...arguments),this.calciteActionBar=d(),this.exportCalciteActionBar=d(),this.expandAction=null,this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.handleMouseOver=l=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let c=l.target;this.actionTooltip!==void 0&&(this.actionTooltip=n(this.actionTooltip));let i;c?.tagName==="CALCITE-ACTION"?i=c:(c?.tagName==="CALCITE-ACTION-MENU"||c?.tagName==="DIV")&&(i=c.firstChild),i!==void 0&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}else this.actionTooltip=n(this.actionTooltip)},this._csvExportExclusionList=[v.ScatterSeries,v.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartState=a.Disabled,this.legendToggle=t.Inactive,this.legendState=a.Enabled,this.rotateChartToggle=t.Inactive,this.rotateChartState=a.Enabled,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionState=a.Enabled,this.filterByExtentToggle=t.Inactive,this.filterByExtentState=a.Enabled,this.actionBarSelectionMode=x.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionState=a.Enabled,this.zoomToggle=t.Inactive,this.zoomState=a.Enabled,this.fullExtentToggle=t.Inactive,this.fullExtentState=a.Enabled,this.clearSelectionToggle=t.Inactive,this.clearSelectionState=a.Enabled,this.switchSelectionToggle=t.Inactive,this.switchSelectionState=a.Enabled,this.exportAsImageState=a.Enabled,this.exportAsCSVState=a.Enabled,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=a.Enabled,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=r(),this.arcgisDefaultActionSelect=r()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartState:1,editChartTitle:1,legendToggle:1,legendState:1,legendTitle:1,rotateChartToggle:1,rotateChartState:1,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionState:1,filterBySelectionTitle:1,filterByExtentToggle:1,filterByExtentState:1,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionState:1,selectionTitle:1,zoomToggle:1,zoomState:1,zoomTitle:1,fullExtentToggle:1,fullExtentState:1,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionState:1,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionState:1,switchSelectionTitle:1,exportAsImageState:1,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,expanded:5,hiddenActions:0}}static{this.styles=q}load(){this.chartElement=R(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}async onDefaultActionClick(l){let c=l.currentTarget,i={actionId:c.id,actionActive:!1};switch(c.id){case e.EditChart:this.editChartToggle=this.editChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.editChartToggle===t.Active;break;case e.Legend:this.legendToggle=this.legendToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.legendToggle===t.Active,h(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(h(this.chartElement.model)?E(this.chartElement.model)&&(this.chartElement.model.legendVisibility=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.RotateChart:this.rotateChartToggle=this.rotateChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.rotateChartToggle===t.Active,this.chartElement?.model&&(h(this.chartElement.model)?L(this.chartElement.model)&&(this.chartElement.model.rotated=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.FilterBySelection:this.filterBySelectionToggle=this.filterBySelectionToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterBySelectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break;case e.FilterByExtent:this.filterByExtentToggle=this.filterByExtentToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterByExtentToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break;case e.Selection:this.selectionToggle=t.Active,this.zoomToggle=t.Inactive,i.actionActive=this.selectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break;case e.Zoom:this.zoomToggle=t.Active,this.selectionToggle=t.Inactive,i.actionActive=this.zoomToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=x.Zoom);break;case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active,this.chartElement?.switchSelection();break;case e.ExportAsImage:i.actionActive=!0,await this.chartElement?.exportAsImage();break;case e.ExportAsCSV:i.actionActive=!0,await this.chartElement?.exportAsCSV();break}this.arcgisDefaultActionSelect.emit(i)}handleCalciteActionBarToggle(){this.expanded=this.calciteActionBar.value?.expanded??!1,this.setCustomActionsExpanded(),this.arcgisActionBarToggle.emit(this.expanded)}handleMouseOut(){this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}handleSlotChange(l){let c=l.currentTarget.assignedElements();for(let i of c)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(l=>{let c=l;c.textEnabled=this.expanded})}handleExpandTooltip(){this.expandAction===null&&(this.expandAction=this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action")??null,this.expandAction!==null&&(this.listenOn(this.expandAction,"mouseenter",()=>{!this.calciteActionBar.value?.expanded&&this.expandAction!==null&&!document.body.contains(this.actionTooltip)&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand??""}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}),this.listenOn(this.expandAction,"mouseleave",()=>{!this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))})))}renderDefaultActions(){let l=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),c=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=l.includes(e.EditChart),$=l.includes(e.Legend),f=l.includes(e.RotateChart),b=l.includes(e.FilterBySelection),C=l.includes(e.FilterByExtent)&&!c,y=l.includes(e.Zoom),B=l.includes(e.Selection),D=l.includes(e.ClearSelection),k=l.includes(e.FullExtent),I=l.includes(e.SwitchSelection),M=l.includes(e.ExportAsImage),w=l.includes(e.ExportAsCSV);return[$||f?o`<calcite-action-group>${i?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active} .disabled=${this.editChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${$?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??s} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active} .disabled=${this.legendState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${f?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??s} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active} .disabled=${this.rotateChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,b||C?o`<calcite-action-group>${b?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??s} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active} .disabled=${this.filterBySelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${C?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??s} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active} .disabled=${this.filterByExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,B||y||k||D||I?o`<calcite-action-group>${y?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??s} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active} .disabled=${this.zoomState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??s} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active} .disabled=${this.selectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${D?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??s} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active} .disabled=${this.clearSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??s} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active} .disabled=${this.fullExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${I?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??s} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active} .disabled=${this.switchSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,M||w?o`<calcite-action-menu .label=${this._messages?.export??""} ${g(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===a.Disabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${M?o`<div><calcite-action id=${e.ExportAsImage??s} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${w?o`<div><calcite-action id=${e.ExportAsCSV??s} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===a.Disabled||this.forceDisableActions||this.chartType&&(this.disableCSVExportForChartTypes.includes(this.chartType)||this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}</calcite-action-menu>`:null]}render(){return o`<calcite-action-bar class=${z(Z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${g(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};V("arcgis-charts-action-bar",T);return T},b,c,f,i,j,k,l,n)

package/dist/cdn/{U4LJEOCU.js → ONOVYY7V.js}

@@ -1,2 +1,2 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/1.0/LICENSE.txt */
-import{a as P}from"./3DIZRBOJ.js";import{a as m,c as D}from"./3WARDHOQ.js";import e from"./3Z2C6NLH.js";import{j as o,n as h}from"./VTGIHCBG.js";import{a as I}from"./LD7OU6HP.js";import c from"./ZJIYZYVK.js";import a from"./JJLZNOU5.js";import{n as b}from"./UPENS2HR.js";import{e as E}from"./U4LGTOAJ.js";import{C as x,Ca as V,i as _}from"./JGDOGMER.js";import{f as C}from"./BIXQAUTT.js";import{c as z,g as w,k as M}from"./GUQ44MLO.js";import"./CHCM5ZNC.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./AJDNZRJP.js";import"./QIST2E6D.js";import"./GFIZPXVK.js";import{a as S}from"./C4LXB6MK.js";import"./K4PGZCDZ.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 k{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=A(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-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}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-picker .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-picker>`}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()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import{a as P}from"./IHO3OLL3.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./K2IMX6HU.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./SZYIWW3C.js";import c from"./67XCXPQ6.js";import a from"./GSCC2TTU.js";import{n as b}from"./VQU2TVX7.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./62GSQDTE.js";import{f as C}from"./KX7KGXKQ.js";import{c as z,g as w,k as M}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.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 k{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=A(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-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}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-picker .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-picker>`}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()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)