@arcgis/charts-components 4.34.0-next.7 → 4.34.0-next.71

package/dist/cdn/YVBI76P5.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.7 */
-import f from"./5EIH4BB3.js";import d from"./E64FRZEA.js";import{a as p,b as h}from"./BU2JUYFY.js";import{a as m}from"./NXOJHULM.js";import"./E5YTTCUY.js";import b from"./ODDDJD3R.js";import{A as s,E as n,c,d as a,n as o,z as r}from"./PNNXA6L2.js";import{k as e}from"./LJ3QQGNQ.js";import"./M2YJEE6D.js";import"./PG2RYD2Z.js";export default $arcgis.t(([,,,,,,,,{a:d},{d:g}])=>{var t={selectChartComponent:"select-chart-component",rtl:"arcgis-charts-rtl",jsAppFlyout:"js-app-flyout",panel:"panel"},f=c`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host .arcgis-charts-rtl .label{margin-left:0rem;margin-right:1rem}.select-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}calcite-block{width:var(--arcgis-charts-config-calcite-block-default-width);height:var(--arcgis-charts-config-calcite-block-default-height);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.header{margin:0}.panel{max-height:60vh}`,l=class extends r{constructor(){super(...arguments),this._messages=m(),this.selectChartTypePopover=p(),this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigSelectChartTypeChange=o()}static{this.properties={messageOverrides:0,headerTitle:3,layerId:3,open:7,popoverReferenceElement:0,popoverPlacement:3,selectedModelType:3}}static{this.styles=f}async reposition(){await this.selectChartTypePopover.value?.reposition()}updated(){g(this.selectChartTypePopover.value,this.open),this.hasUpdated||setTimeout(()=>{this.selectChartTypePopover.value?.reposition()},d.PopoverTimer)}buildChartTypesList(){return a`<calcite-list label @click=${this.onChartTypeClick}><calcite-list-item .label=${this._messages.barChart} .value=${e.BarChart} .selected=${this.selectedModelType===e.BarChart}><calcite-icon slot=content-start icon=graph-bar></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.lineChart} .value=${e.LineChart} .selected=${this.selectedModelType===e.LineChart}><calcite-icon slot=content-start icon=graph-time-series></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.pieChart} .value=${e.PieChart} .selected=${this.selectedModelType===e.PieChart}><calcite-icon slot=content-start icon=pie-chart></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.histogram} .value=${e.Histogram} .selected=${this.selectedModelType===e.Histogram}><calcite-icon slot=content-start icon=graph-histogram></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.scatterplot} .value=${e.Scatterplot} .selected=${this.selectedModelType===e.Scatterplot}><calcite-icon slot=content-start icon=graph-scatter-plot></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.boxPlot} .value=${e.BoxPlot} .selected=${this.selectedModelType===e.BoxPlot}><calcite-icon slot=content-start icon=box-chart></calcite-icon></calcite-list-item></calcite-list>`}onChartTypeClick(i){i.target?.localName==="calcite-list-item"?this.selectedModelType=i.target?.value:this.selectedModelType=i.target?.parentNode?.value,this.arcgisChartsConfigSelectChartTypeChange.emit()}popoverOpen(){setTimeout(async()=>await this.selectChartTypePopover.value?.setFocus(),250)}popoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit(),setTimeout(async()=>await this.popoverReferenceElement?.setFocus(),250)}render(){return a`<div class=${s({[t.rtl]:this.direction==="rtl",[t.selectChartComponent]:!0,[t.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.popoverReferenceElement??document.body} .placement=${this.popoverPlacement} .flipPlacements=${["top","bottom"]} @calcitePopoverOpen=${this.popoverOpen} @calcitePopoverClose=${this.popoverClose} .open=${this.open} label ${h(this.selectChartTypePopover)}><calcite-panel class=${s(t.panel)} .heading=${this.headerTitle??this._messages.chooseChartType} closable @calcitePanelClose=${this.popoverClose} .closed=${!this.open}>${this.buildChartTypesList()}</calcite-panel></calcite-popover></div>`}};n("arcgis-charts-config-select-chart-type-popover",l);return l},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",b,d,f)

