@arcgis/charts-components 5.0.0-next.67 → 5.0.0-next.68

package/dist/components/arcgis-charts-config-box-plot-popover/customElement.js

@@ -2,10 +2,12 @@ import { c as k } from "../../chunks/runtime.js";
 import { keyed as p } from "lit/directives/keyed.js";
 import { repeat as v } from "lit/directives/repeat.js";
 import { B as r } from "../../chunks/common.js";
-import { dp as y, cd as f, a as g, cb as $, dd as x } from "../../chunks/index.js";
+import "../../chunks/series-types.js";
+import { a as u } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
+import { cR as y, bG as g, bE as $, cG as x } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -24,14 +26,14 @@ import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import { e as L, p as P } from "../../chunks/popover-ui-utils.js";
 import { a as l } from "../../chunks/interfaces.js";
-import { U as h, e as I, i as u, d as D } from "../../chunks/chart-ui-utils2.js";
+import { U as h, e as I, i as f, d as D } from "../../chunks/chart-ui-utils2.js";
 import { u as S } from "../../chunks/useT9n.js";
 import { css as w, html as n } from "lit";
 import { createRef as b, ref as m } from "lit/directives/ref.js";
 import { LitElement as T, createEvent as C, renderElement as E, safeStyleMap as B, safeClassMap as d } 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.67 */
+v5.0.0-next.68 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   name: "bar-chart-data-popover",
@@ -90,7 +92,7 @@ class N extends T {
     }), this.open = !1;
   }
   buildPickListItem(e) {
-    return p(e.name, n`<calcite-list-item .label=${y(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${u(e.name, this.selectedContent)}></calcite-list-item>`);
+    return p(e.name, n`<calcite-list-item .label=${y(this.layerFieldsInfo, e.name)} .value=${e.name} .selected=${f(e.name, this.selectedContent)}></calcite-list-item>`);
   }
   buildPickListItems(e) {
     const t = this.layerFieldsInfo?.length ?? 0, i = [];
@@ -103,20 +105,20 @@ class N extends T {
         break;
       }
       case l.category: {
-        const s = p(" ", n`<calcite-list-item label=" " value=" " .selected=${u("", this.selectedContent)}></calcite-list-item>`);
+        const s = p(" ", n`<calcite-list-item label=" " value=" " .selected=${f("", this.selectedContent)}></calcite-list-item>`);
         i.push(s);
         for (let a = 0; a < t; a += 1) {
           const c = this.layerFieldsInfo[a];
-          (f(c) || c.type === g.String) && i.push(this.buildPickListItem(c));
+          (g(c) || c.type === u.String) && i.push(this.buildPickListItem(c));
         }
         break;
       }
       case l.splitByField: {
-        const s = p(" ", n`<calcite-list-item label=" " value=" " .selected=${u("", this.selectedContent)}></calcite-list-item>`);
+        const s = p(" ", n`<calcite-list-item label=" " value=" " .selected=${f("", this.selectedContent)}></calcite-list-item>`);
         i.push(s);
         for (let a = 0; a < t; a += 1) {
           const c = this.layerFieldsInfo[a];
-          (f(c) || c.type === g.String) && i.push(this.buildPickListItem(c));
+          (g(c) || c.type === u.String) && i.push(this.buildPickListItem(c));
         }
         break;
       }

package/dist/components/arcgis-charts-config-box-plot-series/customElement.js

@@ -1,10 +1,11 @@
-import { c as b } from "../../chunks/runtime.js";
+import { c as I } from "../../chunks/runtime.js";
 import { css as P, html as n } from "lit";
 import { keyed as y } from "lit/directives/keyed.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
-import { k as d, dI as S } from "../../chunks/index.js";
+import { f as d } from "../../chunks/series-types.js";
 import "d3-array";
+import { d8 as S } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -29,7 +30,7 @@ import { LitElement as O, renderElement as h, safeStyleMap as m, safeClassMap as
 import { d as w } from "../../chunks/chart-ui-utils2.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.67 */
+v5.0.0-next.68 */
 const l = {
   topSection: "top-section",
   sectionLabel: "section-label",
@@ -126,8 +127,8 @@ class N extends O {
       let g = "#CCCCCC", C = "minus-square";
       if ((e > 1 || !this.activeColorMatch) && c !== void 0) {
         C = this.model.showMeanLines === !0 ? "line-solid" : "square-f";
-        const [x, $, L, I] = [...c];
-        g = `rgba(${x},${$},${L},${I / 255})`;
+        const [x, $, L, b] = [...c];
+        g = `rgba(${x},${$},${L},${b / 255})`;
       }
       return i !== s ? n`<calcite-list-item .label=${v ?? o ?? ""} .description=${u} .value=${o} .selected=${this.selectedSeriesIndex === s} @click=${this.openSeriesPopOver}><calcite-icon slot=content-end .icon=${C} style=${m({ color: g })}></calcite-icon></calcite-list-item>` : null;
     });
@@ -163,7 +164,7 @@ class N extends O {
     return n`${this.renderMultipleSeriesOption()}<div class=${a(l.sectionLabel)}>${this._messages.series}<calcite-button @click=${this.resetSeriesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSeriesList()}`;
   }
 }
-b("arcgis-charts-config-box-plot-series", N);
+I("arcgis-charts-config-box-plot-series", N);
 export {
   N as ArcgisChartsConfigBoxPlotSeries
 };

package/dist/components/arcgis-charts-config-box-plot-series-popover/customElement.js

@@ -2,8 +2,10 @@ import { c as g } from "../../chunks/runtime.js";
 import { css as C, html as n } from "lit";
 import "@arcgis/toolkit/intl";
 import { isEqual as f } from "lodash-es";
-import { R as v, aW as d } from "../../chunks/index.js";
+import "../../chunks/series-types.js";
+import { R as v } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
+import { an as d } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -28,7 +30,7 @@ import { createRef as S, ref as x } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as a, safeClassMap as l } 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.67 */
+v5.0.0-next.68 */
 const c = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"

