@arcgis/charts-components 4.34.0-next.91 → 4.34.0-next.98

package/dist/cdn/JJRK46TH.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.91 */
-import{a as E,c as N}from"./RAGQTC4A.js";import{a as T}from"./AGTURMMM.js";import{a as $}from"./M6Y5VR4Q.js";import{a as _}from"./4DLX6S7P.js";import e from"./RY7ITDP7.js";import{g as r,m as u}from"./FNTT34AP.js";import{a as D}from"./DT4K4JJK.js";import b from"./KDVOP45P.js";import{v as y}from"./T3V7PU2J.js";import"./ZZOOFWK5.js";import{C as I,E as L,g as B,h as l,j as O,l as C,w as c,x as m,y as w,z as a}from"./I4Z25IHJ.js";import{a as d}from"./DFOVZES3.js";import{a as g,b as h}from"./TZH7GPAP.js";import"./OE75ZRE4.js";export default $arcgis.t(([,,,,,,,{Ea:S,Na:b,Oa:k,d:f,dc:F,lb:v,va:A},{h:P}])=>{var o={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text"},M=B`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.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)}.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)}`,x=class extends w{constructor(){super(...arguments),this._messages=D(),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:i}=e.detail,t=[...e.detail.value];switch(N(E),i){case r.aggregation:await this.model.setAggregationType(t[0]!==h.NoAggregation?t[0]:h.NoAggregation);break;case r.category:{let s=t[0]?.trim()||"";if(await this.model.setXAxisField(s),this.model.getSortOrder()===d.customSort){let n=await this.updateCustomSortProps();this.model.setOrderByList(n),this.sortOrderResetCounter+=1}break}case r.numericFields:if(await this.model.setNumericFields(t),(this.model.getNumericFields()??[]).length>0&&this.model.getAggregationType()===h.Count&&this.model.getNumericFields()[0]!==F(this.layerFieldsInfo)&&await this.model.setAggregationType(h.Sum),this.model.getSortOrder()===d.customSort){let s=await this.updateCustomSortProps();this.model.setOrderByList(s),this.sortOrderResetCounter+=1}break;case r.splitByField:{let s=t[0]?.trim()||"";await this.model.setSplitByField(s),this.model.setColorMatch(!0);break}case r.sortOrder:{let s=t[0];if(s===d.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}default:break}}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigBarChartDataNumericFieldValidate=C(),this.arcgisChartsConfigDataChangeError=C()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:7}}static{this.styles=M}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilter(),this.updateCustomSortProps()}async willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=await A(this.model.getAggregationType()),y(this.model.getDataFilter(),this.currentDataFilter)||(this.model.getSortOrder()===d.customSort&&await this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilter()),this.disableSplitBy=this.model.getNumericFields().length>1||this.model.getXAxisField()===""||this.model.getXAxisField()===f}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t,i)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.getOrderByList().length,s=this.model.getOrderByList().indexOf(this.selectedCustomSortItemId);i===u.Up?t=s-1:i===u.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.getOrderByList().length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}buildNumericFieldItem(e){return $(e,l`<calcite-list-item .label=${b(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}buildCustomSortListItems(){return T(this.model.getOrderByList(),e=>e,e=>{let i=k(this.layerFieldsInfo,e);return l`<calcite-list-item id=${e??O} .label=${e} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return $(this.sortOrderResetCounter,l`<calcite-list label class=${a(o.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=r.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=r.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=r.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=r.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=r.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(await this.model.setNumericFields(this.model.getNumericFields().filter(t=>t!==i)),this.model.getSortOrder()===d.customSort){let t=await this.updateCustomSortProps();this.model.setOrderByList(t),this.sortOrderResetCounter+=1}}getCorrectedSplitByValue(){return this.model.getSplitByField()===""||(this.model.getNumericFields()??[]).length>1?"":b(this.layerFieldsInfo,this.model.getSplitByField())}getCorrectedCategoryValue(){return this.model.getXAxisField()===f||this.model.getXAxisField().trim()===""?"":b(this.layerFieldsInfo,this.model.getXAxisField())}onShowDataLabelsChange(e){this.model.setDataLabelsVisibility(e.target.checked)}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>P.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(d.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i,t,s,n=!1,p=!1;switch(this.contentKind){case r.aggregation:i=this.aggregationElement.value,t=this._messages.aggregationHeader,n=v(this.model.getConfig().series??[])===S.BarAndLineFromFields,s=this.model.getAggregationType();break;case r.category:i=this.categoryElement.value,t=this._messages.categoryHeader,s=this.model.getXAxisField();break;case r.numericFields:i=this.numericFieldsElement.value,t=this._messages.numericFieldsHeader,s=this.model.getNumericFields();break;case r.splitByField:i=this.splitByFieldElement.value,t=this._messages.splitByFieldHeader,s=this.model.getSplitByField();break;case r.sortOrder:i=this.sortOrderElement.value,t=this._messages.sortOrderHeader,s=this.model.getSortOrder(),p=this.isCustomSortDisabled;break}this.barChartPopover=I(l`<arcgis-charts-config-bar-chart-popover .headingTitle=${t} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${s} .isCustomSortDisabled=${p} .isNoAggregationDisabled=${n} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=_(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.setOrderByList([...this.originalCustomSortLabels]),this.sortOrderResetCounter+=1}renderSorting(){return l`<arcgis-charts-config-field-select .disabled=${this.model.getXAxisValueFormat()?.type===g.DateAxisFormat} .label=${this.model.getXAxisValueFormat()?.type===g.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return l`<arcgis-charts-config-field-select .label=${this.model.getAggregationType()===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return l`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return l`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=F(this.layerFieldsInfo),t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return l`<calcite-list label class=${a(o.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getXAxisValueFormat()?.type,t=this.model.getOrderByList().indexOf(this.selectedCustomSortItemId);return i===g.CategoryAxisFormat&&e===d.customSort&&!this.isCustomSortDisabled?l`<calcite-label class=${a(o.label)}><div class=${a(o.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${u.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.getOrderByList().length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${u.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${y(this.model.getOrderByList(),this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${v(this.model.getConfig().series??[])===S.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.getNumericFields()??[]]),p=this.renderCustomSortUI();return l`<div><calcite-label class=${a(o.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${a(o.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${a(o.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${a(o.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=${a(o.label)}><span class=${a(this.disableSplitBy?o.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><calcite-label class=${a(o.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${a(this.model.getXAxisValueFormat()?.type===g.DateAxisFormat?o.disabledLabel:o.label)}>${this._messages.sortOrder}${s}</calcite-label>${p}</div>`}};L("arcgis-charts-config-bar-chart-data",x);return x},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",b,e)

package/dist/cdn/K74GGNBS.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.91 */
-import j from"./RLAUXAOD.js";import i from"./2FIRWZQI.js";import h from"./34MIDSNQ.js";import g from"./EJN37VWY.js";import f from"./J45WSCYM.js";import e from"./35HPDKQQ.js";import d from"./JFI3DUV4.js";import"./EHZUNEVM.js";import b from"./KDVOP45P.js";import"./T3V7PU2J.js";import{c,d as m}from"./ZZOOFWK5.js";import{F as a}from"./I4Z25IHJ.js";import"./DFOVZES3.js";import{a as n}from"./TZH7GPAP.js";import"./OE75ZRE4.js";export default $arcgis.t(([,,,,,,,{C:f,ba:h,ia:l,v:d},{La:r},,,,,{a:g,b:S,c:p},{a:y,b:I,c:b,d:u}])=>{var L=class extends p{constructor(){super(...arguments),this._chartType=n.BarSeries}async setup(e){await this.loadConfigFromLayer(e),this.commonStrings=await c(m(document.documentElement).t9nLocale,a("./assets/common/t9n"),"messages."),e.config!==void 0&&await this.updateSeriesFromLayerFilter(),this.resolveSetup()}async generateDefaultConfig(){let e=await l();return e.series=[await h({objectIDField:this.layerInfo?.objectIdField})],e}getSeriesHideOversizedSideBySideLabels(e){return y(e,this._config)}setSeriesHideOversizedSideBySideLabels(e,t){I(e,t,this._config),this.emitConfigUpdate("setSeriesHideOversizedSideBySideLabels")}getSeriesHideOversizedStackedLabels(e){return b(e,this._config)}setSeriesHideOversizedStackedLabels(e,t){u(e,t,this._config),this.emitConfigUpdate("setSeriesHideOversizedStackedLabels")}resetSeriesStyling(){let e=this.getSeriesLength();for(let t=0;t<e;t+=1){let o=this.getSeriesId(t),i=f({colorIndex:t,opacity:d});if(S(i,t,this._config),this.layerInfo!==void 0){let s=r({config:this._config,seriesIndex:t,layerInfo:this.layerInfo,commonStrings:this.commonStrings});s!==this.layerInfo.objectIdField&&g(s??o,t,this._config)}}this._config.colorMatch=!0,this.emitConfigUpdate("resetSeriesStyling")}resetAvailable(){let e=!this.getColorMatch(),t=!1;if(!e&&this.layerInfo!==void 0){let o=this.getSeriesLength();for(let i=0;i<o;i+=1){let s=r({config:this._config,seriesIndex:i,layerInfo:this.layerInfo,commonStrings:this.commonStrings}),v=this.getSeriesName(i);if(s!==void 0&&s!==this.layerInfo.objectIdField&&s!==v){t=!0;break}}}return e||t}};return L},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",b,d,e,f,g,h,i,j)