@arcgis/charts-components 5.0.0-next.127 → 5.0.0-next.128

package/dist/cdn/KSQ43QP2.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.127 */
-import{d as x,e as k}from"./RDZLIBPZ.js";import{a as h}from"./SSPDID7X.js";import{a as N}from"./IGEXPONA.js";import{b as B}from"./7VZNVZLS.js";import c from"./PUYY62D6.js";import{l as n,m as M}from"./DRYTKIOF.js";import{a as f}from"./NDANQVET.js";import b from"./3K7XBPSX.js";import"./WSQSFA3C.js";import a from"./MXDA5JOX.js";import{k as P}from"./YSC43FQ7.js";import"./WBDA74LW.js";import"./Q64WOSAD.js";import{b as T,w as v,x as C}from"./WNCZF3NZ.js";import{A as r,B as F,C as g,F as I,g as w,h as o,m,x as u,y as p,z as L}from"./XDG2XVR5.js";import"./PG43TIFC.js";export default $arcgis.t(([H,,,,,,,,,,,,,,,,{Bb:_,Da:E,Gc:A,Hc:D,Ma:b,z:S},,{a:$,c:y,k:d}])=>{var q=w`.hide{display:none}.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}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`,i={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",header:"header",pickListItemLabel:"pick-list-item-label",panel:"panel",colorRampPopover:"color-ramp-popover",colorRampToolbar:"color-ramp-toolbar",rampGrid:"ramp-grid",rampItem:"ramp-item",rampName:"ramp-name",rampStrips:"ramp-strips",rampStrip:"ramp-strip",rampStripFallback:"ramp-strip-fallback",rampEmpty:"ramp-empty",panelChildrenContainer:"panel-children-container",colorRampPopoverFooter:"color-ramp-popover-footer"},R=class extends L{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=u(),this.popoverElement=u(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=k.all,this.isFlipped=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=m(),this.arcgisChartsConfigHeatChartDataPopoverChange=m(),this.arcgisChartsConfigPopoverClose=m(),this.arcgisChartsConfigPopoverEmptyCellColorChange=m(),this.arcgisChartsConfigPopoverEmptyCellNameChange=m()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,isFlipped:16,aggregationLabels:16,model:0,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,colorRamps:0}}static{this.styles=q}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(){let e=y.map(t=>E(t,this.commonStrings));P(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},$.PopoverTimer),B(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},$.PopoverTimer)}buildAggregationListItems(){return h(y.filter(e=>e!==T.NoAggregation),e=>e,(e,t)=>o`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return N(e.name,o`<calcite-list-item .label=${_(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case n.numericFields:{for(let s=0;s<t;s+=1){let l=this.layerFieldsInfo?.[s];l&&A(l)&&a.push(this.buildPickListItem(l))}break}case n.xAxisField:{for(let s=0;s<t;s+=1){let l=this.layerFieldsInfo?.[s];l&&D(l)&&a.push(this.buildPickListItem(l))}break}}return a}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigHeatChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(a=>a.value)[0]}),this.open=!1}filterColorRamps(){let e=[];if(this.selectedCategory===k.all)e=this.availableColorRamps;else{let t=x[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(s=>a.tags.includes(s)))}return e}getRampColors(e){let t=e.colors;return this.isFlipped?[...t].reverse():t}rampColorToCss(e){let t="#000000";try{if(e){if(e instanceof H){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,s,l,c]=e;[a,s,l].every(j=>typeof j=="number")&&(t=`rgba(${a},${s},${l},${c??1})`)}else if(typeof e=="object"&&e){let{r:a,g:s,b:l,a:c}=e;if(a!=null&&s!=null&&l!=null)return`rgba(${a},${s},${l},${c??1})`}}}catch{}return t}onCategoryDropdownSelect(e){let t=e.target.selectedItems[0]?.getAttribute("data-tag");t&&(this.selectedCategory=t)}onFlipAll(){if(this.isFlipped=!this.isFlipped,this.selectedColorRampName){let e=this.availableColorRamps.find(t=>t.name===this.selectedColorRampName);if(e){let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}}}onRampSelect(e){this.selectedColorRampName=e.name;let t={...e,colors:this.getRampColors(e)};this.arcgisChartsConfigHeatChartColorRampChange.emit({rampName:e.name,ramp:t,isFlipped:this.isFlipped})}nameChange(e){let t=e.target.value;this.model.emptyCellText!==t&&(this.model.emptyCellText=t,this.arcgisChartsConfigPopoverEmptyCellNameChange.emit({name:t}))}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,s,l]=t,c=S*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,s,l,c]})}renderAggregationType(){let e=this.buildAggregationListItems();return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(n.xAxisField);return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(n.numericFields);return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=h(Object.values(M),t=>t,t=>{let a=this._messages[t];return o`<calcite-list-item .label=${a} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(v),t=>t,t=>{let a=this._messages[t];return o`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==v.singleCalendarView} .selected=${d(t,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderClassBreakMethod(){let e=[{value:C.naturalBreaks,title:this._messages?.classBreaksMethod?.naturalBreaks,msg:this._messages?.classBreaksMethod?.naturalBreaksMsg},{value:C.equalInterval,title:this._messages?.classBreaksMethod?.equalInterval,msg:this._messages?.classBreaksMethod?.equalIntervalMsg},{value:C.quantile,title:this._messages?.classBreaksMethod?.quantile,msg:this._messages?.classBreaksMethod?.quantileMsg}],t=h(Object.values(e),({value:a})=>a,a=>{let{title:s,msg:l,value:c}=a;return o`<calcite-list-item .label=${s} .description=${l} .value=${c} .selected=${d(c,this.selectedContent)}></calcite-list-item>`});return o`<calcite-list label class=${r(i.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${t}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case n.aggregation:e=this.renderAggregationType();break;case n.numericFields:e=this.renderNumericFields();break;case n.xAxisField:e=this.renderXAxisFieldSelect();break;case n.calendarType:e=this.renderCalendarType();break;case n.calendarViewType:e=this.renderCalendarViewType();break;case n.classBreakMethod:e=this.renderClassBreakMethod();break;case n.colorScheme:e=this.renderColorRampSelect();break;case n.null:e=this.renderEmptyCellUI();break;default:e=o`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return o`<div class=${r(i.colorRampPopover)}><div class=${r(i.colorRampToolbar)}><calcite-dropdown selection-mode=single placement=bottom-start @calciteDropdownSelect=${this.onCategoryDropdownSelect}><calcite-button slot=trigger appearance=outline icon-end=chevron-down>${t}</calcite-button><calcite-dropdown-group group-title=${this._messages?.colorRamp?.allCategories??"All color ramps"??g}>${Object.keys(x).map(a=>o`<calcite-dropdown-item data-tag=${a??g} .selected=${this.selectedCategory===a}>${this._messages?.colorRampCategories?this._messages.colorRampCategories[a]:a}</calcite-dropdown-item>`)}</calcite-dropdown-group></calcite-dropdown><calcite-button appearance=outline icon-start=arrow-up-down @click=${this.onFlipAll}>${this._messages?.colorRamp?.flipRampColors}</calcite-button></div><div class=${r(i.rampGrid)}>${e.length===0&&o`<div class=${r(i.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let s=this.getRampColors(a),l=a.name===this.selectedColorRampName||a.name===this.selectedContent;return o`<div class=${`${i.rampItem} ${l?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${r(i.rampName)} aria-hidden=true>${a.name}</div><div class=${r(i.rampStrips)}>${h(s,c=>c,c=>o`<div class=${r(i.rampStrip)} style=${F({backgroundColor:this.rampColorToCss(c)})}></div>`)}${s.length===0&&o`<div class=${`${i.rampStrip} ${i.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${r(i.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button><calcite-button appearance=outline kind=neutral @click=${this.closePopover}>${this._messages?.colorRamp?.cancel}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??b.grayColor,t=this.model.emptyCellText??b.nullCategory?.text??"";return o`<div><div class=${r(i.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${r(i.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return o`<div class=${r(i.jsAppFlyout)}><calcite-popover class=${r(i.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=${r(i.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(i.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};I("arcgis-charts-config-heat-chart-popover",R);return R},"Color","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,b,c)