@arcgis/charts-components 5.1.0-next.136 → 5.1.0-next.138
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/{6OZFV5KF.js → 237ZXVIH.js} +1 -1
- package/dist/cdn/{FUJ26FSE.js → 244AGH3E.js} +1 -1
- package/dist/cdn/{ZF55KAEJ.js → 2EXLNF4C.js} +1 -1
- package/dist/cdn/{OPZP56OI.js → 2FDOOCQV.js} +1 -1
- package/dist/cdn/{PCBD3UFY.js → 3MQHK2XM.js} +1 -1
- package/dist/cdn/{7L27JMXK.js → 3QXZVDHN.js} +1 -1
- package/dist/cdn/{J64PBCBQ.js → 3UZWJZHK.js} +1 -1
- package/dist/cdn/{FFSZK3C4.js → 3VITWI5R.js} +1 -1
- package/dist/cdn/{73B3CNSD.js → 43QNIKAS.js} +1 -1
- package/dist/cdn/{W6FFYG73.js → 4BV5T4OJ.js} +1 -1
- package/dist/cdn/{ZK2JQAVM.js → 4DYI44AS.js} +1 -1
- package/dist/cdn/{NAOQS36S.js → 4KLNR5M3.js} +1 -1
- package/dist/cdn/{VTBNMV3E.js → 4PBMOWL7.js} +1 -1
- package/dist/cdn/{DVAXFWM4.js → 4V7LLQFC.js} +1 -1
- package/dist/cdn/{7V2CM6TI.js → 52KID4PS.js} +1 -1
- package/dist/cdn/{FKASSYYE.js → 5V7FD7YI.js} +1 -1
- package/dist/cdn/{EYZDVMSX.js → 6BYEVZTA.js} +1 -1
- package/dist/cdn/{Z32YYVOK.js → 7UJL3PBT.js} +1 -1
- package/dist/cdn/{KTWXURKW.js → 7XE2VMKW.js} +1 -1
- package/dist/cdn/{DI7WTIRS.js → AB2IZBTG.js} +1 -1
- package/dist/cdn/{D7EFW74Q.js → AG5TVJ7C.js} +1 -1
- package/dist/cdn/{VRSCRCQN.js → ATYZLCCH.js} +1 -1
- package/dist/cdn/{3OVYODBZ.js → BCWB7GPZ.js} +1 -1
- package/dist/cdn/{6WFXTMDX.js → BDH2QKDH.js} +1 -1
- package/dist/cdn/{P57ZZSU3.js → BHXOX3HY.js} +1 -1
- package/dist/cdn/{E7NLA245.js → C7YUSOHC.js} +1 -1
- package/dist/cdn/{FQQC5MJ6.js → CC4R5TI6.js} +1 -1
- package/dist/cdn/{3KLYC3BG.js → CGN3ZQL3.js} +1 -1
- package/dist/cdn/{YDO6ZHIJ.js → CPGQ6KH6.js} +1 -1
- package/dist/cdn/{QESFFGYK.js → ENGLZGRO.js} +1 -1
- package/dist/cdn/{5UTADTTS.js → EZPYGH25.js} +1 -1
- package/dist/cdn/{MJVAKRVZ.js → F2VG4OWR.js} +1 -1
- package/dist/cdn/{NQZ6T35S.js → FAY35PWU.js} +1 -1
- package/dist/cdn/{KZTH63SM.js → GGSFU4ER.js} +1 -1
- package/dist/cdn/{JKVYH3Z7.js → HCJXEKXS.js} +1 -1
- package/dist/cdn/{ARFWGXJL.js → HMCLHZTI.js} +1 -1
- package/dist/cdn/{GXU565QE.js → HWAUPLGT.js} +1 -1
- package/dist/cdn/{GSJICWIH.js → IHEWV66M.js} +17 -17
- package/dist/cdn/{B5PEAEGO.js → J55U5NKH.js} +1 -1
- package/dist/cdn/{U7B5GF3Z.js → J7RHG5KK.js} +1 -1
- package/dist/cdn/{PGOB2KCT.js → JGO7UUBU.js} +1 -1
- package/dist/cdn/{VXSASBRB.js → JMRWHU43.js} +1 -1
- package/dist/cdn/{IIU6D7AI.js → JZ4NNV3D.js} +1 -1
- package/dist/cdn/{FJU6WSLM.js → KJWALDAP.js} +1 -1
- package/dist/cdn/{YWU7YY46.js → KPKJHHBU.js} +1 -1
- package/dist/cdn/{EFPQLZQH.js → M4ZYC5A5.js} +1 -1
- package/dist/cdn/MAGYMTMF.js +3 -0
- package/dist/cdn/{OV44GRYX.js → MC4FMUNN.js} +1 -1
- package/dist/cdn/{SXGYRHW2.js → N6PNRA6K.js} +1 -1
- package/dist/cdn/{VINYJZ65.js → NJ5MLDWL.js} +1 -1
- package/dist/cdn/O5462BXU.js +2 -0
- package/dist/cdn/{DGOOXL7H.js → PVN3YVPG.js} +1 -1
- package/dist/cdn/{3DZFXSXY.js → Q6SIKWNY.js} +1 -1
- package/dist/cdn/{EXLBVEIY.js → QESD7V4V.js} +1 -1
- package/dist/cdn/{4AXSWO6D.js → QFUYU4HK.js} +1 -1
- package/dist/cdn/{WGKH5M2X.js → QQ6T566V.js} +1 -1
- package/dist/cdn/{XVCJOFSB.js → R25GWF3Z.js} +1 -1
- package/dist/cdn/R2I6X27H.js +2 -0
- package/dist/cdn/{URQXLQNQ.js → R3VQ4YQP.js} +1 -1
- package/dist/cdn/{UJRVNCW5.js → RBGHG5XV.js} +2 -2
- package/dist/cdn/{WX35AQJD.js → RFPRSUHN.js} +1 -1
- package/dist/cdn/{PCGNPM34.js → RRZW6VX3.js} +1 -1
- package/dist/cdn/{7MINKCJN.js → S4RWRFJY.js} +1 -1
- package/dist/cdn/{44DYTPJO.js → SCVM56BI.js} +1 -1
- package/dist/cdn/{LJVOIT3N.js → SFBUIG73.js} +1 -1
- package/dist/cdn/{BRHZGYG5.js → SQ4GDVJW.js} +1 -1
- package/dist/cdn/{BVGWPAW2.js → STRPYWTK.js} +1 -1
- package/dist/cdn/{6QJQ7QAA.js → TBZ2EQ5O.js} +1 -1
- package/dist/cdn/{UP4NJF5P.js → UBSTIGN3.js} +1 -1
- package/dist/cdn/{SXBORZDI.js → UCJVEPGU.js} +1 -1
- package/dist/cdn/{7MF636WI.js → UDOFAVAR.js} +1 -1
- package/dist/cdn/{5WJVT32K.js → VGZIJIPR.js} +1 -1
- package/dist/cdn/{DVT5NNNJ.js → VW2UCVXI.js} +1 -1
- package/dist/cdn/{T27O4462.js → WD7G7PPR.js} +1 -1
- package/dist/cdn/{5ELMJRWP.js → WIQB2V7I.js} +1 -1
- package/dist/cdn/{NQU2O4EB.js → WLHZXIUW.js} +1 -1
- package/dist/cdn/{HTUHQIVS.js → X2ULERHW.js} +1 -1
- package/dist/cdn/XZ2DTLEZ.js +2 -0
- package/dist/cdn/{5ERQ527V.js → YIHK5GE3.js} +1 -1
- package/dist/cdn/{QG44DYNH.js → ZMXEXF5F.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/index2.js +1136 -1130
- package/dist/chunks/index4.js +36 -35
- package/dist/chunks/serial-chart-data.js +331 -335
- package/dist/components/arcgis-chart/customElement.js +1280 -1288
- package/dist/components/arcgis-charts-config-histogram/customElement.js +28 -23
- package/dist/components/arcgis-charts-config-scatter-plot/customElement.js +27 -22
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/utils/chart-config/utils/index.d.ts +5 -0
- package/dist/utils/data/index.d.ts +8 -11
- package/dist/utils/layer/index.d.ts +2 -0
- package/package.json +3 -3
- package/dist/cdn/5FCNZ4ZN.js +0 -2
- package/dist/cdn/AMHRC3PD.js +0 -3
- package/dist/cdn/HHWZJZJL.js +0 -2
- package/dist/cdn/OX6RQ3FL.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as te}from"./SBS4J65N.js";import{b as E}from"./2JUO3GP2.js";import{a as W}from"./B7XYDLAU.js";import{a as ee}from"./TJQGGNGV.js";import d from"./VXSASBRB.js";import{a as j}from"./5STC2DYW.js";import"./MZ2UZAFW.js";import{l as Y,n as H,o as J}from"./7MKAC33Z.js";import b from"./3DZFXSXY.js";import{c as U,d as g}from"./KGNYAMFB.js";import a from"./AMHRC3PD.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{F as Z}from"./6JI4NDJ6.js";import{b as V,f as u}from"./75Y43JLP.js";import{g as D}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as q,B as o,C as I,E as w,G as N,g as R,i as r,n as X,y as c,z as h}from"./OC4AGIFL.js";import"./TOO3T62Y.js";import{j as v}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as z}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{Pb:O,Q:p,Qb:P,Rb:k},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends q{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=O(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=Z({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};N("arcgis-charts-config-guide",A);return A},a,b,d)
|
|
2
|
+
import{b as te}from"./SBS4J65N.js";import{b as E}from"./2JUO3GP2.js";import{a as W}from"./B7XYDLAU.js";import{a as ee}from"./TJQGGNGV.js";import d from"./JMRWHU43.js";import{a as j}from"./5STC2DYW.js";import"./MZ2UZAFW.js";import{l as Y,n as H,o as J}from"./7MKAC33Z.js";import b from"./Q6SIKWNY.js";import{c as U,d as g}from"./KGNYAMFB.js";import a from"./MAGYMTMF.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{F as Z}from"./6JI4NDJ6.js";import{b as V,f as u}from"./75Y43JLP.js";import{g as D}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as q,B as o,C as I,E as w,G as N,g as R,i as r,n as X,y as c,z as h}from"./OC4AGIFL.js";import"./TOO3T62Y.js";import{j as v}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as z}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{Q:p,Qb:O,Rb:P,Sb:k},,{h:C,i:x,n:T,p:K,r:Q}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.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}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends q{constructor(){super(...arguments),this._messages=j(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=O(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,F=this.startTimeCalciteInput.value?.value??"",L=F===""?$:F,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let m=`${G}T${L}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=Z({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){Q(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&H(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&J(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?K(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=actions-end text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?W("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};N("arcgis-charts-config-guide",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 from"./
|
|
2
|
+
import a from"./Q6SIKWNY.js";import{a as o}from"./43P4WOC4.js";import{a as e}from"./XOB365BI.js";export default $arcgis.t(([{s:n}])=>{function b(s){let c=o(s.series),a="graph-bar";switch(c){case e.LineSeries:{a="graph-time-series";break}case e.PieSeries:{a="pie-chart";break}case e.HistogramSeries:{a="graph-histogram";break}case e.ScatterSeries:{a="graph-scatter-plot";break}case e.BoxPlotSeries:{a="box-chart";break}case e.HeatSeries:{a="calendar-heat-chart";break}case e.BarSeries:}return a}function l(s){let{chartType:c,commonStrings:a,config:i}=s,r=a.utilsStrings,t="";switch(c){case e.HistogramSeries:{t=r.chartType.histogram;break}case e.ScatterSeries:{t=r.chartType.scatterplot;break}case e.BarSeries:{t=r.chartType.barChart;break}case e.LineSeries:{t=r.chartType.lineChart;break}case e.PieSeries:{t=r.chartType.pieChart;break}case e.BoxPlotSeries:{t=r.chartType.boxPlot;break}case e.HeatSeries:{i?t=n(i)?r.chartType.matrixHeatChart:r.chartType.calendarHeatChart:t=r.chartType.heatChart;break}}return t}return{a:b,b:l}},a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import p from"./
|
|
2
|
+
import p from"./4PBMOWL7.js";import o from"./ATYZLCCH.js";import n from"./BHXOX3HY.js";import m from"./244AGH3E.js";import l from"./CGN3ZQL3.js";import"./7MKAC33Z.js";import k from"./AB2IZBTG.js";import j from"./WD7G7PPR.js";import i from"./RBGHG5XV.js";import f from"./STRPYWTK.js";import e from"./7UJL3PBT.js";import"./NQAPPISU.js";import d from"./3UZWJZHK.js";import c from"./CC4R5TI6.js";import b from"./Q6SIKWNY.js";import"./KGNYAMFB.js";import a from"./MAGYMTMF.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{ta as g}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./SEXKEROR.js";import"./OC4AGIFL.js";import"./TOO3T62Y.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as h}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,{q:y},,{c:e},,z,,{b:tt},{a:A,b:L,c:B,d:G},{b:U,d:V,f:X},{b:Y,d:Z,f:$},{d:J,e:K},{a:Q,b:R},{A:q,a:c,b:f,c:p,d:l,e:d,f:u,g:v,h:_,i:b,j:S,k:O,l:w,m:D,n:C,o:M,p:T,q:E,r:F,s:W,t:j,u:x,v:I,w:N,x:H,y:P,z:k}])=>{var st=Object.defineProperty,et=Object.getOwnPropertyDescriptor,o=(a,t,i,rt)=>{for(var r=et(t,i),n=a.length-1,m;n>=0;n--)(m=a[n])&&(r=m(t,i,r)||r);return r&&st(t,i,r),r},s=class extends z{constructor(){super(...arguments),this._chartType=h.HistogramSeries}async setup(t){await this.loadConfigFromLayer(t),typeof this.resolveSetup=="function"&&this.resolveSetup()}get numericField(){return f(this._config)}set numericField(t){p({numericField:t,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get binCount(){return u(this._config)}set binCount(t){v(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get binSymbol(){return _(this._config)}set binSymbol(t){b(t,this._config)}get dataTransformationType(){return l(this._config)}set dataTransformationType(t){d(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get meanSymbol(){return w(this._config)}set meanSymbol(t){D(t,this._config)}get medianSymbol(){return C(this._config)}set medianSymbol(t){M(t,this._config)}get normalDistSymbol(){return S(this._config)}set normalDistSymbol(t){O(t,this._config)}get standardDevSymbol(){return T(this._config)}set standardDevSymbol(t){E(t,this._config)}get showNormalDistOverlay(){return F(this._config)}set showNormalDistOverlay(t){W(t,this._config)}get showMeanOverlay(){return j(this._config)}set showMeanOverlay(t){x(t,this._config)}get showMedianOverlay(){return I(this._config)}set showMedianOverlay(t){N(t,this._config)}get showStandardDevOverlay(){return H(this._config)}set showStandardDevOverlay(t){P(t,this._config)}get seriesOverlays(){return k(this._config)}set seriesOverlays(t){q(t,this._config)}generateChartTitle(){return c(this._config,this.layerInfo,this.commonStrings)}generateDefaultConfig(){return g(this.commonStrings)}};o([e],s.prototype,"numericField");o([e],s.prototype,"binCount");o([e],s.prototype,"binSymbol");o([e],s.prototype,"dataTransformationType");o([e],s.prototype,"meanSymbol");o([e],s.prototype,"medianSymbol");o([e],s.prototype,"normalDistSymbol");o([e],s.prototype,"standardDevSymbol");o([e],s.prototype,"showNormalDistOverlay");o([e],s.prototype,"showMeanOverlay");o([e],s.prototype,"showMedianOverlay");o([e],s.prototype,"showStandardDevOverlay");o([e],s.prototype,"seriesOverlays");var ot=[Q,A,L,B,G,tt,R,Y,J,Z,K,U,V,X,$];y(s,ot);return s},a,b,c,d,e,f,i,j,k,l,m,n,o,p)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as m}from"./B7XYDLAU.js";import{b as P}from"./TJQGGNGV.js";import d from"./
|
|
2
|
+
import{a as m}from"./B7XYDLAU.js";import{b as P}from"./TJQGGNGV.js";import d from"./JMRWHU43.js";import{a as u}from"./5STC2DYW.js";import{j as r}from"./MZ2UZAFW.js";import b from"./Q6SIKWNY.js";import"./KGNYAMFB.js";import a from"./MAGYMTMF.js";import"./777EBGS5.js";import{n as y}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import{f as h}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as f,B as l,G as v,g,i as s,n as o,y as c,z as p}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{tb:$},,{a:S,k:d,l:b}])=>{var n={jsAppFlyout:"js-app-flyout",scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},k=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)}:host{width:100%}.pick-list-panel{max-height:60vh}`,C=class extends f{constructor(){super(...arguments),this.picklist=c(),this._messages=u(),this.popoverElement=c(),this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigScatterplotFillColorChange=o(),this.arcgisChartsConfigScatterplotLineStyleChange=o(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=o(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=o(),this.arcgisChartsConfigScatterplotXYFieldChange=o()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},S.PopoverTimer),P(this.popoverElement.value,this.open)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return s`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover class=${l(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${b(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?s`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${l(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?s`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(m(" ",s`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let a=this.layerFieldsInfo?.[i]??void 0;if(a!==void 0&&(this.contentKind===r.additionalTooltipFields||$(a))){let F=y(this.layerFieldsInfo,a.name);t.push(m(a.name,s`<calcite-list-item .label=${F} .value=${a.name} .selected=${d(a.name,this.selectedContent)}></calcite-list-item>`))}}return s`<calcite-panel class=${l(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${l(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${l(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};v("arcgis-charts-config-scatter-plot-popover",C);return C},a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b}from"./TJQGGNGV.js";import g from"./
|
|
2
|
+
import{b}from"./TJQGGNGV.js";import g from"./JMRWHU43.js";import{a as $}from"./5STC2DYW.js";import"./MZ2UZAFW.js";import e from"./Q6SIKWNY.js";import"./KGNYAMFB.js";import d from"./MAGYMTMF.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{i as S}from"./6JI4NDJ6.js";import{b as i}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as f,B as l,D as c,G as y,g as C,i as v,n as s,y as a,z as o}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var n={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=C`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=a(),this.lineWidthInputElement=a(),this.lineStyleDropdownElement=a(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[p,m,g]=t,u=S*255;this.selectedColor=[p,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${o(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(n.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(n.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${o(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(n.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??c}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??c}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??c}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${o(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(n.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",h);return h},d,e,g)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import{a as q}from"./NBJBPYA2.js";import{a as x}from"./B7XYDLAU.js";import{a as Z}from"./TJQGGNGV.js";import j from"./VXSASBRB.js";import{a as A}from"./5STC2DYW.js";import{g as a,o as C}from"./MZ2UZAFW.js";import i from"./EYZDVMSX.js";import g from"./3DZFXSXY.js";import"./KGNYAMFB.js";import e from"./AMHRC3PD.js";import"./777EBGS5.js";import{c as _,d as F,n as y,o as N,u as V}from"./P5XJTTU3.js";import{wa as P,xa as D}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as f}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as O,B as l,E,G as T,g as k,i as o,k as w,n as u,y as c,z as m}from"./OC4AGIFL.js";import{a as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b,b as d,k as S,n as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{U:B,rb:I,t:z,tb:R},,{h:U},{a:j}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=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]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==I(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&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=J}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return x(e,o`<calcite-list-item .label=${y(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${l(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=B(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return o`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<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=I(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${l(r.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===b.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${l(r.label)}><div class=${l(r.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>${B(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${l(r.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${l(r.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${l(r.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${l(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=${l(r.label)}><span class=${l(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.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=${l(r.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?r.disabledLabel:r.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,g,i,j)
|
|
2
|
+
import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import{a as q}from"./NBJBPYA2.js";import{a as x}from"./B7XYDLAU.js";import{a as Z}from"./TJQGGNGV.js";import j from"./JMRWHU43.js";import{a as A}from"./5STC2DYW.js";import{g as a,o as C}from"./MZ2UZAFW.js";import i from"./6BYEVZTA.js";import g from"./Q6SIKWNY.js";import"./KGNYAMFB.js";import e from"./MAGYMTMF.js";import"./777EBGS5.js";import{c as _,d as F,n as y,o as N,u as V}from"./P5XJTTU3.js";import{wa as P,xa as D}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as f}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as O,B as l,E,G as T,g as k,i as o,k as w,n as u,y as c,z as m}from"./OC4AGIFL.js";import{a as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b,b as d,k as S,n as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{U:B,sb:I,t:z,ub:R},,{h:U},{a:j}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=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]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==I(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&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=J}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return x(e,o`<calcite-list-item .label=${y(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${l(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=B(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return o`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<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=I(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${l(r.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===b.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${l(r.label)}><div class=${l(r.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>${B(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${l(r.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${l(r.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${l(r.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${l(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=${l(r.label)}><span class=${l(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.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=${l(r.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?r.disabledLabel:r.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,g,i,j)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import e from"./
|
|
2
|
+
import e from"./7UJL3PBT.js";import d from"./3UZWJZHK.js";import c from"./Q6SIKWNY.js";import b from"./MAGYMTMF.js";import{w as k}from"./P5XJTTU3.js";import{C as p,E as f,c as a}from"./6JI4NDJ6.js";export default $arcgis.t(([{U:E},{q:N},{b:i,c:l},{a:R,b:q,d:U,f:M}])=>{var H=Object.defineProperty,W=Object.getOwnPropertyDescriptor,Z=(e,t,o,c)=>{for(var r=W(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&H(t,o,r),r},J=e=>e.title?.content,K=(e,t)=>{if(e){let o=R(t);t.title===void 0&&(t.title=f({text:"",visible:!0,font:p(a.ChartTitle),type:a.ChartTitle})),t.title.content=e,t.title.content.text=o}},g=class extends i{get titleSymbol(){return J(this._config)}set titleSymbol(t){K(t,this._config)}};Z([l],g.prototype,"titleSymbol");var Q=Object.defineProperty,X=Object.getOwnPropertyDescriptor,$=(e,t,o,c)=>{for(var r=X(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Q(t,o,r),r},b=class extends i{get config(){return this._config}set config(t){this._config=t}};$([l],b.prototype,"config");var V=class extends i{get layer(){return this.layerInfo?.layer}},G=e=>e.id,tt=(e,t)=>{t.id=e},F=class extends i{get chartId(){return G(this._config)}set chartId(t){tt(t,this._config)}},et=e=>e.version,w=class extends i{get version(){return et(this._config)}},rt=Object.defineProperty,ot=Object.getOwnPropertyDescriptor,st=(e,t,o,c)=>{for(var r=ot(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&rt(t,o,r),r},Y=e=>e.subtitle?.content.text??"",nt=(e,t)=>{t.subtitle!==void 0?t.subtitle.content.text=e:e!==void 0&&(t.subtitle=f({text:e,visible:!0,font:p(a.ChartSubtitle)}))},d=class extends i{get subtitleText(){return Y(this._config)}set subtitleText(t){nt(t,this._config)}};st([l],d.prototype,"subtitleText");var it=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(e,t,o,c)=>{for(var r=ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&it(t,o,r),r},at=e=>e.subtitle?.content,pt=(e,t)=>{if(e){let o=Y(t);t.subtitle===void 0&&(t.subtitle=f({text:"",visible:!0,font:p(a.ChartSubtitle),type:a.ChartSubtitle})),t.subtitle.content=e,t.subtitle.content.text=o}},h=class extends i{get subtitleSymbol(){return at(this._config)}set subtitleSymbol(t){pt(t,this._config)}};lt([l],h.prototype,"subtitleSymbol");var ft=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,bt=(e,t,o,c)=>{for(var r=gt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ft(t,o,r),r},A=e=>e.footer?.content.text??"",dt=(e,t)=>{t.footer!==void 0?t.footer.content.text=e:e!==void 0&&(t.footer=f({text:e,visible:!0,font:p(a.DescriptionText)}))},u=class extends i{get descriptionText(){return A(this._config)}set descriptionText(t){dt(t,this._config)}};bt([l],u.prototype,"descriptionText");var ht=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,yt=(e,t,o,c)=>{for(var r=ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&ht(t,o,r),r},vt=e=>e.footer?.content,xt=(e,t)=>{if(e){let o=A(t);t.footer===void 0&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText),type:a.DescriptionText})),t.footer.content=e,t.footer.content.text=o}},y=class extends i{get descriptionSymbol(){return vt(this._config)}set descriptionSymbol(t){xt(t,this._config)}};yt([l],y.prototype,"descriptionSymbol");var Ot=Object.defineProperty,_t=Object.getOwnPropertyDescriptor,jt=(e,t,o,c)=>{for(var r=_t(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Ot(t,o,r),r},Pt=e=>e.title?e.title.visible??!0:!1,mt=(e,t)=>{t.title!==void 0?t.title.visible=e:t.title=f({text:"",visible:e,font:p(a.ChartTitle)})},v=class extends i{get chartTitleVisibility(){return Pt(this._config)}set chartTitleVisibility(t){mt(t,this._config)}};jt([l],v.prototype,"chartTitleVisibility");var Dt=Object.defineProperty,St=Object.getOwnPropertyDescriptor,Tt=(e,t,o,c)=>{for(var r=St(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Dt(t,o,r),r},Vt=e=>e.subtitle?e.subtitle.visible??!0:!1,Ft=(e,t)=>{t.subtitle!==void 0?t.subtitle.visible=e:t.subtitle=f({text:"",visible:e,font:p(a.ChartSubtitle)})},x=class extends i{get chartSubtitleVisibility(){return Vt(this._config)}set chartSubtitleVisibility(t){Ft(t,this._config)}};Tt([l],x.prototype,"chartSubtitleVisibility");var wt=Object.defineProperty,Ct=Object.getOwnPropertyDescriptor,It=(e,t,o,c)=>{for(var r=Ct(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&wt(t,o,r),r},B=e=>e.footer?.visible??!1,zt=(e,t)=>{t.footer!==void 0?t.footer.visible=e:e!==B(t)&&(t.footer=f({text:"",visible:!0,font:p(a.DescriptionText)}))},O=class extends i{get descriptionVisibility(){return B(this._config)}set descriptionVisibility(t){zt(t,this._config)}};It([l],O.prototype,"descriptionVisibility");var Lt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,Et=(e,t,o,c)=>{for(var r=kt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Lt(t,o,r),r},Nt=e=>e.chartRenderer,Rt=(e,t)=>{t.chartRenderer=e},_=class extends i{get chartRenderer(){return Nt(this._config)}set chartRenderer(t){Rt(t,this._config)}};Et([l],_.prototype,"chartRenderer");var qt=Object.defineProperty,Ut=Object.getOwnPropertyDescriptor,Mt=(e,t,o,c)=>{for(var r=Ut(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&qt(t,o,r),r},Yt=e=>e.background,At=(e,t)=>{t.background=e},j=class extends i{get backgroundColor(){return Yt(this._config)}set backgroundColor(t){At(t,this._config)}};Mt([l],j.prototype,"backgroundColor");var Bt=Object.defineProperty,Ht=Object.getOwnPropertyDescriptor,Wt=(e,t,o,c)=>{for(var r=Ht(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&Bt(t,o,r),r},Zt=(e,t)=>t.series[e].visible??!0,Jt=(e,t)=>{k({detail:e},t)},P=class extends i{getSeriesVisibility(t){return Zt(t,this._config)}setSeriesVisibility(t){Jt(t,this._config)}};Wt([l],P.prototype,"setSeriesVisibility");var Kt=(e,t)=>t.series[e]?.id,C=class extends i{getSeriesId(t){return Kt(t,this._config)}},Qt=(e,t)=>t.series.findIndex(o=>o.id===e),I=class extends i{getSeriesIndex(t){return Qt(t,this._config)}},Xt=e=>E(e.series),z=class extends i{get chartSubType(){return Xt(this._config)}},$t=Object.defineProperty,Gt=Object.getOwnPropertyDescriptor,te=(e,t,o,c)=>{for(var r=Gt(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&$t(t,o,r),r},ee=(e,t)=>e.length!==0&&t<e.length?e[t].dataTooltipFontSize:void 0,re=e=>{let{series:t,seriesIndex:o,fontSize:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipFontSize=c)},m=class extends i{getDataTooltipFontSize(t){return ee(this._config.series,t)}setDataTooltipFontSize(t,o){re({series:this._config.series,seriesIndex:o,fontSize:t})}};te([l],m.prototype,"setDataTooltipFontSize");var oe=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ne=(e,t,o,c)=>{for(var r=se(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&oe(t,o,r),r},ie=(e,t)=>{let o;return e.length!==0&&t<e.length&&(o=e[t].dataTooltipValueFormat),o},ce=e=>{let{series:t,seriesIndex:o,valueFormat:c}=e;t.length!==0&&o<t.length&&(t[o].dataTooltipValueFormat=c)},D=class extends i{getDataTooltipValueFormat(t){return ie(this._config.series,t)}setDataTooltipValueFormat(t,o){ce({series:this._config.series,seriesIndex:t,valueFormat:o})}};ne([l],D.prototype,"setDataTooltipValueFormat");var le=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,pe=(e,t,o,c)=>{for(var r=ae(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&le(t,o,r),r},fe=(e,t)=>{t.series.forEach(o=>{o.query&&(o.query.fetchNullValues=e)})},ge=e=>e.series.some(t=>t.query?.fetchNullValues),S=class extends i{get fetchNULLValues(){return ge(this._config)}set fetchNULLValues(t){fe(t,this._config)}};pe([l],S.prototype,"fetchNULLValues");var be=Object.defineProperty,de=Object.getOwnPropertyDescriptor,he=(e,t,o,c)=>{for(var r=de(t,o),s=e.length-1,n;s>=0;s--)(n=e[s])&&(r=n(t,o,r)||r);return r&&be(t,o,r),r},ue=e=>e.dataFilters,ye=(e,t)=>{e!==void 0?t.dataFilters=e:delete t.dataFilters},T=class extends i{getDataFilters(){return ue(this._config)}async setDataFilters(t){ye(t,this._config),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}};he([l],T.prototype,"setDataFilters");var L=class extends i{},ve=[b,V,F,q,g,w,d,h,u,y,v,x,O,_,j,P,C,I,M,z,D,m,S,U,T];N(L,ve);return L},b,c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{d as h}from"./MZ2UZAFW.js";import{g as b}from"./KGNYAMFB.js";import a from"./
|
|
2
|
+
import{d as h}from"./MZ2UZAFW.js";import{g as b}from"./KGNYAMFB.js";import a from"./MAGYMTMF.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import{f as y}from"./75Y43JLP.js";import{g as d,l as n}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as u,G as I,g as C,i as c,n as p}from"./OC4AGIFL.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{ob:F,qb:v}])=>{var E=C`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,g=class extends u{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let s=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(s)},this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.filterBySelection=!1,this.arcgisChartsConfigNoSeriesUpdate=p(),this.arcgisChartsConfigWebChartChange=p()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,seriesColor:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,filterBySelection:5,chartData:0}}static{this.styles=E}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let s=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("layer")&&this.layer!==void 0&&!n(e.get("layer"),this.layer)&&(s=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(s=!0),e.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(s=!0),s&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,s){s?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(e){let{slices:s,groupedSlices:i,groupOfSlices:t}=e?.get(0)??{},o=[];this.filterBySelection?o=this.model.slices?.map(l=>s?.find(a=>a.sliceId===l.sliceId)??i?.find(a=>a.sliceId===l.sliceId)??l)??[]:o=(s??[]).concat(i??[]),o.forEach((l,a)=>{let f=this.model.slices?.find(S=>S.sliceId===o[a].sliceId);f&&(o[a]={...o[a],...f});let r=o[a].fillSymbol;r!==void 0&&!n(r?.outline?.color,r?.color)&&(r.outline={...r.outline??{},type:y.SLS,color:r.color})});let m=(i??[]).map(l=>l.sliceId);i!==void 0&&!n(m,this.model.groupedSliceIds)&&(this.model.groupedSliceIds=d(m)),n(o,this.model.slices)||(this.model.slices=d(o)),t!==void 0&&!n(t,this.model.sliceGrouping)&&(this.model.sliceGrouping=d(t))}async updateFetchLayerFieldsInfo(e){let s=e??this.model.config,i=this.layer;if(!i){let t=b(s)?s.iLayer:void 0;t&&(i=await F(t))}i&&(await i.load(),this.layerFieldsInfo=v(i,this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled))}render(){let e;switch(this.page){case h.Data:e=c`<arcgis-charts-config-pie-chart-data .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-pie-chart-data>`;break;case h.Slices:e=c`<arcgis-charts-config-pie-chart-slices .model=${this.model} .chartData=${this.chartData} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-pie-chart-slices>`;break;case h.Format:e=c`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case h.General:e=c`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};I("arcgis-charts-config-pie-chart",g);return g},a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import n from"./YWU7YY46.js";import{b as e,c as t,d as a}from"./PDWS67CW.js";import l from"./VXSASBRB.js";import{a as A}from"./5STC2DYW.js";import{a as u}from"./MZ2UZAFW.js";import k from"./6OZFV5KF.js";import{a as h,p as E}from"./7MKAC33Z.js";import j from"./UJRVNCW5.js";import i from"./J64PBCBQ.js";import f from"./FQQC5MJ6.js";import c from"./3DZFXSXY.js";import"./KGNYAMFB.js";import b from"./AMHRC3PD.js";import"./777EBGS5.js";import{a as x}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as O,B as _,C as m,D as s,E as p,G as z,g as M,i as o,n as r,y as d,z as g}from"./OC4AGIFL.js";import"./TOO3T62Y.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as v}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,{a:V},{r:n},{a:F,d:L}])=>{var R={actionBar:"action-bar"},Z=M`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`,T=class extends O{constructor(){super(...arguments),this.calciteActionBar=d(),this.exportCalciteActionBar=d(),this.expandAction=null,this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.handleMouseOver=l=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let c=l.target;this.actionTooltip!==void 0&&(this.actionTooltip=n(this.actionTooltip));let i;c?.tagName==="CALCITE-ACTION"?i=c:(c?.tagName==="CALCITE-ACTION-MENU"||c?.tagName==="DIV")&&(i=c.firstChild),i!==void 0&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}else this.actionTooltip=n(this.actionTooltip)},this._csvExportExclusionList=[v.ScatterSeries,v.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartState=a.Disabled,this.legendToggle=t.Inactive,this.legendState=a.Enabled,this.rotateChartToggle=t.Inactive,this.rotateChartState=a.Enabled,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionState=a.Enabled,this.filterByExtentToggle=t.Inactive,this.filterByExtentState=a.Enabled,this.actionBarSelectionMode=x.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionState=a.Enabled,this.zoomToggle=t.Inactive,this.zoomState=a.Enabled,this.fullExtentToggle=t.Inactive,this.fullExtentState=a.Enabled,this.clearSelectionToggle=t.Inactive,this.clearSelectionState=a.Enabled,this.switchSelectionToggle=t.Inactive,this.switchSelectionState=a.Enabled,this.exportAsImageState=a.Enabled,this.exportAsCSVState=a.Enabled,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=a.Enabled,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=r(),this.arcgisDefaultActionSelect=r()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartState:1,editChartTitle:1,legendToggle:1,legendState:1,legendTitle:1,rotateChartToggle:1,rotateChartState:1,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionState:1,filterBySelectionTitle:1,filterByExtentToggle:1,filterByExtentState:1,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionState:1,selectionTitle:1,zoomToggle:1,zoomState:1,zoomTitle:1,fullExtentToggle:1,fullExtentState:1,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionState:1,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionState:1,switchSelectionTitle:1,exportAsImageState:1,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,expanded:5,hiddenActions:0}}static{this.styles=Z}load(){this.chartElement=L(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}async onDefaultActionClick(l){let c=l.currentTarget,i={actionId:c.id,actionActive:!1};switch(c.id){case e.EditChart:this.editChartToggle=this.editChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.editChartToggle===t.Active;break;case e.Legend:this.legendToggle=this.legendToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.legendToggle===t.Active,h(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(h(this.chartElement.model)?E(this.chartElement.model)&&(this.chartElement.model.legendVisibility=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.RotateChart:this.rotateChartToggle=this.rotateChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.rotateChartToggle===t.Active,this.chartElement?.model&&(h(this.chartElement.model)?V(this.chartElement.model)&&(this.chartElement.model.rotated=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.FilterBySelection:this.filterBySelectionToggle=this.filterBySelectionToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterBySelectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break;case e.FilterByExtent:this.filterByExtentToggle=this.filterByExtentToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterByExtentToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break;case e.Selection:this.selectionToggle=t.Active,this.zoomToggle=t.Inactive,i.actionActive=this.selectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break;case e.Zoom:this.zoomToggle=t.Active,this.selectionToggle=t.Inactive,i.actionActive=this.zoomToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=x.Zoom);break;case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active,this.chartElement?.switchSelection();break;case e.ExportAsImage:i.actionActive=!0,await this.chartElement?.exportAsImage();break;case e.ExportAsCSV:i.actionActive=!0,await this.chartElement?.exportAsCSV();break}this.arcgisDefaultActionSelect.emit(i)}handleCalciteActionBarToggle(){this.expanded=this.calciteActionBar.value?.expanded??!1,this.setCustomActionsExpanded(),this.arcgisActionBarToggle.emit(this.expanded)}handleMouseOut(){this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}handleSlotChange(l){let c=l.currentTarget.assignedElements();for(let i of c)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(l=>{let c=l;c.textEnabled=this.expanded})}handleExpandTooltip(){this.expandAction===null&&(this.expandAction=this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action")??null,this.expandAction!==null&&(this.listenOn(this.expandAction,"mouseenter",()=>{!this.calciteActionBar.value?.expanded&&this.expandAction!==null&&!document.body.contains(this.actionTooltip)&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand??""}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}),this.listenOn(this.expandAction,"mouseleave",()=>{!this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))})))}renderDefaultActions(){let l=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),c=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=l.includes(e.EditChart),S=l.includes(e.Legend),$=l.includes(e.RotateChart),b=l.includes(e.FilterBySelection),f=l.includes(e.FilterByExtent)&&!c,C=l.includes(e.Zoom),y=l.includes(e.Selection),B=l.includes(e.ClearSelection),D=l.includes(e.FullExtent),k=l.includes(e.SwitchSelection),I=l.includes(e.ExportAsImage),w=l.includes(e.ExportAsCSV);return[S||$?o`<calcite-action-group>${i?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active} .disabled=${this.editChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${S?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??s} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active} .disabled=${this.legendState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${$?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??s} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active} .disabled=${this.rotateChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,b||f?o`<calcite-action-group>${b?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??s} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active} .disabled=${this.filterBySelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${f?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??s} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active} .disabled=${this.filterByExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,y||C||D||B||k?o`<calcite-action-group>${C?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??s} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active} .disabled=${this.zoomState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${y?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??s} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active} .disabled=${this.selectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??s} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active} .disabled=${this.clearSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${D?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??s} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active} .disabled=${this.fullExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??s} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active} .disabled=${this.switchSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,I||w?o`<calcite-action-menu .label=${this._messages?.export??""} ${g(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===a.Disabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${I?o`<div><calcite-action id=${e.ExportAsImage??s} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${w?o`<div><calcite-action id=${e.ExportAsCSV??s} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===a.Disabled||this.forceDisableActions||this.chartType&&(this.disableCSVExportForChartTypes.includes(this.chartType)||this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}</calcite-action-menu>`:null]}render(){return o`<calcite-action-bar class=${_(R.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${g(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};z("arcgis-charts-action-bar",T);return T},b,c,f,i,j,k,l,n)
|
|
2
|
+
import n from"./KPKJHHBU.js";import{b as e,c as t,d as a}from"./PDWS67CW.js";import l from"./JMRWHU43.js";import{a as A}from"./5STC2DYW.js";import{a as u}from"./MZ2UZAFW.js";import k from"./237ZXVIH.js";import{a as h,p as E}from"./7MKAC33Z.js";import j from"./RBGHG5XV.js";import i from"./3UZWJZHK.js";import f from"./CC4R5TI6.js";import c from"./Q6SIKWNY.js";import"./KGNYAMFB.js";import b from"./MAGYMTMF.js";import"./777EBGS5.js";import{a as x}from"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as O,B as _,C as m,D as s,E as p,G as z,g as M,i as o,n as r,y as d,z as g}from"./OC4AGIFL.js";import"./TOO3T62Y.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as v}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,{a:V},{r:n},{a:F,d:L}])=>{var R={actionBar:"action-bar"},Z=M`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`,T=class extends O{constructor(){super(...arguments),this.calciteActionBar=d(),this.exportCalciteActionBar=d(),this.expandAction=null,this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.handleMouseOver=l=>{if(this.calciteActionBar.value&&!this.calciteActionBar.value?.expanded){let c=l.target;this.actionTooltip!==void 0&&(this.actionTooltip=n(this.actionTooltip));let i;c?.tagName==="CALCITE-ACTION"?i=c:(c?.tagName==="CALCITE-ACTION-MENU"||c?.tagName==="DIV")&&(i=c.firstChild),i!==void 0&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}else this.actionTooltip=n(this.actionTooltip)},this._csvExportExclusionList=[v.ScatterSeries,v.BoxPlotSeries],this.actionTooltip=null,this.forceDisableActions=!1,this.editChartToggle=t.Inactive,this.editChartState=a.Disabled,this.legendToggle=t.Inactive,this.legendState=a.Enabled,this.rotateChartToggle=t.Inactive,this.rotateChartState=a.Enabled,this.filterBySelectionToggle=t.Inactive,this.filterBySelectionState=a.Enabled,this.filterByExtentToggle=t.Inactive,this.filterByExtentState=a.Enabled,this.actionBarSelectionMode=x.MultiSelectionWithCtrlKey,this.selectionToggle=t.Inactive,this.selectionState=a.Enabled,this.zoomToggle=t.Inactive,this.zoomState=a.Enabled,this.fullExtentToggle=t.Inactive,this.fullExtentState=a.Enabled,this.clearSelectionToggle=t.Inactive,this.clearSelectionState=a.Enabled,this.switchSelectionToggle=t.Inactive,this.switchSelectionState=a.Enabled,this.exportAsImageState=a.Enabled,this.exportAsCSVState=a.Enabled,this.disableCSVExportForChartTypes=this._csvExportExclusionList,this.csvExportExclusionList=this._csvExportExclusionList,this.exportActionState=a.Enabled,this.expanded=!1,this.hiddenActions=[e.EditChart],this.arcgisActionBarToggle=r(),this.arcgisDefaultActionSelect=r()}static{this.properties={actionTooltip:16,messageOverrides:0,chartType:1,chartElement:0,forceDisableActions:5,editChartToggle:1,editChartState:1,editChartTitle:1,legendToggle:1,legendState:1,legendTitle:1,rotateChartToggle:1,rotateChartState:1,rotateChartTitle:1,filterBySelectionToggle:1,filterBySelectionState:1,filterBySelectionTitle:1,filterByExtentToggle:1,filterByExtentState:1,filterByExtentTitle:1,actionBarSelectionMode:1,selectionToggle:1,selectionState:1,selectionTitle:1,zoomToggle:1,zoomState:1,zoomTitle:1,fullExtentToggle:1,fullExtentState:1,fullExtentTitle:1,clearSelectionToggle:1,clearSelectionState:1,clearSelectionTitle:1,switchSelectionToggle:1,switchSelectionState:1,switchSelectionTitle:1,exportAsImageState:1,exportAsImageTitle:1,exportAsCSVState:1,exportAsCSVTitle:1,disableCSVExportForChartTypes:0,csvExportExclusionList:0,exportActionState:1,expanded:5,hiddenActions:0}}static{this.styles=Z}load(){this.chartElement=L(this.el.parentElement)?this.el.parentElement:void 0}updated(){this.handleExpandTooltip()}disconnectedCallback(){super.disconnectedCallback(),this.actionTooltip?.remove()}async onDefaultActionClick(l){let c=l.currentTarget,i={actionId:c.id,actionActive:!1};switch(c.id){case e.EditChart:this.editChartToggle=this.editChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.editChartToggle===t.Active;break;case e.Legend:this.legendToggle=this.legendToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.legendToggle===t.Active,h(this.chartElement?.model)&&E(this.chartElement?.model)&&(this.chartElement.model.legendVisibility=i.actionActive),this.chartElement?.model&&(h(this.chartElement.model)?E(this.chartElement.model)&&(this.chartElement.model.legendVisibility=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.RotateChart:this.rotateChartToggle=this.rotateChartToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.rotateChartToggle===t.Active,this.chartElement?.model&&(h(this.chartElement.model)?V(this.chartElement.model)&&(this.chartElement.model.rotated=i.actionActive):this.chartElement.model.rotated=this.chartElement.model.rotated!==!0);break;case e.FilterBySelection:this.filterBySelectionToggle=this.filterBySelectionToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterBySelectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterBySelection=i.actionActive);break;case e.FilterByExtent:this.filterByExtentToggle=this.filterByExtentToggle===t.Active?t.Inactive:t.Active,i.actionActive=this.filterByExtentToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.filterByViewExtent=i.actionActive);break;case e.Selection:this.selectionToggle=t.Active,this.zoomToggle=t.Inactive,i.actionActive=this.selectionToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=this.actionBarSelectionMode);break;case e.Zoom:this.zoomToggle=t.Active,this.selectionToggle=t.Inactive,i.actionActive=this.zoomToggle===t.Active,this.chartElement!==void 0&&(this.chartElement.actionMode=x.Zoom);break;case e.ClearSelection:i.actionActive=this.clearSelectionToggle===t.Active,this.chartElement?.clearSelection();break;case e.FullExtent:i.actionActive=this.fullExtentToggle===t.Active,this.chartElement?.resetZoom();break;case e.SwitchSelection:i.actionActive=this.switchSelectionToggle===t.Active,this.chartElement?.switchSelection();break;case e.ExportAsImage:i.actionActive=!0,await this.chartElement?.exportAsImage();break;case e.ExportAsCSV:i.actionActive=!0,await this.chartElement?.exportAsCSV();break}this.arcgisDefaultActionSelect.emit(i)}handleCalciteActionBarToggle(){this.expanded=this.calciteActionBar.value?.expanded??!1,this.setCustomActionsExpanded(),this.arcgisActionBarToggle.emit(this.expanded)}handleMouseOut(){this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}handleSlotChange(l){let c=l.currentTarget.assignedElements();for(let i of c)i.onmouseover=this.handleMouseOver}setCustomActionsExpanded(){this.el.querySelectorAll("calcite-action").forEach(l=>{let c=l;c.textEnabled=this.expanded})}handleExpandTooltip(){this.expandAction===null&&(this.expandAction=this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action")??null,this.expandAction!==null&&(this.listenOn(this.expandAction,"mouseenter",()=>{!this.calciteActionBar.value?.expanded&&this.expandAction!==null&&!document.body.contains(this.actionTooltip)&&(this.actionTooltip=p(o`<calcite-tooltip style=${m({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand??""}</calcite-tooltip>`),document.body.appendChild(this.actionTooltip))}),this.listenOn(this.expandAction,"mouseleave",()=>{!this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))}),this.listenOn(this.expandAction,"click",()=>{this.calciteActionBar.value?.expanded&&this.actionTooltip!==null&&(this.actionTooltip=n(this.actionTooltip))})))}renderDefaultActions(){let l=F(this.chartType).filter(N=>!this.hiddenActions?.includes(N)),c=this.chartElement?.layer&&"isTable"in this.chartElement.layer?this.chartElement.layer.isTable:!1,i=l.includes(e.EditChart),S=l.includes(e.Legend),$=l.includes(e.RotateChart),b=l.includes(e.FilterBySelection),f=l.includes(e.FilterByExtent)&&!c,C=l.includes(e.Zoom),y=l.includes(e.Selection),B=l.includes(e.ClearSelection),D=l.includes(e.FullExtent),k=l.includes(e.SwitchSelection),I=l.includes(e.ExportAsImage),w=l.includes(e.ExportAsCSV);return[S||$?o`<calcite-action-group>${i?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart??s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart??""} .textEnabled=${this.expanded} .active=${this.editChartToggle===t.Active} .disabled=${this.editChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${S?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend??s} .text=${this.legendTitle??this._messages?.legend??""} .textEnabled=${this.expanded} .active=${this.legendToggle===t.Active} .disabled=${this.legendState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>`:null}${$?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart??s} icon=rotate .text=${this.rotateChartTitle??this._messages?.rotateChart??""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle===t.Active} .disabled=${this.rotateChartState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,b||f?o`<calcite-action-group>${b?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection??s} icon=selection-filter .text=${this.filterBySelectionTitle??this._messages?.filterBySelection??""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle===t.Active} .disabled=${this.filterBySelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${f?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent??s} icon=extent-filter .text=${this.filterByExtentTitle??this._messages?.filterByExtent??""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle===t.Active} .disabled=${this.filterByExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,y||C||D||B||k?o`<calcite-action-group>${C?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom??s} icon=magnifying-glass .text=${this.zoomTitle??this._messages?.zoom??""} .textEnabled=${this.expanded} .active=${this.zoomToggle===t.Active} .disabled=${this.zoomState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${y?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection??s} icon=cursor-selection .text=${this.selectionTitle??this._messages?.selection??""} .textEnabled=${this.expanded} .active=${this.selectionToggle===t.Active} .disabled=${this.selectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${B?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection??s} icon=erase .text=${this.clearSelectionTitle??this._messages?.clearSelection??""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle===t.Active} .disabled=${this.clearSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${D?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent??s} icon=zoom-out-fixed .text=${this.fullExtentTitle??this._messages?.fullExtent??""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle===t.Active} .disabled=${this.fullExtentState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}${k?o`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection??s} icon=arrow-right-left .text=${this.switchSelectionTitle??this._messages?.switchSelection??""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle===t.Active} .disabled=${this.switchSelectionState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>`:null}</calcite-action-group>`:null,I||w?o`<calcite-action-menu .label=${this._messages?.export??""} ${g(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export??""} .textEnabled=${this.expanded} .disabled=${this.exportActionState===a.Disabled||this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${I?o`<div><calcite-action id=${e.ExportAsImage??s} icon=graph-bar .text=${this.exportAsImageTitle??this._messages?.exportAsImage??""} .disabled=${this.exportAsImageState===a.Disabled||this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}${w?o`<div><calcite-action id=${e.ExportAsCSV??s} icon=table .text=${this.exportAsCSVTitle??this._messages?.exportAsTable??""} .disabled=${this.exportAsCSVState===a.Disabled||this.forceDisableActions||this.chartType&&(this.disableCSVExportForChartTypes.includes(this.chartType)||this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>`:null}</calcite-action-menu>`:null]}render(){return o`<calcite-action-bar class=${_(R.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}} overflow-actions-disabled ${g(this.calciteActionBar)}><slot name=${u.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${u.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`}};z("arcgis-charts-action-bar",T);return T},b,c,f,i,j,k,l,n)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as u,c as P,d as T,f as _}from"./7BDNLABD.js";import{a as w}from"./B7XYDLAU.js";import{a as N}from"./TJQGGNGV.js";import{a as C}from"./5STC2DYW.js";import{f as l}from"./MZ2UZAFW.js";import e from"./EYZDVMSX.js";import a from"./AMHRC3PD.js";import"./777EBGS5.js";import{n as p,u as S}from"./P5XJTTU3.js";import{wa as B,xa as k}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as I}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as F,B as s,E as x,G as A,g as y,i as r,n as g,y as h,z as m}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as c,k as b,n as d}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{rb:f,tb:E},{h:L}])=>{var z=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
|
|
2
|
+
import{a as u,c as P,d as T,f as _}from"./7BDNLABD.js";import{a as w}from"./B7XYDLAU.js";import{a as N}from"./TJQGGNGV.js";import{a as C}from"./5STC2DYW.js";import{f as l}from"./MZ2UZAFW.js";import e from"./6BYEVZTA.js";import a from"./MAGYMTMF.js";import"./777EBGS5.js";import{n as p,u as S}from"./P5XJTTU3.js";import{wa as B,xa as k}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as I}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as F,B as s,E as x,G as A,g as y,i as r,n as g,y as h,z as m}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as c,k as b,n as d}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{sb:f,ub:E},{h:L}])=>{var z=y`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends F{constructor(){super(...arguments),this._messages=C(),this.commonStrings=C({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=h(),this.xAxisFieldElement=h(),this.numericFieldsElement=h(),this.splitByFieldElement=h(),this.intervalAlignmentElement=h(),this.intervalElement=h(),this.onLineChartDataChange=e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(P(u),t){case l.aggregation:this.model.aggregationType=i[0]!==c.NoAggregation?i[0]:c.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===c.Count&&this.model.numericFields[0]!==f(this.model.layer).idField&&(this.model.aggregationType=c.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&_(u)}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=k(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return w(e,r`<calcite-list-item .label=${p(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":p(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return L({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":p(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=this.model.aggregationType!==c.NoAggregation;return e!==void 0&&E(e)&&t}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??b.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=x(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===c.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=f(this.model.layer).idField,i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=S(this.model.temporalBinningUnit??b.Second,this._messages)??"",a=T(u),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=I(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.nullPolicy===d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.nullPolicy===d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.nullPolicy===d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==c.Count?r`<calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label>`:null}</div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label>`}};A("arcgis-charts-config-line-chart-data",$);return $},a,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as b}from"./3TPTF5I7.js";import{a as I,b as E}from"./7BDNLABD.js";import e from"./VXSASBRB.js";import{a as c}from"./5STC2DYW.js";import"./MZ2UZAFW.js";import d from"./3DZFXSXY.js";import"./KGNYAMFB.js";import a from"./AMHRC3PD.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{h as m}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as f,B as o,E as v,G as C,g as N,i as n,y as h,z as r}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as l}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:M,f:g,g:x,h:B,i:a}])=>{var u={linkContainer:"link-container",label:"label",mb2:"mb-2"},L=N`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}calcite-block{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));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,p=class extends f{constructor(){super(...arguments),this._messages=c(),this.commonStrings=c({name:"common",blocking:!0}),this.axisModel=new b,this.minBoundInputElement=h(),this.maxBoundInputElement=h(),this.showLogScaleSwitch=h(),this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=()=>{let e=this.maxBoundInputElement.value?.value,t=this.maxBoundInputElement.value?.status;if(e!==void 0&&e!==""){let s=this.maxBoundInputElement.value?.min===void 0?this.axisModel.getMinBound():Math.max(this.maxBoundInputElement.value.min,this.axisModel.getMinBound()),i=Number.parseFloat(e);if(i!==this.axisModel.getMinBound()&&g(i,s,this.maxBoundInputElement.value?.max)){if(i!==this.axisModel.getMaxBound()){this.axisModel.setMaxBound(i);let d=this.getAxisBoundsFromStateStore();d&&(d.currMaxBound=i)}t=a.IDLE}else t=a.INVALID}else t=a.IDLE;this.maxBoundInputElement.value&&B({inputElement:this.maxBoundInputElement.value,status:t}),t!==a.INVALID&&this.minBoundInputElement.value?.status===a.INVALID&&this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=m(this.onMaxBoundsChange,M.DebounceTimer),this.onMinBoundsChange=()=>{let e=this.minBoundInputElement.value?.value,t=this.minBoundInputElement.value?.status;if(e!==void 0&&e!==""){let s=this.minBoundInputElement.value?.max===void 0?this.axisModel.getMaxBound():Math.min(this.minBoundInputElement.value.max,this.axisModel.getMaxBound()),i=Number.parseFloat(e);if(i!==this.axisModel.getMaxBound()&&g(i,this.minBoundInputElement.value?.min,s)){if(i!==this.axisModel.getMinBound()){this.axisModel.setMinBound(i);let d=this.getAxisBoundsFromStateStore();d&&(d.currMinBound=i)}t=a.IDLE}else t=a.INVALID}else t=a.IDLE;this.minBoundInputElement.value&&B({inputElement:this.minBoundInputElement.value,status:t}),t!==a.INVALID&&this.maxBoundInputElement.value?.status===a.INVALID&&this.onMaxBoundsChange(),this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=m(this.onMinBoundsChange,M.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle="",this.showMaxBoundOption=!1,this.showMinBoundOption=!1,this.showEnableLogOption=!1}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=L}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,e.get("dataMinValue")),e.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,e.get("dataMaxValue")),e.has("initialMaxBound")&&this.initialMaxBoundChange(),e.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){this.axisModel=new b(this.model,this.isXAxis),t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMinBound=e)}dataMaxValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMaxBound=e)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let e,t=I.chartAxesBoundDataMap,s=this.model.chartId;if(s){let i=E({chartId:s,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});e=t[s]?.[i]}return e}disableResetButtons(){let e=this.getAxisBoundsFromStateStore();e&&(this.disableMaxBoundResetBtn=e.defaultMaxBound===e.currMaxBound,this.disableMinBoundResetBtn=e.defaultMinBound===e.currMinBound)}onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=v(n`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value??document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled??""}</calcite-tooltip>`),document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}onCategoryFormatChange(e){this.axisModel.setValueFormat(e.target.categoryFormat)}updateEnableLogarithmic(e){e!==this.axisModel.getLogarithmic()&&(this.axisModel.setLogarithmic(e),this.requestUpdate())}onNumberFormatChange(e){this.axisModel.setValueFormat({type:l.NumberAxisFormat,intlOptions:e.detail}),this.requestUpdate()}onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===a.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let e=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&this.axisModel.setMinBound(e?.defaultMinBound??Number.NaN),this.axisModel.setMaxBound(e?.defaultMaxBound??Number.NaN),this.requestUpdate()}}onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===a.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&this.axisModel.setMaxBound(Number.NaN),this.axisModel.setMinBound(Number.NaN),this.requestUpdate())}enableLogScale(e){let{checked:t}=e.target;this.axisModel.setLogarithmic(t&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return n`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type===l.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`}renderAxis(){let e=null,t={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case l.CategoryAxisFormat:e=n`<arcgis-charts-config-category-format .categoryFormat=${t} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case l.NumberAxisFormat:e=n`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...t.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case l.DateAxisFormat:e=null;break}return e}renderMaxBound(){let e;if(!this.showMaxBoundOption)e=null;else{let t=x(this.axisModel.getMaxBound(),this.initialMaxBound);e=n`<div><calcite-label class=${o(u.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${r(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${o(u.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderMinBound(){let e;if(!this.showMinBoundOption)e=null;else{let t=x(this.axisModel.getMinBound(),this.initialMinBound??void 0);e=n`<div><calcite-label class=${o(u.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${r(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${o(u.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderShowLogScale(){let e;return this.showEnableLogOption&&(e=n`<calcite-label layout=inline-space-between class=${o({[u.label]:!0,[u.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${r(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),e}};C("arcgis-charts-config-axis",p);return p},a,d,e)
|
|
2
|
+
import{a as b}from"./3TPTF5I7.js";import{a as I,b as E}from"./7BDNLABD.js";import e from"./JMRWHU43.js";import{a as c}from"./5STC2DYW.js";import"./MZ2UZAFW.js";import d from"./Q6SIKWNY.js";import"./KGNYAMFB.js";import a from"./MAGYMTMF.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{h as m}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as f,B as o,E as v,G as C,g as N,i as n,y as h,z as r}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as l}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:M,f:g,g:x,h:B,i:a}])=>{var u={linkContainer:"link-container",label:"label",mb2:"mb-2"},L=N`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}calcite-block{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));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,p=class extends f{constructor(){super(...arguments),this._messages=c(),this.commonStrings=c({name:"common",blocking:!0}),this.axisModel=new b,this.minBoundInputElement=h(),this.maxBoundInputElement=h(),this.showLogScaleSwitch=h(),this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=()=>{let e=this.maxBoundInputElement.value?.value,t=this.maxBoundInputElement.value?.status;if(e!==void 0&&e!==""){let s=this.maxBoundInputElement.value?.min===void 0?this.axisModel.getMinBound():Math.max(this.maxBoundInputElement.value.min,this.axisModel.getMinBound()),i=Number.parseFloat(e);if(i!==this.axisModel.getMinBound()&&g(i,s,this.maxBoundInputElement.value?.max)){if(i!==this.axisModel.getMaxBound()){this.axisModel.setMaxBound(i);let d=this.getAxisBoundsFromStateStore();d&&(d.currMaxBound=i)}t=a.IDLE}else t=a.INVALID}else t=a.IDLE;this.maxBoundInputElement.value&&B({inputElement:this.maxBoundInputElement.value,status:t}),t!==a.INVALID&&this.minBoundInputElement.value?.status===a.INVALID&&this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=m(this.onMaxBoundsChange,M.DebounceTimer),this.onMinBoundsChange=()=>{let e=this.minBoundInputElement.value?.value,t=this.minBoundInputElement.value?.status;if(e!==void 0&&e!==""){let s=this.minBoundInputElement.value?.max===void 0?this.axisModel.getMaxBound():Math.min(this.minBoundInputElement.value.max,this.axisModel.getMaxBound()),i=Number.parseFloat(e);if(i!==this.axisModel.getMaxBound()&&g(i,this.minBoundInputElement.value?.min,s)){if(i!==this.axisModel.getMinBound()){this.axisModel.setMinBound(i);let d=this.getAxisBoundsFromStateStore();d&&(d.currMinBound=i)}t=a.IDLE}else t=a.INVALID}else t=a.IDLE;this.minBoundInputElement.value&&B({inputElement:this.minBoundInputElement.value,status:t}),t!==a.INVALID&&this.maxBoundInputElement.value?.status===a.INVALID&&this.onMaxBoundsChange(),this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=m(this.onMinBoundsChange,M.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle="",this.showMaxBoundOption=!1,this.showMinBoundOption=!1,this.showEnableLogOption=!1}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=L}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,e.get("dataMinValue")),e.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,e.get("dataMaxValue")),e.has("initialMaxBound")&&this.initialMaxBoundChange(),e.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){this.axisModel=new b(this.model,this.isXAxis),t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMinBound=e)}dataMaxValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMaxBound=e)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let e,t=I.chartAxesBoundDataMap,s=this.model.chartId;if(s){let i=E({chartId:s,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});e=t[s]?.[i]}return e}disableResetButtons(){let e=this.getAxisBoundsFromStateStore();e&&(this.disableMaxBoundResetBtn=e.defaultMaxBound===e.currMaxBound,this.disableMinBoundResetBtn=e.defaultMinBound===e.currMinBound)}onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=v(n`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value??document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled??""}</calcite-tooltip>`),document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}onCategoryFormatChange(e){this.axisModel.setValueFormat(e.target.categoryFormat)}updateEnableLogarithmic(e){e!==this.axisModel.getLogarithmic()&&(this.axisModel.setLogarithmic(e),this.requestUpdate())}onNumberFormatChange(e){this.axisModel.setValueFormat({type:l.NumberAxisFormat,intlOptions:e.detail}),this.requestUpdate()}onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===a.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let e=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&this.axisModel.setMinBound(e?.defaultMinBound??Number.NaN),this.axisModel.setMaxBound(e?.defaultMaxBound??Number.NaN),this.requestUpdate()}}onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===a.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&this.axisModel.setMaxBound(Number.NaN),this.axisModel.setMinBound(Number.NaN),this.requestUpdate())}enableLogScale(e){let{checked:t}=e.target;this.axisModel.setLogarithmic(t&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return n`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type===l.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`}renderAxis(){let e=null,t={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case l.CategoryAxisFormat:e=n`<arcgis-charts-config-category-format .categoryFormat=${t} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case l.NumberAxisFormat:e=n`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...t.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case l.DateAxisFormat:e=null;break}return e}renderMaxBound(){let e;if(!this.showMaxBoundOption)e=null;else{let t=x(this.axisModel.getMaxBound(),this.initialMaxBound);e=n`<div><calcite-label class=${o(u.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${r(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${o(u.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderMinBound(){let e;if(!this.showMinBoundOption)e=null;else{let t=x(this.axisModel.getMinBound(),this.initialMinBound??void 0);e=n`<div><calcite-label class=${o(u.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${r(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${o(u.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderShowLogScale(){let e;return this.showEnableLogOption&&(e=n`<calcite-label layout=inline-space-between class=${o({[u.label]:!0,[u.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${r(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),e}};C("arcgis-charts-config-axis",p);return p},a,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as u}from"./TJQGGNGV.js";import f from"./
|
|
2
|
+
import{b as u}from"./TJQGGNGV.js";import f from"./JMRWHU43.js";import{a as g}from"./5STC2DYW.js";import"./MZ2UZAFW.js";import b from"./Q6SIKWNY.js";import"./KGNYAMFB.js";import a from"./MAGYMTMF.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{k as d}from"./FIMXZMTB.js";import"./SEXKEROR.js";import{A as m,B as e,G as p,g as c,i as h,n as i,y as s,z as n}from"./OC4AGIFL.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{h:v,i:r}])=>{var t={jsAppFlyout:"js-app-flyout",chartRenameComponent:"chart-rename-component",renameLabelContainer:"rename-label-container",renamePanel:"rename-panel"},C=c`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.chart-rename-component{width:var(--arcgis-charts-config-panel-width-medium);height:var(--arcgis-charts-config-panel-height)}:host{overflow-y:auto;width:min-content}.rename-label-container{display:flex;padding:0 1rem;margin-top:1rem}.rename-label-container calcite-label{flex:1 1 0px;display:flex;width:0px}.rename-panel{width:calc(var(--calcite-panel-width-multiplier) * 20vw);max-width:calc(var(--calcite-panel-width-multiplier) * 420px);min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=s(),this.popoverElement=s(),this.isChartTitleInvalid=!1,this.changedName="",this.name="",this.open=!1,this.arcgisChartsConfigChartRenamePopoverChange=i(),this.arcgisChartsConfigPopoverClose=i()}static{this.properties={isChartTitleInvalid:16,changedName:16,messageOverrides:0,name:1,open:5,referenceElement:0}}static{this.styles=C}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(a){a.has("name")&&(this.changedName=this.name)}updated(){this.popoverElement.value?.reposition(),u(this.popoverElement.value,this.open)}onNameChange(a){let o=a.target.value;this.changedName=o,this.isChartTitleInvalid=d(o.trim()),this.characterLimitInputElement.value&&v({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?r.INVALID:r.IDLE})}onCancelClick(){this.changedName=this.name,this.arcgisChartsConfigPopoverClose.emit(),this.open=!1}onSubmitClick(){this.isChartTitleInvalid||(this.name=this.changedName,this.arcgisChartsConfigChartRenamePopoverChange.emit({name:this.changedName}),this.open=!1)}popoverClose(){this.changedName=this.name,this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}render(){return h`<div class=${e({[t.chartRenameComponent]:!0,[t.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} @calcitePopoverClose=${this.popoverClose} .open=${this.open} placement=bottom label auto-close ${n(this.popoverElement)}><calcite-panel class=${e(t.renamePanel)} closable .closed=${!this.open} @calcitePanelClose=${this.popoverClose} .heading=${this._messages.renameChart}><div class=${e(t.renameLabelContainer)}><calcite-label>${this._messages.chartName}<calcite-input required type=text .value=${this.changedName} @calciteInputInput=${this.onNameChange} ${n(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></calcite-label></div><calcite-button slot=footer appearance=solid scale=m width=half @click=${this.onSubmitClick}>${this._messages.submit}</calcite-button><calcite-button slot=footer appearance=outline-fill scale=m width=half @click=${this.onCancelClick}>${this._messages.cancel}</calcite-button></calcite-panel></calcite-popover></div>`}};p("arcgis-charts-config-chart-rename-popover",l);return l},a,b,f)
|