@arcgis/charts-components 5.0.0-next.0 → 5.0.0-next.2

package/dist/cdn/{7NHDZ7YE.js → UWTMDEXN.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.0 */
-import{a as g}from"./Q6RNSJKC.js";import{b as P}from"./3VYSNBTN.js";import e from"./XBAJKPII.js";import{j as n}from"./XN6L2F3H.js";import{a as $}from"./4R3KXXGH.js";import d from"./OBWBM6T5.js";import b from"./Q2QQP3OC.js";import{w as h}from"./IJ7S36YO.js";import"./DIGLZK7A.js";import"./6SZ36DP7.js";import"./SQDGJ3KG.js";import{A as a,F as u,g as f,h as o,l as s,w as c,x as p,y as v}from"./KKAZDMOE.js";import"./V74GF63P.js";export default $arcgis.t(([,,,,,,,{Pa:y,ic:b},,{a:d,k:m,l:S}])=>{var r={jsAppFlyout:"js-app-flyout",scatterplotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},k=f`.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}.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:3,contentKind:3,selectedContent:3,referenceElement:2,placement:3,open:7,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}async updated(){setTimeout(async()=>{await 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===n.sizeVariable?this.arcgisChartsConfigScatterplotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.contentKind===n.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({[r.jsAppFlyout]:!0})}><calcite-popover class=${a(r.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(r.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===n.sizeVariable||this.contentKind===n.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&&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(r.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${a(r.header)}>${this.headingTitle??""}</div><calcite-list label class=${a(r.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},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",b,d,e)
+v5.0.0-next.2 */
+import{a as g}from"./YPC6LVPV.js";import{b as P}from"./QUALYXLD.js";import e from"./MAMDCTEO.js";import{j as r}from"./J5N73PSS.js";import{a as $}from"./DZHN5VUX.js";import d from"./AKSR565H.js";import b from"./V4K56KHO.js";import{w as h}from"./LOTUCDOA.js";import"./SQCQR2L2.js";import"./OWIU32TC.js";import"./U4IE7DFG.js";import{A as a,F as u,g as f,h as o,l as s,w as c,x as p,y as v}from"./BUEMLPMQ.js";import"./RQYYBI4H.js";export default $arcgis.t(([,,,,,,,{Pa:y,ic:b},,{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"},k=f`.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}.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:3,contentKind:3,selectedContent:3,referenceElement:2,placement:3,open:7,layerFieldsInfo:0}}static{this.styles=k}async reposition(){await this.popoverElement.value?.reposition()}async updated(){setTimeout(async()=>{await 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},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",b,d,e)