@arcgis/charts-components 5.2.0-next.113 → 5.2.0-next.114

package/dist/cdn/{5MCUSUHK.js → 667QTWV7.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as E}from"./7TM4LYGN.js";import{a as C}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import{a as w,c as L}from"./OBPAQN4H.js";import j from"./IJ42AM6S.js";import{k as l,o as g}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import i from"./XY5U4M2J.js";import f from"./TD4DW6P7.js";import e from"./Q4JNBW33.js";import{n as u,o as O}from"./AYA7WEUX.js";import"./WOGALV3T.js";import{p as h}from"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as m,B as $,C as o,F,H as x,g as y,i as a,k as S,n as v,z as d}from"./225VUGML.js";import{b as c}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as I}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{h:B},{a:k}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.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);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=P(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(w),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s??0,t??s??0)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>k.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return B({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderSorting(){return a`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},e,f,i,j)
+import{a as E}from"./7TM4LYGN.js";import{a as C}from"./MQI4ZLAS.js";import{a as p}from"./IHO3OLL3.js";import{a as w,c as L}from"./OBPAQN4H.js";import j from"./U3IE3PZ7.js";import{k as l,o as g}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import i from"./P5GJO5B6.js";import f from"./KPL6JB55.js";import e from"./6IVB6SYO.js";import{n as u,o as O}from"./AYA7WEUX.js";import"./WOGALV3T.js";import{p as h}from"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as m,B as $,C as o,F,H as x,g as y,i as a,k as S,n as v,z as d}from"./225VUGML.js";import{b as c}from"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as I}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{h:B},{a:k}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",dimText:"dim-text",list:"list",customSortButtons:"custom-sort-buttons"},_=y`.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);margin-top:var(--arcgis-charts-top-section-margin)}.label,.disabled-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}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major);max-height:400px;overflow-y:auto}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}`,f=class extends ${constructor(){super(...arguments),this._messages=P(),this.boxPlotPopover=null,this.categoryElement=d(),this.numericFieldsElement=d(),this.splitByFieldElement=d(),this.sortOrderElement=d(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.boxPlotPopover===e?.target&&(this.boxPlotPopover=p(this.boxPlotPopover))},this.onBoxPlotDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,s=[...e.detail.value];switch(L(w),t){case l.category:{let i=s[0]?.trim()||h;if(this.model.category=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.numericFields:{this.model.numericFields=s;let i=s.length>1;if(this.model.standardizeValues=i,this.model.getSortOrder()===c.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case l.splitByField:{let i=s[0]?.trim()||"";this.model.splitByField=i;break}case l.sortOrder:{let i=s[0];if(i===c.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(i,n)}else this.model.setSortOrder(i);this.sortOrderResetCounter+=1}break;default:break}}}catch(t){throw t instanceof Error&&this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.requestUpdate()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=v()}static{this.properties={selectedCustomSortItemId:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0}}static{this.styles=_}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),b(this.model.getDataFilters(),this.currentDataFilter)||(this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters()),this.disableSplitBy=this.model.numericFields.length===0||this.model.numericFields.length>1&&this.model.category!==h}disconnectedCallback(){super.disconnectedCallback(),this.boxPlotPopover=p(this.boxPlotPopover),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail;this.model.moveCustomSortValuesInOrderByList(s??0,t??s??0)}}onCustomSortItemSelected(e){let{id:t}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===t?"":t}onCustomSortItemMoved(e){let{id:t}=e.target,s=this.model.orderByList.length,i=this.model.orderByList.indexOf(this.selectedCustomSortItemId);t===g.Up?s=i-1:t===g.Down&&(s=i+1),i>=0&&s>=0&&s<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(i,s),this.sortOrderResetCounter+=1)}buildCustomSortListItems(){return E(this.model.orderByList,e=>e,e=>{let t=O(this.layerFieldsInfo,e);return a`<calcite-list-item id=${e??S} .label=${e??""} .description=${t} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return C(this.sortOrderResetCounter,a`<calcite-list label class=${o(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}buildNumericFieldItem(e){return C(e,a`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}onCategorySelect(e){this.categoryElement.value&&!this.categoryElement.value.disabled&&(this.contentKind=l.category,this.setupPopover(e))}async onRemoveNumericField(e){let t=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(s=>s!==t),this.model.numericFields.length===0&&this.model.resetConfig(),this.model.getSortOrder()===c.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let t=e.length>k.customSortLimit;return t&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(c.xAxisAsc)),this.isCustomSortDisabled=t,e}onStandardizeValuesChange(e){this.model.standardizeValues=e.target.checked}onShowOutliersChange(e){this.model.showOutliers=e.target.checked}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onSortOrderSelect(e){this.contentKind=l.sortOrder,this.setupPopover(e)}setupPopover(e){e.stopImmediatePropagation(),this.boxPlotPopover=p(this.boxPlotPopover);let t,s,i,n=!1;switch(this.contentKind){case l.category:t=this.categoryElement.value,s=this._messages.categoryHeader,i=this.model.category===h?"":this.model.category;break;case l.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,i=this.model.numericFields;break;case l.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,i=this.model.splitByField;break;case l.sortOrder:t=this.sortOrderElement.value,s=this._messages.selectSortOrder,i=this.model.getSortOrder(),n=this.isCustomSortDisabled;break}this.boxPlotPopover=F(a`<arcgis-charts-config-box-plot-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} .isCustomSortDisabled=${n} @arcgisChartsConfigBoxPlotDataPopoverChange=${this.onBoxPlotDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-box-plot-popover>`),!document.body.contains(this.boxPlotPopover)&&this.boxPlotPopover!==null&&document.body.appendChild(this.boxPlotPopover)}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}getCorrectedSplitByValue(){return this.model.splitByField?.trim()===""?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return B({fieldName:this.model.category,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.category)}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}renderCustomSortUI(){let e=this.model.getSortOrder(),t=this.model.getAxisValueFormat(0)?.type,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return t===I.CategoryAxisFormat&&e===c.customSort&&!this.isCustomSortDisabled?a`<calcite-label class=${o(r.label)}><div class=${o(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${s===0||s===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${g.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${s===-1||s===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${g.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${b(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.model.category===h?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderNumericFields(e){let t=[];for(let s of e)t.push(this.buildNumericFieldItem(s));return a`<calcite-list label class=${o(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCategory(){let e=this.getCorrectedCategoryValue(),t=this.model.numericFields.length===0||(this.model.numericFields??[]).length>1&&this.model.splitByField!=="";return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-picker>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`}renderSorting(){return a`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-picker>`}render(){let e=this.renderCategory(),t=this.renderNumericFields([...this.model.numericFields??[]]),s=this.renderSplitBy(),i=this.renderSorting(),n=this.renderCustomSortUI();return a`<calcite-label class=${o(r.label)}>${this._messages.numericFields}${t}</calcite-label><div class=${o(r.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${o(r.label)}><div>${this._messages.category} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${e}</calcite-label><calcite-label class=${o(r.label)}><div class=${o(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy} <span class=${o(r.dimText)}>(${this._messages.optional})</span></div>${s}</calcite-label><div>${(this.model.numericFields??[]).length>1?a`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.standardizeValues}<calcite-switch .checked=${this.model.standardizeValues} @calciteSwitchChange=${this.onStandardizeValuesChange}></calcite-switch></calcite-label>`:null}</div><calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.showOutliers}<calcite-switch .checked=${this.model.showOutliers} @calciteSwitchChange=${this.onShowOutliersChange}></calcite-switch></calcite-label><calcite-label class=${o(r.label)}>${this._messages.sortOrder}${i}</calcite-label>${n}`}};x("arcgis-charts-config-box-plot-data",f);return f},e,f,i,j)

