@arcgis/charts-components 5.2.0-next.27 → 5.2.0-next.28
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/{I4NVKM3H.js → 2ODYZG66.js} +1 -1
- package/dist/cdn/{54F7CW76.js → 2SPGX6AF.js} +1 -1
- package/dist/cdn/{6OC4X4GP.js → 2SPURZEN.js} +1 -1
- package/dist/cdn/{JIHUDUXV.js → 35NSJ3NJ.js} +1 -1
- package/dist/cdn/{HOZ4AHQR.js → 3QO6REDF.js} +1 -1
- package/dist/cdn/{3QFCHMXP.js → 3UTF2CB3.js} +1 -1
- package/dist/cdn/{H4VTKKBN.js → 3YN4EKSJ.js} +1 -1
- package/dist/cdn/{SBP4RBXK.js → 4BEGCEGA.js} +1 -1
- package/dist/cdn/{A3DHDZLR.js → 4P7URPRQ.js} +1 -1
- package/dist/cdn/{MMPHPV2C.js → 5XCU5SR2.js} +1 -1
- package/dist/cdn/{HYDDSP4M.js → 6ANVHVX4.js} +1 -1
- package/dist/cdn/{VQFCYPDR.js → 6CB5R4QQ.js} +1 -1
- package/dist/cdn/{CEBE6KZ5.js → 6GV2QPKV.js} +1 -1
- package/dist/cdn/{3HT2XHTE.js → 6OCDFMFB.js} +1 -1
- package/dist/cdn/{E4OZ432W.js → 6VK54DG5.js} +1 -1
- package/dist/cdn/{LLICYFCD.js → 6XIDALQU.js} +1 -1
- package/dist/cdn/{DEN7277X.js → 7VQXBQMZ.js} +1 -1
- package/dist/cdn/{WINZ53K3.js → 7Z7NOIH2.js} +1 -1
- package/dist/cdn/{YFYTXRLW.js → ADYDCO3M.js} +1 -1
- package/dist/cdn/{OZEARYZA.js → AICTKGE3.js} +1 -1
- package/dist/cdn/{F5NJPXUK.js → AXRHJ55P.js} +1 -1
- package/dist/cdn/BJBNELDD.js +3 -0
- package/dist/cdn/{OPMJTZOV.js → BKU72IQC.js} +1 -1
- package/dist/cdn/{FVGXWZBY.js → BQXXD2HU.js} +1 -1
- package/dist/cdn/{PA5GXXDY.js → BZFGE4LO.js} +1 -1
- package/dist/cdn/{POPYMWVR.js → C4TQOUPO.js} +1 -1
- package/dist/cdn/{CTTLJGLV.js → CLN32L2L.js} +1 -1
- package/dist/cdn/{U35HGES6.js → DAF2U7TN.js} +1 -1
- package/dist/cdn/{RMF3UYFS.js → DRFJC64L.js} +1 -1
- package/dist/cdn/{D2LXXBP5.js → DVAQXOL6.js} +1 -1
- package/dist/cdn/{S44GNLAE.js → EXQXLQRA.js} +1 -1
- package/dist/cdn/{5LVCC5LO.js → G5EGTXMY.js} +1 -1
- package/dist/cdn/{3M2I2DRI.js → GCRQHIGQ.js} +1 -1
- package/dist/cdn/{K473JQIX.js → HBS6O3P3.js} +1 -1
- package/dist/cdn/{ICFXSFV6.js → HIW5WRHR.js} +1 -1
- package/dist/cdn/{K2H47DLO.js → IWMWJN7M.js} +1 -1
- package/dist/cdn/{6WZLNZJI.js → JBR6IJMK.js} +1 -1
- package/dist/cdn/{FAOLLBXF.js → JIV6BQKG.js} +1 -1
- package/dist/cdn/{JPNGKMXS.js → K27GKXGP.js} +1 -1
- package/dist/cdn/{I4CGHGFK.js → KFPJI52X.js} +1 -1
- package/dist/cdn/{R4F7L2HV.js → KQLAAGKI.js} +1 -1
- package/dist/cdn/{WF76CIN2.js → L5PCPBED.js} +1 -1
- package/dist/cdn/{QGJNZGQX.js → LFXRCL7K.js} +1 -1
- package/dist/cdn/{PHAOZ7SV.js → M4ZJRIYM.js} +1 -1
- package/dist/cdn/{ATQN27OC.js → MBPFBE3E.js} +1 -1
- package/dist/cdn/{6EX4GDM3.js → MEA74C44.js} +1 -1
- package/dist/cdn/{6N4SYUQV.js → MRNQGHRD.js} +1 -1
- package/dist/cdn/{TR4ULKH5.js → MVUIKY5Y.js} +1 -1
- package/dist/cdn/{JAJUMMUL.js → N673JFHK.js} +1 -1
- package/dist/cdn/{2CCG5VRK.js → NKVZYKL5.js} +1 -1
- package/dist/cdn/{RFU52ORA.js → O5NKLK7V.js} +1 -1
- package/dist/cdn/{VRF5VORO.js → PEYVSFSE.js} +1 -1
- package/dist/cdn/{3FDSEXHU.js → PKQOLKTW.js} +1 -1
- package/dist/cdn/{HFCAMEBX.js → Q2GW5LB7.js} +1 -1
- package/dist/cdn/{HWUT7IFD.js → QGEFY4ND.js} +1 -1
- package/dist/cdn/{TYJZR25X.js → QV3NMKKZ.js} +1 -1
- package/dist/cdn/{7ZQHAWKS.js → REZ2QR42.js} +1 -1
- package/dist/cdn/{2VERKODU.js → RKG6CXUU.js} +1 -1
- package/dist/cdn/{FSJ6RT4T.js → SAYLTYWY.js} +1 -1
- package/dist/cdn/{4X7O5PV4.js → SOGVYNPI.js} +1 -1
- package/dist/cdn/{DINELIBX.js → SSKHF7PO.js} +1 -1
- package/dist/cdn/{7UMBIDWG.js → T5TFLMQL.js} +1 -1
- package/dist/cdn/{MP4N4SFB.js → TOFVWGTG.js} +1 -1
- package/dist/cdn/{54UV746F.js → TSA7UMSZ.js} +1 -1
- package/dist/cdn/{EJEUMMWZ.js → U3MRRFML.js} +1 -1
- package/dist/cdn/{UU2LYQUI.js → VWTJHXHI.js} +1 -1
- package/dist/cdn/{525WSDKI.js → WHVW3P3O.js} +1 -1
- package/dist/cdn/{S6MDSIET.js → WJHIJTWS.js} +1 -1
- package/dist/cdn/{OOVQ6IVC.js → WU62O2AU.js} +1 -1
- package/dist/cdn/{4UG5VYOC.js → X7YEBHBF.js} +1 -1
- package/dist/cdn/{DL77MIWY.js → X7Z4LEZH.js} +1 -1
- package/dist/cdn/{ZO27SWFU.js → XRP6IFM4.js} +1 -1
- package/dist/cdn/{6E2WAXRT.js → Y6CFEFZM.js} +1 -1
- package/dist/cdn/{EA7AXGJI.js → YF6HKRXX.js} +1 -1
- package/dist/cdn/{SZ3VH4UZ.js → YFHB2EFH.js} +1 -1
- package/dist/cdn/{BRG2PBG4.js → YQIFZJTZ.js} +1 -1
- package/dist/cdn/{RKZ2IOOP.js → YWCIV7ZZ.js} +1 -1
- package/dist/cdn/{Q5VREFP6.js → YWKPGNHB.js} +1 -1
- package/dist/cdn/{ODTCEPEL.js → Z43DVT6G.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/index2.js +710 -706
- 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
- package/dist/cdn/BFVFX476.js +0 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as c}from"./S7Z4HRW7.js";import{b as k}from"./IHO3OLL3.js";import e from"./
|
|
2
|
+
import{a as c}from"./S7Z4HRW7.js";import{b as k}from"./IHO3OLL3.js";import e from"./6CB5R4QQ.js";import{a as $}from"./JHANH4UG.js";import{i as l}from"./AK7X7SGI.js";import d from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{n as b}from"./3TBK72EK.js";import{i as C}from"./PAIRUVLU.js";import{f as v}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as h,B as f,C as i,H as y,g,i as t,n as p,z as m}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{c as s}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{sb:u},,{a:P,l:S}])=>{var o={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",header:"header",pickListItemLabel:"pick-list-item-label",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},w=g`.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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem;padding:0 1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigHistogramPopoverChange=p(),this.arcgisChartsConfigHistogramPopoverSymbolChange=p(),this.arcgisChartsConfigPopoverClose=p()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:1,selectedNumericField:1,selectedTransformationType:1,selectedOverlaySymbol:0,selectedBinColor:0,referenceElement:0,contentKind:1,placement:1,open:5,selectedOverlaySymbolType:1}}static{this.styles=w}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),k(this.popoverElement.value,this.open)}buildPickListItems(e){let n=[];if(e===l.numericFields)for(let r=0;r<this.layerFieldsInfo?.length;r+=1){let a=this.layerFieldsInfo[r];u(a)&&n.push(c(a.name,t`<calcite-list-item .label=${b(this.layerFieldsInfo,a.name)} .value=${a.name} .selected=${this.selectedNumericField===a.name}></calcite-list-item>`))}else{let r=[c(s.None,t`<calcite-list-item .label=${this._messages.none} .value=${s.None} .selected=${this.selectedTransformationType===s.None}></calcite-list-item>`),c(s.Log,t`<calcite-list-item .label=${this._messages.log} .value=${s.Log} .selected=${this.selectedTransformationType===s.Log}></calcite-list-item>`),c(s.Sqrt,t`<calcite-list-item .label=${this._messages.sqRt} .value=${s.Sqrt} .selected=${this.selectedTransformationType===s.Sqrt}></calcite-list-item>`)];n.push(...r)}return n}getPopoverClass(){return this.contentKind===l.fillSymbol||this.contentKind===l.lineSymbol?o.symbolPropertyPopover:""}closePopover(){(this.open||this.popoverElement.value?.open===!1)&&(this.open=!1,this.arcgisChartsConfigPopoverClose.emit())}overlaySymbolChange(e){this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail)}fillColorChange(e){let n=e.detail,[r,a,L]=n,T=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:v.SFS,color:[r,a,L,T]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return t`<arcgis-charts-config-color-style class=${i(o.colorPicker)} .header=${this.headingTitle??this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`}renderOverlayStyle(){return t`<arcgis-charts-config-line-style class=${i(o.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle??this._messages.lineStyle} .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`}renderFieldSelect(){let e=this.buildPickListItems(l.numericFields);return t`<calcite-panel class=${i(o.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(o.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(o.pickListItemLabel)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(l.transformation);return t`<calcite-panel class=${i(o.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(o.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(o.pickListItemLabel)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return t`<div><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${S(this.placement)} label auto-close ${h(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`}renderContentType(){switch(this.contentKind){case l.fillSymbol:return this.renderFillColor();case l.lineSymbol:return this.renderOverlayStyle();case l.numericFields:return this.renderFieldSelect();case l.transformation:return this.renderTransformationSelect();default:return}}};y("arcgis-charts-config-histogram-popover",d);return d},a,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import q from"./
|
|
2
|
+
import q from"./6GV2QPKV.js";import p from"./T5TFLMQL.js";import o from"./RKG6CXUU.js";import n from"./ADYDCO3M.js";import l from"./U3MRRFML.js";import"./THTYR6IL.js";import k from"./5XCU5SR2.js";import j from"./6ANVHVX4.js";import i from"./3QO6REDF.js";import h from"./BKU72IQC.js";import g from"./YWCIV7ZZ.js";import{c as I}from"./Y7HBWU3M.js";import e from"./BQXXD2HU.js";import d from"./WU62O2AU.js";import c from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{n as f}from"./3TBK72EK.js";import{T as _,U as m,oa as A}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{k as y,l as F}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import"./RIM4HLHN.js";import"./KDJ5RVHA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as b}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:te},{wb:L},{a:v,d:p,g:C,q:M},,{c:d},{a:P},w,{b:g},{b:K},{a:z,b:E,c:O,d:k},{b:j,d:q,f:B},{b:G,d:H,f:J},{d:W,e:Y},{a:D,b:N},X])=>{var R=s=>{p({config:s,value:null,axisIndex:0,isMax:!1}),p({config:s,value:null,axisIndex:0,isMax:!0}),p({config:s,value:null,axisIndex:1,isMax:!1}),p({config:s,value:null,axisIndex:1,isMax:!0})},U=s=>{let{name:e,axisIndex:i,config:t,layerInfo:r}=s,{layerFieldsInfo:o}=r,n=o.find(x=>x.name===e),l=n!==void 0&&L(n);C(t,i,l)};function V(s,e,i){let t=T(s,e,i),r=P(s),o=g(s);return t===r||o}function Z(s,e){let{layerFieldsInfo:i}=e,t=f(i,h(s)),r=I(1,s),o=g(s);return t===r||o}function $(s,e){let{layerFieldsInfo:i}=e,t=u(s),r=f(i,t),o=I(0,s),n=g(s);return r===o||n}function T(s,e,i){let t=u(s),r=h(s),{layerFieldsInfo:o}=e,n=f(o,t),l=f(o,r);return te(i.titleLabels.xAndY,{x:n,y:l})}var ee=s=>{let{x:e,y:i,config:t,layerInfo:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l,commonStrings:x}=s,{layerFieldsInfo:S}=r,se=f(S,e),ie=f(S,i);!y(e)&&n&&v(t,0,se),!y(i)&&l&&v(t,1,ie),!y(e)&&!y(i)&&t.title&&o&&(t.title.content.text=T(t,r,x))},u=s=>s.series[0]?.x??"",h=s=>s.series[0]?.y??"",re=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].x=e),ee({x:e,y:h(i),config:i,layerInfo:t,updateChartTitle:o,commonStrings:r,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:0,config:i,layerInfo:t})},oe=s=>{let{fieldName:e,config:i,layerInfo:t,commonStrings:r}=s,o=V(i,t,r),n=$(i,t),l=Z(i,t);R(i),i.series[0]&&(i.series[0].y=e),ee({x:u(i),y:e,config:i,layerInfo:t,commonStrings:r,updateChartTitle:o,updateXAxisTitle:n,updateYAxisTitle:l}),U({name:e,axisIndex:1,config:i,layerInfo:t})},ne=s=>{let e={};return s.series[0]?.markerSymbol??e},ae=(s,e)=>{e.series[0]&&(e.series[0].markerSymbol=s)},le=s=>(s.series[0]?.overlays?.trendLine?.visible??!0)&&(s.series[0]?.overlays?.trendLine?.created??!1),de=s=>{let e={};return s.series[0]?.overlays?.trendLine?.symbol??e},fe=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.symbol=s},ce=(s,e)=>{e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.visible=s},me=(s,e)=>{!(e.series[0]?.overlays?.trendLine?.created??!1)&&s&&(e.series[0].overlays??=m(),e.series[0].overlays.trendLine??=m().trendLine,e.series[0].overlays.trendLine.created=s),ce(s,e)},Q=s=>s.series[0]?.sizePolicy??_(),ye=(s,e)=>{e.series[0]&&(s!==void 0&&s.field?.trim()!==""?e.series[0].sizePolicy={...e.series[0].sizePolicy,...s}:e.series[0].sizePolicy=void 0)},pe=s=>s?.series?.[0]?.overlays,ge=(s,e)=>{e?.series[0]!==void 0&&(e.series[0].overlays=s)},ue=s=>s.series.find(e=>e.additionalTooltipFields!==void 0)?.additionalTooltipFields??[],he=(s,e)=>{e.series.forEach(i=>{Array.isArray(s)?i.additionalTooltipFields=s:typeof s=="string"?i.additionalTooltipFields=s.trim()===""?[]:[s]:i.additionalTooltipFields=[]})},xe=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,c=(s,e,i,t)=>{for(var r=ve(e,i),o=s.length-1,n;o>=0;o--)(n=s[o])&&(r=n(e,i,r)||r);return r&&xe(e,i,r),r},a=class extends w{constructor(){super(...arguments),this._chartType=b.ScatterSeries}async setup(e){await this.loadConfigFromLayer(e),typeof this.resolveSetup=="function"&&this.resolveSetup()}get xAxisField(){return u(this._config)}set xAxisField(e){re({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get yAxisField(){return h(this._config)}set yAxisField(e){oe({fieldName:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get showLinearTrend(){return le(this._config)}set showLinearTrend(e){me(e,this._config)}get linearTrendSymbol(){return de(this._config)}set linearTrendSymbol(e){fe(e,this._config)}get fixedMarkerSymbol(){return ne(this._config)}set fixedMarkerSymbol(e){ae(e,this._config)}get sizePolicy(){return Q(this._config)}set sizePolicy(e){let i=Q(this._config);F(i,e)||ye(e,this._config)}get seriesOverlays(){return pe(this._config)}set seriesOverlays(e){e!==void 0&&ge(e,this._config)}get additionalTooltipField(){return ue(this._config)}set additionalTooltipField(e){he(e,this._config)}generateChartTitle(){return T(this._config,this.layerInfo,this.commonStrings)}generateYAxisTitle(){let e=this.yAxisField;return f(this.layerInfo.layerFieldsInfo,e)}generateDefaultConfig(){return A(this.commonStrings)}};c([d],a.prototype,"xAxisField");c([d],a.prototype,"yAxisField");c([d],a.prototype,"showLinearTrend");c([d],a.prototype,"linearTrendSymbol");c([d],a.prototype,"fixedMarkerSymbol");c([d],a.prototype,"sizePolicy");c([d],a.prototype,"seriesOverlays");c([d],a.prototype,"additionalTooltipField");var Ie=[D,z,E,O,k,K,X,N,G,W,H,Y,j,q,B,J];M(a,Ie);return a},"intl",a,c,d,e,g,h,i,j,k,l,n,o,p,q)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as u}from"./AQIB3VEP.js";import{a as f}from"./S7Z4HRW7.js";import{a as o}from"./IHO3OLL3.js";import d from"./
|
|
2
|
+
import{a as u}from"./AQIB3VEP.js";import{a as f}from"./S7Z4HRW7.js";import{a as o}from"./IHO3OLL3.js";import d from"./6CB5R4QQ.js";import{a as S}from"./JHANH4UG.js";import"./AK7X7SGI.js";import b from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{d as p}from"./3TBK72EK.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{B as c,D as m,F as g,H as C,g as h,i as r}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{p:v}])=>{var O=h`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`,l=class extends c{constructor(){super(...arguments),this._messages=S(),this.seriesPopover=null,this.open=!1,this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let s=e.detail?.name;this.model.setSeriesName(s,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:s}=e.detail;this.model.colorMatch=!1,s!==void 0&&(this.model.setSeriesColor(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerColor(s,this.selectedSeriesIndex??-1))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineStyle:s}=e.detail;s!==void 0&&this.model.setSeriesLineStyle(s,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{lineWidth:s}=e.detail;s!==void 0&&(this.model.setSeriesLineWidth(s,this.selectedSeriesIndex??-1),this.model.setSeriesMarkerSize(s*2,this.selectedSeriesIndex??-1))}},this.seriesPopoverClose=e=>{let{selectedSeriesIndex:s}=e.detail;this.selectedSeriesIndex===s&&(this.seriesPopover=o(this.seriesPopover),this.selectedSeriesIndex=void 0)},this.onModelConfigChange=()=>{this.requestUpdate()},this.seriesOrderResetCounter=0,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,activeColorMatch:5,popoverPlacement:1}}static{this.styles=O}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&(this.seriesPopover=g(r`<arcgis-charts-config-line-chart-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .placement=${this.popoverPlacement} .open=${this.open} .selectedSeriesIndex=${this.selectedSeriesIndex} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-line-chart-series-popover>`),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover))}removeSeriesPopover(){this.seriesPopover!==void 0&&this.seriesPopover!==null&&(this.seriesPopover.open=!1,this.seriesPopover=o(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,s=Array.from({length:e},(i,t)=>t);return u(s,i=>this.model.getSeriesId(i),i=>{let t=this.model.getSeriesId(i),n=this.model.getSeriesColor(i),I=this.model.getSeriesName(i),x=this.model.chartSubType===p.BarAndLineFromFields?this._messages.series:t,$=this.model.getSeriesLineStyle(i),P=v($),a="#CCCCCC",d="minus-circle";if((e>1||!this.activeColorMatch)&&n!==void 0){d=`line-${P}`;let[L,b,y,M]=[...n];a=`rgba(${L},${b},${y},${M/255})`}return r`<calcite-list-item .label=${I??t??""} .description=${x} .value=${t} .selected=${this.selectedSeriesIndex===i} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${d} style=${m({color:a})}></calcite-icon></calcite-list-item>`})}buildSeriesList(){return f(this.seriesOrderResetCounter,r`<calcite-list label drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}resetSeriesOriginal(){this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:s,oldIndex:i}=e.detail;this.model.moveSeries(i??0,s??i??0),this.seriesOrderResetCounter+=1}}openSeriesPopOver(e){e.stopImmediatePropagation(),this.removeSeriesPopover();let s=e.target,i=s.localName==="calcite-list-item"?s:s.parentNode,t=this.model.getSeriesIndex(i.value);this.open=this.selectedSeriesIndex!==t,this.selectedSeriesIndex=this.selectedSeriesIndex!==t?t:void 0}render(){return r`<calcite-panel .heading=${this._messages.series}><calcite-button slot=header-actions-end @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent scale=s icon-end=reset>${this._messages.reset}</calcite-button>${this.buildSeriesList()}</calcite-panel>`}};C("arcgis-charts-config-line-chart-series",l);return l},a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as Q,h as ee}from"./OBPAQN4H.js";import{a as te}from"./IHO3OLL3.js";import l from"./VQFCYPDR.js";import{a as A}from"./JHANH4UG.js";import{l as s,m as y}from"./AK7X7SGI.js";import k from"./H4VTKKBN.js";import j from"./HOZ4AHQR.js";import e from"./OOVQ6IVC.js";import b from"./6EX4GDM3.js";import"./WNKDEOFZ.js";import a from"./BFVFX476.js";import"./EZV7JSQJ.js";import{c as B,n as R,y as W}from"./3TBK72EK.js";import{q as V,r as g,wa as K}from"./PAIRUVLU.js";import{f as q}from"./KX7KGXKQ.js";import{f as I,q as L}from"./SP2IPHWF.js";import{e as _,g as N,h as O}from"./IHHPUKGG.js";import{A as c,B as D,C as o,D as x,F as T,H as w,g as E,i,n as M,z as n}from"./RIM4HLHN.js";import{c as X}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as h,b as d,l as u,m as C,n as m,w as H,x as f}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{a:U,rb:S},{s:Z},{b:j,g:G,h:b,i:Y},{b:J},{h:z},{g:ae,s:k}])=>{var le=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)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},P=class extends D{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===d.Count||t===d.Sum?this.model.nullPolicy=m.Zero:this.model.nullPolicy=m.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=d.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();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=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,l=this.model.colorRampName!==t,p=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(l||p)&&await this.generateAndUpdateClassBreaks(!0)},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,l={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=l}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=le}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=K(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(J(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??B.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=N(this.el??document.documentElement),a=O(e);return U.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==_}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:h.CalendarDateParts,unit:u.DayOfMonth},t={type:h.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:h.CalendarDateParts,unit:u.HourOfDay},t={type:h.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,l=ee(Q);return l&&(a=await G({data:l,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:V.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);Y({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return z({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=L(e.target.value);a<g.min?a=g.min:a>g.max&&(a=g.max),W(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.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,l;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,l=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,l=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=T(i`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></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=te(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){Z(this.model?.config)||((this.model.xTemporalBinning===void 0||this.model.yTemporalBinning===void 0)&&this.applyCalendarTypePreset(y.YearByMonthAndDayOfMonth),this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===d.Count||this.model.aggregationType===d.Sum)&&this.model.nullPolicy!==m.Zero&&(this.model.nullPolicy=m.Zero),this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return i`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return i`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${c(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 i`<arcgis-charts-config-field-select .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?j(a.symbol.color):"#FFFFFF";return i`<div class=${o(r.colorRampSegment)} style=${x({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return i`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return i`<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=>i`<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,[l,p,v,$]=[...t],F=`rgba(${l},${p},${v},${$/255})`;return i`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${x({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return i`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),p=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),se=this.renderEmptyBins();return i`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${p}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${g.min} .max=${g.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ae(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${se}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?i`<calcite-label class=${o(r.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",P);return P},a,b,e,j,k,l)
|
|
2
|
+
import{a as Q,h as ee}from"./OBPAQN4H.js";import{a as te}from"./IHO3OLL3.js";import l from"./6CB5R4QQ.js";import{a as A}from"./JHANH4UG.js";import{l as s,m as y}from"./AK7X7SGI.js";import k from"./3YN4EKSJ.js";import j from"./3QO6REDF.js";import e from"./WU62O2AU.js";import b from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{c as B,n as R,y as W}from"./3TBK72EK.js";import{q as V,r as g,wa as K}from"./PAIRUVLU.js";import{f as q}from"./KX7KGXKQ.js";import{f as I,q as L}from"./SP2IPHWF.js";import{e as _,g as N,h as O}from"./IHHPUKGG.js";import{A as c,B as D,C as o,D as x,F as T,H as w,g as E,i,n as M,z as n}from"./RIM4HLHN.js";import{c as X}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as h,b as d,l as u,m as C,n as m,w as H,x as f}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{a:U,rb:S},{s:Z},{b:j,g:G,h:b,i:Y},{b:J},{h:z},{g:ae,s:k}])=>{var le=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)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},P=class extends D{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===d.Count||t===d.Sum?this.model.nullPolicy=m.Zero:this.model.nullPolicy=m.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=d.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();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=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,l=this.model.colorRampName!==t,p=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(l||p)&&await this.generateAndUpdateClassBreaks(!0)},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,l={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=l}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=le}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=K(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(J(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??B.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=N(this.el??document.documentElement),a=O(e);return U.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==_}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:h.CalendarDateParts,unit:u.DayOfMonth},t={type:h.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:h.CalendarDateParts,unit:u.HourOfDay},t={type:h.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,l=ee(Q);return l&&(a=await G({data:l,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:V.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);Y({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return z({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=L(e.target.value);a<g.min?a=g.min:a>g.max&&(a=g.max),W(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.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,l;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,l=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,l=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=T(i`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></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=te(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){Z(this.model?.config)||((this.model.xTemporalBinning===void 0||this.model.yTemporalBinning===void 0)&&this.applyCalendarTypePreset(y.YearByMonthAndDayOfMonth),this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===d.Count||this.model.aggregationType===d.Sum)&&this.model.nullPolicy!==m.Zero&&(this.model.nullPolicy=m.Zero),this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return i`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return i`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${c(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 i`<arcgis-charts-config-field-select .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?j(a.symbol.color):"#FFFFFF";return i`<div class=${o(r.colorRampSegment)} style=${x({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return i`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return i`<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=>i`<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,[l,p,v,$]=[...t],F=`rgba(${l},${p},${v},${$/255})`;return i`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${x({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return i`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),p=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),se=this.renderEmptyBins();return i`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${p}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${g.min} .max=${g.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ae(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${se}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?i`<calcite-label class=${o(r.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",P);return P},a,b,e,j,k,l)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as k}from"./IHO3OLL3.js";import t from"./VQFCYPDR.js";import{a as H}from"./JHANH4UG.js";import"./AK7X7SGI.js";import s from"./EJEUMMWZ.js";import{g as T,i as O,k as I,l as d,m as L,p as h}from"./THTYR6IL.js";import q from"./HYDDSP4M.js";import"./Y7HBWU3M.js";import o from"./FVGXWZBY.js";import n from"./OOVQ6IVC.js";import e from"./6EX4GDM3.js";import{d as f,f as a}from"./WNKDEOFZ.js";import c from"./BFVFX476.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import"./PAIRUVLU.js";import{b as z,f as g}from"./KX7KGXKQ.js";import{a as P,b as C,g as r,i as D,k as b}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as w,B as M,C as p,F as G,H as N,g as V,i as u}from"./RIM4HLHN.js";import"./KDJ5RVHA.js";import{g as i,h as m,i as j}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as l}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,,,{a:E},{a:y,c:v,e:S},{e:_}])=>{var F={type:g.TS,color:[1,1,1,255],font:{family:"Tahoma",size:12,decoration:"none",style:"normal",weight:"normal"}},$={type:g.SLS,color:[1,1,1,255],style:z.Solid,width:2},x={element:"chart-element",elementList:"element-list",sectionLabel:"section-label"},X=V`.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{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`,A=class extends M{constructor(){super(...arguments),this._messages=H(),this.formatPopover=null,this.selectableElements=[],this.textProperties=[],this.symbolProperties=[],this.symbolPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedTexts=[],this.selectedBackground=[],this.selectedSymbols.includes(s))this.selectedSymbols=[],this.updateSelectedElement(this.selectedSymbols);else{let o=this.getFormatValue(s);this.selectedSymbols=[s],this.initSelectedSymbols(f(o)?o:$)}this.setupFormatPopover()},this.textPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedBackground=[],e.shiftKey){this.selectedTexts=[];let o=this.textProperties.indexOf(this.lastSelectedText??s),c=this.textProperties.indexOf(s);this.textProperties.forEach((n,B)=>{B>=Math.min(o,c)&&B<=Math.max(o,c)&&this.selectedTexts.push(n)}),this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover()}else if(e.ctrlKey)this.selectedTexts.includes(s)?(this.selectedTexts=this.selectedTexts.filter(o=>o!==s),this.updateSelectedElement(this.selectedTexts)):(this.selectedTexts=[...this.selectedTexts,s],this.updateSelectedElement(this.selectedTexts)),this.setupFormatPopover();else if(this.selectedTexts.includes(s))this.selectedTexts=[],this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover();else{let o=this.getFormatValue(s);this.selectedTexts=[s],this.initSelectedTexts(a(o)?o:F),this.setupFormatPopover()}this.lastSelectedText=s},this.backgroundChange=t=>{let e=t;e.stopImmediatePropagation();let s;e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground.includes(s)?(this.selectedBackground=[],this.selectedElement=void 0):(this.selectedBackground=[s],this.selectedElement=b(this.getFormatValue(s))?void 0:this.getFormatValue(s)),this.setupFormatPopover()},this.updateSymbolProps=t=>{let e=t.detail;this.selectedSymbols.forEach(s=>{this.setFormatValue(s,e)}),this.selectedElement=r(t.target.selectedElement)},this.updateBackground=t=>{this.setFormatValue(j.Background,t.detail),this.selectedElement=t.detail},this.updateTextProps=t=>{let{font:e,color:s}=t.detail;this.selectedTexts.forEach(o=>{let c=this.getFormatValue(o),n=a(c)?c:void 0;this.setFormatValue(o,{...n,type:g.TS,font:{...n?.font,...e},color:s??n?.color})}),this.selectedElement=r(t.target.selectedElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.formatPopoverClose=t=>{this.formatPopover===t?.target&&(this.selectedTexts=[],this.selectedSymbols=[],this.selectedBackground=[],this.selectedElement={},this.removeFormatPopover())},this.mergeFormatValues=(t,e)=>{let s=!1;P(t)&&P(e)||C(t)&&C(e)?s=!0:s=t===e;let o=typeof t=="number"||typeof e=="number"?Number.NaN:"";return s?void 0:o},this.updateSelectableElements=t=>{t&&!this.selectableElements.includes(t)&&this.selectableElements.push(t)},this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground=[]}static{this.properties={selectedSymbols:16,selectedTexts:16,selectedBackground:16,selectedElement:16,messageOverrides:0,model:0}}static{this.styles=X}load(){this.modelChange(this.model)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeFormatPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}correctTextElementSelection(){for(let t of this.selectableElements){let e=this.selectedTexts.includes(t.value)||this.selectedSymbols.includes(t.value)||this.selectedBackground.includes(t.value);t.selected=e}}updateSelectedElement(t,e){if(this.selectedElement=void 0,e===void 0){let s=r(this.getFormatValue(t[0]));this.selectedElement=t?.reduce((o,c)=>{let n=this.getFormatValue(c);return D(o,n,this.mergeFormatValues)},s)}else{let s=r(e);b(e)&&(this.selectedSymbols?.length>0&&(s=r($)),this.selectedTexts?.length>0&&(s=r(F))),this.selectedElement=s}}initSelectedTexts(t){let e=r(t);b(t)&&(e=r(F)),this.selectedElement=e}initSelectedSymbols(t){let e=r(t);b(t)&&(e=r($)),this.selectedElement=e}setupFormatPopover(){this.formatPopover=k(this.formatPopover);let t=this.selectedElement;t?.type===g.TS||t?.type===g.SLS||Array.isArray(this.selectedElement)?(this.formatPopover=G(u`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`),this.formatPopover!==null&&!document.body.contains(this.formatPopover)&&document.body.appendChild(this.formatPopover)):this.removeFormatPopover()}removeFormatPopover(){this.formatPopover!==null&&(this.formatPopover.open=!1,this.formatPopover=k(this.formatPopover))}getFormatValue(t){switch(t){case i.Title:return this.model.titleSymbol;case i.Description:return this.model.descriptionSymbol;case i.XAxisTitle:return y(this.model)?this.model.xAxisTitleSymbol:void 0;case i.YAxisTitle:return d(this.model)?this.model.getAxisTitleSymbol(1):void 0;case i.AxisLabels:return v(this.model)?this.model.axisLabelsSymbol:void 0;case i.GuideLabels:return L(this.model)?this.model.guideLabelsSymbol:void 0;case i.LegendText:return h(this.model)?this.model.legendTextSymbol:void 0;case i.LegendTitle:return h(this.model)?this.model.legendTitleSymbol:void 0;case i.DataLabels:return E(this.model)?this.model.dataLabelsSymbol:void 0;case m.AxisLines:return S(this.model)?this.model.axisLinesSymbol:void 0;case m.GridLines:return d(this.model)?this.model.getGridLinesSymbol():void 0;case m.LeaderLines:return T(this.model)?this.model.ticksSymbol:void 0;case i.Background:return this.model.backgroundColor;default:return}}setFormatValue(t,e){switch(t){case i.Title:a(e)&&(this.model.titleSymbol=e);break;case i.Description:a(e)&&(this.model.descriptionSymbol=e);break;case i.XAxisTitle:y(this.model)&&a(e)&&(this.model.xAxisTitleSymbol=e);break;case i.YAxisTitle:d(this.model)&&a(e)&&this.model.setAxisTitleSymbol(e,1);break;case i.AxisLabels:v(this.model)&&a(e)&&(this.model.axisLabelsSymbol=e);break;case i.GuideLabels:L(this.model)&&a(e)&&(this.model.guideLabelsSymbol=e);break;case i.LegendText:h(this.model)&&a(e)&&(this.model.legendTextSymbol=e);break;case i.LegendTitle:h(this.model)&&a(e)&&(this.model.legendTitleSymbol=e);break;case i.DataLabels:E(this.model)&&a(e)&&(this.model.dataLabelsSymbol=e);break;case m.AxisLines:S(this.model)&&f(e)&&(this.model.axisLinesSymbol=e);break;case m.GridLines:if(f(e)){if(I(this.model))this.model.setGridLinesSymbol(e);else if(d(this.model)){let s=this.model.chartType,o=[];switch(s){case l.BarSeries:case l.LineSeries:case l.ComboLineAndBarSeries:case l.HistogramSeries:case l.BoxPlotSeries:case l.RadarSeries:{o=[1];break}case l.ScatterSeries:{o=[0,1];break}}this.model.setGridLinesSymbol(e,o)}}break;case m.LeaderLines:T(this.model)&&f(e)&&(this.model.ticksSymbol=e);break;case i.Background:Array.isArray(e)&&(this.model.backgroundColor=e);break}}renderFormatElements(){this.textProperties=[i.Title,...y(this.model)?[i.XAxisTitle]:[],...d(this.model)?[i.YAxisTitle]:[],...h(this.model)?[i.LegendTitle]:[],i.Description,...h(this.model)?[i.LegendText]:[],...v(this.model)?[i.AxisLabels]:[],...L(this.model)&&this.model.chartType!==l.HeatSeries?[i.GuideLabels]:[],...E(this.model)&&this.model.chartType!==l.HeatSeries&&this.model.chartType!==l.BoxPlotSeries?[i.DataLabels]:[]],O(this.model)&&(this.textProperties=this.textProperties.filter(s=>s!==i.DataLabels)),this.symbolProperties=[i.Background,...S(this.model)&&this.model.chartType!==l.HeatSeries?[m.AxisLines]:[],...d(this.model)?[m.GridLines]:[],...T(this.model)?[m.LeaderLines]:[]];let t=this.textProperties.map(s=>this.renderTextElement(s,this.textPropertyChange)),e=this.symbolProperties.map(s=>s===i.Background?this.renderTextElement(s,this.backgroundChange):this.renderTextElement(s,this.symbolPropertyChange));return{textElements:t,symbolElements:e}}renderTextElement(t,e){let s=_(t),o=this.getFormatValue(t),c=typeof o=="string"?o:"",n=this.selectedTexts.includes(t)||this.selectedSymbols.includes(t)||this.selectedBackground.includes(t);return u`<calcite-list-item class=${p(x.element)} .label=${this._messages[t]} .description=${c} .value=${t} .selected=${n} @click=${e} ${w(this.updateSelectableElements)}>${s!==void 0?u`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>`:null}</calcite-list-item>`}render(){let{textElements:t,symbolElements:e}=this.renderFormatElements();return u`<div class=${p(x.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${p(x.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`}};N("arcgis-charts-config-format",A);return A},c,e,n,o,q,s,t)
|
|
2
|
+
import{a as k}from"./IHO3OLL3.js";import t from"./6CB5R4QQ.js";import{a as H}from"./JHANH4UG.js";import"./AK7X7SGI.js";import s from"./U3MRRFML.js";import{g as T,i as O,k as I,l as d,m as L,p as h}from"./THTYR6IL.js";import q from"./6ANVHVX4.js";import"./Y7HBWU3M.js";import o from"./BQXXD2HU.js";import n from"./WU62O2AU.js";import e from"./MEA74C44.js";import{d as f,f as a}from"./WNKDEOFZ.js";import c from"./BJBNELDD.js";import"./EZV7JSQJ.js";import"./3TBK72EK.js";import"./PAIRUVLU.js";import{b as z,f as g}from"./KX7KGXKQ.js";import{a as P,b as C,g as r,i as D,k as b}from"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as w,B as M,C as p,F as G,H as N,g as V,i as u}from"./RIM4HLHN.js";import"./KDJ5RVHA.js";import{g as i,h as m,i as j}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as l}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,,,{a:E},{a:y,c:v,e:S},{e:_}])=>{var F={type:g.TS,color:[1,1,1,255],font:{family:"Tahoma",size:12,decoration:"none",style:"normal",weight:"normal"}},$={type:g.SLS,color:[1,1,1,255],style:z.Solid,width:2},x={element:"chart-element",elementList:"element-list",sectionLabel:"section-label"},X=V`.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{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`,A=class extends M{constructor(){super(...arguments),this._messages=H(),this.formatPopover=null,this.selectableElements=[],this.textProperties=[],this.symbolProperties=[],this.symbolPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedTexts=[],this.selectedBackground=[],this.selectedSymbols.includes(s))this.selectedSymbols=[],this.updateSelectedElement(this.selectedSymbols);else{let o=this.getFormatValue(s);this.selectedSymbols=[s],this.initSelectedSymbols(f(o)?o:$)}this.setupFormatPopover()},this.textPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedBackground=[],e.shiftKey){this.selectedTexts=[];let o=this.textProperties.indexOf(this.lastSelectedText??s),c=this.textProperties.indexOf(s);this.textProperties.forEach((n,B)=>{B>=Math.min(o,c)&&B<=Math.max(o,c)&&this.selectedTexts.push(n)}),this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover()}else if(e.ctrlKey)this.selectedTexts.includes(s)?(this.selectedTexts=this.selectedTexts.filter(o=>o!==s),this.updateSelectedElement(this.selectedTexts)):(this.selectedTexts=[...this.selectedTexts,s],this.updateSelectedElement(this.selectedTexts)),this.setupFormatPopover();else if(this.selectedTexts.includes(s))this.selectedTexts=[],this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover();else{let o=this.getFormatValue(s);this.selectedTexts=[s],this.initSelectedTexts(a(o)?o:F),this.setupFormatPopover()}this.lastSelectedText=s},this.backgroundChange=t=>{let e=t;e.stopImmediatePropagation();let s;e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground.includes(s)?(this.selectedBackground=[],this.selectedElement=void 0):(this.selectedBackground=[s],this.selectedElement=b(this.getFormatValue(s))?void 0:this.getFormatValue(s)),this.setupFormatPopover()},this.updateSymbolProps=t=>{let e=t.detail;this.selectedSymbols.forEach(s=>{this.setFormatValue(s,e)}),this.selectedElement=r(t.target.selectedElement)},this.updateBackground=t=>{this.setFormatValue(j.Background,t.detail),this.selectedElement=t.detail},this.updateTextProps=t=>{let{font:e,color:s}=t.detail;this.selectedTexts.forEach(o=>{let c=this.getFormatValue(o),n=a(c)?c:void 0;this.setFormatValue(o,{...n,type:g.TS,font:{...n?.font,...e},color:s??n?.color})}),this.selectedElement=r(t.target.selectedElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.formatPopoverClose=t=>{this.formatPopover===t?.target&&(this.selectedTexts=[],this.selectedSymbols=[],this.selectedBackground=[],this.selectedElement={},this.removeFormatPopover())},this.mergeFormatValues=(t,e)=>{let s=!1;P(t)&&P(e)||C(t)&&C(e)?s=!0:s=t===e;let o=typeof t=="number"||typeof e=="number"?Number.NaN:"";return s?void 0:o},this.updateSelectableElements=t=>{t&&!this.selectableElements.includes(t)&&this.selectableElements.push(t)},this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground=[]}static{this.properties={selectedSymbols:16,selectedTexts:16,selectedBackground:16,selectedElement:16,messageOverrides:0,model:0}}static{this.styles=X}load(){this.modelChange(this.model)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeFormatPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}correctTextElementSelection(){for(let t of this.selectableElements){let e=this.selectedTexts.includes(t.value)||this.selectedSymbols.includes(t.value)||this.selectedBackground.includes(t.value);t.selected=e}}updateSelectedElement(t,e){if(this.selectedElement=void 0,e===void 0){let s=r(this.getFormatValue(t[0]));this.selectedElement=t?.reduce((o,c)=>{let n=this.getFormatValue(c);return D(o,n,this.mergeFormatValues)},s)}else{let s=r(e);b(e)&&(this.selectedSymbols?.length>0&&(s=r($)),this.selectedTexts?.length>0&&(s=r(F))),this.selectedElement=s}}initSelectedTexts(t){let e=r(t);b(t)&&(e=r(F)),this.selectedElement=e}initSelectedSymbols(t){let e=r(t);b(t)&&(e=r($)),this.selectedElement=e}setupFormatPopover(){this.formatPopover=k(this.formatPopover);let t=this.selectedElement;t?.type===g.TS||t?.type===g.SLS||Array.isArray(this.selectedElement)?(this.formatPopover=G(u`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`),this.formatPopover!==null&&!document.body.contains(this.formatPopover)&&document.body.appendChild(this.formatPopover)):this.removeFormatPopover()}removeFormatPopover(){this.formatPopover!==null&&(this.formatPopover.open=!1,this.formatPopover=k(this.formatPopover))}getFormatValue(t){switch(t){case i.Title:return this.model.titleSymbol;case i.Description:return this.model.descriptionSymbol;case i.XAxisTitle:return y(this.model)?this.model.xAxisTitleSymbol:void 0;case i.YAxisTitle:return d(this.model)?this.model.getAxisTitleSymbol(1):void 0;case i.AxisLabels:return v(this.model)?this.model.axisLabelsSymbol:void 0;case i.GuideLabels:return L(this.model)?this.model.guideLabelsSymbol:void 0;case i.LegendText:return h(this.model)?this.model.legendTextSymbol:void 0;case i.LegendTitle:return h(this.model)?this.model.legendTitleSymbol:void 0;case i.DataLabels:return E(this.model)?this.model.dataLabelsSymbol:void 0;case m.AxisLines:return S(this.model)?this.model.axisLinesSymbol:void 0;case m.GridLines:return d(this.model)?this.model.getGridLinesSymbol():void 0;case m.LeaderLines:return T(this.model)?this.model.ticksSymbol:void 0;case i.Background:return this.model.backgroundColor;default:return}}setFormatValue(t,e){switch(t){case i.Title:a(e)&&(this.model.titleSymbol=e);break;case i.Description:a(e)&&(this.model.descriptionSymbol=e);break;case i.XAxisTitle:y(this.model)&&a(e)&&(this.model.xAxisTitleSymbol=e);break;case i.YAxisTitle:d(this.model)&&a(e)&&this.model.setAxisTitleSymbol(e,1);break;case i.AxisLabels:v(this.model)&&a(e)&&(this.model.axisLabelsSymbol=e);break;case i.GuideLabels:L(this.model)&&a(e)&&(this.model.guideLabelsSymbol=e);break;case i.LegendText:h(this.model)&&a(e)&&(this.model.legendTextSymbol=e);break;case i.LegendTitle:h(this.model)&&a(e)&&(this.model.legendTitleSymbol=e);break;case i.DataLabels:E(this.model)&&a(e)&&(this.model.dataLabelsSymbol=e);break;case m.AxisLines:S(this.model)&&f(e)&&(this.model.axisLinesSymbol=e);break;case m.GridLines:if(f(e)){if(I(this.model))this.model.setGridLinesSymbol(e);else if(d(this.model)){let s=this.model.chartType,o=[];switch(s){case l.BarSeries:case l.LineSeries:case l.ComboLineAndBarSeries:case l.HistogramSeries:case l.BoxPlotSeries:case l.RadarSeries:{o=[1];break}case l.ScatterSeries:{o=[0,1];break}}this.model.setGridLinesSymbol(e,o)}}break;case m.LeaderLines:T(this.model)&&f(e)&&(this.model.ticksSymbol=e);break;case i.Background:Array.isArray(e)&&(this.model.backgroundColor=e);break}}renderFormatElements(){this.textProperties=[i.Title,...y(this.model)?[i.XAxisTitle]:[],...d(this.model)?[i.YAxisTitle]:[],...h(this.model)?[i.LegendTitle]:[],i.Description,...h(this.model)?[i.LegendText]:[],...v(this.model)?[i.AxisLabels]:[],...L(this.model)&&this.model.chartType!==l.HeatSeries?[i.GuideLabels]:[],...E(this.model)&&this.model.chartType!==l.HeatSeries&&this.model.chartType!==l.BoxPlotSeries?[i.DataLabels]:[]],O(this.model)&&(this.textProperties=this.textProperties.filter(s=>s!==i.DataLabels)),this.symbolProperties=[i.Background,...S(this.model)&&this.model.chartType!==l.HeatSeries?[m.AxisLines]:[],...d(this.model)?[m.GridLines]:[],...T(this.model)?[m.LeaderLines]:[]];let t=this.textProperties.map(s=>this.renderTextElement(s,this.textPropertyChange)),e=this.symbolProperties.map(s=>s===i.Background?this.renderTextElement(s,this.backgroundChange):this.renderTextElement(s,this.symbolPropertyChange));return{textElements:t,symbolElements:e}}renderTextElement(t,e){let s=_(t),o=this.getFormatValue(t),c=typeof o=="string"?o:"",n=this.selectedTexts.includes(t)||this.selectedSymbols.includes(t)||this.selectedBackground.includes(t);return u`<calcite-list-item class=${p(x.element)} .label=${this._messages[t]} .description=${c} .value=${t} .selected=${n} @click=${e} ${w(this.updateSelectableElements)}>${s!==void 0?u`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>`:null}</calcite-list-item>`}render(){let{textElements:t,symbolElements:e}=this.renderFormatElements();return u`<div class=${p(x.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${p(x.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`}};N("arcgis-charts-config-format",A);return A},c,e,n,o,q,s,t)
|