@arcgis/charts-components 5.1.0-next.3 → 5.1.0-next.5

package/dist/components/arcgis-charts-config-bar-chart-data/customElement.js

@@ -5,7 +5,7 @@ import "@arcgis/toolkit/intl";
 import { isEqual as f } from "lodash-es";
 import "luxon";
 import "d3-array";
-import { bK as I, br as k, bs as O, b as D, cY as y, cZ as E, di as P, o as F, df as B, bM as _, d3 as N } from "../../chunks/index.js";
+import { bK as I, br as k, bs as O, b as D, cY as y, cZ as E, dj as P, o as F, dg as B, bM as _, d3 as N } from "../../chunks/index.js";
 import { a as g, i as A, W as p, m as b } from "../../chunks/series-types.js";
 import "@arcgis/toolkit/type";
 import "@arcgis/core/geometry/support/jsonUtils.js";

package/dist/components/arcgis-charts-config-bar-chart-series/customElement.js

@@ -7,7 +7,7 @@ import "luxon";
 import "d3-array";
 import "@arcgis/toolkit/type";
 import { e as r, a as u } from "../../chunks/series-types.js";
-import { df as T, di as C } from "../../chunks/index.js";
+import { dg as T, dj as C } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

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

@@ -8,7 +8,7 @@ import "luxon";
 import "d3-array";
 import "@arcgis/toolkit/type";
 import { f as d } from "../../chunks/series-types.js";
-import { df as S } from "../../chunks/index.js";
+import { dg 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";

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

@@ -8,7 +8,7 @@ import { i as H } from "../../chunks/rotated-state.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as w } from "lodash-es";
 import "luxon";
-import { Z as D, dd as k, c$ as F, di as z, dk as O, af as R } from "../../chunks/index.js";
+import { Z as D, dd as k, c$ as F, dj as z, dl as O, af as R } from "../../chunks/index.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
 import "@arcgis/core/rest/support/AttributeBinsQuery.js";
 import "@arcgis/core/rest/support/StatisticDefinition.js";
@@ -32,8 +32,8 @@ import { C as f } from "../../chunks/index5.js";
 import { a as L } from "../../chunks/chart-ui-utils.js";
 import { r as G } 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 K, safeClassMap as d } from "@arcgis/lumina";
-import { css as j, html as h } from "lit";
+import { LitElement as X, createEvent as y, renderElement as I, safeStyleMap as j, safeClassMap as d } from "@arcgis/lumina";
+import { css as K, html as h } from "lit";
 import { createRef as q, ref as Y } from "lit/directives/ref.js";
 import { u as P } from "../../chunks/useT9n.js";
 import { b as Q, s as x, g as J } from "../../chunks/store.js";
@@ -96,7 +96,7 @@ function ne(p, e) {
     }), a.charts = t;
   }
 }
