@arcgis/charts-components 5.1.0 → 5.1.2

package/dist/cdn/{WND4PQ7O.js → CS62SWED.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{b}from"./TJQGGNGV.js";import g from"./VKY6S62L.js";import{a as $}from"./KUEF5L2Y.js";import"./MZ2UZAFW.js";import e from"./LHHRGNPI.js";import"./KGNYAMFB.js";import d from"./YUO2G7OX.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{i as S}from"./6JI4NDJ6.js";import{b as i}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./LY7A6MST.js";import{A as f,B as l,D as c,G as y,g as C,i as v,n as s,y as a,z as o}from"./2WDUA6L4.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var n={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=C`.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=a(),this.lineWidthInputElement=a(),this.lineStyleDropdownElement=a(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[p,m,g]=t,u=S*255;this.selectedColor=[p,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${o(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(n.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(n.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${o(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(n.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??c}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??c}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??c}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${o(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(n.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",h);return h},d,e,g)
+import{b}from"./TJQGGNGV.js";import g from"./NKVDX2XU.js";import{a as $}from"./4H6RZWUK.js";import"./MZ2UZAFW.js";import e from"./SJLXVHEK.js";import"./KGNYAMFB.js";import d from"./CMP6PTJT.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{i as S}from"./6JI4NDJ6.js";import{b as i}from"./75Y43JLP.js";import"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as f,B as l,D as c,G as y,g as C,i as v,n as s,y as a,z as o}from"./YB3MZLQ3.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:w,g:E,h:r,i:d}])=>{var n={jsAppFlyout:"js-app-flyout",sizeSection:"size-section",dropdownText:"dropdown-text",panelChildrenContainer:"panel-children-container"},x=C`.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,h=class extends f{constructor(){super(...arguments),this._messages=$(),this.popoverElement=a(),this.lineWidthInputElement=a(),this.lineStyleDropdownElement=a(),this.open=!1,this.arcgisChartsConfigPopoverClose=s(),this.arcgisChartsConfigSeriesPopoverColorChange=s(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=s(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=s(),this.arcgisChartsConfigSeriesPopoverNameChange=s()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedSeriesIndex:9,selectedLineWidth:9,placement:1,open:5}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[p,m,g]=t,u=S*255;this.selectedColor=[p,m,g,u],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[p,m,g,u]})}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.selectedLineStyle=e,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({lineStyle:e})}lineWidthChange(){let e=Number.parseInt(this.lineWidthInputElement.value?.value??"");this.lineWidthInputElement.value?.value!==void 0&&w(e,this.lineWidthInputElement.value.min,this.lineWidthInputElement.value.max)?(this.selectedLineWidth=e,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({lineWidth:e}),r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}getSelectedLineStyleInfo(){let e,t;switch(this.selectedLineStyle){case i.Dot:e="line-dotted",t=this._messages.dot??"";break;case i.Dash:e="line-dashed",t=this._messages.dash??"";break;case i.Solid:default:e="line-solid",t=this._messages.solid??"";break}return{icon:e,style:t}}render(){let e=this.selectedColor;return v`<div class=${l({[n.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${o(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(n.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(n.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${o(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(n.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle===i.Solid} accesskey=${i.Solid??c}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle===i.Dot} accesskey=${i.Dot??c}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle===i.Dash} accesskey=${i.Dash??c}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${E(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${o(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(n.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};y("arcgis-charts-config-line-chart-series-popover",h);return h},d,e,g)

