npm - @arcgis/charts-components - Versions diffs - 5.2.0-next.126 → 5.2.0-next.128 - Mend

@arcgis/charts-components 5.2.0-next.126 → 5.2.0-next.128

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.

Files changed (152) hide show

package/dist/cdn/{GZWV22RE.js → 252LEJ7U.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{f as d,h as y,i as T,j as b,k as m}from"./BGIUDL2K.js";import c from"./TCYUL3JC.js";import a from"./6664UEHL.js";import{n as o}from"./ASBXNQOS.js";import{p as f}from"./ZUN46CYQ.js";export default $arcgis.t(([{d:a,e:x},{c:h,d:g,e:u,f:p}])=>{var P=Object.defineProperty,j=Object.getOwnPropertyDescriptor,O=(i,t,e,v)=>{for(var s=j(t,e),r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(t,e,s)||s);return s&&P(t,e,s),s};function k(i){return i!==void 0&&"xAxisTitleText"in i}var l=class extends a{get xAxisTitleText(){return h(0,this._config)}set xAxisTitleText(t){g(t,0,this._config)}};O([x],l.prototype,"xAxisTitleText");var _=Object.defineProperty,C=Object.getOwnPropertyDescriptor,F=(i,t,e,v)=>{for(var s=C(t,e),r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(t,e,s)||s);return s&&_(t,e,s),s};function w(i){return i!==void 0&&"xAxisTitleVisibility"in i}var c=class extends a{get xAxisTitleVisibility(){return u(0,this._config)}set xAxisTitleVisibility(t){p({visibility:t,axisIndex:0,config:this._config})}};F([x],c.prototype,"xAxisTitleVisibility");function B(i){return i!==void 0&&"generateXAxisTitle"in i}var A=class extends a{generateXAxisTitle(){let t=this.layerInfo?.layerFieldsInfo;if(t===void 0)return"";if(T(this)||d(this))return o(t,this.xAxisField);if(y(this))return this.category!==f?o(t,this.category):"";if(b(this))return o(t,this.numericField);if(m(this)){let e=this.xTemporalBinning?.unit;return e!==void 0?this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[e]:""}return""}};return{a:k,b:l,c:w,d:c,e:B,f:A}},a,c)
+import{f as d,h as y,i as T,j as b,k as m}from"./BGIUDL2K.js";import c from"./PUGPG7TG.js";import a from"./OOB4AL5B.js";import{n as o}from"./4F6DKNCU.js";import{p as f}from"./ZUN46CYQ.js";export default $arcgis.t(([{d:a,e:x},{c:h,d:g,e:u,f:p}])=>{var P=Object.defineProperty,j=Object.getOwnPropertyDescriptor,O=(i,t,e,v)=>{for(var s=j(t,e),r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(t,e,s)||s);return s&&P(t,e,s),s};function k(i){return i!==void 0&&"xAxisTitleText"in i}var l=class extends a{get xAxisTitleText(){return h(0,this._config)}set xAxisTitleText(t){g(t,0,this._config)}};O([x],l.prototype,"xAxisTitleText");var _=Object.defineProperty,C=Object.getOwnPropertyDescriptor,F=(i,t,e,v)=>{for(var s=C(t,e),r=i.length-1,n;r>=0;r--)(n=i[r])&&(s=n(t,e,s)||s);return s&&_(t,e,s),s};function w(i){return i!==void 0&&"xAxisTitleVisibility"in i}var c=class extends a{get xAxisTitleVisibility(){return u(0,this._config)}set xAxisTitleVisibility(t){p({visibility:t,axisIndex:0,config:this._config})}};F([x],c.prototype,"xAxisTitleVisibility");function B(i){return i!==void 0&&"generateXAxisTitle"in i}var A=class extends a{generateXAxisTitle(){let t=this.layerInfo?.layerFieldsInfo;if(t===void 0)return"";if(T(this)||d(this))return o(t,this.xAxisField);if(y(this))return this.category!==f?o(t,this.category):"";if(b(this))return o(t,this.numericField);if(m(this)){let e=this.xTemporalBinning?.unit;return e!==void 0?this.commonStrings.utilsStrings.heatChartCalendarDatePartsUnits[e]:""}return""}};return{a:k,b:l,c:w,d:c,e:B,f:A}},a,c)

package/dist/cdn/{CW4JPG3J.js → 26WEYDNB.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b}from"./RP6LD7CU.js";import e from"./5R7ZWTMY.js";import"./TENIFMA5.js";import{a as $}from"./MRN3GTKF.js";import d from"./YQDW3D4E.js";import c from"./I3LNZVEA.js";import"./ASBXNQOS.js";import"./WOGALV3T.js";import{i as y}from"./ZUN46CYQ.js";import{b as i}from"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./FASMW7S2.js";import{A as a,B as f,C as l,E as o,H as S,g as u,i as v,n as s,z as n}from"./IJPD3GVL.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var c={sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=u`.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}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=n(),this.lineWidthInputElement=n(),this.lineStyleDropdownElement=n(),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,C=y*255;this.selectedColor=[p,m,g,C],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,C]})}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><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(c.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(c.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(c.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??o}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??o}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??o}>${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} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(c.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};S("arcgis-charts-config-line-chart-series-popover",h);return h},c,d,e)
+import{b}from"./RP6LD7CU.js";import e from"./YRQUJSIP.js";import"./TENIFMA5.js";import{a as $}from"./D37G7ULI.js";import d from"./56CO5V5Y.js";import c from"./JRLMTZJ6.js";import"./4F6DKNCU.js";import"./WOGALV3T.js";import{i as y}from"./ZUN46CYQ.js";import{b as i}from"./KX7KGXKQ.js";import"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as a,B as f,C as l,E as o,H as S,g as u,i as v,n as s,z as n}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var c={sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=u`.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}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=n(),this.lineWidthInputElement=n(),this.lineStyleDropdownElement=n(),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,C=y*255;this.selectedColor=[p,m,g,C],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,C]})}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><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(c.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(c.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(c.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??o}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??o}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??o}>${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} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(c.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};S("arcgis-charts-config-line-chart-series-popover",h);return h},c,d,e)

package/dist/cdn/{WQQMTR5J.js → 2BLR6LKU.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as c,b as l}from"./RD2OZ5DF.js";import{b as m}from"./L5JZ5COY.js";import{a as v}from"./MRN3GTKF.js";import{n as h,o as r}from"./BGIUDL2K.js";import"./KX7KGXKQ.js";import{d as g}from"./NGXRBJKL.js";import"./FASMW7S2.js";import{A,B as x,C as u,F as C,H as b,g as p,i as a,z as f}from"./IJPD3GVL.js";import"./P3AYFJRV.js";import{j as s}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";var P=p`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`,G=class extends x{constructor(){super(...arguments),this._messages=v(),this.addGuideButton=f(),this.guideTypePopover=null,this.addXGuide=e=>{if(h(this.model)){let t=this.getUniqueName(this._messages.xAxisGuide??""),i=this.model.getXGuidesLength()??0;this.model.addXAxisGuide(t,i),this.model.setGuideStyle(g(m.style),i,s.X),this.latestGuidePosition=l(i,s.X,this.model),this.togglePopOver(e)}},this.addYGuide=e=>{if(r(this.model)){let t=this.getUniqueName(this._messages.yAxisGuide??""),i=this.model.getYGuidesLength()??0;this.model.addYAxisGuide(t,i),this.model.setGuideStyle(g(m.style),i,s.Y),this.latestGuidePosition=l(i,s.Y,this.model),this.togglePopOver(e)}},this.togglePopOver=e=>{e.stopImmediatePropagation(),this.enableXAxisGuide&&this.enableYAxisGuide&&(this.showAddButton=!this.showAddButton)},this.onModelConfigChange=()=>{this.requestUpdate()},this.closeAddPopOver=e=>{e.stopImmediatePropagation(),this.showAddButton=!0},this.showAddButton=!0,this.latestGuidePosition=0,this.enableXAxisGuide=!1,this.enableYAxisGuide=!1,this.open=!1}static{this.properties={showAddButton:16,latestGuidePosition:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,enableXAxisGuide:5,enableYAxisGuide:5,open:5}}static{this.styles=P}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getAllGuidesLength(){let e=h(this.model)?this.model.getXGuidesLength()??0:0,t=r(this.model)?this.model.getYGuidesLength()??0:0;return e+t}getUniqueName(e,t=1){let i=`${e} ${t}`,d=!1;if(h(this.model)){let n=this.model.getXGuidesLength()??0;for(let o=0;o<n&&!d;o+=1)this.model.getGuideName(o,s.X)===i&&(d=!0)}if(r(this.model)){let n=this.model.getYGuidesLength()??0;for(let o=0;o<n&&!d;o+=1)this.model.getGuideName(o,s.Y)===i&&(d=!0)}return d?this.getUniqueName(e,t+1):i}setChangedGuide(e){let{index:t,orientation:i,isDelete:d}=e.detail,n=l(t,i,this.model);d&&n!==void 0&&n<=this.latestGuidePosition&&this.latestGuidePosition>0&&(this.latestGuidePosition-=1)}setupGuidePopover(e){e.stopImmediatePropagation(),this.togglePopOver(e)}renderGuideTypePopover(){let e=this.getAllGuidesLength();this.guideTypePopover=C(a`<arcgis-charts-config-guides-type-popover .enableXAxisGuide=${this.enableXAxisGuide} .enableYAxisGuide=${this.enableYAxisGuide} .referenceElement=${this.addGuideButton.value} .placement=${e===0?"bottom":"top"} .open=${!this.showAddButton} @arcgisChartsAddXAxisGuide=${this.addXGuide} @arcgisChartsAddYAxisGuide=${this.addYGuide} @arcgisChartsConfigPopoverClose=${this.closeAddPopOver}></arcgis-charts-config-guides-type-popover>`),!this.showAddButton&&!document.body.contains(this.guideTypePopover)&&this.guideTypePopover!==null&&document.body.appendChild(this.guideTypePopover)}renderGuide(e,t){let i;return(this.enableXAxisGuide&&t===s.X||this.enableYAxisGuide&&t===s.Y)&&(i=a`<arcgis-charts-config-guide .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .index=${e} .orientation=${t} .latestGuidePosition=${this.latestGuidePosition} @arcgisChartsConfigGuideChange=${this.setChangedGuide}></arcgis-charts-config-guide>`),i}renderGuides(){let e=[];if(h(this.model)){let t=this.model.getXGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,s.X))}if(r(this.model)){let t=this.model.getYGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,s.Y))}return e}renderAddGuideButton(e){return a`<calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addGuide} .label=${this._messages.addGuide} @click=${e} scale=s></calcite-fab>`}render(){let e=this.getAllGuidesLength()>0,t=this.showAddButton&&this.enableXAxisGuide&&this.enableYAxisGuide,i=this.enableXAxisGuide&&!this.enableYAxisGuide,d=!this.enableXAxisGuide&&this.enableYAxisGuide;return a`${this.renderGuideTypePopover()}${e?this.renderGuides():a`<div class=${u(c.noMessages)}>${this._messages.noGuidesMsg}</div>`}<div class=${u(c.addGuide)} ${A(this.addGuideButton)}>${t&&this.renderAddGuideButton(this.setupGuidePopover)||""}${i&&this.renderAddGuideButton(this.addXGuide)||""}${d&&this.renderAddGuideButton(this.addYGuide)||""}</div>`}};b("arcgis-charts-config-guides",G);export{G as ArcgisChartsConfigGuides};
+import{a as c,b as l}from"./RD2OZ5DF.js";import{b as m}from"./L5JZ5COY.js";import{a as v}from"./D37G7ULI.js";import{n as h,o as r}from"./BGIUDL2K.js";import"./KX7KGXKQ.js";import{d as g}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A,B as x,C as u,F as C,H as b,g as p,i as a,z as f}from"./UE4KTI5X.js";import"./P3AYFJRV.js";import{j as s}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import"./PWJBGZPW.js";import"./BYSUABOV.js";var P=p`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`,G=class extends x{constructor(){super(...arguments),this._messages=v(),this.addGuideButton=f(),this.guideTypePopover=null,this.addXGuide=e=>{if(h(this.model)){let t=this.getUniqueName(this._messages.xAxisGuide??""),i=this.model.getXGuidesLength()??0;this.model.addXAxisGuide(t,i),this.model.setGuideStyle(g(m.style),i,s.X),this.latestGuidePosition=l(i,s.X,this.model),this.togglePopOver(e)}},this.addYGuide=e=>{if(r(this.model)){let t=this.getUniqueName(this._messages.yAxisGuide??""),i=this.model.getYGuidesLength()??0;this.model.addYAxisGuide(t,i),this.model.setGuideStyle(g(m.style),i,s.Y),this.latestGuidePosition=l(i,s.Y,this.model),this.togglePopOver(e)}},this.togglePopOver=e=>{e.stopImmediatePropagation(),this.enableXAxisGuide&&this.enableYAxisGuide&&(this.showAddButton=!this.showAddButton)},this.onModelConfigChange=()=>{this.requestUpdate()},this.closeAddPopOver=e=>{e.stopImmediatePropagation(),this.showAddButton=!0},this.showAddButton=!0,this.latestGuidePosition=0,this.enableXAxisGuide=!1,this.enableYAxisGuide=!1,this.open=!1}static{this.properties={showAddButton:16,latestGuidePosition:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,enableXAxisGuide:5,enableYAxisGuide:5,open:5}}static{this.styles=P}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getAllGuidesLength(){let e=h(this.model)?this.model.getXGuidesLength()??0:0,t=r(this.model)?this.model.getYGuidesLength()??0:0;return e+t}getUniqueName(e,t=1){let i=`${e} ${t}`,d=!1;if(h(this.model)){let n=this.model.getXGuidesLength()??0;for(let o=0;o<n&&!d;o+=1)this.model.getGuideName(o,s.X)===i&&(d=!0)}if(r(this.model)){let n=this.model.getYGuidesLength()??0;for(let o=0;o<n&&!d;o+=1)this.model.getGuideName(o,s.Y)===i&&(d=!0)}return d?this.getUniqueName(e,t+1):i}setChangedGuide(e){let{index:t,orientation:i,isDelete:d}=e.detail,n=l(t,i,this.model);d&&n!==void 0&&n<=this.latestGuidePosition&&this.latestGuidePosition>0&&(this.latestGuidePosition-=1)}setupGuidePopover(e){e.stopImmediatePropagation(),this.togglePopOver(e)}renderGuideTypePopover(){let e=this.getAllGuidesLength();this.guideTypePopover=C(a`<arcgis-charts-config-guides-type-popover .enableXAxisGuide=${this.enableXAxisGuide} .enableYAxisGuide=${this.enableYAxisGuide} .referenceElement=${this.addGuideButton.value} .placement=${e===0?"bottom":"top"} .open=${!this.showAddButton} @arcgisChartsAddXAxisGuide=${this.addXGuide} @arcgisChartsAddYAxisGuide=${this.addYGuide} @arcgisChartsConfigPopoverClose=${this.closeAddPopOver}></arcgis-charts-config-guides-type-popover>`),!this.showAddButton&&!document.body.contains(this.guideTypePopover)&&this.guideTypePopover!==null&&document.body.appendChild(this.guideTypePopover)}renderGuide(e,t){let i;return(this.enableXAxisGuide&&t===s.X||this.enableYAxisGuide&&t===s.Y)&&(i=a`<arcgis-charts-config-guide .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .index=${e} .orientation=${t} .latestGuidePosition=${this.latestGuidePosition} @arcgisChartsConfigGuideChange=${this.setChangedGuide}></arcgis-charts-config-guide>`),i}renderGuides(){let e=[];if(h(this.model)){let t=this.model.getXGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,s.X))}if(r(this.model)){let t=this.model.getYGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,s.Y))}return e}renderAddGuideButton(e){return a`<calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addGuide} .label=${this._messages.addGuide} @click=${e} scale=s></calcite-fab>`}render(){let e=this.getAllGuidesLength()>0,t=this.showAddButton&&this.enableXAxisGuide&&this.enableYAxisGuide,i=this.enableXAxisGuide&&!this.enableYAxisGuide,d=!this.enableXAxisGuide&&this.enableYAxisGuide;return a`${this.renderGuideTypePopover()}${e?this.renderGuides():a`<div class=${u(c.noMessages)}>${this._messages.noGuidesMsg}</div>`}<div class=${u(c.addGuide)} ${A(this.addGuideButton)}>${t&&this.renderAddGuideButton(this.setupGuidePopover)||""}${i&&this.renderAddGuideButton(this.addXGuide)||""}${d&&this.renderAddGuideButton(this.addYGuide)||""}</div>`}};b("arcgis-charts-config-guides",G);export{G as ArcgisChartsConfigGuides};

