@arcgis/charts-components 5.1.0-next.99 → 5.1.0

package/dist/cdn/U2LFGV2U.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{d as i}from"./MZ2UZAFW.js";import{g as F}from"./KGNYAMFB.js";import a from"./YUO2G7OX.js";import{e as p}from"./777EBGS5.js";import"./P5XJTTU3.js";import"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as h}from"./FIMXZMTB.js";import"./LY7A6MST.js";import{A as d,G as c,g as l,i as t,n as r}from"./2WDUA6L4.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{G:g,Hb:y,kb:m,ob:f,qb:u}])=>{var b=l`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,n=class extends d{constructor(){super(...arguments),this.onModelConfigChange=async e=>{let a=e?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(a)},this.popoverPlacement="leading",this.usePopupTemplateFieldsInfo=!1,this.arcgisChartsConfigWebChartChange=r()}static{this.properties={layerFieldsInfo:16,model:0,popoverPlacement:1,r2:9,calculatedDataMinMaxBounds:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5,popupTemplateFieldInfosEnabled:5}}static{this.styles=b}async load(){await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(e){let a=!1;e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("r2")&&this.r2Change(this.r2),e.has("layer")&&this.layer!==void 0&&!h(e.get("layer"),this.layer)&&(a=!0),(e.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==e.get("usePopupTemplateFieldsInfo")||e.has("popupTemplateFieldInfosEnabled")&&this.popupTemplateFieldInfosEnabled!==e.get("popupTemplateFieldInfosEnabled"))&&(a=!0),this.layerFieldsInfo===void 0&&(a=!0),a&&this.updateFetchLayerFieldsInfo()}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}r2Change(e){Number.isFinite(e)||(this.r2=void 0)}async updateFetchLayerFieldsInfo(e){let a=e??this.model.config,s=this.layer;if(!s){let o=F(a)?a.iLayer:void 0;o&&(s=await f(o))}if(s){await y(s);let o=this.usePopupTemplateFieldsInfo||this.popupTemplateFieldInfosEnabled;this.layerFieldsInfo=p(s)?m({layer:s,popupTemplateFieldInfosEnabled:o,chartType:a?.type}):u(s,o)}}render(){let e;switch(this.page){case i.Data:let a=g(this.layer),s=a&&"isTable"in a?a.isTable:!1;e=t`<arcgis-charts-config-scatter-plot-data .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} .isTableLayer=${s}></arcgis-charts-config-scatter-plot-data>`;break;case i.Axes:e=t`<arcgis-charts-config-axes .model=${this.model} show-min-x-bound-option show-max-x-bound-option show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;break;case i.Guides:e=t`<arcgis-charts-config-guides .model=${this.model} enable-x-axis-guide enable-y-axis-guide></arcgis-charts-config-guides>`;break;case i.Format:e=t`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case i.General:e=t`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:e="";break}return e}};c("arcgis-charts-config-scatter-plot",n);return n},a)

