@arcgis/charts-components 5.2.0-next.0 → 5.2.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{MJCXQCOV.js → 3FTJIVFE.js} +1 -1
- package/dist/cdn/{4ONG3Z7W.js → 45JPWIBI.js} +1 -1
- package/dist/cdn/{5MMDKA25.js → 45PJ5TQL.js} +1 -1
- package/dist/cdn/{V7TM2WGV.js → 47HHRDX4.js} +1 -1
- package/dist/cdn/{P4T5TI3T.js → 4OZZXXZF.js} +1 -1
- package/dist/cdn/{MRSWVYMY.js → 5HQ2CJEQ.js} +1 -1
- package/dist/cdn/{ROIT25TY.js → 5MVNVHYG.js} +1 -1
- package/dist/cdn/{LEK5TYY2.js → 6JGLHOFY.js} +1 -1
- package/dist/cdn/{ZVZ2XDVU.js → 6LQYOBAL.js} +1 -1
- package/dist/cdn/{AUFCZ2VI.js → 6PAONFHB.js} +1 -1
- package/dist/cdn/{ZIF2SLZ7.js → 6SRISPQN.js} +1 -1
- package/dist/cdn/{FKH3OVSJ.js → 7BEC5WZB.js} +1 -1
- package/dist/cdn/{JJ2M4U57.js → 7IV6GMF7.js} +1 -1
- package/dist/cdn/{RJN2Y6QR.js → 7SNOZDAD.js} +1 -1
- package/dist/cdn/{JN2ZWL6Y.js → 7YBKGD3V.js} +1 -1
- package/dist/cdn/{C3ZSWQ3I.js → AT2NWWBG.js} +1 -1
- package/dist/cdn/{VM7TU42Q.js → ATIARKAU.js} +1 -1
- package/dist/cdn/{4MT26NON.js → B7DM7VT6.js} +1 -1
- package/dist/cdn/{3HDCBEWA.js → BZCVDNC4.js} +1 -1
- package/dist/cdn/{2CKPKXNB.js → CAJVNPHZ.js} +1 -1
- package/dist/cdn/{ETLXX7MH.js → CPPT5HUK.js} +36 -36
- package/dist/cdn/{G2RDPRW6.js → CUJHGXNK.js} +1 -1
- package/dist/cdn/{F22N7RZE.js → D23GGWFM.js} +1 -1
- package/dist/cdn/{35COV7CA.js → DNMVB3A2.js} +1 -1
- package/dist/cdn/{XQN3IPCF.js → EQVQRZHJ.js} +1 -1
- package/dist/cdn/{ERSFBFQP.js → EUOPRFMU.js} +1 -1
- package/dist/cdn/{GKCSV5KX.js → F5Q73CFW.js} +1 -1
- package/dist/cdn/{NI5ICKEY.js → FAQDMSUC.js} +1 -1
- package/dist/cdn/{UUO3C7JX.js → FCXI523J.js} +1 -1
- package/dist/cdn/{GJNWHFFY.js → FJPGZEGK.js} +1 -1
- package/dist/cdn/{PD433VW7.js → FT2K3J7O.js} +1 -1
- package/dist/cdn/{IFUSMYSL.js → G6OHBBUT.js} +1 -1
- package/dist/cdn/{BI4UYGSS.js → GCSGY6GL.js} +1 -1
- package/dist/cdn/{SOQJHUX7.js → GUH6CQE6.js} +1 -1
- package/dist/cdn/{ZCIQS5VL.js → GWQJXXP3.js} +1 -1
- package/dist/cdn/{V7HFHWME.js → HJHMEVMB.js} +1 -1
- package/dist/cdn/{UUBMII4X.js → HUCSTT64.js} +1 -1
- package/dist/cdn/{SOSPMFB6.js → HX4236ZL.js} +1 -1
- package/dist/cdn/{ZPMBL64I.js → I2M6YAUU.js} +1 -1
- package/dist/cdn/{74GWGGKE.js → IWVS6SKP.js} +1 -1
- package/dist/cdn/{LDLY2SF3.js → JILAM6NH.js} +1 -1
- package/dist/cdn/{SSIG3VVL.js → KC6CFXB7.js} +1 -1
- package/dist/cdn/{QR5JSPMD.js → KKWXEF5W.js} +1 -1
- package/dist/cdn/{GGQP5JYM.js → KV4ZPVWQ.js} +1 -1
- package/dist/cdn/{L4RUPWN7.js → M75ENKIU.js} +1 -1
- package/dist/cdn/{HOX7NZNG.js → MKQAQDRM.js} +1 -1
- package/dist/cdn/{XMMHYOKG.js → MOMKSNIZ.js} +1 -1
- package/dist/cdn/NS7OCROO.js +2 -0
- package/dist/cdn/{7JNA22OU.js → O4M33ZPK.js} +1 -1
- package/dist/cdn/{FJFVM6MK.js → OVM5QF7Q.js} +1 -1
- package/dist/cdn/{LKLXYXQS.js → OY6UOUYX.js} +1 -1
- package/dist/cdn/{UQN6IMJJ.js → P3RM2ACY.js} +1 -1
- package/dist/cdn/{IMK7WGD3.js → P6SC5DD2.js} +1 -1
- package/dist/cdn/{Q3AILKYR.js → P74SXC5B.js} +1 -1
- package/dist/cdn/{WBH5XG4U.js → PEZCCXQ7.js} +1 -1
- package/dist/cdn/{QPZNCW73.js → PKMZ6N6M.js} +1 -1
- package/dist/cdn/{BXXLVGNQ.js → PTFRQF65.js} +1 -1
- package/dist/cdn/{2RU466XY.js → PYKHO4QI.js} +1 -1
- package/dist/cdn/{4DN22Z2T.js → RG3I5ORH.js} +1 -1
- package/dist/cdn/{4WLT4SF2.js → RKKWMNWU.js} +1 -1
- package/dist/cdn/{6BUS62PQ.js → RKN64EJQ.js} +1 -1
- package/dist/cdn/{DPSPWVA2.js → RWEUTQWS.js} +1 -1
- package/dist/cdn/{IU3JHT4C.js → S3BC57BJ.js} +1 -1
- package/dist/cdn/{AHXJHLWG.js → S6PJHEJ7.js} +1 -1
- package/dist/cdn/{3EOJXLYW.js → TORIY3OE.js} +1 -1
- package/dist/cdn/{E4SQHQBK.js → TTDZKISK.js} +1 -1
- package/dist/cdn/{5PBHJCIL.js → TZ4GOE2Q.js} +1 -1
- package/dist/cdn/{76ZTJWGM.js → UNUPCA4W.js} +1 -1
- package/dist/cdn/{ZSNIMQ53.js → UQPFMDJB.js} +1 -1
- package/dist/cdn/{M7DJDXCP.js → URYNG6OA.js} +1 -1
- package/dist/cdn/{O3YTMAQX.js → V2XJSJH4.js} +1 -1
- package/dist/cdn/{OBPXCFUE.js → V76PIVCF.js} +1 -1
- package/dist/cdn/{BAIMTE2A.js → V7MBHG4F.js} +1 -1
- package/dist/cdn/{I6ILHZ4V.js → X6WA2KXK.js} +1 -1
- package/dist/cdn/{DA7U5FLY.js → XFZX5ULX.js} +1 -1
- package/dist/cdn/{XCBRFRLO.js → XMQCH4QI.js} +1 -1
- package/dist/cdn/{JOI6WL3P.js → YKGZVYK2.js} +1 -1
- package/dist/cdn/{I6ZAHATO.js → YVVQVAJZ.js} +1 -1
- package/dist/cdn/{I2AGE5R2.js → YZQ54BRI.js} +1 -1
- package/dist/cdn/{H3VQJF7X.js → ZQCUJ7VE.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/index2.js +245 -239
- package/dist/chunks/serial-chart-data.js +80 -75
- package/dist/components/arcgis-chart/customElement.js +5367 -5484
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/utils/data/index.d.ts +2 -0
- package/package.json +3 -3
- package/dist/cdn/6LTWEPUM.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as E}from"./VOTZAPI3.js";import{a as C}from"./JNNB2DIA.js";import{a as p}from"./IHO3OLL3.js";import{a as w,c as L}from"./OBPAQN4H.js";import j from"./ERSFBFQP.js";import{k as l,o as g}from"./AK7X7SGI.js";import{a as P}from"./MRTKZZTF.js";import i from"./JOI6WL3P.js";import f from"./I6ZAHATO.js";import"./MHG42BA5.js";import e from"./ZIF2SLZ7.js";import"./EZV7JSQJ.js";import{n as u,o as O}from"./Z7EBST4A.js";import{p as h}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./NZR4L5AA.js";import{b as c}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as I}from"./547RDEMV.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./CHQDKVVQ.js";import"./U67P6YAZ.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)}.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,t)}}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-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}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)
|
|
2
|
+
import{a as E}from"./VOTZAPI3.js";import{a as C}from"./JNNB2DIA.js";import{a as p}from"./IHO3OLL3.js";import{a as w,c as L}from"./OBPAQN4H.js";import j from"./EUOPRFMU.js";import{k as l,o as g}from"./AK7X7SGI.js";import{a as P}from"./MRTKZZTF.js";import i from"./YKGZVYK2.js";import f from"./YVVQVAJZ.js";import"./MHG42BA5.js";import e from"./6SRISPQN.js";import"./EZV7JSQJ.js";import{n as u,o as O}from"./Z7EBST4A.js";import{p as h}from"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./NZR4L5AA.js";import{b as c}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as I}from"./547RDEMV.js";import{A as $,B as o,E as F,G as x,g as y,i as a,k as S,n as v,y as d,z as m}from"./CHQDKVVQ.js";import"./U67P6YAZ.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)}.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,t)}}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-select .label=${e} .disabled=${t} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return a`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderSorting(){return a`<arcgis-charts-config-field-select .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}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)
|