@arcgis/charts-components 5.0.0-next.100 → 5.0.0-next.101

package/dist/cdn/{M6TPHZXP.js → TLXRO7Q2.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.100 */
-import{a as g}from"./XHVLBN7H.js";import{b as P}from"./JW7Z7R2Z.js";import d from"./GITB54XZ.js";import{j as r}from"./PEKBMXTA.js";import{a as $}from"./QOPHLPYF.js";import b from"./OZLXXO72.js";import{w as h}from"./O5ZCVDZM.js";import"./KW2B62OW.js";import"./OS3PALQ6.js";import"./QPXKOLVL.js";import{A as a,F as u,g as f,h as o,m as s,x as c,y as p,z as v}from"./WH6HTB25.js";import"./53UU3NM6.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Dc:b,zb:y},{a:d,k:m,l:S}])=>{var n={jsAppFlyout:"js-app-flyout",scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},x=f`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.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}.am5-layer-30{z-index:100!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{width:100%}.pick-list-panel{max-height:60vh}`,C=class extends v{constructor(){super(...arguments),this.picklist=c(),this._messages=$(),this.popoverElement=c(),this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigScatterplotFillColorChange=s(),this.arcgisChartsConfigScatterplotLineStyleChange=s(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=s(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=s(),this.arcgisChartsConfigScatterplotXYFieldChange=s()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},d.PopoverTimer),P(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},d.PopoverTimer)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return o`<div class=${a({[n.jsAppFlyout]:!0})}><calcite-popover class=${a(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${S(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?o`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${a(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(g(" ",o`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let l=this.layerFieldsInfo?.[i]??void 0;if(l!==void 0&&(this.contentKind===r.additionalTooltipFields||b(l))){let F=y(this.layerFieldsInfo,l.name);t.push(g(l.name,o`<calcite-list-item .label=${F} .value=${l.name} .selected=${m(l.name,this.selectedContent)}></calcite-list-item>`))}}return o`<calcite-panel class=${a(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${a(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${a(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};u("arcgis-charts-config-scatter-plot-popover",C);return C},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b,d)
+v5.0.0-next.101 */
+import{a as g}from"./UL3HL623.js";import{b as P}from"./6CE2UCET.js";import d from"./AIQDY2KX.js";import{j as r}from"./VCP53FGH.js";import{a as $}from"./JSXA3HTW.js";import b from"./B2O47KO4.js";import{w as h}from"./BBWWDMVH.js";import"./P2L447Y4.js";import"./PSGKKAGR.js";import"./IQLHR7E5.js";import{A as a,F as u,g as f,h as o,m as s,x as c,y as p,z as v}from"./RWWV5W4Z.js";import"./LS75INIU.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Dc:b,zb:y},{a:d,k:m,l:S}])=>{var n={jsAppFlyout:"js-app-flyout",scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},x=f`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.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}.am5-layer-30{z-index:100!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{width:100%}.pick-list-panel{max-height:60vh}`,C=class extends v{constructor(){super(...arguments),this.picklist=c(),this._messages=$(),this.popoverElement=c(),this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigScatterplotFillColorChange=s(),this.arcgisChartsConfigScatterplotLineStyleChange=s(),this.arcgisChartsConfigScatterplotSizeVariableFieldChange=s(),this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=s(),this.arcgisChartsConfigScatterplotXYFieldChange=s()}static{this.properties={messageOverrides:0,headingTitle:1,contentKind:1,selectedContent:1,referenceElement:0,placement:1,open:5,layerFieldsInfo:0}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},d.PopoverTimer),P(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},d.PopoverTimer)}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterplotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterplotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===r.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===r.additionalTooltipFields?this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterplotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return o`<div class=${a({[n.jsAppFlyout]:!0})}><calcite-popover class=${a(n.scatterplotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${S(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${p(this.popoverElement)}>${Array.isArray(e)?o`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${a(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===h.SLS?o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==h.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];(this.contentKind===r.sizeVariable||this.contentKind===r.additionalTooltipFields)&&t.push(g(" ",o`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let l=this.layerFieldsInfo?.[i]??void 0;if(l!==void 0&&(this.contentKind===r.additionalTooltipFields||b(l))){let F=y(this.layerFieldsInfo,l.name);t.push(g(l.name,o`<calcite-list-item .label=${F} .value=${l.name} .selected=${m(l.name,this.selectedContent)}></calcite-list-item>`))}}return o`<calcite-panel class=${a(n.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${a(n.header)}>${this.headingTitle??""}</div><calcite-list label class=${a(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${p(this.picklist)}>${t}</calcite-list></calcite-panel>`}};u("arcgis-charts-config-scatter-plot-popover",C);return C},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b,d)