package/dist/cdn/UFYGFN2M.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import c from"./VKY6S62L.js";import{a as g}from"./KUEF5L2Y.js";import"./MZ2UZAFW.js";import b from"./LHHRGNPI.js";import"./KGNYAMFB.js";import a from"./YUO2G7OX.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{D as u}from"./6JI4NDJ6.js";import{f as d}from"./75Y43JLP.js";import{p as n}from"./FIMXZMTB.js";import"./LY7A6MST.js";import{A as y,B as i,G as S,g as h,i as o,n as s,y as m,z as p}from"./2WDUA6L4.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:b,g:v,h:c,i:r}])=>{var C={arial:"Arial",arialBlack:"Arial Black",bookman:"Bookman",candara:"Candara",courier:"Courier",courierNew:"Courier New",garamond:"Garamond",georgia:"Georgia",impact:"Impact",palatino:"Palatino",roboto:"Roboto",times:"Times",timesNewRoman:"Times New Roman",verdana:"Verdana"},a={fontStyleContainer:"font-style-container",font:"font",numberInput:"number-input",inputLabel:"input-label"},$=h`.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{overflow-y:auto}:host calcite-panel .font-style-container{display:flex;padding:0 1rem}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;flex-grow:inherit;width:80px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`,f=class extends y{constructor(){super(...arguments),this._messages=g(),this.fontSizeInputElement=m(),this.fontStyle={type:d.TS},this.open=!1,this.enableClose=!1,this.arcgisChartsConfigFontStyleChange=s(),this.arcgisChartsConfigFontStyleClose=s()}static{this.properties={messageOverrides:0,fontStyle:0,header:1,open:5,enableClose:5}}static{this.styles=$}closePanel(t){t.target.closed&&this.enableClose&&(this.open=!1,this.arcgisChartsConfigFontStyleClose.emit())}fontChange(t){let e=t.target.selectedOption.value;if(e!==void 0){let l={family:e};this.isNewFontProperty("family",l)&&(this.fontStyle=n(this.fontStyle,{font:l}),this.emitFontStyleEvent({font:l}))}}fontSizeChange(){let t=this.fontSizeInputElement.value?.value;if(t!==void 0&&b(t,this.fontSizeInputElement.value?.min,this.fontSizeInputElement.value?.max)){let e={size:Number.parseInt(t)};this.isNewFontProperty("size",e)&&(this.fontStyle=n(this.fontStyle,{font:e}),this.emitFontStyleEvent({font:e})),this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.IDLE})}else this.fontSizeInputElement.value&&c({inputElement:this.fontSizeInputElement.value,status:r.INVALID})}boldSelect(){let t="bold";this.fontStyle?.font?.weight===t&&(t="normal");let e={weight:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}italicSelect(){let t="italic";this.fontStyle?.font?.style===t&&(t="normal");let e={style:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}underlineSelect(){let t="underline";this.fontStyle?.font?.decoration===t&&(t="none");let e={decoration:t};this.fontStyle=n(this.fontStyle,{font:e}),this.fontStyle={...this.fontStyle},this.emitFontStyleEvent({font:e})}colorChange(t){let e=t.detail;this.fontStyle=n(this.fontStyle,{color:e}),this.emitFontStyleEvent({color:e})}emitFontStyleEvent(t){this.arcgisChartsConfigFontStyleChange.emit(t)}isNewFontProperty(t,e){return this.fontStyle?.font?.[t]!==e[t]}renderFonts(){let t=Object.values(C).map(e=>o`<calcite-option .value=${e} .selected=${e===this.fontStyle?.font?.family||e===u().font?.family?.split(",")[0]&&this.fontStyle?.font?.family===void 0}>${e}</calcite-option>`);return this.fontStyle?.font?.family===""&&t.push(o`<calcite-option value selected></calcite-option>`),t}render(){return o`<calcite-panel .heading=${this.header??this._messages.header} .closed=${!this.open} .closable=${this.enableClose??!1} @calcitePanelClose=${this.closePanel}><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.font)}>${this._messages.font}<calcite-select .label=${this._messages.font??""} @calciteSelectChange=${this.fontChange}>${this.renderFonts()}</calcite-select></calcite-label></div><div class=${i(a.fontStyleContainer)}><calcite-label class=${i(a.inputLabel)}>${this._messages.size}<calcite-input class=${i(a.numberInput)} type=number min=6 max=40 step=1 .value=${v(this.fontStyle?.font?.size)} @calciteInputInput=${this.fontSizeChange} ${p(this.fontSizeInputElement)}></calcite-input></calcite-label><calcite-action appearance=transparent .text=${this._messages.bold??""} @click=${this.boldSelect} scale=l .active=${this.fontStyle?.font?.weight==="bold"}><calcite-icon scale=s icon=bold></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.italic??""} @click=${this.italicSelect} scale=l .active=${this.fontStyle?.font?.style==="italic"}><calcite-icon scale=s icon=italicize></calcite-icon></calcite-action><calcite-action appearance=transparent .text=${this._messages.underline??""} @click=${this.underlineSelect} scale=l .active=${this.fontStyle?.font?.decoration==="underline"}><calcite-icon scale=s icon=underline></calcite-icon></calcite-action></div><div class=${i(a.fontStyleContainer)}><arcgis-charts-config-colors .rgba=${this.fontStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel>`}};S("arcgis-charts-config-font-style",f);return f},a,b,c)