package/dist/components/arcgis-charts-config-category-format/customElement.js

@@ -6,7 +6,7 @@ import { createRef as d, ref as g } from "lit/directives/ref.js";
 import { LitElement as f, createEvent as b, safeClassMap as a } 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.67 */
+v5.0.0-next.68 */
 const e = {
   container: "container",
   label: "label",

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

@@ -1,8 +1,9 @@
 import { c as l } from "../../chunks/runtime.js";
 import "@arcgis/toolkit/intl";
 import { isEmpty as c } from "lodash-es";
-import "../../chunks/index.js";
+import "../../chunks/series-types.js";
 import "d3-array";
+import "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -28,7 +29,7 @@ import { createRef as o, ref as s } from "lit/directives/ref.js";
 import { LitElement as u, createEvent as r, safeClassMap as a } 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.67 */
+v5.0.0-next.68 */
 const e = {
   jsAppFlyout: "js-app-flyout",
   chartRenameComponent: "chart-rename-component",

package/dist/components/arcgis-charts-config-color-style/customElement.js

@@ -4,7 +4,7 @@ import { u as i } from "../../chunks/useT9n.js";
 import { LitElement as l, createEvent as t, safeClassMap as r } 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.67 */
+v5.0.0-next.68 */
 const n = {
   colorStyleContainer: "color-style-container"
 }, c = a`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}:host calcite-panel .color-style-container{display:flex;padding:0 1rem;margin-top:1rem}:host calcite-panel .color-style-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-styling-panel>.panel-body{padding:var(--arcgis-charts-panel-padding);margin-top:var(--arcgis-charts-inter-section-margin)}`;

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

@@ -5,7 +5,7 @@ import { u as h } from "../../chunks/useT9n.js";
 import { LitElement as m, createEvent as n } 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.67 */
+v5.0.0-next.68 */
 const u = "arcgis-charts-config-storage-colors", v = l`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`;
 class b extends m {
   constructor() {

package/dist/components/arcgis-charts-config-create-flow/customElement.js

@@ -1,11 +1,12 @@
 import { c as N } from "../../chunks/runtime.js";
 import { repeat as V } from "lit/directives/repeat.js";
 import { keyed as $ } from "lit/directives/keyed.js";
-import { c as U } from "../../chunks/setup-utils.js";
+import { createModel as U } from "../../model.js";
 import { b, a as S, f as _, p as v, k as z, j as T } from "../../chunks/type-guards.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as w } from "lodash-es";
-import { au as D, dG as k, ds as E, d as o, n as O, dQ as R, aM as W } from "../../chunks/index.js";
+import { W as o, i as O } from "../../chunks/series-types.js";
+import { X as D, d6 as k, cU as E, dd as R, ad as W } from "../../chunks/index.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/Query.js";
@@ -15,7 +16,7 @@ import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
 import "d3-array";
-import { substitute as G } from "@arcgis/core/intl.js";
+import { substitute as H } from "@arcgis/core/intl.js";
 import "@arcgis/core/layers/support/FeatureFilter.js";
 import "@arcgis/core/smartMapping/statistics/histogram.js";
 import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
@@ -26,19 +27,19 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
 import { C as f } from "../../chunks/index4.js";
 import { a as L } from "../../chunks/chart-ui-utils.js";
-import { r as H } from "../../chunks/popover-ui-utils.js";
+import { r as X } from "../../chunks/popover-ui-utils.js";
 import { C as l } from "../../chunks/interfaces.js";
-import { LitElement as X, createEvent as y, renderElement as I, safeStyleMap as Z, safeClassMap as d } from "@arcgis/lumina";
+import { LitElement as G, createEvent as y, renderElement as I, safeStyleMap as Z, safeClassMap as d } from "@arcgis/lumina";
 import { css as j, html as h } from "lit";
 import { createRef as K, ref as q } from "lit/directives/ref.js";
 import { u as P } from "../../chunks/useT9n.js";
-import { a as Q, s as x, b as Y } from "../../chunks/store.js";
+import { a as Y, s as x, b as Q } from "../../chunks/store.js";
 import { h as J, a as M, s as ee } from "../../chunks/web-component-utils.js";
 import { A as te } from "../../chunks/axis-model-wrapper.js";
 import { d as ae } from "../../chunks/chart-ui-utils2.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.67 */
+v5.0.0-next.68 */
 const m = {
   chartUIComponent: "chart-ui-component",
   tabBar: "tab-bar",
@@ -96,7 +97,7 @@ function le(p, e) {
   }
 }
 const ne = j`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`;
-class ce extends X {
+class ce extends G {
   constructor() {
     super(), this.selectChartTypePopover = null, this.chartsListFlowItem = K(), this.supportedChartTypes = [
       o.BarSeries,
@@ -125,7 +126,7 @@ class ce extends X {
           case o.LineSeries:
           case o.BarSeries: {
             const { dataItems: n, timeIntervalInfo: c } = t;
-            if ((b(s) || S(s) && s.binTemporalData) && (c?.size !== void 0 && s.temporalBinningSize !== c?.size && (s.temporalBinningSize = c?.size), c?.unit !== void 0 && s.temporalBinningUnit !== c?.unit && c?.unit !== O.Quarter && (s.temporalBinningUnit = c?.unit), c?.size !== void 0 && c?.unit !== void 0 && Q(x, { size: c.size, unit: c.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds), S(s)) {
+            if ((b(s) || S(s) && s.binTemporalData) && (c?.size !== void 0 && s.temporalBinningSize !== c?.size && (s.temporalBinningSize = c?.size), c?.unit !== void 0 && s.temporalBinningUnit !== c?.unit && c?.unit !== O.Quarter && (s.temporalBinningUnit = c?.unit), c?.size !== void 0 && c?.unit !== void 0 && Y(x, { size: c.size, unit: c.unit })), this.calculatedDataMinMaxBounds = this.getDataExtent(n), i && (i.dataStore.calculatedDataMinMaxBounds = this.calculatedDataMinMaxBounds), S(s)) {
               const g = s.xAxisField, u = n.some((A) => A[g] === null), C = s.nullCategory;
               u && C === void 0 && (s.nullCategory = R.nullCategory);
             }
@@ -294,7 +295,7 @@ class ce extends X {
     e?.forEach((a) => {
       const { isXAxis: t, maximum: i, minimum: s } = a, r = this.getModel(this.selectedChartId);
       if (r !== void 0 && T(r) && this.selectedChartId !== void 0) {
-        const n = new te(r, t), c = Y({
+        const n = new te(r, t), c = Q({
           chartId: this.selectedChartId,
           isXAxis: t,
           isLogarithmic: n.getLogarithmic()
@@ -329,7 +330,7 @@ class ce extends X {
     return this.modelList?.find((a) => a.chartId === e);
   }
   removeSelectChartTypePopover() {
-    this.selectChartTypePopover !== void 0 && (this.selectChartTypePopover?.remove(), this.selectChartTypePopover = H(this.selectChartTypePopover));
+    this.selectChartTypePopover !== void 0 && (this.selectChartTypePopover?.remove(), this.selectChartTypePopover = X(this.selectChartTypePopover));
   }
   clearPartialModels() {
     this.modelList = this.modelList.filter((e) => !D(e.config));
@@ -406,7 +407,7 @@ class ce extends X {
   }
   renderTabs() {
     const e = this.getModel(this.selectedChartId);
-    return $("chart-edit", h`<calcite-flow-item .selected=${this.panelNumber >= 1 && !this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel ?? l.Data]} .description=${this.currentChartTypeText !== "" && this._messages.pageFlowTitle !== void 0 ? G(this._messages.pageFlowTitle, {
+    return $("chart-edit", h`<calcite-flow-item .selected=${this.panelNumber >= 1 && !this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel ?? l.Data]} .description=${this.currentChartTypeText !== "" && this._messages.pageFlowTitle !== void 0 ? H(this._messages.pageFlowTitle, {
       chartName: e?.titleText ?? this.currentChartTypeText,
       layerName: e?.layer?.title ?? ""
     }) : ""}>${e?.chartType !== void 0 ? h`<calcite-action-bar class=${d(m.tabBar)} layout=horizontal expand-disabled><calcite-action class=${d(m.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel === l.Data || this.selectedPanel === void 0} @click=${() => {

package/dist/components/arcgis-charts-config-field-select/customElement.js

@@ -3,7 +3,7 @@ import { css as l, html as c } from "lit";
 import { LitElement as a, safeClassMap 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.67 */
+v5.0.0-next.68 */
 const e = {
   fieldSelectButtonSection: "field-select-btn-section",
   fieldSelectButton: "field-select-btn",

package/dist/components/arcgis-charts-config-font-style/customElement.js

@@ -2,8 +2,10 @@ import { c as d } from "../../chunks/runtime.js";
 import { css as y, html as l } from "lit";
 import "@arcgis/toolkit/intl";
 import { merge as i } from "lodash-es";
-import { R as u, D as s, C as c, E as r, b9 as S } from "../../chunks/index.js";
+import "../../chunks/series-types.js";
+import { R as u, h as s, g as c, i as r } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
+import { aC as S } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -21,14 +23,14 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
-import { b as g, m, s as b, c as h } from "../../chunks/chart-ui-utils2.js";
+import { b as g, m, s as b, c as p } from "../../chunks/chart-ui-utils2.js";
 import { u as v } from "../../chunks/useT9n.js";
 import { createRef as C, ref as x } from "lit/directives/ref.js";
-import { LitElement as $, createEvent as p, safeClassMap as n } from "@arcgis/lumina";
+import { LitElement as $, createEvent as h, safeClassMap as n } 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.67 */
-const E = {
+v5.0.0-next.68 */
+const w = {
   arial: "Arial",
   arialBlack: "Arial Black",
   bookman: "Bookman",
@@ -48,18 +50,18 @@ const E = {
   font: "font",
   numberInput: "number-input",
   inputLabel: "input-label"
-}, w = y`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto}:host calcite-panel .font-style-container{display:flex;padding:0 1rem}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;flex-grow:inherit;width:80px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`;
+}, E = y`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-html-container{z-index:101!important}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto}:host calcite-panel .font-style-container{display:flex;padding:0 1rem}:host calcite-panel .font-style-container .input-label{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important}:host calcite-panel .font-style-container .number-input{margin-bottom:.5rem;display:flex}:host calcite-panel .font-style-container .number-input>div{width:100%}:host calcite-panel .font-style-container calcite-action,:host calcite-panel .font-style-container calcite-label{flex:1 1 0px;display:flex;flex-grow:inherit;width:80px}:host calcite-panel .font-style-container calcite-label{flex-grow:2}:host calcite-panel calcite-label.font{display:block;margin-top:1rem}`;
 class I extends $ {
   constructor() {
     super(...arguments), this._messages = v(), this.fontSizeInputElement = C(), this.fontStyle = {
       type: u.TS
-    }, this.arcgisChartsConfigFontStyleChange = p(), this.arcgisChartsConfigFontStyleClose = p();
+    }, this.arcgisChartsConfigFontStyleChange = h(), this.arcgisChartsConfigFontStyleClose = h();
   }
   static {
     this.properties = { messageOverrides: 0, fontStyle: 0, header: 1, open: 5, enableClose: 5 };
   }
   static {
-    this.styles = w;
+    this.styles = E;
   }
   closePanel(t) {
     t.target.closed && this.enableClose === !0 && (this.open = !1, this.arcgisChartsConfigFontStyleClose.emit());
@@ -81,11 +83,11 @@ class I extends $ {
       };
       this.isNewFontProperty("size", e) && (this.fontStyle = i(this.fontStyle, { font: e }), this.emitFontStyleEvent({ font: e })), this.fontSizeInputElement.value && m({
         inputElement: this.fontSizeInputElement.value,
-        status: h.IDLE
+        status: p.IDLE
       });
     } else this.fontSizeInputElement.value && m({
       inputElement: this.fontSizeInputElement.value,
-      status: h.INVALID
+      status: p.INVALID
     });
   }
   boldSelect() {
@@ -117,7 +119,7 @@ class I extends $ {
     return this.fontStyle?.font?.[t] !== e[t];
   }
   renderFonts() {
-    const t = Object.values(E).map((e) => l`<calcite-option .value=${e} .selected=${e === this.fontStyle?.font?.family || e === S().font?.family?.split(",")[0] && this.fontStyle?.font?.family === void 0}>${e}</calcite-option>`);
+    const t = Object.values(w).map((e) => l`<calcite-option .value=${e} .selected=${e === this.fontStyle?.font?.family || e === S().font?.family?.split(",")[0] && this.fontStyle?.font?.family === void 0}>${e}</calcite-option>`);
     return this.fontStyle?.font?.family === "" && t.push(l`<calcite-option value selected></calcite-option>`), t;
   }
   render() {

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

@@ -1,11 +1,13 @@
 import { c as A } from "../../chunks/runtime.js";
 import { ref as $ } from "lit/directives/ref.js";
-import { C as B, F as i, L as m } from "../../chunks/common.js";
+import { C as B, F as i, L as c } from "../../chunks/common.js";
 import { d as T, j as h, h as n, l as E, p, m as L, f as M } from "../../chunks/type-guards.js";
-import { c as V, R as f, D as w, C as N, E as D, d } from "../../chunks/index.js";
+import { W as d } from "../../chunks/series-types.js";
+import { c as V, R as f, h as w, g as N, i as D } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
-import { isEmpty as u, cloneDeep as r, isArray as v, isObject as k, mergeWith as G } from "lodash-es";
+import { isEmpty as u, cloneDeep as r, isArray as v, isObject as k, mergeWith as W } from "lodash-es";
 import "d3-array";
+import "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -25,13 +27,13 @@ import "@arcgis/core/core/promiseUtils.js";
 import { c as x, e as l } from "../../chunks/index3.js";
 import "@arcgis/toolkit/dom";
 import { r as F } from "../../chunks/popover-ui-utils.js";
-import { l as W } from "../../chunks/chart-ui-utils2.js";
+import { l as G } from "../../chunks/chart-ui-utils2.js";
 import { u as R } from "../../chunks/useT9n.js";
 import { css as j, html as S } from "lit";
 import { LitElement as I, renderElement as O, safeClassMap as g } 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.67 */
+v5.0.0-next.68 */
 const P = {
   type: f.TS,
   color: [1, 1, 1, 255],
@@ -72,8 +74,8 @@ class _ extends I {
       if (e.target?.localName === "calcite-list-item" ? s = e.target?.value : s = e.target?.parentNode?.value, this.selectedSymbols = [], this.selectedBackground = [], e.shiftKey) {
         this.selectedTexts = [];
         const o = this.textProperties.indexOf(this.lastSelectedText ?? s), a = this.textProperties.indexOf(s);
-        this.textProperties.forEach((c, y) => {
-          y >= Math.min(o, a) && y <= Math.max(o, a) && this.selectedTexts.push(c);
+        this.textProperties.forEach((m, y) => {
+          y >= Math.min(o, a) && y <= Math.max(o, a) && this.selectedTexts.push(m);
         }), 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();
@@ -99,12 +101,12 @@ class _ extends I {
     }, this.updateTextProps = (t) => {
       const { font: e, color: s } = t.detail;
       this.selectedTexts.forEach((o) => {
-        const a = this.getFormatValue(o), c = l(a) ? a : void 0;
+        const a = this.getFormatValue(o), m = l(a) ? a : void 0;
         this.setFormatValue(o, {
-          ...c,
+          ...m,
           type: f.TS,
-          font: { ...c?.font, ...e },
-          color: s ?? c?.color
+          font: { ...m?.font, ...e },
+          color: s ?? m?.color
         });
       }), this.selectedElement = r(t.target.selectedElement);
     }, this.onModelConfigChange = () => {
@@ -148,8 +150,8 @@ class _ extends I {
     if (this.selectedElement = void 0, e === void 0) {
       const s = r(this.getFormatValue(t[0]));
       this.selectedElement = t?.reduce((o, a) => {
-        const c = this.getFormatValue(a);
-        return G(o, c, this.mergeFormatValues);
+        const m = this.getFormatValue(a);
+        return W(o, m, this.mergeFormatValues);
       }, s);
     } else {
       let s = r(e);
@@ -193,11 +195,11 @@ class _ extends I {
         return p(this.model) ? this.model.legendTitleSymbol : void 0;
       case i.DataLabels:
         return E(this.model) ? this.model.dataLabelsSymbol : void 0;
-      case m.AxisLines:
+      case c.AxisLines:
         return n(this.model) ? this.model.axisLinesSymbol : void 0;
-      case m.GridLines:
+      case c.GridLines:
         return h(this.model) ? this.model.getGridLinesSymbol() : void 0;
-      case m.LeaderLines:
+      case c.LeaderLines:
         return T(this.model) ? this.model.ticksSymbol : void 0;
       case i.Background:
         return this.model.backgroundColor;
@@ -234,10 +236,10 @@ class _ extends I {
       case i.DataLabels:
         E(this.model) && l(e) && (this.model.dataLabelsSymbol = e);
         break;
-      case m.AxisLines:
+      case c.AxisLines:
         n(this.model) && x(e) && (this.model.axisLinesSymbol = e);
         break;
-      case m.GridLines:
+      case c.GridLines:
         if (h(this.model) && x(e)) {
           const s = this.model.chartType;
           let o = [];
@@ -261,7 +263,7 @@ class _ extends I {
           this.model.setGridLinesSymbol(e, o);
         }
         break;
-      case m.LeaderLines:
+      case c.LeaderLines:
         T(this.model) && x(e) && (this.model.ticksSymbol = e);
         break;
       case i.Background:
@@ -282,16 +284,16 @@ class _ extends I {
       ...E(this.model) ? [i.DataLabels] : []
     ], M(this.model) && (this.textProperties = this.textProperties.filter((s) => s !== i.DataLabels)), this.symbolProperties = [
       i.Background,
-      ...n(this.model) ? [m.AxisLines] : [],
-      ...h(this.model) ? [m.GridLines] : [],
-      ...T(this.model) ? [m.LeaderLines] : []
+      ...n(this.model) ? [c.AxisLines] : [],
+      ...h(this.model) ? [c.GridLines] : [],
+      ...T(this.model) ? [c.LeaderLines] : []
     ];
     const 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) {
-    const s = W(t), o = this.getFormatValue(t), a = typeof o == "string" ? o : "", c = this.selectedTexts.includes(t) || this.selectedSymbols.includes(t) || this.selectedBackground.includes(t);
-    return S`<calcite-list-item class=${g(b.element)} .label=${this._messages[t]} .description=${a} .value=${t} .selected=${c} @click=${e} ${$(this.updateSelectableElements)}>${s !== void 0 ? S`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>` : null}</calcite-list-item>`;
+    const s = G(t), o = this.getFormatValue(t), a = typeof o == "string" ? o : "", m = this.selectedTexts.includes(t) || this.selectedSymbols.includes(t) || this.selectedBackground.includes(t);
+    return S`<calcite-list-item class=${g(b.element)} .label=${this._messages[t]} .description=${a} .value=${t} .selected=${m} @click=${e} ${$(this.updateSelectableElements)}>${s !== void 0 ? S`<calcite-icon slot=content-start scale=s .icon=${s}></calcite-icon>` : null}</calcite-list-item>`;
   }
   render() {
     const { textElements: t, symbolElements: e } = this.renderFormatElements();

package/dist/components/arcgis-charts-config-format-popover/customElement.js

@@ -2,8 +2,10 @@ import { c as i } from "../../chunks/runtime.js";
 import { css as a, html as o } from "lit";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
-import { R as r } from "../../chunks/index.js";
+import "../../chunks/series-types.js";
+import { R as r } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
+import "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -27,7 +29,7 @@ import { createRef as p, ref as c } from "lit/directives/ref.js";
 import { LitElement as m, createEvent as s, safeClassMap as h } 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.67 */
+v5.0.0-next.68 */
 const g = {
   jsAppFlyout: "js-app-flyout"
 }, C = a``;

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

@@ -1,14 +1,15 @@
 import { c as g } from "../../chunks/runtime.js";
 import { h as n, j as c, g as h, p as r } from "../../chunks/type-guards.js";
-import { au as p, i as l } from "../../chunks/index.js";
-import { isEmpty as b } from "lodash-es";
-import { m as x, c as m } from "../../chunks/chart-ui-utils2.js";
-import { u } from "../../chunks/useT9n.js";
-import { css as T, html as a } from "lit";
-import { createRef as f, ref as C } from "lit/directives/ref.js";
-import { LitElement as $, safeClassMap as i } from "@arcgis/lumina";
+import { d as l } from "../../chunks/series-types.js";
+import { isEmpty as p } from "lodash-es";
+import { m as b, c as m } from "../../chunks/chart-ui-utils2.js";
+import { u as x } from "../../chunks/useT9n.js";
+import { css as u, html as a } from "lit";
+import { createRef as T, ref as f } from "lit/directives/ref.js";
+import { LitElement as C, safeClassMap as i } from "@arcgis/lumina";
 import "@arcgis/toolkit/intl";
 import "d3-array";
+import { X as $ } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -28,16 +29,16 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
 /*! 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.67 */
+v5.0.0-next.68 */
 const s = {
   textInput: "text-input",
   label: "label",
   labelContainer: "label-container",
   select: "select"
-}, v = T`.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;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;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}`;
-class y extends $ {
+}, v = u`.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;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;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}`;
+class y extends C {
   constructor() {
-    super(...arguments), this._messages = u(), this.characterLimitInputElement = f(), this.onModelConfigChange = () => {
+    super(...arguments), this._messages = x(), this.characterLimitInputElement = T(), this.onModelConfigChange = () => {
       this.requestUpdate();
     }, this.resetChartTitleToBeDynamic = () => {
       const e = this.model.generateChartTitle();
@@ -72,7 +73,7 @@ class y extends $ {
     super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   handleResetButtons() {
-    this.isPartialConfig = p(this.model.config);
+    this.isPartialConfig = $(this.model.config);
     const e = this.model.generateChartTitle(), t = this.model.titleText;
     if (this.disableResetButtonForChartTitle = this.isPartialConfig || e === t, n(this.model)) {
       const o = this.model.generateXAxisTitle(), d = this.model.xAxisTitleText;
@@ -88,7 +89,7 @@ class y extends $ {
   }
   setChartTitle(e) {
     const { value: t } = e.target;
-    this.isChartTitleInvalid = b(t.trim()), this.characterLimitInputElement.value && x({
+    this.isChartTitleInvalid = p(t.trim()), this.characterLimitInputElement.value && b({
       inputElement: this.characterLimitInputElement.value,
       status: this.isChartTitleInvalid ? m.INVALID : m.IDLE
     }), this.isChartTitleInvalid || (this.model.titleText = t);
@@ -142,7 +143,7 @@ class y extends $ {
     ] : [];
   }
   render() {
-    return a`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig ? "" : this.model.titleText} @calciteInputInput=${this.setChartTitle} ${C(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${n(this.model) ? [
+    return a`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig ? "" : this.model.titleText} @calciteInputInput=${this.setChartTitle} ${f(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${n(this.model) ? [
       a`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.xAxisTitle}<div><calcite-button @click=${this.resetXAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForXAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.xAxisTitleVisibility} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.xAxisTitleVisibility} .value=${this.isPartialConfig ? "" : this.model.xAxisTitleText} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,
       c(this.model) ? a`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.yAxisTitle}<div><calcite-button @click=${this.resetYAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForYAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.getAxisTitleVisibility(1)} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getAxisTitleVisibility(1)} .value=${this.model.getAxisTitleText(1)} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>` : null
     ] : null}${r(this.model) ? a`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendTitle}<calcite-switch .checked=${this.model.legendTitleVisibility} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.legendTitleVisibility} .value=${this.model.legendTitleText} @calciteInputInput=${this.setChartLegendTitle}></calcite-input></div>` : null}<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendPosition}</calcite-label><calcite-combobox clear-disabled label class=${i(s.select)} @calciteComboboxChange=${this.legendPositionChange} selection-mode=single>${this.renderLegendPositions()}</calcite-combobox></div><div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.description}<calcite-switch .checked=${this.model.descriptionVisibility} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.descriptionVisibility} .value=${this.model.descriptionText} @calciteTextAreaInput=${this.setChartDescription}></calcite-text-area></div>`;