@arcgis/charts-components 5.2.0-next.71 → 5.2.0-next.72

package/dist/cdn/{IODRBLGT.js → G6RHXKZI.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as te}from"./FJGG2VVZ.js";import{a as W}from"./IPEJCIHO.js";import{a as ee}from"./IHO3OLL3.js";import{b as T}from"./IONJLIQQ.js";import d from"./IK4FPUFJ.js";import"./JYC77MVD.js";import{a as j}from"./SN4KBI42.js";import{l as Y,n as K,o as H}from"./OAXHS4LE.js";import b from"./4JWIBRGO.js";import a from"./NAGOJPIX.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import{I as O}from"./USNJZCHH.js";import{b as q,f as m}from"./KX7KGXKQ.js";import{g as D}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as h,B as N,C as o,D as I,F as w,H as z,g as R,i as r,n as X,z as c}from"./7SBVBD4E.js";import"./DAFNQT4C.js";import{j as v}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import{a as V}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{$a:U,ab:g,lc:Z,mc:P,nc:k,ub:p},,{h:C,i:x,n:E,p:J,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 N{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)===m.SLS){let l=D(T.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)===m.SLS){let l=D(T.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===V.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(u=>u.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(u=>u.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=Z(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,b=this.endDateCalciteInput.value?.value??"",y=b===""?f:b,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let u=`${G}T${L}`;this.model.setGuideStart(u,this.index,this.orientation),S=!0}if(!Array.isArray(y)&&y!==void 0&&B!==void 0){let u=b===""?void 0:`${y}T${B}`;this.model.setGuideEnd(u,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)===m.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=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:m.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&&K(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&H(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)?J(e.style):q.Solid,f=p(s,d)===m.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=${E} 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=${E} 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>`}};z("arcgis-charts-config-guide",A);return A},a,b,d)
+import{b as te}from"./3P2SRGLO.js";import{a as W}from"./IPEJCIHO.js";import{a as ee}from"./IHO3OLL3.js";import{b as T}from"./IONJLIQQ.js";import d from"./JRLNI3JM.js";import"./JYC77MVD.js";import{a as j}from"./SN4KBI42.js";import{l as Y,n as K,o as H}from"./5X7Q3I6R.js";import b from"./2IT2RCIC.js";import a from"./V35ALJHW.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import{I as O}from"./USNJZCHH.js";import{b as q,f as m}from"./KX7KGXKQ.js";import{g as D}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as h,B as N,C as o,D as I,F as w,H as z,g as R,i as r,n as X,z as c}from"./7SBVBD4E.js";import"./DAFNQT4C.js";import{j as v}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import{a as V}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{$a:U,ab:g,lc:Z,mc:P,nc:k,ub:p},,{h:C,i:x,n:E,p:J,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 N{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)===m.SLS){let l=D(T.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)===m.SLS){let l=D(T.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===V.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(u=>u.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(u=>u.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=Z(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,b=this.endDateCalciteInput.value?.value??"",y=b===""?f:b,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&L!==void 0){let u=`${G}T${L}`;this.model.setGuideStart(u,this.index,this.orientation),S=!0}if(!Array.isArray(y)&&y!==void 0&&B!==void 0){let u=b===""?void 0:`${y}T${B}`;this.model.setGuideEnd(u,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)===m.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=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...U(i)?i:{},type:m.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&&K(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&H(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)?J(e.style):q.Solid,f=p(s,d)===m.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=${E} 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=${E} 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>`}};z("arcgis-charts-config-guide",A);return A},a,b,d)

