@arcgis/charts-components 5.0.0-next.123 → 5.0.0-next.125

package/dist/cdn/BRWKF4UT.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.123 */
-import{a as ue,b as fe,c as Ce}from"./QMGAOVCH.js";import{a as ge}from"./EGISRX6L.js";import h from"./4LJW6QIZ.js";import{l as c,m as K}from"./DAFPW2N6.js";import{a as z}from"./FPPXKSC3.js";import g from"./2YQ7VFXN.js";import e from"./EG57VIBU.js";import"./WZJWSOBO.js";import a from"./ARRVJGAW.js";import{C as le,f as te,g as E,k as ae,p as se,s as x,t as D,v as $,y as v}from"./Z4PJXGCF.js";import"./QJVIJMD6.js";import"./6VKYAD6H.js";import{a as d,b as T,l as F,m as _,w as ie,x as R}from"./VMAVLG5A.js";import{A as u,B as L,D as Z,F as ee,g as Y,h as m,m as J,x as f,y as b,z as Q}from"./AAXCZN6G.js";import"./K4ZZVDUE.js";export default $arcgis.t(([,,,,,,,,,,,,$e,{createClassBreaksRenderer:De},{getSchemes:Se},{Ab:j,Bc:he,Ca:oe,F:O,Jb:ce,La:re,ab:ne},{s:me},{h:pe},{g:de,s:W}])=>{function ke(s){let t;switch(s.length){case 4:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(t=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),255]);break}case 5:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(t=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),Number.parseInt(`${e[4]}${e[4]}`,16)]);break}case 7:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(t=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),255]);break}case 9:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(t=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),Number.parseInt(e[4],16)]);break}}return t}function U(s){let t;if(typeof s=="string"&&s.startsWith("#")){let e=ke(s);e&&(t=e)}else Array.isArray(s)&&s.every(e=>typeof e=="number")&&(s.length===4?t=s:s.length===3&&(t=[...s,255]));return t}function ye(s){return s===$.BackwardDiagonal||s===$.Cross||s===$.DiagonalCross||s===$.ForwardDiagonal||s===$.Horizontal||s===$.Null||s===$.Solid||s===$.Vertical}function P(s){return s===D.Dash||s===D.DashDot||s===D.DashDotDot||s===D.Dot||s===D.Null||s===D.Solid}function ve(s){let{categoryField:t,numericFields:e,configFields:a,inlineData:i}=s,r={};return a&&Object.keys(a).length>0&&"dataItems"in i&&(r={type:"uniqueValue",field1:t,uniqueValueInfos:[]},i.dataItems.forEach(o=>{let h=o[t];if(h!=null){let l={value:h};e.forEach(n=>{let p=U(o[`${a.fillColor}_${n}`]),y=o[`${a.fillOpacity}_${n}`],S=o[`${a.fillStyle}_${n}`],k=o[`${a.markerSize}_${n}`],B=U(o[`${a.outlineColor}_${n}`]),N=o[`${a.outlineOpacity}_${n}`],I=o[`${a.outlineWidth}_${n}`],V=o[`${a.outlineStyle}_${n}`],A=U(o[`${a.lineColor}_${n}`]),H=o[`${a.lineOpacity}_${n}`],M=o[`${a.lineWidth}_${n}`],q=o[`${a.lineStyle}_${n}`],G=o[`${a.displayLabel}_${n}`];if(typeof G=="string"&&(l={...l,label:G}),k!=null){let g={type:v.SMS};k&&typeof k=="number"&&(g.size=k),l.symbol=g}if(p||ye(S)){let g=l.symbol&&l.symbol.type===v.SMS?l.symbol:{type:v.SFS};if(p&&(y&&typeof y=="number"&&(p[3]=y),g.color=p),ye(S)&&(g.style=S),l.symbol=g,B||I!=null||P(V)){let w={type:v.SLS};B&&(N&&typeof N=="number"&&(B[3]=N),w.color=B),P(V)&&(w.style=V),I&&typeof I=="number"&&(w.width=I),l.symbol.outline=w}}else if(A||M!=null||P(q)){let g={type:v.SLS};A&&(H&&typeof H=="number"&&(A[3]=H),g.color=A),P(q)&&(g.style=q),M!=null&&typeof M=="number"&&(g.width=M),l.symbol=g}}),(l.label||l.symbol)&&r.uniqueValueInfos.push(l)}})),r}function Fe(s){let{numericFields:t,configFields:e,inlineData:a}=s,i=a;return"dataItems"in a&&Object.entries(e).forEach(([r,o])=>{t.forEach(h=>{let l=`${o}_${h}`;a.dataItems.forEach(n=>{l in n&&delete n[l]})})}),i}function xe(s){let{categoryField:t,categoryType:e,numericFields:a,inlineData:i}=s,r;if("dataItems"in i){let{dataItems:o}=i,h=[],l="OBJECTID",n=o.map((y,S)=>{let k={...y};return"FID"in y?l="FID":"ObjectId"in y&&(l="ObjectId"),k[l]||(k[l]=S),{attributes:k}});h.push({type:"esriFieldTypeOID",name:l});let p;switch(e){case"dateOnly":p=x.DateOnly;break;case"timeStampOffset":p=x.TimestampOffset;break;case"date":p=x.Date;break;case"number":p=x.Double;break;case"string":default:p=x.String;break}h.push({type:p,name:t}),a.forEach(y=>{h.push({type:x.Double,name:y})}),r={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:h},featureSet:{features:n}}]}}}return r}async function be(s){let{categoryField:t,categoryType:e,numericFields:a,configFields:i,inlineData:r}=s,o,h,l=E(r);i&&(o=ve({categoryField:t,numericFields:a,configFields:i,inlineData:l}),l=Fe({numericFields:a,configFields:i,inlineData:l}));let n=xe({categoryField:t,categoryType:e,numericFields:a,inlineData:l});return n&&(h=await he(n)),{chartRenderer:o,iLayer:n,layer:h}}var Re=Y`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.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)}`,C={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list"},X=class extends Q{constructor(){super(...arguments),this._messages=z(),this.commonStrings=z({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=f(),this.aggregationElement=f(),this.numericFieldsElement=f(),this.calendarTypeElement=f(),this.calendarViewTypeElement=f(),this.classBreakMethodElement=f(),this.nullElement=f(),this.breaksCountElement=f(),this.colorSchemeElement=f(),this.onHeatChartDataPopoverChange=async t=>{try{if(t.detail?.value!==void 0){let{contentKind:e}=t.detail,a=t.detail.value;switch(e){case c.aggregation:this.model.aggregationType=a!==T.NoAggregation?a:T.NoAggregation;break;case c.xAxisField:this.model.xAxisField=a,this.setDefaultPropertiesForCalendarHeatChart(),this.model.classificationMethod=R.equalInterval,this.model.heatRulesType=_.Renderer;break;case c.numericFields:this.model.numericFields=[a];break;case c.calendarType:{switch(a){case K.YearByMonthAndDayOfMonth:{let i={type:d.CalendarDateParts,unit:F.DayOfMonth},r={type:d.CalendarDateParts,unit:F.MonthOfYear};this.model.xTemporalBinning=i,this.model.setAxisValueFormat(0,{type:d.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:d.DateAxisFormat,intlOptions:{month:"long"}});break}case K.WeekByDayOfWeekAndHourOfDay:{let i={type:d.CalendarDateParts,unit:F.HourOfDay},r={type:d.CalendarDateParts,unit:F.DayOfWeek};this.model.xTemporalBinning=i,this.model.setAxisValueFormat(0,{type:d.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!0}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:d.DateAxisFormat,intlOptions:{weekday:"long"}});break}default:break}break}case c.calendarViewType:{this.model.viewType=a;break}case c.classBreakMethod:{this.model.classificationMethod=a,this.model.heatRulesType=_.Renderer,this.updateChartRenderer=!0;break}default:break}}}catch(e){throw this.arcgisChartsConfigDataChangeError.emit({error:e,model:this.model}),e}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=t=>{this.heatChartPopover===t?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=t=>{let{ramp:e}=t.detail;this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks(),this.removeHeatChartDataPopover()},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=t=>{let{name:e}=t.detail;if(e!==void 0){let a={...this.model.emptyCell,name:e};this.model.emptyCell=a}},this.onEmptyCellColorChange=t=>{let{color:e}=t.detail;if(e!==void 0){let a=this.model.emptyCell,i={...a,symbol:{...a?.symbol,type:v.SFS,color:e,outline:a?.symbol?.outline&&{...a.symbol.outline,color:e}}};this.model.emptyCell=i}},this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=J()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5,chartData:0}}static{this.styles=Re}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model")),this.aggregationLabel=oe(this.model.aggregationType,this.commonStrings),t.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ne(this.model.chartRenderer)===le.ClassBreaks)}updated(t){t.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let t=$e.all();this.allColorRamps=t,this.availableColorRamps=this.allColorRamps,this.availableColorRamps.length>0&&!this.selectedColorRamp&&this.model.chartRenderer?.classBreakInfos===void 0&&(this.selectedColorRamp=this.availableColorRamps[0])}generateColorsForExistingBreaks(t){let e=this.model.breaksCount;return ue({numberOfClassBreaks:e,selectedColorRamp:t,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(a=>a.symbol?.color)})}normalizeClassBreakInfosForCompare(t,e){return(t??[]).map(({classMinValue:a,classMaxValue:i,label:r,symbol:o})=>({classMinValue:a,classMaxValue:i,label:r,symbol:e?void 0:o}))}async generateAndUpdateClassBreaks(){let t=[];if(this.model.classificationMethod===R.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){t=E(this.model.chartRenderer?.classBreakInfos)??[];let i=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let r=0;r<t.length&&r<i.length;r++)t[r].symbol&&(t[r].symbol.color=i[r])}else if(this.model.classificationMethod!==R.manual&&this.chartData){let i=await be({categoryField:this.model?.xAxisField?.[0]??"",categoryType:d.DateAxisFormat,numericFields:[O.valueField],inlineData:this.chartData});if(i.layer&&this.model.layer){let r=Se({geometryType:"point",theme:"high-to-low"})?.primaryScheme,o=await De({layer:i.layer,field:O.valueField,classificationMethod:this.model.classificationMethod,numClasses:this.model.breaksCount,colorScheme:r});t=fe({classBreaksRendererResult:o,numberOfClassBreaks:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp,colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(h=>h.symbol?.color)})}}let e=!this.updateClassBreaksColor,a=!ae(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(t,e));this.updateChartRenderer&&a&&(this.model.chartRenderer={type:"classBreaks",field:O.valueField,classBreakInfos:t}),this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return pe({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":j(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(t){this.contentKind=c.xAxisField,this.setupPopover(t)}onNumericFieldSelect(t){this.contentKind=c.numericFields,this.setupPopover(t)}onCalendarTypeSelect(t){this.contentKind=c.calendarType,this.setupPopover(t)}onClassBreakMethodSelect(t){this.contentKind=c.classBreakMethod,this.setupPopover(t)}onColorSchemeSelect(t){this.contentKind=c.colorScheme,this.setupPopover(t)}onBreaksCountChange(t){let e=se(t.target.value);ce(e)&&e>0&&(this.model.breaksCount=e,this.updateChartRenderer=!0,this.model.heatRulesType=_.Renderer)}onAggregationSelect(t){this.contentKind=c.aggregation,this.setupPopover(t)}onNullSelect(t){this.contentKind=c.null,this.setupPopover(t)}setupPopover(t){t.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,a,i;switch(this.contentKind){case c.aggregation:e=this.aggregationElement.value,a=this._messages.aggregation,i=this.model.aggregationType;break;case c.xAxisField:e=this.xAxisFieldElement.value,a=this._messages.xAxisField,i=this.model.xAxisField;break;case c.numericFields:e=this.numericFieldsElement.value,a=this._messages.numericFieldOptional,i=this.model.numericFields?.[0];break;case c.calendarType:e=this.calendarTypeElement.value,a=this._messages.calendarType,i=W(this.model);break;case c.calendarViewType:e=this.calendarViewTypeElement.value,a=this._messages.viewType,i=this.model.viewType;break;case c.classBreakMethod:e=this.classBreakMethodElement.value,a=this._messages.method,i=this.model.classificationMethod;break;case c.colorScheme:e=this.colorSchemeElement.value,a=this._messages.colorScheme,i=this.selectedColorRamp?.name;break;case c.null:e=t.target,a=this._messages.null;break}this.heatChartPopover=Z(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${a} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${i} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange}></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=ge(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!me(this.model?.config)){if(this.model.yAxisField=this.model.xAxisField,this.model.xTemporalBinning===void 0){let t={type:d.CalendarDateParts,unit:F.DayOfMonth};this.model.xTemporalBinning=t}if(this.model.yTemporalBinning===void 0){let t={type:d.CalendarDateParts,unit:F.MonthOfYear};this.model.yTemporalBinning=t,this.model.setAxisValueFormat(1,{type:d.DateAxisFormat,intlOptions:{month:"long"}})}this.model.viewType=ie.singleCalendarView}}renderXAxisFieldSelect(){let t=this.getCorrectedXAxisFieldValue();return m`<arcgis-charts-config-field-select .label=${t} @click=${this.onXAxisFieldSelect} ${b(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return m`<arcgis-charts-config-field-select .label=${this.model.aggregationType===T.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${b(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let t=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":j(this.layerFieldsInfo,this.model.numericFields?.[0]);return m`<arcgis-charts-config-field-select .label=${t} @click=${this.onNumericFieldSelect} ${b(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let t=W(this.model)??"",e={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},a=t?e[t]??"":"";return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onCalendarTypeSelect} ${b(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let t={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},e=this.model.classificationMethod?t[te(this.model.classificationMethod)]??"":"";return m`<arcgis-charts-config-field-select .label=${e} @click=${this.onClassBreakMethodSelect} ${b(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let t=this.model.chartRenderer?.classBreakInfos?.map(e=>{let a=e!==void 0?Ce(e.symbol.color):"#FFFFFF";return m`<div class=${u(C.colorRampSegment)} style=${L({backgroundColor:a,width:`${100/this.model.breaksCount}%`})}></div>`});return m`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${b(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${u(C.colorRamp)}>${t}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let t=this.model.chartRenderer?.classBreakInfos??[];return m`<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>${t.map(e=>m`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${e.symbol.color?.[0]}, ${e.symbol.color?.[1]}, ${e.symbol.color?.[2]}, ${e.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${e.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let t=this.model.emptyCell,e=this._messages.null,a=t?.symbol?.color??re.grayColor,[i,r,o,h]=[...a],l=`rgba(${i},${r},${o},${h/255})`;return m`<calcite-list label class=${u(C.list)} selection-mode=none ${b(this.nullElement)}><calcite-list-item .label=${e} .value=${e} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${L({color:l})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}render(){let t=this.renderXAxisFieldSelect(),e=this.renderAggregation(),a=this.renderNumericFieldsSelect(),i=this.renderCalendarTypeSelect(),r=this.renderClassBreakMethodSelect(),o=this.renderColorRampSelect(),h=this.renderClassBreaksTable(),l=this.renderNullUI();return m`<calcite-label class=${u(C.label)}>${this._messages.dateRequired}${t}</calcite-label><calcite-label class=${u(C.label)}>${this._messages.calendarType}${i}</calcite-label><calcite-label class=${u(C.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${u(C.label)}>${this._messages.numericFieldOptional}${a}</calcite-label><calcite-label class=${u(C.label)}>${this._messages.method}${r}</calcite-label><calcite-label class=${u(C.label)}>${this._messages.numberOfClasses}<calcite-input type=number min=1 .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===R.manual} step=1 .value=${de(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${b(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${u(C.label)}>${this._messages.colorScheme}${o}</calcite-label>${l}<calcite-accordion appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${h}</calcite-accordion-item></calcite-accordion>`}};ee("arcgis-charts-config-heat-chart-data",X);return X},"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","smartMapping/symbology/support/colorRamps","smartMapping/renderers/color","smartMapping/symbology/color",a,e,g,h)

package/dist/cdn/DCEQDIW3.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.123 */
-import{b as P}from"./EGISRX6L.js";import e from"./4LJW6QIZ.js";import"./DAFPW2N6.js";import{a as x}from"./FPPXKSC3.js";import d from"./EG57VIBU.js";import"./WZJWSOBO.js";import c from"./ARRVJGAW.js";import{k as b,y as S}from"./Z4PJXGCF.js";import"./QJVIJMD6.js";import"./6VKYAD6H.js";import"./VMAVLG5A.js";import{A as l,F as u,g as C,h as n,m as a,x as f,y as v,z as y}from"./AAXCZN6G.js";import"./K4ZZVDUE.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{z:c},,{a:$}])=>{var p={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},w=C`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.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}`,h=class extends y{constructor(){super(...arguments),this._messages=x(),this.popoverElement=f(),this.isLineSymbol=!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=w}async reposition(){await this.popoverElement.value?.reposition()}updated(){P(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},$.PopoverTimer)}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()}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[s,i,o]=t,r=c*255;this.selectedColor=[s,i,o,r],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[s,i,o,r]})}lineSymbolChange(e){let{lineStyle:t}=e.target,{color:s,style:i,width:o}=t;if(s!==void 0&&!b(s,this.selectedColor)){let[r,m,d]=s,g=c*255;this.selectedColor=[r,m,d,g],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[r,m,d,g]})}i!==void 0&&i!==this.selectedLineStyle&&(this.selectedLineStyle=i,this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({style:i})),o!==void 0&&o!==this.selectedLineWidth&&(this.selectedLineWidth=o,this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({width:o}))}render(){let e=this.selectedColor;return n`<div class=${l({[p.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?n`<div class=${l(p.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div>`:null}<div class=${l(p.panelChildrenContainer)}>${this.isLineSymbol?n`<arcgis-charts-config-line-style .open=${this.open} enable-close .lineStyle=${{type:S.SLS,style:this.selectedLineStyle,width:this.selectedLineWidth,color:e}} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.lineSymbolChange}></arcgis-charts-config-line-style>`:n`<arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors>`}</div></calcite-panel></calcite-popover></div>`}};u("arcgis-charts-config-box-plot-series-popover",h);return h},"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",c,d,e)