package/dist/cdn/{QYBVMICG.js → 6E2B7CYX.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import D from"./TUJPREQD.js";import{a as se}from"./L7CMLBHB.js";import{a as oe}from"./7TM4LYGN.js";import{a as k}from"./MQI4ZLAS.js";import{a as re}from"./IHO3OLL3.js";import y from"./X26W3CYZ.js";import{a as b,b as te,e as ae}from"./OBPAQN4H.js";import{a as f}from"./7NWEE7T2.js";import u from"./IJ42AM6S.js";import{d as n}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import t from"./B2ORCBF2.js";import s from"./N7MGJM2Y.js";import q from"./2PTVL4CD.js";import{a as ee}from"./TE5UBTRT.js";import"./3LEJV2CC.js";import p from"./OQ7PZJV6.js";import o from"./ICA2YKMH.js";import m from"./XY5U4M2J.js";import l from"./WELTTZAK.js";import{b as Y,c as B,i as Q,l as L,p as w,r as J}from"./RPUEIRTH.js";import j from"./KMRW2FOQ.js";import i from"./4DHM47TE.js";import g from"./4RGJW7QM.js";import e from"./P7JFMF66.js";import d from"./TD4DW6P7.js";import a from"./Q4JNBW33.js";import{C as x,c as G,q as M}from"./AYA7WEUX.js";import{d as T,e as v}from"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{g as H,l as S}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as V,B as _,C as h,D as z,F as $,H as U,g as N,i as c,n as C,z as A}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as r,k as R}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:ce},{Bb:j,Fb:q,Ha:X,ba:O,hb:Z},,,,,,{d:I},,{a:W},,,,,{r:ie},{e:y,f:K},{b:D}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function le(m,e){let t=new Set,a=e;return m?.forEach((i,s)=>{let o=i.chartId;(t.has(o)||o===void 0||o==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===o&&(a=i.chartId)),t.add(o)}),a}function he(m,e,t){return m?.filter(a=>M(t,a.config)&&a.layer?.id===e)??[]}function de(m){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=m,s=new Map;return e?.forEach(o=>{let l=o.layer;l&&s.set(l.id,l)}),i||t.forEach(o=>s.set(o.id,o)),Array.from(s.values()).filter(o=>!a||o.id===a)}function me(m,e){m.forEach(t=>{e.forEach(a=>{t?.id===a.layer?.id&&ne(t,a)})})}function ne(m,e){let t=m;if(t){let a=[...t?.charts??[]],i=a?.findIndex(o=>o.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!S(a[i],e.config),a[i]=e.config):t&&!I(e.config)&&(s=!0,a.push(e.config)),s&&(t.charts=a)}}function pe(m,e){let t=m;if(t){let a=[...t.charts??[]],i=a.findIndex(s=>s.id===e);i>-1&&(a.splice(i,1),t.charts=a)}}function ge(m,e){let t=m;if(t){let a=[...t.charts??[]];a=x({arrayA:a,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),t.charts=a}}var ue=N`.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;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,E=class extends _{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[r.BarSeries,r.BoxPlotSeries,r.LineSeries,r.PieSeries,r.HistogramSeries,r.ScatterSeries,r.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=async e=>{let t=e,{chartData:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case r.HistogramSeries:if(this.chartData=a,i&&(i.dataStore.chartData=a,v(i.layer))){let o=i,l=a?.bins?.length;l!==void 0&&o.binCount!==l&&(o.binCount=l)}break;case r.PieSeries:{this.chartData=a,i&&(i.dataStore.chartData=a);break}case r.ScatterSeries:{let o=a,{dataItems:l,r2:u,aggregated:g}=o,p=u;Number.isFinite(u)||(p=void 0),this.r2=p,Q(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=g,g&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case r.LineSeries:case r.BarSeries:{let{dataItems:o,timeIntervalInfo:l}=a;(B(s)||Y(s)&&s.binTemporalData)&&(l?.size!==void 0&&s.temporalBinningSize!==l?.size&&(s.temporalBinningSize=l?.size),l?.unit!==void 0&&s.temporalBinningUnit!==l?.unit&&l?.unit!==R.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&ae(b,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(o),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let t=e,{bounds:a,model:i}=t.detail,s=this.getModel(this.selectedChartId),o=i?.isSameChartAs(s),l=s?.chartType;if(o)switch(l){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:case r.ScatterSeries:this.calculatedMinMaxBounds=a,i&&(i.dataStore.calculatedMinMaxBounds=a),this.updateAxesBoundsInAppState(a);break}},this.chartSeriesColorChange=e=>{let t=e,{colorMatchApplied:a,data:i,model:s}=t.detail,o=this.getModel(this.selectedChartId);if(s?.isSameChartAs(o))switch(o?.chartType){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:this.seriesColor=i,s&&(s.dataStore.seriesColor=i),this.applyNullCategorySeriesColor({colorMatchApplied:a,data:i,model:o});break;case r.PieSeries:{let l=new Map([[0,i]]);this.seriesColor=l,s&&(s.dataStore.seriesColor=l);break}case r.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let t=e,{propName:a,value:i,model:s}=t.detail,o=this.modelList.find(l=>s?.isSameChartAs(l));if(o)switch(a){case"rotation":typeof i=="boolean"&&W(o)&&(o.rotated=i);break;case"legendPosition":typeof i=="string"&&w(o)&&(o.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&w(o)&&(o.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=e=>{let t=e,{legendItemVisibility:a,model:i}=t.detail,s=this.modelList.find(o=>i?.isSameChartAs(o));s?.setSeriesVisibility(a),L(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),B(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:t,layerId:a}=e.target;t!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:t,layerId:a}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let t=e.target;ne(t?.layer,t)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:K}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=ue}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}applyNullCategorySeriesColor(e){let{colorMatchApplied:t,data:a,model:i}=e;J(i)&&i.nullCategory===void 0&&(i.nullCategory=this.getDefaultNullCategory(t?this.getSeriesColor(a):void 0))}getSeriesColor(e){let t=e.get(0),a;return t&&"color"in t?a=t.color:t&&"lineSymbol"in t&&(a=t.markerSymbol?.color??t.lineSymbol.color),a}getDefaultNullCategory(e){let t=H(G.nullCategory);return e!==void 0&&(t.fillSymbol&&(t.fillSymbol.color=e,t.fillSymbol.outline&&(t.fillSymbol.outline.color=e)),t.markerSymbol&&(t.markerSymbol.color=e,t.markerSymbol.outline&&(t.markerSymbol.outline.color=e))),t}modelListReorderChangeListener(e){let{modelList:t}=e.detail;if(this.modelList=x({arrayA:this.modelList,arrayB:t,getKey:a=>a.chartId??a.titleText??""}),this.syncChartsToLayers){let a=t.find(i=>i.layer?.id!==void 0)?.layer?.id;if(a){let i=this.layerList.find(s=>s.id.toString()===a);i&&ge(i,t)}}}async layerListChange(){let e=[],t=this.layerList.map(i=>i.id.toString()),a=[...this.modelList.filter(i=>t.includes(i.layer?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let o=await i.createFeatureLayer();if(!o)continue;i=o}let s=i.charts;for(let o of s??[]){let l=await ee({layer:i,config:o,commonStrings:this.commonStrings});l!==void 0&&e.push(l)}}le(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),a=a.filter(i=>!X(i.config)),this.modelList=a}modelListChange(e,t){this.selectedChartId=le(e,this.selectedChartId),t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let a=this.getModel(this.selectedChartId);this.currentChartTypeText=a?.chartType!==void 0?D({chartType:a.chartType,commonStrings:this.commonStrings,config:a.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&me(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.chartType!==void 0?D({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",e!==void 0&&e!==b.selectedChartId&&(b.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:t})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let t=this.getModel(this.selectedChartId)?.config,a=[];if(t!==void 0&&e!==void 0){let i=Z({chartConfig:t,chartData:e}),{minY:s,maxY:o,minX:l,maxX:u}=i;a=[{isXAxis:!0,minimum:l,maximum:u},{isXAxis:!1,minimum:s,maximum:o}]}return a}updateAxesBoundsInAppState(e){e?.forEach(t=>{let{isXAxis:a,maximum:i,minimum:s}=t,o=this.getModel(this.selectedChartId);if(o!==void 0&&L(o)&&this.selectedChartId!==void 0){let l=new se(o,a),u=te({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),g=b.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let p=g[this.selectedChartId]?.[u],F={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!S(p,F)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][u]=F)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(t=>M(O,t.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:t,layerId:a,layerType:i}=e.detail,s=!0;if(T(i)&&a){let o=this.layerList.find(l=>l.id===a);v(o)&&(s=!!(await q(o))?.attributeTable)}this.setupSelectChartTypePopover(t,a,i,s)}setupSelectChartTypePopover(e,t,a,i=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=$(c`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${t} .layerType=${a} .isRasterBarChartSupported=${i} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(t=>t.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=re(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:t}=e.detail;if(t!==void 0){let a=this.modelList.find(s=>s.chartId===t),i=this.layerList.find(s=>s.id===a?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==t)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&pe(i,t)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.close=!0,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let t=e.target,a="";switch(t.icon){case"configure":a=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":a=this._messages.series??"";break;case"graph-pie-slice":a=this._messages.slices??"";break;case"graph-axis":a=this._messages.axes??"";break;case"graph-guides":a=this._messages.guides??"";break;case"palette":a=this._messages.format??"";break;case"text":a=this._messages.general??"";break;default:a="";break}this.tooltip=$(c`<calcite-tooltip style=${z({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${a}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){ie(this.tooltip)}renderViewCharts(){let e=de({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return oe(e,t=>t.id,t=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${he(this.modelList,t.id.toString(),T(t.type)?j:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:c`<calcite-flow>${k("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?ce(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?c`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===r.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.slices??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.axes??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.guides??""}></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.format??""}></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.general??""}></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),t=e?.layer,a=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case r.BarSeries:a=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case r.LineSeries:a=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case r.PieSeries:a=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case r.HistogramSeries:a=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case r.ScatterSeries:a=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case r.BoxPlotSeries:a=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case r.HeatSeries:a=c`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data}></arcgis-charts-config-heat-chart>`;break}return a}};U("arcgis-charts-config-create-flow",E);return E},"intl",a,d,e,g,i,j,l,m,o,p,q,s,t,u,y,D)
+import D from"./EFUKNOAB.js";import{a as se}from"./L7CMLBHB.js";import{a as oe}from"./7TM4LYGN.js";import{a as k}from"./MQI4ZLAS.js";import{a as re}from"./IHO3OLL3.js";import y from"./LSCDFGG7.js";import{a as b,b as te,e as ae}from"./OBPAQN4H.js";import{a as f}from"./7NWEE7T2.js";import u from"./U3IE3PZ7.js";import{d as n}from"./TENIFMA5.js";import{a as P}from"./SZYIWW3C.js";import t from"./RGKJ27TT.js";import s from"./EFR7NE4H.js";import q from"./34ZS7EFE.js";import{a as ee}from"./DTOBNYL7.js";import"./3LEJV2CC.js";import p from"./5FP66CO4.js";import o from"./6KING4YQ.js";import m from"./P5GJO5B6.js";import l from"./L3MNB4ZO.js";import{b as Y,c as B,i as Q,l as L,p as w,r as J}from"./RPUEIRTH.js";import j from"./6PJZNXE3.js";import i from"./5SSI6USD.js";import g from"./WULGRUTL.js";import e from"./AAKW4RVS.js";import d from"./KPL6JB55.js";import a from"./6IVB6SYO.js";import{C as x,c as G,q as M}from"./AYA7WEUX.js";import{d as T,e as v}from"./WOGALV3T.js";import"./ZTVR6KBG.js";import"./KX7KGXKQ.js";import{g as H,l as S}from"./SP2IPHWF.js";import"./5SYHQWPP.js";import{A as V,B as _,C as h,D as z,F as $,H as U,g as N,i as c,n as C,z as A}from"./225VUGML.js";import"./P3AYFJRV.js";import"./QP5UAIC6.js";import"./QYRHZJH3.js";import{a as r,k as R}from"./PWJBGZPW.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:ce},{Bb:j,Fb:q,Ha:X,ba:O,hb:Z},,,,,,{d:I},,{a:W},,,,,{r:ie},{e:y,f:K},{b:D}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function le(m,e){let t=new Set,a=e;return m?.forEach((i,s)=>{let o=i.chartId;(t.has(o)||o===void 0||o==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===o&&(a=i.chartId)),t.add(o)}),a}function he(m,e,t){return m?.filter(a=>M(t,a.config)&&a.layer?.id===e)??[]}function de(m){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=m,s=new Map;return e?.forEach(o=>{let l=o.layer;l&&s.set(l.id,l)}),i||t.forEach(o=>s.set(o.id,o)),Array.from(s.values()).filter(o=>!a||o.id===a)}function me(m,e){m.forEach(t=>{e.forEach(a=>{t?.id===a.layer?.id&&ne(t,a)})})}function ne(m,e){let t=m;if(t){let a=[...t?.charts??[]],i=a?.findIndex(o=>o.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!S(a[i],e.config),a[i]=e.config):t&&!I(e.config)&&(s=!0,a.push(e.config)),s&&(t.charts=a)}}function pe(m,e){let t=m;if(t){let a=[...t.charts??[]],i=a.findIndex(s=>s.id===e);i>-1&&(a.splice(i,1),t.charts=a)}}function ge(m,e){let t=m;if(t){let a=[...t.charts??[]];a=x({arrayA:a,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),t.charts=a}}var ue=N`.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;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,E=class extends _{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=A(),this.supportedChartTypes=[r.BarSeries,r.BoxPlotSeries,r.LineSeries,r.PieSeries,r.HistogramSeries,r.ScatterSeries,r.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=async e=>{let t=e,{chartData:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case r.HistogramSeries:if(this.chartData=a,i&&(i.dataStore.chartData=a,v(i.layer))){let o=i,l=a?.bins?.length;l!==void 0&&o.binCount!==l&&(o.binCount=l)}break;case r.PieSeries:{this.chartData=a,i&&(i.dataStore.chartData=a);break}case r.ScatterSeries:{let o=a,{dataItems:l,r2:u,aggregated:g}=o,p=u;Number.isFinite(u)||(p=void 0),this.r2=p,Q(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=g,g&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(l),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case r.LineSeries:case r.BarSeries:{let{dataItems:o,timeIntervalInfo:l}=a;(B(s)||Y(s)&&s.binTemporalData)&&(l?.size!==void 0&&s.temporalBinningSize!==l?.size&&(s.temporalBinningSize=l?.size),l?.unit!==void 0&&s.temporalBinningUnit!==l?.unit&&l?.unit!==R.Quarter&&(s.temporalBinningUnit=l?.unit),l?.size!==void 0&&l?.unit!==void 0&&ae(b,{size:l.size,unit:l.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(o),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let t=e,{bounds:a,model:i}=t.detail,s=this.getModel(this.selectedChartId),o=i?.isSameChartAs(s),l=s?.chartType;if(o)switch(l){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:case r.ScatterSeries:this.calculatedMinMaxBounds=a,i&&(i.dataStore.calculatedMinMaxBounds=a),this.updateAxesBoundsInAppState(a);break}},this.chartSeriesColorChange=e=>{let t=e,{colorMatchApplied:a,data:i,model:s}=t.detail,o=this.getModel(this.selectedChartId);if(s?.isSameChartAs(o))switch(o?.chartType){case r.BarSeries:case r.BoxPlotSeries:case r.LineSeries:case r.HistogramSeries:this.seriesColor=i,s&&(s.dataStore.seriesColor=i),this.applyNullCategorySeriesColor({colorMatchApplied:a,data:i,model:o});break;case r.PieSeries:{let l=new Map([[0,i]]);this.seriesColor=l,s&&(s.dataStore.seriesColor=l);break}case r.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let t=e,{propName:a,value:i,model:s}=t.detail,o=this.modelList.find(l=>s?.isSameChartAs(l));if(o)switch(a){case"rotation":typeof i=="boolean"&&W(o)&&(o.rotated=i);break;case"legendPosition":typeof i=="string"&&w(o)&&(o.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&w(o)&&(o.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=e=>{let t=e,{legendItemVisibility:a,model:i}=t.detail,s=this.modelList.find(o=>i?.isSameChartAs(o));s?.setSeriesVisibility(a),L(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),B(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:t,layerId:a}=e.target;t!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:t,layerId:a}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let t=e.target;ne(t?.layer,t)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.close=!1,this.usePopupTemplateFieldsInfo=!1,this.panelNumber=0,this.filterBySelection=!1,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,close:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:K}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5,panelNumber:9,filterBySelection:5}}static{this.styles=ue}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}applyNullCategorySeriesColor(e){let{colorMatchApplied:t,data:a,model:i}=e;J(i)&&i.nullCategory===void 0&&(i.nullCategory=this.getDefaultNullCategory(t?this.getSeriesColor(a):void 0))}getSeriesColor(e){let t=e.get(0),a;return t&&"color"in t?a=t.color:t&&"lineSymbol"in t&&(a=t.markerSymbol?.color??t.lineSymbol.color),a}getDefaultNullCategory(e){let t=H(G.nullCategory);return e!==void 0&&(t.fillSymbol&&(t.fillSymbol.color=e,t.fillSymbol.outline&&(t.fillSymbol.outline.color=e)),t.markerSymbol&&(t.markerSymbol.color=e,t.markerSymbol.outline&&(t.markerSymbol.outline.color=e))),t}modelListReorderChangeListener(e){let{modelList:t}=e.detail;if(this.modelList=x({arrayA:this.modelList,arrayB:t,getKey:a=>a.chartId??a.titleText??""}),this.syncChartsToLayers){let a=t.find(i=>i.layer?.id!==void 0)?.layer?.id;if(a){let i=this.layerList.find(s=>s.id.toString()===a);i&&ge(i,t)}}}async layerListChange(){let e=[],t=this.layerList.map(i=>i.id.toString()),a=[...this.modelList.filter(i=>t.includes(i.layer?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let o=await i.createFeatureLayer();if(!o)continue;i=o}let s=i.charts;for(let o of s??[]){let l=await ee({layer:i,config:o,commonStrings:this.commonStrings});l!==void 0&&e.push(l)}}le(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),a=a.filter(i=>!X(i.config)),this.modelList=a}modelListChange(e,t){this.selectedChartId=le(e,this.selectedChartId),t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let a=this.getModel(this.selectedChartId);this.currentChartTypeText=a?.chartType!==void 0?D({chartType:a.chartType,commonStrings:this.commonStrings,config:a.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&me(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.chartType!==void 0?D({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",e!==void 0&&e!==b.selectedChartId&&(b.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:t})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let t=this.getModel(this.selectedChartId)?.config,a=[];if(t!==void 0&&e!==void 0){let i=Z({chartConfig:t,chartData:e}),{minY:s,maxY:o,minX:l,maxX:u}=i;a=[{isXAxis:!0,minimum:l,maximum:u},{isXAxis:!1,minimum:s,maximum:o}]}return a}updateAxesBoundsInAppState(e){e?.forEach(t=>{let{isXAxis:a,maximum:i,minimum:s}=t,o=this.getModel(this.selectedChartId);if(o!==void 0&&L(o)&&this.selectedChartId!==void 0){let l=new se(o,a),u=te({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),g=b.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let p=g[this.selectedChartId]?.[u],F={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!S(p,F)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][u]=F)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(t=>M(O,t.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}async onAddChartClick(e){let{referenceElement:t,layerId:a,layerType:i}=e.detail,s=!0;if(T(i)&&a){let o=this.layerList.find(l=>l.id===a);v(o)&&(s=!!(await q(o))?.attributeTable)}this.setupSelectChartTypePopover(t,a,i,s)}setupSelectChartTypePopover(e,t,a,i=!0){let s=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=$(c`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${t} .layerType=${a} .isRasterBarChartSupported=${i} .popoverPlacement=${s} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(t=>t.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=re(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!I(e.config))}onViewChartDelete(e){let{chartId:t}=e.detail;if(t!==void 0){let a=this.modelList.find(s=>s.chartId===t),i=this.layerList.find(s=>s.id===a?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==t)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&pe(i,t)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.close=!0,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let t=e.target,a="";switch(t.icon){case"configure":a=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":a=this._messages.series??"";break;case"graph-pie-slice":a=this._messages.slices??"";break;case"graph-axis":a=this._messages.axes??"";break;case"graph-guides":a=this._messages.guides??"";break;case"palette":a=this._messages.format??"";break;case"text":a=this._messages.general??"";break;default:a="";break}this.tooltip=$(c`<calcite-tooltip style=${z({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${a}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){ie(this.tooltip)}renderViewCharts(){let e=de({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return oe(e,t=>t.id,t=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${he(this.modelList,t.id.toString(),T(t.type)?j:this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${t} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.close?null:c`<calcite-flow>${k("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${V(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`}renderTabs(){let e=this.getModel(this.selectedChartId);return k("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?ce(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?c`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===r.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.series??""}></calcite-action>`:null}${e?.chartType===r.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.slices??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.axes??""}></calcite-action>`:null}${e?.chartType!==r.PieSeries&&e?.chartType!==r.HeatSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.guides??""}></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===n.Format} @click=${()=>{this.selectedPanel=n.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.format??""}></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===n.General} @click=${()=>{this.selectedPanel=n.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} .text=${this._messages.general??""}></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),t=e?.layer,a=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case r.BarSeries:a=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case r.LineSeries:a=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case r.PieSeries:a=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case r.HistogramSeries:a=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case r.ScatterSeries:a=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case r.BoxPlotSeries:a=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case r.HeatSeries:a=c`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled} .layer=${t} .page=${this.selectedPanel??n.Data}></arcgis-charts-config-heat-chart>`;break}return a}};U("arcgis-charts-config-create-flow",E);return E},"intl",a,d,e,g,i,j,l,m,o,p,q,s,t,u,y,D)