@arcgis/charts-components 5.2.0-next.59 → 5.2.0-next.60
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/{MO5LDVWE.js → 2G65P262.js} +1 -1
- package/dist/cdn/2RYKKN36.js +2 -0
- package/dist/cdn/{ZESW7TCR.js → 3AYXOX4U.js} +1 -1
- package/dist/cdn/{USNCFQ5L.js → 3UHXOKCR.js} +1 -1
- package/dist/cdn/{5RC76C5H.js → 3YCGBAQY.js} +1 -1
- package/dist/cdn/{CHZMNR2R.js → 3ZGG7Q5M.js} +1 -1
- package/dist/cdn/{6HIK7EBX.js → 4COV22K4.js} +1 -1
- package/dist/cdn/{KDLRVDVQ.js → 54W4C75M.js} +1 -1
- package/dist/cdn/{DG6ENZ35.js → 5EYVH3PA.js} +1 -1
- package/dist/cdn/{KUI3SQHQ.js → 5MPXETTU.js} +1 -1
- package/dist/cdn/{IW7AZIV6.js → 5YP7P6S3.js} +1 -1
- package/dist/cdn/{XYBOIKE4.js → 67QYTLMM.js} +1 -1
- package/dist/cdn/{77A4IT5I.js → 6AI3ZXL5.js} +1 -1
- package/dist/cdn/{26UUSCOV.js → 6DOANSRL.js} +20 -20
- package/dist/cdn/{PA4NRD4I.js → 6MNV7FJC.js} +1 -1
- package/dist/cdn/{G3MWFZDW.js → 6PIQ2O5S.js} +1 -1
- package/dist/cdn/7CMQGTU6.js +2 -0
- package/dist/cdn/{UMYQZXPT.js → 7DIQIFKR.js} +1 -1
- package/dist/cdn/{ZH3BXRLT.js → A36KQ6YP.js} +1 -1
- package/dist/cdn/{IPMCTC6B.js → ANHW36VW.js} +1 -1
- package/dist/cdn/{44DVV3KE.js → AYUYEY5H.js} +1 -1
- package/dist/cdn/{BYPSLSFP.js → BDTKAMUN.js} +1 -1
- package/dist/cdn/{MYDNPSD6.js → BHGOAHMJ.js} +1 -1
- package/dist/cdn/{PXTBSPEA.js → BKK57XHL.js} +1 -1
- package/dist/cdn/BLZLMGO6.js +2 -0
- package/dist/cdn/{KVAWYWYK.js → BXBY6D2F.js} +1 -1
- package/dist/cdn/{OKZBV5LB.js → DBAM7MH7.js} +1 -1
- package/dist/cdn/{B2XDPYOL.js → DGV6S2W3.js} +1 -1
- package/dist/cdn/{EQ2X422F.js → DPTA2AET.js} +1 -1
- package/dist/cdn/{COLTSCAS.js → EAV3KAS7.js} +1 -1
- package/dist/cdn/{T3WULYNA.js → EBSQRCQQ.js} +1 -1
- package/dist/cdn/{UL2ASLY7.js → EDVN42ME.js} +1 -1
- package/dist/cdn/{VME2NH7X.js → EMBMJCFZ.js} +1 -1
- package/dist/cdn/{BFT5CL7V.js → EOHKNJSJ.js} +1 -1
- package/dist/cdn/{PDYOXU7M.js → EUOJG5H6.js} +1 -1
- package/dist/cdn/{VU2FAY3Y.js → FQLRMWNL.js} +1 -1
- package/dist/cdn/{MLLV2GML.js → GARBFC7Q.js} +1 -1
- package/dist/cdn/{AZHBGLOD.js → GRL5SM6K.js} +1 -1
- package/dist/cdn/{KBOIN2ZI.js → H2EMIJME.js} +1 -1
- package/dist/cdn/{B5KB7HXA.js → HOIPLQXD.js} +1 -1
- package/dist/cdn/{5RWZRHLN.js → HUNN3ERX.js} +1 -1
- package/dist/cdn/{P2L3OTIA.js → I3XBTQKJ.js} +1 -1
- package/dist/cdn/{E5G6IGUP.js → INISFVAK.js} +1 -1
- package/dist/cdn/{RQ6HACQP.js → ISK4QVLY.js} +1 -1
- package/dist/cdn/{IOE5YG7Q.js → J3CL6KB6.js} +1 -1
- package/dist/cdn/{LA5FTE2U.js → JBFVGQSP.js} +3 -3
- package/dist/cdn/{WWKZYBCF.js → JEVWE6ER.js} +1 -1
- package/dist/cdn/{AZDPAG65.js → JGESKW6S.js} +1 -1
- package/dist/cdn/{M22IUUVK.js → JH3NSZUT.js} +1 -1
- package/dist/cdn/{UYMLDXJI.js → JS6A5QAV.js} +1 -1
- package/dist/cdn/{GWNHO3MZ.js → JYITKARU.js} +1 -1
- package/dist/cdn/{GQGII3CK.js → KCES2YBJ.js} +1 -1
- package/dist/cdn/{YL27XTUT.js → KDCZQ6UT.js} +1 -1
- package/dist/cdn/{LSWWNXP3.js → KLKI4XNW.js} +1 -1
- package/dist/cdn/KWA7OWHO.js +2 -0
- package/dist/cdn/{GJ4JGGKT.js → L7TUV2MY.js} +1 -1
- package/dist/cdn/{NYDW2I5M.js → LGTXQIF7.js} +1 -1
- package/dist/cdn/{CU6R7UXF.js → M744CFJ2.js} +1 -1
- package/dist/cdn/{WKCITUA3.js → MJTWR33N.js} +1 -1
- package/dist/cdn/{MJLDF2FQ.js → MXE4VPZS.js} +1 -1
- package/dist/cdn/{NCHIDM4H.js → NK66D65H.js} +1 -1
- package/dist/cdn/{HMBXRL4X.js → NZ2C5DJB.js} +1 -1
- package/dist/cdn/{BU3IX333.js → O3DJD5IR.js} +1 -1
- package/dist/cdn/{HSVZTTYF.js → O3VKOV2W.js} +1 -1
- package/dist/cdn/{EQDTX4JX.js → OFFKJPQH.js} +1 -1
- package/dist/cdn/{DDUKKQIZ.js → OWWQ5SYW.js} +1 -1
- package/dist/cdn/P5QEJOJS.js +2 -0
- package/dist/cdn/{INUVRMMG.js → PLEC3GNT.js} +1 -1
- package/dist/cdn/{VXQLTYHF.js → QTSF2LK7.js} +1 -1
- package/dist/cdn/{QTD2QGHC.js → QZCTLQBM.js} +1 -1
- package/dist/cdn/{H3CYQU3L.js → RICA7GJM.js} +1 -1
- package/dist/cdn/{KR7A5JG4.js → S5GVUYBL.js} +1 -1
- package/dist/cdn/{GPABWWGF.js → SQIKFO32.js} +1 -1
- package/dist/cdn/{TCKFUPRR.js → SUNHJPBW.js} +1 -1
- package/dist/cdn/{HD72K7JQ.js → SYVPFDIW.js} +1 -1
- package/dist/cdn/{2B27HWX2.js → T62EETHJ.js} +1 -1
- package/dist/cdn/{J6M4AA5V.js → TEWEPSIO.js} +1 -1
- package/dist/cdn/{MBL6ZAKF.js → U43KANH5.js} +1 -1
- package/dist/cdn/{6KTWKIGJ.js → UM7RIOCE.js} +1 -1
- package/dist/cdn/{TQYULR2I.js → V5W5LNFT.js} +1 -1
- package/dist/cdn/V6LKZUEZ.js +3 -0
- package/dist/cdn/{RA3GUNR3.js → VA6KJZ2Y.js} +1 -1
- package/dist/cdn/{64CBZCW7.js → WFW6BNDT.js} +1 -1
- package/dist/cdn/{IJYXP34M.js → WTJ2NJ76.js} +1 -1
- package/dist/cdn/{6KMPIGFU.js → WZOHQJFB.js} +1 -1
- package/dist/cdn/{NZT3J3KJ.js → XKZ44LA2.js} +1 -1
- package/dist/cdn/{OTH3FQJJ.js → XM2GVJT3.js} +1 -1
- package/dist/cdn/{GC7ISTDF.js → Y2WHHAAA.js} +1 -1
- package/dist/cdn/{V6TEH3XV.js → Y5ZH7VS4.js} +1 -1
- package/dist/cdn/{FHKRXY7E.js → YC4WZNPI.js} +1 -1
- package/dist/cdn/{LU6YEMXO.js → YVSZN6IH.js} +1 -1
- package/dist/cdn/{54M3LLQH.js → Z3LGGHZN.js} +1 -1
- package/dist/cdn/{Q6VW7H3A.js → ZGBULDPL.js} +1 -1
- package/dist/cdn/{YIWJ2NPY.js → ZLXYBOM3.js} +1 -1
- package/dist/cdn/{TW4RXJ35.js → ZRX4BEOX.js} +1 -1
- package/dist/cdn/{ZZ5FKECR.js → ZWIF7LHW.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/data.js +1 -1
- package/dist/chunks/index2.js +1879 -1939
- package/dist/chunks/index4.js +8 -8
- package/dist/chunks/model-setter.js +1 -1
- package/dist/chunks/serial-chart-data.js +1 -1
- package/dist/chunks/web-component-utils.js +38 -38
- package/dist/components/arcgis-chart/customElement.js +3835 -3789
- package/dist/components/arcgis-charts-config-axis/customElement.js +70 -64
- package/dist/components/arcgis-charts-config-bar-chart-data/customElement.js +6 -6
- package/dist/components/arcgis-charts-config-box-plot-data/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-create-flow/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-format/customElement.js +89 -82
- package/dist/components/arcgis-charts-config-view-charts/customElement.js +4 -4
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/utils/chart-config/converter/index.js +1 -1
- package/package.json +3 -3
- package/dist/cdn/5NZ537SN.js +0 -2
- package/dist/cdn/EFRELYIP.js +0 -2
- package/dist/cdn/FHCIXPMQ.js +0 -3
- package/dist/cdn/IKSW6TU5.js +0 -2
- package/dist/cdn/JWWSIFDA.js +0 -2
- package/dist/cdn/QRNP4SNY.js +0 -2
- /package/dist/cdn/{5DUKB563.js → MARXRC6B.js} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as $}from"./IHO3OLL3.js";import{a as b}from"./
|
|
2
|
+
import{b as $}from"./IHO3OLL3.js";import{a as b}from"./U43KANH5.js";import{i as c}from"./SCU3SBSN.js";import{f as u}from"./KX7KGXKQ.js";import{l as S}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as f,B as v,C as l,H as y,g as C,i as n,n as a,z as g}from"./MARXRC6B.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";var L={panelChildrenContainer:"panel-children-container"},P=C`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`,h=class extends v{constructor(){super(...arguments),this._messages=b(),this.popoverElement=g(),this.isLineSymbol=!1,this.open=!1,this.labelCanBeConfigured=!1,this.arcgisChartsConfigPopoverClose=a(),this.arcgisChartsConfigSeriesPopoverColorChange=a(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=a(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=a(),this.arcgisChartsConfigSeriesPopoverNameChange=a()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedLineWidth:9,selectedSeriesIndex:9,isLineSymbol:5,placement:1,open:5,labelCanBeConfigured:5}}static{this.styles=P}async reposition(){await this.popoverElement.value?.reposition()}updated(){$(this.popoverElement.value,this.open)}seriesNameChange(e){let i=e.target.value;this.selectedName!==i&&(this.selectedName=i,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:i}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}colorChange(e){let i=e instanceof CustomEvent?e.detail:e,[o,t,s]=i,r=c*255;this.selectedColor=[o,t,s,r],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[o,t,s,r]})}lineSymbolChange(e){let{lineStyle:i}=e.target,{color:o,style:t,width:s}=i;if(o!==void 0&&!S(o,this.selectedColor)){let[r,p,d]=o,m=c*255;this.selectedColor=[r,p,d,m],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[r,p,d,m]})}t!==void 0&&t!==this.selectedLineStyle&&(this.selectedLineStyle=t,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({style:t})),s!==void 0&&s!==this.selectedLineWidth&&(this.selectedLineWidth=s,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({width:s}))}render(){let e=this.selectedColor;return n`<div><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${f(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}>${this.labelCanBeConfigured?n`<div class=${l(L.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div>`:null}<div class=${l(this.isLineSymbol?"":L.panelChildrenContainer)}>${this.isLineSymbol?n`<arcgis-charts-config-line-style .open=${this.open} enable-close .lineStyle=${{type:u.SLS,style:this.selectedLineStyle,width:this.selectedLineWidth,color:e}} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.lineSymbolChange}></arcgis-charts-config-line-style>`:n`<arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors>`}</div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-box-plot-series-popover",h);export{h as ArcgisChartsConfigBoxPlotSeriesPopover};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as f}from"./AZHBGLOD.js";import{a as v}from"./CHZMNR2R.js";import{b as R,c as U}from"./IHO3OLL3.js";import c from"./UMYQZXPT.js";import{g as l}from"./JYC77MVD.js";import{a as L}from"./MBL6ZAKF.js";import b from"./KDLRVDVQ.js";import a from"./FHCIXPMQ.js";import{n as z,u as N}from"./H57XAQPI.js";import"./BGOWDCTO.js";import{Aa as T,za as w}from"./SCU3SBSN.js";import{a as y}from"./KX7KGXKQ.js";import{l as $}from"./SP2IPHWF.js";import"./HMBXRL4X.js";import{A as d,B as x,C as r,D,F,H as A,g as I,i as s,n as C,z as g}from"./5DUKB563.js";import{a as p}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import{b as E,k as m,o as u}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:W},{Aa:B,Ba:_,Da:K,Ea:k,oc:O},,{a:P,c:b,g:j,k:h,o:H,r:M}])=>{var Y=I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends x{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=Y}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>w(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>T(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),R(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(P.customSortLimit),o=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=F(s`<calcite-tooltip style=${D({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${o}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(p),t;return f(e,i=>i,i=>{let a="";switch(i){case p.xAxisAsc:{t="a-z-down";break}case p.xAxisDesc:{t="a-z-up";break}case p.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case p.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case p.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===p.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${p[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return v(e.name,s`<calcite-list-item .label=${z(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let o=this.layerFieldsInfo?.[a];o&&B(o)&&i.push(this.buildPickListItem(o))}break}case l.category:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};H(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label selection-mode=multiple class=${r(n.popoverPickList)} filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${`${n.popoverPickList} ${n.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[m.Second,m.Minute,m.Hour,m.Day,m.Week,m.Month,m.Year];return s`<div><div class=${r(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${j(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${r(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${r(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div><calcite-popover class=${r(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${r(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)
|
|
2
|
+
import{a as f}from"./GRL5SM6K.js";import{a as v}from"./3ZGG7Q5M.js";import{b as R,c as U}from"./IHO3OLL3.js";import c from"./7DIQIFKR.js";import{g as l}from"./JYC77MVD.js";import{a as L}from"./U43KANH5.js";import b from"./54W4C75M.js";import a from"./V6LKZUEZ.js";import{n as z,u as N}from"./H57XAQPI.js";import"./BGOWDCTO.js";import{Aa as T,za as w}from"./SCU3SBSN.js";import{a as y}from"./KX7KGXKQ.js";import{l as $}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as d,B as x,C as r,D,F,H as A,g as I,i as s,n as C,z as g}from"./MARXRC6B.js";import{a as p}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import{b as E,k as m,o as u}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:W},{Ba:K,Ca:k,mc:O,ya:B,za:_},,{a:P,c:b,g:j,k:h,o:H,r:M}])=>{var Y=I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends x{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=Y}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>w(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>T(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),R(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(P.customSortLimit),o=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=F(s`<calcite-tooltip style=${D({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${o}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(p),t;return f(e,i=>i,i=>{let a="";switch(i){case p.xAxisAsc:{t="a-z-down";break}case p.xAxisDesc:{t="a-z-up";break}case p.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case p.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case p.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===p.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${p[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return v(e.name,s`<calcite-list-item .label=${z(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let o=this.layerFieldsInfo?.[a];o&&B(o)&&i.push(this.buildPickListItem(o))}break}case l.category:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};H(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label selection-mode=multiple class=${r(n.popoverPickList)} filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${`${n.popoverPickList} ${n.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[m.Second,m.Minute,m.Hour,m.Day,m.Week,m.Month,m.Year];return s`<div><div class=${r(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${j(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${r(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${r(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div><calcite-popover class=${r(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${r(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as g}from"./IHO3OLL3.js";import{a as i}from"./IONJLIQQ.js";import{a as h}from"./
|
|
2
|
+
import{b as g}from"./IHO3OLL3.js";import{a as i}from"./IONJLIQQ.js";import{a as h}from"./U43KANH5.js";import{f as p}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as l,B as n,H as c,i as t,n as s,z as a}from"./MARXRC6B.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";var r=class extends n{constructor(){super(...arguments),this._messages=h(),this.popoverElement=a(),this.placement="leading",this.open=!1,this.arcgisChartsConfigGuidePopoverColorChange=s(),this.arcgisChartsConfigGuidePopoverSymbolChange=s(),this.arcgisChartsConfigPopoverClose=s()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}async reposition(){await this.popoverElement.value?.reposition()}updated(){g(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(o){let e=o.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(o){let{lineStyle:e}=o.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(o.detail)}render(){let o=this.selectedElement,e=this.selectedElement;return t`<div><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${l(this.popoverElement)}>${Array.isArray(o)&&t`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${o} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===p.SLS&&t`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};c("arcgis-charts-config-guide-popover",r);export{r as ArcgisChartsConfigGuidePopover};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as q}from"./GRL5SM6K.js";import{a as k}from"./3ZGG7Q5M.js";import{a as Z}from"./IHO3OLL3.js";import{a as $,c as M,d as K,f as j}from"./OBPAQN4H.js";import l from"./7DIQIFKR.js";import{g as a,o as C}from"./JYC77MVD.js";import{a as A}from"./U43KANH5.js";import i from"./J3CL6KB6.js";import g from"./54W4C75M.js";import e from"./V6LKZUEZ.js";import{c as _,d as F,n as y,o as N,u as V}from"./H57XAQPI.js";import"./BGOWDCTO.js";import{Aa as D,za as P}from"./SCU3SBSN.js";import"./KX7KGXKQ.js";import{l as f}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as m,B as O,C as r,F as E,H as T,g as L,i as o,k as w,n as u,z as c}from"./MARXRC6B.js";import{a as h}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import{a as p,b as d,k as S,n as b}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{j:z,wb:I,xa:B,za:R},,{h:U},{a:H}])=>{var l={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=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)}: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}.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:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.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);max-height:400px;overflow-y:auto}.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)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`,x=class extends O{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.enableTimeBinningSwitch=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:i}=e.detail,t=[...e.detail.value];switch(M($),i){case a.aggregation:this.model.aggregationType=t[0]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==B(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&j($)}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigBarChartDataNumericFieldValidate=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigResetTimeInterval=u(),this.arcgisChartsConfigCustomizedTimeInterval=u()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=J}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")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return k(e,o`<calcite-list-item .label=${y(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())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return k(this.sortOrderResetCounter,o`<calcite-list label class=${r(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>H.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=I(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-picker .disabled=${this.model.getAxisValueFormat(0)?.type===p.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===p.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}renderAggregation(){return o`<arcgis-charts-config-field-picker .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-picker>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-picker .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let i=B(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${r(l.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===p.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${r(l.label)}><div class=${r(l.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${I(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${r(l.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${r(l.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-picker .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-picker>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${b.Zero} .checked=${this.model.nullPolicy===b.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${b.Null} .checked=${this.model.nullPolicy===b.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${r(l.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${r(l.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=${r(l.label)}><span class=${r(this.disableSplitBy?l.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${r(l.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData||!this.shouldShowTimeBinning()}><calcite-label class=${r(l.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${r(l.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${r(this.model.getAxisValueFormat(0)?.type===p.DateAxisFormat?l.disabledLabel:l.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",x);return x},e,g,i,l)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as P}from"./
|
|
2
|
+
import{a as P}from"./3ZGG7Q5M.js";import{a as k}from"./IHO3OLL3.js";import{h as a}from"./JYC77MVD.js";import{a as F}from"./U43KANH5.js";import g from"./J3CL6KB6.js";import e from"./V6LKZUEZ.js";import{n as d}from"./H57XAQPI.js";import"./BGOWDCTO.js";import"./SCU3SBSN.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as c,B as C,C as o,F as u,H as b,g as f,i as s,n as h,z as n}from"./MARXRC6B.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{b as v}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{h:m,xa:y},{h:$}])=>{var l={label:"label",fieldList:"field-list",fab:"fab"},E=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);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}`,g=class extends C{constructor(){super(...arguments),this._messages=F(),this.pieChartPopover=null,this.sortOrderElement=n(),this.categoryElement=n(),this.numericFieldsElement=n(),this.onPieChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(t){case a.aggregation:this.model.aggregationType=i[0]!==v.NoAggregation?i[0]:"";break;case a.category:{let r=i[0]?.trim()||"",p=this.model.numericFields;p.length>1&&r!==m&&(this.model.numericFields=[p[0]]),this.model.category=r,this.model.colorMatch=!0;break}case a.numericFields:i.length>1&&(this.model.category=m),this.model.numericFields=i;break;case a.sortOrder:this.model.setSortOrder(i[0]);break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.pieChartPopover===e?.target&&this.removePieChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=h(),this.arcgisChartsConfigPieChartDataNumericFieldValidate=h()}static{this.properties={messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=E}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removePieChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return P(e,s`<calcite-list-item .label=${d(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}setupPopover(e){e.stopImmediatePropagation(),this.removePieChartDataPopover();let t,i,r;switch(this.contentKind){case a.category:t=this.categoryElement.value,i=this._messages.categoryHeader,r=this.model.category;break;case a.numericFields:t=this.numericFieldsElement.value,i=this._messages.numericFieldsMultipleHeader,r=this.model.numericFields;break;case a.sortOrder:t=this.sortOrderElement.value,i=this._messages.sortOrderHeader,r=this.model.getSortOrder();break}this.pieChartPopover=u(s`<arcgis-charts-config-pie-chart-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${r} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`),!document.body.contains(this.pieChartPopover)&&this.pieChartPopover!==null&&document.body.appendChild(this.pieChartPopover)}getCorrectedCategoryValue(){return $({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":d(this.layerFieldsInfo,this.model.category)}removePieChartDataPopover(){this.pieChartPopover!==null&&(this.pieChartPopover.open=!1,this.pieChartPopover=k(this.pieChartPopover))}renderSorting(){return s`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${c(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}renderCategory(){let e=this.getCorrectedCategoryValue();return s`<arcgis-charts-config-field-picker .label=${e} @click=${this.onCategorySelect} ${c(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderNumericFields(e){let t=y(this.model.layer).idField,i=[];for(let r of e)r!==t&&i.push(this.buildNumericFieldItem(r));return s`<calcite-list label class=${o(l.fieldList)} ${c(this.numericFieldsElement)}>${i}</calcite-list>`}render(){let e=this.renderCategory(),t=this.renderSorting(),i=this.renderNumericFields([...this.model.numericFields]);return s`<calcite-label class=${o(l.label)}>${this._messages.category}${e}</calcite-label>${[s`<calcite-label class=${o(l.label)}>${this._messages.numericFields}${i}</calcite-label>`,s`<div class=${o(l.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(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${o(l.label)}>${this._messages.sortOrder}${t}</calcite-label>`}};b("arcgis-charts-config-pie-chart-data",g);return g},e,g)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./7DIQIFKR.js";import"./JYC77MVD.js";import{a as g}from"./U43KANH5.js";import b from"./54W4C75M.js";import a from"./V6LKZUEZ.js";import"./H57XAQPI.js";import"./BGOWDCTO.js";import{G as u}from"./SCU3SBSN.js";import{f as d}from"./KX7KGXKQ.js";import{p as n}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as p,B as y,C as i,H as S,g as h,i as o,n as s,z as m}from"./MARXRC6B.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:b,g:v,h:c,i:r}])=>{var C={arial:"Arial",arialBlack:"Arial Black",bookman:"Bookman",candara:"Candara",courier:"Courier",courierNew:"Courier New",garamond:"Garamond",georgia:"Georgia",impact:"Impact",palatino:"Palatino",roboto:"Roboto",times:"Times",timesNewRoman:"Times New Roman",verdana:"Verdana"},a={fontStyleContainer:"font-style-container",font:"font",numberInput:"number-input",inputLabel:"input-label"},$=h`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container{display:flex}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;flex-grow:inherit;width:80px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel .font-style-container{padding:0 1rem}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`,f=class extends y{constructor(){super(...arguments),this._messages=g(),this.fontSizeInputElement=m(),this.fontStyle={type:d.TS},this.open=!1,this.enableClose=!1,this.arcgisChartsConfigFontStyleChange=s(),this.arcgisChartsConfigFontStyleClose=s()}static{this.properties={messageOverrides:0,fontStyle:0,header:1,open:5,enableClose:5}}static{this.styles=$}closePanel(t){t.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigFontStyleClose.emit())}fontChange(t){let e=t.target.selectedOption.value;if(e!==void 0){let l={family:e};this.isNewFontProperty("family",l)&&(this.fontStyle=n(this.fontStyle,{font:l}),this.emitFontStyleEvent({font:l}))}}fontSizeChange(){let t=this.fontSizeInputElement.value?.value;if(t!==void 0&&b(t,this.fontSizeInputElement.value?.min,this.fontSizeInputElement.value?.max)){let e={size:Number.parseInt(t)};this.isNewFontProperty("size",e)&&(this.fontStyle=n(this.fontStyle,{font:e}),this.emitFontStyleEvent({font:e})),this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.IDLE})}else this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.INVALID})}boldSelect(){let t="bold";this.fontStyle?.font?.weight===t&&(t="normal");let e={weight:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}italicSelect(){let t="italic";this.fontStyle?.font?.style===t&&(t="normal");let e={style:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}underlineSelect(){let t="underline";this.fontStyle?.font?.decoration===t&&(t="none");let e={decoration:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}colorChange(t){let e=t.detail;this.fontStyle=n(this.fontStyle,{color:e}),this.emitFontStyleEvent({color:e})}emitFontStyleEvent(t){this.arcgisChartsConfigFontStyleChange.emit(t)}isNewFontProperty(t,e){return this.fontStyle?.font?.[t]!==e[t]}renderFonts(){let t=Object.values(C).map(e=>o`<calcite-option .value=${e} .selected=${e===this.fontStyle?.font?.family||e===u().font?.family?.split(",")[0]&&this.fontStyle?.font?.family===void 0}>${e}</calcite-option>`);return this.fontStyle?.font?.family===""&&t.push(o`<calcite-option value selected></calcite-option>`),t}render(){return o`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose??!1} @calcitePanelClose=${this.closePanel}><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.font)}>${this._messages.font}<calcite-select .label=${this._messages.font??""} @calciteSelectChange=${this.fontChange}>${this.renderFonts()}</calcite-select></calcite-label></div><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.inputLabel)}>${this._messages.size}<calcite-input class=${i(a.numberInput)} type=number min=6 max=40 step=1 .value=${v(this.fontStyle?.font?.size)} @calciteInputInput=${this.fontSizeChange} ${p(this.fontSizeInputElement)}></calcite-input></calcite-label><calcite-action appearance=transparent .text=${this._messages.bold??""} @click=${this.boldSelect} scale=l .active=${this.fontStyle?.font?.weight==="bold"}><calcite-icon scale=s icon=bold></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.italic??""} @click=${this.italicSelect} scale=l .active=${this.fontStyle?.font?.style==="italic"}><calcite-icon scale=s icon=italicize></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.underline??""} @click=${this.underlineSelect} scale=l .active=${this.fontStyle?.font?.decoration==="underline"}><calcite-icon scale=s icon=underline></calcite-icon></calcite-action></div><div class=${i(a.fontStyleContainer)}><arcgis-charts-config-colors .rgba=${this.fontStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel>`}};S("arcgis-charts-config-font-style",f);return f},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as k}from"./
|
|
2
|
+
import{a as k}from"./GRL5SM6K.js";import{a as $}from"./3ZGG7Q5M.js";import{b as _,c as B}from"./IHO3OLL3.js";import d from"./7DIQIFKR.js";import{f as s}from"./JYC77MVD.js";import{a as f}from"./U43KANH5.js";import c from"./54W4C75M.js";import b from"./V6LKZUEZ.js";import{n as A,u as S}from"./H57XAQPI.js";import"./BGOWDCTO.js";import{Aa as E,za as x}from"./SCU3SBSN.js";import{a as I}from"./KX7KGXKQ.js";import{l as v}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as p,B as P,C as o,H as F,g as L,i as a,n as u,z as h}from"./MARXRC6B.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{k as r,o as m}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{Ba:T,Ca:w,ya:b,za:D},,{a:z,c:C,g:K,k:d,o:N}])=>{var j=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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,c={name:"line-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",sizeSection:"size-section",applyButton:"apply-button"},y=class extends P{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=h(),this.intervalSizeElement=h(),this.intervalTypeElement=h(),this.popoverElement=h(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigLineChartDataPopoverChange=u(),this.arcgisChartsConfigLineChartPopoverClose=u()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=j}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=C.map(n=>x(n,this.commonStrings));v(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[m.Start,m.End].map(n=>E(n,this.commonStrings));v(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},z.PopoverTimer),_(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}buildAggregationPickListItems(){return k(C,e=>e,(e,t)=>a`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildIntervalAlignmentPickListItems(){let e=[m.Start,m.End];return k(e,t=>t,(t,i)=>a`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return $(e.name,a`<calcite-list-item .label=${A(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case s.numericFields:{for(let n=0;n<t;n+=1){let l=this.layerFieldsInfo?.[n];l&&b(l)&&i.push(this.buildPickListItem(l))}break}case s.xAxisField:{for(let n=0;n<t;n+=1){let l=this.layerFieldsInfo?.[n];l&&(b(l)||D(l)||T(l))&&i.push(this.buildPickListItem(l))}break}case s.splitByField:{let n=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(n);for(let l=0;l<t;l+=1){let g=this.layerFieldsInfo?.[l];g&&(w(g)||g.type===I.String)&&i.push(this.buildPickListItem(g))}break}}return i}closePopover(){if(this.contentKind===s.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigLineChartDataPopoverChange,contentKind:this.contentKind};N(e)}this.open=!1,this.arcgisChartsConfigLineChartPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return a`<calcite-list label class=${o(c.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisField(){let e=this.buildPickListItems(s.xAxisField);return a`<calcite-list label class=${o(c.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return a`<calcite-list label class=${o(c.popoverPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return a`<calcite-list label class=${o(c.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return a`<calcite-list label class=${o(c.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[r.Second,r.Minute,r.Hour,r.Day,r.Week,r.Month,r.Year];return a`<div><div class=${o(c.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${K(e?.size,1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${p(this.intervalTypeElement)}>${t.map(i=>a`<calcite-option .value=${i} .label=${S(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(c.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case s.aggregation:e=this.renderAggregationType();break;case s.xAxisField:e=this.renderXAxisField();break;case s.numericFields:e=this.renderNumericFields();break;case s.splitByField:e=this.renderSplitByField();break;case s.intervalAlignment:e=this.renderIntervalAlignment();break;case s.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===s.numericFields&&(e=a`<div slot=footer><calcite-fab class=${o(c.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),a`<div><calcite-popover class=${o(c.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(c.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};F("arcgis-charts-config-line-chart-popover",y);return y},b,c,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as D}from"./CHZMNR2R.js";import{a as j}from"./IHO3OLL3.js";import{a as B,c as _}from"./OBPAQN4H.js";import e from"./UMYQZXPT.js";import{b as a,c as o,i as m}from"./JYC77MVD.js";import{a as N}from"./MBL6ZAKF.js";import d from"./KDLRVDVQ.js";import c from"./FHCIXPMQ.js";import{n as I}from"./H57XAQPI.js";import{e as T}from"./BGOWDCTO.js";import{C as P,E as x}from"./SCU3SBSN.js";import{f as L}from"./KX7KGXKQ.js";import{h as C}from"./SP2IPHWF.js";import"./HMBXRL4X.js";import{A as v,B as k,C as s,D as y,F as M,H as V,g as w,i as l,n as p,z as b}from"./5DUKB563.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{c as u}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=w`.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)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=N(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&H(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(_(B),t){case m.transformation:this.model.dataTransformationType=i??u.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=R}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=j(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),r=t.includes(a.StandardDev),c=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return l`<arcgis-charts-config-field-picker .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-picker>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-picker .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-picker>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,q]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${z},${U},${(q??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(n.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><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></div>`}renderBinsSection(){return l`<div class=${s(n.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)
|
|
2
|
+
import{a as D}from"./3ZGG7Q5M.js";import{a as j}from"./IHO3OLL3.js";import{a as B,c as _}from"./OBPAQN4H.js";import e from"./7DIQIFKR.js";import{b as a,c as o,i as m}from"./JYC77MVD.js";import{a as N}from"./U43KANH5.js";import d from"./54W4C75M.js";import c from"./V6LKZUEZ.js";import{n as I}from"./H57XAQPI.js";import{e as T}from"./BGOWDCTO.js";import{C as P,E as x}from"./SCU3SBSN.js";import{f as L}from"./KX7KGXKQ.js";import{h as C}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as v,B as k,C as s,D as y,F as M,H as V,g as w,i as l,n as p,z as b}from"./MARXRC6B.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{c as u}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:S,b:F,f:H,g:K,h:f,i:$,j:A}])=>{var n={label:"label",row:"row",binCountContainer:"bin-count-container",iconSelect:"icon-select",sectionLabel:"section-label",binTextPadding:"bin-text-padding",histogramStatsList:"histogram-stats-list"},R=w`.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)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right: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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.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)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`,O=class extends k{constructor(){super(...arguments),this._messages=N(),this.numericalFieldSelectionElement=b(),this.transformationSelectionElement=b(),this.histogramPopover=null,this.binColorSectionElement=b(),this.binSliderElement=b(),this.binInputElement=b(),this.popoverHeading="",this.onBinCountChange=C(()=>{let e=this.binInputElement.value?.value;e!==void 0&&H(e,this.binInputElement.value?.min,this.binInputElement.value?.max)?this.binCountChange(e):this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.INVALID})},S.DebounceTimer),this.onBinCountSliderChange=C(()=>{this.binCountChange(this.binSliderElement.value?.value?.toString()??"")},S.DebounceTimer),this.onNormalDistColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.normalDistSymbol,this._messages.normalDistStyle??"",this.normalDistOverlayElement)},this.onMeanColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.meanSymbol,this._messages.meanStyle??"",this.meanOverlayElement)},this.onMedianColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.medianSymbol,this._messages.medianStyle??"",this.medianOverlayElement)},this.onStandardDevColorSelect=e=>{e.stopImmediatePropagation(),this.onColorElementSelect(this.model.standardDevSymbol,this._messages.standardDevStyle??"",this.standardDevOverlayElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.updateProps=e=>{try{if(e.detail!==null&&e.detail!==void 0){let{contentKind:t}=e.detail,{value:i}=e.detail;switch(_(B),t){case m.transformation:this.model.dataTransformationType=i??u.None;break;case m.numericFields:this.model.numericField=i??"";break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeHistogramDataPopover(),this.requestUpdate()},this.updateSymbolProps=e=>{if(this.selectedBinColorSymbol!==void 0)this.onBinColorChange(e);else switch(this.selectedOverlayKind){case a.Mean:this.onMeanStyleChange(e);break;case a.Median:this.onMedianStyleChange(e);break;case a.StandardDev:this.onStandardDevStyleChange(e);break;case a.NormalDist:this.onNormalDistStyleChange(e);break}},this.popoverClose=e=>{this.histogramPopover===e.target&&(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=void 0,this.selectedNumericalField=void 0,this.selectedTransformationType=void 0,this.binColorSelected=!1),this.removeHistogramDataPopover()},this.binColorSelected=!1,this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=p(),this.arcgisChartsConfigHistogramDataPopoverChange=p()}static{this.properties={binColorSelected:16,selectedBinColorSymbol:16,selectedOverlaySymbol:16,selectedNumericalField:16,selectedTransformationType:16,selectedOverlaySymbolType:1,messageOverrides:0,model:0,meanValue:9,medianValue:9,standardDevValue:9,minValue:9,maxValue:9,sumValue:9,nullsValue:9,countValue:9,layerFieldsInfo:0,open:5}}static{this.styles=R}get selectedBinColorSymbol(){return this._selectedBinColorSymbol}set selectedBinColorSymbol(e){this._selectedBinColorSymbol=e,this.histogramPopover&&(this.histogramPopover.selectedBinColor=e)}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeHistogramDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}removeHistogramDataPopover(){this.histogramPopover!==null&&(this.histogramPopover=j(this.histogramPopover))}getDataTransformationLabel(){let e;switch(this.model.dataTransformationType){case u.None:e=this._messages.none??"";break;case u.Log:e=this._messages.log??"";break;case u.Sqrt:e=this._messages.sqRt??"";break;default:e=this._messages.none??"";break}return e}getStatValue(e){let t;switch(e){case o.Min:t=this.minValue;break;case o.Max:t=this.maxValue;break;case o.Sum:t=this.sumValue;break;case o.Nulls:t=this.nullsValue;break;case o.Count:t=this.countValue!==void 0&&this.nullsValue!==void 0?this.countValue+this.nullsValue:Number.NaN;break;case o.CountExcludingNulls:t=this.countValue;break;case o.Mean:t=this.meanValue;break;case o.Median:t=this.medianValue;break;case o.StandardDev:t=this.standardDevValue;break;default:t=void 0;break}return A(t,F)}binCountChange(e){let t=Number.parseInt(e);this.model.binCount!==t&&(this.model.binCount=t,this.binInputElement.value&&f({inputElement:this.binInputElement.value,status:$.IDLE}))}onColorElementSelect(e,t,i){this.binColorSelected=i===void 0,e.type===L.SFS?(this.selectedOverlaySymbol=void 0,this.selectedBinColorSymbol=e,this.contentKind=m.fillSymbol):(this.selectedBinColorSymbol=void 0,this.selectedOverlaySymbol=e,this.overlaySectionElement=i,this.contentKind=m.lineSymbol),this.popoverHeading=t,this.setupPopover()}onNumericFieldSelect(e){e.stopImmediatePropagation(),this.selectedNumericalField=this.model.numericField,this.contentKind=m.numericFields,this.setupPopover()}onTransformationSelect(e){e.stopImmediatePropagation(),this.selectedTransformationType=this.model.dataTransformationType,this.contentKind=m.transformation,this.setupPopover()}onBinColorSelect(e){e.stopImmediatePropagation(),this.onColorElementSelect(this.model.binSymbol,this._messages.binColor??"")}onBinColorChange(e){this.model.colorMatch=!1,this.model.binSymbol=e.detail,this.selectedBinColorSymbol=e.detail}onMeanStyleChange(e){this.model.meanSymbol=e.detail}onMedianStyleChange(e){this.model.medianSymbol=e.detail}onStandardDevStyleChange(e){this.model.standardDevSymbol=e.detail}onNormalDistStyleChange(e){this.model.normalDistSymbol=e.detail}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onOverlayListChange(e){let t=e.target.selectedItems.map(h=>h.value),i=t.includes(a.Mean),d=t.includes(a.Median),r=t.includes(a.StandardDev),c=t.includes(a.NormalDist);this.meanOverlayVisible!==i&&(this.model.showMeanOverlay=i,this.meanOverlayVisible=i),this.medianOverlayVisible!==d&&(this.model.showMedianOverlay=d,this.medianOverlayVisible=d),this.standardDevOverlayVisible!==r&&(this.model.showStandardDevOverlay=r,this.standardDevOverlayVisible=r),this.normalDistOverlayVisible!==c&&(this.model.showNormalDistOverlay=c,this.normalDistOverlayVisible=c)}setupPopover(){this.removeHistogramDataPopover();let e=[...this.layerFieldsInfo],t,i,d="trailing",r,c,h,g;switch(this.contentKind){case m.transformation:r=this.selectedTransformationType,t=this.transformationSelectionElement.value,h=void 0,g=void 0,c=void 0;break;case m.numericFields:c=this.selectedNumericalField,t=this.numericalFieldSelectionElement.value,h=void 0,g=void 0,r=void 0;break;case m.fillSymbol:t=this.binColorSectionElement.value,h=this.selectedBinColorSymbol,i=this.popoverHeading,d="leading",g=void 0,r=void 0,c=void 0;break;case m.lineSymbol:this.selectedOverlayKind=this.overlaySectionElement?.value,t=this.overlaySectionElement,g=this.selectedOverlaySymbol,i=this.popoverHeading,h=void 0,r=void 0,c=void 0;break}this.histogramPopover=M(l`<arcgis-charts-config-histogram-popover .headingTitle=${i} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .placement=${d} .selectedNumericField=${c} .selectedTransformationType=${r} .selectedBinColor=${h} .selectedOverlaySymbol=${g} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigHistogramPopoverChange=${this.updateProps} @arcgisChartsConfigHistogramPopoverSymbolChange=${this.updateSymbolProps}></arcgis-charts-config-histogram-popover>`),!document.body.contains(this.histogramPopover)&&this.histogramPopover!==null&&document.body.appendChild(this.histogramPopover)}renderFieldSelect(){return l`<arcgis-charts-config-field-picker .label=${I(this.layerFieldsInfo,this.model.numericField)} @click=${this.onNumericFieldSelect} ${v(this.numericalFieldSelectionElement)}></arcgis-charts-config-field-picker>`}renderDataTransformationType(){return l`<arcgis-charts-config-field-picker .label=${this.getDataTransformationLabel()} @click=${this.onTransformationSelect} ${v(this.transformationSelectionElement)}></arcgis-charts-config-field-picker>`}renderColorListItem(e){let{textLabel:t,key:i,value:d,selected:r,ref:c,colorAction:h,color:g}=e,[E,z,U,q]=[...g??x()];return D(i,l`<calcite-list-item .label=${t??""} .value=${d} .selected=${r} ${v(c??void 0)}><calcite-action text=color slot=actions-end appearance=transparent @click=${h}><calcite-icon icon=line-solid style=${y(E!==void 0?{color:`rgba(${E},${z},${U},${(q??0)/255})`}:{})}></calcite-icon></calcite-action></calcite-list-item>`)}renderBinColorElement(){let[e,t,i,d]=[...this.model.binSymbol?.color??P(0)];return l`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.binColor} value=selectTrendLine .selected=${this.binColorSelected} @click=${this.onBinColorSelect} ${v(this.binColorSectionElement)}><calcite-icon slot=content-end icon=square-f style=${y({color:`rgba(${e},${t},${i},${d/255})`})} class=${s(n.iconSelect)}></calcite-icon></calcite-list-item></calcite-list>`}renderNormalDistOverlay(){return this.normalDistOverlayVisible=this.model.showNormalDistOverlay,this.renderColorListItem({textLabel:this._messages.normalDist,color:this.model.normalDistSymbol?.color,key:a.NormalDist,value:a.NormalDist,selected:this.model.showNormalDistOverlay,ref:e=>{this.normalDistOverlayElement=e},colorAction:this.onNormalDistColorSelect})}renderMeanOverlay(){return this.meanOverlayVisible=this.model.showMeanOverlay,this.renderColorListItem({textLabel:this._messages.mean,textDescription:this.meanValue,color:this.model.meanSymbol?.color,key:a.Mean,value:a.Mean,selected:this.model.showMeanOverlay,ref:e=>{this.meanOverlayElement=e},colorAction:this.onMeanColorSelect})}renderStandardDevOverlay(){return this.standardDevOverlayVisible=this.model.showStandardDevOverlay,this.renderColorListItem({textLabel:this._messages.standardDev,textDescription:this.standardDevValue,color:this.model.standardDevSymbol?.color,key:a.StandardDev,value:a.StandardDev,selected:this.model.showStandardDevOverlay,ref:e=>{this.standardDevOverlayElement=e},colorAction:this.onStandardDevColorSelect})}renderMedianOverlay(){return this.medianOverlayVisible=this.model.showMedianOverlay,this.renderColorListItem({textLabel:this._messages.median,textDescription:this.medianValue,color:this.model.medianSymbol?.color,key:a.Median,value:a.Median,selected:this.model.showMedianOverlay,ref:e=>{this.medianOverlayElement=e},colorAction:this.onMedianColorSelect})}renderOverlayList(){return l`<calcite-list label selection-mode=multiple @calciteListChange=${this.onOverlayListChange}>${this.renderNormalDistOverlay()}${this.renderMeanOverlay()}${this.renderMedianOverlay()}${this.renderStandardDevOverlay()}</calcite-list>`}renderStatItem(e){return D(e,l`<calcite-list-item .label=${this._messages[e]} .description=${this.getStatValue(e)} .value=${e}></calcite-list-item>`)}renderStats(){let e=Object.values(o);return T(this.model.layer)&&(e=e.filter(t=>t!==o.Nulls&&t!==o.Count)),l`<calcite-list label class=${s(n.histogramStatsList)}>${e.map(t=>this.renderStatItem(t))}</calcite-list>`}renderShowDataLabels(){return l`<div class=${s(n.row)}><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></div>`}renderBinsSection(){return l`<div class=${s(n.binCountContainer)}><calcite-slider label-handles min=1 max=64 step=1 snap .value=${this.model.binCount} @calciteSliderChange=${this.onBinCountSliderChange} ${v(this.binSliderElement)}></calcite-slider><calcite-input type=number min=1 max=64 step=1 .value=${K(this.model.binCount)} @calciteInputInput=${this.onBinCountChange} ${v(this.binInputElement)}></calcite-input></div>`}render(){let e=this.renderFieldSelect(),t=this.renderDataTransformationType();return l`<div class=${s(n.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${s(n.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${s(n.sectionLabel)}>${this._messages.bins}</div><p class=${s(n.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${s(n.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${s(n.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`}};V("arcgis-charts-config-histogram-data",O);return O},c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{d as t}from"./JYC77MVD.js";import a from"./
|
|
2
|
+
import{d as t}from"./JYC77MVD.js";import a from"./V6LKZUEZ.js";import"./H57XAQPI.js";import"./BGOWDCTO.js";import"./SCU3SBSN.js";import"./KX7KGXKQ.js";import{l as r}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{B as h,H as d,g as n,i,n as c}from"./MARXRC6B.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{Ma:f,Za:u,bb:C,ta:g,va:m,za:p}])=>{var F=n`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,l=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let a=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.arcgisChartsConfigNoSeriesUpdate=c()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=F}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model),this.updateDataFilters()}willUpdate(e){let a=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!r(e.get("layer"),this.layer)&&(a=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==void 0&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==void 0&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(a=!0),e.has("seriesColor")&&this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){this.activeColorMatch=e?.get(0)===void 0,this.model.colorMatch&&e?.forEach((a,s)=>{u(a)&&e?.get(0)!==void 0&&a?.color!==void 0&&!r(this.model.getSeriesColor(s),a?.color)&&this.model.setSeriesColor(a?.color,s)})}async updateDataFilters(){let e=this.model.getDataFilters(),a=e?.where,s=this.layer?.definitionExpression??void 0;r(a,s)||await this.model.setDataFilters({...e,where:s})}async updateFetchLayerFieldsInfo(e){let a=e??this.model.config,s=this.layer;if(!s){let o=C(a)?a.iLayer:void 0;o&&(s=await g(o))}s&&(await f(s),this.layerFieldsInfo=m(s,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e=this.layerFieldsInfo?.find(o=>o.name===this.model.xAxisField),a=e!==void 0&&p(e),s;switch(this.page){case t.Data:s=i`<arcgis-charts-config-bar-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-bar-chart-data>`;break;case t.Series:s=i`<arcgis-charts-config-bar-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-bar-chart-series>`;break;case t.Axes:s=i`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:s=i`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${a} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;break;case t.Format:s=i`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:s=i`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:s="";break}return s}};d("arcgis-charts-config-bar-chart",l);return l},a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as c}from"./
|
|
2
|
+
import{a as c}from"./3ZGG7Q5M.js";import{b as k}from"./IHO3OLL3.js";import e from"./7DIQIFKR.js";import{i as s}from"./JYC77MVD.js";import{a as $}from"./U43KANH5.js";import d from"./54W4C75M.js";import a from"./V6LKZUEZ.js";import{n as b}from"./H57XAQPI.js";import"./BGOWDCTO.js";import{i as C}from"./SCU3SBSN.js";import{f as y}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as h,B as f,C as i,H as v,g,i as t,n as p,z as m}from"./MARXRC6B.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{c as o}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{ya:u},,{a:P,l:S}])=>{var l={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",header:"header",popoverPickList:"popover-pick-list",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},T=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}.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 .inline{padding:0 1rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.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=T}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===s.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(o.None,t`<calcite-list-item .label=${this._messages.none} .value=${o.None} .selected=${this.selectedTransformationType===o.None}></calcite-list-item>`),c(o.Log,t`<calcite-list-item .label=${this._messages.log} .value=${o.Log} .selected=${this.selectedTransformationType===o.Log}></calcite-list-item>`),c(o.Sqrt,t`<calcite-list-item .label=${this._messages.sqRt} .value=${o.Sqrt} .selected=${this.selectedTransformationType===o.Sqrt}></calcite-list-item>`)];n.push(...r)}return n}getPopoverClass(){return this.contentKind===s.fillSymbol||this.contentKind===s.lineSymbol?l.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,x]=n,w=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:y.SFS,color:[r,a,x,w]})}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(l.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(l.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(s.numericFields);return t`<calcite-panel class=${i(l.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(s.transformation);return t`<calcite-panel class=${i(l.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(l.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(l.popoverPickList)} @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 s.fillSymbol:return this.renderFillColor();case s.lineSymbol:return this.renderOverlayStyle();case s.numericFields:return this.renderFieldSelect();case s.transformation:return this.renderTransformationSelect();default:return}}};v("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{l as d}from"./
|
|
2
|
+
import{l as d}from"./MARXRC6B.js";var C=(t,s)=>{let e=t;for(;e;){if(e===s)return!0;if(!e.parentNode)return!1;e.parentNode instanceof ShadowRoot?e=e.parentNode.host:e=e.parentNode}return!1},u=(t,s,e)=>{let n=E(s).subscribe;return n(o=>{o.some(a=>C(t,a.target))&&e()})},g={},E=t=>{let s=t.join(","),e=g[s];if(e!==void 0)return e;let n=new Set,o=new MutationObserver(a=>n.forEach(i=>i(a)));globalThis.document&&o.observe(document.documentElement,{attributes:!0,attributeFilter:t,subtree:!0});let r={subscribe:a=>(n.add(a),()=>{n.delete(a),n.size===0&&(o.disconnect(),g[s]=void 0)})};return g[s]=r,r},h=(t,s)=>{let e=t;for(;e;){let n=e.closest?.(s);if(n)return n;let o=e.getRootNode?.();if(o===globalThis.document)return;e=o?.host}};function b(t){let s=h(t,".calcite-mode-dark, .calcite-mode-light, .calcite-mode-auto");return s?.classList.contains("calcite-mode-dark")||s?.classList.contains("calcite-mode-auto")&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}var v=t=>l(t,"dir","ltr"),l=(t,s,e)=>h(t,`[${s}]`)?.getAttribute(s)??e;var A=t=>{let s=l(t,"lang",globalThis.navigator?.language||c);return{lang:s,t9nLocale:p(s)}},U=(t,s,e,n)=>{let o,r=()=>$(t,s(),n).then(a=>{(o?.lang!==a.lang||o.t9nLocale!==a.t9nLocale||o.t9nStrings!==a.t9nStrings)&&e(a),o=a}).catch(a=>{d("error","intl","Error updating component locale state",{detail:{error:a}})});return queueMicrotask(r),u(t,["lang"],r)},$=async(t,s,e=t.localName.split("-").slice(1).join("-"))=>{let{lang:n,t9nLocale:o}=A(t),r=`${s}/${e}/t9n`,i=e===null?{}:await S(o,r,"messages.");return{lang:n,t9nLocale:o,t9nStrings:i}};var N="ar,bg,bs,ca,cs,da,de,el,en,es,et,fi,fr,he,hr,hu,id,it,ja,ko,lt,lv,nl,nb,no,pl,pt-BR,pt-PT,ro,ru,sk,sl,sr,sv,th,tr,uk,vi,zh-CN,zh-HK,zh-TW".split(","),y=new Set(N),c="en",L={pt:"pt-BR",nb:"no",nn:"no",zh:"zh-CN"},S=async(t,s,e="")=>{let n=`${s}/${e}`,o=`${n}${t}.json`;return f[o]??=m(t,n),await f[o]},f={},m=async(t,s)=>{let e=`${s}${t}.json`;try{let n=await fetch(e);if(n.ok)return await n.json()}catch(n){return d("error","intl",`An unknown error occurred while fetching localization strings at ${e}`,{detail:{error:n}}),{}}return t===c?{}:await m(c,s)},p=t=>{let[s,e]=t.split("-"),n=s.toLowerCase(),o=n;return e&&(o=`${n}-${e.toUpperCase()}`),o=L[o]??o,y.has(o)?o:e?p(n):c};export{u as a,b,v as c,A as d,U as e,y as f,c as g,S as h,p as i};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as b}from"./CHZMNR2R.js";import{a as P}from"./IHO3OLL3.js";import e from"./UMYQZXPT.js";import"./JYC77MVD.js";import{a as z}from"./MBL6ZAKF.js";import c from"./KDLRVDVQ.js";import a from"./FHCIXPMQ.js";import"./H57XAQPI.js";import"./BGOWDCTO.js";import{Da as I,o as S}from"./SCU3SBSN.js";import{f as G}from"./KX7KGXKQ.js";import{c as N,h as f,k as _}from"./SP2IPHWF.js";import"./HMBXRL4X.js";import{A as g,B as T,C as s,D as p,F as C,H as x,g as E,i as d,z as m}from"./5DUKB563.js";import{f as h}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:y,g:u,r:M}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=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)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.label .slider-input-container{display:flex}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,w]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${w/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===S.emptySliceId?o=this._messages.emptySlice??"":o===S.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${N(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};x("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
|
|
2
|
+
import{a as b}from"./3ZGG7Q5M.js";import{a as P}from"./IHO3OLL3.js";import e from"./7DIQIFKR.js";import"./JYC77MVD.js";import{a as z}from"./U43KANH5.js";import c from"./54W4C75M.js";import a from"./V6LKZUEZ.js";import"./H57XAQPI.js";import"./BGOWDCTO.js";import{Da as I,o as S}from"./SCU3SBSN.js";import{f as G}from"./KX7KGXKQ.js";import{c as N,h as f,k as _}from"./SP2IPHWF.js";import"./NZ2C5DJB.js";import{A as g,B as T,C as s,D as p,F as C,H as x,g as E,i as d,z as m}from"./MARXRC6B.js";import{f as h}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:y,g:u,r:M}])=>{var a={sectionLabel:"section-label",label:"label",sliceList:"slice-list",radioGroup:"radio-group",pieDonutLabelsContainer:"pie-donut-labels-container",sliderInputContainer:"slider-input-container",groupingLabelContainer:"grouping-label-container",numberInput:"number-input"},k=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)}.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)}.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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.label .slider-input-container{display:flex}.slice-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)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`,L=class extends T{constructor(){super(...arguments),this._messages=z(),this.slicesPopover=null,this.donutSizeSliderElement=m(),this.groupingThresholdElement=m(),this.groupingThresholdSliderElement=m(),this.labelCharacterLimitElement=m(),this.decimalPlacesElement=m(),this.open=!1,this.onDonutSizeSliderChange=f(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=f(()=>{let e=this.groupingThresholdSliderElement.value?.value;e!==void 0&&!Number.isNaN(e)?(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=e.toString()),this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=e),this.model.groupingThreshold=e):this.model.groupingThreshold=0},y.SliderTimer),this.sliceNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let l=e.detail?.name,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?this.model.setSliceName(l,i):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.sliceGrouping={...t,label:l})}},this.sliceColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:l}=e.detail,i=this.model.slices?.findIndex(r=>r.sliceId===this.selectedSliceId),t=this.model.sliceGrouping;i!=null&&i>=0?(this.model.colorMatch=!1,this.model.setSliceColor(l,i)):t?.sliceId===this.selectedSliceId&&t!==void 0&&(this.model.colorMatch=!1,this.model.sliceGrouping={...t,fillSymbol:{...t.fillSymbol,type:G.SFS,color:l}})}},this.slicesPopoverClose=e=>{let{selectedSliceId:l}=e.detail;l===this.selectedSliceId&&(this.selectedSliceId=void 0,this.slicesPopover=P(this.slicesPopover))},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverPlacement="leading"}static{this.properties={selectedSliceId:16,messageOverrides:0,model:0,popoverPlacement:1,chartData:0}}static{this.styles=k}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSliceId")&&this.selectedSliceIdChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSlicesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,l){l?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSliceIdChange(){if(!_(this.selectedSliceId)){let e=this.model.slices,l=this.model.sliceGrouping,i,t;if(this.selectedSliceId===l?.sliceId)i=l?.label,t=l?.fillSymbol?.color;else if(e!==void 0){let r=e.findIndex(n=>n.sliceId===this.selectedSliceId);i=this.model.getSliceName(r),t=this.model.getSliceColor(r)}this.slicesPopover=C(d`<arcgis-charts-config-pie-chart-slices-popover .referenceElement=${this.el} .placement=${this.popoverPlacement} .open=${this.open} .selectedSliceId=${this.selectedSliceId} .selectedName=${i} .selectedColor=${t} @arcgisChartsConfigSlicesPopoverColorChange=${this.sliceColorChange} @arcgisChartsConfigSlicesPopoverNameChange=${this.sliceNameChange} @arcgisChartsConfigPopoverClose=${this.slicesPopoverClose}></arcgis-charts-config-pie-chart-slices-popover>`),this.slicesPopover&&!document.body.contains(this.slicesPopover)&&document.body.appendChild(this.slicesPopover)}}removeSlicesPopover(){this.slicesPopover!==void 0&&this.slicesPopover!==null&&(this.slicesPopover.open=!1,this.slicesPopover.selectedName=void 0,this.slicesPopover.selectedColor=void 0,this.slicesPopover=P(this.slicesPopover))}buildSliceListItem(){let e="#CCCCCC",l="minus-square",i=[],t=this.model.slices,r=this.chartData?.dataItems;r&&(t=t?.filter(c=>r?.findIndex(o=>o.arcgis_charts_slice_id===c.sliceId)!==-1)),t?.forEach(c=>{if(c.fillSymbol?.color!==void 0){l="square-f";let[o,v,$,w]=[...c.fillSymbol.color];e=`rgba(${o},${v},${$},${w/255})`}if(c!==void 0&&!this.model.groupedSliceIds.includes(c.sliceId)){let o=c.sliceId;o===S.emptySliceId?o=this._messages.emptySlice??"":o===S.nullSliceId&&(o=this._messages.nullSlice??""),i?.push(b(c.sliceId,d`<calcite-list-item .label=${c.label??c.sliceId} .description=${o} .value=${c.sliceId} .selected=${this.selectedSliceId===c.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[c,o,v,$]=[...n.fillSymbol.color];e=`rgba(${c},${o},${v},${$/255})`}return this.model.groupedSliceIds.length>0&&i?.push(b(n?.sliceId,d`<calcite-list-item .label=${n?.label??n?.sliceId??""} .description=${this._messages.groupedSlices} .value=${n?.sliceId??""} .selected=${this.selectedSliceId===n?.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`)),i}buildGroupedSlicesListItem(){let e="#CCCCCC",l="minus-square",i=[];return this.model.slices?.forEach(t=>{if(t.fillSymbol?.color!==void 0){l="square-f";let[r,n,c,o]=[...t.fillSymbol.color];e=`rgba(${r},${n},${c},${o/255})`}t!==void 0&&this.model.groupedSliceIds.includes(t.sliceId)&&i?.push(b(t.sliceId,d`<calcite-list-item .label=${t.label??t.sliceId} .description=${t.sliceId} .value=${t.sliceId} .selected=${this.selectedSliceId===t.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${p({color:e})}></calcite-icon></calcite-list-item>`))}),i}buildSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSliceListItem()}</calcite-list>`}buildGroupedSliceList(){return d`<calcite-list label class=${s(a.sliceList)} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildGroupedSlicesListItem()}</calcite-list>`}onGroupingThresholdChange(e){let l=e.target.value,i=Number.parseInt(l);i>100?i=100:i<0&&(i=0),Number.isNaN(i)?this.model.groupingThreshold=0:(this.groupingThresholdElement?.value&&(this.groupingThresholdElement.value.value=i.toString()),this.model.groupingThreshold=i,this.groupingThresholdSliderElement.value&&(this.groupingThresholdSliderElement.value.value=i))}onLabelCharacterLimitChange(e){let l=e.target.value,i=Number.parseInt(l);i<1&&(i=1),Number.isNaN(i)?this.model.labelCharacterLimit=null:(this.labelCharacterLimitElement.value&&(this.labelCharacterLimitElement.value.value=i.toString()),this.model.labelCharacterLimit=i)}onDecimalPlacesChange(e){let l=e.target.value,i=Number.parseInt(l);i<0?i=0:i>20&&(i=20),Number.isNaN(i)?this.model.decimalPlaces=0:(this.decimalPlacesElement.value&&(this.decimalPlacesElement.value.value=i.toString()),this.model.decimalPlaces=i)}onDisplayTypeChange(e){let l=e.target.selectedItem;this.model.displayType=l?.value}resetSlicesOriginal(){this.selectedSliceId=void 0,this.model.colorMatch=!0,this.model.resetSlices()}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:l,oldIndex:i}=e.detail;this.model.moveSeries(i??0,l??i??0)}}openSlicesPopover(e){e.stopImmediatePropagation(),this.removeSlicesPopover();let l=e.target,i=l.localName==="calcite-list-item"?l:l.parentNode;i.value===this.model.sliceGrouping?.sliceId?this.selectedSliceId=this.model.sliceGrouping?.sliceId:this.selectedSliceId=i.value,this.open=!0}createTooltip(e){let l=e.target;this.tooltip=C(d`<calcite-tooltip style=${p({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${l} open placement=top .innerHTML=${this._messages.groupingInfo??""??""}></calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){M(this.tooltip)}render(){return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize??I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${N(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${u(this.model.groupingThreshold??0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${e=>{e.stopPropagation()}} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${u(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${u(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType===h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType===h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType===h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`}};x("arcgis-charts-config-pie-chart-slices",L);return L},a,c,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import e from"./
|
|
2
|
+
import e from"./TEWEPSIO.js";import d from"./EAV3KAS7.js";import c from"./54W4C75M.js";import b from"./V6LKZUEZ.js";import{w as k}from"./H57XAQPI.js";import{F as p,H as f,c as a}from"./SCU3SBSN.js";export default $arcgis.t(([{wb:N},{q:R},{b:i,c:l},{a:E,b:q,d:U,f:M}])=>{var G=Object.defineProperty,W=Object.getOwnPropertyDescriptor,Z=(e,t,o,c)=>{for(var r=W(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&G(t,o,r),r},J=e=>e.title?.content,K=(e,t)=>{if(e){let o=E(t);t.title===void 0&&(t.title=f({text:"",visible:!0,font:p(a.ChartTitle),type:a.ChartTitle})),t.title.content=e,t.title.content.text=o}},g=class extends i{get titleSymbol(){return J(this._config)}set titleSymbol(t){K(t,this._config)}};Z([l],g.prototype,"titleSymbol");var Q=Object.defineProperty,X=Object.getOwnPropertyDescriptor,$=(e,t,o,c)=>{for(var r=X(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Q(t,o,r),r},b=class extends i{get config(){return this._config}set config(t){this._config=t}};$([l],b.prototype,"config");var V=class extends i{get layer(){return this.layerInfo?.layer}},A=e=>e.id,tt=(e,t)=>{t.id=e},F=class extends i{get chartId(){return A(this._config)}set chartId(t){tt(t,this._config)}},et=e=>e.version,w=class extends i{get version(){return et(this._config)}},rt=Object.defineProperty,ot=Object.getOwnPropertyDescriptor,st=(e,t,o,c)=>{for(var r=ot(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&rt(t,o,r),r},H=e=>e.subtitle?.content.text??"",nt=(e,t)=>{t.subtitle!==void 0?t.subtitle.content.text=e:e!==void 0&&(t.subtitle=f({text:e,visible:!0,font:p(a.ChartSubtitle)}))},d=class extends i{get subtitleText(){return H(this._config)}set subtitleText(t){nt(t,this._config)}};st([l],d.prototype,"subtitleText");var it=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(e,t,o,c)=>{for(var r=ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&it(t,o,r),r},at=e=>e.subtitle?.content,pt=(e,t)=>{if(e){let o=H(t);t.subtitle===void 0&&(t.subtitle=f({text:"",visible:!0,font:p(a.ChartSubtitle),type:a.ChartSubtitle})),t.subtitle.content=e,t.subtitle.content.text=o}},h=class extends i{get subtitleSymbol(){return at(this._config)}set subtitleSymbol(t){pt(t,this._config)}};lt([l],h.prototype,"subtitleSymbol");var ft=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,bt=(e,t,o,c)=>{for(var r=gt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ft(t,o,r),r},Y=e=>e.footer?.content.text??"",dt=(e,t)=>{t.footer!==void 0?t.footer.content.text=e:e!==void 0&&(t.footer=f({text:e,visible:!0,font:p(a.DescriptionText)}))},u=class extends i{get descriptionText(){return Y(this._config)}set descriptionText(t){dt(t,this._config)}};bt([l],u.prototype,"descriptionText");var ht=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,yt=(e,t,o,c)=>{for(var r=ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ht(t,o,r),r},vt=e=>e.footer?.content,xt=(e,t)=>{if(e){let o=Y(t);t.footer===void 0&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText),type:a.DescriptionText})),t.footer.content=e,t.footer.content.text=o}},y=class extends i{get descriptionSymbol(){return vt(this._config)}set descriptionSymbol(t){xt(t,this._config)}};yt([l],y.prototype,"descriptionSymbol");var Ot=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,jt=(e,t,o,c)=>{for(var r=_t(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Ot(t,o,r),r},Pt=e=>e.title?e.title.visible??!0:!1,mt=(e,t)=>{t.title!==void 0?t.title.visible=e:t.title=f({text:"",visible:e,font:p(a.ChartTitle)})},v=class extends i{get chartTitleVisibility(){return Pt(this._config)}set chartTitleVisibility(t){mt(t,this._config)}};jt([l],v.prototype,"chartTitleVisibility");var Dt=Object.defineProperty,St=Object.getOwnPropertyDescriptor,Tt=(e,t,o,c)=>{for(var r=St(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Dt(t,o,r),r},Vt=e=>e.subtitle?e.subtitle.visible??!0:!1,Ft=(e,t)=>{t.subtitle!==void 0?t.subtitle.visible=e:t.subtitle=f({text:"",visible:e,font:p(a.ChartSubtitle)})},x=class extends i{get chartSubtitleVisibility(){return Vt(this._config)}set chartSubtitleVisibility(t){Ft(t,this._config)}};Tt([l],x.prototype,"chartSubtitleVisibility");var wt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,It=(e,t,o,c)=>{for(var r=Ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&wt(t,o,r),r},B=e=>e.footer?.visible??!1,zt=(e,t)=>{t.footer!==void 0?t.footer.visible=e:e!==B(t)&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText)}))},O=class extends i{get descriptionVisibility(){return B(this._config)}set descriptionVisibility(t){zt(t,this._config)}};It([l],O.prototype,"descriptionVisibility");var Lt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,Nt=(e,t,o,c)=>{for(var r=kt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Lt(t,o,r),r},Rt=e=>e.chartRenderer,Et=(e,t)=>{t.chartRenderer=e},_=class extends i{get chartRenderer(){return Rt(this._config)}set chartRenderer(t){Et(t,this._config)}};Nt([l],_.prototype,"chartRenderer");var qt=Object.defineProperty,Ut=Object.getOwnPropertyDescriptor,Mt=(e,t,o,c)=>{for(var r=Ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&qt(t,o,r),r},Ht=e=>e.background,Yt=(e,t)=>{t.background=e},j=class extends i{get backgroundColor(){return Ht(this._config)}set backgroundColor(t){Yt(t,this._config)}};Mt([l],j.prototype,"backgroundColor");var Bt=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,Wt=(e,t,o,c)=>{for(var r=Gt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Bt(t,o,r),r},Zt=(e,t)=>t.series[e].visible??!0,Jt=(e,t)=>{k({detail:e},t)},P=class extends i{getSeriesVisibility(t){return Zt(t,this._config)}setSeriesVisibility(t){Jt(t,this._config)}};Wt([l],P.prototype,"setSeriesVisibility");var Kt=(e,t)=>t.series[e]?.id,C=class extends i{getSeriesId(t){return Kt(t,this._config)}},Qt=(e,t)=>t.series.findIndex(o=>o.id===e),I=class extends i{getSeriesIndex(t){return Qt(t,this._config)}},Xt=e=>N(e.series),z=class extends i{get chartSubType(){return Xt(this._config)}},$t=Object.defineProperty,At=Object.getOwnPropertyDescriptor,te=(e,t,o,c)=>{for(var r=At(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&$t(t,o,r),r},ee=(e,t)=>e.length!==0&&t<e.length?e[t].dataTooltipFontSize:void 0,re=e=>{let{series:t,seriesIndex:o,fontSize:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipFontSize=c)},m=class extends i{getDataTooltipFontSize(t){return ee(this._config.series,t)}setDataTooltipFontSize(t,o){re({series:this._config.series,seriesIndex:o,fontSize:t})}};te([l],m.prototype,"setDataTooltipFontSize");var oe=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ne=(e,t,o,c)=>{for(var r=se(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&oe(t,o,r),r},ie=(e,t)=>{let o;return e.length!==0&&t<e.length&&(o=e[t].dataTooltipValueFormat),o},ce=e=>{let{series:t,seriesIndex:o,valueFormat:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipValueFormat=c)},D=class extends i{getDataTooltipValueFormat(t){return ie(this._config.series,t)}setDataTooltipValueFormat(t,o){ce({series:this._config.series,seriesIndex:t,valueFormat:o})}};ne([l],D.prototype,"setDataTooltipValueFormat");var le=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,pe=(e,t,o,c)=>{for(var r=ae(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&le(t,o,r),r},fe=(e,t)=>{t.series.forEach(o=>{o.query&&(o.query.fetchNullValues=e)})},ge=e=>e.series.some(t=>t.query?.fetchNullValues),S=class extends i{get fetchNULLValues(){return ge(this._config)}set fetchNULLValues(t){fe(t,this._config)}};pe([l],S.prototype,"fetchNULLValues");var be=Object.defineProperty,de=Object.getOwnPropertyDescriptor,he=(e,t,o,c)=>{for(var r=de(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&be(t,o,r),r},ue=e=>e.dataFilters,ye=(e,t)=>{e!==void 0?t.dataFilters=e:delete t.dataFilters},T=class extends i{getDataFilters(){return ue(this._config)}async setDataFilters(t){ye(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}};he([l],T.prototype,"setDataFilters");var L=class extends i{},ve=[b,V,F,q,g,w,d,h,u,y,v,x,O,_,j,P,C,I,M,z,D,m,S,U,T];R(L,ve);return L},b,c,d,e)
|