package/dist/cdn/{GKEW5JYD.js → GBVHGXLI.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as f}from"./L7CMLBHB.js";import{a as S,b as w}from"./OBPAQN4H.js";import e from"./IK4FPUFJ.js";import"./JYC77MVD.js";import{a as B}from"./SN4KBI42.js";import b from"./4JWIBRGO.js";import a from"./NAGOJPIX.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import"./USNJZCHH.js";import"./KX7KGXKQ.js";import{h as x}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as M,B as E,C as u,F as I,H as L,g as C,i as s,z as c}from"./7SBVBD4E.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{a as d}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:b,f:p,g:N,h:m,i:i}])=>{var h={linkContainer:"link-container",label:"label",mb2:"mb-2"},$=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)}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}`,v=class extends E{constructor(){super(...arguments),this._messages=B(),this.commonStrings=B({name:"common",blocking:!0}),this.axisModel=new f,this.minBoundInputElement=c(),this.maxBoundInputElement=c(),this.showLogScaleSwitch=c(),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 n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(n)?n:this.initialMinBound,g=this.maxBoundInputElement.value?.min===void 0?o:Math.max(this.maxBoundInputElement.value.min,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,g,this.maxBoundInputElement.value?.max)){if(a!==l){this.axisModel.setMaxBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMaxBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:t}),t!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=x(this.onMaxBoundsChange,b.DebounceTimer),this.onMinBoundsChange=()=>{let e=this.minBoundInputElement.value?.value,t=this.minBoundInputElement.value?.status;if(e!==void 0&&e!==""){let n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(l)?l:this.initialMaxBound,g=this.minBoundInputElement.value?.max===void 0?o:Math.min(this.minBoundInputElement.value.max,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,this.minBoundInputElement.value?.min,g)){if(a!==n){this.axisModel.setMinBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMinBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:t}),t!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&this.onMaxBoundsChange(),this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=x(this.onMinBoundsChange,b.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=$}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 f(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=S.chartAxesBoundDataMap,n=this.model.chartId;if(n){let l=w({chartId:n,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});e=t[n]?.[l]}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=I(s`<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:d.NumberAxisFormat,intlOptions:e.detail}),this.requestUpdate()}onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.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.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:i.IDLE}),this.requestUpdate()}}onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&this.axisModel.setMaxBound(Number.NaN),this.axisModel.setMinBound(Number.NaN),this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:i.IDLE}),this.requestUpdate())}enableLogScale(e){let{checked:t}=e.target;this.axisModel.setLogarithmic(t&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return s`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type===d.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`}renderAxis(){let e=null,t={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case d.CategoryAxisFormat:e=s`<arcgis-charts-config-category-format .categoryFormat=${t} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case d.NumberAxisFormat:e=s`<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 d.DateAxisFormat:e=null;break}return e}renderMaxBound(){let e;if(!this.showMaxBoundOption)e=null;else{let t=N(this.axisModel.getMaxBound(),this.initialMaxBound);e=s`<div><calcite-label class=${u(h.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} ${M(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.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=N(this.axisModel.getMinBound(),this.initialMinBound??void 0);e=s`<div><calcite-label class=${u(h.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} ${M(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.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=s`<calcite-label layout=inline-space-between class=${u({[h.label]:!0,[h.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} ${M(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),e}};L("arcgis-charts-config-axis",v);return v},a,b,e)
+import{a as f}from"./L7CMLBHB.js";import{a as S,b as w}from"./OBPAQN4H.js";import e from"./JRLNI3JM.js";import"./JYC77MVD.js";import{a as B}from"./SN4KBI42.js";import b from"./2IT2RCIC.js";import a from"./V35ALJHW.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import"./USNJZCHH.js";import"./KX7KGXKQ.js";import{h as x}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as M,B as E,C as u,F as I,H as L,g as C,i as s,z as c}from"./7SBVBD4E.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{a as d}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{a:b,f:p,g:N,h:m,i:i}])=>{var h={linkContainer:"link-container",label:"label",mb2:"mb-2"},$=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)}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}`,v=class extends E{constructor(){super(...arguments),this._messages=B(),this.commonStrings=B({name:"common",blocking:!0}),this.axisModel=new f,this.minBoundInputElement=c(),this.maxBoundInputElement=c(),this.showLogScaleSwitch=c(),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 n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(n)?n:this.initialMinBound,g=this.maxBoundInputElement.value?.min===void 0?o:Math.max(this.maxBoundInputElement.value.min,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,g,this.maxBoundInputElement.value?.max)){if(a!==l){this.axisModel.setMaxBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMaxBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:t}),t!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=x(this.onMaxBoundsChange,b.DebounceTimer),this.onMinBoundsChange=()=>{let e=this.minBoundInputElement.value?.value,t=this.minBoundInputElement.value?.status;if(e!==void 0&&e!==""){let n=this.axisModel.getMinBound(),l=this.axisModel.getMaxBound(),o=Number.isFinite(l)?l:this.initialMaxBound,g=this.minBoundInputElement.value?.max===void 0?o:Math.min(this.minBoundInputElement.value.max,o??Number.NaN),a=Number.parseFloat(e);if(a!==o&&p(a,this.minBoundInputElement.value?.min,g)){if(a!==n){this.axisModel.setMinBound(a);let r=this.getAxisBoundsFromStateStore();r&&(r.currMinBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:t}),t!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&this.onMaxBoundsChange(),this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=x(this.onMinBoundsChange,b.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=$}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 f(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=S.chartAxesBoundDataMap,n=this.model.chartId;if(n){let l=w({chartId:n,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});e=t[n]?.[l]}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=I(s`<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:d.NumberAxisFormat,intlOptions:e.detail}),this.requestUpdate()}onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.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.maxBoundInputElement.value&&m({inputElement:this.maxBoundInputElement.value,status:i.IDLE}),this.requestUpdate()}}onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&this.axisModel.setMaxBound(Number.NaN),this.axisModel.setMinBound(Number.NaN),this.minBoundInputElement.value&&m({inputElement:this.minBoundInputElement.value,status:i.IDLE}),this.requestUpdate())}enableLogScale(e){let{checked:t}=e.target;this.axisModel.setLogarithmic(t&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return s`<calcite-block .hidden=${this.axisModel.getValueFormat()?.type===d.DateAxisFormat} expanded .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block>`}renderAxis(){let e=null,t={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case d.CategoryAxisFormat:e=s`<arcgis-charts-config-category-format .categoryFormat=${t} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case d.NumberAxisFormat:e=s`<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 d.DateAxisFormat:e=null;break}return e}renderMaxBound(){let e;if(!this.showMaxBoundOption)e=null;else{let t=N(this.axisModel.getMaxBound(),this.initialMaxBound);e=s`<div><calcite-label class=${u(h.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} ${M(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.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=N(this.axisModel.getMinBound(),this.initialMinBound??void 0);e=s`<div><calcite-label class=${u(h.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} ${M(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${u(h.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=s`<calcite-label layout=inline-space-between class=${u({[h.label]:!0,[h.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} ${M(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),e}};L("arcgis-charts-config-axis",v);return v},a,b,e)

package/dist/cdn/{JAQYU6KP.js → GDCYGJRG.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import e from"./L6DFXTSQ.js";import d from"./OE7Q4MG5.js";import{c as f}from"./WDMYVS4F.js";import b from"./4JWIBRGO.js";import{n as m}from"./CRNIOME2.js";import{I as l,P as a,ta as n,va as r}from"./USNJZCHH.js";import{c}from"./K4APZJ2O.js";export default $arcgis.t(([{substitute:C},{a:u,d:t},{a:p},{b:x}])=>{var v=s=>{t({config:s,value:null,axisIndex:0,isMax:!1}),t({config:s,value:null,axisIndex:0,isMax:!0}),t({config:s,value:null,axisIndex:1,isMax:!1}),t({config:s,value:null,axisIndex:1,isMax:!0})};function D(s,e,i){let{layerFieldsInfo:o}=e,y=m(o,g(s));return C(i.titleLabels.distributionOfField,{valueField:y})}var g=s=>s.series[0]?.x??"",G=s=>{let{numericField:e,config:i,layerInfo:o,commonStrings:y}=s,{layerFieldsInfo:b}=o,I=D(i,o,y),S=p(i),F=f(0,i),M=m(b,g(i)),d=x(i);if(v(i),i?.series?.[0]&&(i.series[0].x=e),M===F||d){let T=m(b,e);u(i,0,T)}i.title&&(I===S||d)&&(i.title.content.text=D(i,o,y))},J=s=>s.series[0]?.dataTransformationType??c.None,K=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].dataTransformationType=s)},L=s=>s.series[0]?.binCount??32,Q=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].binCount=s)},R=s=>s.series[0]?.fillSymbol??r().fillSymbol,V=(s,e)=>{e?.series?.[0]&&(e.series[0].fillSymbol={...e.series[0].fillSymbol,...s})},h=s=>s.series[0]?.overlays?.comparisonDistribution?.symbol??r().overlays.comparisonDistribution?.symbol??l(),W=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.comparisonDistribution??=a(4),e.series[0].overlays.comparisonDistribution.symbol={...e.series[0].overlays.comparisonDistribution.symbol,...s}},z=s=>s.series[0]?.overlays?.mean?.symbol??r().overlays.mean?.symbol??l(),Y=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.mean??=a(1),e.series[0].overlays.mean.symbol={...e.series[0].overlays.mean.symbol,...s}},A=s=>s.series[0]?.overlays?.median?.symbol??r().overlays.median?.symbol??l(),Z=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.median??=a(2),e.series[0].overlays.median.symbol={...e.series[0].overlays.median.symbol,...s}},N=s=>s.series[0]?.overlays?.standardDeviation?.symbol??r().overlays.standardDeviation?.symbol??l(),_=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.standardDeviation??=a(3),e.series[0].overlays.standardDeviation.symbol={...e.series[0].overlays.standardDeviation.symbol,...s}},$=s=>(s.series[0]?.overlays?.comparisonDistribution?.created??!1)&&(s.series[0]?.overlays?.comparisonDistribution?.visible??!1),H=(s,e)=>{let i=a(0);i.created=s,i.visible=s,i.symbol=h(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.comparisonDistribution=i)},P=s=>(s.series[0]?.overlays?.mean?.created??!1)&&(s.series[0]?.overlays?.mean?.visible??!1),X=(s,e)=>{let i=a(1);i.created=s,i.visible=s,i.symbol=z(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.mean=i)},ss=s=>(s.series[0]?.overlays?.median?.created??!1)&&(s.series[0]?.overlays?.median?.visible??!1),es=(s,e)=>{let i=a(2);i.created=s,i.visible=s,i.symbol=A(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.median=i)},is=s=>(s.series[0]?.overlays?.standardDeviation?.created??!1)&&(s.series[0]?.overlays?.standardDeviation?.visible??!1),as=(s,e)=>{let i=a(3);i.created=s,i.visible=s,i.symbol=N(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.standardDeviation=i)},rs=s=>s?.series?.[0]?.overlays,os=(s,e)=>{e?.series?.[0]!==void 0&&(e.series[0].overlays=s)};return{a:D,b:g,c:G,d:J,e:K,f:L,g:Q,h:R,i:V,j:h,k:W,l:z,m:Y,n:A,o:Z,p:N,q:_,r:$,s:H,t:P,u:X,v:ss,w:es,x:is,y:as,z:rs,A:os}},"intl",b,d,e)
+import e from"./FY42MP27.js";import d from"./42A7W3OA.js";import{c as f}from"./WDMYVS4F.js";import b from"./2IT2RCIC.js";import{n as m}from"./CRNIOME2.js";import{I as l,P as a,ta as n,va as r}from"./USNJZCHH.js";import{c}from"./K4APZJ2O.js";export default $arcgis.t(([{substitute:C},{a:u,d:t},{a:p},{b:x}])=>{var v=s=>{t({config:s,value:null,axisIndex:0,isMax:!1}),t({config:s,value:null,axisIndex:0,isMax:!0}),t({config:s,value:null,axisIndex:1,isMax:!1}),t({config:s,value:null,axisIndex:1,isMax:!0})};function D(s,e,i){let{layerFieldsInfo:o}=e,y=m(o,g(s));return C(i.titleLabels.distributionOfField,{valueField:y})}var g=s=>s.series[0]?.x??"",G=s=>{let{numericField:e,config:i,layerInfo:o,commonStrings:y}=s,{layerFieldsInfo:b}=o,I=D(i,o,y),S=p(i),F=f(0,i),M=m(b,g(i)),d=x(i);if(v(i),i?.series?.[0]&&(i.series[0].x=e),M===F||d){let T=m(b,e);u(i,0,T)}i.title&&(I===S||d)&&(i.title.content.text=D(i,o,y))},J=s=>s.series[0]?.dataTransformationType??c.None,K=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].dataTransformationType=s)},L=s=>s.series[0]?.binCount??32,Q=(s,e)=>{v(e),e?.series?.[0]&&(e.series[0].binCount=s)},R=s=>s.series[0]?.fillSymbol??r().fillSymbol,V=(s,e)=>{e?.series?.[0]&&(e.series[0].fillSymbol={...e.series[0].fillSymbol,...s})},h=s=>s.series[0]?.overlays?.comparisonDistribution?.symbol??r().overlays.comparisonDistribution?.symbol??l(),W=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.comparisonDistribution??=a(4),e.series[0].overlays.comparisonDistribution.symbol={...e.series[0].overlays.comparisonDistribution.symbol,...s}},z=s=>s.series[0]?.overlays?.mean?.symbol??r().overlays.mean?.symbol??l(),Y=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.mean??=a(1),e.series[0].overlays.mean.symbol={...e.series[0].overlays.mean.symbol,...s}},A=s=>s.series[0]?.overlays?.median?.symbol??r().overlays.median?.symbol??l(),Z=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.median??=a(2),e.series[0].overlays.median.symbol={...e.series[0].overlays.median.symbol,...s}},N=s=>s.series[0]?.overlays?.standardDeviation?.symbol??r().overlays.standardDeviation?.symbol??l(),_=(s,e)=>{e.series[0].overlays??=n(),e.series[0].overlays.standardDeviation??=a(3),e.series[0].overlays.standardDeviation.symbol={...e.series[0].overlays.standardDeviation.symbol,...s}},$=s=>(s.series[0]?.overlays?.comparisonDistribution?.created??!1)&&(s.series[0]?.overlays?.comparisonDistribution?.visible??!1),H=(s,e)=>{let i=a(0);i.created=s,i.visible=s,i.symbol=h(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.comparisonDistribution=i)},P=s=>(s.series[0]?.overlays?.mean?.created??!1)&&(s.series[0]?.overlays?.mean?.visible??!1),X=(s,e)=>{let i=a(1);i.created=s,i.visible=s,i.symbol=z(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.mean=i)},ss=s=>(s.series[0]?.overlays?.median?.created??!1)&&(s.series[0]?.overlays?.median?.visible??!1),es=(s,e)=>{let i=a(2);i.created=s,i.visible=s,i.symbol=A(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.median=i)},is=s=>(s.series[0]?.overlays?.standardDeviation?.created??!1)&&(s.series[0]?.overlays?.standardDeviation?.visible??!1),as=(s,e)=>{let i=a(3);i.created=s,i.visible=s,i.symbol=N(e),e?.series?.[0]?.overlays&&(e.series[0].overlays.standardDeviation=i)},rs=s=>s?.series?.[0]?.overlays,os=(s,e)=>{e?.series?.[0]!==void 0&&(e.series[0].overlays=s)};return{a:D,b:g,c:G,d:J,e:K,f:L,g:Q,h:R,i:V,j:h,k:W,l:z,m:Y,n:A,o:Z,p:N,q:_,r:$,s:H,t:P,u:X,v:ss,w:es,x:is,y:as,z:rs,A:os}},"intl",b,d,e)

