@arcgis/charts-components 5.2.0-next.10 → 5.2.0-next.12

package/dist/cdn/XJ2L7VN4.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as y}from"./VOTZAPI3.js";import{a as $}from"./JNNB2DIA.js";import{b as _,c as B}from"./IHO3OLL3.js";import g from"./3376CR53.js";import{a as f}from"./PM6FCUUV.js";import{f as s}from"./AK7X7SGI.js";import e from"./5V3ADOWS.js";import"./WNKDEOFZ.js";import d from"./XACXJMSF.js";import"./EZV7JSQJ.js";import{n as E,u as S}from"./LOZOENFC.js";import{wa as x,xa as A}from"./PAIRUVLU.js";import{a as P}from"./KX7KGXKQ.js";import{l as b}from"./SP2IPHWF.js";import"./SPVZ5BND.js";import{A as I,B as c,G as F,g as L,i as a,n as u,y as h,z as m}from"./CHQDKVVQ.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{k as r,o as p}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{pb:v,qb:D,sb:T,tb:z},,{a:w,c:C,g:K,k:d,o:N}])=>{var j=L`.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)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,o={jsAppFlyout:"js-app-flyout",name:"line-chart-data-popover",numericFieldPickList:"line-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sizeSection:"size-section",applyButton:"apply-button"},k=class extends I{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=h(),this.intervalSizeElement=h(),this.intervalTypeElement=h(),this.popoverElement=h(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigLineChartDataPopoverChange=u(),this.arcgisChartsConfigLineChartPopoverClose=u()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=j}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=C.map(l=>x(l,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[p.Start,p.End].map(l=>A(l,this.commonStrings));b(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},w.PopoverTimer),_(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}buildAggregationPickListItems(){return y(C,e=>e,(e,t)=>a`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildIntervalAlignmentPickListItems(){let e=[p.Start,p.End];return y(e,t=>t,(t,i)=>a`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return $(e.name,a`<calcite-list-item .label=${E(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case s.numericFields:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&v(n)&&i.push(this.buildPickListItem(n))}break}case s.xAxisField:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&(v(n)||D(n)||T(n))&&i.push(this.buildPickListItem(n))}break}case s.splitByField:{let l=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(l);for(let n=0;n<t;n+=1){let g=this.layerFieldsInfo?.[n];g&&(z(g)||g.type===P.String)&&i.push(this.buildPickListItem(g))}break}}return i}closePopover(){if(this.contentKind===s.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigLineChartDataPopoverChange,contentKind:this.contentKind};N(e)}this.open=!1,this.arcgisChartsConfigLineChartPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigLineChartDataPopoverChange.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.arcgisChartsConfigLineChartDataPopoverChange.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()}renderAggregationType(){let e=this.buildAggregationPickListItems();return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisField(){let e=this.buildPickListItems(s.xAxisField);return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return a`<calcite-list label class=${c(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return a`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[r.Second,r.Minute,r.Hour,r.Day,r.Week,r.Month,r.Year];return a`<div><div class=${c(o.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${K(e?.size,1)} ${m(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${m(this.intervalTypeElement)}>${t.map(i=>a`<calcite-option .value=${i} .label=${S(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${c(o.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case s.aggregation:e=this.renderAggregationType();break;case s.xAxisField:e=this.renderXAxisField();break;case s.numericFields:e=this.renderNumericFields();break;case s.splitByField:e=this.renderSplitByField();break;case s.intervalAlignment:e=this.renderIntervalAlignment();break;case s.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===s.numericFields&&(e=a`<div slot=footer><calcite-fab class=${c(o.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>`),a`<div class=${c(o.jsAppFlyout)}><calcite-popover class=${c(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${m(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};F("arcgis-charts-config-line-chart-popover",k);return k},d,e,g)

package/dist/cdn/XP5GZU4O.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as P}from"./VOTZAPI3.js";import{a as I}from"./JNNB2DIA.js";import{a as p}from"./IHO3OLL3.js";import f from"./3376CR53.js";import{a as L}from"./PM6FCUUV.js";import"./AK7X7SGI.js";import e from"./5V3ADOWS.js";import"./WNKDEOFZ.js";import b from"./XACXJMSF.js";import"./EZV7JSQJ.js";import{d as g}from"./LOZOENFC.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./SPVZ5BND.js";import{A as $,B as a,C as c,E as h,G as x,g as u,i as n}from"./CHQDKVVQ.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{g as d}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{r:b}])=>{var l={topSection:"top-section",sectionLabel:"section-label",list:"list",infoIcon:"info-icon"},N=u`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.top-section{margin-top:var(--arcgis-charts-config-margin-minor)}.section-label{display:flex;margin-bottom:var(--arcgis-charts-config-margin-major);margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.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)}.info-icon{margin:auto 1rem;pointer-events:auto}`,C=class extends ${constructor(){super(...arguments),this._messages=L(),this.resetSeriesOriginal=()=>{this.configSeriesOpen=!1,this.selectedSeriesIndex=void 0,this.model.resetSeriesStyling(),this.seriesOrderResetCounter+=1},this.onMultipleSeriesSelect=e=>{if(!this.shouldDisableMeanLinesOption()){let i=e.target,t=i.value??i.parentElement.value??"";this.model.showMeanLines=t===d.MeanLines}},this.seriesNameChange=e=>{if(e.detail!==null||e.detail!==void 0){let i=e.detail?.name;this.model.setSeriesName(i,this.selectedSeriesIndex??-1)}},this.seriesColorChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{color:i}=e.detail;i!==void 0&&(this.meanLinesBoxColorIsSelected?this.model.meanLinesBoxColor=i:(this.model.colorMatch=!1,this.model.setSeriesColor(i,this.selectedSeriesIndex??-1)))}},this.seriesLineStyleChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{style:i}=e.detail;i!==void 0&&this.model.setSeriesLineStyle(i,this.selectedSeriesIndex??-1)}},this.seriesLineWidthChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{width:i}=e.detail;i!==void 0&&this.model.setSeriesLineWidth(i,this.selectedSeriesIndex??-1)}},this.onCalciteListOrderChange=e=>{let i=this.model.boxPlotSeriesIndexWhenMeanLinesShown;if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:s}=e.detail,o=s,r=t;i!==-1&&(o=s>=i?s+1:s,r=t>=i?t+1:t),this.model.moveSeries(o,r),this.seriesOrderResetCounter+=1}},this.seriesPopoverClose=()=>{this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1,this.configSeriesOpen=!1,this.seriesPopover=p(this.seriesPopover)},this.openSeriesPopOver=e=>{e.stopImmediatePropagation(),this.removeSeriesPopover();let i=e.target,t=i.localName==="calcite-list-item"?i:i.parentNode,s=!this.configSeriesOpen,o=this.model.getSeriesIndex(t.value);if(o!==void 0&&o!==-1)this.configSeriesOpen=this.selectedSeriesIndex===o?s:!0,this.configSeriesOpen?this.selectedSeriesIndex=o:this.selectedSeriesIndex=void 0,this.meanLinesBoxColorIsSelected=!1;else if(t.value==="box-plot-color"){let r=!this.meanLinesBoxColorIsSelected;this.configSeriesOpen=r,this.meanLinesBoxColorIsSelected=r,this.selectedSeriesIndex=void 0}},this.createTooltip=(e,i)=>{let t=e.target;this.tooltip=h(n`<calcite-tooltip style=${c({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i??""}</calcite-tooltip>`),document.body.appendChild(this.tooltip)},this.destroyTooltip=()=>{b(this.tooltip)},this.onModelConfigChange=()=>{this.requestUpdate()},this.meanLinesBoxColorIsSelected=!1,this.seriesOrderResetCounter=0,this.configSeriesOpen=!1,this.activeColorMatch=!1,this.popoverPlacement="leading"}static{this.properties={selectedSeriesIndex:16,meanLinesBoxColorIsSelected:16,seriesOrderResetCounter:16,messageOverrides:0,model:0,configSeriesOpen:5,activeColorMatch:5,popoverPlacement:1}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("selectedSeriesIndex")&&this.selectedSeriesIndexChange(),e.has("meanLinesBoxColorIsSelected")&&this.meanLinesBoxColorIsSelectedChange()}disconnectedCallback(){super.disconnectedCallback(),this.removeSeriesPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}selectedSeriesIndexChange(){this.selectedSeriesIndex!==void 0&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}meanLinesBoxColorIsSelectedChange(){this.meanLinesBoxColorIsSelected&&this.configSeriesOpen?this.setupSeriesPopover():this.removeSeriesPopover()}removeSeriesPopover(){this.seriesPopover!==null&&this.seriesPopover!==void 0&&(this.seriesPopover.open=!1,this.seriesPopover=p(this.seriesPopover))}buildSeriesListItems(){let e=this.model.seriesLength,i=this.model.boxPlotSeriesIndexWhenMeanLinesShown,t=Array.from({length:e},(s,o)=>o);return P(t,s=>this.model.getSeriesId(s),s=>{let o=this.model.getSeriesId(s),r=this.model.getSeriesColor(s),m=this.model.getSeriesName(s),S=this.model.chartSubType,M=S===g.BoxPlotMonoField||S===g.BoxPlotMultiFields?this._messages.series:o,v="#CCCCCC",f="minus-square";if((e>1||!this.activeColorMatch)&&r!==void 0){f=this.model.showMeanLines===!0?"line-solid":"square-f";let[y,B,O,w]=[...r];v=`rgba(${y},${B},${O},${w/255})`}return i!==s?n`<calcite-list-item .label=${m??o??""} .description=${M} .value=${o} .selected=${this.selectedSeriesIndex===s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${f} style=${c({color:v})}></calcite-icon></calcite-list-item>`:null})}buildSeriesList(){return I(this.seriesOrderResetCounter,n`<calcite-list label class=${a(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildSeriesListItems()}</calcite-list>`)}setupSeriesPopover(){this.removeSeriesPopover(),this.meanLinesBoxColorIsSelected?this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedColor=${this.model.meanLinesBoxColor} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`):this.selectedSeriesIndex!==void 0&&(this.seriesPopover=h(n`<arcgis-charts-config-box-plot-series-popover .referenceElement=${this.el} .selectedName=${this.model.getSeriesName(this.selectedSeriesIndex)} .selectedColor=${this.model.getSeriesColor(this.selectedSeriesIndex)} .selectedLineStyle=${this.model.getSeriesLineStyle(this.selectedSeriesIndex)} .selectedLineWidth=${this.model.getSeriesLineWidth(this.selectedSeriesIndex)} .isLineSymbol=${this.model.showMeanLines} .placement=${this.popoverPlacement} open .selectedSeriesIndex=${this.selectedSeriesIndex} .labelCanBeConfigured=${!this.meanLinesBoxColorIsSelected} @arcgisChartsConfigSeriesPopoverNameChange=${this.seriesNameChange} @arcgisChartsConfigSeriesPopoverColorChange=${this.seriesColorChange} @arcgisChartsConfigSeriesPopoverLineStyleChange=${this.seriesLineStyleChange} @arcgisChartsConfigSeriesPopoverLineWidthChange=${this.seriesLineWidthChange} @arcgisChartsConfigPopoverClose=${this.seriesPopoverClose}></arcgis-charts-config-box-plot-series-popover>`)),this.seriesPopover&&!document.body.contains(this.seriesPopover)&&document.body.appendChild(this.seriesPopover)}shouldDisableMeanLinesOption(){return this.model.splitByField===""||this.model.splitByField===void 0}renderMeanLinesBoxColorItem(){let e="#CCCCCC",i="minus-square",t=this.model.meanLinesBoxColor;if(t!==void 0){i="square-f";let[s,o,r,m]=[...t];e=`rgba(${s},${o},${r},${m/255})`}return n`<calcite-list label class=${a(l.list)}><calcite-list-item value=box-plot-color .label=${this._messages.boxPlotColor} .selected=${this.meanLinesBoxColorIsSelected} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${i} style=${c({color:e})}></calcite-icon></calcite-list-item></calcite-list>`}renderMultipleSeriesOption(){let e=this.shouldDisableMeanLinesOption();return e?[]:[n`<div class=${`${l.sectionLabel} ${l.topSection}`}>${this._messages.displayMultipleSeries}</div>`,n`<calcite-list label class=${a(l.list)} selection-mode=single-persist selection-appearance=border @click=${this.onMultipleSeriesSelect}><calcite-list-item .label=${this._messages.sideBySide} .value=${d.Side} .selected=${this.model.showMeanLines!==!0}><calcite-icon slot=content-start scale=l icon=graph-box-side-by-side></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.sideBySideTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item><calcite-list-item .label=${this._messages.meanLines} .value=${d.MeanLines} .disabled=${e} .selected=${this.model.showMeanLines===!0}><calcite-icon slot=content-start scale=l icon=graph-box-mean-lines></calcite-icon><calcite-icon class=${a(l.infoIcon)} slot=actions-end icon=information scale=s flip-rtl @mouseover=${i=>this.createTooltip(i,this._messages.meanLinesTooltip??"")} @mouseout=${this.destroyTooltip}></calcite-icon></calcite-list-item></calcite-list>`,this.model.showMeanLines===!0?this.renderMeanLinesBoxColorItem():null]}render(){return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`}};x("arcgis-charts-config-box-plot-series",C);return C},b,e,f)

package/dist/cdn/XXXXO6OB.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as u}from"./IHO3OLL3.js";import f from"./3376CR53.js";import{a as g}from"./PM6FCUUV.js";import"./AK7X7SGI.js";import b from"./5V3ADOWS.js";import"./WNKDEOFZ.js";import a from"./XACXJMSF.js";import"./EZV7JSQJ.js";import"./LOZOENFC.js";import"./PAIRUVLU.js";import"./KX7KGXKQ.js";import{k as d}from"./SP2IPHWF.js";import"./SPVZ5BND.js";import{A as m,B as e,G as p,g as c,i as h,n as i,y as s,z as n}from"./CHQDKVVQ.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([,,{h:v,i:r}])=>{var t={jsAppFlyout:"js-app-flyout",chartRenameComponent:"chart-rename-component",renameLabelContainer:"rename-label-container",renamePanel:"rename-panel"},C=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)}.chart-rename-component{width:var(--arcgis-charts-config-panel-width-medium);height:var(--arcgis-charts-config-panel-height)}:host{overflow-y:auto;width:min-content}.rename-label-container{display:flex;padding:0 1rem;margin-top:1rem}.rename-label-container calcite-label{flex:1 1 0px;display:flex;width:0px}.rename-panel{width:calc(var(--calcite-panel-width-multiplier) * 20vw);max-width:calc(var(--calcite-panel-width-multiplier) * 420px);min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=s(),this.popoverElement=s(),this.isChartTitleInvalid=!1,this.changedName="",this.name="",this.open=!1,this.arcgisChartsConfigChartRenamePopoverChange=i(),this.arcgisChartsConfigPopoverClose=i()}static{this.properties={isChartTitleInvalid:16,changedName:16,messageOverrides:0,name:1,open:5,referenceElement:0}}static{this.styles=C}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(a){a.has("name")&&(this.changedName=this.name)}updated(){this.popoverElement.value?.reposition(),u(this.popoverElement.value,this.open)}onNameChange(a){let o=a.target.value;this.changedName=o,this.isChartTitleInvalid=d(o.trim()),this.characterLimitInputElement.value&&v({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?r.INVALID:r.IDLE})}onCancelClick(){this.changedName=this.name,this.arcgisChartsConfigPopoverClose.emit(),this.open=!1}onSubmitClick(){this.isChartTitleInvalid||(this.name=this.changedName,this.arcgisChartsConfigChartRenamePopoverChange.emit({name:this.changedName}),this.open=!1)}popoverClose(){this.changedName=this.name,this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}render(){return h`<div class=${e({[t.chartRenameComponent]:!0,[t.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} @calcitePopoverClose=${this.popoverClose} .open=${this.open} placement=bottom label auto-close ${n(this.popoverElement)}><calcite-panel class=${e(t.renamePanel)} closable .closed=${!this.open} @calcitePanelClose=${this.popoverClose} .heading=${this._messages.renameChart}><div class=${e(t.renameLabelContainer)}><calcite-label>${this._messages.chartName}<calcite-input required type=text .value=${this.changedName} @calciteInputInput=${this.onNameChange} ${n(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></calcite-label></div><calcite-button slot=footer appearance=solid scale=m width=half @click=${this.onSubmitClick}>${this._messages.submit}</calcite-button><calcite-button slot=footer appearance=outline-fill scale=m width=half @click=${this.onCancelClick}>${this._messages.cancel}</calcite-button></calcite-panel></calcite-popover></div>`}};p("arcgis-charts-config-chart-rename-popover",l);return l},a,b,f)

package/dist/cdn/YXWIKYN4.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as E}from"./VOTZAPI3.js";import{a as h}from"./JNNB2DIA.js";import{b as T,c as B}from"./IHO3OLL3.js";import g from"./3376CR53.js";import{a as D}from"./PM6FCUUV.js";import{k as a}from"./AK7X7SGI.js";import e from"./5V3ADOWS.js";import"./WNKDEOFZ.js";import d from"./XACXJMSF.js";import"./EZV7JSQJ.js";import{n as F}from"./LOZOENFC.js";import"./PAIRUVLU.js";import{a as b}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./SPVZ5BND.js";import{A as v,B as c,C as y,E as P,G as L,g as $,i as n,n as u,y as f,z as m}from"./CHQDKVVQ.js";import{b as r}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:O},{Pb:I,pb:x,tb:g},,{a:C,k:p,o:S,r:w}])=>{var o={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",sortMean:"sort-mean",sortMedian:"sort-median",sortOrderPickList:"sort-order-pick-list",panel:"panel"},z=$`.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-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`,k=class extends v{constructor(){super(...arguments),this._messages=D(),this.picklist=f(),this.placement="leading",this.popoverElement=f(),this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.arcgisChartsConfigBoxPlotDataPopoverChange=u(),this.arcgisChartsConfigPopoverClose=u()}static{this.properties={messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,isCustomSortDisabled:5,selectedContent:1}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"))}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},C.PopoverTimer),T(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}closePopover(){if(this.contentKind===a.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBoxPlotDataPopoverChange,contentKind:this.contentKind};S(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigBoxPlotDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}buildPickListItem(e){return h(e.name,n`<calcite-list-item .label=${F(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${p(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case a.numericFields:{for(let s=0;s<t;s+=1){let l=this.layerFieldsInfo[s];x(l)&&i.push(this.buildPickListItem(l))}break}case a.category:{let s=h(" ",n`<calcite-list-item label=" " value=" " .selected=${p("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let l=0;l<t;l+=1){let d=this.layerFieldsInfo[l];(g(d)||d.type===b.String)&&i.push(this.buildPickListItem(d))}break}case a.splitByField:{let s=h(" ",n`<calcite-list-item label=" " value=" " .selected=${p("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let l=0;l<t;l+=1){let d=this.layerFieldsInfo[l];(g(d)||d.type===b.String)&&i.push(this.buildPickListItem(d))}break}}return i}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}buildSortOrder(){let e=Object.keys(r),t;return E(e,i=>i,i=>{let s="";switch(i){case r.xAxisAsc:{t="a-z-down";break}case r.xAxisDesc:{t="a-z-up";break}case r.meanAsc:t="sort-descending",s=o.sortMean;break;case r.meanDesc:{t="sort-ascending",s=o.sortMean;break}case r.medianAsc:{t="sort-descending",s=o.sortMedian;break}case r.medianDesc:{t="sort-ascending",s=o.sortMedian;break}case r.customSort:{t="arrow-up-down";break}}return n`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===r.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${r[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${s}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}onNumericFieldSelectionDone(){this.closePopover()}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=I(t),s=new Intl.NumberFormat(i).format(C.customSortLimit),l=O(this._messages.customSortLimit??"",{totalLimit:s});this.tooltip=P(n`<calcite-tooltip style=${y({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${l}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){w(this.tooltip)}renderCategory(){let e=this.buildPickListItems(a.category);return n`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(a.numericFields);return n`<calcite-list label class=${c(o.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(a.splitByField);return n`<calcite-list label class=${c(o.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return n`<calcite-list label class=${c(o.sortOrderPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case a.category:e=this.renderCategory();break;case a.numericFields:e=this.renderNumericFields();break;case a.splitByField:e=this.renderSplitByField();break;case a.sortOrder:e=this.renderSortOrder();break}return e}render(){let e;return this.contentKind===a.numericFields&&(e=n`<div slot=footer><calcite-fab class=${c(o.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>`),n`<div class=${c(o.jsAppFlyout)}><calcite-popover class=${c(o.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${m(this.popoverElement)}><calcite-panel class=${c(o.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(o.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-box-plot-popover",k);return k},"intl",d,e,g)