@arcgis/charts-components 5.2.0-next.116 → 5.2.0-next.118
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{7DX2X2M6.js → 3ENZSG27.js} +1 -1
- package/dist/cdn/{GQDSTKYF.js → 3O67VAST.js} +1 -1
- package/dist/cdn/{V5FIMV2Y.js → 4A37DTZX.js} +1 -1
- package/dist/cdn/{GVQYJBVB.js → 4DUZ3DBV.js} +1 -1
- package/dist/cdn/{KOXVXSWF.js → 4FIQZ7ML.js} +1 -1
- package/dist/cdn/{JMVO446U.js → 4THGJRO7.js} +1 -1
- package/dist/cdn/{FIIRJDC2.js → 4XSVNPEK.js} +1 -1
- package/dist/cdn/{DWXKIA5H.js → 53SSVK7N.js} +1 -1
- package/dist/cdn/{2M6NOWZH.js → 53UMBR7N.js} +1 -1
- package/dist/cdn/{7L6JYKL3.js → 5HDOHGI4.js} +1 -1
- package/dist/cdn/{7GYKQBI2.js → 6EHQBSWA.js} +1 -1
- package/dist/cdn/{XFWCKK3S.js → 6U7WMM3T.js} +1 -1
- package/dist/cdn/{IUBSW7JZ.js → 7IHXUP3W.js} +1 -1
- package/dist/cdn/{TPNCYNX4.js → 7UJEERMJ.js} +1 -1
- package/dist/cdn/{5JACBJVQ.js → 7V6X72KT.js} +1 -1
- package/dist/cdn/{JOAG4YGY.js → A6C5ZSQX.js} +1 -1
- package/dist/cdn/{PS2SISM7.js → ACUQ3GSY.js} +1 -1
- package/dist/cdn/{DCW2ZBK4.js → ADYMQ4Y2.js} +1 -1
- package/dist/cdn/{2RX7CFJZ.js → ANYYYIRI.js} +1 -1
- package/dist/cdn/{CHV2N66C.js → C5ZJ4DRI.js} +1 -1
- package/dist/cdn/{566ODMCM.js → DPJFM4NP.js} +1 -1
- package/dist/cdn/{ACY2RJG6.js → DY7JRVSH.js} +1 -1
- package/dist/cdn/{GXHUAPY5.js → E2JOOTO5.js} +1 -1
- package/dist/cdn/{MAUH77PP.js → FGHHEJ7Q.js} +1 -1
- package/dist/cdn/{3P5DXQON.js → FY3TBFIV.js} +1 -1
- package/dist/cdn/{SZAJUT6D.js → GFVDFWRY.js} +1 -1
- package/dist/cdn/{7D5IELSU.js → HEWIZKQY.js} +1 -1
- package/dist/cdn/{F7JZQQEQ.js → HHEWJXPN.js} +1 -1
- package/dist/cdn/{QWBGD3GZ.js → HJ5VB5VO.js} +1 -1
- package/dist/cdn/{KTMIUASB.js → HOGVXO5U.js} +1 -1
- package/dist/cdn/{2T7ZUVHP.js → ICISCYJS.js} +1 -1
- package/dist/cdn/{3DN2BHOQ.js → IX25OK5T.js} +1 -1
- package/dist/cdn/{JG6GHMP7.js → J2BDF3BA.js} +1 -1
- package/dist/cdn/{IVRYUXG3.js → J5OL3IK4.js} +1 -1
- package/dist/cdn/{PB2TARKD.js → JT2V74UY.js} +1 -1
- package/dist/cdn/{6RFRWYM2.js → LF6C4WDO.js} +1 -1
- package/dist/cdn/{34JAB5UH.js → LIRYT77W.js} +1 -1
- package/dist/cdn/{7ESDYEUI.js → MBQT7SKP.js} +1 -1
- package/dist/cdn/MKT2I7XP.js +3 -0
- package/dist/cdn/{HAVT2ATQ.js → NDWWMTS4.js} +1 -1
- package/dist/cdn/{CMECSKKT.js → NGKSADMN.js} +1 -1
- package/dist/cdn/{SYCVCYOW.js → NI7A233E.js} +1 -1
- package/dist/cdn/{HCDDOFOP.js → NZIHTLRS.js} +1 -1
- package/dist/cdn/{ZEQQTM2Z.js → P3J77G25.js} +1 -1
- package/dist/cdn/{4EEANOMS.js → PAMROVVE.js} +1 -1
- package/dist/cdn/{OJ4IPOIX.js → PBPYRFS3.js} +1 -1
- package/dist/cdn/{75EPETWU.js → PGFXIMQZ.js} +1 -1
- package/dist/cdn/{BKHAERW7.js → PHOEIZRB.js} +1 -1
- package/dist/cdn/{QXAP7DRB.js → PLXQMAKJ.js} +1 -1
- package/dist/cdn/{5OD74CU7.js → PXCDE2VI.js} +1 -1
- package/dist/cdn/{JRNZ74TV.js → QDMQERJE.js} +1 -1
- package/dist/cdn/{3HPWU5ID.js → QJ4KUKW4.js} +1 -1
- package/dist/cdn/{JPMGLG7L.js → QJ5FZEFC.js} +1 -1
- package/dist/cdn/{53TSMZAM.js → QN4LSFXZ.js} +1 -1
- package/dist/cdn/{TH2ZBUJD.js → QOTBD6G3.js} +1 -1
- package/dist/cdn/{HHW3YRII.js → QTT3SC3J.js} +1 -1
- package/dist/cdn/{WCK7BM4P.js → QUWAZG3L.js} +1 -1
- package/dist/cdn/{NJOQ5MC6.js → R3ZPVVUQ.js} +1 -1
- package/dist/cdn/{HPQZQRHD.js → RDBHOXAJ.js} +1 -1
- package/dist/cdn/{PKBRCR4Y.js → S23Y4TVC.js} +1 -1
- package/dist/cdn/{UYMG3L2D.js → S56ZKFQJ.js} +1 -1
- package/dist/cdn/{AQAGHRYN.js → SAGUQ6EW.js} +1 -1
- package/dist/cdn/{I75CEBPU.js → SB3KBW5O.js} +1 -1
- package/dist/cdn/{4YMHNMGU.js → SO6TB4XB.js} +1 -1
- package/dist/cdn/{KMM4522Z.js → SP6T2Q5J.js} +1 -1
- package/dist/cdn/{AKJDIMQC.js → ST6NXHRA.js} +1 -1
- package/dist/cdn/{6FXRJNB7.js → TNEQKLQT.js} +1 -1
- package/dist/cdn/{IBEXJF3Q.js → UEP6ZQXG.js} +1 -1
- package/dist/cdn/{NORI6CPC.js → URFJXFHP.js} +1 -1
- package/dist/cdn/{CO3FBKOL.js → VKWBVDPR.js} +1 -1
- package/dist/cdn/{CNKLZHH7.js → VRIFEBAE.js} +1 -1
- package/dist/cdn/{6OFVY2BU.js → W6FBDRM6.js} +1 -1
- package/dist/cdn/{D5NCBP6F.js → WBFUQWNV.js} +1 -1
- package/dist/cdn/{LVMKNGET.js → WG5YXJ2C.js} +1 -1
- package/dist/cdn/{AOZG77WL.js → X7UW6GQP.js} +1 -1
- package/dist/cdn/{D6PBW53D.js → XCSKZALR.js} +1 -1
- package/dist/cdn/{CIK43DDR.js → XN3NVCAC.js} +1 -1
- package/dist/cdn/{NDW5WZHO.js → Y2BKQMV4.js} +1 -1
- package/dist/cdn/{3YIN5ZR6.js → Z5XFBQIU.js} +1 -1
- package/dist/cdn/{2KF6G3TW.js → Z7RM6IBM.js} +1 -1
- package/dist/cdn/{3BLSEO47.js → ZKLOHQPH.js} +1 -1
- package/dist/cdn/{VBESINVQ.js → ZVGVGFQF.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/index.js +215 -213
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +4 -4
- package/dist/cdn/5NLH5NS2.js +0 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import o from"./BKHAERW7.js";import{b as e,c as t,d as l}from"./7NWEE7T2.js";import k from"./FIIRJDC2.js";import{a as u}from"./TENIFMA5.js";import{a as b}from"./SZYIWW3C.js";import j from"./6OFVY2BU.js";import i from"./7L6JYKL3.js";import{a as r,p as E}from"./RPUEIRTH.js";import h from"./HHW3YRII.js";import f from"./7GYKQBI2.js";import c from"./CNKLZHH7.js";import a from"./5NLH5NS2.js";import{a as p}from"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as v,B as M,C as O,D as A,E as n,F as m,H as _,g as V,i as s,n as d,z as g}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as x}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,,{a:L},{r:h},{a:F}])=>{function R(f){return f?.tagName.toLowerCase()==="arcgis-chart"}var Z={actionBar:"action-bar"},q=V`.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}`,S=class extends M{constructor(){super(...arguments),this.calciteActionBar=g(),this.exportCalciteActionBar=g(),this.expandAction=null,this._messages=b(),this.commonStrings=b({name:"common",blocking:!0}),this.handleMouseOver=a=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let o=a.target;this.actionTooltip!==void 0&&(this.actionTooltip=h(this.actionTooltip));let i;o?.tagName==="CALCITE-ACTION"?i=o:(o?.tagName==="CALCITE-ACTION-MENU"||o?.tagName==="DIV")&&(i=o.firstChild),i!==void 0&&(this.actionTooltip=m(s`<calcite-tooltip style=${A({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=h(this.actionTooltip)},this._csvExportExclusionList=[x.ScatterSeries,x.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartActive=!1,this.editChartState=l.Disabled,this.editChartEnabled=!1,this.legendToggle=t.Inactive,this.legendActive=!1,this.legendState=l.Enabled,this.legendDisabled=!1,this.rotateChartToggle=t.Inactive,this.rotateChartActive=!1,this.rotateChartState=l.Enabled,this.rotateChartDisabled=!1,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionActive=!1,this.filterBySelectionState=l.Enabled,this.filterBySelectionDisabled=!1,this.filterByExtentToggle=t.Inactive,this.filterByViewExtentActive=!1,this.filterByExtentState=l.Enabled,this.filterByExtentDisabled=!1,this.actionBarSelectionMode=p.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionActive=!1,this.selectionState=l.Enabled,this.selectionDisabled=!1,this.zoomToggle=t.Inactive,this.zoomActive=!1,this.zoomState=l.Enabled,this.zoomDisabled=!1,this.fullExtentToggle=t.Inactive,this.fullExtentActive=!1,this.fullExtentState=l.Enabled,this.fullExtentDisabled=!1,this.clearSelectionToggle=t.Inactive,this.clearSelectionActive=!1,this.clearSelectionState=l.Enabled,this.clearSelectionDisabled=!1,this.switchSelectionToggle=t.Inactive,this.switchSelectionActive=!1,this.switchSelectionState=l.Enabled,this.switchSelectionDisabled=!1,this.exportAsImageState=l.Enabled,this.exportAsImageDisabled=!1,this.exportAsCSVState=l.Enabled,this.exportAsCSVDisabled=!1,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=l.Enabled,this.exportActionDisabled=!1,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=d(),this.arcgisDefaultActionSelect=d()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartActive:5,editChartState:1,editChartEnabled:5,editChartTitle:1,legendToggle:1,legendActive:5,legendState:1,legendDisabled:5,legendTitle:1,rotateChartToggle:1,rotateChartActive:5,rotateChartState:1,rotateChartDisabled:5,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionActive:5,filterBySelectionState:1,filterBySelectionDisabled:5,filterBySelectionTitle:1,filterByExtentToggle:1,filterByViewExtentActive:5,filterByExtentState:1,filterByExtentDisabled:5,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionActive:5,selectionState:1,selectionDisabled:5,selectionTitle:1,zoomToggle:1,zoomActive:5,zoomState:1,zoomDisabled:5,zoomTitle:1,fullExtentToggle:1,fullExtentActive:5,fullExtentState:1,fullExtentDisabled:5,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionActive:5,clearSelectionState:1,clearSelectionDisabled:5,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionActive:5,switchSelectionState:1,switchSelectionDisabled:5,switchSelectionTitle:1,exportAsImageState:1,exportAsImageDisabled:5,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVDisabled:5,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,exportActionDisabled:5,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(a){let o=a.currentTarget,i={actionId:o.id,actionActive:!1};switch(o.id){case e.EditChart:{let c=!(this.editChartToggle===t.Active||this.editChartActive);this.editChartToggle=c?t.Active:t.Inactive,this.editChartActive=c,i.actionActive=c;break}case e.Legend:{let c=!(this.legendToggle===t.Active||this.legendActive);this.legendToggle=c?t.Active:t.Inactive,this.legendActive=c,i.actionActive=c,r(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(r(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:{let c=!(this.rotateChartToggle===t.Active||this.rotateChartActive);this.rotateChartToggle=c?t.Active:t.Inactive,this.rotateChartActive=c,i.actionActive=c,this.chartElement?.model&&(r(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:{let c=!(this.filterBySelectionToggle===t.Active||this.filterBySelectionActive);this.filterBySelectionToggle=c?t.Active:t.Inactive,this.filterBySelectionActive=c,i.actionActive=c,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break}case e.FilterByExtent:{let c=!(this.filterByExtentToggle===t.Active||this.filterByViewExtentActive);this.filterByExtentToggle=c?t.Active:t.Inactive,this.filterByViewExtentActive=c,i.actionActive=c,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break}case e.Selection:{this.selectionToggle=t.Active,this.selectionActive=!0,this.zoomToggle=t.Inactive,this.zoomActive=!1,i.actionActive=!0,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break}case e.Zoom:{this.zoomToggle=t.Active,this.zoomActive=!0,this.selectionToggle=t.Inactive,this.selectionActive=!1,i.actionActive=!0,this.chartElement!==void 0&&(this.chartElement.actionMode=p.Zoom);break}case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active||this.clearSelectionActive,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active||this.fullExtentActive,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active||this.switchSelectionActive,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=h(this.actionTooltip))}handleSlotChange(a){let o=a.currentTarget.assignedElements();for(let i of o)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(a=>{let o=a;o.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=m(s`<calcite-tooltip style=${A({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=h(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=h(this.actionTooltip))})))}renderDefaultActions(){let a=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),o=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=a.includes(e.EditChart),c=a.includes(e.Legend),T=a.includes(e.RotateChart),$=a.includes(e.FilterBySelection),C=a.includes(e.FilterByExtent)&&!o,D=a.includes(e.Zoom),y=a.includes(e.Selection),B=a.includes(e.ClearSelection),k=a.includes(e.FullExtent),I=a.includes(e.SwitchSelection),w=a.includes(e.ExportAsImage),z=a.includes(e.ExportAsCSV);return[c||T?s`<calcite-action-group>${i?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??n} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active||this.editChartActive} .disabled=${this.editChartState===l.Disabled||!this.editChartEnabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${c?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??n} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active||this.legendActive} .disabled=${this.legendState===l.Disabled||this.legendDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${T?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??n} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active||this.rotateChartActive} .disabled=${this.rotateChartState===l.Disabled||this.rotateChartDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,$||C?s`<calcite-action-group>${$?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??n} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active||this.filterBySelectionActive} .disabled=${this.filterBySelectionState===l.Disabled||this.filterBySelectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${C?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??n} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active||this.filterByViewExtentActive} .disabled=${this.filterByExtentState===l.Disabled||this.filterByExtentDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,y||D||k||B||I?s`<calcite-action-group>${D?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??n} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active||this.zoomActive} .disabled=${this.zoomState===l.Disabled||this.zoomDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${y?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??n} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active||this.selectionActive} .disabled=${this.selectionState===l.Disabled||this.selectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??n} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active||this.clearSelectionActive} .disabled=${this.clearSelectionState===l.Disabled||this.clearSelectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??n} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active||this.fullExtentActive} .disabled=${this.fullExtentState===l.Disabled||this.fullExtentDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${I?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??n} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active||this.switchSelectionActive} .disabled=${this.switchSelectionState===l.Disabled||this.switchSelectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,w||z?s`<calcite-action-menu .label=${this._messages?.export??""} ${v(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===l.Disabled||this.exportActionDisabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${w?s`<div><calcite-action id=${e.ExportAsImage??n} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===l.Disabled||this.exportAsImageDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${z?s`<div><calcite-action id=${e.ExportAsCSV??n} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===l.Disabled||this.exportAsCSVDisabled||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 s`<calcite-action-bar class=${O(Z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${v(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};_("arcgis-charts-action-bar",S);return S},a,c,f,h,i,j,k,o)
|
|
2
|
+
import o from"./PHOEIZRB.js";import{b as e,c as t,d as l}from"./7NWEE7T2.js";import k from"./4XSVNPEK.js";import{a as u}from"./TENIFMA5.js";import{a as b}from"./SZYIWW3C.js";import j from"./W6FBDRM6.js";import i from"./5HDOHGI4.js";import{a as r,p as E}from"./RPUEIRTH.js";import h from"./QTT3SC3J.js";import f from"./6EHQBSWA.js";import c from"./VRIFEBAE.js";import a from"./MKT2I7XP.js";import{a as p}from"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as v,B as M,C as O,D as A,E as n,F as m,H as _,g as V,i as s,n as d,z as g}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as x}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,,{a:L},{r:h},{a:F}])=>{function R(f){return f?.tagName.toLowerCase()==="arcgis-chart"}var Z={actionBar:"action-bar"},q=V`.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}`,S=class extends M{constructor(){super(...arguments),this.calciteActionBar=g(),this.exportCalciteActionBar=g(),this.expandAction=null,this._messages=b(),this.commonStrings=b({name:"common",blocking:!0}),this.handleMouseOver=a=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let o=a.target;this.actionTooltip!==void 0&&(this.actionTooltip=h(this.actionTooltip));let i;o?.tagName==="CALCITE-ACTION"?i=o:(o?.tagName==="CALCITE-ACTION-MENU"||o?.tagName==="DIV")&&(i=o.firstChild),i!==void 0&&(this.actionTooltip=m(s`<calcite-tooltip style=${A({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=h(this.actionTooltip)},this._csvExportExclusionList=[x.ScatterSeries,x.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartActive=!1,this.editChartState=l.Disabled,this.editChartEnabled=!1,this.legendToggle=t.Inactive,this.legendActive=!1,this.legendState=l.Enabled,this.legendDisabled=!1,this.rotateChartToggle=t.Inactive,this.rotateChartActive=!1,this.rotateChartState=l.Enabled,this.rotateChartDisabled=!1,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionActive=!1,this.filterBySelectionState=l.Enabled,this.filterBySelectionDisabled=!1,this.filterByExtentToggle=t.Inactive,this.filterByViewExtentActive=!1,this.filterByExtentState=l.Enabled,this.filterByExtentDisabled=!1,this.actionBarSelectionMode=p.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionActive=!1,this.selectionState=l.Enabled,this.selectionDisabled=!1,this.zoomToggle=t.Inactive,this.zoomActive=!1,this.zoomState=l.Enabled,this.zoomDisabled=!1,this.fullExtentToggle=t.Inactive,this.fullExtentActive=!1,this.fullExtentState=l.Enabled,this.fullExtentDisabled=!1,this.clearSelectionToggle=t.Inactive,this.clearSelectionActive=!1,this.clearSelectionState=l.Enabled,this.clearSelectionDisabled=!1,this.switchSelectionToggle=t.Inactive,this.switchSelectionActive=!1,this.switchSelectionState=l.Enabled,this.switchSelectionDisabled=!1,this.exportAsImageState=l.Enabled,this.exportAsImageDisabled=!1,this.exportAsCSVState=l.Enabled,this.exportAsCSVDisabled=!1,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=l.Enabled,this.exportActionDisabled=!1,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=d(),this.arcgisDefaultActionSelect=d()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartActive:5,editChartState:1,editChartEnabled:5,editChartTitle:1,legendToggle:1,legendActive:5,legendState:1,legendDisabled:5,legendTitle:1,rotateChartToggle:1,rotateChartActive:5,rotateChartState:1,rotateChartDisabled:5,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionActive:5,filterBySelectionState:1,filterBySelectionDisabled:5,filterBySelectionTitle:1,filterByExtentToggle:1,filterByViewExtentActive:5,filterByExtentState:1,filterByExtentDisabled:5,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionActive:5,selectionState:1,selectionDisabled:5,selectionTitle:1,zoomToggle:1,zoomActive:5,zoomState:1,zoomDisabled:5,zoomTitle:1,fullExtentToggle:1,fullExtentActive:5,fullExtentState:1,fullExtentDisabled:5,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionActive:5,clearSelectionState:1,clearSelectionDisabled:5,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionActive:5,switchSelectionState:1,switchSelectionDisabled:5,switchSelectionTitle:1,exportAsImageState:1,exportAsImageDisabled:5,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVDisabled:5,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,exportActionDisabled:5,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(a){let o=a.currentTarget,i={actionId:o.id,actionActive:!1};switch(o.id){case e.EditChart:{let c=!(this.editChartToggle===t.Active||this.editChartActive);this.editChartToggle=c?t.Active:t.Inactive,this.editChartActive=c,i.actionActive=c;break}case e.Legend:{let c=!(this.legendToggle===t.Active||this.legendActive);this.legendToggle=c?t.Active:t.Inactive,this.legendActive=c,i.actionActive=c,r(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(r(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:{let c=!(this.rotateChartToggle===t.Active||this.rotateChartActive);this.rotateChartToggle=c?t.Active:t.Inactive,this.rotateChartActive=c,i.actionActive=c,this.chartElement?.model&&(r(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:{let c=!(this.filterBySelectionToggle===t.Active||this.filterBySelectionActive);this.filterBySelectionToggle=c?t.Active:t.Inactive,this.filterBySelectionActive=c,i.actionActive=c,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break}case e.FilterByExtent:{let c=!(this.filterByExtentToggle===t.Active||this.filterByViewExtentActive);this.filterByExtentToggle=c?t.Active:t.Inactive,this.filterByViewExtentActive=c,i.actionActive=c,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break}case e.Selection:{this.selectionToggle=t.Active,this.selectionActive=!0,this.zoomToggle=t.Inactive,this.zoomActive=!1,i.actionActive=!0,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break}case e.Zoom:{this.zoomToggle=t.Active,this.zoomActive=!0,this.selectionToggle=t.Inactive,this.selectionActive=!1,i.actionActive=!0,this.chartElement!==void 0&&(this.chartElement.actionMode=p.Zoom);break}case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active||this.clearSelectionActive,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active||this.fullExtentActive,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active||this.switchSelectionActive,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=h(this.actionTooltip))}handleSlotChange(a){let o=a.currentTarget.assignedElements();for(let i of o)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(a=>{let o=a;o.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=m(s`<calcite-tooltip style=${A({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=h(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=h(this.actionTooltip))})))}renderDefaultActions(){let a=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),o=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=a.includes(e.EditChart),c=a.includes(e.Legend),T=a.includes(e.RotateChart),$=a.includes(e.FilterBySelection),C=a.includes(e.FilterByExtent)&&!o,D=a.includes(e.Zoom),y=a.includes(e.Selection),B=a.includes(e.ClearSelection),k=a.includes(e.FullExtent),I=a.includes(e.SwitchSelection),w=a.includes(e.ExportAsImage),z=a.includes(e.ExportAsCSV);return[c||T?s`<calcite-action-group>${i?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??n} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active||this.editChartActive} .disabled=${this.editChartState===l.Disabled||!this.editChartEnabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${c?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??n} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active||this.legendActive} .disabled=${this.legendState===l.Disabled||this.legendDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${T?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??n} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active||this.rotateChartActive} .disabled=${this.rotateChartState===l.Disabled||this.rotateChartDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,$||C?s`<calcite-action-group>${$?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??n} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active||this.filterBySelectionActive} .disabled=${this.filterBySelectionState===l.Disabled||this.filterBySelectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${C?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??n} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active||this.filterByViewExtentActive} .disabled=${this.filterByExtentState===l.Disabled||this.filterByExtentDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,y||D||k||B||I?s`<calcite-action-group>${D?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??n} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active||this.zoomActive} .disabled=${this.zoomState===l.Disabled||this.zoomDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${y?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??n} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active||this.selectionActive} .disabled=${this.selectionState===l.Disabled||this.selectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??n} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active||this.clearSelectionActive} .disabled=${this.clearSelectionState===l.Disabled||this.clearSelectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??n} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active||this.fullExtentActive} .disabled=${this.fullExtentState===l.Disabled||this.fullExtentDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${I?s`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??n} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active||this.switchSelectionActive} .disabled=${this.switchSelectionState===l.Disabled||this.switchSelectionDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,w||z?s`<calcite-action-menu .label=${this._messages?.export??""} ${v(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===l.Disabled||this.exportActionDisabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${w?s`<div><calcite-action id=${e.ExportAsImage??n} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===l.Disabled||this.exportAsImageDisabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${z?s`<div><calcite-action id=${e.ExportAsCSV??n} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===l.Disabled||this.exportAsCSVDisabled||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 s`<calcite-action-bar class=${O(Z.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${v(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};_("arcgis-charts-action-bar",S);return S},a,c,f,h,i,j,k,o)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import a from"./
|
|
2
|
+
import a from"./VRIFEBAE.js";import{a as o}from"./QYRHZJH3.js";import{a as e}from"./PWJBGZPW.js";export default $arcgis.t(([{u:n}])=>{function b(s){let c=o(s.series),r="graph-bar";switch(c){case e.LineSeries:{r="graph-time-series";break}case e.PieSeries:{r="pie-chart";break}case e.HistogramSeries:{r="graph-histogram";break}case e.ScatterSeries:{r="graph-scatter-plot";break}case e.BoxPlotSeries:{r="box-chart";break}case e.HeatSeries:{r="calendar-heat-chart";break}case e.BarSeries:}return r}function l(s){let{chartType:c,commonStrings:r,config:i}=s,a=r.utilsStrings,t="";switch(c){case e.HistogramSeries:{t=a.chartType.histogram;break}case e.ScatterSeries:{t=a.chartType.scatterplot;break}case e.BarSeries:{t=a.chartType.barChart;break}case e.LineSeries:{t=a.chartType.lineChart;break}case e.PieSeries:{t=a.chartType.pieChart;break}case e.BoxPlotSeries:{t=a.chartType.boxPlot;break}case e.HeatSeries:{i?t=n(i)?a.chartType.matrixHeatChart:a.chartType.calendarHeatChart:t=a.chartType.heatChart;break}}return t}return{a:b,b:l}},a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as h}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{b as H}from"./IHO3OLL3.js";import j from"./FIIRJDC2.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./SZYIWW3C.js";import i from"./7GYKQBI2.js";import e from"./CNKLZHH7.js";import a from"./5NLH5NS2.js";import{c as u,n as D}from"./7CLOBWEI.js";import"./WOGALV3T.js";import{i as E,za as _}from"./ZTVR6KBG.js";import{a as A}from"./KX7KGXKQ.js";import{l as T}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([q,{Nb:N,Ob:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),H(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof q){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(O=>typeof O=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
|
|
2
|
+
import{a as h}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{b as H}from"./IHO3OLL3.js";import j from"./4XSVNPEK.js";import{l as c,m as b}from"./TENIFMA5.js";import{a as x}from"./SZYIWW3C.js";import i from"./6EHQBSWA.js";import e from"./VRIFEBAE.js";import a from"./MKT2I7XP.js";import{c as u,n as D}from"./7CLOBWEI.js";import"./WOGALV3T.js";import{i as E,za as _}from"./ZTVR6KBG.js";import{a as A}from"./KX7KGXKQ.js";import{l as T}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as F,C as l,D as I,E as g,H as L,g as P,i as s,n as d,z as v}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{b as S,w as f,x as C}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([q,{Nb:N,Ob:M},,{c:$,d:y},{a:B,c:k,k:m}])=>{var z=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,o={name:"bar-chart-data-popover",header:"header",popoverPickList:"popover-pick-list",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},w=class extends F{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=v(),this.popoverElement=v(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},B.PopoverTimer),H(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>s`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,s`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",s`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let r=0;r<t;r+=1){let n=this.layerFieldsInfo?.[r];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let r=this.layerFieldsInfo?.[i];r&&M(r)&&a.push(this.buildPickListItem(r))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof q){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,r,n]=e;[a,i,r].every(O=>typeof O=="number")&&(t=`rgba(${a},${i},${r},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:r,a:n}=e;if(a!=null&&i!=null&&r!=null)return`rgba(${a},${i},${r},${n??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,i,r]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,r,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let r=this._messages[i];return s`<calcite-list-item .label=${r} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return s`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:i,msg:r,value:n}=a;return s`<calcite-list-item .label=${i} .description=${r} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return s`<calcite-list label class=${l(o.popoverPickList)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=s`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return s`<div class=${l(o.colorRampPopover)}><div class=${l(o.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys($).map(a=>s`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${l(o.rampGrid)}>${e.length===0&&s`<div class=${l(o.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),r=a.name===this.selectedColorRampName;return s`<div class=${`${o.rampItem} ${r?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${l(o.rampName)} aria-hidden=true>${a.name}</div><div class=${l(o.rampStrips)}>${h(i,n=>n,n=>s`<div class=${l(o.rampStrip)} style=${I({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&s`<div class=${`${o.rampStrip} ${o.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${l(o.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??u.grayColor,t=this.model.emptyCellText??u.nullCategory?.text??"";return s`<div><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return s`<div><calcite-popover class=${l(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${l(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,j)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import b from"./
|
|
2
|
+
import b from"./QTT3SC3J.js";import a from"./MKT2I7XP.js";import{Ja as f}from"./ZTVR6KBG.js";export default $arcgis.t(([{ra:i},{d:g,e:c}])=>{var h=r=>{let{config:e,seriesIndex:n,callback:s}=r;[n!==void 0?e.series?.[n]:e.series].flat().forEach(o=>{i(o)&&s(o)})},S=(r,e)=>i(e.series?.[r])?e.series?.[r].hideOversizedSideBySideLabels:void 0,k=r=>{let{hide:e,seriesIndex:n,config:s}=r;h({config:s,seriesIndex:n,callback:o=>{o.hideOversizedSideBySideLabels=e}})},y=(r,e)=>i(e.series?.[r])?e.series?.[r].hideOversizedStackedLabels:void 0,z=r=>{let{hide:e,seriesIndex:n,config:s}=r;h({config:s,seriesIndex:n,callback:o=>{o.hideOversizedStackedLabels=e}})},b=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(r,e,n,s)=>{for(var o=p(e,n),t=r.length-1,u;t>=0;t--)(u=r[t])&&(o=u(e,n,o)||o);return o&&b(e,n,o),o};function a(r){return r.series.some(i)}function C(r){return a(r)?r.roundCorners?.rounded??!1:!1}function v(r,e){let n=r??!1;e.roundCorners={rounded:n,cornerRadius:e.roundCorners?.cornerRadius??f}}function R(r){return r.roundCorners?.cornerRadius}function m(r,e){e.roundCorners={rounded:e.roundCorners?.rounded??!1,cornerRadius:r??e.roundCorners?.cornerRadius}}var d=class extends g{get roundCorners(){return C(this._config)}set roundCorners(e){a(this._config)&&v(e,this._config)}get cornerRadius(){return R(this._config)}set cornerRadius(e){a(this._config)&&m(e,this._config)}};l([c],d.prototype,"roundCorners");l([c],d.prototype,"cornerRadius");return{a:S,b:k,c:y,d:z,e:d}},a,b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as P}from"./7TM4LYGN.js";import{a as I}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import f from"./FIIRJDC2.js";import"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import e from"./CNKLZHH7.js";import b from"./5NLH5NS2.js";import{d as g}from"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as x,C as a,D as c,F as h,H as $,g as u,i as n}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{g as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{r:b}])=>{var l={topSection:"top-section",sectionLabel:"section-label",list:"list",infoIcon:"info-icon"},k=u`.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)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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)}.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)}.info-icon{margin:auto 1rem;pointer-events:auto}`,C=class extends x{constructor(){super(...arguments),this._messages=L(),this.resetSeriesOriginal=()=>{this.configSeriesOpen=!1,this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1},this.onMultipleSeriesSelect=e=>{if(!this.shouldDisableMeanLinesOption()){let i=e.target,t=i.value??i.parentElement.value??"";this.model.showMeanLines=t===d.MeanLines}},this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name;this.model.setSeriesName(i,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail;i!==void 0&&(this.meanLinesBoxColorIsSelected?this.model.meanLinesBoxColor=i:(this.model.colorMatch=!1,this.model.setSeriesColor(i,this.selectedSeriesIndex??-1)))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{style:i}=e.detail;i!==void 0&&this.model.setSeriesLineStyle(i,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{width:i}=e.detail;i!==void 0&&this.model.setSeriesLineWidth(i,this.selectedSeriesIndex??-1)}},this.onCalciteListOrderChange=e=>{let i=this.model.boxPlotSeriesIndexWhenMeanLinesShown;if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail,o=s,r=t;i!==-1&&(o=s>=i?s+1:s,r=t>=i?t+1:t),this.model.moveSeries(o,r),this.seriesOrderResetCounter+=1}},this.seriesPopoverClose=()=>{this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1,this.configSeriesOpen=!1,this.seriesPopover=p(this.seriesPopover)},this.openSeriesPopOver=e=>{e.stopImmediatePropagation(),this.removeSeriesPopover();let i=e.target,t=i.localName==="calcite-list-item"?i:i.parentNode,s=!this.configSeriesOpen,o=this.model.getSeriesIndex(t.value);if(o!==void 0&&o!==-1)this.configSeriesOpen=this.selectedSeriesIndex===o?s:!0,this.configSeriesOpen?this.selectedSeriesIndex=o:this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1;else if(t.value==="box-plot-color"){let r=!this.meanLinesBoxColorIsSelected;this.configSeriesOpen=r,this.meanLinesBoxColorIsSelected=r,this.selectedSeriesIndex=void 0}},this.createTooltip=(e,i)=>{let t=e.target;this.tooltip=h(n`<calcite-tooltip style=${c({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i??""}</calcite-tooltip>`),document.body.appendChild(this.tooltip)},this.destroyTooltip=()=>{b(this.tooltip)},this.onModelConfigChange=()=>{this.requestUpdate()},this.meanLinesBoxColorIsSelected=!1,this.seriesOrderResetCounter=0,this.configSeriesOpen=!1,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,meanLinesBoxColorIsSelected:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,configSeriesOpen:5,activeColorMatch:5,popoverPlacement:1}}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("selectedSeriesIndex")&&this.selectedSeriesIndexChange(),e.has("meanLinesBoxColorIsSelected")&&this.meanLinesBoxColorIsSelectedChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}meanLinesBoxColorIsSelectedChange(){this.meanLinesBoxColorIsSelected&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=p(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,i=this.model.boxPlotSeriesIndexWhenMeanLinesShown,t=Array.from({length:e},(s,o)=>o);return P(t,s=>this.model.getSeriesId(s),s=>{let o=this.model.getSeriesId(s),r=this.model.getSeriesColor(s),m=this.model.getSeriesName(s),S=this.model.chartSubType,y=S===g.BoxPlotC1MonoField||S===g.BoxPlotC2MultiFields?this._messages.series:o,v="#CCCCCC",f="minus-square";if((e>1||!this.activeColorMatch)&&r!==void 0){f=this.model.showMeanLines===!0?"line-solid":"square-f";let[M,B,O,w]=[...r];v=`rgba(${M},${B},${O},${w/255})`}return i!==s?n`<calcite-list-item .label=${m??o??""} .description=${y} .value=${o} .selected=${this.selectedSeriesIndex===s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${f} style=${c({color:v})}></calcite-icon></calcite-list-item>`:null})}buildSeriesList(){return I(this.seriesOrderResetCounter,n`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}setupSeriesPopover(){this.removeSeriesPopover(),this.meanLinesBoxColorIsSelected?this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedColor=${this.model.meanLinesBoxColor} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`):this.selectedSeriesIndex!==void 0&&(this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .isLineSymbol=${this.model.showMeanLines} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`)),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover)}shouldDisableMeanLinesOption(){return this.model.splitByField===""||this.model.splitByField===void 0}renderMeanLinesBoxColorItem(){let e="#CCCCCC",i="minus-square",t=this.model.meanLinesBoxColor;if(t!==void 0){i="square-f";let[s,o,r,m]=[...t];e=`rgba(${s},${o},${r},${m/255})`}return n`<calcite-list label class=${a(l.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${c({color:e})}></calcite-icon></calcite-list-item></calcite-list>`}renderMultipleSeriesOption(){let e=this.shouldDisableMeanLinesOption();return e?[]:[n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultipleSeries}</div>`,n`<calcite-list label class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleSeriesSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${d.Side} .selected=${this.model.showMeanLines!==!0}><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.sideBySideTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.meanLines} .value=${d.MeanLines} .disabled=${e} .selected=${this.model.showMeanLines===!0}><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.meanLinesTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item></calcite-list>`,this.model.showMeanLines===!0?this.renderMeanLinesBoxColorItem():null]}render(){return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`}};$("arcgis-charts-config-box-plot-series",C);return C},b,e,f)
|
|
2
|
+
import{a as P}from"./7TM4LYGN.js";import{a as I}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import f from"./4XSVNPEK.js";import"./TENIFMA5.js";import{a as L}from"./SZYIWW3C.js";import e from"./VRIFEBAE.js";import b from"./MKT2I7XP.js";import{d as g}from"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as x,C as a,D as c,F as h,H as $,g as u,i as n}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{g as d}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{r:b}])=>{var l={topSection:"top-section",sectionLabel:"section-label",list:"list",infoIcon:"info-icon"},k=u`.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)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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)}.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)}.info-icon{margin:auto 1rem;pointer-events:auto}`,C=class extends x{constructor(){super(...arguments),this._messages=L(),this.resetSeriesOriginal=()=>{this.configSeriesOpen=!1,this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1},this.onMultipleSeriesSelect=e=>{if(!this.shouldDisableMeanLinesOption()){let i=e.target,t=i.value??i.parentElement.value??"";this.model.showMeanLines=t===d.MeanLines}},this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name;this.model.setSeriesName(i,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail;i!==void 0&&(this.meanLinesBoxColorIsSelected?this.model.meanLinesBoxColor=i:(this.model.colorMatch=!1,this.model.setSeriesColor(i,this.selectedSeriesIndex??-1)))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{style:i}=e.detail;i!==void 0&&this.model.setSeriesLineStyle(i,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{width:i}=e.detail;i!==void 0&&this.model.setSeriesLineWidth(i,this.selectedSeriesIndex??-1)}},this.onCalciteListOrderChange=e=>{let i=this.model.boxPlotSeriesIndexWhenMeanLinesShown;if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail,o=s,r=t;i!==-1&&(o=s>=i?s+1:s,r=t>=i?t+1:t),this.model.moveSeries(o,r),this.seriesOrderResetCounter+=1}},this.seriesPopoverClose=()=>{this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1,this.configSeriesOpen=!1,this.seriesPopover=p(this.seriesPopover)},this.openSeriesPopOver=e=>{e.stopImmediatePropagation(),this.removeSeriesPopover();let i=e.target,t=i.localName==="calcite-list-item"?i:i.parentNode,s=!this.configSeriesOpen,o=this.model.getSeriesIndex(t.value);if(o!==void 0&&o!==-1)this.configSeriesOpen=this.selectedSeriesIndex===o?s:!0,this.configSeriesOpen?this.selectedSeriesIndex=o:this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1;else if(t.value==="box-plot-color"){let r=!this.meanLinesBoxColorIsSelected;this.configSeriesOpen=r,this.meanLinesBoxColorIsSelected=r,this.selectedSeriesIndex=void 0}},this.createTooltip=(e,i)=>{let t=e.target;this.tooltip=h(n`<calcite-tooltip style=${c({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i??""}</calcite-tooltip>`),document.body.appendChild(this.tooltip)},this.destroyTooltip=()=>{b(this.tooltip)},this.onModelConfigChange=()=>{this.requestUpdate()},this.meanLinesBoxColorIsSelected=!1,this.seriesOrderResetCounter=0,this.configSeriesOpen=!1,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,meanLinesBoxColorIsSelected:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,configSeriesOpen:5,activeColorMatch:5,popoverPlacement:1}}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("selectedSeriesIndex")&&this.selectedSeriesIndexChange(),e.has("meanLinesBoxColorIsSelected")&&this.meanLinesBoxColorIsSelectedChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}meanLinesBoxColorIsSelectedChange(){this.meanLinesBoxColorIsSelected&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=p(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,i=this.model.boxPlotSeriesIndexWhenMeanLinesShown,t=Array.from({length:e},(s,o)=>o);return P(t,s=>this.model.getSeriesId(s),s=>{let o=this.model.getSeriesId(s),r=this.model.getSeriesColor(s),m=this.model.getSeriesName(s),S=this.model.chartSubType,y=S===g.BoxPlotC1MonoField||S===g.BoxPlotC2MultiFields?this._messages.series:o,v="#CCCCCC",f="minus-square";if((e>1||!this.activeColorMatch)&&r!==void 0){f=this.model.showMeanLines===!0?"line-solid":"square-f";let[M,B,O,w]=[...r];v=`rgba(${M},${B},${O},${w/255})`}return i!==s?n`<calcite-list-item .label=${m??o??""} .description=${y} .value=${o} .selected=${this.selectedSeriesIndex===s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${f} style=${c({color:v})}></calcite-icon></calcite-list-item>`:null})}buildSeriesList(){return I(this.seriesOrderResetCounter,n`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}setupSeriesPopover(){this.removeSeriesPopover(),this.meanLinesBoxColorIsSelected?this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedColor=${this.model.meanLinesBoxColor} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`):this.selectedSeriesIndex!==void 0&&(this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .isLineSymbol=${this.model.showMeanLines} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`)),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover)}shouldDisableMeanLinesOption(){return this.model.splitByField===""||this.model.splitByField===void 0}renderMeanLinesBoxColorItem(){let e="#CCCCCC",i="minus-square",t=this.model.meanLinesBoxColor;if(t!==void 0){i="square-f";let[s,o,r,m]=[...t];e=`rgba(${s},${o},${r},${m/255})`}return n`<calcite-list label class=${a(l.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${c({color:e})}></calcite-icon></calcite-list-item></calcite-list>`}renderMultipleSeriesOption(){let e=this.shouldDisableMeanLinesOption();return e?[]:[n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultipleSeries}</div>`,n`<calcite-list label class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleSeriesSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${d.Side} .selected=${this.model.showMeanLines!==!0}><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.sideBySideTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.meanLines} .value=${d.MeanLines} .disabled=${e} .selected=${this.model.showMeanLines===!0}><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.meanLinesTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item></calcite-list>`,this.model.showMeanLines===!0?this.renderMeanLinesBoxColorItem():null]}render(){return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`}};$("arcgis-charts-config-box-plot-series",C);return C},b,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import A from"./
|
|
2
|
+
import A from"./S23Y4TVC.js";import z from"./ACUQ3GSY.js";import"./3LEJV2CC.js";import x from"./4A37DTZX.js";import w from"./C5ZJ4DRI.js";import v from"./W6FBDRM6.js";import u from"./JT2V74UY.js";import t from"./HEWIZKQY.js";import s from"./6U7WMM3T.js";import r from"./PXCDE2VI.js";import q from"./5HDOHGI4.js";import p from"./NZIHTLRS.js";import o from"./PGFXIMQZ.js";import l from"./ZVGVGFQF.js";import k from"./QJ4KUKW4.js";import"./RPUEIRTH.js";import j from"./MBQT7SKP.js";import i from"./53UMBR7N.js";import g from"./ICISCYJS.js";import f from"./QTT3SC3J.js";import e from"./6EHQBSWA.js";import d from"./VRIFEBAE.js";import a from"./MKT2I7XP.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import{B as m,ca as n,i as y,oa as b}from"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as h,u as c}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Mb:l},{s:g},,{e:u},,,,,,,,,,,,,,{ta:x},{b:A,c:f,e:S},{b:p,d:T,f:V,h:L,j:C,t:B},X])=>{var I=Object.defineProperty,z=Object.getOwnPropertyDescriptor,v=(o,i,e,t)=>{for(var s=z(i,e),r=o.length-1,d;r>=0;r--)(d=o[r])&&(s=d(i,e,s)||s);return s&&I(i,e,s),s},a=class extends S{constructor(){super(...arguments),this._chartType=h.RadarSeries}async setup(i){await this.loadConfigFromLayer(i),this.setupLocalProps(),i.config!==void 0&&await this.rebuildSeries(),this.initDefaultSeries(),typeof this.resolveSetup=="function"&&this.resolveSetup()}get circularAxisField(){return this.xAxisField}set circularAxisField(i){this.xAxisField=i}get circularAxisLabelsVisibility(){return this.xAxisLabelsVisibility}set circularAxisLabelsVisibility(i){this.xAxisLabelsVisibility=i}get circularAxisTitleText(){return this.xAxisTitleText}set circularAxisTitleText(i){this.xAxisTitleText=i}get circularAxisTitleSymbol(){return this.xAxisTitleSymbol}set circularAxisTitleSymbol(i){this.xAxisTitleSymbol=i}get circularAxisTitleVisibility(){return this.xAxisTitleVisibility}set circularAxisTitleVisibility(i){this.xAxisTitleVisibility=i}get minCircularBound(){return this.minXBound}set minCircularBound(i){this.minXBound=i}get maxCircularBound(){return this.maxXBound}set maxCircularBound(i){this.maxXBound=i}get cursorCrosshairCircularLineVisibility(){return this.cursorCrosshairHorizontalLineVisibility}set cursorCrosshairCircularLineVisibility(i){this.cursorCrosshairHorizontalLineVisibility=i}get cursorCrosshairRadialLineVisibility(){return this.cursorCrosshairVerticalLineVisibility}set cursorCrosshairRadialLineVisibility(i){this.cursorCrosshairVerticalLineVisibility=i}generateCircularAxisTitle(){return this.generateXAxisTitle()}getDefaultCircularAxisTitleText(){return this.getDefaultXAxisTitleText()}addCircularAxisGuide(i,e){this.addXAxisGuide(i,e)}deleteCircularAxisGuide(i){this.deleteXAxisGuide(i)}addRadialAxisGuide(i,e){this.addYAxisGuide(i,e)}deleteRadialAxisGuide(i){this.deleteYAxisGuide(i)}generateRadialAxisTitle(){return this.generateYAxisTitle()}get axisLabelsOrientation(){return this._config.axes?.[0]?.labelsOrientation??c.Circular}set axisLabelsOrientation(i){let e=this._config.axes?.[0];e!==void 0&&(e.labelsOrientation=i)}get xAxisField(){return super.xAxisField}set xAxisField(i){super.xAxisField=i}get xAxisLabelsVisibility(){return super.xAxisLabelsVisibility}set xAxisLabelsVisibility(i){super.xAxisLabelsVisibility=i}get xAxisTitleText(){return super.xAxisTitleText}set xAxisTitleText(i){super.xAxisTitleText=i}get xAxisTitleSymbol(){return super.xAxisTitleSymbol}set xAxisTitleSymbol(i){super.xAxisTitleSymbol=i}get xAxisTitleVisibility(){return super.xAxisTitleVisibility}set xAxisTitleVisibility(i){super.xAxisTitleVisibility=i}get minXBound(){return super.minXBound}set minXBound(i){super.minXBound=i}get maxXBound(){return super.maxXBound}set maxXBound(i){super.maxXBound=i}generateXAxisTitle(){return super.generateXAxisTitle()}getDefaultXAxisTitleText(){return super.getDefaultXAxisTitleText()}addXAxisGuide(i,e){super.addXAxisGuide(i,e)}deleteXAxisGuide(i){super.deleteXAxisGuide(i)}addYAxisGuide(i,e){super.addYAxisGuide(i,e)}deleteYAxisGuide(i){super.deleteYAxisGuide(i)}generateYAxisTitle(){return super.generateYAxisTitle()}get cursorCrosshairHorizontalLineVisibility(){return super.cursorCrosshairHorizontalLineVisibility}set cursorCrosshairHorizontalLineVisibility(i){super.cursorCrosshairHorizontalLineVisibility=i}get cursorCrosshairVerticalLineVisibility(){return super.cursorCrosshairVerticalLineVisibility}set cursorCrosshairVerticalLineVisibility(i){super.cursorCrosshairVerticalLineVisibility=i}getHorizontalAxisLabelsBehavior(){return super.getHorizontalAxisLabelsBehavior()}setHorizontalAxisLabelsBehavior(i){super.setHorizontalAxisLabelsBehavior(i)}getVerticalAxisLabelsBehavior(){return super.getVerticalAxisLabelsBehavior()}setVerticalAxisLabelsBehavior(i){super.setVerticalAxisLabelsBehavior(i)}generateDefaultConfig(){let i=b(this.commonStrings);return i.series=[n({commonStrings:this.commonStrings,objectIDField:l(this.layerInfo.layer).idField})],i}initDefaultSeries(){this.defaultSeries=n({commonStrings:this.commonStrings,objectIDField:l(this.layerInfo.layer).idField})}resetSeriesStyling(){for(let i=0;i<this.seriesLength;i+=1){let e=m({colorIndex:i,opacity:y});if(f(e,i,this._config),V(e,i,this._config),this.layerInfo!==void 0){let t=this.getSeriesId(i),s=x({config:this._config,seriesIndex:i,layerInfo:this.layerInfo,commonStrings:this.commonStrings});s!==l(this.layerInfo.layer).idField&&A(s??t,i,this._config)}p({style:this.defaultSeries?.lineSymbol?.style,seriesIndex:i,config:this._config}),T({width:this.defaultSeries?.lineSymbol?.width,seriesIndex:i,config:this._config}),L({style:this.defaultSeries?.markerSymbol?.style,seriesIndex:i,config:this._config}),C({size:this.defaultSeries?.markerSymbol?.size,seriesIndex:i,config:this._config})}this._config.colorMatch=!0}resetAvailable(){let i=!this.colorMatch,e=!1;if(!i)for(let t=0;t<this.seriesLength;t+=1){if(this.layerInfo!==void 0){let s=x({config:this._config,seriesIndex:t,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),r=this.getSeriesName(t);s!==void 0&&s!==l(this.layerInfo.layer).idField&&s!==r&&(e=!0)}if(this.defaultSeries?.lineSymbol?.style!==void 0&&this.defaultSeries?.lineSymbol.style!==this.getSeriesLineStyle(t)||this.defaultSeries?.lineSymbol?.width!==void 0&&this.defaultSeries?.lineSymbol.width!==this.getSeriesLineWidth(t)||this.defaultSeries?.markerSymbol?.style!==void 0&&this.defaultSeries?.markerSymbol?.style!==this.getSeriesMarkerStyle(t)||this.defaultSeries?.markerSymbol?.size!==void 0&&this.defaultSeries?.markerSymbol?.size!==this.getSeriesMarkerSize(t)){e=!0;break}}return i||e}};v([u],a.prototype,"axisLabelsOrientation");v([u],a.prototype,"resetSeriesStyling");var G=[B,X];g(a,G);return a},a,d,e,f,g,i,j,k,l,o,p,q,r,s,t,u,v,w,x,z,A)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./4XSVNPEK.js";import"./TENIFMA5.js";import{a as g}from"./SZYIWW3C.js";import b from"./VRIFEBAE.js";import a from"./MKT2I7XP.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import{G as u}from"./ZTVR6KBG.js";import{f as d}from"./KX7KGXKQ.js";import{p as n}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as p,B as y,C as i,H as S,g as h,i as o,n as s,z as m}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:b,g:v,h:c,i:r}])=>{var C={arial:"Arial",arialBlack:"Arial Black",bookman:"Bookman",candara:"Candara",courier:"Courier",courierNew:"Courier New",garamond:"Garamond",georgia:"Georgia",impact:"Impact",palatino:"Palatino",roboto:"Roboto",times:"Times",timesNewRoman:"Times New Roman",verdana:"Verdana"},a={fontStyleContainer:"font-style-container",font:"font",numberInput:"number-input",inputLabel:"input-label"},$=h`.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}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container{display:flex}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;flex-grow:inherit;width:80px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel .font-style-container{padding:0 1rem}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`,f=class extends y{constructor(){super(...arguments),this._messages=g(),this.fontSizeInputElement=m(),this.fontStyle={type:d.TS},this.open=!1,this.enableClose=!1,this.arcgisChartsConfigFontStyleChange=s(),this.arcgisChartsConfigFontStyleClose=s()}static{this.properties={messageOverrides:0,fontStyle:0,header:1,open:5,enableClose:5}}static{this.styles=$}closePanel(t){t.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigFontStyleClose.emit())}fontChange(t){let e=t.target.selectedOption.value;if(e!==void 0){let l={family:e};this.isNewFontProperty("family",l)&&(this.fontStyle=n(this.fontStyle,{font:l}),this.emitFontStyleEvent({font:l}))}}fontSizeChange(){let t=this.fontSizeInputElement.value?.value;if(t!==void 0&&b(t,this.fontSizeInputElement.value?.min,this.fontSizeInputElement.value?.max)){let e={size:Number.parseInt(t)};this.isNewFontProperty("size",e)&&(this.fontStyle=n(this.fontStyle,{font:e}),this.emitFontStyleEvent({font:e})),this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.IDLE})}else this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.INVALID})}boldSelect(){let t="bold";this.fontStyle?.font?.weight===t&&(t="normal");let e={weight:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}italicSelect(){let t="italic";this.fontStyle?.font?.style===t&&(t="normal");let e={style:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}underlineSelect(){let t="underline";this.fontStyle?.font?.decoration===t&&(t="none");let e={decoration:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}colorChange(t){let e=t.detail;this.fontStyle=n(this.fontStyle,{color:e}),this.emitFontStyleEvent({color:e})}emitFontStyleEvent(t){this.arcgisChartsConfigFontStyleChange.emit(t)}isNewFontProperty(t,e){return this.fontStyle?.font?.[t]!==e[t]}renderFonts(){let t=Object.values(C).map(e=>o`<calcite-option .value=${e} .selected=${e===this.fontStyle?.font?.family||e===u().font?.family?.split(",")[0]&&this.fontStyle?.font?.family===void 0}>${e}</calcite-option>`);return this.fontStyle?.font?.family===""&&t.push(o`<calcite-option value selected></calcite-option>`),t}render(){return o`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose??!1} @calcitePanelClose=${this.closePanel}><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.font)}>${this._messages.font}<calcite-select .label=${this._messages.font??""} @calciteSelectChange=${this.fontChange}>${this.renderFonts()}</calcite-select></calcite-label></div><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.inputLabel)}>${this._messages.size}<calcite-input class=${i(a.numberInput)} type=number min=6 max=40 step=1 .value=${v(this.fontStyle?.font?.size)} @calciteInputInput=${this.fontSizeChange} ${p(this.fontSizeInputElement)}></calcite-input></calcite-label><calcite-action appearance=transparent .text=${this._messages.bold??""} @click=${this.boldSelect} scale=l .active=${this.fontStyle?.font?.weight==="bold"}><calcite-icon scale=s icon=bold></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.italic??""} @click=${this.italicSelect} scale=l .active=${this.fontStyle?.font?.style==="italic"}><calcite-icon scale=s icon=italicize></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.underline??""} @click=${this.underlineSelect} scale=l .active=${this.fontStyle?.font?.decoration==="underline"}><calcite-icon scale=s icon=underline></calcite-icon></calcite-action></div><div class=${i(a.fontStyleContainer)}><arcgis-charts-config-colors .rgba=${this.fontStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel>`}};S("arcgis-charts-config-font-style",f);return f},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./SO6TB4XB.js";import{a as b}from"./7TM4LYGN.js";import{a as R}from"./MQI4ZLAS.js";import{a as I}from"./IHO3OLL3.js";import{a as $}from"./SZYIWW3C.js";import e from"./VRIFEBAE.js";import a from"./MKT2I7XP.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as g,C as c,F as u,H as v,g as C,i as r,k as d,n as o}from"./225VUGML.js";import{a as w}from"./P3AYFJRV.js";import{k as s}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{P:f},,{a:P}])=>{var h={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},L=C`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,m=class extends g{constructor(){super(...arguments),this._messages=$(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let a=[...this.modelList],n=a?.[i],l=a?.[t];n&&l&&(a.splice(i,1),a.splice(t,0,n)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:a})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=o(),this.arcgisChartsConfigViewChartAddChart=o(),this.arcgisChartsConfigViewChartDelete=o(),this.arcgisChartsConfigViewChartEdit=o(),this.arcgisChartsConfigViewChartSelect=o()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=L}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}onChartActionClick(e){e.stopPropagation()}buildTooltipLine(e,t){let i=typeof document<"u"&&document.documentElement.dir.toLowerCase()==="rtl",a=`${f(i)} `;return`${e}${a}${t}`}getChartTypeLabel(e){switch(w(e.chartType)){case s.BarChart:return this._messages.barChart??"";case s.LineChart:return this._messages.lineChart??"";case s.PieChart:return this._messages.pieChart??"";case s.Histogram:return this._messages.histogram??"";case s.Scatterplot:return this._messages.scatterplot??"";case s.BoxPlot:return this._messages.boxPlot??"";case s.HeatChart:return this._messages.calendarHeatChart??"";default:return""}}buildChartTooltip(e){let t=this.getChartTypeLabel(e);return this.buildTooltipLine(this._messages.chartType??"",t??"")}buildChartList(){let e=this.modelList?b(this.modelList,t=>t.chartId,(t,i)=>{let a=t.chartId,n=t.titleText,l=P(t.config),p=this.buildChartTooltip(t);return r`<calcite-list-item .label=${n??a??this._messages.chartTitle} title=${p??d} .selected=${this.selectedChartId===(a?.toString()??i.toString())} .value=${a??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${p??d}></calcite-icon>${this.disableEditing?null:r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===a} @calciteDropdownClose=${()=>this.chartActionClosed(a??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(a??"")} @click=${this.onChartActionClick} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${a===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?r`<div>${this.noGroup?null:r`<p class=${c(h.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${R(this.chartsOrderReorderCounter,r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:r`<div class=${c(h.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(a=>a.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=u(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=I(this.chartRenamePopover))}render(){return r`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`}};v("arcgis-charts-config-view-charts",m);return m},a,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import a from"./
|
|
2
|
+
import a from"./MKT2I7XP.js";import{C as E,j as T,n as F,r as $}from"./7CLOBWEI.js";import{e as b}from"./WOGALV3T.js";import{F as j,H as B,J as k,Z as V,c as q,za as C}from"./ZTVR6KBG.js";import{a as M}from"./QYRHZJH3.js";import{a as g,b as y,f as A,h as w}from"./PWJBGZPW.js";export default $arcgis.t(([{substitute:H},{B:h,Mb:O,Tb:P,Ub:L,ea:I,ga:N,mc:U,xa:S}])=>{var ie=t=>{let{config:e,axisIndex:i,callback:a}=t;[i!==void 0?e.axes?.[i]:e.axes].flat().forEach((s,r)=>{s!==void 0&&a(s,i!==void 0?i:r)})},te=t=>{let{config:e,axisIndex:i,callback:a}=t;[i!==void 0?e.axes?.[i]:e.axes].flat().forEach(s=>{s!==void 0&&S(s.valueFormat)&&a(s)})};function se(t,e,i){let a=t?.axes?.[e];a?.title!==void 0?a.title.content.text=i:a!==void 0&&(a.title=B({text:i,visible:!0,font:j(q.AxisTitle)}))}function re(t){let{config:e,layerInfo:i,commonStrings:a,numericFields:s,aggregationType:r}=t,o="";if(e)if(T(e)===A.Stacked100)o=a.utilsStrings.statistics.percent;else{let n=C(r,a);if(e.series[0]?.type===g.HeatSeries)o=F(i.layerFieldsInfo,e.series[0].y);else if(s.length===1){let f=F(i.layerFieldsInfo,s[0]),u=O(i.layer).idField;r===y.NoAggregation?o=f:r===y.Count&&u!==void 0&&s[0]===u?o=a.utilsStrings.statistics.count:o=H(a.axisLabels.aggregationOfFieldName,{aggregation:n,fieldName:f})}else s.length>1&&(r===y.NoAggregation?o=a.axisLabels.values:o=H(a.axisLabels.aggregationOfValues,{aggregation:n}))}return o}var X=(t,e,i)=>t.axes?.[e]??V(i,t.type)[e],G=t=>{let{config:e,axis:i,axisIndex:a}=t;e.axes!==void 0&&(e.axes[a]=i)},oe=t=>{let{config:e,axisIndex:i,isMax:a}=t,s=Number.NaN;return a?s=e.axes?.[i]?.maximum:s=e.axes?.[i]?.minimum,s??Number.NaN},D=t=>{let{config:e,value:i,axisIndex:a,isMax:s}=t,r=e?.axes?.[a];r!==void 0&&(s?r.maximum=i:r.minimum=i)},ne=t=>t.axes?.[0]?.valueFormat??k(),le=(t,e,i)=>{let a=X(t,0,e);if(a!==void 0&&i!==void 0){let s={...a,valueFormat:i};G({config:t,axis:s,axisIndex:0})}},ce=(t,e,i)=>{let a=t.axes?.[e];a!==void 0&&(a.integerOnlyValues=i)},R=t=>{let e=M(t.series);return e===g.BarSeries||e===g.ComboLineAndBarSeries||e===g.LineSeries},W=t=>{let{axisIndex:e,config:i,isMultiAxis:a}=t,s=!1;return e===0||e===1&&a?s=!0:e===2&&(s=R(i)),s},ge=t=>{let{axisIndex:e,func:i,config:a}=t;return W({axisIndex:e,config:a,isMultiAxis:!0})?i(e):void 0},K=(t,e)=>{let i,a=e.axes?.[t]?.valueFormat;return(t===0||t>=1&&S(a))&&(i=a),i},fe=t=>{let{config:e,commonStrings:i,valueFormat:a,axisIndex:s=0}=t,r=X(e,s,i);if(r!==void 0&&a!==void 0){let o={...r,valueFormat:a};G({config:e,axis:o,axisIndex:s})}},ue=(t,e)=>t.axes?.[e]?.isLogarithmic??!1,xe=t=>{let{config:e,isLogarithmic:i,axisIndex:a}=t,s=e.axes?.[a];s&&(s.isLogarithmic=i,D({config:e,value:null,axisIndex:a,isMax:!0}),D({config:e,value:null,axisIndex:a,isMax:!1}))},de=t=>{let{config:e,scrollbar:i,axisIndex:a}=t;e.axes?.[a]!==void 0&&(e.axes[a].scrollbar=i)};async function me(t){let{config:e,layer:i,xAxisField:a,splitByField:s,layerFieldsInfo:r,aggregationFields:o,fetchNullValues:n,errorStrings:f}=t,u=r.filter(v=>v.name===s)[0]?.type,x=n!==!0?`${s} IS NOT NULL`:"",d=a&&n!==!0?`${a} IS NOT NULL`:"",{where:l}=e?.dataFilters??{},Q={where:h([l,x,d]),orderByFields:$(s)?[]:[`${s} ${w.Ascending}`],geometry:e?.dataFilters?.geometry},p="";o?.length===0?p=O(i).idField:o&&([p]=o);let m=i?b(i)?await N({layer:i,category:e?.series[0].x??"",splitByField:s}):await I({queryObject:i,category:e?.series[0].x??"",splitByField:s,queryConfig:Q,errorStrings:f}):[];if(m=m.slice(0,500),e){let v=e?.series.map(c=>U({where:c.query?.where})?.toString()??"").filter(c=>c!==void 0&&c!=="");m=E({arrayA:m,arrayB:v,getKey:c=>c===null?null:c?.toString()})}return{categoriesArray:m,splitByFieldType:u,numericalField:p}}function ye(t,e){let i=e==="";for(let a of t)if(e===a.name){i=!0;break}return i}function pe(t,e){let i=P(t),a=e.length===0,s=0;for(let r of e){for(let o of i)if(r===o&&(s+=1),s===e.length){a=!0;break}if(a)break}return a}function ve(t,e){e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(a=>{Object.defineProperty(t.prototype,a,Object.getOwnPropertyDescriptor(i.prototype,a)||Object.create(null))})})}async function Fe(t){let{layerInfo:e,config:i,category:a,errorStrings:s}=t,{layer:r}=e,{where:o}=i?.dataFilters??{},{fetchNullValues:n}=i?.series?.[0]?.query??{},f=n!==!0?`${a} IS NOT NULL`:"",u={where:h([o,f]),orderByFields:[],geometry:i?.dataFilters?.geometry},x;return b(r)?x=(await N({layer:r,category:a,fetchNullValues:n})).map(d=>{let l=String(d);return L({queryObject:e.layer,fieldName:a,fieldValue:l})??l}):x=(await I({queryObject:r,category:a,queryConfig:u,errorStrings:s})).map(d=>{let l=String(d);return L({queryObject:e.layer,fieldName:a,fieldValue:l})??l}),x}function be(t){return t!==void 0&&K(0,t)?.type===g.CategoryAxisFormat&&K(1,t)?.type===g.CategoryAxisFormat}return{a:ie,b:te,c:se,d:re,e:oe,f:D,g:ne,h:le,i:ce,j:ge,k:K,l:fe,m:ue,n:xe,o:de,p:me,q:ye,r:pe,s:ve,t:Fe,u:be}},"intl",a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import a from"./
|
|
2
|
+
import a from"./QTT3SC3J.js";import{h as d}from"./7CLOBWEI.js";export default $arcgis.t(([{d:c,e:n}])=>{var h=Object.defineProperty,m=Object.getOwnPropertyDescriptor,f=(t,e,a,u)=>{for(var r=m(e,a),i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=s(e,a,r)||r);return r&&h(e,a,r),r};function S(t){return t!==void 0&&"rotated"in t}var p=t=>d(t),g=(t,e)=>{e.rotated=t},o=class extends c{get rotatedState(){return p(this._config)}set rotatedState(e){g(e,this._config)}get rotated(){return p(this._config)}set rotated(e){g(e,this._config)}};f([n],o.prototype,"rotatedState");f([n],o.prototype,"rotated");return{a:S,b:o}},a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import x from"./
|
|
2
|
+
import x from"./ST6NXHRA.js";import w from"./ACUQ3GSY.js";import"./3LEJV2CC.js";import v from"./4A37DTZX.js";import u from"./C5ZJ4DRI.js";import t from"./W6FBDRM6.js";import s from"./JT2V74UY.js";import r from"./HEWIZKQY.js";import q from"./6U7WMM3T.js";import p from"./PXCDE2VI.js";import o from"./5HDOHGI4.js";import n from"./NZIHTLRS.js";import m from"./PGFXIMQZ.js";import k from"./ZVGVGFQF.js";import j from"./QJ4KUKW4.js";import"./RPUEIRTH.js";import i from"./MBQT7SKP.js";import h from"./53UMBR7N.js";import e from"./ICISCYJS.js";import d from"./QTT3SC3J.js";import c from"./6EHQBSWA.js";import b from"./VRIFEBAE.js";import a from"./MKT2I7XP.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import{ba as f,ea as g,la as y}from"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as l}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{Mb:d,pa:S,ra:p,ta:b},{s:_},,{e:o},,,,,,,,,,,,,,,{c:u,e:L},{a:k,b:v,c:I,d:M,e:z,f:C,g:x,h:O,i:V,j:B,k:F,l:D,m:j,n:h,o:A,p:H,q:W,t:w},{a:T,b:P,c:$,d:q,e:N}])=>{var Y=Object.defineProperty,E=Object.getOwnPropertyDescriptor,a=(c,e,i,n)=>{for(var s=E(e,i),t=c.length-1,m;t>=0;t--)(m=c[t])&&(s=m(e,i,s)||s);return s&&Y(e,i,s),s},r=class extends L{constructor(){super(...arguments),this._chartType=l.ComboLineAndBarSeries}async setup(e){await this.loadConfigFromLayer(e),this.setupLocalProps(),e.config!==void 0&&(b(e.config?.series)&&this.initDefaultSeries(),await this.rebuildSeries()),typeof this.resolveSetup=="function"&&this.resolveSetup()}generateDefaultConfig(){let e=y(this.commonStrings);return e.series=[g({commonStrings:this.commonStrings,objectIDField:d(this.layerInfo.layer).idField})],e}initDefaultSeries(){this.defaultSeries=f({commonStrings:this.commonStrings,objectIDField:d(this.layerInfo.layer).idField})}setSeriesType(e,i){if(e<this._config.series.length&&e>=0){let n=this._config.series[e],s;if(i===l.BarSeries&&S(n)){let t={...n};delete t.lineSymbol,delete t.markerSymbol,delete t.lineSmoothed,delete t.markerVisible,delete t.areaColor,delete t.stackNegativeValuesToBaseline,s={...g({commonStrings:this.commonStrings,objectIDField:d(this.layerInfo.layer).idField}),...t,type:l.BarSeries,y:[n.y].flat()[0]},s.fillSymbol&&(s.fillSymbol={...s.fillSymbol,color:n.lineSymbol?.color})}else if(i===l.LineSeries&&p(n)){let t={...n};delete t.fillSymbol,delete t.hideOversizedStackedLabels,delete t.hideOversizedSideBySideLabels,s={...f({commonStrings:this.commonStrings,objectIDField:d(this.layerInfo.layer).idField}),...t,type:l.LineSeries},s.lineSymbol&&(s.lineSymbol={...s.lineSymbol,color:n.fillSymbol?.color})}s!==void 0&&(this._config.series[e]=s)}}getSeriesLineStyle(e){return k(e,this._config)}setSeriesLineStyle(e,i){v({style:e,seriesIndex:i,config:this._config})}getSeriesLineWidth(e){return I(e,this._config)}setSeriesLineWidth(e,i){M({width:e,seriesIndex:i,config:this._config})}getSeriesMarkerColor(e){return z(e,this._config)}setSeriesMarkerColor(e,i){let n=this._config.series?.[i];S(n)&&C(e,i,this._config)}getSeriesMarkerStyle(e){return x(e,this._config)}setSeriesMarkerStyle(e,i){O({style:e,seriesIndex:i,config:this._config})}getSeriesMarkerSize(e){return V(e,this._config)}setSeriesMarkerSize(e,i){B({size:e,seriesIndex:i,config:this._config})}isLineSmoothed(e){return F(e,this._config)}setLineSmoothed(e,i){D({smoothed:e,seriesIndex:i,config:this._config})}isAreaVisible(e){return j(e,this._config)}setAreaVisible(e,i){h({visible:e,seriesIndex:i,config:this._config})}isMarkerVisible(e){return A(e,this._config)}setMarkersVisible(e,i){H({visible:e,seriesIndex:i,config:this._config})}setMarkerVisible(e,i){this.setMarkersVisible(e,i)}getAreaColor(e){return W(e,this._config)}setAreaColor(e,i){let n=this._config.series?.[i];S(n)&&(h({visible:!0,seriesIndex:i,config:this._config}),u(e,i,this._config))}getSeriesHideOversizedSideBySideLabels(e){return T(e,this._config)}setSeriesHideOversizedSideBySideLabels(e,i){P({hide:e,seriesIndex:i,config:this._config})}getSeriesHideOversizedStackedLabels(e){return $(e,this._config)}setSeriesHideOversizedStackedLabels(e,i){q({hide:e,seriesIndex:i,config:this._config})}};a([o],r.prototype,"setSeriesType");a([o],r.prototype,"setSeriesLineStyle");a([o],r.prototype,"setSeriesLineWidth");a([o],r.prototype,"setSeriesMarkerColor");a([o],r.prototype,"setSeriesMarkerStyle");a([o],r.prototype,"setSeriesMarkerSize");a([o],r.prototype,"setLineSmoothed");a([o],r.prototype,"setAreaVisible");a([o],r.prototype,"setMarkersVisible");a([o],r.prototype,"setAreaColor");a([o],r.prototype,"setSeriesHideOversizedSideBySideLabels");a([o],r.prototype,"setSeriesHideOversizedStackedLabels");var G=[w,N];_(r,G);return r},a,b,c,d,e,h,i,j,k,m,n,o,p,q,r,s,t,u,v,w,x)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import d from"./
|
|
2
|
+
import d from"./4XSVNPEK.js";import"./TENIFMA5.js";import c from"./VRIFEBAE.js";import b from"./MKT2I7XP.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{B as e,C as t,H as n,g as i,i as a}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{i:l}])=>{var o={invalidMessageColor:"invalid-message-color"},r=i`:host{display:block}.invalid-message-color{color:red}`,s=class extends e{constructor(){super(...arguments),this.isInvalid=!1}static{this.properties={invalidInputMessage:1,isInvalid:5}}static{this.styles=r}render(){return this.isInvalid?a`<calcite-input-message .status=${l.INVALID} icon=exclamationMarkTriangle .hidden=${!this.isInvalid} class=${t(o.invalidMessageColor)}>${this.invalidInputMessage}</calcite-input-message>`:null}};n("arcgis-charts-config-invalid-input-message",s);return s},b,c,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import D from"./4YMHNMGU.js";import{a as se}from"./L7CMLBHB.js";import{a as oe}from"./7TM4LYGN.js";import{a as k}from"./MQI4ZLAS.js";import{a as re}from"./IHO3OLL3.js";import y from"./566ODMCM.js";import{a as b,b as te,e as ae}from"./OBPAQN4H.js";import{a as f}from"./7NWEE7T2.js";import u from"./FIIRJDC2.js";import{d as n}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import t from"./IVRYUXG3.js";import s from"./CIK43DDR.js";import q from"./F7JZQQEQ.js";import{a as ee}from"./WCK7BM4P.js";import"./3LEJV2CC.js";import p from"./CHV2N66C.js";import o from"./6OFVY2BU.js";import m from"./PB2TARKD.js";import l from"./7L6JYKL3.js";import{b as Y,c as B,i as Q,l as L,p as w,r as J}from"./RPUEIRTH.js";import j from"./2M6NOWZH.js";import i from"./2T7ZUVHP.js";import g from"./HHW3YRII.js";import e from"./7GYKQBI2.js";import d from"./CNKLZHH7.js";import a from"./5NLH5NS2.js";import{C as x,c as G,q as M}from"./7CLOBWEI.js";import{d as T,e as v}from"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{g as H,l as S}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as V,B as _,C as h,D as z,F as $,H as U,g as N,i as c,n as C,z as A}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as r,k as R}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:ce},{Bb:j,Fb:q,Ha:X,ba:O,hb:Z},,,,,,{d:I},,{a:W},,,,,{r:ie},{e:y,f:K},{b:D}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function le(m,e){let t=new Set,a=e;return m?.forEach((i,s)=>{let o=i.chartId;(t.has(o)||o===void 0||o==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===o&&(a=i.chartId)),t.add(o)}),a}function he(m,e,t){return m?.filter(a=>M(t,a.config)&&a.layer?.id===e)??[]}function de(m){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=m,s=new Map;return e?.forEach(o=>{let l=o.layer;l&&s.set(l.id,l)}),i||t.forEach(o=>s.set(o.id,o)),Array.from(s.values()).filter(o=>!a||o.id===a)}function me(m,e){m.forEach(t=>{e.forEach(a=>{t?.id===a.layer?.id&&ne(t,a)})})}function ne(m,e){let t=m;if(t){let a=[...t?.charts??[]],i=a?.findIndex(o=>o.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!S(a[i],e.config),a[i]=e.config):t&&!I(e.config)&&(s=!0,a.push(e.config)),s&&(t.charts=a)}}function pe(m,e){let t=m;if(t){let a=[...t.charts??[]],i=a.findIndex(s=>s.id===e);i>-1&&(a.splice(i,1),t.charts=a)}}function ge(m,e){let t=m;if(t){let a=[...t.charts??[]];a=x({arrayA:a,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),t.charts=a}}var ue=N`.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;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,E=class extends _{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[r.BarSeries,r.BoxPlotSeries,r.LineSeries,r.PieSeries,r.HistogramSeries,r.ScatterSeries,r.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=async e=>{let t=e,{chartData:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case r.HistogramSeries:if(this.chartData=a,i&&(i.dataStore.chartData=a,v(i.layer))){let o=i,l=a?.bins?.length;l!==void 0&&o.binCount!==l&&(o.binCount=l)}break;case r.PieSeries:{this.chartData=a,i&&(i.dataStore.chartData=a);break}case r.ScatterSeries:{let o=a,{dataItems:l,r2:u,aggregated:g}=o,p=u;Number.isFinite(u)||(p=void 0),this.r2=p,Q(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=g,g&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case r.LineSeries:case r.BarSeries:{let{dataItems:o,timeIntervalInfo:l}=a;(B(s)||Y(s)&&s.binTemporalData)&&(l?.size!==void 0&&s.temporalBinningSize!==l?.size&&(s.temporalBinningSize=l?.size),l?.unit!==void 0&&s.temporalBinningUnit!==l?.unit&&l?.unit!==R.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&ae(b,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(o),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let t=e,{bounds:a,model:i}=t.detail,s=this.getModel(this.selectedChartId),o=i?.isSameChartAs(s),l=s?.chartType;if(o)switch(l){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:case r.ScatterSeries:this.calculatedMinMaxBounds=a,i&&(i.dataStore.calculatedMinMaxBounds=a),this.updateAxesBoundsInAppState(a);break}},this.chartSeriesColorChange=e=>{let t=e,{colorMatchApplied:a,data:i,model:s}=t.detail,o=this.getModel(this.selectedChartId);if(s?.isSameChartAs(o))switch(o?.chartType){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:this.seriesColor=i,s&&(s.dataStore.seriesColor=i),this.applyNullCategorySeriesColor({colorMatchApplied:a,data:i,model:o});break;case r.PieSeries:{let l=new Map([[0,i]]);this.seriesColor=l,s&&(s.dataStore.seriesColor=l);break}case r.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let t=e,{propName:a,value:i,model:s}=t.detail,o=this.modelList.find(l=>s?.isSameChartAs(l));if(o)switch(a){case"rotation":typeof i=="boolean"&&W(o)&&(o.rotated=i);break;case"legendPosition":typeof i=="string"&&w(o)&&(o.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&w(o)&&(o.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=e=>{let t=e,{legendItemVisibility:a,model:i}=t.detail,s=this.modelList.find(o=>i?.isSameChartAs(o));s?.setSeriesVisibility(a),L(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),B(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:t,layerId:a}=e.target;t!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:t,layerId:a}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let t=e.target;ne(t?.layer,t)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:K}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=ue}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}applyNullCategorySeriesColor(e){let{colorMatchApplied:t,data:a,model:i}=e;J(i)&&i.nullCategory===void 0&&(i.nullCategory=this.getDefaultNullCategory(t?this.getSeriesColor(a):void 0))}getSeriesColor(e){let t=e.get(0),a;return t&&"color"in t?a=t.color:t&&"lineSymbol"in t&&(a=t.markerSymbol?.color??t.lineSymbol.color),a}getDefaultNullCategory(e){let t=H(G.nullCategory);return e!==void 0&&(t.fillSymbol&&(t.fillSymbol.color=e,t.fillSymbol.outline&&(t.fillSymbol.outline.color=e)),t.markerSymbol&&(t.markerSymbol.color=e,t.markerSymbol.outline&&(t.markerSymbol.outline.color=e))),t}modelListReorderChangeListener(e){let{modelList:t}=e.detail;if(this.modelList=x({arrayA:this.modelList,arrayB:t,getKey:a=>a.chartId??a.titleText??""}),this.syncChartsToLayers){let a=t.find(i=>i.layer?.id!==void 0)?.layer?.id;if(a){let i=this.layerList.find(s=>s.id.toString()===a);i&&ge(i,t)}}}async layerListChange(){let e=[],t=this.layerList.map(i=>i.id.toString()),a=[...this.modelList.filter(i=>t.includes(i.layer?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let o=await i.createFeatureLayer();if(!o)continue;i=o}let s=i.charts;for(let o of s??[]){let l=await ee({layer:i,config:o,commonStrings:this.commonStrings});l!==void 0&&e.push(l)}}le(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),a=a.filter(i=>!X(i.config)),this.modelList=a}modelListChange(e,t){this.selectedChartId=le(e,this.selectedChartId),t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let a=this.getModel(this.selectedChartId);this.currentChartTypeText=a?.chartType!==void 0?D({chartType:a.chartType,commonStrings:this.commonStrings,config:a.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&me(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.chartType!==void 0?D({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",e!==void 0&&e!==b.selectedChartId&&(b.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:t})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let t=this.getModel(this.selectedChartId)?.config,a=[];if(t!==void 0&&e!==void 0){let i=Z({chartConfig:t,chartData:e}),{minY:s,maxY:o,minX:l,maxX:u}=i;a=[{isXAxis:!0,minimum:l,maximum:u},{isXAxis:!1,minimum:s,maximum:o}]}return a}updateAxesBoundsInAppState(e){e?.forEach(t=>{let{isXAxis:a,maximum:i,minimum:s}=t,o=this.getModel(this.selectedChartId);if(o!==void 0&&L(o)&&this.selectedChartId!==void 0){let l=new se(o,a),u=te({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),g=b.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let p=g[this.selectedChartId]?.[u],F={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!S(p,F)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][u]=F)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(t=>M(O,t.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:t,layerId:a,layerType:i}=e.detail,s=!0;if(T(i)&&a){let o=this.layerList.find(l=>l.id===a);v(o)&&(s=!!(await q(o))?.attributeTable)}this.setupSelectChartTypePopover(t,a,i,s)}setupSelectChartTypePopover(e,t,a,i=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=$(c`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${t} .layerType=${a} .isRasterBarChartSupported=${i} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(t=>t.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=re(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:t}=e.detail;if(t!==void 0){let a=this.modelList.find(s=>s.chartId===t),i=this.layerList.find(s=>s.id===a?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==t)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&pe(i,t)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.close=!0,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let t=e.target,a="";switch(t.icon){case"configure":a=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":a=this._messages.series??"";break;case"graph-pie-slice":a=this._messages.slices??"";break;case"graph-axis":a=this._messages.axes??"";break;case"graph-guides":a=this._messages.guides??"";break;case"palette":a=this._messages.format??"";break;case"text":a=this._messages.general??"";break;default:a="";break}this.tooltip=$(c`<calcite-tooltip style=${z({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${a}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){ie(this.tooltip)}renderViewCharts(){let e=de({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return oe(e,t=>t.id,t=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${he(this.modelList,t.id.toString(),T(t.type)?j:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:c`<calcite-flow>${k("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?ce(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?c`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===r.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.slices??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.axes??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.guides??""}></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.format??""}></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.general??""}></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),t=e?.layer,a=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case r.BarSeries:a=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case r.LineSeries:a=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case r.PieSeries:a=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case r.HistogramSeries:a=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case r.ScatterSeries:a=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case r.BoxPlotSeries:a=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case r.HeatSeries:a=c`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data}></arcgis-charts-config-heat-chart>`;break}return a}};U("arcgis-charts-config-create-flow",E);return E},"intl",a,d,e,g,i,j,l,m,o,p,q,s,t,u,y,D)
|
|
2
|
+
import D from"./SO6TB4XB.js";import{a as se}from"./L7CMLBHB.js";import{a as oe}from"./7TM4LYGN.js";import{a as k}from"./MQI4ZLAS.js";import{a as re}from"./IHO3OLL3.js";import y from"./DPJFM4NP.js";import{a as b,b as te,e as ae}from"./OBPAQN4H.js";import{a as f}from"./7NWEE7T2.js";import u from"./4XSVNPEK.js";import{d as n}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import t from"./J5OL3IK4.js";import s from"./XN3NVCAC.js";import q from"./HHEWJXPN.js";import{a as ee}from"./QUWAZG3L.js";import"./3LEJV2CC.js";import p from"./C5ZJ4DRI.js";import o from"./W6FBDRM6.js";import m from"./JT2V74UY.js";import l from"./5HDOHGI4.js";import{b as Y,c as B,i as Q,l as L,p as w,r as J}from"./RPUEIRTH.js";import j from"./53UMBR7N.js";import i from"./ICISCYJS.js";import g from"./QTT3SC3J.js";import e from"./6EHQBSWA.js";import d from"./VRIFEBAE.js";import a from"./MKT2I7XP.js";import{C as x,c as G,q as M}from"./7CLOBWEI.js";import{d as T,e as v}from"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{g as H,l as S}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as V,B as _,C as h,D as z,F as $,H as U,g as N,i as c,n as C,z as A}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as r,k as R}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:ce},{Bb:j,Fb:q,Ha:X,ba:O,hb:Z},,,,,,{d:I},,{a:W},,,,,{r:ie},{e:y,f:K},{b:D}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function le(m,e){let t=new Set,a=e;return m?.forEach((i,s)=>{let o=i.chartId;(t.has(o)||o===void 0||o==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===o&&(a=i.chartId)),t.add(o)}),a}function he(m,e,t){return m?.filter(a=>M(t,a.config)&&a.layer?.id===e)??[]}function de(m){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=m,s=new Map;return e?.forEach(o=>{let l=o.layer;l&&s.set(l.id,l)}),i||t.forEach(o=>s.set(o.id,o)),Array.from(s.values()).filter(o=>!a||o.id===a)}function me(m,e){m.forEach(t=>{e.forEach(a=>{t?.id===a.layer?.id&&ne(t,a)})})}function ne(m,e){let t=m;if(t){let a=[...t?.charts??[]],i=a?.findIndex(o=>o.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!S(a[i],e.config),a[i]=e.config):t&&!I(e.config)&&(s=!0,a.push(e.config)),s&&(t.charts=a)}}function pe(m,e){let t=m;if(t){let a=[...t.charts??[]],i=a.findIndex(s=>s.id===e);i>-1&&(a.splice(i,1),t.charts=a)}}function ge(m,e){let t=m;if(t){let a=[...t.charts??[]];a=x({arrayA:a,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),t.charts=a}}var ue=N`.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;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,E=class extends _{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[r.BarSeries,r.BoxPlotSeries,r.LineSeries,r.PieSeries,r.HistogramSeries,r.ScatterSeries,r.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=async e=>{let t=e,{chartData:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case r.HistogramSeries:if(this.chartData=a,i&&(i.dataStore.chartData=a,v(i.layer))){let o=i,l=a?.bins?.length;l!==void 0&&o.binCount!==l&&(o.binCount=l)}break;case r.PieSeries:{this.chartData=a,i&&(i.dataStore.chartData=a);break}case r.ScatterSeries:{let o=a,{dataItems:l,r2:u,aggregated:g}=o,p=u;Number.isFinite(u)||(p=void 0),this.r2=p,Q(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=g,g&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case r.LineSeries:case r.BarSeries:{let{dataItems:o,timeIntervalInfo:l}=a;(B(s)||Y(s)&&s.binTemporalData)&&(l?.size!==void 0&&s.temporalBinningSize!==l?.size&&(s.temporalBinningSize=l?.size),l?.unit!==void 0&&s.temporalBinningUnit!==l?.unit&&l?.unit!==R.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&ae(b,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(o),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let t=e,{bounds:a,model:i}=t.detail,s=this.getModel(this.selectedChartId),o=i?.isSameChartAs(s),l=s?.chartType;if(o)switch(l){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:case r.ScatterSeries:this.calculatedMinMaxBounds=a,i&&(i.dataStore.calculatedMinMaxBounds=a),this.updateAxesBoundsInAppState(a);break}},this.chartSeriesColorChange=e=>{let t=e,{colorMatchApplied:a,data:i,model:s}=t.detail,o=this.getModel(this.selectedChartId);if(s?.isSameChartAs(o))switch(o?.chartType){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:this.seriesColor=i,s&&(s.dataStore.seriesColor=i),this.applyNullCategorySeriesColor({colorMatchApplied:a,data:i,model:o});break;case r.PieSeries:{let l=new Map([[0,i]]);this.seriesColor=l,s&&(s.dataStore.seriesColor=l);break}case r.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let t=e,{propName:a,value:i,model:s}=t.detail,o=this.modelList.find(l=>s?.isSameChartAs(l));if(o)switch(a){case"rotation":typeof i=="boolean"&&W(o)&&(o.rotated=i);break;case"legendPosition":typeof i=="string"&&w(o)&&(o.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&w(o)&&(o.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=e=>{let t=e,{legendItemVisibility:a,model:i}=t.detail,s=this.modelList.find(o=>i?.isSameChartAs(o));s?.setSeriesVisibility(a),L(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),B(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:t,layerId:a}=e.target;t!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:t,layerId:a}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let t=e.target;ne(t?.layer,t)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:K}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=ue}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}applyNullCategorySeriesColor(e){let{colorMatchApplied:t,data:a,model:i}=e;J(i)&&i.nullCategory===void 0&&(i.nullCategory=this.getDefaultNullCategory(t?this.getSeriesColor(a):void 0))}getSeriesColor(e){let t=e.get(0),a;return t&&"color"in t?a=t.color:t&&"lineSymbol"in t&&(a=t.markerSymbol?.color??t.lineSymbol.color),a}getDefaultNullCategory(e){let t=H(G.nullCategory);return e!==void 0&&(t.fillSymbol&&(t.fillSymbol.color=e,t.fillSymbol.outline&&(t.fillSymbol.outline.color=e)),t.markerSymbol&&(t.markerSymbol.color=e,t.markerSymbol.outline&&(t.markerSymbol.outline.color=e))),t}modelListReorderChangeListener(e){let{modelList:t}=e.detail;if(this.modelList=x({arrayA:this.modelList,arrayB:t,getKey:a=>a.chartId??a.titleText??""}),this.syncChartsToLayers){let a=t.find(i=>i.layer?.id!==void 0)?.layer?.id;if(a){let i=this.layerList.find(s=>s.id.toString()===a);i&&ge(i,t)}}}async layerListChange(){let e=[],t=this.layerList.map(i=>i.id.toString()),a=[...this.modelList.filter(i=>t.includes(i.layer?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let o=await i.createFeatureLayer();if(!o)continue;i=o}let s=i.charts;for(let o of s??[]){let l=await ee({layer:i,config:o,commonStrings:this.commonStrings});l!==void 0&&e.push(l)}}le(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),a=a.filter(i=>!X(i.config)),this.modelList=a}modelListChange(e,t){this.selectedChartId=le(e,this.selectedChartId),t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let a=this.getModel(this.selectedChartId);this.currentChartTypeText=a?.chartType!==void 0?D({chartType:a.chartType,commonStrings:this.commonStrings,config:a.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&me(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.chartType!==void 0?D({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",e!==void 0&&e!==b.selectedChartId&&(b.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:t})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let t=this.getModel(this.selectedChartId)?.config,a=[];if(t!==void 0&&e!==void 0){let i=Z({chartConfig:t,chartData:e}),{minY:s,maxY:o,minX:l,maxX:u}=i;a=[{isXAxis:!0,minimum:l,maximum:u},{isXAxis:!1,minimum:s,maximum:o}]}return a}updateAxesBoundsInAppState(e){e?.forEach(t=>{let{isXAxis:a,maximum:i,minimum:s}=t,o=this.getModel(this.selectedChartId);if(o!==void 0&&L(o)&&this.selectedChartId!==void 0){let l=new se(o,a),u=te({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),g=b.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let p=g[this.selectedChartId]?.[u],F={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!S(p,F)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][u]=F)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(t=>M(O,t.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:t,layerId:a,layerType:i}=e.detail,s=!0;if(T(i)&&a){let o=this.layerList.find(l=>l.id===a);v(o)&&(s=!!(await q(o))?.attributeTable)}this.setupSelectChartTypePopover(t,a,i,s)}setupSelectChartTypePopover(e,t,a,i=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=$(c`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${t} .layerType=${a} .isRasterBarChartSupported=${i} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(t=>t.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=re(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:t}=e.detail;if(t!==void 0){let a=this.modelList.find(s=>s.chartId===t),i=this.layerList.find(s=>s.id===a?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==t)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&pe(i,t)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.close=!0,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let t=e.target,a="";switch(t.icon){case"configure":a=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":a=this._messages.series??"";break;case"graph-pie-slice":a=this._messages.slices??"";break;case"graph-axis":a=this._messages.axes??"";break;case"graph-guides":a=this._messages.guides??"";break;case"palette":a=this._messages.format??"";break;case"text":a=this._messages.general??"";break;default:a="";break}this.tooltip=$(c`<calcite-tooltip style=${z({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${a}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){ie(this.tooltip)}renderViewCharts(){let e=de({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return oe(e,t=>t.id,t=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${he(this.modelList,t.id.toString(),T(t.type)?j:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:c`<calcite-flow>${k("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?ce(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?c`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===r.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.slices??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.axes??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.guides??""}></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.format??""}></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.general??""}></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),t=e?.layer,a=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case r.BarSeries:a=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case r.LineSeries:a=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case r.PieSeries:a=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case r.HistogramSeries:a=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case r.ScatterSeries:a=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case r.BoxPlotSeries:a=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case r.HeatSeries:a=c`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data}></arcgis-charts-config-heat-chart>`;break}return a}};U("arcgis-charts-config-create-flow",E);return E},"intl",a,d,e,g,i,j,l,m,o,p,q,s,t,u,y,D)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./4XSVNPEK.js";import"./TENIFMA5.js";import{a as b}from"./SZYIWW3C.js";import e from"./VRIFEBAE.js";import c from"./MKT2I7XP.js";import"./7CLOBWEI.js";import"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as g,B as p,C as a,H as d,g as l,i as o,n as u,z as h}from"./225VUGML.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:f,g:v,h:r,i:m}])=>{var s={container:"container",label:"label",numberInput:"number-input"},x=l`.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)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`,c=class extends p{constructor(){super(...arguments),this._messages=b(),this.decimalPlacesInputElement=h(),this.arcgisChartsConfigNumberFormatChange=u()}static{this.properties={messageOverrides:0,numberFormat:0}}static{this.styles=x}onDecimalPlacesChange(){let t=this.decimalPlacesInputElement.value?.value,i=Math.floor(Number(t)),n=i===Number(t)&&i>=0;if(t!==void 0&&n&&f(t,this.decimalPlacesInputElement.value?.min,this.decimalPlacesInputElement.value?.max)){let F=Number.parseInt(t),e={minimumFractionDigits:this.numberFormat?.minimumFractionDigits,maximumFractionDigits:F};e.maximumFractionDigits!==void 0&&e.minimumFractionDigits!==void 0&&e.minimumFractionDigits>e.maximumFractionDigits&&(e.minimumFractionDigits=e.maximumFractionDigits);let C=this.getUpdatedNumberFormat(e);this.arcgisChartsConfigNumberFormatChange.emit(C),this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.IDLE})}else this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.INVALID})}onShowThousandsSeparatorChange(t){let i=t.target.checked,n=this.getUpdatedNumberFormat({useGrouping:i});this.arcgisChartsConfigNumberFormatChange.emit(n)}getUpdatedNumberFormat(t){return{...this.numberFormat,...t}}render(){return o`<div class=${a(s.container)}><calcite-label class=${a(s.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(s.numberInput)} min=0 max=20 step=1 .value=${v(this.numberFormat?.maximumFractionDigits,2)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(s.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping??!0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div>`}};d("arcgis-charts-config-number-format",c);return c},c,e,f)
|