@arcgis/charts-components 5.2.0-next.5 → 5.2.0-next.50

package/dist/cdn/74JAZF7U.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{b as L}from"./IHO3OLL3.js";import{a as $}from"./MRTKZZTF.js";import{i as c}from"./PAIRUVLU.js";import{f as b}from"./KX7KGXKQ.js";import{l as u}from"./SP2IPHWF.js";import"./NZR4L5AA.js";import"./547RDEMV.js";import{A as y,B as n,G as S,g,i as r,n as a,y as f,z as v}from"./CHQDKVVQ.js";import"./U67P6YAZ.js";var h={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},P=g`.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;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,p=class extends y{constructor(){super(...arguments),this._messages=$(),this.popoverElement=f(),this.isLineSymbol=!1,this.open=!1,this.labelCanBeConfigured=!1,this.arcgisChartsConfigPopoverClose=a(),this.arcgisChartsConfigSeriesPopoverColorChange=a(),this.arcgisChartsConfigSeriesPopoverLineStyleChange=a(),this.arcgisChartsConfigSeriesPopoverLineWidthChange=a(),this.arcgisChartsConfigSeriesPopoverNameChange=a()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedLineStyle:1,selectedLineWidth:9,selectedSeriesIndex:9,isLineSymbol:5,placement:1,open:5,labelCanBeConfigured:5}}static{this.styles=P}async reposition(){await this.popoverElement.value?.reposition()}updated(){L(this.popoverElement.value,this.open)}seriesNameChange(e){let i=e.target.value;this.selectedName!==i&&(this.selectedName=i,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:i}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}colorChange(e){let i=e instanceof CustomEvent?e.detail:e,[o,t,s]=i,l=c*255;this.selectedColor=[o,t,s,l],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[o,t,s,l]})}lineSymbolChange(e){let{lineStyle:i}=e.target,{color:o,style:t,width:s}=i;if(o!==void 0&&!u(o,this.selectedColor)){let[l,m,d]=o,C=c*255;this.selectedColor=[l,m,d,C],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[l,m,d,C]})}t!==void 0&&t!==this.selectedLineStyle&&(this.selectedLineStyle=t,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({style:t})),s!==void 0&&s!==this.selectedLineWidth&&(this.selectedLineWidth=s,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({width:s}))}render(){let e=this.selectedColor;return r`<div class=${n({[h.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${v(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}>${this.labelCanBeConfigured?r`<div class=${n(h.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div>`:null}<div class=${n(this.isLineSymbol?"":h.panelChildrenContainer)}>${this.isLineSymbol?r`<arcgis-charts-config-line-style .open=${this.open} enable-close .lineStyle=${{type:b.SLS,style:this.selectedLineStyle,width:this.selectedLineWidth,color:e}} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.lineSymbolChange}></arcgis-charts-config-line-style>`:r`<arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors>`}</div></calcite-panel></calcite-popover></div>`}};S("arcgis-charts-config-box-plot-series-popover",p);export{p as ArcgisChartsConfigBoxPlotSeriesPopover};

package/dist/cdn/7CN6J33C.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import u from"./HCV34H6X.js";import t from"./5XTB2INB.js";import s from"./WEQBZOH7.js";import r from"./MF3FGXHI.js";import q from"./RAQZUMC6.js";import o from"./PVJEBBA7.js";import n from"./YRBE7MBU.js";import l from"./26FWESH3.js";import j from"./U4XLNCOU.js";import i from"./PZGIXDMC.js";import g from"./KI4HS3AM.js";import f from"./5G7DSKI7.js";import e from"./ZRZEKOEF.js";import d from"./N5ERJZPG.js";import c from"./JHYH555K.js";import{i as h,j as y,k as p}from"./WNKDEOFZ.js";import a from"./5FMEOIBS.js";import{I as P,K as V,R as D,W as k,aa as E}from"./PAIRUVLU.js";import{l as b}from"./SP2IPHWF.js";import{a as L}from"./QP5UAIC6.js";import{a as w,b as m,f as F}from"./547RDEMV.js";export default $arcgis.t(([{ob:N,t:d},{a:M,b:x,d:I,n:U,o:W,p:j,q:q},{c:o},O,{b:Fe,d:xe,f:Ie},{b:ue,d:Se,f:_e},{d:pe,e:fe},ye,{b:R},{b:Te},{a:le,b:ge,c:ce,d:he},{a:me,b:de},{d:T,e:B,f:z},{b:Be},{a:X,b:Y,c:$,d:G,e:H,f:J,g:K,h:Q,i:Z,j:ee,ja:se,k:ie,ka:u,la:te,ma:S,na:A,oa:re,pa:_,ra:C,sa:v,ta:oe,ua:ne},{b:ae}])=>{var Ae=(t,e)=>e.series?.[t].assignToSecondValueAxis??!1,Ce=t=>{let{assign:e,seriesIndex:i,config:s,commonStrings:r}=t;e&&s.axes!==void 0&&!s.axes?.[2]&&(s.axes[2]=k(r,w.BarSeries)[1]),s.series&&s.series.forEach((a,c)=>{c===i?a.assignToSecondValueAxis=e:c!==i&&a?.assignToSecondValueAxis!==!0&&(a.assignToSecondValueAxis=!1)}),s.axes?.[2]&&!s.series.some(a=>a.assignToSecondValueAxis)&&s.axes.splice(2,1)},ve=(t,e)=>e.series?.[t]?.name,Oe=(t,e,i)=>{i.series?.[e]&&(i.series[e].name=t)},be=(t,e)=>{let i=e.series?.[t],s;return p(i)?s=i.fillSymbol?.color:h(i)&&(s=i.lineSymbol?.color),s},we=(t,e,i)=>{let s=i.series?.[e];s&&(p(s)?s.fillSymbol={...E(e),...s.fillSymbol,color:t}:h(s)&&(s.lineSymbol={...D(e),...s.lineSymbol,color:t}))},Pe=t=>t.series.map(e=>e.id),Ve=(t,e)=>{e.series?.sort((i,s)=>t.findIndex(r=>i.id===r)-t.findIndex(r=>s.id===r))},De=t=>t.stackedType??F.Side,ke=t=>{let{newStackedType:e,config:i,layerInfo:s,commonStrings:r}=t;if(i.stackedType=e,s!==void 0){let a=x({config:i,layerInfo:s,commonStrings:r,numericFields:S(i),aggregationType:u(i)});M(i,1,a)}i.axes?.[1]&&(e===F.Stacked100?i.axes[1].valueFormat=V():i.axes[1].valueFormat=P()),I({config:i,value:null,axisIndex:1,isMax:!1}),I({config:i,value:null,axisIndex:1,isMax:!0})},Ee=t=>{let e,i=t.series.find(s=>(p(s)||h(s)||y(s))&&s.nullCategory!==void 0);return(p(i)||h(i)||y(i))&&(e=i?.nullCategory),e},Ne=(t,e)=>{t.series.forEach(i=>{(p(i)||h(i)||y(i))&&(i.nullCategory=e)})},Le=Object.defineProperty,Me=Object.getOwnPropertyDescriptor,f=(t,e,i,s)=>{for(var r=Me(e,i),a=t.length-1,c;a>=0;a--)(c=t[a])&&(r=c(e,i,r)||r);return r&&Le(e,i,r),r},g=class extends O{get temporalBinningSize(){return X(this._config)}set temporalBinningSize(e){J(e,this._config)}get temporalBinningUnit(){return Y(this._config)}set temporalBinningUnit(e){Q(e,this._config)}get timeAggregationType(){return $(this._config)}set timeAggregationType(e){Z(e,this._config)}get trimIncompleteTimeInterval(){return G(this._config)}set trimIncompleteTimeInterval(e){ee(e,this._config)}get nullPolicy(){return H(this._config)}set nullPolicy(e){K(e,this._config)}resetTimeInterval(){ie(this._config)}};f([o],g.prototype,"temporalBinningSize");f([o],g.prototype,"temporalBinningUnit");f([o],g.prototype,"timeAggregationType");f([o],g.prototype,"trimIncompleteTimeInterval");f([o],g.prototype,"nullPolicy");f([o],g.prototype,"resetTimeInterval");var Ue=Object.defineProperty,We=Object.getOwnPropertyDescriptor,l=(t,e,i,s)=>{for(var r=We(e,i),a=t.length-1,c;a>=0;a--)(c=t[a])&&(r=c(e,i,r)||r);return r&&Ue(e,i,r),r},n=class extends O{constructor(){super(...arguments),this._xAxisField="",this._aggregationType=m.Count,this._splitByField="",this._numericFields=[]}get xAxisField(){return this._xAxisField}set xAxisField(e){if(this._xAxisField=e,e.trim()===""||e===d){let i=this.numericFields;this.resetConfig(),this.numericFields=i}this.processSeriesRebuild("xAxisField")}get aggregationType(){return this._aggregationType}set aggregationType(e){this._aggregationType=e,re({aggregationType:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}get splitByField(){return this._splitByField}set splitByField(e){this.layerInfo?.layerFieldsInfo&&W(this.layerInfo?.layerFieldsInfo,e)&&(this._splitByField=e,this.processSeriesRebuild("splitByField"))}get numericFields(){return this._numericFields}set numericFields(e){typeof e=="string"&&(e=[e]);let i=j(this.layerInfo?.layerFieldsInfo??[],e),s=(this.xAxisField===""||this.xAxisField===d)&&e.length===0;if(i&&!s){let r=N(this.layerInfo.layer).idField;e.length===0&&r!==void 0?(e.push(r),this._aggregationType=m.Count):this._aggregationType===m.Count&&e.length>=1&&r!==void 0&&!e.includes(r)&&(this._aggregationType=m.Sum),this._numericFields=e,this.numericFields.length>1&&(this._splitByField=""),this.processSeriesRebuild("numericFields")}else s&&this.resetConfig()}getAssignToSecondValueAxis(e){return Ae(e,this._config)}setAssignToSecondValueAxis(e,i){Ce({assign:e,seriesIndex:i,config:this._config,commonStrings:this.commonStrings})}getSortOrder(){return A(this._config)[0]}setSortOrder(e,i){B(e,this._config,i)}async getCustomSortValues(){return await v({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings?.errorStrings})}async setDataFilters(e){super.setDataFilters(e);let i=A(this._config)[0];if(i===L.customSort){this.startAsyncUpdate();let s=await v({config:this._config,layerInfo:this.layerInfo,errorStrings:this.commonStrings?.errorStrings});B(i,this._config,s),this.finishAsyncUpdate()}this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}get orderByList(){return T(this._config)}set orderByList(e){!R(this._config)&&C(e,this._config)}updateSeriesFromLayerFilter(){this.layerInfo!==void 0&&_(this.getBuildNewSeriesProps())}get binTemporalData(){return oe(this._config)}set binTemporalData(e){ne(e,this._config)}getSeriesName(e){return ve(e,this._config)}setSeriesName(e,i){Oe(e,i,this._config)}getSeriesColor(e){return be(e,this._config)}setSeriesColor(e,i){we(e,i,this._config)}getOrderOfSeries(){return Pe(this._config)}setOrderOfSeries(e){Ve(e,this._config)}get stackedType(){return De(this._config)}set stackedType(e){ke({newStackedType:e,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings})}moveSeries(e,i){let s=this.getOrderOfSeries(),[r]=s.splice(e,1);s.splice(i,0,r),this.setOrderOfSeries(s)}moveCustomSortValuesInOrderByList(e,i){let s=T(this._config),[r]=s.splice(e,1);s.splice(i,0,r),C(s,this._config)}get nullCategory(){return Ee(this._config)}set nullCategory(e){let i=this.nullCategory;b(i,e)||Ne(this._config,e)}setupLocalProps(){this._xAxisField=z(this._config),this._aggregationType=u(this._config),this._splitByField=te(this._config),this._numericFields=S(this._config)}resetConfig(){let e=this._config.id;this._config=this.generateDefaultConfig(),this._config.id=e,this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange"))}usingSplitBy(){return this.splitByField!==""&&this.numericFields.length<=1}async processSeriesRebuild(e){this.usingSplitBy()?(this.startAsyncUpdate(),await this.fetchSplitByFieldInfos(),_(this.getBuildNewSeriesProps()),this.finishAsyncUpdate()):_(this.getBuildNewSeriesProps()),this.setupLocalProps(),this.dispatchEvent(new CustomEvent("arcgisChartsModelDataChange")),this.emitConfigUpdate(e)}async fetchSplitByFieldInfos(){return this.splitByFieldInfos=await U({config:this._config,layer:this.layerInfo.layer,layerFieldsInfo:this.layerInfo.layerFieldsInfo,xAxisField:this._xAxisField!==d?this._xAxisField:void 0,splitByField:this._splitByField,fetchNullValues:this._config?.series?.[0]?.query?.fetchNullValues,errorStrings:this.commonStrings?.errorStrings}),this.splitByFieldInfos}getBuildNewSeriesProps(){return{xAxisFieldName:this._xAxisField,splitByField:this._splitByField,numericFields:this._numericFields,aggregationType:this._aggregationType,config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,splitByFieldInfos:this.splitByFieldInfos}}generateChartTitle(){return this.layerInfo!==void 0?se(this._config,this.layerInfo,this.commonStrings):""}generateYAxisTitle(){return this.layerInfo!==void 0?x({config:this._config,layerInfo:this.layerInfo,commonStrings:this.commonStrings,numericFields:S(this._config),aggregationType:u(this._config)}):""}};l([o],n.prototype,"aggregationType");l([o],n.prototype,"setAssignToSecondValueAxis");l([o],n.prototype,"setSortOrder");l([o],n.prototype,"setDataFilters");l([o],n.prototype,"orderByList");l([o],n.prototype,"binTemporalData");l([o],n.prototype,"setSeriesName");l([o],n.prototype,"setSeriesColor");l([o],n.prototype,"setOrderOfSeries");l([o],n.prototype,"stackedType");l([o],n.prototype,"moveSeries");l([o],n.prototype,"moveCustomSortValuesInOrderByList");l([o],n.prototype,"nullCategory");l([o],n.prototype,"resetConfig");var je=[me,le,ge,ce,Be,he,Te,ye,de,g,Fe,pe,xe,fe,ue,Se,_e,Ie,ae];q(n,je);return{a:ve,b:Oe,c:we,d:n}},a,c,d,e,f,g,i,j,l,n,o,q,r,s,t,u)

package/dist/cdn/7HIZH35G.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as te}from"./IHO3OLL3.js";import{a as Q,h as ee}from"./OBPAQN4H.js";import l from"./VDG54AIC.js";import{l as s,m as y}from"./AK7X7SGI.js";import{a as A}from"./MRTKZZTF.js";import k from"./MF3FGXHI.js";import j from"./26FWESH3.js";import e from"./CJ4POAPM.js";import b from"./JHYH555K.js";import"./WNKDEOFZ.js";import a from"./5FMEOIBS.js";import"./EZV7JSQJ.js";import{c as B,n as R,y as W}from"./LRNADJJG.js";import{q as V,r as g,wa as K}from"./PAIRUVLU.js";import{f as q}from"./KX7KGXKQ.js";import{f as I,q as L}from"./SP2IPHWF.js";import{e as _,g as N,h as O}from"./NZR4L5AA.js";import{c as X}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import{a as h,b as d,l as u,m as C,n as m,w as H,x as f}from"./547RDEMV.js";import{A as D,B as o,C as x,E as T,G as w,g as E,i,n as M,y as n,z as c}from"./CHQDKVVQ.js";import"./U67P6YAZ.js";export default $arcgis.t(([{a:U,ob:S},{s:Z},{b:j,g:G,h:b,i:Y},{b:J},{h:z},{g:ae,s:k}])=>{var le=E`.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{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}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.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)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,r={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},P=class extends D{constructor(){super(...arguments),this._messages=A(),this.commonStrings=A({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=n(),this.aggregationElement=n(),this.numericFieldsElement=n(),this.calendarTypeElement=n(),this.calendarViewTypeElement=n(),this.classBreakMethodElement=n(),this.nullElement=n(),this.breaksCountElement=n(),this.colorSchemeElement=n(),this.onHeatChartDataPopoverChange=async e=>{try{if(e.detail?.value!==void 0){let{contentKind:a}=e.detail,t=e.detail.value;switch(a){case s.aggregation:this.model.aggregationType=t,t===d.Count||t===d.Sum?this.model.nullPolicy=m.Zero:this.model.nullPolicy=m.Null;break;case s.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case s.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==S(this.model.layer).idField&&(this.model.aggregationType=d.Sum);break;case s.calendarType:{this.applyCalendarTypePreset(t);break}case s.calendarViewType:{this.model.viewType=t;break}case s.classBreakMethod:{this.model.classificationMethod=t,await this.generateAndUpdateClassBreaks();break}default:break}}}catch(a){throw this.arcgisChartsConfigDataChangeError.emit({error:a,model:this.model}),a}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=e=>{this.heatChartPopover===e?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=async e=>{let{isFlipped:a,rampName:t}=e.detail,l=this.model.colorRampName!==t,p=this.model.isColorRampFlipped!==a;this.model.colorRampName=t,this.model.isColorRampFlipped=a,(l||p)&&await this.generateAndUpdateClassBreaks(!0)},this.onEmptyCellNameChange=e=>{let{name:a}=e.detail;if(a!==void 0){let t={...this.model.emptyCell,name:a};this.model.emptyCell=t}},this.onEmptyCellColorChange=e=>{let{color:a}=e.detail;if(a!==void 0){let t=this.model.emptyCell,l={...t,symbol:{...t?.symbol,type:q.SFS,color:a,outline:t?.symbol?.outline&&{...t.symbol.outline,color:a}}};this.model.emptyCell=l}},this.availableColorRamps=[],this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigDataChangeError=M()}static{this.properties={availableColorRamps:16,aggregationLabel:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=le}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=K(this.model.aggregationType,this.commonStrings)}disconnectedCallback(){super.disconnectedCallback(),this.model?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let e=b.esriColorRamps;this.allColorRamps=e,this.availableColorRamps=this.allColorRamps}getSelectedOrDefaultColorRampName(){return this.model.colorRampName??(J(this.model?.config)?b.defaultColorRampForCharts?.name:void 0)}getRequestedBreaksCount(){return this.requestedBreaksCount??this.model.breaksCount??B.classBreaks.breaksCount}getFirstDayOfWeek(){let{lang:e}=N(this.el??document.documentElement),a=O(e);return U.local().setLocale(e).startOf("week",{useLocaleWeeks:a!==_}).weekday}applyCalendarTypePreset(e){switch(e){case y.YearByMonthAndDayOfMonth:{let a={type:h.CalendarDateParts,unit:u.DayOfMonth},t={type:h.CalendarDateParts,unit:u.MonthOfYear};this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{month:"short"}});break}case y.WeekByDayOfWeekAndHourOfDay:{let a={type:h.CalendarDateParts,unit:u.HourOfDay},t={type:h.CalendarDateParts,unit:u.DayOfWeek};this.model.firstDayOfWeek=this.getFirstDayOfWeek(),this.model.xTemporalBinning=a,this.model.setAxisValueFormat(0,{type:h.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!1}}),this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:h.DateAxisFormat,intlOptions:{weekday:"short"}});break}}}async generateClassBreaks(e=!1){let a=[],t=this.model.chartRenderer?.classBreakInfos,l=ee(Q);return l&&(a=await G({data:l,xAxisField:this.model.xAxisField,classificationMethod:this.model.classificationMethod,breaksCount:this.model.breaksCount,colorRampName:this.model.colorRampName,availableColorRamps:this.availableColorRamps,existingClassBreakInfos:t,useExistingColors:!e,isColorRampFlipped:this.model.isColorRampFlipped})),a}applyGeneratedClassBreaks(e,a){if(this.model.chartRenderer={type:"classBreaks",field:V.valueField,classBreakInfos:e},this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.classificationMethod!==f.manual){let t=e.length||a;this.model.breaksCount!==t&&(this.model.breaksCount=t)}}async generateAndUpdateClassBreaks(e=!1){let a=this.getRequestedBreaksCount(),t=await this.generateClassBreaks(e);Y({currentBreaks:t,configBreaks:this.model.chartRenderer?.classBreakInfos??[],treatReversedColorsAsEqual:!e})&&this.applyGeneratedClassBreaks(t,a)}modelChange(e,a){a?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return z({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":R(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(e){this.contentKind=s.xAxisField,this.setupPopover(e)}onNumericFieldSelect(e){this.contentKind=s.numericFields,this.setupPopover(e)}onCalendarTypeSelect(e){this.contentKind=s.calendarType,this.setupPopover(e)}onClassBreakMethodSelect(e){this.contentKind=s.classBreakMethod,this.setupPopover(e)}onColorSchemeSelect(e){this.contentKind=s.colorScheme,this.setupPopover(e)}async onBreaksCountChange(e){let a=L(e.target.value);a<g.min?a=g.min:a>g.max&&(a=g.max),W(a)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=a.toString()),this.requestedBreaksCount=a,this.model.breaksCount=a,await this.generateAndUpdateClassBreaks())}onAggregationSelect(e){this.contentKind=s.aggregation,this.setupPopover(e)}onNullSelect(e){this.contentKind=s.null,this.setupPopover(e)}onIncludeLeapDayChange(e){let a=e.target.checked;this.model.includeLeapDay=a}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}setupPopover(e){e.stopImmediatePropagation(),this.removeHeatChartDataPopover();let a,t,l;switch(this.contentKind){case s.aggregation:a=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case s.xAxisField:a=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case s.numericFields:a=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case s.calendarType:a=this.calendarTypeElement.value,t=this._messages.calendarType,l=k(this.model);break;case s.calendarViewType:a=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case s.classBreakMethod:a=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case s.colorScheme:a=this.colorSchemeElement.value,t=this._messages.colorScheme,l=this.getSelectedOrDefaultColorRampName();break;case s.null:a=e.target,t=this._messages.null;break}this.heatChartPopover=T(i`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${a} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${this.model.isColorRampFlipped}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=te(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){Z(this.model?.config)||((this.model.xTemporalBinning===void 0||this.model.yTemporalBinning===void 0)&&this.applyCalendarTypePreset(y.YearByMonthAndDayOfMonth),this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder(X.Desc),this.model.classificationMethod===void 0&&(this.model.classificationMethod=f.naturalBreaks),this.model.heatRulesType!==C.Renderer&&(this.model.heatRulesType=C.Renderer),this.model.viewType===void 0&&(this.model.viewType=H.singleCalendarView),(this.model.aggregationType===d.Count||this.model.aggregationType===d.Sum)&&this.model.nullPolicy!==m.Zero&&(this.model.nullPolicy=m.Zero),this.model.colorRampName=b.defaultColorRampForCharts?.name)}renderXAxisFieldSelect(){let e=this.getCorrectedXAxisFieldValue();return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${c(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return i`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${c(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let e=this.model.numericFields?.[0]===S(this.model.layer).idField?"":R(this.layerFieldsInfo,this.model.numericFields?.[0]);return i`<arcgis-charts-config-field-select .label=${e} @click=${this.onNumericFieldSelect} ${c(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let e=k(this.model)??"",a={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=e?a[e]??"":"";return i`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${c(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let e={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},a=this.model.classificationMethod?e[I(this.model.classificationMethod)]??"":"";return i`<arcgis-charts-config-field-select .label=${a} @click=${this.onClassBreakMethodSelect} ${c(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let e=this.model.chartRenderer?.classBreakInfos?.map(a=>{let t=a!==void 0?j(a.symbol.color):"#FFFFFF";return i`<div class=${o(r.colorRampSegment)} style=${x({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return i`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let e=this.model.chartRenderer?.classBreakInfos??[];return i`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map(a=>i`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let e=this.model.emptyCell,a=this._messages.null,t=e?.symbol?.color??B.grayColor,[l,p,v,$]=[...t],F=`rgba(${l},${p},${v},${$/255})`;return i`<calcite-list label class=${o(r.list)} selection-mode=none ${c(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${x({color:F})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return i`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${m.Zero} .checked=${this.model.nullPolicy===m.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${m.Null} .checked=${this.model.nullPolicy===m.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderXAxisFieldSelect(),a=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),p=this.renderClassBreakMethodSelect(),v=this.renderColorRampSelect(),$=this.renderClassBreaksTable(),F=this.renderNullUI(),se=this.renderEmptyBins();return i`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${p}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${g.min} .max=${g.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===f.manual} step=1 .value=${ae(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${v}</calcite-label>${F}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${$}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${se}</calcite-label>${k(this.model)===y.YearByMonthAndDayOfMonth?i`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};w("arcgis-charts-config-heat-chart-data",P);return P},a,b,e,j,k,l)

package/dist/cdn/BBURKBKE.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{A as c,B as e,G as a,g as s,i as l}from"./CHQDKVVQ.js";import"./U67P6YAZ.js";var t={fieldSelectButtonSection:"field-select-btn-section",fieldSelectButton:"field-select-btn",fieldSelectButtonText:"field-select-btn-text",fieldSelectButtonIcon:"field-select-btn-icon",fieldSelectButtonInvalid:"field-select-btn-invalid"},d=s`.field-select-btn-section{background-color:var(--arcgis-charts-input-background);min-width:100%}.field-select-btn{background:var(--arcgis-charts-background-clear);border:1px solid;border-radius:var(--arcgis-charts-border-radius);display:flex;align-items:center;justify-content:space-between;padding:var(--arcgis-charts-side-spacing-half) var(--arcgis-charts-side-spacing-quarter);cursor:pointer;width:100%;text-align:unset}.field-select-btn:not(.field-select-btn-invalid){border-color:var(--arcgis-charts-border)}.field-select-btn.field-select-btn-invalid{border-color:var(--arcgis-charts-border-invalid)}.field-select-btn-exp{width:calc(100% - 32px)}.field-select-btn-exp .field-select-btn{border:none;border-radius:0;border-right:1px solid var(--arcgis-charts-border)}.field-select-btn-text{flex:0 1 auto;overflow:hidden;padding:0 var(--arcgis-charts-side-spacing-eighth);text-overflow:ellipsis;white-space:nowrap}.field-select-btn-icon{flex:0 0 0%;padding:0 var(--arcgis-charts-side-spacing-half)}.field-select-btn:disabled{cursor:default}`,i=class extends c{constructor(){super(...arguments),this.disabled=!1,this.invalid=!1}static{this.properties={label:1,disabled:5,invalid:5}}static{this.styles=d}render(){let r=`${t.fieldSelectButton} ${this.invalid?t.fieldSelectButtonInvalid:""}`;return l`<div class=${e(t.fieldSelectButtonSection)}><button class=${e(r)} .disabled=${this.disabled}><span class=${e(t.fieldSelectButtonText)}>${this.label}</span><slot name=fieldSelectSlot></slot><span class=${e(t.fieldSelectButtonIcon)}><calcite-icon scale=s icon=chevron-down></calcite-icon></span></button></div>`}};a("arcgis-charts-config-field-select",i);export{i as ArcgisChartsConfigFieldSelect};

package/dist/cdn/CCR46UHB.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as h}from"./VOTZAPI3.js";import{a as R}from"./JNNB2DIA.js";import{b as j}from"./IHO3OLL3.js";import k from"./VDG54AIC.js";import{l as c,m as b}from"./AK7X7SGI.js";import{a as x}from"./MRTKZZTF.js";import i from"./CJ4POAPM.js";import e from"./JHYH555K.js";import"./WNKDEOFZ.js";import a from"./5FMEOIBS.js";import"./EZV7JSQJ.js";import{c as v,n as D}from"./LRNADJJG.js";import{i as E,wa as _}from"./PAIRUVLU.js";import{a as A}from"./KX7KGXKQ.js";import{l as T}from"./SP2IPHWF.js";import"./NZR4L5AA.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{b as S,w as f,x as C}from"./547RDEMV.js";import{A as I,B as r,C as L,D as g,G as P,g as F,i as l,n as d,y as u,z as p}from"./CHQDKVVQ.js";import"./U67P6YAZ.js";export default $arcgis.t(([O,{pb:N,qb:B},,{c:$,d:y},{a:M,c:k,k:m}])=>{var q=F`.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}.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}`,s={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"},w=class extends I{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=u(),this.popoverElement=u(),this.placement="leading",this.offsetDistance=-200,this.availableColorRamps=[],this.selectedCategory=y.all,this.aggregationLabels=[],this.isFlipped=!1,this.open=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigHeatChartColorRampChange=d(),this.arcgisChartsConfigHeatChartDataPopoverChange=d(),this.arcgisChartsConfigPopoverClose=d(),this.arcgisChartsConfigPopoverEmptyCellColorChange=d(),this.arcgisChartsConfigPopoverEmptyCellNameChange=d()}static{this.properties={availableColorRamps:16,selectedColorRampName:16,selectedCategory:16,aggregationLabels:16,isFlipped:5,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=k.map(t=>_(t,this.commonStrings));T(this.aggregationLabels,e)||(this.aggregationLabels=e),this.colorRamps&&this.colorRamps!==this.availableColorRamps&&(this.availableColorRamps=this.colorRamps),this.contentKind===c.colorScheme&&this.selectedContent&&!this.selectedColorRampName&&(this.selectedColorRampName=this.selectedContent)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},M.PopoverTimer),j(this.popoverElement.value,this.open)}buildAggregationListItems(){return h(k.filter(e=>e!==S.NoAggregation),e=>e,(e,t)=>l`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return R(e.name,l`<calcite-list-item .label=${D(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${m(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,a=[];switch(e){case c.numericFields:{let i=R(" ",l`<calcite-list-item label=" " value=" " .selected=${m("",this.selectedContent)}></calcite-list-item>`);a.push(i);for(let o=0;o<t;o+=1){let n=this.layerFieldsInfo?.[o];n&&N(n)&&a.push(this.buildPickListItem(n))}break}case c.xAxisField:{for(let i=0;i<t;i+=1){let o=this.layerFieldsInfo?.[i];o&&B(o)&&a.push(this.buildPickListItem(o))}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===y.all)e=this.availableColorRamps;else{let t=$[this.selectedCategory];e=this.availableColorRamps?.filter(a=>t.some(i=>a.tags.includes(i)))}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 O){let a=e.toHex();typeof a=="string"&&a.length&&(t=a)}else if(Array.isArray(e)){let[a,i,o,n]=e;[a,i,o].every(H=>typeof H=="number")&&(t=`rgba(${a},${i},${o},${n??1})`)}else if(typeof e=="object"&&e){let{r:a,g:i,b:o,a:n}=e;if(a!=null&&i!=null&&o!=null)return`rgba(${a},${i},${o},${n??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,i,o]=t,n=E*255;this.arcgisChartsConfigPopoverEmptyCellColorChange.emit({color:[a,i,o,n]})}renderAggregationType(){let e=this.buildAggregationListItems();return l`<calcite-list label class=${r(s.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisFieldSelect(){let e=this.buildPickListItems(c.xAxisField);return l`<calcite-list label class=${r(s.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(c.numericFields);return l`<calcite-list label class=${r(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${e}</calcite-list>`}renderCalendarType(){let e=this.layerFieldsInfo.find(i=>i.name===this.model.xAxisField),t=Object.values(b).filter(i=>i!==b.WeekByDayOfWeekAndHourOfDay||e?.type!==A.DateOnly),a=h(t,i=>i,i=>{let o=this._messages[i];return l`<calcite-list-item .label=${o} .value=${i} .selected=${m(i,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.pickListItemLabel)} selection-mode=single filter-enabled selection-appearance=border @calciteListChange=${this.onDataContentTypeChange} ${p(this.picklist)}>${a}</calcite-list>`}renderCalendarViewType(){let e=h(Object.values(f),t=>t,t=>{let a=this._messages[t];return l`<calcite-list-item .label=${a} .value=${t} .disabled=${t!==f.singleCalendarView} .selected=${m(t,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.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:i,msg:o,value:n}=a;return l`<calcite-list-item .label=${i} .description=${o} .value=${n} .selected=${m(n,this.selectedContent)}></calcite-list-item>`});return l`<calcite-list label class=${r(s.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 c.aggregation:e=this.renderAggregationType();break;case c.numericFields:e=this.renderNumericFields();break;case c.xAxisField:e=this.renderXAxisFieldSelect();break;case c.calendarType:e=this.renderCalendarType();break;case c.calendarViewType:e=this.renderCalendarViewType();break;case c.classBreakMethod:e=this.renderClassBreakMethod();break;case c.colorScheme:e=this.renderColorRampSelect();break;case c.null:e=this.renderEmptyCellUI();break;default:e=l`<div></div>`;break}return e}renderColorRampSelect(){let e=this.filterColorRamps(),t=this._messages?.colorRampCategories?this._messages.colorRampCategories[this.selectedCategory]:this.selectedCategory;return l`<div class=${r(s.colorRampPopover)}><div class=${r(s.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($).map(a=>l`<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(s.rampGrid)}>${e.length===0&&l`<div class=${r(s.rampEmpty)}>${this._messages?.colorRamp?.noRamps} ${this.selectedCategory!=="all"?`"${this.selectedCategory}"`:""}</div>`||""}${e.map(a=>{let i=this.getRampColors(a),o=a.name===this.selectedColorRampName;return l`<div class=${`${s.rampItem} ${o?"selected":""}`} title=${a.name??g} @click=${()=>this.onRampSelect(a)}><div class=${r(s.rampName)} aria-hidden=true>${a.name}</div><div class=${r(s.rampStrips)}>${h(i,n=>n,n=>l`<div class=${r(s.rampStrip)} style=${L({backgroundColor:this.rampColorToCss(n)})}></div>`)}${i.length===0&&l`<div class=${`${s.rampStrip} ${s.rampStripFallback}`}></div>`||""}</div></div>`})}</div><div class=${r(s.colorRampPopoverFooter)}><calcite-button appearance=solid kind=brand @click=${this.closePopover}>${this._messages?.colorRamp?.done}</calcite-button></div></div>`}renderEmptyCellUI(){let e=this.model.emptyCellSymbol?.color??v.grayColor,t=this.model.emptyCellText??v.nullCategory?.text??"";return l`<div><div class=${r(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.nameChange}></calcite-input></calcite-label></div><div class=${r(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages?.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></div>`}render(){return l`<div class=${r(s.jsAppFlyout)}><calcite-popover class=${r(s.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(s.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(s.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${void 0}</calcite-panel></calcite-popover></div>`}};P("arcgis-charts-config-heat-chart-popover",w);return w},"Color",a,e,i,k)