@arcgis/charts-components 5.0.0-next.27 → 5.0.0-next.29

package/dist/components/arcgis-charts-config-select-chart-type-popover/customElement.js

@@ -30,7 +30,7 @@ import { LitElement as d, createEvent as o, safeClassMap as s } from "@arcgis/lu
 import { M as e } from "../../chunks/common.js";
 /*! 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.27 */
+v5.0.0-next.29 */
 const i = {
   selectChartComponent: "select-chart-component",
   jsAppFlyout: "js-app-flyout",
@@ -61,10 +61,14 @@ class f extends d {
     t.target?.localName === "calcite-list-item" ? this.selectedModelType = t.target?.value : this.selectedModelType = t.target?.parentNode?.value, this.arcgisChartsConfigSelectChartTypeChange.emit();
   }
   popoverOpen() {
-    setTimeout(async () => await this.selectChartTypePopover.value?.setFocus(), 250);
+    setTimeout(() => {
+      this.selectChartTypePopover.value?.setFocus();
+    }, 250);
   }
   popoverClose() {
-    this.open = !1, this.arcgisChartsConfigPopoverClose.emit(), setTimeout(async () => await this.referenceElement?.setFocus(), 250);
+    this.open = !1, this.arcgisChartsConfigPopoverClose.emit(), setTimeout(() => {
+      this.referenceElement?.setFocus();
+    }, 250);
   }
   render() {
     return a`<div class=${s({

package/dist/components/arcgis-charts-config-view-charts/customElement.js

@@ -30,7 +30,7 @@ import { LitElement as v, createEvent as s, safeClassMap as c, renderElement as
 import { repeat as w } from "lit/directives/repeat.js";
 /*! 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.27 */
+v5.0.0-next.29 */
 const n = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-20T04:42:13",
+  "timestamp": "2025-10-22T04:41:10",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.27",
+    "version": "5.0.0-next.29",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-20T04:42:13",
+  "timestamp": "2025-10-22T04:41:10",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "5.0.0-next.27",
+    "version": "5.0.0-next.29",
     "typescriptVersion": "5.8.3"
   },
   "components": [

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@arcgis/charts-components",
-  "version": "5.0.0-next.27",
+  "version": "5.0.0-next.29",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/dist/index.js

@@ -16,7 +16,7 @@ import { B as Oo, a as $o, C as Eo, H as No, L as Vo, P as ko, S as Ho } from ".
 import { g as Go, s as Qo } from "./chunks/runtime.js";
 /*! 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.27 */
+v5.0.0-next.29 */
 function v(a) {
   let o;
   switch (a.length) {

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as t } from "@arcgis/lumina";
 /*! 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.27 */
+v5.0.0-next.29 */
 const o = t(e, {
   "arcgis-chart": [() => import("./components/arcgis-chart/customElement.js"), "actionMode,allowUsingObjectIdStat,autoDisposeChart,autoInverseDataLabelTextColor,chartIndex,chartLimits:,chartWillRender:,cursorRange,dataLabelFormatter:,disableInteractions,disableTogglingLegendItems,enableBetaFeatures,enableConfiguration,enableResponsiveFeatures,errorPolicy,featureIndex,filterByExtent,filterBySelection,gaugeInnerLabelFormatter:,guideTooltipFormatter:,hideEmptySeries,hideLicenseWatermark,hideLoaderAnimation,ignoreSmoothRenderingLimit,ignoreViewExtent,layer:,layerFieldsChangePolicy,layerFilterChangePolicy,layerItemId,layerRendererChangePolicy,legendPosition,legendValueLabelFormatter:,legendVisibility,loaderColors:,model:,nullAsValid,placeholder,queueChartCreation,replaceNoValueCategoryWithZero,returnFeaturesExtent,returnSelectionIndexes,returnSelectionOIDs,rotation,runtimeDataFilters:,secondaryYAxisLabelFormatter:,selectionData:,selectionTheme:,setTimeBinningInfoWhenNotProvided,showUIMessages,syncSelection,syncSelectionsBetweenChartAndLayerViewPolicy,timeZone,tooltipFormatter:,updateSplitBySeries:,useAnimatedCharts,usePopupTemplateFieldsInfo,view:,viewTimeExtentChangePolicy,xAxisLabelFormatter:,yAxisLabelFormatter:;clearSelection,errorAlert,exportAsCSV,exportAsImage,loadModel,notify,refresh,resetZoom,switchSelection"],
   "arcgis-charts-action-bar": [() => import("./components/arcgis-charts-action-bar/customElement.js"), "actionBarSelectionMode,chartElement:,chartType,clearSelectionState,clearSelectionTitle,clearSelectionToggle,disableCSVExportForChartTypes:,editChartState,editChartTitle,editChartToggle,expanded,exportActionState,exportAsCSVState,exportAsCSVTitle,exportAsImageState,exportAsImageTitle,filterByExtentState,filterByExtentTitle,filterByExtentToggle,filterBySelectionState,filterBySelectionTitle,filterBySelectionToggle,forceDisableActions,fullExtentState,fullExtentTitle,fullExtentToggle,hiddenActions:,legendState,legendTitle,legendToggle,messageOverrides:,rotateChartState,rotateChartTitle,rotateChartToggle,selectionState,selectionTitle,selectionToggle,switchSelectionState,switchSelectionTitle,switchSelectionToggle,zoomState,zoomTitle,zoomToggle"],

package/dist/model/mixins/model-with-multi-axes.d.ts

@@ -150,9 +150,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     setGridLinesSymbol(linesSymbol: ISimpleLineSymbol | undefined, axisIndices?: number[]): void;
     /**
      * Get the default x-axis title text.
-     * @returns {Promise<string>}
+     * @returns {string}
      */
-    getDefaultXAxisTitleText(): Promise<string>;
+    getDefaultXAxisTitleText(): string;
     /**
      * Gets the display zero line setting for the specified axis.
      * @param axisIndex The index of the axis to get the display zero line for.
@@ -286,5 +286,5 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      *
      * @returns {string}
      */
-    abstract generateYAxisTitle(): Promise<string> | string;
+    abstract generateYAxisTitle(): string;
 }

package/dist/model.js

@@ -4,7 +4,7 @@ import { s as r, t as s, u as n } from "./chunks/type-guards.js";
 import { a as B, e as P, i as S, g as x, b as W, r as v, h as G, l as K, m as D, p as F, j as H, k as O, q as R, n as A, o as E, d as X, f as Y, c as $ } from "./chunks/type-guards.js";
 /*! 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.27 */
+v5.0.0-next.29 */
 async function c(t) {
   const o = "config" in t ? r(t.config) : t.chartType;
   let a;

package/dist/utils/components/watch-handlers.d.ts

@@ -1,37 +1,37 @@
 import { ArcgisChart } from '../../components/arcgis-chart/customElement.js';
 /**
- * Adds a listener on the feature layer, so every time the definition expression (filter) is modified we update
+ * Adds a watch handler on the feature layer, so every time the definition expression (filter) is modified we update
  * the chart.
  *
  * @param component The chart component
  */
-export declare function addLayerFilterListener(component: ArcgisChart): Promise<IHandle | undefined>;
+export declare function watchLayerFilter(component: ArcgisChart): IHandle | undefined;
 /**
- * Adds a listener on the feature layer, so every time the renderer is modified we update the chart.
+ * Adds a watch handler on the feature layer, so every time the renderer is modified we update the chart.
  *
  * @param component The chart component
  */
-export declare function addLayerRendererListener(component: ArcgisChart): Promise<IHandle | undefined>;
+export declare function watchLayerRenderer(component: ArcgisChart): IHandle | undefined;
 /**
- * Adds a listener on the feature layer view, so every time the view's extent is modified we update
+ * Adds a watch handler on the feature layer view, so every time the view's extent is modified we update
  * the chart.
  *
  * @param props.component The chart component
  */
-export declare function addExtentChangeListener(component: ArcgisChart): Promise<IHandle[] | undefined>;
+export declare function watchExtentChange(component: ArcgisChart): Promise<IHandle[] | undefined>;
 /**
- * Adds a listener on the view's time extent, so every time extent is modified we update the chart.
+ * Adds a watch handler on the view's time extent, so every time extent is modified we update the chart.
  * @param component The chart component
  */
-export declare function addViewTimeExtentListener(component: ArcgisChart): Promise<IHandle | undefined>;
+export declare function watchViewTimeExtent(component: ArcgisChart): IHandle | undefined;
 /**
- * Adds a listener on the feature layer, so every time the fields are modified we update the chart.
+ * Adds a watch handler on the feature layer, so every time the fields are modified we update the chart.
  *
  * @param component The chart component
  */
-export declare function addLayerFieldsListener(component: ArcgisChart): Promise<IHandle | undefined>;
+export declare function watchLayerFields(component: ArcgisChart): IHandle | undefined;
 /**
- * Adds a listener on the layer's view; so every time the selection data is modified, we update the chart.
+ * Adds a watch handler on the layer's view; so every time the selection data is modified, we update the chart.
  * @param component The chart component
  */
-export declare function addSelectionsChangeInViewListener(component: ArcgisChart): Promise<IHandle | undefined>;
+export declare function watchSelectionsChangeInView(component: ArcgisChart): IHandle | undefined;

package/dist/utils/misc/index.d.ts

@@ -170,7 +170,7 @@ export declare function getOverlayColorIndex(overlayType: OverlayTerms | undefin
  * @param props.config The config that gets updated for each series visibility
  * @param props.event The event that is currently being called
  */
-export declare function updateSeriesVisibility(event: CustomEvent<LegendItemVisibility>, config?: WebBoxPlot | WebChart): void;
+export declare function updateSeriesVisibility(event: Pick<CustomEvent<LegendItemVisibility>, "detail">, config?: WebBoxPlot | WebChart): void;
 /**
  * Sanitize an HTML string to prevent XSS attacks (https://owasp.org/www-community/attacks/xss/)
  * @param inputToSanitize The HTML string to sanitize

package/dist/utils/ui/chart-ui-utils.d.ts

@@ -1,8 +1,9 @@
 import { WebChart, WebChartTypes } from '../../spec';
+import { CommonStrings } from '../localization/interfaces';
 export declare function getChartIcon(chart: WebChart): string;
 /**
  * Gets the chart type text based on the provided chart type.
  * @param chartType
  * @category Private
  */
-export declare function getChartText(chartType: WebChartTypes): Promise<string>;
+export declare function getChartText(chartType: WebChartTypes, commonStrings: CommonStrings): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "5.0.0-next.27",
+  "version": "5.0.0-next.29",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -28,8 +28,8 @@
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
     "@amcharts/amcharts5": "~5.14.1",
-    "@arcgis/lumina": "5.0.0-next.27",
-    "@arcgis/toolkit": "5.0.0-next.27",
+    "@arcgis/lumina": "5.0.0-next.29",
+    "@arcgis/toolkit": "5.0.0-next.29",
     "ajv": "6.12.6",
     "d3-array": "^3.2.1",
     "d3-shape": "^3.2.0",

package/dist/cdn/3RLWQVGD.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.27 */
-import{a as b,c as L,d as P,f as T}from"./SZY4JQXT.js";import{a as _}from"./25GEFIPQ.js";import{a as N}from"./JTQL3DQW.js";import{f as l}from"./D44I4MD3.js";import{a as y}from"./U5XYWES3.js";import e from"./636TNSOD.js";import a from"./DSO5SLK2.js";import{j as k,q as p}from"./WEDGAWGB.js";import"./J6HYIFZW.js";import"./AS52RGTW.js";import{b as d,k as f,n as h}from"./BGVGJXJU.js";import{A as s,D as A,F as I,g as F,h as r,l as g,w as c,x as m,y as x}from"./5YDBKC4T.js";import"./Z5JBWA7D.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Aa:S,bb:u,gb:w,pc:C,za:B},{e:E}])=>{var z=F`.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,.disabled-label{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;justify-content:space-between}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.text{display:flex;margin-left:.5rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:.5rem;margin-right:.5rem;margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}`,n={label:"label",fieldList:"field-list",fab:"fab",timeBinningHeader:"time-binning-header",linkContainer:"link-container",dimText:"dim-text"},$=class extends x{constructor(){super(...arguments),this._messages=y(),this.commonStrings=y({name:"common",blocking:!0}),this.lineChartPopover=null,this.aggregationElement=c(),this.xAxisFieldElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.onLineChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:t}=e.detail,i=[...e.detail.value];switch(L(b),t){case l.aggregation:this.model.aggregationType=i[0]!==d.NoAggregation?i[0]:d.NoAggregation;break;case l.xAxisField:{let a=i[0]?.trim()||"";this.model.xAxisField=a,this.arcgisChartsConfigResetTimeInterval.emit();break}case l.numericFields:this.model.numericFields=i,this.model.numericFields.length>0&&this.model.aggregationType===d.Count&&this.model.numericFields[0]!==C(this.layerFieldsInfo)&&(this.model.aggregationType=d.Sum);break;case l.splitByField:{let a=i[0]?.trim()||"";this.model.splitByField=a,this.model.colorMatch=!0;break}case l.interval:this.model.temporalBinningSize=i[0]?.intervalSize,this.model.temporalBinningUnit=i[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case l.intervalAlignment:this.model.timeAggregationType=i[0]??"";break;default:break}t!==l.interval&&t!==l.intervalAlignment&&T(b)}}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}this.removeLineChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.lineChartPopover===e?.target&&this.removeLineChartDataPopover()},this.layerFieldsInfo=[],this.arcgisChartsConfigCustomizedTimeInterval=g(),this.arcgisChartsConfigDataChangeError=g(),this.arcgisChartsConfigLineChartDataNumericFieldValidate=g(),this.arcgisChartsConfigResetTimeInterval=g()}static{this.properties={aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,messageOverrides:0,model:0,resetTimeInterval:0,layerFieldsInfo:0}}static{this.styles=z}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=B(this.model.aggregationType,this.commonStrings);let t=this.model.timeAggregationType;t!==void 0&&(this.timeAggregationLabel=S(t,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1}disconnectedCallback(){super.disconnectedCallback(),this.removeLineChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}buildNumericFieldItem(e){return _(e,r`<calcite-list-item .label=${u(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}onAggregationSelect(e){this.contentKind=l.aggregation,this.setupPopover(e)}onXAxisFieldSelect(e){this.contentKind=l.xAxisField,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=l.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=l.numericFields,this.setupPopover(e)}onRemoveNumericField(e){let t=e.target.value;this.model.numericFields=this.model.numericFields.filter(i=>i!==t)}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=l.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=l.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||this.model.numericFields.length>1?"":u(this.layerFieldsInfo,this.model.splitByField)}getCorrectedXAxisValue(){return E({fieldName:this.model.xAxisField,numericFields:this.model.numericFields,fieldList:this.layerFieldsInfo})?"":u(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(a=>a.name===this.model.xAxisField),t=e?.type===p.Date||e?.type===p.DateOnly||e?.type===p.TimestampOffset,i=this.model.aggregationType!==d.NoAggregation;return t&&i}setupPopover(e){e.stopImmediatePropagation(),this.removeLineChartDataPopover();let t={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??f.Second},i,a,o;switch(this.contentKind){case l.aggregation:i=this.aggregationElement.value,a=this._messages.aggregationHeader,o=this.model.aggregationType;break;case l.xAxisField:i=this.xAxisFieldElement.value,a=this._messages.xAxisFieldHeader,o=this.model.xAxisField;break;case l.numericFields:i=this.numericFieldsElement.value,a=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case l.splitByField:i=this.splitByFieldElement.value,a=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case l.interval:i=this.intervalElement.value,a=this._messages.editInterval,o=t;break;case l.intervalAlignment:i=this.intervalAlignmentElement.value,a=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.lineChartPopover=A(r`<arcgis-charts-config-line-chart-popover .headingTitle=${a} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} @arcgisChartsConfigLineChartDataPopoverChange=${this.onLineChartDataChange} @arcgisChartsConfigLineChartPopoverClose=${this.popoverClose}></arcgis-charts-config-line-chart-popover>`),!document.body.contains(this.lineChartPopover)&&this.lineChartPopover!==null&&document.body.appendChild(this.lineChartPopover)}removeLineChartDataPopover(){this.lineChartPopover!==null&&(this.lineChartPopover.open=!1,this.lineChartPopover=N(this.lineChartPopover))}renderAggregation(){return r`<arcgis-charts-config-field-select .label=${this.model.aggregationType===d.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderXAxisField(){let e=this.getCorrectedXAxisValue();return r`<arcgis-charts-config-field-select .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let t=C(this.layerFieldsInfo),i=[];for(let a of e)a!==t&&i.push(this.buildNumericFieldItem(a));return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,t=this.model.temporalBinningSize??"",i=w(this.model.temporalBinningUnit??f.Second,this._messages)??"",a=P(b),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},v=k(o,a);return[r`<calcite-list label selection-appearance=border><calcite-list-item .value=${e?"":`${t} ${i}`} .label=${e?"":`${t} ${i}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,r`<div class=${s(n.linkContainer)}><calcite-button .disabled=${v} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return r`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Zero} .checked=${this.model.nullPolicy===h.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Interpolate} .checked=${this.model.nullPolicy===h.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Null} .checked=${this.model.nullPolicy===h.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),t=this.renderXAxisField(),i=this.renderSplitBy(),a=this.renderNumericFields([...this.model.numericFields]),o=this.renderInterval(),v=this.renderIntervalAlignment(),D=this.renderEmptyBins();return r`<div><calcite-label class=${s(n.label)}>${this._messages.xAxisField}${t}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${a}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy?n.dimText:"")}>${this._messages.splitBy}</span>${i}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${s(n.label)}>${this._messages.emptyBins}${D}</calcite-label></div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`}};I("arcgis-charts-config-line-chart-data",$);return $},"renderers/support/jsonUtils","symbols/support/symbolUtils","Graphic","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,e)

package/dist/cdn/4FC3IMFQ.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.27 */
-import{a as B}from"./DPK5NQPS.js";import{a as I,b as w}from"./SZY4JQXT.js";import b from"./45UI5E73.js";import"./D44I4MD3.js";import{a as m}from"./U5XYWES3.js";import a from"./DSO5SLK2.js";import{g as c}from"./WEDGAWGB.js";import"./J6HYIFZW.js";import"./AS52RGTW.js";import{a as l}from"./BGVGJXJU.js";import{A as o,D as v,F as C,g as f,h as n,w as h,x as r,y as N}from"./5YDBKC4T.js";import"./Z5JBWA7D.js";export default $arcgis.t(([,{a:g,f:M,g:x,h:p,i:i}])=>{var d={linkContainer:"link-container",label:"label",mb2:"mb-2"},E=f`.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)}calcite-block{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor)}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,b=class extends N{constructor(){super(...arguments),this._messages=m(),this.commonStrings=m({name:"common",blocking:!0}),this.axisModel=new B,this.minBoundInputElement=h(),this.maxBoundInputElement=h(),this.showLogScaleSwitch=h(),this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=async()=>{let e=this.maxBoundInputElement.value?.value,t=this.maxBoundInputElement.value?.status;if(e!==void 0&&e!==""){let s=this.maxBoundInputElement.value?.min===void 0?this.axisModel.getMinBound():Math.max(this.maxBoundInputElement.value.min,this.axisModel.getMinBound()),a=Number.parseFloat(e);if(a!==this.axisModel.getMinBound()&&M(a,s,this.maxBoundInputElement.value?.max)){if(a!==this.axisModel.getMaxBound()){this.axisModel.setMaxBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMaxBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.maxBoundInputElement.value&&p({inputElement:this.maxBoundInputElement.value,status:t}),t!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&await this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=c(this.onMaxBoundsChange,g.DebounceTimer),this.onMinBoundsChange=async()=>{let e=this.minBoundInputElement.value?.value,t=this.minBoundInputElement.value?.status;if(e!==void 0&&e!==""){let s=this.minBoundInputElement.value?.max===void 0?this.axisModel.getMaxBound():Math.min(this.minBoundInputElement.value.max,this.axisModel.getMaxBound()),a=Number.parseFloat(e);if(a!==this.axisModel.getMaxBound()&&M(a,this.minBoundInputElement.value?.min,s)){if(a!==this.axisModel.getMinBound()){this.axisModel.setMinBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMinBound=a)}t=i.IDLE}else t=i.INVALID}else t=i.IDLE;this.minBoundInputElement.value&&p({inputElement:this.minBoundInputElement.value,status:t}),t!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&await this.onMaxBoundsChange(),await this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=c(this.onMinBoundsChange,g.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle=""}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=E}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),e.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,e.get("dataMinValue")),e.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,e.get("dataMaxValue")),e.has("initialMaxBound")&&this.initialMaxBoundChange(),e.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){this.axisModel=new B(this.model,this.isXAxis),t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMinBound=e)}dataMaxValueChange(e,t){Number.isNaN(t)&&!Number.isNaN(e)&&(this.defaultMaxBound=e)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let e,t=I.chartAxesBoundDataMap,s=this.model.chartId;if(s){let a=w({chartId:s,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});e=t[s]?.[a]}return e}disableResetButtons(){let e=this.getAxisBoundsFromStateStore();e&&(this.disableMaxBoundResetBtn=e.defaultMaxBound===e.currMaxBound,this.disableMinBoundResetBtn=e.defaultMinBound===e.currMinBound)}async onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=v(n`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value??document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled??""}</calcite-tooltip>`),document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}async onCategoryFormatChange(e){this.axisModel.setValueFormat(e.target.categoryFormat)}async updateEnableLogarithmic(e){e!==this.axisModel.getLogarithmic()&&(this.axisModel.setLogarithmic(e),this.requestUpdate())}async onNumberFormatChange(e){this.axisModel.setValueFormat({type:l.NumberAxisFormat,intlOptions:e.detail}),this.requestUpdate()}async onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let e=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&this.axisModel.setMinBound(e?.defaultMinBound??Number.NaN),this.axisModel.setMaxBound(e?.defaultMaxBound??Number.NaN),this.requestUpdate()}}async onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&this.axisModel.setMaxBound(Number.NaN),this.axisModel.setMinBound(Number.NaN),this.requestUpdate())}async enableLogScale(e){let{checked:t}=e.target;this.axisModel.setLogarithmic(t&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return n`<div><calcite-block .hidden=${this.axisModel.getValueFormat()?.type===l.DateAxisFormat} open .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block></div>`}renderAxis(){let e=null,t={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case l.CategoryAxisFormat:e=n`<arcgis-charts-config-category-format .categoryFormat=${t} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case l.NumberAxisFormat:e=n`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...t.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case l.DateAxisFormat:e=null;break}return e}renderMaxBound(){let e;if(!this.showMaxBoundOption)e=null;else{let t=x(this.axisModel.getMaxBound(),this.initialMaxBound);e=n`<div><calcite-label class=${o(d.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${r(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${o(d.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderMinBound(){let e;if(!this.showMinBoundOption)e=null;else{let t=x(this.axisModel.getMinBound(),this.initialMinBound??void 0);e=n`<div><calcite-label class=${o(d.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${t} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${r(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${o(d.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return e}renderShowLogScale(){let e;return this.showEnableLogOption&&(e=n`<calcite-label layout=inline-space-between class=${o({[d.label]:!0,[d.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${r(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),e}};C("arcgis-charts-config-axis",b);return b},a,b)

package/dist/cdn/66JWKQVE.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.27 */
-import{a as S,c as K,d as j,f as H}from"./SZY4JQXT.js";import{a as Z}from"./UNVWR33U.js";import{a as A}from"./25GEFIPQ.js";import{a as q}from"./JTQL3DQW.js";import i from"./45UI5E73.js";import{g as a,m as f}from"./D44I4MD3.js";import{a as w}from"./U5XYWES3.js";import g from"./636TNSOD.js";import e from"./DSO5SLK2.js";import{j as v,q as y}from"./WEDGAWGB.js";import"./J6HYIFZW.js";import{a as d}from"./AS52RGTW.js";import{a as p,b as h,k as F,n as b}from"./BGVGJXJU.js";import{A as r,D as T,F as P,g as L,h as n,j as O,l as u,w as c,x as m,y as E}from"./5YDBKC4T.js";import"./Z5JBWA7D.js";export default $arcgis.t(([,,,,,,,{Aa:N,Ia:z,Uc:x,Va:I,bb:$,cb:U,e:D,gb:V,pc:B,za:_},{e:R},{a:M}])=>{var l={label:"label",fieldList:"field-list",fab:"fab",disabledLabel:"disabled-label",timeBinningHeader:"time-binning-header",linkContainer:"link-container",list:"list",customSortButtons:"custom-sort-buttons",dimText:"dim-text",intervalContainer:"interval-container"},Q=L`.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,.disabled-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}.time-binning-header{display:flex;font-weight:700;margin-left:.5rem;margin-right:.5rem;justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.field-list{max-height:50vh;overflow-y:auto}.disabled-label{pointer-events:none}.fab{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:1.5rem;justify-content:center}.link-container{display:flex;justify-content:flex-end}.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)}.custom-sort-buttons{display:flex;justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.interval-container{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor)}`,k=class extends E{constructor(){super(...arguments),this._messages=w(),this.commonStrings=w({name:"common",blocking:!0}),this.barChartPopover=null,this.sortOrderElement=c(),this.aggregationElement=c(),this.categoryElement=c(),this.numericFieldsElement=c(),this.splitByFieldElement=c(),this.enableTimeBinningSwitch=c(),this.intervalAlignmentElement=c(),this.intervalElement=c(),this.originalCustomSortLabels=[],this.isCustomSortDisabled=!1,this.onBarChartDataChange=async e=>{try{if(e.detail!==null&&e.detail?.value!==void 0){let{contentKind:i}=e.detail,t=[...e.detail.value];switch(K(S),i){case a.aggregation:this.model.aggregationType=t[0]!==h.NoAggregation?t[0]:h.NoAggregation;break;case a.category:{let s=t[0]?.trim()||"";if(this.model.xAxisField=s,this.model.getSortOrder()===d.customSort){let o=await this.updateCustomSortProps();this.model.orderByList=o,this.sortOrderResetCounter+=1}break}case a.numericFields:if(this.model.numericFields=t,(this.model.numericFields??[]).length>0&&this.model.aggregationType===h.Count&&this.model.numericFields[0]!==B(this.layerFieldsInfo)&&(this.model.aggregationType=h.Sum),this.model.getSortOrder()===d.customSort){let s=await this.updateCustomSortProps();this.model.orderByList=s,this.sortOrderResetCounter+=1}break;case a.splitByField:{let s=t[0]?.trim()||"";this.model.splitByField=s,this.model.colorMatch=!0;break}case a.sortOrder:{let s=t[0];if(s===d.customSort){let o=await this.updateCustomSortProps();this.model.setSortOrder(s,o)}else this.model.setSortOrder(s);this.sortOrderResetCounter+=1;break}case a.interval:this.model.temporalBinningSize=t[0]?.intervalSize,this.model.temporalBinningUnit=t[0]?.intervalUnits,this.arcgisChartsConfigCustomizedTimeInterval.emit();break;case a.intervalAlignment:this.model.timeAggregationType=t[0]??"";break;default:break}i!==a.interval&&i!==a.intervalAlignment&&H(S)}}catch(i){throw this.arcgisChartsConfigDataChangeError.emit({error:i,model:this.model}),i}this.removeBarChartDataPopover(),this.requestUpdate()},this.onModelConfigChange=()=>{this.requestUpdate()},this.popoverClose=e=>{this.barChartPopover===e?.target&&this.removeBarChartDataPopover()},this.selectedCustomSortItemId="",this.sortOrderResetCounter=0,this.layerFieldsInfo=[],this.arcgisChartsConfigBarChartDataNumericFieldValidate=u(),this.arcgisChartsConfigDataChangeError=u(),this.arcgisChartsConfigResetTimeInterval=u(),this.arcgisChartsConfigCustomizedTimeInterval=u()}static{this.properties={selectedCustomSortItemId:16,aggregationLabel:16,timeAggregationLabel:16,disableSplitBy:16,sortOrderResetCounter:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5}}static{this.styles=Q}load(){this.modelChange(this.model),this.onModelConfigChange(),this.currentDataFilter=this.model.getDataFilters(),this.updateCustomSortProps()}async willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.aggregationLabel=_(this.model.aggregationType,this.commonStrings),v(this.model.getDataFilters(),this.currentDataFilter)||(this.model.getSortOrder()===d.customSort&&await this.updateCustomSortProps(),this.currentDataFilter=this.model.getDataFilters());let i=this.model.timeAggregationType;i!==void 0&&(this.timeAggregationLabel=N(i,this.commonStrings)),this.disableSplitBy=this.model.numericFields.length>1||this.model.xAxisField===""||this.model.xAxisField===D}disconnectedCallback(){super.disconnectedCallback(),this.removeBarChartDataPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,i){i?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onCalciteListOrderChange(e){if(e.detail!==null&&e.detail!==void 0){let{newIndex:i,oldIndex:t}=e.detail;this.model.moveCustomSortValuesInOrderByList(t,i)}}onCustomSortItemSelected(e){let{id:i}=e.target;this.selectedCustomSortItemId=this.selectedCustomSortItemId===i?"":i}onCustomSortItemMoved(e){let{id:i}=e.target,t=this.model.orderByList.length,s=this.model.orderByList.indexOf(this.selectedCustomSortItemId);i===f.Up?t=s-1:i===f.Down&&(t=s+1),s>=0&&t>=0&&t<this.model.orderByList.length&&(this.model.moveCustomSortValuesInOrderByList(s,t),this.sortOrderResetCounter+=1)}async onEnableTimeBinningChange(e){let i=e.target.checked;this.model.binTemporalData=i,this.requestUpdate()}buildNumericFieldItem(e){return A(e,n`<calcite-list-item .label=${$(this.layerFieldsInfo,e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`)}resetTimeIntervalOriginal(e){this.popoverClose(e),this.model.resetTimeInterval!==void 0&&(this.model.resetTimeInterval(),this.arcgisChartsConfigResetTimeInterval.emit())}buildCustomSortListItems(){return Z(this.model.orderByList,e=>e,e=>{let i=U(this.layerFieldsInfo,e),t=this.model.nullCategory!==void 0&&e.trim()===z.nullCategory?.text?.trim();return n`<calcite-list-item id=${e??O} .label=${e} .closed=${t} .description=${i} .value=${e} .selected=${this.selectedCustomSortItemId===e} @calciteListItemSelect=${this.onCustomSortItemSelected}><calcite-icon slot=content-end></calcite-icon></calcite-list-item>`})}buildCustomSortList(){return A(this.sortOrderResetCounter,n`<calcite-list label class=${r(l.list)} drag-enabled selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${this.buildCustomSortListItems()}</calcite-list>`)}onAggregationSelect(e){this.contentKind=a.aggregation,this.setupPopover(e)}onSortOrderSelect(e){this.contentKind=a.sortOrder,this.setupPopover(e)}onCategorySelect(e){this.contentKind=a.category,this.setupPopover(e)}onSplitBySelect(e){this.splitByFieldElement.value&&!this.splitByFieldElement.value.disabled&&(this.contentKind=a.splitByField,this.setupPopover(e))}onAddNumericFields(e){this.contentKind=a.numericFields,this.setupPopover(e)}async onRemoveNumericField(e){let i=e.target.value;if(this.model.numericFields=this.model.numericFields.filter(t=>t!==i),this.model.getSortOrder()===d.customSort){let t=await this.updateCustomSortProps();this.model.orderByList=t,this.sortOrderResetCounter+=1}}onIntervalAlignmentSelect(e){this.intervalAlignmentElement.value&&!this.intervalAlignmentElement.value.disabled&&(this.contentKind=a.intervalAlignment,this.setupPopover(e))}onIntervalSelect(e){this.intervalElement.value&&!this.intervalElement.value.disabled&&(this.contentKind=a.interval,this.setupPopover(e))}getCorrectedSplitByValue(){return this.model.splitByField===""||(this.model.numericFields??[]).length>1?"":$(this.layerFieldsInfo,this.model.splitByField)}getCorrectedCategoryValue(){return R({fieldName:this.model.xAxisField,numericFields:this.model.numericFields,fieldList:this.layerFieldsInfo})?"":$(this.layerFieldsInfo,this.model.xAxisField)}onShowDataLabelsChange(e){this.model.dataLabelsVisibility=e.target.checked}onTreatNullAsCategoryChange(e){this.model.fetchNULLValues=e.target.checked}async updateCustomSortProps(){let e=await this.model.getCustomSortValues();this.originalCustomSortLabels=[...e];let i=e.length>M.customSortLimit;return i&&(this.sortOrderElement.value&&(this.sortOrderElement.value.label=this._messages.xAxisAsc),this.model.setSortOrder(d.xAxisAsc)),this.isCustomSortDisabled=i,e}setupPopover(e){e.stopImmediatePropagation(),this.removeBarChartDataPopover();let i={size:this.model.temporalBinningSize??1,unit:this.model.temporalBinningUnit??F.Second},t,s,o,g=!1,C=!1;switch(this.contentKind){case a.aggregation:t=this.aggregationElement.value,s=this._messages.aggregationHeader,g=x(this.model.config.series??[])===I.BarAndLineFromFields,o=this.model.aggregationType;break;case a.category:t=this.categoryElement.value,s=this._messages.categoryHeader,o=this.model.xAxisField;break;case a.numericFields:t=this.numericFieldsElement.value,s=this._messages.numericFieldsHeader,o=this.model.numericFields;break;case a.splitByField:t=this.splitByFieldElement.value,s=this._messages.splitByFieldHeader,o=this.model.splitByField;break;case a.sortOrder:t=this.sortOrderElement.value,s=this._messages.sortOrderHeader,o=this.model.getSortOrder(),C=this.isCustomSortDisabled;break;case a.interval:t=this.intervalElement.value,s=this._messages.editInterval,o=i;break;case a.intervalAlignment:t=this.intervalAlignmentElement.value,s=this._messages.intervalAlignment,o=this.model.timeAggregationType??"";break}this.barChartPopover=T(n`<arcgis-charts-config-bar-chart-popover .headingTitle=${s} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${o} .isCustomSortDisabled=${C} .isNoAggregationDisabled=${g} @arcgisChartsConfigBarChartDataPopoverChange=${this.onBarChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-bar-chart-popover>`),!document.body.contains(this.barChartPopover)&&this.barChartPopover!==null&&document.body.appendChild(this.barChartPopover)}removeBarChartDataPopover(){this.barChartPopover!==null&&(this.barChartPopover.open=!1,this.barChartPopover=q(this.barChartPopover))}resetToOriginalCustomSortLabels(){this.selectedCustomSortItemId="",this.model.orderByList=[...this.originalCustomSortLabels],this.sortOrderResetCounter+=1}onTrimIncompleteIntervalChange(e){this.model.trimIncompleteTimeInterval=e.target.checked}onNullPolicyChange(e){this.model.nullPolicy=e.target.selectedItem.value}shouldShowTimeBinning(){let e=this.layerFieldsInfo.find(s=>s.name===this.model.xAxisField),i=e?.type===y.Date||e?.type===y.DateOnly||e?.type===y.TimestampOffset,t=this.model.aggregationType!==h.NoAggregation;return i&&t}renderSorting(){return n`<arcgis-charts-config-field-select .disabled=${this.model.getAxisValueFormat(0)?.type===p.DateAxisFormat} .label=${this.model.getAxisValueFormat(0)?.type===p.DateAxisFormat?this._messages.xAxisAsc:this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${m(this.sortOrderElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return n`<arcgis-charts-config-field-select .label=${this.model.aggregationType===h.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderCategory(){let e=this.getCorrectedCategoryValue();return n`<arcgis-charts-config-field-select .label=${e} @click=${this.onCategorySelect} ${m(this.categoryElement)}></arcgis-charts-config-field-select>`}renderSplitBy(){let e=this.getCorrectedSplitByValue();return n`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`}renderNumericFields(e){let i=B(this.layerFieldsInfo),t=[];for(let s of e)s!==i&&t.push(this.buildNumericFieldItem(s));return n`<calcite-list label class=${r(l.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`}renderCustomSortUI(){let e=this.model.getSortOrder(),i=this.model.getAxisValueFormat(0)?.type,t=this.model.orderByList.indexOf(this.selectedCustomSortItemId);return i===p.CategoryAxisFormat&&e===d.customSort&&!this.isCustomSortDisabled?n`<calcite-label class=${r(l.label)}><div class=${r(l.customSortButtons)}><div><calcite-button appearance=transparent .disabled=${t===0||t===-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-up id=${f.Up} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button><calcite-button appearance=transparent .disabled=${t===-1||t===this.model.orderByList.length-1||this.selectedCustomSortItemId.trim()===""} icon-start=arrow-bold-down id=${f.Down} kind=neutral scale=s @click=${this.onCustomSortItemMoved}></calcite-button></div><calcite-button @click=${this.resetToOriginalCustomSortLabels} .disabled=${v(this.model.orderByList,this.originalCustomSortLabels)} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${x(this.model.config.series??[])===I.BarAndLineFromFields?this._messages.values:this._messages.category}${this.buildCustomSortList()}</calcite-label>`:null}renderInterval(){let e=(this.model.temporalBinningSize??0)<=0,i=this.model.temporalBinningSize??"",t=V(this.model.temporalBinningUnit??F.Second,this._messages)??"",s=j(S),o={size:this.model.temporalBinningSize,unit:this.model.temporalBinningUnit},g=v(o,s);return[n`<calcite-list label selection-appearance=border class=${r(l.intervalContainer)}><calcite-list-item .value=${e?"":`${i} ${t}`} .label=${e?"":`${i} ${t}`} @click=${e?()=>{}:this.onIntervalSelect} ${m(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,n`<div class=${r(l.linkContainer)}><calcite-button .disabled=${g} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`]}renderIntervalAlignment(){return n`<arcgis-charts-config-field-select .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-select>`}renderEmptyBins(){return n`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${b.Zero} .checked=${this.model.nullPolicy===b.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${b.Null} .checked=${this.model.nullPolicy===b.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let e=this.renderAggregation(),i=this.renderCategory(),t=this.renderSplitBy(),s=this.renderSorting(),o=this.renderNumericFields([...this.model.numericFields??[]]),g=this.renderCustomSortUI(),C=this.renderInterval(),G=this.renderIntervalAlignment(),W=this.renderEmptyBins();return n`<calcite-label class=${r(l.label)}>${this._messages.category}${i}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.numericFields}${o}</calcite-label><div class=${r(l.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${r(l.label)}><span class=${r(this.disableSplitBy?l.dimText:"")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${r(l.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.enableTemporalBinning}<calcite-switch .checked=${this.model.binTemporalData} @calciteSwitchChange=${this.onEnableTimeBinningChange} ${m(this.enableTimeBinningSwitch)}></calcite-switch></calcite-label><div .hidden=${!this.model.binTemporalData||!this.shouldShowTimeBinning()}><calcite-label class=${r(l.label)}>${this._messages.interval}${C}</calcite-label><calcite-label class=${r(l.label)}>${this._messages.intervalAlignment}${G}</calcite-label><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.trimIncompleteTimeInterval} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${r(l.label)}>${this._messages.emptyBins}${W}</calcite-label></div></div><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.treatNullAsCategory}<calcite-switch .checked=${this.model.fetchNULLValues} @calciteSwitchChange=${this.onTreatNullAsCategoryChange}></calcite-switch></calcite-label><calcite-label class=${r(l.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.dataLabelsVisibility} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label><calcite-label class=${r(this.model.getAxisValueFormat(0)?.type===p.DateAxisFormat?l.disabledLabel:l.label)}>${this._messages.sortOrder}${s}</calcite-label>${g}`}};P("arcgis-charts-config-bar-chart-data",k);return k},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",e,g,i)

package/dist/cdn/BISV6562.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.27 */
-import{d as t}from"./D44I4MD3.js";import{g as f}from"./EMCYHSLV.js";import b from"./DSO5SLK2.js";import{j as s}from"./WEDGAWGB.js";import"./J6HYIFZW.js";import"./BGVGJXJU.js";import{F as d,g as n,h as a,l as h,y as m}from"./5YDBKC4T.js";import"./Z5JBWA7D.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{mc:c,oc:g,qc:p,rc:y}])=>{var u=n`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,l=class extends m{constructor(){super(...arguments),this.onModelConfigChange=async i=>{let e=i?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(e)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigNoSeriesUpdate=h()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedDataMinMaxBounds:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5}}static{this.styles=u}async load(){this.layer!==void 0&&await this.layerChange(this.layer,void 0),this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),this.usePopupTemplateFieldsInfo!==void 0&&await this.usePopupTemplateFieldsInfoChange(this.usePopupTemplateFieldsInfo,void 0),this.modelChange(this.model),this.onModelConfigChange()}async willUpdate(i){i.has("model")&&this.modelChange(this.model,i.get("model")),i.has("layer")&&await this.layerChange(this.layer,i.get("layer")),i.has("usePopupTemplateFieldsInfo")&&await this.usePopupTemplateFieldsInfoChange(this.usePopupTemplateFieldsInfo,i.get("usePopupTemplateFieldsInfo")),i.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&await this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(i,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),i?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}async layerChange(i,e){i&&!s(e,i)&&await this.updateFetchLayerFieldsInfo()}async usePopupTemplateFieldsInfoChange(i,e){i&&i!==e&&await this.updateFetchLayerFieldsInfo()}seriesColorChange(i){this.activeColorMatch=i?.get(0)?.markerSymbol===void 0,this.model.colorMatch&&i?.forEach((e,o)=>{e&&i?.get(0)!==void 0&&("lineSymbol"in e&&(e.lineSymbol?.color!==void 0&&!s(this.model.getSeriesColor(o),e.lineSymbol.color)&&this.model.setSeriesColor(e.lineSymbol.color,o),e.lineSymbol?.style!==void 0&&!s(this.model.getSeriesLineStyle(o),e.lineSymbol.style)&&this.model.setSeriesLineStyle(e.lineSymbol.style,o),e.lineSymbol?.width!==void 0&&!s(this.model.getSeriesLineWidth(o),e.lineSymbol.width)&&this.model.setSeriesLineWidth(e.lineSymbol.width,o)),"markerSymbol"in e&&(e.markerSymbol?.color!==void 0&&!s(this.model.getSeriesMarkerColor(o),e.markerSymbol?.color)&&this.model.setSeriesMarkerColor(e.markerSymbol?.color,o),e.markerSymbol?.style!==void 0&&!s(this.model.getSeriesMarkerStyle(o),e.markerSymbol?.style)&&this.model.setSeriesMarkerStyle(e.markerSymbol?.style,o),e.markerSymbol?.size!==void 0&&this.model.getSeriesMarkerSize(o)!==e.markerSymbol?.size&&this.model.setSeriesMarkerSize(e.markerSymbol?.size,o)))})}async updateFetchLayerFieldsInfo(i){let e=i??this.model.config,o=this.layer;if(!o){let r=f(e)?e.iLayer:void 0;r&&(o=await c(r))}o&&(this.layerFieldsInfo=await g(o,this.usePopupTemplateFieldsInfo))}render(){let i=this.layerFieldsInfo?.find(r=>r.name===this.model.xAxisField),e=i!==void 0&&(p(i)||y(i)),o;switch(this.page){case t.Data:o=a`<arcgis-charts-config-line-chart-data .model=${this.model} .resetTimeInterval=${this.model.resetTimeInterval} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-line-chart-data>`;break;case t.Series:o=a`<arcgis-charts-config-line-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-line-chart-series>`;break;case t.Axes:o=a`<arcgis-charts-config-axes .model=${this.model} show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;break;case t.Guides:o=a`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .enableXAxisGuide=${e} enable-y-axis-guide></arcgis-charts-config-guides>`;break;case t.Format:o=a`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case t.General:o=a`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:o="";break}return o}};d("arcgis-charts-config-line-chart",l);return l},"renderers/support/jsonUtils","symbols/support/symbolUtils","Graphic","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",b)

package/dist/cdn/BQXLYQZ4.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.27 */
-import{a as m,c as K}from"./SZY4JQXT.js";import{a as I}from"./JTQL3DQW.js";import b from"./45UI5E73.js";import{j as o,l as h}from"./D44I4MD3.js";import{a as E}from"./U5XYWES3.js";import a from"./DSO5SLK2.js";import{c as z,f as L,i as k,w as x}from"./WEDGAWGB.js";import"./J6HYIFZW.js";import"./AS52RGTW.js";import{a as S}from"./BGVGJXJU.js";import{A as i,B as v,D as w,F as A,g as F,h as n,l as $,w as d,x as r,y as T}from"./5YDBKC4T.js";import"./Z5JBWA7D.js";export default $arcgis.t(([,,,,,,,,,,,,,,,{Ca:_,I:C,bb:y,z:M},{b:V,f:f,g:b,h:p,i:g,j:D}])=>{var l={label:"label",r2:"r2",numberInput:"number-input",iconSelect:"icon-select",sectionLabel:"section-label",switchElement:"switch-element",sectionContainer:"section-container",multiInputSection:"multi-input-section",dimText:"dim-text"},N=F`.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)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.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}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) 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)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`,P=class extends T{constructor(){super(...arguments),this._messages=E(),this.commonStrings=E({name:"common",blocking:!0}),this.scatterplotPopover=null,this.selectColorElement=d(),this.selectTrendLineElement=d(),this.xAxisElement=d(),this.yAxisElement=d(),this.tooltipFieldElement=d(),this.sizeVariableElement=d(),this.colorModeElement=d(),this.symbolSizeModeElement=d(),this.minSizeInputElement=d(),this.maxSizeInputElement=d(),this.items=[],this.setTrendLineSymbol=e=>{let t=e.detail;this.model.linearTrendSymbol=L(t)},this.setFixedSymbolRGBAColor=e=>{let t=e.detail,[a,s,c]=t,u=M*255;this.model.fixedMarkerSymbol={...this.model.fixedMarkerSymbol,color:[a,s,c,u]}},this.setXYField=e=>{try{let t=e.detail;K(m),this.contentKind===o.xAxisField?this.model.xAxisField=t:this.model.yAxisField=t,this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.setAdditionalTooltipField=e=>{let t=e.detail;this.model.additionalTooltipField=t,this.removeScatterplotPopover()},this.setSizeVariableField=e=>{try{let t=e.detail;t?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:this.model.sizePolicy=void 0,m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field??void 0},this.removeScatterplotPopover()}catch(t){throw this.arcgisChartsConfigDataChangeError.emit({error:t,model:this.model}),t}},this.closeScatterplotPopover=e=>{this.scatterplotPopover===e?.target&&(this.contentKind=o.none,this.removeScatterplotPopover())},this.onModelConfigChange=()=>{this.requestUpdate();let{minSize:e,maxSize:t}=this.model.sizePolicy??{};this.minSizeInputElement.value!==void 0&&e!==void 0&&(this.minSizeInputElement.value.value=`${e}`,f(this.minSizeInputElement.value.value,this.minSizeInputElement.value.min,this.minSizeInputElement.value.max)?p({inputElement:this.minSizeInputElement.value,status:g.IDLE}):p({inputElement:this.minSizeInputElement.value,status:g.INVALID})),this.maxSizeInputElement.value!==void 0&&t!==void 0&&(this.maxSizeInputElement.value.value=`${t}`,f(this.maxSizeInputElement.value.value,this.maxSizeInputElement.value.min,this.maxSizeInputElement.value.max)?p({inputElement:this.maxSizeInputElement.value,status:g.IDLE}):p({inputElement:this.maxSizeInputElement.value,status:g.INVALID}))},this.segmentedControlRef=e=>{e&&(e.focus=()=>{},this.items.push(e))},this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=$(),this.arcgisChartsConfigScatterplotPopoverChange=$()}static{this.properties={selectedElement:16,selectedSizeType:16,messageOverrides:0,model:0,r2:9,layerFieldsInfo:0,isTableLayer:5}}static{this.styles=N}load(){this.modelChange(this.model),this.onModelConfigChange(),this.defaultR2Label=_(this.commonStrings)}willUpdate(e){e.has("model")&&(this.updateSymbolSizeInfoInAppState(),this.modelChange(this.model,e.get("model"))),e.has("selectedElement")&&this.openPopover()}async loaded(){await(async e=>await new Promise(t=>setTimeout(()=>t(),e)))(250),this.items.forEach(e=>{delete e.focus})}disconnectedCallback(){super.disconnectedCallback(),this.removeScatterplotPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}updateSymbolSizeInfoInAppState(){this.selectedSizeType=this.getCurrentSymbolSizeType(),console.log("\u{1F680} ~ ArcgisChartsConfigScatterplotData ~ load ~ this.selectedSizeType:",this.selectedSizeType),this.selectedSizeType===h.Proportional&&(m.scatterplotData[m.selectedChartId]={...m.scatterplotData[m.selectedChartId],sizePolicyField:this.model.sizePolicy?.field})}openPopover(){(typeof this.selectedElement=="string"||!k(this.selectedElement))&&this.setupPopover()}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setShowTrendLine(e){let t=e.target.checked;this.model.showLinearTrend=t,!t&&this.contentKind===o.trendLine&&this.closeScatterplotPopover(e)}symbolSizeChange(e){let t=e.target,{value:a}=t;if(a!==void 0&&f(a,t.min,t.max)){let s=Number.parseInt(a),c=this.model.sizePolicy,u=this.model.fixedMarkerSymbol;switch(t.name){case"fixed-symbol-size":u!==void 0&&(this.model.fixedMarkerSymbol={...u,size:s});break;case"proportional-symbol-min-size":c!==void 0&&(this.model.sizePolicy={...c,minSize:s});break;case"proportional-symbol-max-size":c!==void 0&&(this.model.sizePolicy={...c,maxSize:s});break}p({inputElement:t,status:g.IDLE})}else p({inputElement:t,status:g.INVALID})}symbolSizeRangeSliderInput(e){let t=e.target,{minValue:a,maxValue:s}=t,c=this.model.sizePolicy;c!==void 0&&(this.model.sizePolicy={...c,minSize:a,maxSize:s},this.minSizeInputElement.value!==void 0&&(this.minSizeInputElement.value.value=`${a}`),this.maxSizeInputElement.value!==void 0&&(this.maxSizeInputElement.value.value=`${s}`))}changeColorTypeToggle(){let e=this.colorModeElement.value?.selectedItem?.value;this.model.colorMatch=e===this._messages.useLayerColors}changeSymbolSizeTypeToggle(){let e=this.symbolSizeModeElement.value?.value;this.selectedSizeType=e;let t=m.scatterplotData[m.selectedChartId]?.sizePolicyField;e===h.Proportional&&t!==void 0?this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:t}:e===h.Fixed&&(this.model.sizePolicy={...this.model.sizePolicy,type:S.SizePolicy,field:""})}changeElementStyle(e){e.stopImmediatePropagation();let t=e.target;t.localName==="calcite-icon"&&(t=t.parentElement),t.value==="selectColor"?(this.contentKind=o.symbol,this.selectedElement=this.model.fixedMarkerSymbol?.color):t.value==="selectTrendLine"&&(this.contentKind=o.trendLine,this.selectedElement=this.model.linearTrendSymbol)}onXVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.xAxisField,this.selectedElement=this.model.xAxisField}onYVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.yAxisField,this.selectedElement=this.model.yAxisField}onAdditionalTooltipFieldSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.additionalTooltipFields,this.selectedElement=this.model.additionalTooltipField?.[0]??""}onSizeVariableSelectChange(e){e.stopImmediatePropagation(),this.contentKind=o.sizeVariable,this.selectedElement=this.model.sizePolicy?.field??""}setupPopover(){this.scatterplotPopover=I(this.scatterplotPopover);let e=[...this.layerFieldsInfo],t,a,s,c="trailing";switch(this.contentKind){case o.xAxisField:t=this.xAxisElement.value,s=this.model.xAxisField,a=this._messages.selectAField;break;case o.yAxisField:t=this.yAxisElement.value,s=this.model.yAxisField,a=this._messages.selectAField;break;case o.sizeVariable:t=this.sizeVariableElement.value,s=this.model.sizePolicy?.field??"",a=this._messages.selectAField;break;case o.additionalTooltipFields:t=this.tooltipFieldElement.value,s=this.model.additionalTooltipField?.[0]??"",a=this._messages.selectAField;break;case o.symbol:case o.trendLine:{let u=this.selectedElement;s=this.selectedElement,c="leading",Array.isArray(this.selectedElement)?t=this.selectColorElement.value:u?.type===x.SLS&&(t=this.selectTrendLineElement.value);break}default:this.contentKind=o.none,this.removeScatterplotPopover();break}this.scatterplotPopover=w(n`<arcgis-charts-config-scatter-plot-popover .headingTitle=${a} .referenceElement=${t} open .contentKind=${this.contentKind} .layerFieldsInfo=${e} .selectedContent=${s} .placement=${c} @arcgisChartsConfigPopoverClose=${this.closeScatterplotPopover} @arcgisChartsConfigScatterplotFillColorChange=${this.setFixedSymbolRGBAColor} @arcgisChartsConfigScatterplotLineStyleChange=${this.setTrendLineSymbol} @arcgisChartsConfigScatterplotXYFieldChange=${this.setXYField} @arcgisChartsConfigScatterplotSizeVariableFieldChange=${this.setSizeVariableField} @arcgisChartsConfigScatterplotAdditionalTooltipFieldChange=${this.setAdditionalTooltipField}></arcgis-charts-config-scatter-plot-popover>`),!document.body.contains(this.scatterplotPopover)&&this.scatterplotPopover!==null&&document.body.appendChild(this.scatterplotPopover)}removeScatterplotPopover(){this.scatterplotPopover!==null&&(this.scatterplotPopover=I(this.scatterplotPopover)),this.selectedElement={}}getCurrentSymbolSizeType(){let e=this.model.sizePolicy;return e===void 0||e.field===""?h.Fixed:h.Proportional}renderXVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.xAxisField??"")} @click=${this.onXVariableSelectChange} ${r(this.xAxisElement)}></arcgis-charts-config-field-select>`}renderYVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.yAxisField??"")} @click=${this.onYVariableSelectChange} ${r(this.yAxisElement)}></arcgis-charts-config-field-select>`}renderTooltipField(){return n`<arcgis-charts-config-field-select .disabled=${this.model.dataStore.aggregated} .label=${y(this.layerFieldsInfo,this.model.additionalTooltipField?.[0]??"")} @click=${this.onAdditionalTooltipFieldSelectChange} ${r(this.tooltipFieldElement)}></arcgis-charts-config-field-select>`}renderStatistics(){let[e,t,a,s]=[...this.model.linearTrendSymbol?.color??C(0)];return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)} layout=inline-space-between>${this._messages.showLinearTrend}<calcite-switch class=${i(l.switchElement)} .checked=${this.model.showLinearTrend} @calciteSwitchChange=${this.setShowTrendLine}></calcite-switch></calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.trendLineStyle} value=selectTrendLine .hidden=${!this.model.showLinearTrend} .selected=${this.selectedElement?.type===x.SLS} @click=${this.changeElementStyle} ${r(this.selectTrendLineElement)}><calcite-icon slot=content-end icon=line-solid style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list><div class=${i(l.r2)} .hidden=${!this.model.showLinearTrend}>${`${this._messages.r2}: ${Number.isNaN(this.r2)?this.defaultR2Label:D(this.r2,V)}`}</div></div>`}renderFixedSymbol(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-input type=number name=fixed-symbol-size class=${i(l.numberInput)} min=1 max=100 step=1 .value=${b(this.model.fixedMarkerSymbol?.size)} @calciteInputInput=${this.symbolSizeChange}></calcite-input></calcite-label>`}renderSizeVariable(){return n`<arcgis-charts-config-field-select .label=${y(this.layerFieldsInfo,this.model.sizePolicy?.field??"")} .invalid=${this.layerFieldsInfo.find(e=>e.name===this.model.sizePolicy?.field)===void 0} @click=${this.onSizeVariableSelectChange} ${r(this.sizeVariableElement)}></arcgis-charts-config-field-select>`}renderMinSizeInput(){return n`<calcite-input type=number name=proportional-symbol-min-size class=${i(l.numberInput)} min=1 .max=${this.model.sizePolicy?.maxSize??100} step=1 .value=${b(this.model.sizePolicy?.minSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.minSizeInputElement)}></calcite-input>`}renderMaxSizeInput(){return n`<calcite-input type=number name=proportional-symbol-max-size class=${i(l.numberInput)} .min=${this.model.sizePolicy?.minSize??1} max=100 step=1 .value=${b(this.model.sizePolicy?.maxSize)} @calciteInputInput=${this.symbolSizeChange} ${r(this.maxSizeInputElement)}></calcite-input>`}renderProportionalSymbol(){return n`<div class=${i(l.sectionContainer)}><calcite-label class=${i(l.label)}>${this._messages.numberRequired}${this.renderSizeVariable()}</calcite-label><div class=${i(l.multiInputSection)}><calcite-label class=${i(l.label)}>${this._messages.minSize}${this.renderMinSizeInput()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.maxSize}${this.renderMaxSizeInput()}</calcite-label></div><calcite-label><calcite-slider min=1 max=100 .minValue=${z(b(this.model.sizePolicy?.minSize))} .maxValue=${z(b(this.model.sizePolicy?.maxSize))} step=1 @calciteSliderInput=${this.symbolSizeRangeSliderInput}></calcite-slider></calcite-label></div>`}renderSymbolSizeType(){return n`<calcite-label class=${i(l.label)}>${this._messages.size}<calcite-segmented-control name=symbolSizeType layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeSymbolSizeTypeToggle} ${r(this.symbolSizeModeElement)}><calcite-segmented-control-item .value=${h.Fixed} .checked=${h.Fixed===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.fixed}</calcite-segmented-control-item><calcite-segmented-control-item .value=${h.Proportional} .checked=${h.Proportional===this.selectedSizeType} ${r(this.segmentedControlRef)}>${this._messages.proportional}</calcite-segmented-control-item></calcite-segmented-control></calcite-label>`}renderSymbol(){let[e,t,a,s]=[...this.model.fixedMarkerSymbol?.color??C(0)];return n`<div class=${i(l.sectionContainer)}>${this.renderSymbolSizeType()}${this.selectedSizeType===h.Proportional?this.renderProportionalSymbol():this.renderFixedSymbol()}<calcite-label class=${i(l.label)}>${this._messages.color}${this.isTableLayer!==!0?n`<calcite-segmented-control name=layerColor layout=horizontal scale=s @calciteSegmentedControlChange=${this.changeColorTypeToggle} ${r(this.colorModeElement)}><calcite-segmented-control-item .value=${this._messages.useLayerColors} .checked=${this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.useLayerColors}</calcite-segmented-control-item><calcite-segmented-control-item .value=${this._messages.singleColor} .checked=${!this.model.colorMatch} ${r(this.segmentedControlRef)}>${this._messages.singleColor}</calcite-segmented-control-item></calcite-segmented-control>`:null}</calcite-label><calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .label=${this._messages.color} value=selectColor .hidden=${this.model.colorMatch&&this.isTableLayer!==!0} .selected=${Array.isArray(this.selectedElement)} @click=${this.changeElementStyle} ${r(this.selectColorElement)}><calcite-icon slot=content-end icon=circle-f style=${v({color:`rgba(${e},${t},${a},${s/255})`})} class=${i(l.iconSelect)} @click=${this.changeElementStyle}></calcite-icon></calcite-list-item></calcite-list></div>`}render(){return n`<div><h3 class=${i(l.sectionLabel)}>${this._messages.variables}</h3><calcite-label class=${i(l.label)}>${this._messages.xAxisNumber}${this.renderXVariable()}</calcite-label><calcite-label class=${i(l.label)}>${this._messages.yAxisNumber}${this.renderYVariable()}</calcite-label><calcite-label class=${i(l.label)}><span class=${i(this.model.dataStore.aggregated?l.dimText:"")}>${this._messages.additionalTooltipFields}</span>${this.renderTooltipField()}</calcite-label><h3 class=${i(l.sectionLabel)}>${this._messages.statistics}</h3>${this.renderStatistics()}<h3 class=${i(l.sectionLabel)}>${this._messages.symbol}</h3>${this.renderSymbol()}</div>`}};A("arcgis-charts-config-scatter-plot-data",P);return P},"renderers/support/jsonUtils","symbols/support/symbolUtils","Graphic","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)

package/dist/cdn/CYY4HANB.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.27 */
-import{a as C}from"./JTQL3DQW.js";import d from"./45UI5E73.js";import"./D44I4MD3.js";import{a as X}from"./U5XYWES3.js";import{d as x,f as l}from"./EMCYHSLV.js";import c from"./DSO5SLK2.js";import{a as E,b as L,f as a,h as M,i as f,r as D,w as u,x as G,y as j,z as O}from"./WEDGAWGB.js";import"./J6HYIFZW.js";import{g as y,h as z,j as m,k as h,m as S,n as T,q as p}from"./AU4X5MSL.js";import{f as i,g as r,h as I}from"./AS52RGTW.js";import{a as n}from"./BGVGJXJU.js";import{A as g,D as N,F as w,g as A,h as b,x as B,y as V}from"./5YDBKC4T.js";import"./Z5JBWA7D.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,{e:R}])=>{var P={type:u.TS,color:[1,1,1,255],font:{family:"Tahoma",size:12,decoration:O.None,style:G.Normal,weight:j.Normal}},k={type:u.SLS,color:[1,1,1,255],style:D.Solid,width:2},v={element:"chart-element",elementList:"element-list",sectionLabel:"section-label"},W=A`:host{width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) 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)}.element-list{margin:var(--arcgis-charts-config-margin-minor)}.element{user-select:none}`,F=class extends V{constructor(){super(...arguments),this._messages=X(),this.formatPopover=null,this.selectableElements=[],this.textProperties=[],this.symbolProperties=[],this.symbolPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedTexts=[],this.selectedBackground=[],this.selectedSymbols.includes(s))this.selectedSymbols=[],this.updateSelectedElement(this.selectedSymbols);else{let o=this.getFormatValue(s);this.selectedSymbols=[s],this.initSelectedSymbols(x(o)?o:k)}this.setupFormatPopover()},this.textPropertyChange=t=>{let e=t;e.stopImmediatePropagation();let s;if(e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedBackground=[],e.shiftKey){this.selectedTexts=[];let o=this.textProperties.indexOf(this.lastSelectedText??s),c=this.textProperties.indexOf(s);this.textProperties.forEach((d,$)=>{$>=Math.min(o,c)&&$<=Math.max(o,c)&&this.selectedTexts.push(d)}),this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover()}else if(e.ctrlKey)this.selectedTexts.includes(s)?(this.selectedTexts=this.selectedTexts.filter(o=>o!==s),this.updateSelectedElement(this.selectedTexts)):(this.selectedTexts=[...this.selectedTexts,s],this.updateSelectedElement(this.selectedTexts)),this.setupFormatPopover();else if(this.selectedTexts.includes(s))this.selectedTexts=[],this.updateSelectedElement(this.selectedTexts),this.setupFormatPopover();else{let o=this.getFormatValue(s);this.selectedTexts=[s],this.initSelectedTexts(l(o)?o:P),this.setupFormatPopover()}this.lastSelectedText=s},this.backgroundChange=t=>{let e=t;e.stopImmediatePropagation();let s;e.target?.localName==="calcite-list-item"?s=e.target?.value:s=e.target?.parentNode?.value,this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground.includes(s)?(this.selectedBackground=[],this.selectedElement={}):(this.selectedBackground=[s],this.selectedElement=f(this.getFormatValue(s))?void 0:this.getFormatValue(s)),this.setupFormatPopover()},this.updateSymbolProps=t=>{let e=t.detail;this.selectedSymbols.forEach(s=>{this.setFormatValue(s,e)}),this.selectedElement=a(t.target.selectedElement)},this.updateBackground=t=>{this.setFormatValue(I.Background,t.detail),this.selectedElement=t.detail},this.updateTextProps=t=>{let{font:e,color:s}=t.detail;this.selectedTexts.forEach(o=>{let c=this.getFormatValue(o),d=l(c)?c:void 0;this.setFormatValue(o,{...d,type:u.TS,font:{...d?.font,...e},color:s??d?.color})}),this.selectedElement=a(t.target.selectedElement)},this.onModelConfigChange=()=>{this.requestUpdate()},this.formatPopoverClose=t=>{this.formatPopover===t?.target&&(this.selectedTexts=[],this.selectedSymbols=[],this.selectedBackground=[],this.selectedElement={},this.removeFormatPopover())},this.mergeFormatValues=(t,e)=>{let s=!1;E(t)&&E(e)||L(t)&&L(e)?s=!0:s=t===e;let o=typeof t=="number"||typeof e=="number"?Number.NaN:"";return s?void 0:o},this.updateSelectableElements=t=>{t&&!this.selectableElements.includes(t)&&this.selectableElements.push(t)},this.selectedSymbols=[],this.selectedTexts=[],this.selectedBackground=[]}static{this.properties={selectedSymbols:16,selectedTexts:16,selectedBackground:16,selectedElement:16,messageOverrides:0,model:0}}static{this.styles=W}load(){this.modelChange(this.model)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.removeFormatPopover(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}correctTextElementSelection(){for(let t of this.selectableElements){let e=this.selectedTexts.includes(t.value)||this.selectedSymbols.includes(t.value)||this.selectedBackground.includes(t.value);t.selected=e}}updateSelectedElement(t,e){if(this.selectedElement=void 0,e===void 0){let s=a(this.getFormatValue(t[0]));this.selectedElement=t?.reduce((o,c)=>{let d=this.getFormatValue(c);return M(o,d,this.mergeFormatValues)},s)}else{let s=a(e);f(e)&&(this.selectedSymbols?.length>0&&(s=a(k)),this.selectedTexts?.length>0&&(s=a(P))),this.selectedElement=s}}initSelectedTexts(t){let e=a(t);f(t)&&(e=a(P)),this.selectedElement=e}initSelectedSymbols(t){let e=a(t);f(t)&&(e=a(k)),this.selectedElement=e}setupFormatPopover(){this.formatPopover=C(this.formatPopover);let t=this.selectedElement;t?.type===u.TS||t?.type===u.SLS||Array.isArray(this.selectedElement)?(this.formatPopover=N(b`<arcgis-charts-config-format-popover .selectedElement=${this.selectedElement} .referenceElement=${this.el} @arcgisChartsConfigFormatPopoverSymbolChange=${this.updateSymbolProps} @arcgisChartsConfigFormatPopoverTextChange=${this.updateTextProps} @arcgisChartsConfigFormatPopoverColorChange=${this.updateBackground} placement=auto @arcgisChartsConfigPopoverClose=${this.formatPopoverClose} open></arcgis-charts-config-format-popover>`),this.formatPopover!==null&&!document.body.contains(this.formatPopover)&&document.body.appendChild(this.formatPopover)):this.removeFormatPopover()}removeFormatPopover(){this.formatPopover!==null&&(this.formatPopover.open=!1,this.formatPopover=C(this.formatPopover))}getFormatValue(t){switch(t){case i.Title:return this.model.titleSymbol;case i.Description:return this.model.descriptionSymbol;case i.XAxisTitle:return m(this.model)?this.model.xAxisTitleSymbol:void 0;case i.YAxisTitle:return h(this.model)?this.model.getAxisTitleSymbol(1):void 0;case i.AxisLabels:return m(this.model)?this.model.axisLabelsSymbol:void 0;case i.GuideLabels:return T(this.model)?this.model.guideLabelsSymbol:void 0;case i.LegendText:return p(this.model)?this.model.legendTextSymbol:void 0;case i.LegendTitle:return p(this.model)?this.model.legendTitleSymbol:void 0;case i.DataLabels:return S(this.model)?this.model.dataLabelsSymbol:void 0;case r.AxisLines:return m(this.model)?this.model.axisLinesSymbol:void 0;case r.GridLines:return h(this.model)?this.model.getGridLinesSymbol():void 0;case r.LeaderLines:return y(this.model)?this.model.ticksSymbol:void 0;case i.Background:return this.model.backgroundColor;default:return}}setFormatValue(t,e){switch(t){case i.Title:l(e)&&(this.model.titleSymbol=e);break;case i.Description:l(e)&&(this.model.descriptionSymbol=e);break;case i.XAxisTitle:m(this.model)&&l(e)&&(this.model.xAxisTitleSymbol=e);break;case i.YAxisTitle:h(this.model)&&l(e)&&this.model.setAxisTitleSymbol(e,1);break;case i.AxisLabels:m(this.model)&&l(e)&&(this.model.axisLabelsSymbol=e);break;case i.GuideLabels:T(this.model)&&l(e)&&(this.model.guideLabelsSymbol=e);break;case i.LegendText:p(this.model)&&l(e)&&(this.model.legendTextSymbol=e);break;case i.LegendTitle:p(this.model)&&l(e)&&(this.model.legendTitleSymbol=e);break;case i.DataLabels:S(this.model)&&l(e)&&(this.model.dataLabelsSymbol=e);break;case r.AxisLines:m(this.model)&&x(e)&&(this.model.axisLinesSymbol=e);break;case r.GridLines:if(h(this.model)&&x(e)){let s=this.model.chartType,o=[];switch(s){case n.BarSeries:case n.LineSeries:case n.ComboLineAndBarSeries:case n.HistogramSeries:case n.BoxPlotSeries:case n.RadarSeries:{o=[1];break}case n.ScatterSeries:{o=[0,1];break}}this.model.setGridLinesSymbol(e,o)}break;case r.LeaderLines:y(this.model)&&x(e)&&(this.model.ticksSymbol=e);break;case i.Background:Array.isArray(e)&&(this.model.backgroundColor=e);break}}renderFormatElements(){this.textProperties=[i.Title,...m(this.model)?[i.XAxisTitle]:[],...h(this.model)?[i.YAxisTitle]:[],...p(this.model)?[i.LegendTitle]:[],i.Description,...p(this.model)?[i.LegendText]:[],...m(this.model)?[i.AxisLabels]:[],...T(this.model)?[i.GuideLabels]:[],...S(this.model)?[i.DataLabels]:[]],z(this.model)&&(this.textProperties=this.textProperties.filter(s=>s!==i.DataLabels)),this.symbolProperties=[i.Background,...m(this.model)?[r.AxisLines]:[],...h(this.model)?[r.GridLines]:[],...y(this.model)?[r.LeaderLines]:[]];let t=this.textProperties.map(s=>this.renderTextElement(s,this.textPropertyChange)),e=this.symbolProperties.map(s=>s===i.Background?this.renderTextElement(s,this.backgroundChange):this.renderTextElement(s,this.symbolPropertyChange));return{textElements:t,symbolElements:e}}renderTextElement(t,e){let s=R(t),o=this.getFormatValue(t),c=typeof o=="string"?o:"",d=this.selectedTexts.includes(t)||this.selectedSymbols.includes(t)||this.selectedBackground.includes(t);return b`<calcite-list-item class=${g(v.element)} .label=${this._messages[t]} .description=${c} .value=${t} .selected=${d} @click=${e} ${B(this.updateSelectableElements)}>${s!==void 0?b`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>`:null}</calcite-list-item>`}render(){let{textElements:t,symbolElements:e}=this.renderFormatElements();return b`<div class=${g(v.sectionLabel)}>${this._messages.textElements}</div><calcite-list label class=${g(v.elementList)} selection-mode=multiple selection-appearance=border @calciteListChange=${this.correctTextElementSelection}>${t}</calcite-list><div class=${g(v.sectionLabel)}>${this._messages.symbolElements}</div><calcite-list label class=${g(v.elementList)} selection-mode=single selection-appearance=border>${e}</calcite-list>`}};w("arcgis-charts-config-format",F);return F},"renderers/support/jsonUtils","symbols/support/symbolUtils","Graphic","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)

package/dist/cdn/DCX3PPLX.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.27 */
-import{a as y}from"./UNVWR33U.js";import{a as C}from"./25GEFIPQ.js";import{b as H,c as U}from"./JTQL3DQW.js";import c from"./45UI5E73.js";import{g as l}from"./D44I4MD3.js";import{a as x}from"./U5XYWES3.js";import a from"./DSO5SLK2.js";import{j as k,q as h}from"./WEDGAWGB.js";import"./J6HYIFZW.js";import{a as m}from"./AS52RGTW.js";import{b as A,k as p,o as b}from"./BGVGJXJU.js";import{A as o,B as w,D,F,g as S,h as s,l as $,w as u,x as d,y as P}from"./5YDBKC4T.js";import"./Z5JBWA7D.js";export default $arcgis.t(([{substitute:M},,,,,,,,,,,,,,,{Aa:E,Jd:O,bb:z,gb:N,qc:B,sc:L,za:T},{a:f,c:v,g:_,k:g,o:K,r:j}])=>{var q=S`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={jsAppFlyout:"js-app-flyout",name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},I=class extends P{constructor(){super(...arguments),this._messages=x(),this.commonStrings=x({name:"common",blocking:!0}),this.picklist=u(),this.intervalSizeElement=u(),this.intervalTypeElement=u(),this.popoverElement=u(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=$(),this.arcgisChartsConfigPopoverClose=$()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=q}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=v.map(a=>T(a,this.commonStrings));k(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[b.Start,b.End].map(a=>E(a,this.commonStrings));k(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(async()=>{await this.picklist.value?.setFocus()},f.PopoverTimer),H(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},f.PopoverTimer)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?v.filter(t=>t!==A.NoAggregation):v;return y(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${g(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(f.customSortLimit),r=M(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=D(s`<calcite-tooltip style=${w({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${r}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){j(this.tooltip)}buildSortOrder(){let e=Object.keys(m),t;return y(e,i=>i,i=>{let a="";switch(i){case m.xAxisAsc:{t="a-z-down";break}case m.xAxisDesc:{t="a-z-up";break}case m.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case m.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case m.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===m.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${m[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return C(e.name,s`<calcite-list-item .label=${z(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${g(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let r=this.layerFieldsInfo?.[a];r&&B(r)&&i.push(this.buildPickListItem(r))}break}case l.category:{let a=C(" ",s`<calcite-list-item label=" " value=" " .selected=${g("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(L(c)||c.type===h.String||c.type===h.Date||c.type===h.DateOnly||c.type===h.TimestampOffset)&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=C(" ",s`<calcite-list-item label=" " value=" " .selected=${g("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let r=0;r<t;r+=1){let c=this.layerFieldsInfo?.[r];c&&(L(c)||c.type===h.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};K(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.pickListHasChanged&&this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[b.Start,b.End];return y(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${g(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label class=${o(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${o(n.sortOrderPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${o(n.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[p.Second,p.Minute,p.Hour,p.Day,p.Week,p.Month,p.Year];return s`<div><div class=${o(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${_(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${o(n.fab)} appearance=outline-fill kind=neutral icon .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div class=${o(n.jsAppFlyout)}><calcite-popover class=${o(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${o(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};F("arcgis-charts-config-bar-chart-popover",I);return I},"intl","renderers/support/jsonUtils","symbols/support/symbolUtils","Graphic","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,c)

package/dist/cdn/DCYBICHJ.css

@@ -1 +0,0 @@
-@layer{:not([calcite-hydrated]):is(calcite-accordion,calcite-accordion-item,calcite-action,calcite-action-bar,calcite-action-group,calcite-action-menu,calcite-action-pad,calcite-alert,calcite-autocomplete,calcite-autocomplete-item,calcite-autocomplete-item-group,calcite-avatar,calcite-block,calcite-block-group,calcite-block-section,calcite-button,calcite-card,calcite-card-group,calcite-carousel,calcite-carousel-item,calcite-checkbox,calcite-chip,calcite-chip-group,calcite-color-picker,calcite-color-picker-hex-input,calcite-color-picker-swatch,calcite-combobox,calcite-combobox-item,calcite-combobox-item-group,calcite-date-picker,calcite-date-picker-day,calcite-date-picker-month,calcite-date-picker-month-header,calcite-dialog,calcite-dropdown,calcite-dropdown-group,calcite-dropdown-item,calcite-fab,calcite-filter,calcite-flow,calcite-flow-item,calcite-graph,calcite-handle,calcite-icon,calcite-inline-editable,calcite-input,calcite-input-date-picker,calcite-input-message,calcite-input-number,calcite-input-text,calcite-input-time-picker,calcite-input-time-zone,calcite-label,calcite-link,calcite-list,calcite-list-item,calcite-list-item-group,calcite-loader,calcite-menu,calcite-menu-item,calcite-meter,calcite-modal,calcite-navigation,calcite-navigation-logo,calcite-navigation-user,calcite-notice,calcite-option,calcite-option-group,calcite-pagination,calcite-panel,calcite-popover,calcite-progress,calcite-radio-button,calcite-radio-button-group,calcite-rating,calcite-scrim,calcite-segmented-control,calcite-segmented-control-item,calcite-select,calcite-sheet,calcite-shell,calcite-shell-center-row,calcite-shell-panel,calcite-slider,calcite-sort-handle,calcite-sortable-list,calcite-split-button,calcite-stack,calcite-stepper,calcite-stepper-item,calcite-swatch,calcite-swatch-group,calcite-switch,calcite-tab,calcite-tab-nav,calcite-tab-title,calcite-table,calcite-table-cell,calcite-table-header,calcite-table-row,calcite-tabs,calcite-text-area,calcite-tile,calcite-tile-group,calcite-tile-select,calcite-tile-select-group,calcite-time-picker,calcite-tip,calcite-tip-group,calcite-tip-manager,calcite-tooltip,calcite-tree,calcite-tree-item){visibility:hidden}:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:root{--calcite-border-width-none: 0;--calcite-border-width-sm: 1px;--calcite-border-width-md: 2px;--calcite-border-width-lg: 4px;--calcite-container-size-margin: 24px;--calcite-container-size-gutter: 16px;--calcite-container-size-content-fluid: 100%;--calcite-container-size-content-fixed: 1440px;--calcite-corner-radius-sharp: 0;--calcite-corner-radius-none: 0;--calcite-corner-radius-xs: 2px;--calcite-corner-radius-sm: 4px;--calcite-corner-radius-round: 4px;--calcite-corner-radius-pill: 100%;--calcite-font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;--calcite-font-family-code: Monaco, Consolas, "Andale Mono", "Lucida Console", monospace;--calcite-font-weight-light: 300;--calcite-font-weight-regular: 400;--calcite-font-weight-normal: 400;--calcite-font-weight-medium: 500;--calcite-font-weight-semibold: 600;--calcite-font-weight-bold: 600;--calcite-font-size-xs: 10px;--calcite-font-size-sm: 12px;--calcite-font-size: 14px;--calcite-font-size-md: 16px;--calcite-font-size-lg: 18px;--calcite-font-size-xl: 20px;--calcite-font-size-xxl: 24px;--calcite-font-style-emphasis: italic;--calcite-font-line-height-fixed-sm: 12px;--calcite-font-line-height-fixed-base: 16px;--calcite-font-line-height-fixed-lg: 20px;--calcite-font-line-height-fixed-xl: 24px;--calcite-font-line-height-fixed-2xl: 32px;--calcite-font-line-height-fixed-3xl: 40px;--calcite-font-line-height-fixed-4xl: 48px;--calcite-font-line-height-fixed-5xl: 64px;--calcite-font-line-height-fixed-6xl: 80px;--calcite-font-line-height-relative: normal;--calcite-font-line-height-relative-base: 1;--calcite-font-line-height-relative-tight: 1.25;--calcite-font-line-height-relative-snug: 1.375;--calcite-font-line-height-relative-normal: 1.5;--calcite-font-line-height-relative-relaxed: 1.625;--calcite-font-line-height-relative-loose: 2;--calcite-font-letter-spacing-tight: -.4px;--calcite-font-letter-spacing-normal: 0;--calcite-font-letter-spacing-wide: .4px;--calcite-font-paragraph-spacing-normal: 4px;--calcite-font-text-decoration-none: none;--calcite-font-text-decoration-underline: underline;--calcite-font-text-case-none: none;--calcite-font-text-case-uppercase: uppercase;--calcite-font-text-case-lowercase: lowercase;--calcite-font-text-case-capitalize: capitalize;--calcite-opacity-light: .4;--calcite-opacity-half: .5;--calcite-opacity-dark: .85;--calcite-opacity-full: 1;--calcite-opacity-disabled: .5;--calcite-size-fixed-xxxs: 2px;--calcite-size-fixed-xxs: 4px;--calcite-size-fixed-xs: 6px;--calcite-size-fixed-sm: 8px;--calcite-size-fixed-sm-plus: 10px;--calcite-size-fixed-md: 12px;--calcite-size-fixed-md-plus: 14px;--calcite-size-fixed-lg: 16px;--calcite-size-fixed-xl: 20px;--calcite-size-fixed-xxl: 24px;--calcite-size-fixed-xxxl: 32px;--calcite-size-px: 1px;--calcite-size-xxxs: .75rem;--calcite-size-xxs: .875rem;--calcite-size-xs: 1rem;--calcite-size-sm: 1.5rem;--calcite-size-md: 2rem;--calcite-size-lg: 2.75rem;--calcite-size-xl: 3rem;--calcite-size-xxl: 4rem;--calcite-size-xxxl: 6rem;--calcite-spacing-fixed-xxs: 4px;--calcite-spacing-fixed-xs: 6px;--calcite-spacing-fixed-sm: 8px;--calcite-spacing-fixed-md: 12px;--calcite-spacing-fixed-lg: 14px;--calcite-spacing-fixed-xl: 16px;--calcite-spacing-fixed-xxl: 20px;--calcite-spacing-fixed-xxxl: 32px;--calcite-spacing-none: 0;--calcite-spacing-px: 1px;--calcite-spacing-base: 2px;--calcite-spacing-xxs: .25rem;--calcite-spacing-xs: .375rem;--calcite-spacing-sm: .5rem;--calcite-spacing-sm-plus: .625rem;--calcite-spacing-md: .75rem;--calcite-spacing-md-plus: .875rem;--calcite-spacing-lg: 1rem;--calcite-spacing-xl: 1.25rem;--calcite-spacing-xxl: 1.5rem;--calcite-spacing-xxxl: 2rem;--calcite-z-index-deep: -999999;--calcite-z-index: 1;--calcite-z-index-sticky: 300;--calcite-z-index-header: 400;--calcite-z-index-toast: 500;--calcite-z-index-dropdown: 600;--calcite-z-index-overlay: 700;--calcite-z-index-modal: 800;--calcite-z-index-popup: 900;--calcite-z-index-tooltip: 901;--calcite-corner-radius: var(--calcite-corner-radius-none);--calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);--calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .04), 0 4px 16px 0 rgba(0, 0, 0, .08);--calcite-shadow-md: 0 4px 20px 0 rgba(0, 0, 0, .08), 0 12px 30px rgba(0, 0, 0, .1)}.calcite-typography{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-regular);letter-spacing:var(--calcite-font-letter-spacing-normal);line-height:var(--calcite-font-line-height-fixed-base);paragraph-spacing:var(--calcite-font-paragraph-spacing-normal);text-case:var(--calcite-font-text-case-none);-webkit-text-decoration:var(--calcite-font-text-decoration-none);text-decoration:var(--calcite-font-text-decoration-none)}.calcite-typography-light-minus-3h{font-size:var(--calcite-font-size-xs);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-sm)}.calcite-typography-light-minus-2h{font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-light)}.calcite-typography-light-minus-1h{font-weight:var(--calcite-font-weight-light)}.calcite-typography-light-0h{font-size:var(--calcite-font-size-md);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-lg)}.calcite-typography-light-1h{font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-xl)}.calcite-typography-regular-minus-3h{line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-regular-minus-2h{font-size:var(--calcite-font-size-sm)}.calcite-typography-regular-minus-1h{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:16px;paragraph-spacing:4px;text-case:none;text-decoration:none}.calcite-typography-regular-0h{line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-regular-1h{line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-medium-minus-3h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-medium-minus-2h{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-sm)}.calcite-typography-medium-minus-1h{font-weight:var(--calcite-font-weight-medium)}.calcite-typography-medium-0h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-medium-1h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-bold-minus-3h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-bold-minus-2h{font-weight:var(--calcite-font-weight-semibold);font-size:var(--calcite-font-size-sm)}.calcite-typography-bold-minus-1h{font-weight:var(--calcite-font-weight-semibold)}.calcite-typography-bold-0h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-bold-1h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-light-0{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-light-1{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-light-2{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-light-3{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-tight);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-light-minus-2{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-light-minus-1{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-regular-0{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-regular-1{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-regular-2{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-regular-3{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-regular-minus-2{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-regular-minus-1{line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-medium-0{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-medium-1{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-medium-2{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-medium-3{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-medium-minus-2{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-medium-minus-1{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-bold-0{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-bold-1{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-bold-2{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-bold-3{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-bold-minus-2{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-bold-minus-1{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-hierarchy-display-1{font-weight:600;line-height:1.375;font-size:24px}.calcite-typography-hierarchy-display-2{font-weight:600;line-height:1.375;font-size:20px}.calcite-typography-hierarchy-heading-1{font-weight:500;line-height:1.375;font-size:24px}.calcite-typography-hierarchy-heading-2{font-weight:500;line-height:1.375;font-size:20px}.calcite-typography-hierarchy-heading-3{font-weight:500;line-height:1.375;font-size:18px}.calcite-typography-hierarchy-heading-4{font-weight:500;line-height:1.375;font-size:16px}.calcite-typography-hierarchy-heading-5{font-weight:500;line-height:1.375}.calcite-typography-hierarchy-body-snug{line-height:1.375}.calcite-typography-hierarchy-body{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:16px;paragraph-spacing:4px;text-case:none;text-decoration:none}.calcite-typography-hierarchy-overline{line-height:var(--calcite-font-line-height-fixed-sm);text-case:var(--calcite-font-text-case-uppercase);font-weight:var(--calcite-font-weight-bold)}.calcite-typography-hierarchy-caption{line-height:1.375;font-size:12px}:root{--calcite-color-border-white: #ffffff;--calcite-color-border-ghost: rgba(0, 0, 0, .3);--calcite-color-border-input: #949494;--calcite-color-border-3: #dedede;--calcite-color-border-2: #d4d4d4;--calcite-color-border-1: #c9c9c9;--calcite-color-text-link: #00619b;--calcite-color-text-inverse: #ffffff;--calcite-color-text-highlight: #004874;--calcite-color-text-3: #6b6b6b;--calcite-color-text-2: #4a4a4a;--calcite-color-text-1: #141414;--calcite-color-inverse-press: #212121;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse: #363636;--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger: #d83020;--calcite-color-status-warning-press: #9a5b10;--calcite-color-status-warning-hover: #d17300;--calcite-color-status-warning: #f89927;--calcite-color-status-success-press: #1a6324;--calcite-color-status-success-hover: #288835;--calcite-color-status-success: #35ac46;--calcite-color-status-info-press: #00304d;--calcite-color-status-info-hover: #004874;--calcite-color-status-info: #00619b;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-brand-press: #004874;--calcite-color-brand-hover: #00619b;--calcite-color-brand: #007ac2;--calcite-color-transparent-tint: rgba(255, 255, 255, .8);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-surface-highlight: #d6efff;--calcite-color-foreground-current: #d6efff;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-1: #ffffff;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-background: #f7f7f7}.calcite-mode-light{--calcite-color-border-white: #ffffff;--calcite-color-border-ghost: rgba(0, 0, 0, .3);--calcite-color-border-input: #949494;--calcite-color-border-3: #dedede;--calcite-color-border-2: #d4d4d4;--calcite-color-border-1: #c9c9c9;--calcite-color-text-link: #00619b;--calcite-color-text-inverse: #ffffff;--calcite-color-text-highlight: #004874;--calcite-color-text-3: #6b6b6b;--calcite-color-text-2: #4a4a4a;--calcite-color-text-1: #141414;--calcite-color-inverse-press: #212121;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse: #363636;--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger: #d83020;--calcite-color-status-warning-press: #9a5b10;--calcite-color-status-warning-hover: #d17300;--calcite-color-status-warning: #f89927;--calcite-color-status-success-press: #1a6324;--calcite-color-status-success-hover: #288835;--calcite-color-status-success: #35ac46;--calcite-color-status-info-press: #00304d;--calcite-color-status-info-hover: #004874;--calcite-color-status-info: #00619b;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-brand-press: #004874;--calcite-color-brand-hover: #00619b;--calcite-color-brand: #007ac2;--calcite-color-transparent-tint: rgba(255, 255, 255, .8);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-surface-highlight: #d6efff;--calcite-color-foreground-current: #d6efff;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-1: #ffffff;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-background: #f7f7f7}.calcite-mode-dark{--calcite-color-border-white: #f7f7f7;--calcite-color-border-ghost: rgba(117, 117, 117, .3);--calcite-color-border-input: #757575;--calcite-color-border-3: #404040;--calcite-color-border-2: #4a4a4a;--calcite-color-border-1: #545454;--calcite-color-text-link: #00a0ff;--calcite-color-text-inverse: #141414;--calcite-color-text-highlight: #d6efff;--calcite-color-text-3: #9e9e9e;--calcite-color-text-2: #bfbfbf;--calcite-color-text-1: #ffffff;--calcite-color-inverse-press: #f2f2f2;--calcite-color-inverse-hover: #ffffff;--calcite-color-inverse: #f7f7f7;--calcite-color-status-danger-press: #d90012;--calcite-color-status-danger-hover: #ff0015;--calcite-color-status-danger: #fe583e;--calcite-color-status-warning-press: #ff9500;--calcite-color-status-warning-hover: #ffb54d;--calcite-color-status-warning: #f89927;--calcite-color-status-success-press: #00b81b;--calcite-color-status-success-hover: #3bed52;--calcite-color-status-success: #36da43;--calcite-color-status-info-press: #009af2;--calcite-color-status-info-hover: #3db8ff;--calcite-color-status-info: #00a0ff;--calcite-color-brand-underline: rgba(0, 160, 255, .4);--calcite-color-brand-press: #00619b;--calcite-color-brand-hover: #007ac2;--calcite-color-brand: #009af2;--calcite-color-transparent-tint: rgba(43, 43, 43, .8);--calcite-color-transparent-scrim: rgba(0, 0, 0, .85);--calcite-color-transparent-inverse-press: rgba(0, 0, 0, .08);--calcite-color-transparent-inverse-hover: rgba(0, 0, 0, .04);--calcite-color-transparent-press: rgba(255, 255, 255, .16);--calcite-color-transparent-hover: rgba(255, 255, 255, .12);--calcite-color-transparent: rgba(255, 255, 255, 0);--calcite-color-surface-highlight: #2b465f;--calcite-color-foreground-current: #2b465f;--calcite-color-foreground-3: #141414;--calcite-color-foreground-2: #212121;--calcite-color-foreground-1: #2b2b2b;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-background: #363636}:root{--calcite-code-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;--calcite-sans-family: "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;--calcite-font-size--3: .625rem;--calcite-font-size--2: .75rem;--calcite-font-size--1: .875rem;--calcite-font-size-0: 1rem;--calcite-font-size-1: 1.125rem;--calcite-font-size-2: 1.25rem;--calcite-font-size-3: 1.625rem;--calcite-font-size-4: 2rem;--calcite-font-size-5: 2.5rem;--calcite-font-size-6: 3rem;--calcite-font-size-7: 3.5rem;--calcite-font-size-8: 4rem;--calcite-font-weight-light: 300;--calcite-font-weight-normal: 400;--calcite-font-weight-medium: 500;--calcite-font-weight-bold: 600;--calcite-ui-brand: var(--calcite-color-brand);--calcite-ui-brand-hover: var(--calcite-color-brand-hover);--calcite-ui-brand-press: var(--calcite-color-brand-press);--calcite-ui-background: var(--calcite-color-background);--calcite-ui-foreground-1: var(--calcite-color-foreground-1);--calcite-ui-foreground-2: var(--calcite-color-foreground-2);--calcite-ui-foreground-3: var(--calcite-color-foreground-3);--calcite-ui-foreground-current: var(--calcite-color-foreground-current);--calcite-ui-focus-offset-invert: var(--calcite-offset-invert-focus);--calcite-semantic-ui-color-foreground-current: var(--calcite-color-foreground-current);--calcite-ui-text-1: var(--calcite-color-text-1);--calcite-ui-text-2: var(--calcite-color-text-2);--calcite-ui-text-3: var(--calcite-color-text-3);--calcite-ui-text-inverse: var(--calcite-color-text-inverse);--calcite-ui-text-link: var(--calcite-color-text-link);--calcite-ui-border-1: var(--calcite-color-border-1);--calcite-ui-border-2: var(--calcite-color-border-2);--calcite-ui-border-3: var(--calcite-color-border-3);--calcite-ui-border-input: var(--calcite-color-border-input);--calcite-ui-info: var(--calcite-color-status-info);--calcite-ui-info-hover: var(--calcite-color-status-info-hover);--calcite-ui-info-press: var(--calcite-color-status-info-press);--calcite-ui-success: var(--calcite-color-status-success);--calcite-ui-success-hover: var(--calcite-color-status-success-hover);--calcite-ui-success-press: var(--calcite-color-status-success-press);--calcite-ui-warning: var(--calcite-color-status-warning);--calcite-ui-warning-hover: var(--calcite-color-status-warning-hover);--calcite-ui-warning-press: var(--calcite-color-status-warning-press);--calcite-ui-danger: var(--calcite-color-status-danger);--calcite-ui-danger-hover: var(--calcite-color-status-danger-hover);--calcite-ui-danger-press: var(--calcite-color-status-danger-press);--calcite-ui-inverse: var(--calcite-color-inverse);--calcite-app-z-index: var(--calcite-z-index);--calcite-app-z-index-tooltip: var(--calcite-z-index-tooltip);--calcite-app-z-index-popup: var(--calcite-z-index-popup);--calcite-app-z-index-modal: var(--calcite-z-index-modal);--calcite-app-z-index-overlay: var(--calcite-z-index-overlay);--calcite-app-z-index-dropdown: var(--calcite-z-index-dropdown);--calcite-app-z-index-toast: var(--calcite-z-index-toast);--calcite-app-z-index-header: var(--calcite-z-index-header);--calcite-app-z-index-sticky: var(--calcite-z-index-sticky);--calcite-app-breakpoint-content-fixed: var(--calcite-container-size-content-fixed);--calcite-app-breakpoint-content-fluid: var(--calcite-container-size-content-fluid);--calcite-app-breakpoint-width-lg: var(--calcite-container-size-width-lg-max);--calcite-app-breakpoint-width-md: var(--calcite-container-size-width-md-max);--calcite-app-breakpoint-width-sm: var(--calcite-container-size-width-sm-max);--calcite-app-breakpoint-width-xs: var(--calcite-container-size-width-xs-max);--calcite-app-breakpoint-width-xxs: var(--calcite-container-size-width-xxs-max);--calcite-app-spacing-11: var(--calcite-spacing-xxxl);--calcite-app-spacing-8: var(--calcite-spacing-xl);--calcite-app-spacing-7: var(--calcite-spacing-lg);--calcite-app-spacing-6: var(--calcite-spacing-md-plus);--calcite-app-spacing-5: var(--calcite-spacing-md);--calcite-app-spacing-3: var(--calcite-spacing-sm);--calcite-app-spacing-2: var(--calcite-spacing-xs);--calcite-app-spacing-1: var(--calcite-spacing-xxs);--calcite-app-spacing-0: var(--calcite-spacing-base);--calcite-app-sizing-11: var(--calcite-size-md);--calcite-app-sizing-9: var(--calcite-size-sm);--calcite-app-sizing-8: var(--calcite-spacing-xl);--calcite-app-sizing-7: var(--calcite-size-xs);--calcite-app-sizing-6: var(--calcite-size-xxxs-plus);--calcite-app-sizing-5: var(--calcite-size-xxxs);--calcite-app-sizing-4: var(--calcite-spacing-sm-plus);--calcite-app-sizing-3: var(--calcite-spacing-sm);--calcite-app-sizing-2: var(--calcite-spacing-xs);--calcite-app-sizing-1: var(--calcite-spacing-xxs);--calcite-app-sizing-0: var(--calcite-spacing-base);--calcite-app-opacity-100: var(--calcite-app-opacity-full);--calcite-app-opacity-85: var(--calcite-app-opacity-dark);--calcite-app-opacity-50: var(--calcite-app-opacity-half);--calcite-app-opacity-40: var(--calcite-app-opacity-light);--calcite-app-border-width-none: var(--calcite-border-width-none);--calcite-app-border-width-2: var(--calcite-border-width-lg);--calcite-app-border-width-1: var(--calcite-border-width-md);--calcite-app-border-width-0: var(--calcite-border-width-sm);--calcite-app-border-radius-full: var(--calcite-corner-radius-pill);--calcite-app-border-radius-none: var(--calcite-corner-radius-sharp);--calcite-app-border-radius-1: var(--calcite-corner-radius-round);--calcite-app-border-radius-0: var(--calcite-corner-radius-0);--calcite-app-font-text-case-capitalize: var(--calcite-font-text-case-capitalize);--calcite-app-font-text-case-lowercase: var(--calcite-font-text-case-lowercase);--calcite-app-font-text-case-uppercase: var(--calcite-font-text-case-uppercase);--calcite-app-font-text-case-none: var(--calcite-font-text-case-none);--calcite-app-font-text-decoration-underline: var(--calcite-font-text-decoration-underline);--calcite-app-font-text-decoration-none: var(--calcite-font-text-decoration-none);--calcite-app-font-paragraph-spacing-normal: var(--calcite-font-paragraph-spacing-normal);--calcite-app-font-letter-spacing-wide: var(--calcite-font-letter-spacing-wide);--calcite-app-font-letter-spacing-normal: var(--calcite-font-letter-spacing-normal);--calcite-app-font-letter-spacing-tight: var(--calcite-font-letter-spacing-tight);--calcite-app-font-size-6: var(--calcite-font-size-xxl);--calcite-app-font-size-5: var(--calcite-font-size-xl);--calcite-app-font-size-4: var(--calcite-font-size-lg);--calcite-app-font-size-3: var(--calcite-font-size-md);--calcite-app-font-size-2: var(--calcite-font-size);--calcite-app-font-size-1: var(--calcite-font-size-sm);--calcite-app-font-size-0: var(--calcite-font-size-xs);--calcite-app-font-line-height-relative-loose: var(--calcite-font-line-height-relative-loose);--calcite-app-font-line-height-relative-relaxed: var(--calcite-font-line-height-relative-relaxed);--calcite-app-font-line-height-relative-normal: var(--calcite-font-line-height-relative-normal);--calcite-app-font-line-height-relative-snug: var(--calcite-font-line-height-relative-snug);--calcite-app-font-line-height-relative-tight: var(--calcite-font-line-height-relative-tight);--calcite-app-font-line-height-relative: var(--calcite-font-line-height-relative);--calcite-app-font-line-height-fixed-3: var(--calcite-font-line-height-fixed-xl);--calcite-app-font-line-height-fixed-2: var(--calcite-font-line-height-fixed-lg);--calcite-app-font-line-height-fixed: var(--calcite-font-line-height-fixed-sm);--calcite-app-font-weight-bold: var(--calcite-font-weight-bold);--calcite-app-font-weight-demi: var(--calcite-font-weight-semibold);--calcite-app-font-weight-medium: var(--calcite-font-weight-medium);--calcite-app-font-weight-regular: var(--calcite-font-weight-regular);--calcite-app-font-weight-light: var(--calcite-font-weight-light);--calcite-app-font-family-code: var(--calcite-font-family-code);--calcite-app-font-family-primary: var(--calcite-font-family-primary);--calcite-floating-ui-transition: var(--calcite-animation-timing);--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown);--calcite-animation-timing: calc(.15s * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor: var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast: calc(.1s * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium: calc(.2s * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow: calc(.3s * var(--calcite-internal-duration-factor));--calcite-popover-z-index: var(--calcite-z-index-popup);--calcite-border-radius: var(--calcite-border-radius-round, 4px);--calcite-border-radius-base: 0;--calcite-offset-invert-focus: 0;--calcite-panel-width-multiplier: 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--calcite-font-family)}@media (prefers-color-scheme: dark){.calcite-mode-auto{--calcite-color-border-white: #f7f7f7;--calcite-color-border-ghost: rgba(117, 117, 117, .3);--calcite-color-border-input: #757575;--calcite-color-border-3: #404040;--calcite-color-border-2: #4a4a4a;--calcite-color-border-1: #545454;--calcite-color-text-link: #00a0ff;--calcite-color-text-inverse: #141414;--calcite-color-text-highlight: #d6efff;--calcite-color-text-3: #9e9e9e;--calcite-color-text-2: #bfbfbf;--calcite-color-text-1: #ffffff;--calcite-color-inverse-press: #f2f2f2;--calcite-color-inverse-hover: #ffffff;--calcite-color-inverse: #f7f7f7;--calcite-color-status-danger-press: #d90012;--calcite-color-status-danger-hover: #ff0015;--calcite-color-status-danger: #fe583e;--calcite-color-status-warning-press: #ff9500;--calcite-color-status-warning-hover: #ffb54d;--calcite-color-status-warning: #f89927;--calcite-color-status-success-press: #00b81b;--calcite-color-status-success-hover: #3bed52;--calcite-color-status-success: #36da43;--calcite-color-status-info-press: #009af2;--calcite-color-status-info-hover: #3db8ff;--calcite-color-status-info: #00a0ff;--calcite-color-brand-underline: rgba(0, 160, 255, .4);--calcite-color-brand-press: #00619b;--calcite-color-brand-hover: #007ac2;--calcite-color-brand: #009af2;--calcite-color-transparent-tint: rgba(43, 43, 43, .8);--calcite-color-transparent-scrim: rgba(0, 0, 0, .85);--calcite-color-transparent-inverse-press: rgba(0, 0, 0, .08);--calcite-color-transparent-inverse-hover: rgba(0, 0, 0, .04);--calcite-color-transparent-press: rgba(255, 255, 255, .16);--calcite-color-transparent-hover: rgba(255, 255, 255, .12);--calcite-color-transparent: rgba(255, 255, 255, 0);--calcite-color-surface-highlight: #2b465f;--calcite-color-foreground-current: #2b465f;--calcite-color-foreground-3: #141414;--calcite-color-foreground-2: #212121;--calcite-color-foreground-1: #2b2b2b;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-background: #363636}}@media (prefers-color-scheme: light){.calcite-mode-auto{--calcite-color-border-white: #ffffff;--calcite-color-border-ghost: rgba(0, 0, 0, .3);--calcite-color-border-input: #949494;--calcite-color-border-3: #dedede;--calcite-color-border-2: #d4d4d4;--calcite-color-border-1: #c9c9c9;--calcite-color-text-link: #00619b;--calcite-color-text-inverse: #ffffff;--calcite-color-text-highlight: #004874;--calcite-color-text-3: #6b6b6b;--calcite-color-text-2: #4a4a4a;--calcite-color-text-1: #141414;--calcite-color-inverse-press: #212121;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse: #363636;--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger: #d83020;--calcite-color-status-warning-press: #9a5b10;--calcite-color-status-warning-hover: #d17300;--calcite-color-status-warning: #f89927;--calcite-color-status-success-press: #1a6324;--calcite-color-status-success-hover: #288835;--calcite-color-status-success: #35ac46;--calcite-color-status-info-press: #00304d;--calcite-color-status-info-hover: #004874;--calcite-color-status-info: #00619b;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-brand-press: #004874;--calcite-color-brand-hover: #00619b;--calcite-color-brand: #007ac2;--calcite-color-transparent-tint: rgba(255, 255, 255, .8);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-surface-highlight: #d6efff;--calcite-color-foreground-current: #d6efff;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-1: #ffffff;--calcite-color-background-none: rgba(255, 255, 255, 0);--calcite-color-background: #f7f7f7}}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor: 0}}@keyframes in{0%{opacity:0}to{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0,-5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0,5px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(.95,.95,1)}to{opacity:1;transform:scaleZ(1)}}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}}