-const ce = 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}`;
+const ce = K`: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 he extends X {
   constructor() {
     super(), this.selectChartTypePopover = null, this.chartsListFlowItem = q(), this.supportedChartTypes = [
@@ -402,7 +402,7 @@ class he extends X {
         t = "";
         break;
     }
-    this.tooltip = I(h`<calcite-tooltip style=${K({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
+    this.tooltip = I(h`<calcite-tooltip style=${j({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`), document.body.appendChild(this.tooltip);
   }
   destroyTooltip() {
     ie(this.tooltip);

package/dist/components/arcgis-charts-config-heat-chart-data/customElement.js

@@ -7,10 +7,10 @@ import { LitElement as P, createEvent as w, renderElement as _, safeClassMap as
 import { css as O, html as n } from "lit";
 import { createRef as p, ref as g } from "lit/directives/ref.js";
 import { isEqual as F, cloneDeep as H, parseInt as L, camelCase as N } from "lodash-es";
-import { bK as U, Z as W, br as V, dl as K, ax as k, cY as $, d7 as q, di as z, ay as C } from "../../chunks/index.js";
+import { bK as U, Z as W, br as V, dm as K, ax as k, cY as $, d7 as j, dj as q, ay as C } from "../../chunks/index.js";
 import { u as B } from "../../chunks/useT9n.js";
 import { d as i, W as x } from "../../chunks/interfaces.js";
-import { H as j } from "../../chunks/common.js";
+import { H as z } from "../../chunks/common.js";
 import "@arcgis/toolkit/type";
 import { j as u, W as h, a as y, v as b, l as R, u as X, m as f } from "../../chunks/series-types.js";
 import { f as Z, j as Y } from "../../chunks/rest-js-object-literals.js";
@@ -259,7 +259,7 @@ class me extends P {
   }
   onBreaksCountChange(e) {
     let a = L(e.target.value);
-    a < C.min ? a = C.min : a > C.max && (a = C.max), q(a) && (this.breaksCountElement.value && (this.breaksCountElement.value.value = a.toString()), this.model.breaksCount = a, this.updateChartRenderer = !0);
+    a < C.min ? a = C.min : a > C.max && (a = C.max), j(a) && (this.breaksCountElement.value && (this.breaksCountElement.value.value = a.toString()), this.model.breaksCount = a, this.updateChartRenderer = !0);
   }
   onAggregationSelect(e) {
     this.contentKind = i.aggregation, this.setupPopover(e);
@@ -314,7 +314,7 @@ class me extends P {
   }
   setDefaultPropertiesForCalendarHeatChart() {
     if (!J(this.model?.config)) {
-      if (this.model.yAxisField = this.model.xAxisField, this.model.setYAxisSortOrder(j.Desc), this.model.xTemporalBinning === void 0) {
+      if (this.model.yAxisField = this.model.xAxisField, this.model.setYAxisSortOrder(z.Desc), this.model.xTemporalBinning === void 0) {
         const e = {
           type: h.CalendarDateParts,
           unit: u.DayOfMonth
@@ -370,7 +370,7 @@ class me extends P {
     return n`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${e.map((a) => n`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${a.symbol.color?.[0]}, ${a.symbol.color?.[1]}, ${a.symbol.color?.[2]}, ${a.symbol.color?.[3] / 255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${a.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`;
   }
   renderNullUI() {
-    const e = this.model.emptyCell, a = this._messages.null, t = e?.symbol?.color ?? z.grayColor, [s, l, o, m] = [...t], d = `rgba(${s},${l},${o},${m / 255})`;
+    const e = this.model.emptyCell, a = this._messages.null, t = e?.symbol?.color ?? q.grayColor, [s, l, o, m] = [...t], d = `rgba(${s},${l},${o},${m / 255})`;
     return n`<calcite-list label class=${r(c.list)} selection-mode=none ${g(this.nullElement)}><calcite-list-item .label=${a} .value=${a} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${v({ color: d })} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`;
   }
   renderEmptyBins() {

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

@@ -7,7 +7,7 @@ import L from "@arcgis/core/Color.js";
 import { LitElement as P, createEvent as h, safeClassMap as r, nothing as g, safeStyleMap as S } from "@arcgis/lumina";
 import { createRef as u, ref as p } from "lit/directives/ref.js";
 import { isEqual as A } from "lodash-es";
-import { br as D, cY as E, bM as _, bL as M, di as b, ap as N } from "../../chunks/index.js";
+import { br as D, cY as E, bM as _, bL as M, dj as b, ap as N } from "../../chunks/index.js";
 import { u as v } from "../../chunks/useT9n.js";
 import { d as c, W as $ } from "../../chunks/interfaces.js";
 import "@arcgis/toolkit/type";
@@ -32,10 +32,10 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
-import { e as O } from "../../chunks/popover-ui-utils.js";
+import { e as j } from "../../chunks/popover-ui-utils.js";
 import { b as x, a as k, c as m } from "../../chunks/chart-ui-utils2.js";
 import { C as R, a as I } from "../../chunks/class-breaks.js";
-const j = F`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
+const O = F`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
   jsAppFlyout: "js-app-flyout",
   name: "bar-chart-data-popover",
   header: "header",
@@ -61,7 +61,7 @@ class q extends P {
     this.properties = { availableColorRamps: 16, selectedColorRampName: 16, selectedCategory: 16, aggregationLabels: 16, isFlipped: 5, model: 0, messageOverrides: 0, headingTitle: 1, referenceElement: 0, open: 5, contentKind: 1, layerFieldsInfo: 0, selectedContent: 1, colorRamps: 0 };
   }
   static {
-    this.styles = j;
+    this.styles = O;
   }
   async reposition() {
     await this.popoverElement.value?.reposition();
@@ -73,7 +73,7 @@ class q extends P {
   updated() {
     setTimeout(() => {
       this.picklist.value?.setFocus();
-    }, k.PopoverTimer), O(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
+    }, k.PopoverTimer), j(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
       this.popoverElement.value?.reposition();
     }, k.PopoverTimer);
   }

package/dist/components/arcgis-charts-config-line-chart-series/customElement.js

@@ -7,7 +7,7 @@ import "luxon";
 import "d3-array";
 import "@arcgis/toolkit/type";
 import "../../chunks/series-types.js";
-import { df as I } from "../../chunks/index.js";
+import { dg as I } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";

package/dist/components/arcgis-charts-info-modal/customElement.js

@@ -1,9 +1,32 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as i } from "../../chunks/runtime.js";
-import { css as o, html as a } from "lit";
-import { LitElement as n, safeClassMap as t, safeStyleMap as s } from "@arcgis/lumina";
-const l = o`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:block;width:100%;height:100%;overflow:auto}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.container{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;align-content:center;justify-content:center;padding:1rem;background-color:#fff;text-align:left}.container h3.heading-true{color:#000;margin-bottom:auto;background:#f4f4f4cc;height:30px;padding-left:.5rem;padding-top:.5rem;justify-self:stretch;text-align:left}.container h3.heading-false{background:#fff;margin-bottom:auto}.container p{color:#000;justify-self:stretch;text-align:left}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}`, r = { Container: "container", ChartLoaderOverlay: "chart-loader-overlay" };
-class c extends n {
+import { c as o } from "../../chunks/runtime.js";
+import { css as a, html as r } from "lit";
+import { LitElement as n, safeClassMap as e, safeStyleMap as s } from "@arcgis/lumina";
+import "@arcgis/toolkit/intl";
+import "lodash-es";
+import "luxon";
+import "d3-array";
+import "@arcgis/toolkit/type";
+import "../../chunks/series-types.js";
+import { d6 as l } from "../../chunks/index.js";
+import "@arcgis/core/Graphic.js";
+import "@arcgis/core/renderers/support/jsonUtils.js";
+import "@arcgis/core/symbols/support/symbolUtils.js";
+import "@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";
+import "simple-statistics";
+import "@arcgis/core/request.js";
+import "@arcgis/core/AttributeBinsGraphic.js";
+import "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/time/TimeExtent.js";
+import "@arcgis/core/core/promiseUtils.js";
+import "@arcgis/toolkit/dom";
+const c = a`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:block;width:100%;height:100%;overflow:auto}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.container{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;align-content:center;justify-content:center;padding:1rem;background-color:#fff;text-align:left}.container h3.heading-true{color:#000;margin-bottom:auto;background:#f4f4f4cc;height:30px;padding-left:.5rem;padding-top:.5rem;justify-self:stretch;text-align:left}.container h3.heading-false{background:#fff;margin-bottom:auto}.container p{color:#000;justify-self:stretch;text-align:left}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1001}`, i = { Container: "container", ChartLoaderOverlay: "chart-loader-overlay" };
+class d extends n {
   constructor() {
     super(...arguments), this.message = "", this.heading = "", this.showErrorModalInfo = !1;
   }
@@ -11,17 +34,17 @@ class c extends n {
     this.properties = { message: 1, heading: 1, showErrorModalInfo: 5, showLoader: 5, curtainColor: 0, spinnerColor: 0 };
   }
   static {
-    this.styles = l;
+    this.styles = c;
   }
   render() {
-    let e = null;
-    return this.showErrorModalInfo ? e = a`<div class=${t(r.Container)}><h3 class=${t(this.heading !== "" ? "heading-true" : "heading-false")}>${this.heading}</h3><p>${this.message}</p></div>` : this.showLoader && (e = a`<div class=${t(r.ChartLoaderOverlay)} style=${s({
+    let t = null;
+    return this.showErrorModalInfo ? t = r`<div class=${e(i.Container)}><h3 class=${e(this.heading !== "" ? "heading-true" : "heading-false")}>${this.heading}</h3><p .innerHTML=${l(this.message) ?? ""}></p></div>` : this.showLoader && (t = r`<div class=${e(i.ChartLoaderOverlay)} style=${s({
       background: `rgba(${this.curtainColor})`,
       "--calcite-loader-progress-color": `rgba(${this.spinnerColor})`
-    })}><calcite-loader scale=s label=Loading></calcite-loader></div>`), e;
+    })}><calcite-loader scale=s label=Loading></calcite-loader></div>`), t;
   }
 }
-i("arcgis-charts-info-modal", c);
+o("arcgis-charts-info-modal", d);
 export {
-  c as ArcgisChartsInfoModal
+  d as ArcgisChartsInfoModal
 };