package/dist/cdn/UM6YK4R4.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as $,c as M,d as K,f as H}from"./7BDNLABD.js";import{a as q}from"./64HPM724.js";import{a as x}from"./JBWK3DSH.js";import{a as Z}from"./TJQGGNGV.js";import j from"./VKY6S62L.js";import{a as A}from"./KUEF5L2Y.js";import{g as a,o as C}from"./MZ2UZAFW.js";import i from"./4XSIB5AA.js";import g from"./LHHRGNPI.js";import"./KGNYAMFB.js";import e from"./YUO2G7OX.js";import"./777EBGS5.js";import{c as _,d as F,n as y,o as N,u as V}from"./P5XJTTU3.js";import{wa as P,xa as D}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import{l as f}from"./FIMXZMTB.js";import"./LY7A6MST.js";import{A as O,B as l,E,G as T,g as k,i as o,k as w,n as u,y as c,z as m}from"./2WDUA6L4.js";import{a as h}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as b,b as d,k as S,n as p}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{U:B,sb:I,t:z,ub:R},,{h:U},{a:j}])=>{var r={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},J=k`.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}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;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}.link-container{display:flex;justify-content:flex-end}.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)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`,L=class extends O{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.enableTimeBinningSwitch=c(),this.intervalAlignmentElement=c(),this.intervalElement=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(M($),i){case a.aggregation:this.model.aggregationType=t[0]!==d.NoAggregation?t[0]:d.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===h.customSort){let n=await this.updateCustomSortProps();this.model.orderByList=n,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==I(this.model.layer).idField&&(this.model.aggregationType=d.Sum),this.model.getSortOrder()===h.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===h.customSort){let n=await this.updateCustomSortProps();this.model.setSortOrder(s,n)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&H($)}}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.open=!1,this.arcgisChartsConfigBarChartDataNumericFieldValidate=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigResetTimeInterval=u(),this.arcgisChartsConfigCustomizedTimeInterval=u()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=J}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")),this.aggregationLabel=P(this.model.aggregationType,this.commonStrings),f(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===h.customSort&&this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=D(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===z}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??0,i??t??0)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===C.Up?t=s-1:i===C.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return x(e,o`<calcite-list-item .label=${y(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}buildCustomSortListItems(){return q(this.model.orderByList,e=>e,e=>{let i=N(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===_.nullCategory?.text?.trim();return o`<calcite-list-item id=${e??w} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return x(this.sortOrderResetCounter,o`<calcite-list label class=${l(r.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===h.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":y(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return U({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":y(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>j.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(h.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??S.Second},t,s,n,g=!1,v=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=B(this.model.config.series??[])===F.BarAndLineFromFields,n=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,n=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,n=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,n=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,n=this.model.getSortOrder(),v=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,n=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,n=this.model.timeAggregationType??"";break}this.barChartPopover=E(o`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${n} .isCustomSortDisabled=${v} .isNoAggregationDisabled=${g} @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=Z(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem?.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(t=>t.name===this.model.xAxisField),i=this.model.aggregationType!==d.NoAggregation;return e!==void 0&&R(e)&&i}renderSorting(){return o`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return o`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return o`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return o`<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=I(this.model.layer).idField,t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return o`<calcite-list label class=${l(r.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===b.CategoryAxisFormat&&e===h.customSort&&!this.isCustomSortDisabled?o`<calcite-label class=${l(r.label)}><div class=${l(r.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${C.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${C.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${f(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${B(this.model.config.series??[])===F.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??S.Second,this._messages)??"",s=K($),n={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=f(n,s);return[o`<calcite-list label selection-appearance=border class=${l(r.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,o`<div class=${l(r.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return o`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return o`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${p.Zero} .checked=${this.model.nullPolicy===p.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${p.Null} .checked=${this.model.nullPolicy===p.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),n=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),v=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return o`<calcite-label class=${l(r.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.numericFields}${n}</calcite-label><div class=${l(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=${l(r.label)}><span class=${l(this.disableSplitBy?r.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${l(r.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData||!this.shouldShowTimeBinning()}><calcite-label class=${l(r.label)}>${this._messages.interval}${v}</calcite-label><calcite-label class=${l(r.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label>${this.model.aggregationType!==d.Count?o`<calcite-label class=${l(r.label)}>${this._messages.emptyBins}${W}</calcite-label>`:null}</div></div><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${l(r.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${l(this.model.getAxisValueFormat(0)?.type===b.DateAxisFormat?r.disabledLabel:r.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};T("arcgis-charts-config-bar-chart-data",L);return L},e,g,i,j)