package/dist/cdn/D5XEPB7Y.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as w,b as P,c as q,d as N}from"./YKGXUFVU.js";import B from"./KE2C7F2Y.js";import A from"./72RT5P6B.js";import z from"./IFCENHKZ.js";import y from"./BYGJR44E.js";import"./E6ICXDNS.js";import x from"./NBPDOKLD.js";import v from"./NSCYUNI2.js";import u from"./YCJWLASD.js";import t from"./LINGZCLS.js";import s from"./VVPCLQHH.js";import r from"./SO54SMRK.js";import"./7MKAC33Z.js";import o from"./S6SNO2EA.js";import n from"./E67Z7RHG.js";import m from"./F4OFYIQV.js";import k from"./XNAEJAWM.js";import j from"./TOTYYAA5.js";import"./NQAPPISU.js";import i from"./ZNNQGFW5.js";import e from"./QVQYL6M6.js";import d from"./SJLXVHEK.js";import{i as l,k as f,m as b}from"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import"./P5XJTTU3.js";import{_ as g,ba as h,ia as p}from"./6JI4NDJ6.js";import"./75Y43JLP.js";import"./FIMXZMTB.js";import"./GIDFPLFF.js";import"./YB3MZLQ3.js";import"./TOO3T62Y.js";import"./EZM4ZDQI.js";import"./43P4WOC4.js";import{a as c}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{rb:S},{q:_},,{c:n},,,,,,,,,,,,,,{c:u,d:L},{a:k,b:v,c:M,d:C,e:z,f:F,g:I,h:O,i:B,j:j,k:D,l:V,m:A,n:m,o:x,p:H,q:T,t:W}])=>{var Y=Object.defineProperty,E=Object.getOwnPropertyDescriptor,a=(d,e,s,i)=>{for(var t=E(e,s),r=d.length-1,y;r>=0;r--)(y=d[r])&&(t=y(e,s,t)||t);return t&&Y(e,s,t),t},o=class extends L{constructor(){super(...arguments),this._chartType=c.ComboLineAndBarSeries}async setup(e){await this.loadConfigFromLayer(e),this.setupLocalProps(),e.config!==void 0&&(b(e.config?.series)&&this.initDefaultSeries(),this.updateSeriesFromLayerFilter()),typeof this.resolveSetup=="function"&&this.resolveSetup()}generateDefaultConfig(){let e=p(this.commonStrings);return e.series=[h({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField})],e}initDefaultSeries(){this.defaultSeries=g({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField})}setSeriesType(e,s){if(e<this._config.series.length&&e>=0){let i=this._config.series[e],t;if(s===c.BarSeries&&l(i)){let r={...i};delete r.lineSymbol,delete r.markerSymbol,delete r.lineSmoothed,delete r.markerVisible,delete r.areaColor,delete r.stackNegativeValuesToBaseline,t={...h({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField}),...r,type:c.BarSeries,y:[i.y].flat()[0]},t.fillSymbol&&(t.fillSymbol={...t.fillSymbol,color:i.lineSymbol?.color})}else if(s===c.LineSeries&&f(i)){let r={...i};delete r.fillSymbol,delete r.hideOversizedStackedLabels,delete r.hideOversizedSideBySideLabels,t={...g({commonStrings:this.commonStrings,objectIDField:S(this.layerInfo.layer).idField}),...r,type:c.LineSeries},t.lineSymbol&&(t.lineSymbol={...t.lineSymbol,color:i.fillSymbol?.color})}t!==void 0&&(this._config.series[e]=t)}}getSeriesLineStyle(e){return k(e,this._config)}setSeriesLineStyle(e,s){let i=this._config.series?.[s];l(i)&&v(e,s,this._config)}getSeriesLineWidth(e){return M(e,this._config)}setSeriesLineWidth(e,s){let i=this._config.series?.[s];l(i)&&C(e,s,this._config)}getSeriesMarkerColor(e){return z(e,this._config)}setSeriesMarkerColor(e,s){let i=this._config.series?.[s];l(i)&&F(e,s,this._config)}getSeriesMarkerStyle(e){return I(e,this._config)}setSeriesMarkerStyle(e,s){let i=this._config.series?.[s];l(i)&&O(e,s,this._config)}getSeriesMarkerSize(e){return B(e,this._config)}setSeriesMarkerSize(e,s){let i=this._config.series?.[s];l(i)&&j(e,s,this._config)}isLineSmoothed(e){return D(e,this._config)}setLineSmoothed(e,s){let i=this._config.series?.[s];l(i)&&V({smoothed:e,seriesIndex:s,config:this._config})}isAreaVisible(e){return A(e,this._config)}setAreaVisible(e,s){let i=this._config.series?.[s];l(i)&&m({visible:e,seriesIndex:s,config:this._config})}isMarkerVisible(e){return x(e,this._config)}setMarkerVisible(e,s){let i=this._config.series?.[s];l(i)&&H({visible:e,seriesIndex:s,config:this._config})}getAreaColor(e){return T(e,this._config)}setAreaColor(e,s){let i=this._config.series?.[s];l(i)&&(m({visible:!0,seriesIndex:s,config:this._config}),u(e,s,this._config))}getSeriesHideOversizedSideBySideLabels(e){return w(e,this._config)}setSeriesHideOversizedSideBySideLabels(e,s){let i=this._config.series?.[s];f(i)&&P(e,s,this._config)}getSeriesHideOversizedStackedLabels(e){return q(e,this._config)}setSeriesHideOversizedStackedLabels(e,s){let i=this._config.series?.[s];f(i)&&N(e,s,this._config)}};a([n],o.prototype,"setSeriesType");a([n],o.prototype,"setSeriesLineStyle");a([n],o.prototype,"setSeriesLineWidth");a([n],o.prototype,"setSeriesMarkerColor");a([n],o.prototype,"setSeriesMarkerStyle");a([n],o.prototype,"setSeriesMarkerSize");a([n],o.prototype,"setLineSmoothed");a([n],o.prototype,"setAreaVisible");a([n],o.prototype,"setMarkerVisible");a([n],o.prototype,"setAreaColor");a([n],o.prototype,"setSeriesHideOversizedSideBySideLabels");a([n],o.prototype,"setSeriesHideOversizedStackedLabels");var G=[W];_(o,G);return o},a,d,e,i,j,k,m,n,o,r,s,t,u,v,x,y,z,A,B)

