@arcgis/charts-components 5.2.0-next.70 → 5.2.0-next.72

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

@@ -1,60 +1,74 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as l } from "../../chunks/runtime.js";
-import { LitElement as n, createEvent as d } from "@arcgis/lumina";
-import { css as c, html as s } from "lit";
-import { isEqual as r } from "lodash-es";
+import { c as h } from "../../chunks/runtime.js";
+import { LitElement as f, createEvent as g } from "@arcgis/lumina";
+import { css as m, html as s } from "lit";
+import { isEqual as n } from "lodash-es";
 import { C as t } from "../../chunks/interfaces.js";
-import { bE as h, a$ as f, ac as p, bX as g, I as m, bj as u } from "../../chunks/index2.js";
-const C = c`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
-class F extends n {
+import { bE as c, an as p, a$ as u, ac as C, bX as F, I as y, bj as v } from "../../chunks/index2.js";
+const b = m`:host{margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
+class I extends f {
   constructor() {
     super(...arguments), this.onModelConfigChange = async (e) => {
       const i = e?.detail.config ?? this.model.config;
       this.layer === void 0 && await this.updateFetchLayerFieldsInfo(i);
-    }, this.activeColorMatch = !1, this.popoverPlacement = "leading", this.usePopupTemplateFieldsInfo = !1, this.arcgisChartsConfigNoSeriesUpdate = d();
+    }, this.activeColorMatch = !1, this.popoverPlacement = "leading", this.usePopupTemplateFieldsInfo = !1, this.arcgisChartsConfigNoSeriesUpdate = g();
   }
   static {
     this.properties = { layerFieldsInfo: 16, activeColorMatch: 16, model: 0, timeZone: 1, popoverPlacement: 1, seriesColor: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5 };
   }
   static {
-    this.styles = C;
+    this.styles = b;
   }
   async load() {
     this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), await this.updateFetchLayerFieldsInfo(this.model?.config), this.modelChange(this.model), this.updateDataFilters();
   }
   willUpdate(e) {
-    let a = !1;
-    e.has("model") && this.modelChange(this.model, e.get("model")), e.has("layer") && this.layer !== void 0 && !r(e.get("layer"), this.layer) && (a = !0), (e.has("usePopupTemplateFieldsInfo") && this.usePopupTemplateFieldsInfo !== void 0 && this.usePopupTemplateFieldsInfo !== e.get("usePopupTemplateFieldsInfo") || e.has("popupTemplateFieldInfosEnabled") && this.popupTemplateFieldInfosEnabled !== void 0 && this.popupTemplateFieldInfosEnabled !== e.get("popupTemplateFieldInfosEnabled")) && (a = !0), e.has("seriesColor") && this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), this.layerFieldsInfo === void 0 && (a = !0), a && this.updateFetchLayerFieldsInfo();
+    let o = !1;
+    e.has("model") && this.modelChange(this.model, e.get("model")), e.has("layer") && this.layer !== void 0 && !n(e.get("layer"), this.layer) && (o = !0), (e.has("usePopupTemplateFieldsInfo") && this.usePopupTemplateFieldsInfo !== void 0 && this.usePopupTemplateFieldsInfo !== e.get("usePopupTemplateFieldsInfo") || e.has("popupTemplateFieldInfosEnabled") && this.popupTemplateFieldInfosEnabled !== void 0 && this.popupTemplateFieldInfosEnabled !== e.get("popupTemplateFieldInfosEnabled")) && (o = !0), e.has("seriesColor") && this.seriesColor !== void 0 && this.seriesColorChange(this.seriesColor), this.layerFieldsInfo === void 0 && (o = !0), o && this.updateFetchLayerFieldsInfo();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
-  modelChange(e, a) {
-    a?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
+  modelChange(e, o) {
+    o?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   seriesColorChange(e) {
-    this.activeColorMatch = e?.get(0) === void 0, this.model.colorMatch && e?.forEach((a, i) => {
-      h(a) && e?.get(0) !== void 0 && a?.color !== void 0 && !r(this.model.getSeriesColor(i), a?.color) && this.model.setSeriesColor(a?.color, i);
-    });
+    const o = e.get(0);
+    if (this.activeColorMatch = o === void 0, this.model.colorMatch) {
+      const i = c(o) ? o.color : void 0, a = this.model.nullCategory, r = p(a);
+      i !== void 0 && a !== void 0 && r !== void 0 && (this.model.nullCategory = {
+        ...a,
+        fillSymbol: {
+          ...r,
+          color: i,
+          outline: r.outline && {
+            ...r.outline,
+            color: i
+          }
+        }
+      }), e.forEach((l, d) => {
+        c(l) && o !== void 0 && l?.color !== void 0 && !n(this.model.getSeriesColor(d), l?.color) && this.model.setSeriesColor(l?.color, d);
+      });
+    }
   }
   async updateDataFilters() {
-    const e = this.model.getDataFilters(), a = e?.where, i = this.layer?.definitionExpression ?? void 0;
-    r(a, i) || await this.model.setDataFilters({
+    const e = this.model.getDataFilters(), o = e?.where, i = this.layer?.definitionExpression ?? void 0;
+    n(o, i) || await this.model.setDataFilters({
       ...e,
       where: i
     });
   }
   async updateFetchLayerFieldsInfo(e) {
-    const a = e ?? this.model.config;
+    const o = e ?? this.model.config;
     let i = this.layer;
     if (!i) {
-      const o = f(a) ? a.iLayer : void 0;
-      o && (i = await p(o));
+      const a = u(o) ? o.iLayer : void 0;
+      a && (i = await C(a));
     }
-    i && (await g(i), this.layerFieldsInfo = m(i, this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled));
+    i && (await F(i), this.layerFieldsInfo = y(i, this.usePopupTemplateFieldsInfo || this.popupTemplateFieldInfosEnabled));
   }
   render() {
-    const e = this.layerFieldsInfo?.find((o) => o.name === this.model.xAxisField), a = e !== void 0 && u(e);
+    const e = this.layerFieldsInfo?.find((a) => a.name === this.model.xAxisField), o = e !== void 0 && v(e);
     let i;
     switch (this.page) {
       case t.Data:
@@ -67,7 +81,7 @@ class F extends n {
         i = s`<arcgis-charts-config-axes .model=${this.model} show-max-y-bound-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-axes>`;
         break;
       case t.Guides:
-        i = s`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${a} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;
+        i = s`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .enableXAxisGuide=${o} enable-y-axis-guide .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-guides>`;
         break;
       case t.Format:
         i = s`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;
@@ -82,7 +96,7 @@ class F extends n {
     return i;
   }
 }
-l("arcgis-charts-config-bar-chart", F);
+h("arcgis-charts-config-bar-chart", I);
 export {
-  F as ArcgisChartsConfigBarChart
+  I as ArcgisChartsConfigBarChart
 };