package/dist/cdn/Z2AGAESI.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.7 */
-import{a as c,c as V}from"./6MN7Y6YO.js";import f from"./5EIH4BB3.js";import e from"./E64FRZEA.js";import{a as h,b as a}from"./BU2JUYFY.js";import{a as M}from"./NXOJHULM.js";import{j as l,l as m}from"./E5YTTCUY.js";import d from"./ODDDJD3R.js";import{A as i,B as z,E as w,c as I,d as o,n as b,z as F}from"./PNNXA6L2.js";import"./LJ3QQGNQ.js";import{a as y}from"./M2YJEE6D.js";import"./PG2RYD2Z.js";export default $arcgis.t(([,,,,,,,{aa:k,bb:A,h:$,ha:x,qb:v,t:C,w:T,z:L},{b:_,f:f,g:u,h:p,i:g,j:D},{a:R,b:P,c:K}])=>{var s={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",rtl:"arcgis-charts-rtl"},N=I`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.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%}:host .arcgis-charts-rtl .text{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host .arcgis-charts-rtl .sub-header{margin-left:0rem;margin-right:var(--arcgis-charts-config-margin-minor)}:host .arcgis-charts-rtl .switch-element{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:0rem}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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.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}`,E=class extends F{constructor(){super(...arguments),this._messages=M(),this.scatterplotPopover=null,this.selectColorElement=h(),this.selectTrendLineElement=h(),this.xAxisElement=h(),this.yAxisElement=h(),this.sizeVariableElement=h(),this.colorModeElement=h(),this.symbolSizeModeElement=h(),this.minSizeInputElement=h(),this.maxSizeInputElement=h(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.setLinearTrendSymbol(T(t))},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[n,r,d]=t,S=k*255;this.model.setFixedMarkerSymbol({...this.model.getFixedMarkerSymbol(),color:[n,r,d,S]})},this.setXYField=async e=>{try{let t=e.detail;V(c),this.contentKind===l.xAxisField?await this.model.setXAxisField(t):await this.model.setYAxisField(t),this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.setSizePolicy({...this.model.getSizePolicy(),type:y.SizePolicy,field:t}):this.model.setSizePolicy(void 0),c.scatterplotData[c.selectedChartId]={...c.scatterplotData[c.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field??void 0},this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=l.none,this.removeScatterplotPopover())},this.openChange=e=>{this.arcgisChartsConfigPopoverOpenChange.emit(e.detail)},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.getSizePolicy()??{};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)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.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)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=b(),this.arcgisChartsConfigPopoverOpenChange=b(),this.arcgisChartsConfigScatterplotPopoverChange=b()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:11,layerFieldsInfo:0,isTableLayer:5,open:7}}static{this.styles=N}async load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=await A(),this.selectedSizeType=this.getCurrentSymbolSizeType(),this.selectedSizeType===m.Proportional&&(c.scatterplotData[c.selectedChartId]={...c.scatterplotData[c.selectedChartId],sizePolicyField:this.model.getSizePolicy()?.field})}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedElement")&&this.openPopover()}async loaded(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}openPopover(){(typeof this.selectedElement=="string"||!L(this.selectedElement))&&this.setupScatterplotPopover()}setShowTrendLine(e){let t=e.target.checked;this.model.setShowLinearTrend(t),!t&&this.contentKind===l.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:n}=t;if(n!==void 0&&f(n,t.min,t.max)){let r=Number.parseInt(n),d=this.model.getSizePolicy(),S=this.model.getFixedMarkerSymbol();switch(t.name){case"fixed-symbol-size":S!==void 0&&this.model.setFixedMarkerSymbol({...S,size:r});break;case"proportional-symbol-min-size":d!==void 0&&this.model.setSizePolicy({...d,minSize:r});break;case"proportional-symbol-max-size":d!==void 0&&this.model.setSizePolicy({...d,maxSize:r});break}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:n,maxValue:r}=t,d=this.model.getSizePolicy();d!==void 0&&(this.model.setSizePolicy({...d,minSize:n,maxSize:r}),this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${n}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${r}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.setColorMatch(e===this._messages.useLayerColors)}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=c.scatterplotData[c.selectedChartId]?.sizePolicyField;e===m.Proportional&&t!==void 0?this.model.setSizePolicy({...this.model.getSizePolicy(),type:y.SizePolicy,field:t}):e===m.Fixed&&this.model.setSizePolicy({...this.model.getSizePolicy(),type:y.SizePolicy,field:""})}changeElementStyle(e){let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=l.symbol,this.selectedElement=this.model.getFixedMarkerSymbol()?.color):t.value==="selectTrendLine"&&(this.contentKind=l.trendLine,this.selectedElement=this.model.getLinearTrendSymbol())}onXVariableSelectChange(){this.contentKind=l.xAxisField,this.selectedElement=this.model.getXAxisField()}onYVariableSelectChange(){this.contentKind=l.yAxisField,this.selectedElement=this.model.getYAxisField()}onSizeVariableSelectChange(){this.contentKind=l.sizeVariable,this.selectedElement=this.model.getSizePolicy()?.field??""}setupScatterplotPopover(){this.scatterplotPopover=P(this.scatterplotPopover);let e={setTrendLineSymbol:this.setTrendLineSymbol,setFixedSymbolRGBAColor:this.setFixedSymbolRGBAColor,setXYField:this.setXYField,setSizeVariableField:this.setSizeVariableField,openChange:this.openChange,popoverClose:this.closeScatterplotPopover};switch(this.scatterplotPopover=K(R.ScatterplotDataPopover,e),this.scatterplotPopover.layerFieldsInfo=[...this.layerFieldsInfo],this.scatterplotPopover.contentKind=this.contentKind,this.contentKind){case l.xAxisField:this.scatterplotPopover.referenceElement=this.xAxisElement.value,this.scatterplotPopover.placement="trailing",this.scatterplotPopover.selectedContent=this.model.getXAxisField(),this.scatterplotPopover.headingTitle=this._messages.selectAField;break;case l.yAxisField:this.scatterplotPopover.referenceElement=this.yAxisElement.value,this.scatterplotPopover.placement="trailing",this.scatterplotPopover.selectedContent=this.model.getYAxisField(),this.scatterplotPopover.headingTitle=this._messages.selectAField;break;case l.sizeVariable:this.scatterplotPopover.referenceElement=this.sizeVariableElement.value,this.scatterplotPopover.placement="trailing",this.scatterplotPopover.selectedContent=this.model.getSizePolicy()?.field??"",this.scatterplotPopover.headingTitle=this._messages.selectAField;break;case l.symbol:case l.trendLine:{let t=this.selectedElement;this.scatterplotPopover.selectedContent=this.selectedElement,this.scatterplotPopover.placement="leading",Array.isArray(this.selectedElement)?this.scatterplotPopover.referenceElement=this.selectColorElement.value:t?.type===$.SLS&&(this.scatterplotPopover.referenceElement=this.selectTrendLineElement.value);break}default:this.contentKind=l.none,this.removeScatterplotPopover();break}this.contentKind!==l.none&&(this.scatterplotPopover.open=!0,this.addScatterplotPopover())}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=P(this.scatterplotPopover)),this.selectedElement={}}addScatterplotPopover(){!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==void 0&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}getCurrentSymbolSizeType(){let e=this.model.getSizePolicy();return e===void 0||e.field===""?m.Fixed:m.Proportional}renderXVariable(){return o`<arcgis-charts-config-field-select .label=${v(this.layerFieldsInfo,this.model.getXAxisField()??"")} @click=${this.onXVariableSelectChange} ${a(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return o`<arcgis-charts-config-field-select .label=${v(this.layerFieldsInfo,this.model.getYAxisField()??"")} @click=${this.onYVariableSelectChange} ${a(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,n,r]=[...this.model.getLinearTrendSymbol()?.color??x(0)];return o`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(s.switchElement)} .checked=${this.model.getShowLinearTrend()} @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.getShowLinearTrend()} .selected=${this.selectedElement?.type===$.SLS} @click=${this.changeElementStyle} ${a(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${z({color:`rgba(${e},${t},${n},${r/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(s.r2)} .hidden=${!this.model.getShowLinearTrend()}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:D(this.r2,_)}`}</div></div>`}renderFixedSymbol(){return o`<calcite-label class=${i(s.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(s.numberInput)} min=1 max=100 step=1 .value=${u(this.model.getFixedMarkerSymbol()?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return o`<arcgis-charts-config-field-select .label=${v(this.layerFieldsInfo,this.model.getSizePolicy()?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.getSizePolicy()?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${a(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return o`<calcite-input type=number name=proportional-symbol-min-size class=${i(s.numberInput)} min=1 .max=${this.model.getSizePolicy()?.maxSize??100} step=1 .value=${u(this.model.getSizePolicy()?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${a(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return o`<calcite-input type=number name=proportional-symbol-max-size class=${i(s.numberInput)} .min=${this.model.getSizePolicy()?.minSize??1} max=100 step=1 .value=${u(this.model.getSizePolicy()?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${a(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return o`<div class=${i(s.sectionContainer)}><calcite-label class=${i(s.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(s.multiInputSection)}><calcite-label class=${i(s.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${C(u(this.model.getSizePolicy()?.minSize))} .maxValue=${C(u(this.model.getSizePolicy()?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return o`<calcite-label class=${i(s.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${a(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${m.Fixed} .checked=${m.Fixed===this.selectedSizeType} ${a(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${m.Proportional} .checked=${m.Proportional===this.selectedSizeType} ${a(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let[e,t,n,r]=[...this.model.getFixedMarkerSymbol()?.color??x(0)];return o`<div class=${i(s.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===m.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(s.label)}>${this._messages.color}${this.isTableLayer!==!0?o`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${a(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.getColorMatch()} ${a(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.getColorMatch()} ${a(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.getColorMatch()&&this.isTableLayer!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${a(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${z({color:`rgba(${e},${t},${n},${r/255})`})} class=${i(s.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return o`<div class=${i({[s.rtl]:this.direction==="rtl"})}><h3 class=${i(s.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(s.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(s.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><h3 class=${i(s.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(s.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}</div>`}};w("arcgis-charts-config-scatter-plot-data",E);return E},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",d,e,f)

package/dist/cdn/Z4YJ26CU.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.7 */
-import e from"./E64FRZEA.js";import{a as g,b}from"./BU2JUYFY.js";import{a as C}from"./NXOJHULM.js";import"./E5YTTCUY.js";import c from"./ODDDJD3R.js";import{A as i,E as u,c as d,d as a,n as f,z as y}from"./PNNXA6L2.js";import"./LJ3QQGNQ.js";import"./M2YJEE6D.js";import"./PG2RYD2Z.js";export default $arcgis.t(([,,,,,,,{E:n,h:S,i:l,j:s,k:c,la:v},{f:$,g:x,h:h,i:m}])=>{var w={arial:"Arial",arialBlack:"Arial Black",bookman:"Bookman",candara:"Candara",courier:"Courier",courierNew:"Courier New",garamond:"Garamond",georgia:"Georgia",impact:"Impact",palatino:"Palatino",roboto:"Roboto",times:"Times",timesNewRoman:"Times New Roman",verdana:"Verdana"},o={fontStyleContainer:"font-style-container",font:"font",numberInput:"number-input",inputLabel:"input-label"},E=d`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto}:host calcite-panel .font-style-container{display:flex;padding:0 1rem}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;width:0px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`,p=class extends y{constructor(){super(...arguments),this._messages=C(),this.fontSizeInputElement=g(),this.fontStyle={type:S.TS},this.arcgisChartsConfigFontStyleChange=f(),this.arcgisChartsConfigFontStyleClose=f()}static{this.properties={messageOverrides:0,fontStyle:2,header:1,open:7,enableClose:7}}static{this.styles=E}closePanel(t){t.target.closed&&this.enableClose===!0&&(this.open=!1,this.arcgisChartsConfigFontStyleClose.emit())}fontChange(t){let e=t.target.selectedOption.value;if(e!==void 0){let r={family:e};this.isNewFontProperty("family",r)&&(this.fontStyle=n(this.fontStyle,{font:r}),this.emitFontStyleEvent({font:r}))}}fontSizeChange(){let t=this.fontSizeInputElement.value?.value;if(t!==void 0&&$(t,this.fontSizeInputElement.value?.min,this.fontSizeInputElement.value?.max)){let e={size:Number.parseInt(t)};this.isNewFontProperty("size",e)&&(this.fontStyle=n(this.fontStyle,{font:e}),this.emitFontStyleEvent({font:e})),this.fontSizeInputElement.value&&h({inputElement:this.fontSizeInputElement.value,status:m.IDLE})}else this.fontSizeInputElement.value&&h({inputElement:this.fontSizeInputElement.value,status:m.INVALID})}boldSelect(){let t=s.Bold;this.fontStyle?.font?.weight===t&&(t=s.Normal);let e={weight:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}italicSelect(){let t=l.Italic;this.fontStyle?.font?.style===t&&(t=l.Normal);let e={style:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}underlineSelect(){let t=c.Underline;this.fontStyle?.font?.decoration===t&&(t=c.None);let e={decoration:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}colorChange(t){let e=t.detail;this.fontStyle=n(this.fontStyle,{color:e}),this.emitFontStyleEvent({color:e})}emitFontStyleEvent(t){this.arcgisChartsConfigFontStyleChange.emit(t)}isNewFontProperty(t,e){return this.fontStyle?.font?.[t]!==e[t]}renderFonts(){let t=Object.values(w).map(e=>a`<calcite-option .value=${e} .selected=${e===this.fontStyle?.font?.family||e===v().font?.family?.split(",")[0]&&this.fontStyle?.font?.family===void 0}>${e}</calcite-option>`);return this.fontStyle?.font?.family===""&&t.push(a`<calcite-option value selected></calcite-option>`),t}render(){return a`<calcite-panel .heading=${this.header??this._messages.header} .closed=${this.open===!1} .closable=${this.enableClose??!1} @calcitePanelClose=${this.closePanel}><div class=${i(o.fontStyleContainer)}><calcite-label class=${i(o.font)}>${this._messages.font}<calcite-select .label=${this._messages.font??""} @calciteSelectChange=${this.fontChange}>${this.renderFonts()}</calcite-select></calcite-label></div><div class=${i(o.fontStyleContainer)}><calcite-label class=${i(o.inputLabel)}>${this._messages.size}<calcite-input class=${i(o.numberInput)} type=number min=6 max=40 step=1 .value=${x(this.fontStyle?.font?.size)} @calciteInputInput=${this.fontSizeChange} ${b(this.fontSizeInputElement)}></calcite-input></calcite-label><calcite-action appearance=transparent .text=${this._messages.bold??""} @click=${this.boldSelect} scale=l .active=${this.fontStyle?.font?.weight===s.Bold}><calcite-icon scale=s icon=bold></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.italic??""} @click=${this.italicSelect} scale=l .active=${this.fontStyle?.font?.style===l.Italic}><calcite-icon scale=s icon=italicize></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.underline??""} @click=${this.underlineSelect} scale=l .active=${this.fontStyle?.font?.decoration===c.Underline}><calcite-icon scale=s icon=underline></calcite-icon></calcite-action></div><div class=${i(o.fontStyleContainer)}><arcgis-charts-config-colors .rgba=${this.fontStyle?.color??void 0} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel>`}};u("arcgis-charts-config-font-style",p);return p},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",c,e)

package/dist/cdn/ZDA4VOVM.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.7 */
-import b from"./E64FRZEA.js";import{a as m}from"./NXOJHULM.js";import"./E5YTTCUY.js";import a from"./ODDDJD3R.js";import{E as l,c as i,d as c,n as g,z as h}from"./PNNXA6L2.js";import"./LJ3QQGNQ.js";import"./M2YJEE6D.js";import"./PG2RYD2Z.js";export default $arcgis.t(([,{m:n}])=>{var u="arcgis-charts-config-storage-colors",_=i`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`,a=class extends h{constructor(){super(...arguments),this._messages=m(),this.colorSelect=g()}static{this.properties={messageOverrides:0,rgba:0,heading:1}}static{this.styles=_}onColorSelect(s){let{value:e}=s.target;if(e!==null){let{r:t,g:r,b:v}=e,o=[t,r,v,255];this.isNewColor(o)&&this.colorSelect.emit(o)}}isNewColor(s){let e=!1;return this.rgba===void 0?e=!0:s===void 0?e=!1:e=s[0]!==this.rgba[0]||s[1]!==this.rgba[1]||s[2]!==this.rgba[2],e}render(){let s;if(this.rgba!==void 0){let[e,t,r]=this.rgba;s={r:e,g:t,b:r}}return c`<calcite-label>${this.heading??this._messages.color}</calcite-label><calcite-color-picker .value=${n(s)} @calciteColorPickerInput=${this.onColorSelect} .messageOverrides=${{g:this._messages.g,green:this._messages.green,h:this._messages.h,hex:this._messages.hex,hsv:this._messages.hsv,hue:this._messages.hue,r:this._messages.r,red:this._messages.red,rgb:this._messages.rgb,s:this._messages.s,saturation:this._messages.saturation,saveColor:this._messages.saveColor,saved:this._messages.saved,v:this._messages.v,value:this._messages.value}} clearable .storageId=${u} format=rgb></calcite-color-picker>`}};l("arcgis-charts-config-colors",a);return a},a,b)

package/dist/cdn/ZEWKS4NZ.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.7 */
-import d from"./IFUS4G6F.js";import c from"./5EIH4BB3.js";import{a as m,b as h}from"./BU2JUYFY.js";import{a as g}from"./NXOJHULM.js";import b from"./ODDDJD3R.js";import{A as p,E as n,c as a,d as o,n as s,z as l}from"./PNNXA6L2.js";import"./M2YJEE6D.js";import"./PG2RYD2Z.js";export default $arcgis.t(([,,,,,,,{h:c},{d:C},{a:i}])=>{var d={jsAppFlyout:"js-app-flyout"},f=a``,r=class extends l{constructor(){super(...arguments),this._messages=g(),this.popoverElement=m(),this.placement="leading",this.arcgisChartsConfigGuidePopoverColorChange=s(),this.arcgisChartsConfigGuidePopoverSymbolChange=s(),this.arcgisChartsConfigPopoverClose=s()}static{this.properties={messageOverrides:0,selectedElement:2,referenceElement:2,placement:3,open:7}}static{this.styles=f}async reposition(){await this.popoverElement.value?.reposition()}updated(){C(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateColorProperties(t){let e=t.detail;e!==void 0&&(e[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverColorChange.emit(this.selectedElement)}updateSymbolProperties(t){let{lineStyle:e}=t.target;e?.color!==void 0&&(e.color[3]=i),this.selectedElement=e,this.arcgisChartsConfigGuidePopoverSymbolChange.emit(t.detail)}render(){let t=this.selectedElement,e=this.selectedElement;return o`<div class=${p(d.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} ${h(this.popoverElement)}>${Array.isArray(t)&&o`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${t} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`||""}${e?.type===c.SLS&&o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`||""}</calcite-popover></div>`}};n("arcgis-charts-config-guide-popover",r);return r},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",b,c,d)

package/dist/chunks/scatter-plot-model.js

@@ -1,199 +0,0 @@
-import { WebChartTypes as v } from "@arcgis/charts-spec";
-import { isEmpty as l, isEqual as f } from "lodash-es";
-import "d3-array";
-import { ai as b, aj as r, c9 as c, bR as M, b3 as C, aE as F } from "./interfaces.js";
-import "@arcgis/core/geometry/support/jsonUtils.js";
-import "@arcgis/core/rest/support/AttributeBinsQuery.js";
-import "@arcgis/core/rest/support/Query.js";
-import "@arcgis/core/rest/support/StatisticDefinition.js";
-import "@arcgis/core/time/TimeExtent.js";
-import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/request.js";
-import { s as T, b as A, c as _, d as w, u as m, f as I, h as Y, C as X, a as k, M as z, i as O, e as P } from "./serial-chart-data.js";
-import { M as W, a as D, b as E, c as U } from "./model-with-data-labels.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.7 */
-const S = (s) => {
-  T(s, null), A(s, null), _(s, null), w(s, null);
-}, u = (s) => {
-  const { name: e, axisIndex: t, config: i, layerInfo: d } = s, { layerFieldsInfo: a } = d, n = a.find((y) => y.name === e), o = n !== void 0 && C(n);
-  Y(i, t, o);
-}, x = async (s) => {
-  const { x: e, y: t, config: i, layerInfo: d } = s, { layerFieldsInfo: a } = d, n = c(a, e), o = c(a, t);
-  if (l(e) || m(i, 0, n), l(t) || m(i, 1, o), !l(e) && !l(t)) {
-    const y = await I(), L = M(y.titleLabels.xAndY, { x: n, y: o });
-    i.title?.content && (i.title.content.text = L);
-  }
-}, p = (s) => s.series[0]?.x ?? "", g = (s) => s.series[0]?.y ?? "", B = async (s, e, t) => {
-  S(e), e.series[0] && (e.series[0].x = s), await x({
-    x: s,
-    y: g(e),
-    config: e,
-    layerInfo: t
-  }), u({
-    name: s,
-    axisIndex: 0,
-    config: e,
-    layerInfo: t
-  });
-}, V = async (s, e, t) => {
-  S(e), e.series[0] && (e.series[0].y = s), await x({
-    x: p(e),
-    y: s,
-    config: e,
-    layerInfo: t
-  }), u({
-    name: s,
-    axisIndex: 1,
-    config: e,
-    layerInfo: t
-  });
-}, G = (s) => {
-  const e = {};
-  return s.series[0]?.markerSymbol ?? e;
-}, j = (s, e) => {
-  e.series[0] && (e.series[0].markerSymbol = s);
-}, q = (s) => (s.series[0]?.overlays?.trendLine?.visible ?? !0) && (s.series[0]?.overlays?.trendLine?.created ?? !1), R = (s) => {
-  const e = {};
-  return s.series[0]?.overlays?.trendLine?.symbol ?? e;
-}, H = (s, e) => {
-  e.series[0].overlays ??= r(), e.series[0].overlays.trendLine ??= r().trendLine, e.series[0].overlays.trendLine.symbol = s;
-}, J = (s, e) => {
-  e.series[0].overlays ??= r(), e.series[0].overlays.trendLine ??= r().trendLine, e.series[0].overlays.trendLine.visible = s;
-}, K = (s, e) => {
-  !(e.series[0]?.overlays?.trendLine?.created ?? !1) && s && (e.series[0].overlays ??= r(), e.series[0].overlays.trendLine ??= r().trendLine, e.series[0].overlays.trendLine.created = s), J(s, e);
-}, h = (s) => s.series[0]?.sizePolicy ?? b(), Q = (s, e) => {
-  e.series[0] && (s !== void 0 && s.field?.trim() !== "" ? e.series[0].sizePolicy = { ...e.series[0].sizePolicy, ...s } : e.series[0].sizePolicy = void 0);
-}, Z = (s) => s?.series?.[0]?.overlays, $ = (s, e) => {
-  e?.series[0] !== void 0 && (e.series[0].overlays = s);
-};
-class N extends X {
-  constructor() {
-    super(...arguments), this._chartType = v.ScatterSeries;
-  }
-  async setup(e) {
-    await this.loadConfigFromLayer(e), this.resolveSetup();
-  }
-  // ---------------------------------------------------------------------------------------------
-  // Data Props
-  // ---------------------------------------------------------------------------------------------
-  /**
-   * Gets the x-axis field.
-   * @returns {string}
-   */
-  getXAxisField() {
-    return p(this._config);
-  }
-  /**
-   * Sets the x-axis field.
-   * @param {string} fieldName
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setXAxisField(e) {
-    await B(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setXAxisField");
-  }
-  /**
-   * Gets the y-axis field.
-   * @returns {string}
-   */
-  getYAxisField() {
-    return g(this._config);
-  }
-  /**
-   * Sets the y-axis field.
-   * @param {string} fieldName
-   * @async **This method is `async` and must be awaited for the changes to take effect.**
-   */
-  async setYAxisField(e) {
-    await V(e, this._config, this.layerInfo), this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")), this.emitConfigUpdate("setYAxisField");
-  }
-  /**
-   * Gets whether the linear trend line is shown.
-   * @returns {boolean}
-   */
-  getShowLinearTrend() {
-    return q(this._config);
-  }
-  /**
-   * Sets whether to show the linear trend line.
-   * @param {boolean} show
-   */
-  setShowLinearTrend(e) {
-    K(e, this._config), this.emitConfigUpdate("setShowLinearTrend");
-  }
-  /**
-   * Gets the line symbol for the linear trend line.
-   * @returns {ISimpleLineSymbol}
-   */
-  getLinearTrendSymbol() {
-    return R(this._config);
-  }
-  /**
-   * Sets the line symbol for the linear trend line.
-   * @param {ISimpleLineSymbol} symbol
-   */
-  setLinearTrendSymbol(e) {
-    H(e, this._config), this.emitConfigUpdate("setLinearTrendSymbol");
-  }
-  /**
-   * Gets the marker symbol used for the scatter plot points when using a fixed symbol (i.e. no size policy is set).
-   * @returns {ISimpleMarkerSymbol}
-   */
-  getFixedMarkerSymbol() {
-    return G(this._config);
-  }
-  /**
-   * Sets the marker symbol used for the scatter plot points when using a fixed symbol (i.e. no size policy is set).
-   * @param {ISimpleMarkerSymbol} symbol
-   */
-  setFixedMarkerSymbol(e) {
-    j(e, this._config), this.emitConfigUpdate("setFixedMarkerSymbol");
-  }
-  /**
-   * Gets the size policy for the scatter plot points. This is used to scale the size of the marker symbol based on a given field.
-   * @returns {SizePolicy | undefined}
-   */
-  getSizePolicy() {
-    return h(this._config);
-  }
-  /**
-   * Sets the size policy for the scatter plot points. This is used to scale the size of the marker symbol based on a given field.
-   * @param {SizePolicy | undefined} sizePolicy
-   */
-  setSizePolicy(e) {
-    const t = h(this._config);
-    f(t, e) || (Q(e, this._config), this.emitConfigUpdate("setSizePolicy"));
-  }
-  /**
-   * Gets the chart overlays. The scatter plot implements only 1 overlay, **trendLine**.
-   */
-  getSeriesOverlays() {
-    return Z(this._config);
-  }
-  /**
-   * Sets the chart overlays. The scatter plot implements only 1 overlay, **trendLine**.
-   * @param {ScatterplotOverlays} overlays The overlays
-   */
-  setSeriesOverlays(e) {
-    $(e, this._config), this.emitConfigUpdate("setSeriesOverlays");
-  }
-  // ---------------------------------------------------------------------------------------------
-  // Protected methods
-  // ---------------------------------------------------------------------------------------------
-  async generateDefaultConfig() {
-    return await F();
-  }
-}
-k(N, [
-  z,
-  W,
-  D,
-  E,
-  U,
-  O,
-  P
-]);
-export {
-  N as ScatterplotModel
-};