package/dist/cdn/{6AKXJHB7.js → 2ISGHAUI.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as P}from"./RP6LD7CU.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./5R7ZWTMY.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./MRN3GTKF.js";import c from"./YQDW3D4E.js";import a from"./I3LNZVEA.js";import{n as b}from"./ASBXNQOS.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./ZUN46CYQ.js";import{f as C}from"./KX7KGXKQ.js";import{d as w,e as z,q as M}from"./NGXRBJKL.js";import"./FASMW7S2.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./IJPD3GVL.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends k{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-picker>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)
+import{a as P}from"./RP6LD7CU.js";import{a as m,c as D}from"./OBPAQN4H.js";import e from"./YRQUJSIP.js";import{j as o,n as h}from"./TENIFMA5.js";import{a as I}from"./D37G7ULI.js";import c from"./56CO5V5Y.js";import a from"./JRLMTZJ6.js";import{n as b}from"./4F6DKNCU.js";import{e as E}from"./WOGALV3T.js";import{C as x,Ca as V,i as _}from"./ZUN46CYQ.js";import{f as C}from"./KX7KGXKQ.js";import{d as w,e as z,q as M}from"./NGXRBJKL.js";import"./WHLIG2UP.js";import{A as r,B as k,C as i,D as v,F as A,H as L,g as T,i as n,n as $,z as d}from"./UE4KTI5X.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as S}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{b:K,f:f,g:y,h:g,i:u,j:R}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=T`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,F=class extends k{constructor(){super(...arguments),this._messages=I(),this.commonStrings=I({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=w(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,p=_*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,p]}},this.setXYField=e=>{try{let t=e.detail;D(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?g({inputElement:this.minSizeInputElement.value,status:u.IDLE}):g({inputElement:this.minSizeInputElement.value,status:u.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?g({inputElement:this.maxSizeInputElement.value,status:u.IDLE}):g({inputElement:this.maxSizeInputElement.value,status:u.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.isTableLayer=!1,this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=V(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}loaded(){this.loadedAsync()}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async loadedAsync(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!M(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,p=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":p!==void 0&&(this.model.fixedMarkerSymbol={...p,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}g({inputElement:t,status:u.IDLE})}else g({inputElement:t,status:u.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e=E(this.model.layer)?this.layerFieldsInfo.filter(p=>p.type!=="esriFieldTypeOID"):[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let p=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:p?.type===C.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=A(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement=void 0}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-picker>`}renderYVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-picker>`}renderTooltipField(){return n`<arcgis-charts-config-field-picker .disabled=${this.model.dataStore.aggregated} .label=${b(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-picker>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===C.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:R(this.r2,K)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${y(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-picker .label=${b(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-picker>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${y(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${y(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(y(this.model.sizePolicy?.minSize))} .maxValue=${z(y(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let e=E(this.model.layer),[t,a,s,c]=[...this.model.fixedMarkerSymbol?.color??x(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${!this.isTableLayer&&!e?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&!this.isTableLayer&&!e} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${t},${a},${s},${c/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}`}};L("arcgis-charts-config-scatter-plot-data",F);return F},a,c,e)