@arcgis/charts-components 5.0.8 → 5.0.9
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/{5HAFZXRW.js → 2IYFJU3A.js} +1 -1
- package/dist/cdn/{GZOKN2GF.js → 32KT5VJ2.js} +16 -16
- package/dist/cdn/{ZLU6O3JF.js → 3LOZP6BV.js} +1 -1
- package/dist/cdn/{MCVHMVCT.js → 3ZLAZEGH.js} +1 -1
- package/dist/cdn/{G2KHBD7J.js → 4Z7EF25S.js} +1 -1
- package/dist/cdn/{F7AFEZV2.js → 5OGYTQMU.js} +1 -1
- package/dist/cdn/{NPHPMY2G.js → 5VVY6ZWB.js} +1 -1
- package/dist/cdn/{EM5NVE4I.js → 7A4AT3ZF.js} +1 -1
- package/dist/cdn/{CSHJLNPD.js → 7HX2MKF3.js} +1 -1
- package/dist/cdn/{YH3JX3DM.js → 7IK6WFCM.js} +1 -1
- package/dist/cdn/{FFGWPQMC.js → 7S6JPNIH.js} +1 -1
- package/dist/cdn/{3X26EAVJ.js → 7XH2IAL7.js} +1 -1
- package/dist/cdn/{IXRQZLQ6.js → 7ZRJLBQW.js} +1 -1
- package/dist/cdn/{W6LLVWQ5.js → AGWKYZAS.js} +1 -1
- package/dist/cdn/{YJSD4BMV.js → APBDKIZY.js} +1 -1
- package/dist/cdn/{IHRLVAJX.js → AQLPGSRX.js} +1 -1
- package/dist/cdn/{BAZ6KVAP.js → AXQX7OIJ.js} +1 -1
- package/dist/cdn/{42TAQO7C.js → AXU4IAGA.js} +1 -1
- package/dist/cdn/{KX3O6DUP.js → BJRTY732.js} +1 -1
- package/dist/cdn/{JFECCRF2.js → BPDPMZFV.js} +1 -1
- package/dist/cdn/{OCYZURN7.js → C7MTGZ6Z.js} +1 -1
- package/dist/cdn/{FLFCT2VK.js → CEAOSURA.js} +1 -1
- package/dist/cdn/{6BIEC5Y5.js → CO45GYUA.js} +1 -1
- package/dist/cdn/{357CGUJ5.js → CW4RT3RV.js} +1 -1
- package/dist/cdn/{VQN3DCQX.js → CWA6YMB2.js} +1 -1
- package/dist/cdn/{ZRAKY2DN.js → CWF3CQZE.js} +1 -1
- package/dist/cdn/{BFP7T2Z6.js → CZPWPLMC.js} +1 -1
- package/dist/cdn/{CMHIWXLF.js → D4PPEAQV.js} +1 -1
- package/dist/cdn/{JIN2U2OG.js → DFN4LUEG.js} +1 -1
- package/dist/cdn/{2OIVKZIA.js → DGHVKW6R.js} +1 -1
- package/dist/cdn/{NJ7IOAU4.js → DUXPS5A6.js} +1 -1
- package/dist/cdn/{EBSMK5KN.js → DW7G3EKR.js} +1 -1
- package/dist/cdn/{WKMJ4RSL.js → E6KYWC2B.js} +1 -1
- package/dist/cdn/{4YHZN3LQ.js → EBWRWELF.js} +1 -1
- package/dist/cdn/{RUV3QEOT.js → EI3M6XBD.js} +1 -1
- package/dist/cdn/{J2LBDTG4.js → ELS46EGA.js} +1 -1
- package/dist/cdn/{Z7CVO3LD.js → EYEJJT7D.js} +1 -1
- package/dist/cdn/{O5SCVZOT.js → EYQCLFQ2.js} +1 -1
- package/dist/cdn/{P7VRAYHT.js → F7EMQZFE.js} +1 -1
- package/dist/cdn/{OEWC4PRC.js → F7RY2FGF.js} +1 -1
- package/dist/cdn/{NRHAFXTD.js → GAVXPYIA.js} +1 -1
- package/dist/cdn/{4RRVTRKB.js → GHFLDZK5.js} +1 -1
- package/dist/cdn/{SAFTPIOU.js → GJT2AMEO.js} +1 -1
- package/dist/cdn/{FAM6FTNZ.js → GWWBDXNW.js} +1 -1
- package/dist/cdn/{3EMR3B62.js → GXGHOK4A.js} +1 -1
- package/dist/cdn/{4NB7MMNZ.js → H4WZDAHO.js} +1 -1
- package/dist/cdn/{G2GOUZZF.js → HJDT7342.js} +1 -1
- package/dist/cdn/{XE4L5GN3.js → HVQH44L2.js} +1 -1
- package/dist/cdn/{ERUSIKRG.js → IHIXTPLP.js} +1 -1
- package/dist/cdn/{LNV5I3PD.js → JHDYF6PJ.js} +1 -1
- package/dist/cdn/{FGTE4VT3.js → JLGTYUHR.js} +1 -1
- package/dist/cdn/{PXZAUOCI.js → JMPWPF5E.js} +1 -1
- package/dist/cdn/{LT7GH3ML.js → JUVGQLXT.js} +1 -1
- package/dist/cdn/{4JNVW276.js → JZSZB5TC.js} +1 -1
- package/dist/cdn/{CBTHK3MX.js → KPVVBKEO.js} +1 -1
- package/dist/cdn/{HBVRB2A7.js → LJDGSICQ.js} +1 -1
- package/dist/cdn/{W7XWNR4E.js → LSLDTAVS.js} +1 -1
- package/dist/cdn/{K3YO6OCW.js → LZHMKOZQ.js} +1 -1
- package/dist/cdn/{34DMCJBP.js → NAENNEV2.js} +1 -1
- package/dist/cdn/{WYAMJQN7.js → O7ONFIXB.js} +1 -1
- package/dist/cdn/{HBG77Y5X.js → OICUGAVE.js} +1 -1
- package/dist/cdn/{EDYYEE2L.js → OURKLRQS.js} +1 -1
- package/dist/cdn/{3HX2NEWT.js → PLR4PJYW.js} +1 -1
- package/dist/cdn/{S6J53MPO.js → PMPYILFJ.js} +1 -1
- package/dist/cdn/{7CZYASNY.js → PYSZVDZX.js} +1 -1
- package/dist/cdn/{6JW3YJ3P.js → Q4XYRZFC.js} +1 -1
- package/dist/cdn/{NR6NJCVJ.js → QCCJLEXA.js} +1 -1
- package/dist/cdn/{ENRYREZR.js → QEYC7ODR.js} +1 -1
- package/dist/cdn/{ZQ273R57.js → QGSDEZHT.js} +1 -1
- package/dist/cdn/{LZHA6LCI.js → QOMYNKBD.js} +1 -1
- package/dist/cdn/{VZDOQ6OE.js → QR7PCTYD.js} +1 -1
- package/dist/cdn/{4QWMIKYQ.js → RBPOGLFK.js} +1 -1
- package/dist/cdn/{OA3O35M4.js → RC6A7E7Z.js} +1 -1
- package/dist/cdn/{QBVGSJCZ.js → RF3BNONF.js} +1 -1
- package/dist/cdn/{NFIHJGRP.js → RJMATT2F.js} +1 -1
- package/dist/cdn/{7GVJRG5G.js → RYMZVDSH.js} +1 -1
- package/dist/cdn/{EFYW2KFZ.js → SHG6FJMS.js} +1 -1
- package/dist/cdn/{UXIELOHD.js → SJ4VN3G7.js} +1 -1
- package/dist/cdn/{IKWQRTLS.js → SQTUIK26.js} +1 -1
- package/dist/cdn/{B3JVCSPP.js → SW465H7U.js} +1 -1
- package/dist/cdn/{FGVYSZEB.js → T22Q6XVB.js} +1 -1
- package/dist/cdn/{VY5Y5MIX.js → T2DDJF25.js} +1 -1
- package/dist/cdn/{GRUJLUN3.js → T3QBNSQK.js} +1 -1
- package/dist/cdn/{AGIAZVOF.js → TMNW3UHB.js} +1 -1
- package/dist/cdn/{US4YXJQX.js → TPHJVOO3.js} +1 -1
- package/dist/cdn/{4V2CP5ID.js → UKL5M6FM.js} +1 -1
- package/dist/cdn/{26UFELP2.js → VCWIBUUJ.js} +1 -1
- package/dist/cdn/{FBAFVQEV.js → VFSRNOHV.js} +1 -1
- package/dist/cdn/{2NN5T6J7.js → VIFDPS6W.js} +1 -1
- package/dist/cdn/{266YFV53.js → VLRDH65W.js} +1 -1
- package/dist/cdn/{MGYVRRLN.js → WFZAB2DX.js} +1 -1
- package/dist/cdn/{GT22SYVS.js → WXIJ4BDA.js} +1 -1
- package/dist/cdn/{ZL2E442Z.js → XGRAIPF3.js} +1 -1
- package/dist/cdn/{TWGBHT5Z.js → YAG23FTJ.js} +1 -1
- package/dist/cdn/{Z6LHZQJG.js → YLEDRR4D.js} +1 -1
- package/dist/cdn/{4I3K23FK.js → ZF6PLNC7.js} +1 -1
- package/dist/cdn/{56SFKBMK.js → ZYZFMX6H.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +1 -1
- package/dist/chunks/serial-chart-data.js +34 -34
- package/dist/components/arcgis-chart/customElement.js +1254 -1257
- 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 +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{a as I}from"./FEJD2JHY.js";import{a as m,c as K}from"./ZLQXY2BV.js";import c from"./FGTE4VT3.js";import{j as o,n as h}from"./DPJE33GY.js";import{a as E}from"./4YHZN3LQ.js";import b from"./BFP7T2Z6.js";import"./UG7LOBJE.js";import a from"./VY5Y5MIX.js";import{B as C,c as z,g as k,m as w}from"./4B3QBH5T.js";import"./OCYZURN7.js";import"./KUVOINJC.js";import{a as S}from"./NKG4FLLR.js";import{A as i,B as v,D as A,F as L,g as F,h as n,m as f,x as d,y as r,z as T}from"./5HAFZXRW.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Gb:b,La:_,Q:x,z:M},,{b:V,f:$,g:y,h:p,i:g,j:D}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},R=F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,P=class extends T{constructor(){super(...arguments),this._messages=E(),this.commonStrings=E({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=k(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,u=M*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,u]}},this.setXYField=e=>{try{let t=e.detail;K(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,$(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,$(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=f(),this.arcgisChartsConfigScatterplotPopoverChange=f()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=R}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=_(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!w(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&$(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,u=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":u!==void 0&&(this.model.fixedMarkerSymbol={...u,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=I(this.scatterplotPopover);let e=[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let u=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=I(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:D(this.r2,V)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let[e,t,a,s]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${this.isTableLayer!==!0?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&this.isTableLayer!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",P);return P},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c)
|
|
2
|
+
import{a as I}from"./FEJD2JHY.js";import{a as m,c as K}from"./ZLQXY2BV.js";import c from"./JLGTYUHR.js";import{j as o,n as h}from"./DPJE33GY.js";import{a as E}from"./EBWRWELF.js";import b from"./CZPWPLMC.js";import"./UG7LOBJE.js";import a from"./T2DDJF25.js";import{B as C,c as z,g as k,m as w}from"./4B3QBH5T.js";import"./C7MTGZ6Z.js";import"./KUVOINJC.js";import{a as S}from"./NKG4FLLR.js";import{A as i,B as v,D as A,F as L,g as F,h as n,m as f,x as d,y as r,z as T}from"./2IYFJU3A.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Gb:b,La:_,Q:x,z:M},,{b:V,f:$,g:y,h:p,i:g,j:D}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},R=F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,P=class extends T{constructor(){super(...arguments),this._messages=E(),this.commonStrings=E({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=k(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,u=M*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,u]}},this.setXYField=e=>{try{let t=e.detail;K(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,$(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,$(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=f(),this.arcgisChartsConfigScatterplotPopoverChange=f()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=R}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=_(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!w(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&$(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,u=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":u!==void 0&&(this.model.fixedMarkerSymbol={...u,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=I(this.scatterplotPopover);let e=[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let u=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=I(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:D(this.r2,V)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let[e,t,a,s]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${this.isTableLayer!==!0?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&this.isTableLayer!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",P);return P},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{d as h}from"./DPJE33GY.js";import{g as S}from"./UG7LOBJE.js";import a from"./
|
|
2
|
+
import{d as h}from"./DPJE33GY.js";import{g as S}from"./UG7LOBJE.js";import a from"./T2DDJF25.js";import{B as I,g as d,n as c}from"./4B3QBH5T.js";import"./C7MTGZ6Z.js";import"./NKG4FLLR.js";import{F as y,g as C,h as n,m,z as u}from"./2IYFJU3A.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Kc:v,Mc:F}])=>{var L=C`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,p=class extends u{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let i=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(i)},this.popoverPlacement="leading",this.arcgisChartsConfigNoSeriesUpdate=m(),this.arcgisChartsConfigWebChartChange=m()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,filterBySelection:5,chartData:0}}static{this.styles=L}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let i=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!c(e.get("layer"),this.layer)&&(i=!0),e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")&&(i=!0),e.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(i=!0),i&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){let{slices:i,groupedSlices:o,groupOfSlices:a}=e?.get(0)??{},t=[];this.filterBySelection===!0?t=this.model.slices?.map(r=>i?.find(s=>s.sliceId===r.sliceId)??o?.find(s=>s.sliceId===r.sliceId)??r)??[]:t=(i??[]).concat(o??[]),t.forEach((r,s)=>{let f=this.model.slices?.find(b=>b.sliceId===t[s].sliceId);f&&(t[s]={...t[s],...f});let l=t[s].fillSymbol;l!==void 0&&!c(l?.outline?.color,l?.color)&&(l.outline={...l.outline??{},type:I.SLS,color:l.color})});let g=(o??[]).map(r=>r.sliceId);o!==void 0&&!c(g,this.model.groupedSliceIds)&&(this.model.groupedSliceIds=d(g)),c(t,this.model.slices)||(this.model.slices=d(t)),a!==void 0&&!c(a,this.model.sliceGrouping)&&(this.model.sliceGrouping=d(a))}async updateFetchLayerFieldsInfo(e){let i=e??this.model.config,o=this.layer;if(!o){let a=S(i)?i.iLayer:void 0;a&&(o=await v(a))}o&&(this.layerFieldsInfo=await F(o,this.usePopupTemplateFieldsInfo))}render(){let e;switch(this.page){case h.Data:e=n`<arcgis-charts-config-pie-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-pie-chart-data>`;break;case h.Slices:e=n`<arcgis-charts-config-pie-chart-slices .model=${this.model} .chartData=${this.chartData} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-pie-chart-slices>`;break;case h.Format:e=n`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case h.General:e=n`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};y("arcgis-charts-config-pie-chart",p);return p},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./F7EMQZFE.js";import b from"./GHFLDZK5.js";import a from"./T2DDJF25.js";import{e as x}from"./NKG4FLLR.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{T:c,V:b,aa:g,w:s},{b:v,c:n},y])=>{var _=Object.defineProperty,L=Object.getOwnPropertyDescriptor,V=(t,e,i,p)=>{for(var o=L(e,i),l=t.length-1,r;l>=0;l--)(r=t[l])&&(o=r(e,i,o)||o);return o&&_(e,i,o),o},D=t=>t.colorMatch??!0,M=(t,e)=>{e.colorMatch=t},h=class extends v{get colorMatch(){return D(this._config)}set colorMatch(e){M(e,this._config)}};V([n],h.prototype,"colorMatch");var O=Object.defineProperty,P=Object.getOwnPropertyDescriptor,R=(t,e,i,p)=>{for(var o=P(e,i),l=t.length-1,r;l>=0;l--)(r=t[l])&&(o=r(e,i,o)||o);return o&&O(e,i,o),o},j=t=>t.series[0]?.dataLabels?.visible??!1,C=(t,e)=>{e.series.forEach(i=>{i.dataLabels!==void 0?i.dataLabels.visible=t:i.dataLabels=b({text:"",visible:t,font:c(s.DataLabels),type:s.DataLabels})})},m=class extends v{get dataLabelsVisibility(){return j(this._config)}set dataLabelsVisibility(e){C(e,this._config)}};R([n],m.prototype,"dataLabelsVisibility");var S=t=>{let e=!1;return t.legend!==void 0&&(e=t.legend.visible??!0),e},k=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.visible=t},H=t=>t.legend?.title?.content,E=(t,e)=>{e.legend===void 0&&(e.legend=g()),(e.legend.title===void 0||t===void 0)&&(e.legend.title=b({text:"",visible:!0,font:c(s.LegendTitle),type:s.LegendTitle})),t!==void 0&&(e.legend.title.content=t)},w=t=>t.legend?.body,I=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.body=t??b({text:"",visible:!0,font:c(s.LegendText),type:s.LegendText}).content},T=t=>t.legend?.title?.content.text??"",N=(t,e)=>{if(e.legend?.title!==void 0)e.legend.title.content.text=t;else if(e.legend===void 0&&t!==void 0){let i=g();i.title!==void 0&&(i.title.content.text=t,i.title.visible=!0,e.legend=i)}},W=t=>t.legend?.title?.visible??!1,X=(t,e)=>{if(e.legend?.title!==void 0)e.legend.title.visible=t;else if(e.legend!==void 0&&e.legend?.title===void 0&&t)e.legend.title=b({text:T(e),visible:t,font:c(s.LegendTitle),type:s.LegendTitle});else if(e.legend===void 0){let i=g();i.title=b({text:T(e),visible:t,font:c(s.LegendTitle),type:s.LegendTitle}),e.legend=i}},q=t=>t.legend?.position??x.Right,z=(t,e)=>{if(e.legend!==void 0)e.legend.position=t;else if(e.legend===void 0){let i=g();i.position=t,e.legend=i}},A=t=>t.legend?.roundMarkers??!1,B=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.roundMarkers=t},F=t=>t.legend?.maxHeight??void 0,G=(t,e)=>{e.legend===void 0&&(e.legend=g()),e.legend.maxHeight=t},J=Object.defineProperty,K=Object.getOwnPropertyDescriptor,a=(t,e,i,p)=>{for(var o=K(e,i),l=t.length-1,r;l>=0;l--)(r=t[l])&&(o=r(e,i,o)||o);return o&&J(e,i,o),o},d=class extends y{get legendVisibility(){return S(this._config)}set legendVisibility(e){k(e,this._config)}get legendTitleText(){return T(this._config)}set legendTitleText(e){N(e,this._config)}get legendTitleVisibility(){return W(this._config)}set legendTitleVisibility(e){X(e,this._config)}get legendPosition(){return q(this._config)}set legendPosition(e){z(e,this._config)}get legendTitleSymbol(){return H(this._config)}set legendTitleSymbol(e){E(e,this._config)}get legendTextSymbol(){return w(this._config)}set legendTextSymbol(e){I(e,this._config)}get legendMaxHeight(){return F(this._config)}set legendMaxHeight(e){e!==void 0&&G(e,this._config)}get legendRoundMarker(){return A(this._config)}set legendRoundMarker(e){B(e,this._config)}};a([n],d.prototype,"legendVisibility");a([n],d.prototype,"legendTitleText");a([n],d.prototype,"legendTitleVisibility");a([n],d.prototype,"legendPosition");a([n],d.prototype,"legendTitleSymbol");a([n],d.prototype,"legendTextSymbol");a([n],d.prototype,"legendMaxHeight");a([n],d.prototype,"legendRoundMarker");var Q=(t,e)=>t.series?.[e??0]?.dataTooltipVisible??!0,U=(t,e,i)=>{i&&t.series?.[i]?t.series[i].dataTooltipVisible=e:t.series&&t.series.forEach(p=>{p.dataTooltipVisible=e})},Y=(t,e)=>t.series?.[e??0]?.dataTooltipReverseColor??!1,Z=(t,e,i)=>{i&&t.series?.[i]?t.series[i].dataTooltipReverseColor=e:t.series&&t.series.forEach(p=>{p.dataTooltipReverseColor=e})},$=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,u=(t,e,i,p)=>{for(var o=ee(e,i),l=t.length-1,r;l>=0;l--)(r=t[l])&&(o=r(e,i,o)||o);return o&&$(e,i,o),o},f=class extends y{getDataTooltipVisibility(e){return Q(this._config,e)}setDataTooltipVisibility(e,i){U(this._config,e,i)}getDataTooltipReverseColor(e){return Y(this._config,e)}setDataTooltipReverseColor(e,i){Z(this._config,e,i)}};u([n],f.prototype,"setDataTooltipVisibility");u([n],f.prototype,"setDataTooltipReverseColor");return{a:h,b:m,c:d,d:f}},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{a as re}from"./FEJD2JHY.js";import g from"./ERUSIKRG.js";import{a as le,h as oe}from"./ZLQXY2BV.js";import e from"./FGTE4VT3.js";import{l as i,m as v}from"./DPJE33GY.js";import{a as A}from"./4YHZN3LQ.js";import c from"./HBVRB2A7.js";import b from"./BFP7T2Z6.js";import"./UG7LOBJE.js";import a from"./VY5Y5MIX.js";import{B as K,f as I,g as _,n as x,s as O}from"./4B3QBH5T.js";import{e as L,g as N,h as H}from"./OCYZURN7.js";import{c as Z}from"./KUVOINJC.js";import{a as h,b as u,l as f,m as k,n as p,w as q,x as y}from"./NKG4FLLR.js";import{A as n,B as F,D as T,F as w,g as E,h as r,m as P,x as d,y as m,z as D}from"./5HAFZXRW.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{F:W,G:b,Gb:R,Ia:z,Nc:j,Pb:U,Ra:B,Wd:X,a:V},{s:Y},{h:J},{g:G,s:$},{a:Q,d:ee,e:ae,f:te,g:se,i:ie,j:S}])=>{var ce=E`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.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)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,c={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},M=class extends D{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=d(),this.aggregationElement=d(),this.numericFieldsElement=d(),this.calendarTypeElement=d(),this.calendarViewTypeElement=d(),this.classBreakMethodElement=d(),this.nullElement=d(),this.breaksCountElement=d(),this.colorSchemeElement=d(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case i.aggregation:this.model.aggregationType=t,t===u.Count||t===u.Sum?this.model.nullPolicy=p.Zero:this.model.nullPolicy=p.Null;break;case i.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case i.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===u.Count&&this.model.numericFields[0]!==j(this.model.layer).idField&&(this.model.aggregationType=u.Sum);break;case i.calendarType:{switch(t){case v.YearByMonthAndDayOfMonth:{let s={type:h.CalendarDateParts,unit:f.DayOfMonth},o={type:h.CalendarDateParts,unit:f.MonthOfYear};this.model.xTemporalBinning=s,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case v.WeekByDayOfWeekAndHourOfDay:{let s={type:h.CalendarDateParts,unit:f.HourOfDay},o={type:h.CalendarDateParts,unit:f.DayOfWeek},{lang:l}=N(this.el??document.documentElement),g=H(l),C=V.local().setLocale(l).startOf("week",{useLocaleWeeks:g!==L}).weekday;this.model.firstDayOfWeek=C,this.model.xTemporalBinning=s,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}default:break}break}case i.calendarViewType:{this.model.viewType=t;break}case i.classBreakMethod:{this.model.classificationMethod=t,this.updateChartRenderer=!0;break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{X(this.model?.config)&&(this.selectedColorRamp=S.defaultColorRampForCharts),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=e=>{let{ramp:a,isFlipped:t}=e.detail;this.isFlipped=t,x(this.selectedColorRamp,a)||(this.selectedColorRamp=a,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks())},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,s={...t,symbol:{...t?.symbol,type:K.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=s}},this.isFlipped=!1,this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=P()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=ce}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=z(this.model.aggregationType,this.commonStrings)}updated(e){e.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=S.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}normalizeClassBreakInfosForCompare(e,a){return(e??[]).map(({classMinValue:t,classMaxValue:s,label:o,symbol:l})=>({classMinValue:t,classMaxValue:s,label:o,symbol:a?void 0:l}))}async generateAndUpdateClassBreaks(){let e=[],a=this.model.chartRenderer?.classBreakInfos,t=this.requestedBreaksCount??this.model.breaksCount??B.classBreaks.breaksCount;if(this.model.classificationMethod===y.manual&&a?.length&&this.selectedColorRamp){e=_(a)??[];let l=te({numberOfClassBreaks:t,selectedColorRamp:this.selectedColorRamp,existingClassBreakInfos:a,isFlipped:this.isFlipped});e=se({classBreakInfos:e,colors:l})}else if(this.model.classificationMethod!==y.manual){let l=oe(le);l&&(e=await ie({data:l,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,layer:this.model.layer,selectedColorRamp:this.selectedColorRamp,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:a,useExistingColors:!this.updateClassBreaksColor,isFlipped:this.isFlipped}))}let s=!this.updateClassBreaksColor,o=!x(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,s),this.normalizeClassBreakInfosForCompare(e,s));if(this.updateChartRenderer&&o&&(this.model.chartRenderer={type:"classBreaks",field:W.valueField,classBreakInfos:e},this.model.heatRulesType!==k.Renderer&&(this.model.heatRulesType=k.Renderer),this.model.classificationMethod!==y.manual)){let l=e.length||t;this.model.breaksCount!==l&&(this.model.breaksCount=l)}this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return J({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=i.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=i.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=i.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=i.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=i.colorScheme,this.setupPopover(e)}onBreaksCountChange(e){let a=O(e.target.value);a<b.min?a=b.min:a>b.max&&(a=b.max),U(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,this.updateChartRenderer=!0)}onAggregationSelect(e){this.contentKind=i.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=i.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,s,o=this.isFlipped;switch(this.contentKind){case i.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,s=this.model.aggregationType;break;case i.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,s=this.model.xAxisField;break;case i.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,s=this.model.numericFields?.[0];break;case i.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,s=$(this.model);break;case i.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,s=this.model.viewType;break;case i.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,s=this.model.classificationMethod;break;case i.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme;let l=ee(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);s=this.selectedColorRamp?.name??l?.name;let g=l?l.colorsForClassBreaks.find(C=>C.numClasses===this.model.breaksCount)?.colors:void 0;o=g?ae(g,this.model.chartRenderer?.classBreakInfos):o;break;case i.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=T(r`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${s} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${o}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=re(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!Y(this.model?.config)){if(this.model.xTemporalBinning===void 0){let e={type:h.CalendarDateParts,unit:f.DayOfMonth};this.model.xTemporalBinning=e}if(this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(Z.Desc),this.model.yTemporalBinning===void 0){let e={type:h.CalendarDateParts,unit:f.MonthOfYear};this.model.yTemporalBinning=e,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}})}this.model.classificationMethod===void 0&&(this.model.classificationMethod=y.naturalBreaks),this.model.heatRulesType!==k.Renderer&&(this.model.heatRulesType=k.Renderer),this.model.viewType===void 0&&(this.model.viewType=q.singleCalendarView),(this.model.aggregationType===u.Count||this.model.aggregationType===u.Sum)&&this.model.nullPolicy!==p.Zero&&(this.model.nullPolicy=p.Zero)}}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===u.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${m(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=$(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return r`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${m(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[I(this.model.classificationMethod)]??"":"";return r`<arcgis-charts-config-field-select .label=${a} @click=${this.onClassBreakMethodSelect} ${m(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?Q(a.symbol.color):"#FFFFFF";return r`<div class=${n(c.colorRampSegment)} style=${F({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return r`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${m(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${n(c.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return r`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>r`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??B.grayColor,[s,o,l,g]=[...t],C=`rgba(${s},${o},${l},${g/255})`;return r`<calcite-list label class=${n(c.list)} selection-mode=none ${m(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${F({color:C})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),s=this.renderCalendarTypeSelect(),o=this.renderClassBreakMethodSelect(),l=this.renderColorRampSelect(),g=this.renderClassBreaksTable(),C=this.renderNullUI(),ne=this.renderEmptyBins();return r`<calcite-label class=${n(c.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.calendarType}${s}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.method}${o}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${b.min} .max=${b.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===y.manual} step=1 .value=${G(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${m(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${n(c.label)}>${this._messages.colorScheme}${l}</calcite-label>${C}<calcite-accordion class=${n(c.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${g}</calcite-accordion-item></calcite-accordion><calcite-label class=${n(c.label)}>${this._messages.emptyBins}${ne}</calcite-label>${$(this.model)===v.YearByMonthAndDayOfMonth?r`<calcite-label class=${n(c.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};w("arcgis-charts-config-heat-chart-data",M);return M},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c,e,g)
|
|
2
|
+
import{a as re}from"./FEJD2JHY.js";import g from"./IHIXTPLP.js";import{a as le,h as oe}from"./ZLQXY2BV.js";import e from"./JLGTYUHR.js";import{l as i,m as v}from"./DPJE33GY.js";import{a as A}from"./EBWRWELF.js";import c from"./LJDGSICQ.js";import b from"./CZPWPLMC.js";import"./UG7LOBJE.js";import a from"./T2DDJF25.js";import{B as K,f as I,g as _,n as x,s as O}from"./4B3QBH5T.js";import{e as L,g as N,h as H}from"./C7MTGZ6Z.js";import{c as Z}from"./KUVOINJC.js";import{a as h,b as u,l as f,m as k,n as p,w as q,x as y}from"./NKG4FLLR.js";import{A as n,B as F,D as T,F as w,g as E,h as r,m as P,x as d,y as m,z as D}from"./2IYFJU3A.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{F:W,G:b,Gb:R,Ia:z,Nc:j,Pb:U,Ra:B,Wd:X,a:V},{s:Y},{h:J},{g:G,s:$},{a:Q,d:ee,e:ae,f:te,g:se,i:ie,j:S}])=>{var ce=E`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.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)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,c={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},M=class extends D{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=d(),this.aggregationElement=d(),this.numericFieldsElement=d(),this.calendarTypeElement=d(),this.calendarViewTypeElement=d(),this.classBreakMethodElement=d(),this.nullElement=d(),this.breaksCountElement=d(),this.colorSchemeElement=d(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case i.aggregation:this.model.aggregationType=t,t===u.Count||t===u.Sum?this.model.nullPolicy=p.Zero:this.model.nullPolicy=p.Null;break;case i.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case i.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===u.Count&&this.model.numericFields[0]!==j(this.model.layer).idField&&(this.model.aggregationType=u.Sum);break;case i.calendarType:{switch(t){case v.YearByMonthAndDayOfMonth:{let s={type:h.CalendarDateParts,unit:f.DayOfMonth},o={type:h.CalendarDateParts,unit:f.MonthOfYear};this.model.xTemporalBinning=s,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case v.WeekByDayOfWeekAndHourOfDay:{let s={type:h.CalendarDateParts,unit:f.HourOfDay},o={type:h.CalendarDateParts,unit:f.DayOfWeek},{lang:l}=N(this.el??document.documentElement),g=H(l),C=V.local().setLocale(l).startOf("week",{useLocaleWeeks:g!==L}).weekday;this.model.firstDayOfWeek=C,this.model.xTemporalBinning=s,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=o,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}default:break}break}case i.calendarViewType:{this.model.viewType=t;break}case i.classBreakMethod:{this.model.classificationMethod=t,this.updateChartRenderer=!0;break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{X(this.model?.config)&&(this.selectedColorRamp=S.defaultColorRampForCharts),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=e=>{let{ramp:a,isFlipped:t}=e.detail;this.isFlipped=t,x(this.selectedColorRamp,a)||(this.selectedColorRamp=a,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks())},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,s={...t,symbol:{...t?.symbol,type:K.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=s}},this.isFlipped=!1,this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=P()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=ce}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=z(this.model.aggregationType,this.commonStrings)}updated(e){e.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=S.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}normalizeClassBreakInfosForCompare(e,a){return(e??[]).map(({classMinValue:t,classMaxValue:s,label:o,symbol:l})=>({classMinValue:t,classMaxValue:s,label:o,symbol:a?void 0:l}))}async generateAndUpdateClassBreaks(){let e=[],a=this.model.chartRenderer?.classBreakInfos,t=this.requestedBreaksCount??this.model.breaksCount??B.classBreaks.breaksCount;if(this.model.classificationMethod===y.manual&&a?.length&&this.selectedColorRamp){e=_(a)??[];let l=te({numberOfClassBreaks:t,selectedColorRamp:this.selectedColorRamp,existingClassBreakInfos:a,isFlipped:this.isFlipped});e=se({classBreakInfos:e,colors:l})}else if(this.model.classificationMethod!==y.manual){let l=oe(le);l&&(e=await ie({data:l,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,layer:this.model.layer,selectedColorRamp:this.selectedColorRamp,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:a,useExistingColors:!this.updateClassBreaksColor,isFlipped:this.isFlipped}))}let s=!this.updateClassBreaksColor,o=!x(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,s),this.normalizeClassBreakInfosForCompare(e,s));if(this.updateChartRenderer&&o&&(this.model.chartRenderer={type:"classBreaks",field:W.valueField,classBreakInfos:e},this.model.heatRulesType!==k.Renderer&&(this.model.heatRulesType=k.Renderer),this.model.classificationMethod!==y.manual)){let l=e.length||t;this.model.breaksCount!==l&&(this.model.breaksCount=l)}this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return J({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=i.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=i.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=i.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=i.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=i.colorScheme,this.setupPopover(e)}onBreaksCountChange(e){let a=O(e.target.value);a<b.min?a=b.min:a>b.max&&(a=b.max),U(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,this.updateChartRenderer=!0)}onAggregationSelect(e){this.contentKind=i.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=i.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,s,o=this.isFlipped;switch(this.contentKind){case i.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,s=this.model.aggregationType;break;case i.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,s=this.model.xAxisField;break;case i.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,s=this.model.numericFields?.[0];break;case i.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,s=$(this.model);break;case i.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,s=this.model.viewType;break;case i.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,s=this.model.classificationMethod;break;case i.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme;let l=ee(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);s=this.selectedColorRamp?.name??l?.name;let g=l?l.colorsForClassBreaks.find(C=>C.numClasses===this.model.breaksCount)?.colors:void 0;o=g?ae(g,this.model.chartRenderer?.classBreakInfos):o;break;case i.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=T(r`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${s} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${o}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=re(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!Y(this.model?.config)){if(this.model.xTemporalBinning===void 0){let e={type:h.CalendarDateParts,unit:f.DayOfMonth};this.model.xTemporalBinning=e}if(this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(Z.Desc),this.model.yTemporalBinning===void 0){let e={type:h.CalendarDateParts,unit:f.MonthOfYear};this.model.yTemporalBinning=e,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}})}this.model.classificationMethod===void 0&&(this.model.classificationMethod=y.naturalBreaks),this.model.heatRulesType!==k.Renderer&&(this.model.heatRulesType=k.Renderer),this.model.viewType===void 0&&(this.model.viewType=q.singleCalendarView),(this.model.aggregationType===u.Count||this.model.aggregationType===u.Sum)&&this.model.nullPolicy!==p.Zero&&(this.model.nullPolicy=p.Zero)}}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===u.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${m(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=$(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return r`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${m(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[I(this.model.classificationMethod)]??"":"";return r`<arcgis-charts-config-field-select .label=${a} @click=${this.onClassBreakMethodSelect} ${m(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?Q(a.symbol.color):"#FFFFFF";return r`<div class=${n(c.colorRampSegment)} style=${F({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return r`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${m(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${n(c.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return r`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>r`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??B.grayColor,[s,o,l,g]=[...t],C=`rgba(${s},${o},${l},${g/255})`;return r`<calcite-list label class=${n(c.list)} selection-mode=none ${m(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${F({color:C})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),s=this.renderCalendarTypeSelect(),o=this.renderClassBreakMethodSelect(),l=this.renderColorRampSelect(),g=this.renderClassBreaksTable(),C=this.renderNullUI(),ne=this.renderEmptyBins();return r`<calcite-label class=${n(c.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.calendarType}${s}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.method}${o}</calcite-label><calcite-label class=${n(c.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${b.min} .max=${b.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===y.manual} step=1 .value=${G(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${m(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${n(c.label)}>${this._messages.colorScheme}${l}</calcite-label>${C}<calcite-accordion class=${n(c.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${g}</calcite-accordion-item></calcite-accordion><calcite-label class=${n(c.label)}>${this._messages.emptyBins}${ne}</calcite-label>${$(this.model)===v.YearByMonthAndDayOfMonth?r`<calcite-label class=${n(c.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};w("arcgis-charts-config-heat-chart-data",M);return M},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c,e,g)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./RYMZVDSH.js";import b from"./GHFLDZK5.js";import a from"./CZPWPLMC.js";import{j as s}from"./KUVOINJC.js";export default $arcgis.t(([{q:f},{c:a},{c:g,d:c,e:d}])=>{var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(r,e,o,G)=>{for(var t=x(e,o),n=r.length-1,p;n>=0;n--)(p=r[n])&&(t=p(e,o,t)||t);return t&&u(e,o,t),t},i=class extends d{getXGuidesLength(){return this._config.axes?.[0]?.guides?.length}addXAxisGuide(e,o){g({config:this._config,name:e,index:o,orientation:s.X})}deleteXAxisGuide(e){c({config:this._config,index:e,orientation:s.X})}};m([a],i.prototype,"addXAxisGuide");m([a],i.prototype,"deleteXAxisGuide");var h=[d];f(i,h);return i},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{a as c,b as l}from"./TJ5UK25V.js";import{b as m}from"./43OZVJ43.js";import{a as b}from"./
|
|
2
|
+
import{a as c,b as l}from"./TJ5UK25V.js";import{b as m}from"./43OZVJ43.js";import{a as b}from"./EBWRWELF.js";import{g}from"./4B3QBH5T.js";import"./C7MTGZ6Z.js";import{o as h,p as r}from"./IHRGRUHQ.js";import{j as s}from"./KUVOINJC.js";import"./NKG4FLLR.js";import{A as u,D as C,F as v,g as G,h as a,x as f,y as A,z as x}from"./2IYFJU3A.js";import"./OR4HXHSY.js";var P=G`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`,p=class extends x{constructor(){super(...arguments),this._messages=b(),this.addGuideButton=f(),this.guideTypePopover=null,this.addXGuide=e=>{if(h(this.model)){let t=this.getUniqueName(this._messages.xAxisGuide??""),i=this.model.getXGuidesLength()??0;this.model.addXAxisGuide(t,i),this.model.setGuideStyle(g(m.style),i,s.X),this.latestGuidePosition=l(i,s.X,this.model),this.togglePopOver(e)}},this.addYGuide=e=>{if(r(this.model)){let t=this.getUniqueName(this._messages.yAxisGuide??""),i=this.model.getYGuidesLength()??0;this.model.addYAxisGuide(t,i),this.model.setGuideStyle(g(m.style),i,s.Y),this.latestGuidePosition=l(i,s.Y,this.model),this.togglePopOver(e)}},this.togglePopOver=e=>{e.stopImmediatePropagation(),this.enableXAxisGuide&&this.enableYAxisGuide&&(this.showAddButton=!this.showAddButton)},this.onModelConfigChange=()=>{this.requestUpdate()},this.closeAddPopOver=e=>{e.stopImmediatePropagation(),this.showAddButton=!0},this.showAddButton=!0,this.latestGuidePosition=0,this.open=!1}static{this.properties={showAddButton:16,latestGuidePosition:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,enableXAxisGuide:5,enableYAxisGuide:5,open:5}}static{this.styles=P}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getAllGuidesLength(){let e=h(this.model)?this.model.getXGuidesLength()??0:0,t=r(this.model)?this.model.getYGuidesLength()??0:0;return e+t}getUniqueName(e,t=1){let i=`${e} ${t}`,d=!1;if(h(this.model)){let n=this.model.getXGuidesLength()??0;for(let o=0;o<n&&!d;o+=1)this.model.getGuideName(o,s.X)===i&&(d=!0)}if(r(this.model)){let n=this.model.getYGuidesLength()??0;for(let o=0;o<n&&!d;o+=1)this.model.getGuideName(o,s.Y)===i&&(d=!0)}return d?this.getUniqueName(e,t+1):i}setChangedGuide(e){let{index:t,orientation:i,isDelete:d}=e.detail,n=l(t,i,this.model);d&&n!==void 0&&n<=this.latestGuidePosition&&this.latestGuidePosition>0&&(this.latestGuidePosition-=1)}setupGuidePopover(e){e.stopImmediatePropagation(),this.togglePopOver(e)}renderGuideTypePopover(){let e=this.getAllGuidesLength();this.guideTypePopover=C(a`<arcgis-charts-config-guides-type-popover .enableXAxisGuide=${this.enableXAxisGuide} .enableYAxisGuide=${this.enableYAxisGuide} .referenceElement=${this.addGuideButton.value} .placement=${e===0?"bottom":"top"} .open=${!this.showAddButton} @arcgisChartsAddXAxisGuide=${this.addXGuide} @arcgisChartsAddYAxisGuide=${this.addYGuide} @arcgisChartsConfigPopoverClose=${this.closeAddPopOver}></arcgis-charts-config-guides-type-popover>`),!this.showAddButton&&!document.body.contains(this.guideTypePopover)&&this.guideTypePopover!==null&&document.body.appendChild(this.guideTypePopover)}renderGuide(e,t){let i;return(this.enableXAxisGuide&&t===s.X||this.enableYAxisGuide&&t===s.Y)&&(i=a`<arcgis-charts-config-guide .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .index=${e} .orientation=${t} .latestGuidePosition=${this.latestGuidePosition} @arcgisChartsConfigGuideChange=${this.setChangedGuide}></arcgis-charts-config-guide>`),i}renderGuides(){let e=[];if(h(this.model)){let t=this.model.getXGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,s.X))}if(r(this.model)){let t=this.model.getYGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,s.Y))}return e}renderAddGuideButton(e){return a`<calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addGuide} .label=${this._messages.addGuide} @click=${e} scale=s></calcite-fab>`}render(){let e=this.getAllGuidesLength()>0,t=this.showAddButton&&this.enableXAxisGuide&&this.enableYAxisGuide,i=this.enableXAxisGuide&&!this.enableYAxisGuide,d=!this.enableXAxisGuide&&this.enableYAxisGuide;return a`${this.renderGuideTypePopover()}${e?this.renderGuides():a`<div class=${u(c.noMessages)}>${this._messages.noGuidesMsg}</div>`}<div class=${u(c.addGuide)} ${A(this.addGuideButton)}>${t&&this.renderAddGuideButton(this.setupGuidePopover)||""}${i&&this.renderAddGuideButton(this.addXGuide)||""}${d&&this.renderAddGuideButton(this.addYGuide)||""}</div>`}};v("arcgis-charts-config-guides",p);export{p as ArcgisChartsConfigGuides};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{a as E}from"./MGYVRRLN.js";import{a as C}from"./FBAFVQEV.js";import{a as p}from"./FEJD2JHY.js";import{a as L,c as k}from"./ZLQXY2BV.js";import i from"./FGTE4VT3.js";import{k as l,o as g}from"./DPJE33GY.js";import{a as B}from"./4YHZN3LQ.js";import h from"./HBVRB2A7.js";import f from"./BFP7T2Z6.js";import"./UG7LOBJE.js";import e from"./VY5Y5MIX.js";import{n as b}from"./4B3QBH5T.js";import"./OCYZURN7.js";import{b as c}from"./KUVOINJC.js";import{a as I}from"./NKG4FLLR.js";import{A as o,D as F,F as x,g as y,h as a,j as S,m as v,x as d,y as m,z as $}from"./5HAFZXRW.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{E:h,Gb:u,Hb:O},,{h:w},{a:P}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=B(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(k(L),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s,t)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>P.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return w({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",e,f,h,i)
|
|
2
|
+
import{a as E}from"./WFZAB2DX.js";import{a as C}from"./VFSRNOHV.js";import{a as p}from"./FEJD2JHY.js";import{a as L,c as k}from"./ZLQXY2BV.js";import i from"./JLGTYUHR.js";import{k as l,o as g}from"./DPJE33GY.js";import{a as B}from"./EBWRWELF.js";import h from"./LJDGSICQ.js";import f from"./CZPWPLMC.js";import"./UG7LOBJE.js";import e from"./T2DDJF25.js";import{n as b}from"./4B3QBH5T.js";import"./C7MTGZ6Z.js";import{b as c}from"./KUVOINJC.js";import{a as I}from"./NKG4FLLR.js";import{A as o,D as F,F as x,g as y,h as a,j as S,m as v,x as d,y as m,z as $}from"./2IYFJU3A.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{E:h,Gb:u,Hb:O},,{h:w},{a:P}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=B(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(k(L),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s,t)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>P.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return w({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",e,f,h,i)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{b as g}from"./FEJD2JHY.js";import d from"./
|
|
2
|
+
import{b as g}from"./FEJD2JHY.js";import d from"./JLGTYUHR.js";import"./DPJE33GY.js";import{a as m}from"./EBWRWELF.js";import c from"./CZPWPLMC.js";import"./UG7LOBJE.js";import b from"./T2DDJF25.js";import"./4B3QBH5T.js";import"./C7MTGZ6Z.js";import{k as e}from"./KUVOINJC.js";import"./NKG4FLLR.js";import{A as s,F as h,g as l,h as i,m as a,x as r,y as p,z as n}from"./2IYFJU3A.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,{a:d}])=>{var o={selectChartComponent:"select-chart-component",jsAppFlyout:"js-app-flyout",panel:"panel"},C=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)}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`,c=class extends n{constructor(){super(...arguments),this._messages=m(),this.selectChartTypePopover=r(),this.arcgisChartsConfigPopoverClose=a(),this.arcgisChartsConfigSelectChartTypeChange=a()}static{this.properties={messageOverrides:0,headerTitle:1,layerId:1,open:5,referenceElement:0,popoverPlacement:1,selectedModelType:1}}static{this.styles=C}async reposition(){await this.selectChartTypePopover.value?.reposition()}updated(){g(this.selectChartTypePopover.value,this.open),this.hasUpdated||setTimeout(()=>{this.selectChartTypePopover.value?.reposition()},d.PopoverTimer)}buildChartTypesList(){return i`<calcite-list label @click=${this.onChartTypeClick}><calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType===e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.lineChart} .value=${e.LineChart} .selected=${this.selectedModelType===e.LineChart}><calcite-icon slot=content-start icon=graph-time-series></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.pieChart} .value=${e.PieChart} .selected=${this.selectedModelType===e.PieChart}><calcite-icon slot=content-start icon=pie-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType===e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType===e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.boxPlot} .value=${e.BoxPlot} .selected=${this.selectedModelType===e.BoxPlot}><calcite-icon slot=content-start icon=box-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.calendarHeatChart} .value=${e.HeatChart} .selected=${this.selectedModelType===e.HeatChart}><calcite-icon slot=content-start icon=calendar-heat-chart></calcite-icon></calcite-list-item></calcite-list>`}onChartTypeClick(t){t.target?.localName==="calcite-list-item"?this.selectedModelType=t.target?.value:this.selectedModelType=t.target?.parentNode?.value,this.arcgisChartsConfigSelectChartTypeChange.emit()}popoverOpen(){setTimeout(()=>{this.selectChartTypePopover.value?.setFocus()},250)}popoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit(),setTimeout(()=>{this.referenceElement?.setFocus()},250)}render(){return i`<div class=${s({[o.selectChartComponent]:!0,[o.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top","bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} auto-close label ${p(this.selectChartTypePopover)}><calcite-panel class=${s(o.panel)} .heading=${this.headerTitle??this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`}};h("arcgis-charts-config-select-chart-type-popover",c);return c},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b,c,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import{a as w}from"./FBAFVQEV.js";import{a as N}from"./FEJD2JHY.js";import{a as u,c as P,d as T,f as _}from"./ZLQXY2BV.js";import{f as l}from"./DPJE33GY.js";import{a as C}from"./4YHZN3LQ.js";import e from"./HBVRB2A7.js";import a from"./VY5Y5MIX.js";import{n as I}from"./4B3QBH5T.js";import"./OCYZURN7.js";import"./KUVOINJC.js";import{b as h,k as b,n as d}from"./NKG4FLLR.js";import{A as s,D as x,F as A,g as y,h as r,m as g,x as c,y as m,z as F}from"./5HAFZXRW.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Gb:p,Ia:B,Ja:k,Lb:S,Nc:f,Pc:E},{h:L}])=>{var z=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=c(),this.xAxisFieldElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==h.NoAggregation?i[0]:h.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===h.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=h.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==h.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label></div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,e)
|
|
2
|
+
import{a as w}from"./VFSRNOHV.js";import{a as N}from"./FEJD2JHY.js";import{a as u,c as P,d as T,f as _}from"./ZLQXY2BV.js";import{f as l}from"./DPJE33GY.js";import{a as C}from"./EBWRWELF.js";import e from"./LJDGSICQ.js";import a from"./T2DDJF25.js";import{n as I}from"./4B3QBH5T.js";import"./C7MTGZ6Z.js";import"./KUVOINJC.js";import{b as h,k as b,n as d}from"./NKG4FLLR.js";import{A as s,D as x,F as A,g as y,h as r,m as g,x as c,y as m,z as F}from"./2IYFJU3A.js";import"./OR4HXHSY.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Gb:p,Ia:B,Ja:k,Lb:S,Nc:f,Pc:E},{h:L}])=>{var z=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=c(),this.xAxisFieldElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==h.NoAggregation?i[0]:h.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===h.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=h.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==h.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label></div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./F7EMQZFE.js";import e from"./KPVVBKEO.js";import d from"./GHFLDZK5.js";import b from"./CZPWPLMC.js";import{c as C,d as X}from"./UG7LOBJE.js";import a from"./T2DDJF25.js";import{B as c,g as G}from"./4B3QBH5T.js";import{j as x}from"./KUVOINJC.js";import{a as m}from"./NKG4FLLR.js";export default $arcgis.t(([,,,,,,,{T:_,U:S,W:L,cd:O,w:b},{c:y,d:v,q:A},{b:l,c:a},{a:T,b:V},j])=>{var R=Object.defineProperty,F=Object.getOwnPropertyDescriptor,I=(t,e,i,o)=>{for(var s=F(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(s=d(e,i,s)||s);return s&&R(e,i,s),s},M=t=>y({config:t,axisIndex:0,isMax:!0}),w=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!0})},f=class extends l{get maxXBound(){return M(this._config)}set maxXBound(e){w(this._config,e)}};I([a],f.prototype,"maxXBound");var D=Object.defineProperty,N=Object.getOwnPropertyDescriptor,E=(t,e,i,o)=>{for(var s=N(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(s=d(e,i,s)||s);return s&&D(e,i,s),s},W=t=>y({config:t,axisIndex:0,isMax:!1}),k=(t,e)=>{v({config:t,value:e,axisIndex:0,isMax:!1})},p=class extends l{get minXBound(){return W(this._config)}set minXBound(e){k(this._config,e)}};E([a],p.prototype,"minXBound");var h=class extends l{};A(h,[f,p]);var B=class extends l{get xAxisLabelsVisibility(){return T(0,this._config)}set xAxisLabelsVisibility(e){this.guardSetterFromAsyncOverwrite(()=>{V(e,0,this._config),this.emitConfigUpdate("xAxisLabelsVisibility")})}},Q=t=>{for(let e of t.axes??[])for(let i of e?.guides??[])if(i.label!==void 0)return i.label},U=(t,e)=>{for(let i of e.axes??[])for(let o of i?.guides??[]){let s=o.label?.text??"";o.label=G(t),o.label!==void 0&&(o.label.text=s)}};function r(t){return{...t,axis:t.orientation===x.X?t.config.axes?.[0]:t.config.axes?.[1],index:t.index??0,orientation:t.orientation??x.Y}}var Y=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.visible??!0},q=t=>{let{visible:e,axis:i,index:o}=r(t);i?.guides?.[o]!==void 0&&(i.guides[o].visible=e)},P=t=>{let e=O(t.start,t.end);X(t.style)&&e===c.SFS?t.style={type:c.SFS,color:t.style.color}:C(t.style)&&e===c.SLS&&(t.style={type:c.SLS,color:t.style.color})},z=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.start??null},H=t=>{let{start:e,axis:i,index:o}=r(t);i?.guides?.[o]!==void 0&&(i.guides[o].start=e,P(i.guides[o]))},J=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.end},K=t=>{let{end:e,axis:i,index:o}=r(t);i?.guides?.[o]!==void 0&&(i.guides[o].end=e,P(i.guides[o]))},Z=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.name},$=t=>{let{name:e,axis:i,index:o}=r(t);i?.guides?.[o]!==void 0&&(i.guides[o].name=e)},ee=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.label?.text},ie=t=>{let{labelText:e,axis:i,index:o}=r(t),s=i?.guides?.[o]?.label??S(e,_(b.GuideLabel),b.GuideLabel);i?.guides?.[o]!==void 0&&(i.guides[o].label={...s,text:e})},te=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.above??!1},oe=t=>{let{above:e,axis:i,index:o}=r(t);i?.guides?.[o]!==void 0&&(i.guides[o].above=e)},se=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.style},ne=t=>{let{style:e,axis:i,index:o}=r(t);i?.guides?.[o]!==void 0&&(i.guides[o].style=e)},Te=t=>{let{config:e,name:i,index:o,orientation:s}=t,n=s===x.X?e.axes?.[0]:e.axes?.[1];if(n!==void 0){n.guides=n.guides??[];let d={type:m.Guide,name:i,start:n.valueFormat.type===m.DateAxisFormat?"":0,style:L()};o!==void 0&&o<n.guides.length?n.guides.splice(o,0,d):n.guides.push(d)}},Ve=t=>{let{config:e,index:i,orientation:o}=t,s=o===x.X?e.axes?.[0]:e.axes?.[1];s?.guides!==void 0&&(i!==void 0&&i<s.guides.length?s.guides.splice(i,1):s.guides.pop())},re=t=>{let{axis:e,index:i}=r(t);return e?.guides?.[i]?.tooltipReverseColor??!1},ae=t=>{let{reverseColor:e,axis:i,index:o}=r(t);i?.guides?.[o]!==void 0&&(i.guides[o].tooltipReverseColor=e)},de=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,u=(t,e,i,o)=>{for(var s=ge(e,i),n=t.length-1,d;n>=0;n--)(d=t[n])&&(s=d(e,i,s)||s);return s&&de(e,i,s),s},g=class extends j{get guideLabelsSymbol(){return Q(this._config)}set guideLabelsSymbol(e){U(e,this._config)}getGuideVisibility(e,i){return Y({config:this._config,index:e,orientation:i})}setGuideVisibility(e,i,o){q({visible:e,config:this._config,index:i,orientation:o})}getGuideStart(e,i){return z({config:this._config,index:e,orientation:i})}setGuideStart(e,i,o){H({start:e,config:this._config,index:i,orientation:o})}getGuideEnd(e,i){return J({config:this._config,index:e,orientation:i})}setGuideEnd(e,i,o){K({end:e,config:this._config,index:i,orientation:o})}getGuideName(e,i){return Z({config:this._config,index:e,orientation:i})}setGuideName(e,i,o){$({name:e,config:this._config,index:i,orientation:o})}getGuideLabelText(e,i){return ee({config:this._config,index:e,orientation:i})}setGuideLabelText(e,i,o){ie({labelText:e,config:this._config,index:i,orientation:o})}getGuideAbove(e,i){return te({config:this._config,index:e,orientation:i})}setGuideAbove(e,i,o){oe({above:e,config:this._config,index:i,orientation:o})}getGuideStyle(e,i){return se({config:this._config,index:e,orientation:i})}setGuideStyle(e,i,o){ne({style:e,config:this._config,index:i,orientation:o})}getTooltipReverseColor(e,i){return re({config:this._config,index:e,orientation:i})}setTooltipReverseColor(e,i,o){ae({reverseColor:e,config:this._config,index:i,orientation:o})}};u([a],g.prototype,"guideLabelsSymbol");u([a],g.prototype,"setGuideVisibility");u([a],g.prototype,"setGuideStart");u([a],g.prototype,"setGuideEnd");u([a],g.prototype,"setGuideName");u([a],g.prototype,"setGuideLabelText");u([a],g.prototype,"setGuideAbove");u([a],g.prototype,"setGuideStyle");u([a],g.prototype,"setTooltipReverseColor");return{a:h,b:B,c:Te,d:Ve,e:g}},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,d,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
|
|
2
|
-
import q from"./
|
|
2
|
+
import q from"./WXIJ4BDA.js";import o from"./HJDT7342.js";import n from"./LJDGSICQ.js";import m from"./APBDKIZY.js";import l from"./QGSDEZHT.js";import k from"./AXU4IAGA.js";import j from"./QR7PCTYD.js";import i from"./RYMZVDSH.js";import g from"./YAG23FTJ.js";import f from"./SW465H7U.js";import e from"./F7EMQZFE.js";import c from"./GHFLDZK5.js";import b from"./CZPWPLMC.js";import{i as p,j as d,k as h}from"./UG7LOBJE.js";import a from"./T2DDJF25.js";import{n as O}from"./4B3QBH5T.js";import{a as E}from"./KUVOINJC.js";import{a as P,b as y,f as S}from"./NKG4FLLR.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{$:V,Nc:R,Wd:k,Z:w,f:_,fa:D,ka:U,oa:L},{a:W,b:x,d:F,o:N,p:j,q:z},{c:o},B,{b:fe,d:ue,f:Se},{b:pe,d:he,f:me},{a:ye,b:de},Fe,{b:ce},{a:ne,b:ae,c:le,d:ge},{a:_e,b:xe},{d:T,e:A,f:q},{b:M},{da:te,ea:f,fa:se,g:X,ga:u,h:Y,ha:I,i:Z,ia:C,j:$,k:G,ka:b,l:H,la:v,m:J,ma:re,n:K,na:oe,o:Q,p:ee,q:ie}])=>{var Te=(s,e)=>e.series?.[s].assignToSecondValueAxis??!1,Ae=s=>{let{assign:e,seriesIndex:i,config:t,commonStrings:r}=s;e&&t.axes!==void 0&&!t.axes?.[2]&&(t.axes[2]=U(r,P.BarSeries)[1]),t.series&&t.series.forEach((a,c)=>{c===i?a.assignToSecondValueAxis=e:c!==i&&a?.assignToSecondValueAxis!==!0&&(a.assignToSecondValueAxis=!1)}),t.axes?.[2]&&!t.series.some(a=>a.assignToSecondValueAxis)&&t.axes.splice(2,1)},Ie=(s,e)=>e.series?.[s]?.name,Ce=(s,e,i)=>{i.series?.[e]&&(i.series[e].name=s)},be=(s,e)=>{let i=e.series?.[s],t;return h(i)?t=i.fillSymbol?.color:p(i)&&(t=i.lineSymbol?.color),t},ve=(s,e,i)=>{let t=i.series?.[e];t&&(h(t)?t.fillSymbol={...L(e),...t.fillSymbol,color:s}:p(t)&&(t.lineSymbol={...D(e),...t.lineSymbol,color:s}))},Be=s=>s.series.map(e=>e.id),Oe=(s,e)=>{e.series?.sort((i,t)=>s.findIndex(r=>i.id===r)-s.findIndex(r=>t.id===r))},Pe=s=>s.stackedType??S.Side,we=s=>{let{newStackedType:e,config:i,layerInfo:t,commonStrings:r}=s;if(i.stackedType=e,t!==void 0){let a=x({config:i,layerInfo:t,commonStrings:r,numericFields:u(i),aggregationType:f(i)});W(i,1,a)}i.axes?.[1]&&(e===S.Stacked100?i.axes[1].valueFormat=V():i.axes[1].valueFormat=w()),F({config:i,value:null,axisIndex:1,isMax:!1}),F({config:i,value:null,axisIndex:1,isMax:!0})},Ve=s=>{let e,i=s.series.find(t=>(h(t)||p(t)||d(t))&&t.nullCategory!==void 0);return(h(i)||p(i)||d(i))&&(e=i?.nullCategory),e},De=(s,e)=>{s.series.forEach(i=>{(h(i)||p(i)||d(i))&&(i.nullCategory=e)})},Ue=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,m=(s,e,i,t)=>{for(var r=Le(e,i),a=s.length-1,c;a>=0;a--)(c=s[a])&&(r=c(e,i,r)||r);return r&&Ue(e,i,r),r},g=class extends B{get temporalBinningSize(){return X(this._config)}set temporalBinningSize(e){H(e,this._config)}get temporalBinningUnit(){return Y(this._config)}set temporalBinningUnit(e){K(e,this._config)}get timeAggregationType(){return Z(this._config)}set timeAggregationType(e){Q(e,this._config)}get trimIncompleteTimeInterval(){return $(this._config)}set trimIncompleteTimeInterval(e){ee(e,this._config)}get nullPolicy(){return G(this._config)}set nullPolicy(e){J(e,this._config)}resetTimeInterval(){ie(this._config)}};m([o],g.prototype,"temporalBinningSize");m([o],g.prototype,"temporalBinningUnit");m([o],g.prototype,"timeAggregationType");m([o],g.prototype,"trimIncompleteTimeInterval");m([o],g.prototype,"nullPolicy");m([o],g.prototype,"resetTimeInterval");var Re=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,l=(s,e,i,t)=>{for(var r=ke(e,i),a=s.length-1,c;a>=0;a--)(c=s[a])&&(r=c(e,i,r)||r);return r&&Re(e,i,r),r},n=class extends B{constructor(){super(...arguments),this._xAxisField="",this._aggregationType=y.Count,this._splitByField="",this._numericFields=[]}get xAxisField(){return this._xAxisField}set xAxisField(e){if(this._xAxisField=e,this.dirtyAsyncSetters.push("xAxisField"),e.trim()===""||e===_){let i=this.numericFields;this.resetConfig(),this.numericFields=i}this.processSeriesRebuild()}get aggregationType(){return this._aggregationType}set aggregationType(e){this._aggregationType=e,this.dirtyAsyncSetters.push("aggregationType"),this.processSeriesRebuild()}get splitByField(){return this._splitByField}set splitByField(e){this.layerInfo?.layerFieldsInfo&&N(this.layerInfo?.layerFieldsInfo,e)&&(this._splitByField=e,this.dirtyAsyncSetters.push("splitByField"),this.processSeriesRebuild())}get numericFields(){return this._numericFields}set numericFields(e){typeof e=="string"&&(e=[e]);let i=j(this.layerInfo?.layerFieldsInfo??[],e),t=(this.xAxisField===""||this.xAxisField===_)&&e.length===0;if(i&&!t){let r=R(this.layerInfo.layer).idField;e.length===0&&r!==void 0?(e.push(r),this._aggregationType=y.Count):this._aggregationType===y.Count&&e.length>=1&&r!==void 0&&!e.includes(r)&&(this._aggregationType=y.Sum),this._numericFields=e,this.dirtyAsyncSetters.push("numericFields"),this.numericFields.length>1&&(this._splitByField="",this.dirtyAsyncSetters.push("splitByField")),this.processSeriesRebuild()}else t&&this.resetConfig()}getAssignToSecondValueAxis(e){return Te(e,this._config)}setAssignToSecondValueAxis(e,i){Ae({assign:e,seriesIndex:i,config:this._config,commonStrings:this.commonStrings})}getSortOrder(){return I(this._config)[0]}setSortOrder(e,i){A(e,this._config,i)}async getCustomSortValues(){return await v(this._config,this.layerInfo)}async setDataFilters(e){super.setDataFilters(e);let i=I(this._config)[0];if(i===E.customSort){this.startAsyncUpdate();let t=await v(this._config,this.layerInfo);A(i,this._config,t),this.finishAsyncUpdate()}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get orderByList(){return T(this._config)}set orderByList(e){!k(this._config)&&b(e,this._config)}async updateSeriesFromLayerFilter(){this.layerInfo!==void 0&&(this.dirtyAsyncSetters.push("updateSeriesFromLayerFilter"),await this.processSeriesRebuild())}get binTemporalData(){return re(this._config)}set binTemporalData(e){oe(e,this._config)}getSeriesName(e){return Ie(e,this._config)}setSeriesName(e,i){Ce(e,i,this._config)}getSeriesColor(e){return be(e,this._config)}setSeriesColor(e,i){ve(e,i,this._config)}getOrderOfSeries(){return Be(this._config)}setOrderOfSeries(e){Oe(e,this._config)}get stackedType(){return Pe(this._config)}set stackedType(e){we({newStackedType:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}moveSeries(e,i){let t=this.getOrderOfSeries(),[r]=t.splice(e,1);t.splice(i,0,r),this.setOrderOfSeries(t)}moveCustomSortValuesInOrderByList(e,i){let t=T(this._config),[r]=t.splice(e,1);t.splice(i,0,r),b(t,this._config)}get nullCategory(){return Ve(this._config)}set nullCategory(e){let i=this.nullCategory;O(i,e)||De(this._config,e)}setupLocalProps(){this._xAxisField=q(this._config),this._aggregationType=f(this._config),this._splitByField=se(this._config),this._numericFields=u(this._config)}resetConfig(){let e=this._config.id;this._config=this.generateDefaultConfig(),this._config.id=e,this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}canUseSynchronousSeriesRebuild(){return this.splitByField===""||this.numericFields.length>1}async processSeriesRebuild(){if(this.layerInfo!==void 0){let e=this.dirtyAsyncSetters[this.dirtyAsyncSetters.length-1];if(this.canUseSynchronousSeriesRebuild())this.dirtyAsyncSetters=[],C(this.getBuildNewSeriesProps());else if(!this.asyncConfigUpdateInProgress){for(this.startAsyncUpdate();this.dirtyAsyncSetters.length>0;)this.dirtyAsyncSetters=[],await C(this.getBuildNewSeriesProps());this.finishAsyncUpdate()}this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate(e)}}getBuildNewSeriesProps(){return{xAxisField:this.xAxisField,splitByField:this.splitByField,numericFields:this.numericFields,aggregationType:this.aggregationType,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}}generateChartTitle(){return this.layerInfo!==void 0?te(this._config,this.layerInfo,this.commonStrings):""}generateYAxisTitle(){return this.layerInfo!==void 0?x({config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,numericFields:u(this._config),aggregationType:f(this._config)}):""}};l([o],n.prototype,"setAssignToSecondValueAxis");l([o],n.prototype,"setSortOrder");l([o],n.prototype,"setDataFilters");l([o],n.prototype,"orderByList");l([o],n.prototype,"binTemporalData");l([o],n.prototype,"setSeriesName");l([o],n.prototype,"setSeriesColor");l([o],n.prototype,"setOrderOfSeries");l([o],n.prototype,"stackedType");l([o],n.prototype,"moveSeries");l([o],n.prototype,"moveCustomSortValuesInOrderByList");l([o],n.prototype,"nullCategory");l([o],n.prototype,"resetConfig");var Ee=[_e,le,ge,ne,M,ae,ce,Fe,xe,g,fe,de,ue,ye,pe,he,me,Se];z(n,Ee);return{a:Ie,b:Ce,c:ve,d:n}},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","core/sql","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c,e,f,g,i,j,k,l,m,n,o,q)
|