package/dist/cdn/{HCEKAYF5.js → DWMT4K7G.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import{a as v}from"./64HPM724.js";import{a as f}from"./JBWK3DSH.js";import{b as R,c as U}from"./TJQGGNGV.js";import c from"./VKY6S62L.js";import{a as L}from"./KUEF5L2Y.js";import{g as l}from"./MZ2UZAFW.js";import b from"./LHHRGNPI.js";import"./KGNYAMFB.js";import a from"./YUO2G7OX.js";import"./777EBGS5.js";import{n as w,u as N}from"./P5XJTTU3.js";import{wa as T,xa as z}from"./6JI4NDJ6.js";import{a as y}from"./75Y43JLP.js";import{l as $}from"./FIMXZMTB.js";import"./LY7A6MST.js";import{A as F,B as o,C as x,E as D,G as A,g as P,i as s,n as C,y as g,z as p}from"./2WDUA6L4.js";import{a as m}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as E,k as d,o as u}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{substitute:W},{Ub:O,tb:B,ub:_,wb:K,xb:k},,{a:I,c:b,g:j,k:h,o:H,r:M}])=>{var Y=P`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends F{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=Y}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>T(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>z(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},I.PopoverTimer),R(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return v(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(I.customSortLimit),r=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=D(s`<calcite-tooltip style=${x({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return v(e,i=>i,i=>{let a="";switch(i){case m.xAxisAsc:{t="a-z-down";break}case m.xAxisDesc:{t="a-z-up";break}case m.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case m.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===m.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${m[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return f(e.name,s`<calcite-list-item .label=${w(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let r=this.layerFieldsInfo?.[a];r&&B(r)&&i.push(this.buildPickListItem(r))}break}case l.category:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};H(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return v(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label class=${o(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${o(n.sortOrderPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[d.Second,d.Minute,d.Hour,d.Day,d.Week,d.Month,d.Year];return s`<div><div class=${o(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${j(e?.size,1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${p(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${o(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div class=${o(n.jsAppFlyout)}><calcite-popover class=${o(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${o(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)
+import{a as v}from"./ZEUIFHHY.js";import{a as f}from"./M3TE4TO2.js";import{b as R,c as U}from"./TJQGGNGV.js";import c from"./NKVDX2XU.js";import{a as L}from"./4H6RZWUK.js";import{g as l}from"./MZ2UZAFW.js";import b from"./SJLXVHEK.js";import"./KGNYAMFB.js";import a from"./CMP6PTJT.js";import"./777EBGS5.js";import{n as w,u as N}from"./P5XJTTU3.js";import{wa as T,xa as z}from"./6JI4NDJ6.js";import{a as y}from"./75Y43JLP.js";import{l as $}from"./FIMXZMTB.js";import"./GIDFPLFF.js";import{A as F,B as o,C as x,E as D,G as A,g as P,i as s,n as C,y as g,z as p}from"./YB3MZLQ3.js";import{a as m}from"./EZM4ZDQI.js";import"./43P4WOC4.js";import{b as E,k as d,o as u}from"./XOB365BI.js";import"./QPIMTXPL.js";export default $arcgis.t(([{substitute:W},{Tb:O,sb:B,tb:_,vb:K,wb:k},,{a:I,c:b,g:j,k:h,o:H,r:M}])=>{var Y=P`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends F{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=Y}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>T(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>z(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},I.PopoverTimer),R(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return v(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(I.customSortLimit),r=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=D(s`<calcite-tooltip style=${x({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return v(e,i=>i,i=>{let a="";switch(i){case m.xAxisAsc:{t="a-z-down";break}case m.xAxisDesc:{t="a-z-up";break}case m.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case m.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===m.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${m[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return f(e.name,s`<calcite-list-item .label=${w(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let r=this.layerFieldsInfo?.[a];r&&B(r)&&i.push(this.buildPickListItem(r))}break}case l.category:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=f(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};H(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return v(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label class=${o(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${p(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${o(n.sortOrderPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[d.Second,d.Minute,d.Hour,d.Day,d.Week,d.Month,d.Year];return s`<div><div class=${o(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${j(e?.size,1)} ${p(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${p(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${o(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div class=${o(n.jsAppFlyout)}><calcite-popover class=${o(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${p(this.popoverElement)}><calcite-panel class=${o(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)