package/dist/cdn/{NUHPR7BM.js → GEGDQRVU.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import f from"./E7QFC64H.js";import{a as b}from"./D3YWSIAT.js";import{a as R}from"./IPEJCIHO.js";import{a as I}from"./IHO3OLL3.js";import{a as $}from"./SN4KBI42.js";import e from"./4JWIBRGO.js";import a from"./NAGOJPIX.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import"./USNJZCHH.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./LJTJTGIW.js";import{B as g,C as c,F as u,H as v,g as C,i as r,k as d,n as o}from"./7SBVBD4E.js";import{a as w}from"./DAFNQT4C.js";import{k as s}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{s:f},,{a:P}])=>{var h={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},E=C`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,m=class extends g{constructor(){super(...arguments),this._messages=$(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let a=[...this.modelList],n=a?.[i],l=a?.[t];n&&l&&(a.splice(i,1),a.splice(t,0,n)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:a})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=o(),this.arcgisChartsConfigViewChartAddChart=o(),this.arcgisChartsConfigViewChartDelete=o(),this.arcgisChartsConfigViewChartEdit=o(),this.arcgisChartsConfigViewChartSelect=o()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=E}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}buildTooltipLine(e,t){let i=typeof document<"u"&&document.documentElement.dir.toLowerCase()==="rtl",a=`${f(i)} `;return`${e}${a}${t}`}getChartTypeLabel(e){switch(w(e.chartType)){case s.BarChart:return this._messages.barChart??"";case s.LineChart:return this._messages.lineChart??"";case s.PieChart:return this._messages.pieChart??"";case s.Histogram:return this._messages.histogram??"";case s.Scatterplot:return this._messages.scatterplot??"";case s.BoxPlot:return this._messages.boxPlot??"";case s.HeatChart:return this._messages.calendarHeatChart??"";default:return""}}buildChartTooltip(e){let t=this.getChartTypeLabel(e);return this.buildTooltipLine(this._messages.chartType??"",t??"")}buildChartList(){let e=this.modelList?b(this.modelList,t=>t.chartId,(t,i)=>{let a=t.chartId,n=t.titleText,l=P(t.config),p=this.buildChartTooltip(t);return r`<calcite-list-item .label=${n??a??this._messages.chartTitle} title=${p??d} .selected=${this.selectedChartId===(a?.toString()??i.toString())} .value=${a??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${p??d}></calcite-icon>${this.disableEditing?null:r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===a} @calciteDropdownClose=${()=>this.chartActionClosed(a??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(a??"")} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${a===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${L=>L.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?r`<div>${this.noGroup?null:r`<p class=${c(h.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${R(this.chartsOrderReorderCounter,r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:r`<div class=${c(h.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(a=>a.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.arcgisChartsConfigViewChartSelect.emit({chartId:this.selectedActionChartId}),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=u(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=I(this.chartRenamePopover))}render(){return r`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`}};v("arcgis-charts-config-view-charts",m);return m},a,e,f)
+import f from"./NBS2RCOO.js";import{a as b}from"./D3YWSIAT.js";import{a as R}from"./IPEJCIHO.js";import{a as I}from"./IHO3OLL3.js";import{a as $}from"./SN4KBI42.js";import e from"./2IT2RCIC.js";import a from"./V35ALJHW.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import"./USNJZCHH.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./LJTJTGIW.js";import{B as g,C as c,F as u,H as v,g as C,i as r,k as d,n as o}from"./7SBVBD4E.js";import{a as w}from"./DAFNQT4C.js";import{k as s}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{s:f},,{a:P}])=>{var h={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},E=C`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,m=class extends g{constructor(){super(...arguments),this._messages=$(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let a=[...this.modelList],n=a?.[i],l=a?.[t];n&&l&&(a.splice(i,1),a.splice(t,0,n)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:a})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=o(),this.arcgisChartsConfigViewChartAddChart=o(),this.arcgisChartsConfigViewChartDelete=o(),this.arcgisChartsConfigViewChartEdit=o(),this.arcgisChartsConfigViewChartSelect=o()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=E}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString(),layerType:this.layer?.type})}buildTooltipLine(e,t){let i=typeof document<"u"&&document.documentElement.dir.toLowerCase()==="rtl",a=`${f(i)} `;return`${e}${a}${t}`}getChartTypeLabel(e){switch(w(e.chartType)){case s.BarChart:return this._messages.barChart??"";case s.LineChart:return this._messages.lineChart??"";case s.PieChart:return this._messages.pieChart??"";case s.Histogram:return this._messages.histogram??"";case s.Scatterplot:return this._messages.scatterplot??"";case s.BoxPlot:return this._messages.boxPlot??"";case s.HeatChart:return this._messages.calendarHeatChart??"";default:return""}}buildChartTooltip(e){let t=this.getChartTypeLabel(e);return this.buildTooltipLine(this._messages.chartType??"",t??"")}buildChartList(){let e=this.modelList?b(this.modelList,t=>t.chartId,(t,i)=>{let a=t.chartId,n=t.titleText,l=P(t.config),p=this.buildChartTooltip(t);return r`<calcite-list-item .label=${n??a??this._messages.chartTitle} title=${p??d} .selected=${this.selectedChartId===(a?.toString()??i.toString())} .value=${a??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${p??d}></calcite-icon>${this.disableEditing?null:r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===a} @calciteDropdownClose=${()=>this.chartActionClosed(a??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(a??"")} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${a===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${L=>L.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?r`<div>${this.noGroup?null:r`<p class=${c(h.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${R(this.chartsOrderReorderCounter,r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:r`<div class=${c(h.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(a=>a.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.arcgisChartsConfigViewChartSelect.emit({chartId:this.selectedActionChartId}),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=u(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=I(this.chartRenamePopover))}render(){return r`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`}};v("arcgis-charts-config-view-charts",m);return m},a,e,f)