@arcgis/charts-components 5.1.0-next.87 → 5.1.0-next.89
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/{E236NXER.js → 26POUPWU.js} +1 -1
- package/dist/cdn/{WZ2UHREI.js → 3NMY4J2D.js} +1 -1
- package/dist/cdn/{OQNYW7IP.js → 3P4AQMMY.js} +1 -1
- package/dist/cdn/{JRBIKCLX.js → 3X3Z23AS.js} +1 -1
- package/dist/cdn/{YZABL4ES.js → 4ALZJ3CG.js} +1 -1
- package/dist/cdn/{NL5S3OE6.js → 4ENNLWRL.js} +1 -1
- package/dist/cdn/{DPB4UM43.js → 5YCOKGHG.js} +1 -1
- package/dist/cdn/{S7T24OCU.js → 62TXBTL3.js} +1 -1
- package/dist/cdn/{NZW6ACIT.js → 6YR5YBAA.js} +1 -1
- package/dist/cdn/{Q4T4D2LB.js → 75Z2ZEV6.js} +1 -1
- package/dist/cdn/{LLMY5OHZ.js → B4M5ONG5.js} +1 -1
- package/dist/cdn/{QC5B3B6A.js → BVLTMGGQ.js} +1 -1
- package/dist/cdn/{P5PYOHCA.js → C72UPKF4.js} +1 -1
- package/dist/cdn/{FUA7KDU7.js → CHILDA3R.js} +1 -1
- package/dist/cdn/{MXWWYMFC.js → CJSS55DK.js} +1 -1
- package/dist/cdn/{VYWV24JN.js → DSJH2QJG.js} +1 -1
- package/dist/cdn/{2YZFLCHV.js → EAAJU5TO.js} +1 -1
- package/dist/cdn/{UEWINO5H.js → G3XBMCKE.js} +1 -1
- package/dist/cdn/{AWKPSK42.js → HA5CFOJE.js} +1 -1
- package/dist/cdn/{6U3ROWZZ.js → HJIDBIQL.js} +1 -1
- package/dist/cdn/{H4V744QH.js → I3ZSXBQO.js} +1 -1
- package/dist/cdn/{KSO34SAO.js → JR55BTZ5.js} +1 -1
- package/dist/cdn/{JMR3NFDK.js → KVJZUPVF.js} +1 -1
- package/dist/cdn/{WHVMPOF6.js → N6Q3RRG6.js} +1 -1
- package/dist/cdn/{TS4AXHNJ.js → NM4MDQJP.js} +1 -1
- package/dist/cdn/{Q2EXXGKR.js → NMILLJKN.js} +1 -1
- package/dist/cdn/{QULJVW56.js → OOL3OCF6.js} +1 -1
- package/dist/cdn/{2PY6XJ5J.js → P5LRUJEM.js} +3 -3
- package/dist/cdn/{5P2CIK73.js → PFYY7H3D.js} +1 -1
- package/dist/cdn/{FTMDNRQ4.js → S3MRQDR4.js} +1 -1
- package/dist/cdn/SHV72LSB.js +2 -0
- package/dist/cdn/{IO7XSZZJ.js → U2UMLRH3.js} +1 -1
- package/dist/cdn/{RI3UECXS.js → U35ZUK2Z.js} +1 -1
- package/dist/cdn/{6CGIXX6D.js → UAE2H7RQ.js} +1 -1
- package/dist/cdn/{LRKPA44Q.js → UJLJHKRJ.js} +1 -1
- package/dist/cdn/{45N4ERUO.js → UJLYQ2MQ.js} +1 -1
- package/dist/cdn/{DNF2AXKJ.js → UJYTBVXZ.js} +1 -1
- package/dist/cdn/{GKB2KMVK.js → US7KJPHU.js} +1 -1
- package/dist/cdn/{7BU2NYJF.js → UYTK7QBJ.js} +1 -1
- package/dist/cdn/{MNYJ2GYM.js → WODW55PL.js} +1 -1
- package/dist/cdn/{27R3TDQ3.js → WPJSJKFO.js} +1 -1
- package/dist/cdn/{N72YIV7E.js → X4HMNXVO.js} +1 -1
- package/dist/cdn/{7FAH7JCG.js → XMEDNSCY.js} +1 -1
- package/dist/cdn/{5C6NKK2M.js → Y5Q5HB2N.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-chart/customElement.js +43 -35
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/package.json +3 -3
- package/dist/cdn/A3N7FAEK.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import f from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as b}from"./
|
|
2
|
+
import f from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as b}from"./SHV72LSB.js";import e from"./PE3FCPYX.js";import"./YJXIGYX6.js";import c from"./EVQPWQQD.js";import"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as p,B as a,G as d,g as l,i as o,n as u,y as h,z as g}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{g:f,h:v,i:r,j:m}])=>{var s={container:"container",label:"label",numberInput:"number-input"},x=l`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`,c=class extends p{constructor(){super(...arguments),this._messages=b(),this.decimalPlacesInputElement=h(),this.arcgisChartsConfigNumberFormatChange=u()}static{this.properties={messageOverrides:0,numberFormat:0}}static{this.styles=x}onDecimalPlacesChange(){let t=this.decimalPlacesInputElement.value?.value,i=Math.floor(Number(t)),n=i===Number(t)&&i>=0;if(t!==void 0&&n&&f(t,this.decimalPlacesInputElement.value?.min,this.decimalPlacesInputElement.value?.max)){let F=Number.parseInt(t),e={minimumFractionDigits:this.numberFormat?.minimumFractionDigits,maximumFractionDigits:F};e.maximumFractionDigits!==void 0&&e.minimumFractionDigits!==void 0&&e.minimumFractionDigits>e.maximumFractionDigits&&(e.minimumFractionDigits=e.maximumFractionDigits);let C=this.getUpdatedNumberFormat(e);this.arcgisChartsConfigNumberFormatChange.emit(C),this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.IDLE})}else this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.INVALID})}onShowThousandsSeparatorChange(t){let i=t.target.checked,n=this.getUpdatedNumberFormat({useGrouping:i});this.arcgisChartsConfigNumberFormatChange.emit(n)}getUpdatedNumberFormat(t){return{...this.numberFormat,...t}}render(){return o`<div class=${a(s.container)}><calcite-label class=${a(s.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(s.numberInput)} min=0 max=20 step=1 .value=${v(this.numberFormat?.maximumFractionDigits,2)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(s.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping??!0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div>`}};d("arcgis-charts-config-number-format",c);return c},c,e,f)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as c}from"./F5NS6O5R.js";import{b as k}from"./EEBD6KKN.js";import d from"./NGI7H6FA.js";import{i as s}from"./FPDW4F45.js";import{a as $}from"./
|
|
2
|
+
import{a as c}from"./F5NS6O5R.js";import{b as k}from"./EEBD6KKN.js";import d from"./NGI7H6FA.js";import{i as s}from"./FPDW4F45.js";import{a as $}from"./SHV72LSB.js";import b from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import{z as v}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import{c as o}from"./ETLJKITO.js";import{A as y,B as t,G as f,g,i,n as p,y as m,z as h}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Cc:u,Kb:b,x:C},,{a:P,m:S}])=>{var l={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",jsAppFlyout:"js-app-flyout",header:"header",pickListItemLabel:"pick-list-item-label",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},w=g`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem;padding:0 1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,d=class extends y{constructor(){super(...arguments),this._messages=$(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigHistogramPopoverChange=p(),this.arcgisChartsConfigHistogramPopoverSymbolChange=p(),this.arcgisChartsConfigPopoverClose=p()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:1,selectedNumericField:1,selectedTransformationType:1,selectedOverlaySymbol:0,selectedBinColor:0,referenceElement:0,contentKind:1,placement:1,open:5,selectedOverlaySymbolType:1}}static{this.styles=w}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),k(this.popoverElement.value,this.open)}buildPickListItems(e){let n=[];if(e===s.numericFields)for(let r=0;r<this.layerFieldsInfo?.length;r+=1){let a=this.layerFieldsInfo[r];u(a)&&n.push(c(a.name,i`<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,i`<calcite-list-item .label=${this._messages.none} .value=${o.None} .selected=${this.selectedTransformationType===o.None}></calcite-list-item>`),c(o.Log,i`<calcite-list-item .label=${this._messages.log} .value=${o.Log} .selected=${this.selectedTransformationType===o.Log}></calcite-list-item>`),c(o.Sqrt,i`<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,L]=n,T=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:v.SFS,color:[r,a,L,T]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return i`<arcgis-charts-config-color-style class=${t(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 i`<arcgis-charts-config-line-style class=${t(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 i`<calcite-panel class=${t(l.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${t(l.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${t(l.pickListItemLabel)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(s.transformation);return i`<calcite-panel class=${t(l.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${t(l.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${t(l.pickListItemLabel)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return i`<div class=${t({[l.jsAppFlyout]:!0})}><calcite-popover class=${t(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}}};f("arcgis-charts-config-histogram-popover",d);return d},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as b}from"./F5NS6O5R.js";import{a as P}from"./EEBD6KKN.js";import e from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as z}from"./A3N7FAEK.js";import c from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import{c as x,h as S,k as _,z as G}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{f as h}from"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as T,B as s,C as g,E as C,G as N,g as E,i as d,y as m,z as p}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{B:f,La:I},,{a:y,h:u,s: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`: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{display:flex}.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}.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=S(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=S(()=>{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(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){l="square-f";let[c,v,$,w]=[...o.fillSymbol.color];e=`rgba(${c},${v},${$},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===f.emptySliceId?c=this._messages.emptySlice??"":c===f.nullSliceId&&(c=this._messages.nullSlice??""),i?.push(b(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[o,c,v,$]=[...n.fillSymbol.color];e=`rgba(${o},${c},${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=${g({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,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/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=${g({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,l)}}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=${g({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} ${p(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=${x(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${p(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()}} ${p(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} ${p(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} ${p(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()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a,c,e)
|
|
2
|
+
import{a as b}from"./F5NS6O5R.js";import{a as P}from"./EEBD6KKN.js";import e from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as z}from"./SHV72LSB.js";import c from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import{c as x,h as S,k as _,z as G}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{f as h}from"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as T,B as s,C as g,E as C,G as N,g as E,i as d,y as m,z as p}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{B:f,La:I},,{a:y,h:u,s: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`: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{display:flex}.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}.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=S(()=>{this.donutSizeSliderElement.value&&Number.isInteger(this.donutSizeSliderElement.value?.value)&&(this.model.innerRadiusSize=this.donutSizeSliderElement.value.value??I)},y.SliderTimer),this.onGroupingThresholdSliderChange=S(()=>{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(o=>r?.findIndex(c=>c.arcgis_charts_slice_id===o.sliceId)!==-1)),t?.forEach(o=>{if(o.fillSymbol?.color!==void 0){l="square-f";let[c,v,$,w]=[...o.fillSymbol.color];e=`rgba(${c},${v},${$},${w/255})`}if(o!==void 0&&!this.model.groupedSliceIds.includes(o.sliceId)){let c=o.sliceId;c===f.emptySliceId?c=this._messages.emptySlice??"":c===f.nullSliceId&&(c=this._messages.nullSlice??""),i?.push(b(o.sliceId,d`<calcite-list-item .label=${o.label??o.sliceId} .description=${c} .value=${o.sliceId} .selected=${this.selectedSliceId===o.sliceId} @click=${this.openSlicesPopover}><calcite-icon slot=content-end .icon=${l} style=${g({color:e})}></calcite-icon></calcite-list-item>`))}});let n=this.model.sliceGrouping;if(n?.fillSymbol?.color!==void 0){l="square-f";let[o,c,v,$]=[...n.fillSymbol.color];e=`rgba(${o},${c},${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=${g({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,o,c]=[...t.fillSymbol.color];e=`rgba(${r},${n},${o},${c/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=${g({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,l)}}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=${g({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} ${p(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=${x(u(this.model.groupingThreshold??0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${p(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()}} ${p(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} ${p(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} ${p(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()}`}};N("arcgis-charts-config-pie-chart-slices",L);return L},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a,c,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import d from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as m}from"./
|
|
2
|
+
import d from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as m}from"./SHV72LSB.js";import b from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as h,G as l,g as o,i as g,n as c}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{n:n}])=>{var u="arcgis-charts-config-storage-colors",_=o`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`,a=class extends h{constructor(){super(...arguments),this._messages=m(),this.arcgisColorSelect=c()}static{this.properties={messageOverrides:0,rgba:0,heading:1}}static{this.styles=_}onColorSelect(s){let{value:e}=s.target;if(e!==null){let{r,g:t,b:v}=e,i=[r,t,v,255];this.isNewColor(i)&&this.arcgisColorSelect.emit(i)}}isNewColor(s){let e=!1;return this.rgba===void 0?e=!0:s===void 0?e=!1:e=s[0]!==this.rgba[0]||s[1]!==this.rgba[1]||s[2]!==this.rgba[2],e}render(){let s;if(this.rgba!==void 0){let[e,r,t]=this.rgba;s={r:e,g:r,b:t}}return g`<calcite-label>${this.heading??this._messages.color}</calcite-label><calcite-color-picker .value=${n(s)} @calciteColorPickerInput=${this.onColorSelect} .messageOverrides=${{g:this._messages.g,green:this._messages.green,h:this._messages.h,hex:this._messages.hex,hsv:this._messages.hsv,hue:this._messages.hue,r:this._messages.r,red:this._messages.red,rgb:this._messages.rgb,s:this._messages.s,saturation:this._messages.saturation,saveColor:this._messages.saveColor,saved:this._messages.saved,v:this._messages.v,value:this._messages.value}} clearable .storageId=${u} format=rgb></calcite-color-picker>`}};l("arcgis-charts-config-colors",a);return a},a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as s}from"./TWLIURYH.js";import{b as C}from"./EEBD6KKN.js";import{a as g}from"./
|
|
2
|
+
import{a as s}from"./TWLIURYH.js";import{b as C}from"./EEBD6KKN.js";import{a as g}from"./SHV72LSB.js";import b from"./EVQPWQQD.js";import{z as h}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./ETLJKITO.js";import{A as n,B as m,G as c,g as p,i as o,n as i,y as a,z as l}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([])=>{var d={jsAppFlyout:"js-app-flyout"},f=p``,r=class extends n{constructor(){super(...arguments),this._messages=g(),this.popoverElement=a(),this.placement="leading",this.open=!1,this.arcgisChartsConfigGuidePopoverColorChange=i(),this.arcgisChartsConfigGuidePopoverSymbolChange=i(),this.arcgisChartsConfigPopoverClose=i()}static{this.properties={messageOverrides:0,selectedElement:0,referenceElement:0,placement:1,open:5}}static{this.styles=f}async reposition(){await this.popoverElement.value?.reposition()}updated(){C(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(t){let e=t.detail;e!==void 0&&(e[3]=s),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(t){let{lineStyle:e}=t.target;e?.color!==void 0&&(e.color[3]=s),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(t.detail)}render(){let t=this.selectedElement,e=this.selectedElement;return o`<div class=${m(d.jsAppFlyout)}><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(t)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${t} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===h.SLS&&o`<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);return r},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as E}from"./OLODR474.js";import{a as C}from"./F5NS6O5R.js";import{a as p}from"./EEBD6KKN.js";import{a as w,c as L}from"./7BDNLABD.js";import i from"./NGI7H6FA.js";import{k as l,o as g}from"./FPDW4F45.js";import{a as B}from"./A3N7FAEK.js";import h from"./L4V7IFLS.js";import f from"./PE3FCPYX.js";import"./YJXIGYX6.js";import e from"./EVQPWQQD.js";import{l as b}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{b as c}from"./EZM4ZDQI.js";import{a as I}from"./ETLJKITO.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{C:h,Kb:u,Lb:O},,{h:P},{a:k}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=B(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(w),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s,t)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>k.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return P({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",e,f,h,i)
|
|
2
|
+
import{a as E}from"./OLODR474.js";import{a as C}from"./F5NS6O5R.js";import{a as p}from"./EEBD6KKN.js";import{a as w,c as L}from"./7BDNLABD.js";import i from"./NGI7H6FA.js";import{k as l,o as g}from"./FPDW4F45.js";import{a as B}from"./SHV72LSB.js";import h from"./L4V7IFLS.js";import f from"./PE3FCPYX.js";import"./YJXIGYX6.js";import e from"./EVQPWQQD.js";import{l as b}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{b as c}from"./EZM4ZDQI.js";import{a as I}from"./ETLJKITO.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{C:h,Kb:u,Lb:O},,{h:P},{a:k}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=B(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(w),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s,t)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>k.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return P({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",e,f,h,i)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as Z}from"./OLODR474.js";import{a as x}from"./F5NS6O5R.js";import{a as q}from"./EEBD6KKN.js";import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import j from"./NGI7H6FA.js";import{g as a,o as C}from"./FPDW4F45.js";import{a as A}from"./A3N7FAEK.js";import i from"./L4V7IFLS.js";import g from"./PE3FCPYX.js";import"./YJXIGYX6.js";import e from"./EVQPWQQD.js";import{l as f}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{a as d}from"./EZM4ZDQI.js";import{a as p,b as h,k as S,n as b}from"./ETLJKITO.js";import{A as O,B as r,E,G as T,g as k,i as n,k as w,n as u,y as c,z as m}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Bc:B,Db:F,Dc:R,Ha:D,Ia:_,Kb:y,Lb:V,Pb:z,Qa:N,Xc:I,e:P},,{h:U},{a:j}])=>{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"},G=k`.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)}.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)}`,L=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]!==h.NoAggregation?t[0]:h.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===d.customSort){let o=await this.updateCustomSortProps();this.model.orderByList=o,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===h.Count&&this.model.numericFields[0]!==B(this.model.layer).idField&&(this.model.aggregationType=h.Sum),this.model.getSortOrder()===d.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===d.customSort){let o=await this.updateCustomSortProps();this.model.setSortOrder(s,o)}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&&H($)}}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=G}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=D(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===d.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=_(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===P}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,i)}}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 x(e,n`<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 Z(this.model.orderByList,e=>e,e=>{let i=V(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===N.nullCategory?.text?.trim();return n`<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 x(this.sortOrderResetCounter,n`<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()===d.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>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(d.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,o,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,o=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,o=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,o=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,o=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.barChartPopover=E(n`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} .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=q(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!==h.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return n`<arcgis-charts-config-field-select .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-select>`}renderAggregation(){return n`<arcgis-charts-config-field-select .label=${this.model.aggregationType===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return n`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return n`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=B(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return n`<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===d.customSort&&!this.isCustomSortDisabled?n`<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=z(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(o,s);return[n`<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>`,n`<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 n`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return n`<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(),o=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),J=this.renderIntervalAlignment(),W=this.renderEmptyBins();return n`<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}${o}</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}${J}</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><calcite-label class=${r(l.label)}>${this._messages.emptyBins}${W}</calcite-label></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",L);return L},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",e,g,i,j)
|
|
2
|
+
import{a as Z}from"./OLODR474.js";import{a as x}from"./F5NS6O5R.js";import{a as q}from"./EEBD6KKN.js";import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import j from"./NGI7H6FA.js";import{g as a,o as C}from"./FPDW4F45.js";import{a as A}from"./SHV72LSB.js";import i from"./L4V7IFLS.js";import g from"./PE3FCPYX.js";import"./YJXIGYX6.js";import e from"./EVQPWQQD.js";import{l as f}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{a as d}from"./EZM4ZDQI.js";import{a as p,b as h,k as S,n as b}from"./ETLJKITO.js";import{A as O,B as r,E,G as T,g as k,i as n,k as w,n as u,y as c,z as m}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Bc:B,Db:F,Dc:R,Ha:D,Ia:_,Kb:y,Lb:V,Pb:z,Qa:N,Xc:I,e:P},,{h:U},{a:j}])=>{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"},G=k`.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)}.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)}`,L=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]!==h.NoAggregation?t[0]:h.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===d.customSort){let o=await this.updateCustomSortProps();this.model.orderByList=o,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===h.Count&&this.model.numericFields[0]!==B(this.model.layer).idField&&(this.model.aggregationType=h.Sum),this.model.getSortOrder()===d.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===d.customSort){let o=await this.updateCustomSortProps();this.model.setSortOrder(s,o)}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&&H($)}}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=G}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=D(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===d.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=_(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===P}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,i)}}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 x(e,n`<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 Z(this.model.orderByList,e=>e,e=>{let i=V(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===N.nullCategory?.text?.trim();return n`<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 x(this.sortOrderResetCounter,n`<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()===d.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>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(d.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,o,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,o=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,o=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,o=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,o=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.barChartPopover=E(n`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} .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=q(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!==h.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return n`<arcgis-charts-config-field-select .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-select>`}renderAggregation(){return n`<arcgis-charts-config-field-select .label=${this.model.aggregationType===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return n`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return n`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=B(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return n`<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===d.customSort&&!this.isCustomSortDisabled?n`<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=z(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(o,s);return[n`<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>`,n`<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 n`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return n`<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(),o=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),J=this.renderIntervalAlignment(),W=this.renderEmptyBins();return n`<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}${o}</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}${J}</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><calcite-label class=${r(l.label)}>${this._messages.emptyBins}${W}</calcite-label></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",L);return L},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",e,g,i,j)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as f}from"./OLODR474.js";import{a as v}from"./F5NS6O5R.js";import{b as R,c as U}from"./EEBD6KKN.js";import c from"./NGI7H6FA.js";import{g as l}from"./FPDW4F45.js";import{a as L}from"./A3N7FAEK.js";import b from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import{l as $,t as y}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{a as m}from"./EZM4ZDQI.js";import{b as E,k as p,o as u}from"./ETLJKITO.js";import{A as F,B as o,C as x,E as D,G as A,g as P,i as s,n as C,y as g,z as d}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{substitute:W},,,,,,,,,,,,,,,,,,,,{Cc:B,Dc:_,Fc:K,Gc:k,Ha:T,Ia:z,Kb:w,Pb:N,le:O},,{a:I,d:b,h:j,l:h,p:H,s:M}])=>{var J=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.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={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends F{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=J}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>T(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>z(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},I.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(I.customSortLimit),r=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=D(s`<calcite-tooltip style=${x({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return f(e,i=>i,i=>{let a="";switch(i){case m.xAxisAsc:{t="a-z-down";break}case m.xAxisDesc:{t="a-z-up";break}case m.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case m.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===m.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${m[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=${w(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 r=this.layerFieldsInfo?.[a];r&&B(r)&&i.push(this.buildPickListItem(r))}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 r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];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 r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];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=${o(n.pickListItemLabel)} 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=${o(n.pickListItemLabel)} 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 class=${o(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${o(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=${o(n.pickListItemLabel)} 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=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[p.Second,p.Minute,p.Hour,p.Day,p.Week,p.Month,p.Year];return s`<div><div class=${o(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=${o(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=${o(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 class=${o(n.jsAppFlyout)}><calcite-popover class=${o(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=${o(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a,b,c)
|
|
2
|
+
import{a as f}from"./OLODR474.js";import{a as v}from"./F5NS6O5R.js";import{b as R,c as U}from"./EEBD6KKN.js";import c from"./NGI7H6FA.js";import{g as l}from"./FPDW4F45.js";import{a as L}from"./SHV72LSB.js";import b from"./PE3FCPYX.js";import"./YJXIGYX6.js";import a from"./EVQPWQQD.js";import{l as $,t as y}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{a as m}from"./EZM4ZDQI.js";import{b as E,k as p,o as u}from"./ETLJKITO.js";import{A as F,B as o,C as x,E as D,G as A,g as P,i as s,n as C,y as g,z as d}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{substitute:W},,,,,,,,,,,,,,,,,,,,{Cc:B,Dc:_,Fc:K,Gc:k,Ha:T,Ia:z,Kb:w,Pb:N,le:O},,{a:I,d:b,h:j,l:h,p:H,s:M}])=>{var J=P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.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={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends F{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=J}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>T(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>z(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},I.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(I.customSortLimit),r=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=D(s`<calcite-tooltip style=${x({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return f(e,i=>i,i=>{let a="";switch(i){case m.xAxisAsc:{t="a-z-down";break}case m.xAxisDesc:{t="a-z-up";break}case m.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case m.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===m.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${m[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=${w(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 r=this.layerFieldsInfo?.[a];r&&B(r)&&i.push(this.buildPickListItem(r))}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 r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];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 r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];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=${o(n.pickListItemLabel)} 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=${o(n.pickListItemLabel)} 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 class=${o(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${o(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=${o(n.pickListItemLabel)} 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=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[p.Second,p.Minute,p.Hour,p.Day,p.Week,p.Month,p.Year];return s`<div><div class=${o(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=${o(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=${o(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 class=${o(n.jsAppFlyout)}><calcite-popover class=${o(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=${o(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as k}from"./EEBD6KKN.js";import t from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as z}from"./A3N7FAEK.js";import s from"./6FI7BQHR.js";import q from"./JK4I5WFK.js";import o from"./VGFOPTRV.js";import e from"./MZP3HKKC.js";import d from"./PE3FCPYX.js";import{d as f,f as a}from"./YJXIGYX6.js";import c from"./EVQPWQQD.js";import{A as H,B as O,C as _,a as P,b as C,g as r,i as D,k as b,u as j,z as g}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{j as y,l as X,n as K,o as n,p as v,s as h}from"./T5RPAQYI.js";import{g as i,h as m,i as I}from"./EZM4ZDQI.js";import{a as l}from"./ETLJKITO.js";import{A as N,B as p,E as M,G,g as V,i as u,z as w}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,,,,,{a:T,c:L,e:E},{a:S},{f:R}])=>{var F={type:g.TS,color:[1,1,1,255],font:{family:"Tahoma",size:12,decoration:_.None,style:H.Normal,weight:O.Normal}},$={type:g.SLS,color:[1,1,1,255],style:j.Solid,width:2},x={element:"chart-element",elementList:"element-list",sectionLabel:"section-label"},U=V`:host{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`,A=class extends N{constructor(){super(...arguments),this._messages=z(),this.formatPopover=null,this.selectableElements=[],this.textProperties=[],this.symbolProperties=[],this.symbolPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedTexts=[],this.selectedBackground=[],this.selectedSymbols.includes(s))this.selectedSymbols=[],this.updateSelectedElement(this.selectedSymbols);else{let o=this.getFormatValue(s);this.selectedSymbols=[s],this.initSelectedSymbols(f(o)?o:$)}this.setupFormatPopover()},this.textPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedBackground=[],e.shiftKey){this.selectedTexts=[];let o=this.textProperties.indexOf(this.lastSelectedText??s),c=this.textProperties.indexOf(s);this.textProperties.forEach((d,B)=>{B>=Math.min(o,c)&&B<=Math.max(o,c)&&this.selectedTexts.push(d)}),this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover()}else if(e.ctrlKey)this.selectedTexts.includes(s)?(this.selectedTexts=this.selectedTexts.filter(o=>o!==s),this.updateSelectedElement(this.selectedTexts)):(this.selectedTexts=[...this.selectedTexts,s],this.updateSelectedElement(this.selectedTexts)),this.setupFormatPopover();else if(this.selectedTexts.includes(s))this.selectedTexts=[],this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover();else{let o=this.getFormatValue(s);this.selectedTexts=[s],this.initSelectedTexts(a(o)?o:F),this.setupFormatPopover()}this.lastSelectedText=s},this.backgroundChange=t=>{let e=t;e.stopImmediatePropagation();let s;e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground.includes(s)?(this.selectedBackground=[],this.selectedElement=void 0):(this.selectedBackground=[s],this.selectedElement=b(this.getFormatValue(s))?void 0:this.getFormatValue(s)),this.setupFormatPopover()},this.updateSymbolProps=t=>{let e=t.detail;this.selectedSymbols.forEach(s=>{this.setFormatValue(s,e)}),this.selectedElement=r(t.target.selectedElement)},this.updateBackground=t=>{this.setFormatValue(I.Background,t.detail),this.selectedElement=t.detail},this.updateTextProps=t=>{let{font:e,color:s}=t.detail;this.selectedTexts.forEach(o=>{let c=this.getFormatValue(o),d=a(c)?c:void 0;this.setFormatValue(o,{...d,type:g.TS,font:{...d?.font,...e},color:s??d?.color})}),this.selectedElement=r(t.target.selectedElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.formatPopoverClose=t=>{this.formatPopover===t?.target&&(this.selectedTexts=[],this.selectedSymbols=[],this.selectedBackground=[],this.selectedElement={},this.removeFormatPopover())},this.mergeFormatValues=(t,e)=>{let s=!1;P(t)&&P(e)||C(t)&&C(e)?s=!0:s=t===e;let o=typeof t=="number"||typeof e=="number"?Number.NaN:"";return s?void 0:o},this.updateSelectableElements=t=>{t&&!this.selectableElements.includes(t)&&this.selectableElements.push(t)},this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground=[]}static{this.properties={selectedSymbols:16,selectedTexts:16,selectedBackground:16,selectedElement:16,messageOverrides:0,model:0}}static{this.styles=U}load(){this.modelChange(this.model)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeFormatPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}correctTextElementSelection(){for(let t of this.selectableElements){let e=this.selectedTexts.includes(t.value)||this.selectedSymbols.includes(t.value)||this.selectedBackground.includes(t.value);t.selected=e}}updateSelectedElement(t,e){if(this.selectedElement=void 0,e===void 0){let s=r(this.getFormatValue(t[0]));this.selectedElement=t?.reduce((o,c)=>{let d=this.getFormatValue(c);return D(o,d,this.mergeFormatValues)},s)}else{let s=r(e);b(e)&&(this.selectedSymbols?.length>0&&(s=r($)),this.selectedTexts?.length>0&&(s=r(F))),this.selectedElement=s}}initSelectedTexts(t){let e=r(t);b(t)&&(e=r(F)),this.selectedElement=e}initSelectedSymbols(t){let e=r(t);b(t)&&(e=r($)),this.selectedElement=e}setupFormatPopover(){this.formatPopover=k(this.formatPopover);let t=this.selectedElement;t?.type===g.TS||t?.type===g.SLS||Array.isArray(this.selectedElement)?(this.formatPopover=M(u`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`),this.formatPopover!==null&&!document.body.contains(this.formatPopover)&&document.body.appendChild(this.formatPopover)):this.removeFormatPopover()}removeFormatPopover(){this.formatPopover!==null&&(this.formatPopover.open=!1,this.formatPopover=k(this.formatPopover))}getFormatValue(t){switch(t){case i.Title:return this.model.titleSymbol;case i.Description:return this.model.descriptionSymbol;case i.XAxisTitle:return T(this.model)?this.model.xAxisTitleSymbol:void 0;case i.YAxisTitle:return n(this.model)?this.model.getAxisTitleSymbol(1):void 0;case i.AxisLabels:return L(this.model)?this.model.axisLabelsSymbol:void 0;case i.GuideLabels:return v(this.model)?this.model.guideLabelsSymbol:void 0;case i.LegendText:return h(this.model)?this.model.legendTextSymbol:void 0;case i.LegendTitle:return h(this.model)?this.model.legendTitleSymbol:void 0;case i.DataLabels:return S(this.model)?this.model.dataLabelsSymbol:void 0;case m.AxisLines:return E(this.model)?this.model.axisLinesSymbol:void 0;case m.GridLines:return n(this.model)?this.model.getGridLinesSymbol():void 0;case m.LeaderLines:return y(this.model)?this.model.ticksSymbol:void 0;case i.Background:return this.model.backgroundColor;default:return}}setFormatValue(t,e){switch(t){case i.Title:a(e)&&(this.model.titleSymbol=e);break;case i.Description:a(e)&&(this.model.descriptionSymbol=e);break;case i.XAxisTitle:T(this.model)&&a(e)&&(this.model.xAxisTitleSymbol=e);break;case i.YAxisTitle:n(this.model)&&a(e)&&this.model.setAxisTitleSymbol(e,1);break;case i.AxisLabels:L(this.model)&&a(e)&&(this.model.axisLabelsSymbol=e);break;case i.GuideLabels:v(this.model)&&a(e)&&(this.model.guideLabelsSymbol=e);break;case i.LegendText:h(this.model)&&a(e)&&(this.model.legendTextSymbol=e);break;case i.LegendTitle:h(this.model)&&a(e)&&(this.model.legendTitleSymbol=e);break;case i.DataLabels:S(this.model)&&a(e)&&(this.model.dataLabelsSymbol=e);break;case m.AxisLines:E(this.model)&&f(e)&&(this.model.axisLinesSymbol=e);break;case m.GridLines:if(f(e)){if(K(this.model))this.model.setGridLinesSymbol(e);else if(n(this.model)){let s=this.model.chartType,o=[];switch(s){case l.BarSeries:case l.LineSeries:case l.ComboLineAndBarSeries:case l.HistogramSeries:case l.BoxPlotSeries:case l.RadarSeries:{o=[1];break}case l.ScatterSeries:{o=[0,1];break}}this.model.setGridLinesSymbol(e,o)}}break;case m.LeaderLines:y(this.model)&&f(e)&&(this.model.ticksSymbol=e);break;case i.Background:Array.isArray(e)&&(this.model.backgroundColor=e);break}}renderFormatElements(){this.textProperties=[i.Title,...T(this.model)?[i.XAxisTitle]:[],...n(this.model)?[i.YAxisTitle]:[],...h(this.model)?[i.LegendTitle]:[],i.Description,...h(this.model)?[i.LegendText]:[],...L(this.model)?[i.AxisLabels]:[],...v(this.model)&&this.model.chartType!==l.HeatSeries?[i.GuideLabels]:[],...S(this.model)&&this.model.chartType!==l.HeatSeries&&this.model.chartType!==l.BoxPlotSeries?[i.DataLabels]:[]],X(this.model)&&(this.textProperties=this.textProperties.filter(s=>s!==i.DataLabels)),this.symbolProperties=[i.Background,...E(this.model)&&this.model.chartType!==l.HeatSeries?[m.AxisLines]:[],...n(this.model)?[m.GridLines]:[],...y(this.model)?[m.LeaderLines]:[]];let t=this.textProperties.map(s=>this.renderTextElement(s,this.textPropertyChange)),e=this.symbolProperties.map(s=>s===i.Background?this.renderTextElement(s,this.backgroundChange):this.renderTextElement(s,this.symbolPropertyChange));return{textElements:t,symbolElements:e}}renderTextElement(t,e){let s=R(t),o=this.getFormatValue(t),c=typeof o=="string"?o:"",d=this.selectedTexts.includes(t)||this.selectedSymbols.includes(t)||this.selectedBackground.includes(t);return u`<calcite-list-item class=${p(x.element)} .label=${this._messages[t]} .description=${c} .value=${t} .selected=${d} @click=${e} ${w(this.updateSelectableElements)}>${s!==void 0?u`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>`:null}</calcite-list-item>`}render(){let{textElements:t,symbolElements:e}=this.renderFormatElements();return u`<div class=${p(x.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${p(x.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`}};G("arcgis-charts-config-format",A);return A},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",c,d,e,o,q,s,t)
|
|
2
|
+
import{a as k}from"./EEBD6KKN.js";import t from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as z}from"./SHV72LSB.js";import s from"./6FI7BQHR.js";import q from"./JK4I5WFK.js";import o from"./VGFOPTRV.js";import e from"./MZP3HKKC.js";import d from"./PE3FCPYX.js";import{d as f,f as a}from"./YJXIGYX6.js";import c from"./EVQPWQQD.js";import{A as H,B as O,C as _,a as P,b as C,g as r,i as D,k as b,u as j,z as g}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{j as y,l as X,n as K,o as n,p as v,s as h}from"./T5RPAQYI.js";import{g as i,h as m,i as I}from"./EZM4ZDQI.js";import{a as l}from"./ETLJKITO.js";import{A as N,B as p,E as M,G,g as V,i as u,z as w}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,,,,,{a:T,c:L,e:E},{a:S},{f:R}])=>{var F={type:g.TS,color:[1,1,1,255],font:{family:"Tahoma",size:12,decoration:_.None,style:H.Normal,weight:O.Normal}},$={type:g.SLS,color:[1,1,1,255],style:j.Solid,width:2},x={element:"chart-element",elementList:"element-list",sectionLabel:"section-label"},U=V`:host{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`,A=class extends N{constructor(){super(...arguments),this._messages=z(),this.formatPopover=null,this.selectableElements=[],this.textProperties=[],this.symbolProperties=[],this.symbolPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedTexts=[],this.selectedBackground=[],this.selectedSymbols.includes(s))this.selectedSymbols=[],this.updateSelectedElement(this.selectedSymbols);else{let o=this.getFormatValue(s);this.selectedSymbols=[s],this.initSelectedSymbols(f(o)?o:$)}this.setupFormatPopover()},this.textPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedBackground=[],e.shiftKey){this.selectedTexts=[];let o=this.textProperties.indexOf(this.lastSelectedText??s),c=this.textProperties.indexOf(s);this.textProperties.forEach((d,B)=>{B>=Math.min(o,c)&&B<=Math.max(o,c)&&this.selectedTexts.push(d)}),this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover()}else if(e.ctrlKey)this.selectedTexts.includes(s)?(this.selectedTexts=this.selectedTexts.filter(o=>o!==s),this.updateSelectedElement(this.selectedTexts)):(this.selectedTexts=[...this.selectedTexts,s],this.updateSelectedElement(this.selectedTexts)),this.setupFormatPopover();else if(this.selectedTexts.includes(s))this.selectedTexts=[],this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover();else{let o=this.getFormatValue(s);this.selectedTexts=[s],this.initSelectedTexts(a(o)?o:F),this.setupFormatPopover()}this.lastSelectedText=s},this.backgroundChange=t=>{let e=t;e.stopImmediatePropagation();let s;e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground.includes(s)?(this.selectedBackground=[],this.selectedElement=void 0):(this.selectedBackground=[s],this.selectedElement=b(this.getFormatValue(s))?void 0:this.getFormatValue(s)),this.setupFormatPopover()},this.updateSymbolProps=t=>{let e=t.detail;this.selectedSymbols.forEach(s=>{this.setFormatValue(s,e)}),this.selectedElement=r(t.target.selectedElement)},this.updateBackground=t=>{this.setFormatValue(I.Background,t.detail),this.selectedElement=t.detail},this.updateTextProps=t=>{let{font:e,color:s}=t.detail;this.selectedTexts.forEach(o=>{let c=this.getFormatValue(o),d=a(c)?c:void 0;this.setFormatValue(o,{...d,type:g.TS,font:{...d?.font,...e},color:s??d?.color})}),this.selectedElement=r(t.target.selectedElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.formatPopoverClose=t=>{this.formatPopover===t?.target&&(this.selectedTexts=[],this.selectedSymbols=[],this.selectedBackground=[],this.selectedElement={},this.removeFormatPopover())},this.mergeFormatValues=(t,e)=>{let s=!1;P(t)&&P(e)||C(t)&&C(e)?s=!0:s=t===e;let o=typeof t=="number"||typeof e=="number"?Number.NaN:"";return s?void 0:o},this.updateSelectableElements=t=>{t&&!this.selectableElements.includes(t)&&this.selectableElements.push(t)},this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground=[]}static{this.properties={selectedSymbols:16,selectedTexts:16,selectedBackground:16,selectedElement:16,messageOverrides:0,model:0}}static{this.styles=U}load(){this.modelChange(this.model)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeFormatPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}correctTextElementSelection(){for(let t of this.selectableElements){let e=this.selectedTexts.includes(t.value)||this.selectedSymbols.includes(t.value)||this.selectedBackground.includes(t.value);t.selected=e}}updateSelectedElement(t,e){if(this.selectedElement=void 0,e===void 0){let s=r(this.getFormatValue(t[0]));this.selectedElement=t?.reduce((o,c)=>{let d=this.getFormatValue(c);return D(o,d,this.mergeFormatValues)},s)}else{let s=r(e);b(e)&&(this.selectedSymbols?.length>0&&(s=r($)),this.selectedTexts?.length>0&&(s=r(F))),this.selectedElement=s}}initSelectedTexts(t){let e=r(t);b(t)&&(e=r(F)),this.selectedElement=e}initSelectedSymbols(t){let e=r(t);b(t)&&(e=r($)),this.selectedElement=e}setupFormatPopover(){this.formatPopover=k(this.formatPopover);let t=this.selectedElement;t?.type===g.TS||t?.type===g.SLS||Array.isArray(this.selectedElement)?(this.formatPopover=M(u`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`),this.formatPopover!==null&&!document.body.contains(this.formatPopover)&&document.body.appendChild(this.formatPopover)):this.removeFormatPopover()}removeFormatPopover(){this.formatPopover!==null&&(this.formatPopover.open=!1,this.formatPopover=k(this.formatPopover))}getFormatValue(t){switch(t){case i.Title:return this.model.titleSymbol;case i.Description:return this.model.descriptionSymbol;case i.XAxisTitle:return T(this.model)?this.model.xAxisTitleSymbol:void 0;case i.YAxisTitle:return n(this.model)?this.model.getAxisTitleSymbol(1):void 0;case i.AxisLabels:return L(this.model)?this.model.axisLabelsSymbol:void 0;case i.GuideLabels:return v(this.model)?this.model.guideLabelsSymbol:void 0;case i.LegendText:return h(this.model)?this.model.legendTextSymbol:void 0;case i.LegendTitle:return h(this.model)?this.model.legendTitleSymbol:void 0;case i.DataLabels:return S(this.model)?this.model.dataLabelsSymbol:void 0;case m.AxisLines:return E(this.model)?this.model.axisLinesSymbol:void 0;case m.GridLines:return n(this.model)?this.model.getGridLinesSymbol():void 0;case m.LeaderLines:return y(this.model)?this.model.ticksSymbol:void 0;case i.Background:return this.model.backgroundColor;default:return}}setFormatValue(t,e){switch(t){case i.Title:a(e)&&(this.model.titleSymbol=e);break;case i.Description:a(e)&&(this.model.descriptionSymbol=e);break;case i.XAxisTitle:T(this.model)&&a(e)&&(this.model.xAxisTitleSymbol=e);break;case i.YAxisTitle:n(this.model)&&a(e)&&this.model.setAxisTitleSymbol(e,1);break;case i.AxisLabels:L(this.model)&&a(e)&&(this.model.axisLabelsSymbol=e);break;case i.GuideLabels:v(this.model)&&a(e)&&(this.model.guideLabelsSymbol=e);break;case i.LegendText:h(this.model)&&a(e)&&(this.model.legendTextSymbol=e);break;case i.LegendTitle:h(this.model)&&a(e)&&(this.model.legendTitleSymbol=e);break;case i.DataLabels:S(this.model)&&a(e)&&(this.model.dataLabelsSymbol=e);break;case m.AxisLines:E(this.model)&&f(e)&&(this.model.axisLinesSymbol=e);break;case m.GridLines:if(f(e)){if(K(this.model))this.model.setGridLinesSymbol(e);else if(n(this.model)){let s=this.model.chartType,o=[];switch(s){case l.BarSeries:case l.LineSeries:case l.ComboLineAndBarSeries:case l.HistogramSeries:case l.BoxPlotSeries:case l.RadarSeries:{o=[1];break}case l.ScatterSeries:{o=[0,1];break}}this.model.setGridLinesSymbol(e,o)}}break;case m.LeaderLines:y(this.model)&&f(e)&&(this.model.ticksSymbol=e);break;case i.Background:Array.isArray(e)&&(this.model.backgroundColor=e);break}}renderFormatElements(){this.textProperties=[i.Title,...T(this.model)?[i.XAxisTitle]:[],...n(this.model)?[i.YAxisTitle]:[],...h(this.model)?[i.LegendTitle]:[],i.Description,...h(this.model)?[i.LegendText]:[],...L(this.model)?[i.AxisLabels]:[],...v(this.model)&&this.model.chartType!==l.HeatSeries?[i.GuideLabels]:[],...S(this.model)&&this.model.chartType!==l.HeatSeries&&this.model.chartType!==l.BoxPlotSeries?[i.DataLabels]:[]],X(this.model)&&(this.textProperties=this.textProperties.filter(s=>s!==i.DataLabels)),this.symbolProperties=[i.Background,...E(this.model)&&this.model.chartType!==l.HeatSeries?[m.AxisLines]:[],...n(this.model)?[m.GridLines]:[],...y(this.model)?[m.LeaderLines]:[]];let t=this.textProperties.map(s=>this.renderTextElement(s,this.textPropertyChange)),e=this.symbolProperties.map(s=>s===i.Background?this.renderTextElement(s,this.backgroundChange):this.renderTextElement(s,this.symbolPropertyChange));return{textElements:t,symbolElements:e}}renderTextElement(t,e){let s=R(t),o=this.getFormatValue(t),c=typeof o=="string"?o:"",d=this.selectedTexts.includes(t)||this.selectedSymbols.includes(t)||this.selectedBackground.includes(t);return u`<calcite-list-item class=${p(x.element)} .label=${this._messages[t]} .description=${c} .value=${t} .selected=${d} @click=${e} ${w(this.updateSelectableElements)}>${s!==void 0?u`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>`:null}</calcite-list-item>`}render(){let{textElements:t,symbolElements:e}=this.renderFormatElements();return u`<div class=${p(x.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${p(x.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${p(x.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`}};G("arcgis-charts-config-format",A);return A},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",c,d,e,o,q,s,t)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as y}from"./OLODR474.js";import{a as $}from"./F5NS6O5R.js";import{b as _,c as B}from"./EEBD6KKN.js";import e from"./NGI7H6FA.js";import{f as s}from"./FPDW4F45.js";import{a as f}from"./
|
|
2
|
+
import{a as y}from"./OLODR474.js";import{a as $}from"./F5NS6O5R.js";import{b as _,c as B}from"./EEBD6KKN.js";import e from"./NGI7H6FA.js";import{f as s}from"./FPDW4F45.js";import{a as f}from"./SHV72LSB.js";import d from"./PE3FCPYX.js";import"./YJXIGYX6.js";import c from"./EVQPWQQD.js";import{l as b,t as P}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import"./EZM4ZDQI.js";import{k as r,o as h}from"./ETLJKITO.js";import{A as I,B as o,G as F,g as L,i as a,n as u,y as p,z as m}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{Cc:v,Dc:D,Fc:T,Gc:z,Ha:x,Ia:A,Kb:E,Pb:S},,{a:w,d:C,h:K,l:d,p: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}.pick-list-item-label{font-size:small}.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={jsAppFlyout:"js-app-flyout",name:"line-chart-data-popover",numericFieldPickList:"line-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sizeSection:"size-section",applyButton:"apply-button"},k=class extends I{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=p(),this.intervalSizeElement=p(),this.intervalTypeElement=p(),this.popoverElement=p(),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(l=>x(l,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[h.Start,h.End].map(l=>A(l,this.commonStrings));b(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},w.PopoverTimer),_(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}buildAggregationPickListItems(){return y(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=[h.Start,h.End];return y(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=${E(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 l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&v(n)&&i.push(this.buildPickListItem(n))}break}case s.xAxisField:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&(v(n)||D(n)||T(n))&&i.push(this.buildPickListItem(n))}break}case s.splitByField:{let l=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(l);for(let n=0;n<t;n+=1){let g=this.layerFieldsInfo?.[n];g&&(z(g)||g.type===P.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.pickListItemLabel)} 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.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return a`<calcite-list label class=${o(c.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return a`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return a`<calcite-list label class=${o(c.pickListItemLabel)} 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)} ${m(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${m(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 class=${o(c.jsAppFlyout)}><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 ${m(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",k);return k},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import h from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as A}from"./
|
|
2
|
+
import h from"./NGI7H6FA.js";import"./FPDW4F45.js";import{a as A}from"./SHV72LSB.js";import g from"./LCPXJOVJ.js";import f from"./VGFOPTRV.js";import e from"./MZP3HKKC.js";import c from"./PE3FCPYX.js";import"./YJXIGYX6.js";import b from"./EVQPWQQD.js";import{k as v}from"./Y7IQV44J.js";import"./MIYIXPXS.js";import{m as d,o,s as n}from"./T5RPAQYI.js";import"./EZM4ZDQI.js";import{e as a}from"./ETLJKITO.js";import{A as C,B as i,G as $,g as x,i as l,y as T,z as u}from"./GKNEQGLI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,,,,,{ee:f},,,,{a:c,c:m,e:g},{i:y,j:p}])=>{var s={textInput:"text-input",label:"label",labelContainer:"label-container",select:"select"},I=x`.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;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;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}`,b=class extends C{constructor(){super(...arguments),this._messages=A(),this.characterLimitInputElement=T(),this.onModelConfigChange=()=>{this.requestUpdate()},this.resetChartTitleToBeDynamic=()=>{let e=this.model.generateChartTitle();this.model.titleText=e,this.disableResetButtonForChartTitle=!1},this.resetXAxisTitleToBeDynamic=()=>{if(c(this.model)&&g(this.model)){let e=this.model.generateXAxisTitle();this.model.xAxisTitleText=e}this.disableResetButtonForXAxisTitle=!1},this.resetYAxisTitleToBeDynamic=()=>{if(o(this.model)){let e=d(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle();this.model.setAxisTitleText(e,1)}this.disableResetButtonForYAxisTitle=!1},this.isPartialConfig=!1,this.disableResetButtonForChartTitle=!1,this.disableResetButtonForXAxisTitle=!1,this.disableResetButtonForYAxisTitle=!1,this.isChartTitleInvalid=!1,this.open=!1}static{this.properties={disableResetButtonForChartTitle:16,disableResetButtonForXAxisTitle:16,disableResetButtonForYAxisTitle:16,isChartTitleInvalid:16,messageOverrides:0,model:0,open:5}}static{this.styles=I}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.handleResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}handleResetButtons(){this.isPartialConfig=f(this.model.config);let e=this.model.generateChartTitle(),t=this.model.titleText;if(this.disableResetButtonForChartTitle=this.isPartialConfig||e===t,c(this.model)&&g(this.model)){let r=this.model.generateXAxisTitle(),h=this.model.xAxisTitleText;this.disableResetButtonForXAxisTitle=this.isPartialConfig||r===h}if(o(this.model)){let r=d(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle(),h=this.model.getAxisTitleText(1);this.disableResetButtonForYAxisTitle=this.isPartialConfig||r===h}}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setChartTitle(e){let{value:t}=e.target;this.isChartTitleInvalid=v(t.trim()),this.characterLimitInputElement.value&&y({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?p.INVALID:p.IDLE}),this.isChartTitleInvalid||(this.model.titleText=t)}setChartLegendTitle(e){let{value:t}=e.target;t!==void 0&&n(this.model)&&(this.model.legendTitleText=t)}setChartXAxisTitle(e){let{value:t}=e.target;t!==void 0&&c(this.model)&&(this.model.xAxisTitleText=t)}setChartYAxisTitle(e){let{value:t}=e.target;t!==void 0&&o(this.model)&&this.model.setAxisTitleText(t,1)}setChartDescription(e){let{value:t}=e.target;t!==void 0&&(this.model.descriptionText=t)}enableChartTitle(e){let t=e.target.checked;this.model.chartTitleVisibility=t}enableXAxisTitle(e){let t=e.target.checked;m(this.model)&&(this.model.xAxisTitleVisibility=t)}enableYAxisTitle(e){let t=e.target.checked;o(this.model)&&this.model.setAxisTitleVisibility(t,1)}enableLegendTitle(e){let t=e.target.checked;n(this.model)&&(this.model.legendTitleVisibility=t)}enableDescription(e){let t=e.target.checked;this.model.descriptionVisibility=t}legendPositionChange(e){let t=e.target?.selectedItems[0]?.value;n(this.model)&&(this.model.legendPosition=t)}renderLegendPositions(){return n(this.model)?[l`<calcite-combobox-item .value=${a.Right} .heading=${this._messages.legendRightPosition??""} .selected=${this.model.legendPosition===a.Right} icon=right-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Left} .heading=${this._messages.legendLeftPosition??""} .selected=${this.model.legendPosition===a.Left} icon=left-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Top} .heading=${this._messages.legendTopPosition??""} .selected=${this.model.legendPosition===a.Top} icon=upload-to></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Bottom} .heading=${this._messages.legendBottomPosition??""} .selected=${this.model.legendPosition===a.Bottom} icon=download-to></calcite-combobox-item>`]:[]}render(){return l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig?"":this.model.titleText} @calciteInputInput=${this.setChartTitle} ${u(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${c(this.model)&&m(this.model)?[l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.xAxisTitle}<div><calcite-button @click=${this.resetXAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForXAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.xAxisTitleVisibility} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.xAxisTitleVisibility} .value=${this.isPartialConfig?"":this.model.xAxisTitleText} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,o(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.yAxisTitle}<div><calcite-button @click=${this.resetYAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForYAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.getAxisTitleVisibility(1)} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getAxisTitleVisibility(1)} .value=${this.model.getAxisTitleText(1)} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>`:null]:null}${n(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendTitle}<calcite-switch .checked=${this.model.legendTitleVisibility} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.legendTitleVisibility} .value=${this.model.legendTitleText} @calciteInputInput=${this.setChartLegendTitle}></calcite-input></div>`:null}<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendPosition}</calcite-label><calcite-combobox clear-disabled label class=${i(s.select)} @calciteComboboxChange=${this.legendPositionChange} selection-mode=single>${this.renderLegendPositions()}</calcite-combobox></div><div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.description}<calcite-switch .checked=${this.model.descriptionVisibility} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.descriptionVisibility} .value=${this.model.descriptionText} @calciteTextAreaInput=${this.setChartDescription} resize=vertical></calcite-text-area></div>`}};$("arcgis-charts-config-general",b);return b},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","layers/support/CodedValueDomain","intl","request","core/sql","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","applications/Components/imageryUtils","geometry/Extent","geometry/Point",b,c,e,f,g,h)
|