@arcgis/charts-components 5.2.0-next.104 → 5.2.0-next.106

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

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as $ } from "../../chunks/runtime.js";
 import { keyed as F } from "lit/directives/keyed.js";
-import { LitElement as I, createEvent as g, renderElement as x, safeClassMap as s } from "@arcgis/lumina";
-import { css as A, html as r } from "lit";
-import { createRef as m, ref as d } from "lit/directives/ref.js";
+import { LitElement as x, createEvent as g, renderElement as A, safeClassMap as s } from "@arcgis/lumina";
+import { css as I, html as r } from "lit";
+import { createRef as d, ref as m } from "lit/directives/ref.js";
 import { u as b } from "../../chunks/useT9n.js";
 import { L as l } from "../../chunks/interfaces.js";
 import { d as B, a as u, r as k, b as T } from "../../chunks/store.js";
@@ -14,7 +14,7 @@ import { H as L, I as P } from "../../chunks/index3.js";
 import { b as v, p as w } from "../../chunks/index2.js";
 import { r as C, aO as _ } from "../../chunks/index.js";
 import { r as N } from "../../chunks/popover-ui-utils.js";
-const D = A`.hide{visibility:hidden}.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: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}.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 = {
+const D = I`.hide{visibility:hidden}.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: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}.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",
@@ -22,9 +22,9 @@ const D = A`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.a
   linkContainer: "link-container",
   dimText: "dim-text"
 };
-class U extends I {
+class U extends x {
   constructor() {
-    super(...arguments), this._messages = b(), this.commonStrings = b({ name: "common", blocking: !0 }), this.lineChartPopover = null, this.aggregationElement = m(), this.xAxisFieldElement = m(), this.numericFieldsElement = m(), this.splitByFieldElement = m(), this.intervalAlignmentElement = m(), this.intervalElement = m(), this.onLineChartDataChange = (e) => {
+    super(...arguments), this._messages = b(), this.commonStrings = b({ name: "common", blocking: !0 }), this.lineChartPopover = null, this.aggregationElement = d(), this.xAxisFieldElement = d(), this.numericFieldsElement = d(), this.splitByFieldElement = d(), this.intervalAlignmentElement = d(), this.intervalElement = d(), this.onLineChartDataChange = (e) => {
       try {
         if (e.detail !== null && e.detail?.value !== void 0) {
           const { contentKind: t } = e.detail, i = [...e.detail.value];
@@ -34,7 +34,7 @@ class U extends I {
               break;
             case l.xAxisField: {
               const a = i[0]?.trim() || "";
-              this.model.xAxisField = a, this.arcgisChartsConfigResetTimeInterval.emit();
+              this.model.xAxisField = a;
               break;
             }
             case l.numericFields:
@@ -163,27 +163,27 @@ class U extends I {
         i = this.intervalAlignmentElement.value, a = this._messages.intervalAlignment, o = this.model.timeAggregationType ?? "";
         break;
     }
-    this.lineChartPopover = x(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);
+    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-picker .label=${this.model.aggregationType === c.NoAggregation ? this._messages.noAggregation : this.aggregationLabel} @click=${this.onAggregationSelect} ${d(this.aggregationElement)}></arcgis-charts-config-field-picker>`;
+    return r`<arcgis-charts-config-field-picker .label=${this.model.aggregationType === c.NoAggregation ? this._messages.noAggregation : this.aggregationLabel} @click=${this.onAggregationSelect} ${m(this.aggregationElement)}></arcgis-charts-config-field-picker>`;
   }
   renderXAxisField() {
     const e = this.getCorrectedXAxisValue();
-    return r`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${d(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`;
+    return r`<arcgis-charts-config-field-picker .label=${e} @click=${this.onXAxisFieldSelect} ${m(this.xAxisFieldElement)}></arcgis-charts-config-field-picker>`;
   }
   renderSplitBy() {
     const e = this.getCorrectedSplitByValue();
-    return r`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${d(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`;
+    return r`<arcgis-charts-config-field-picker .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-picker>`;
   }
   renderNumericFields(e) {
     const t = C(this.model.layer).idField, i = [];
     for (const a of e)
       a !== t && i.push(this.buildNumericFieldItem(a));
-    return r`<calcite-list label class=${s(n.fieldList)} ${d(this.numericFieldsElement)}>${i}</calcite-list>`;
+    return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${i}</calcite-list>`;
   }
   renderInterval() {
     const e = (this.model.temporalBinningSize ?? 0) <= 0, t = this.model.temporalBinningSize ?? "", i = w(this.model.temporalBinningUnit ?? f.Second, this._messages) ?? "", a = T(u), o = {
@@ -192,12 +192,12 @@ class U extends I {
     }, p = S(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} ${d(this.intervalElement)}><calcite-icon slot=content-end icon=pencil></calcite-icon></calcite-list-item></calcite-list>`,
+      } : 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=${p} appearance=transparent scale=s icon-end=reset @click=${this.resetTimeIntervalOriginal}>${this._messages.reset}</calcite-button></div>`
     ];
   }
   renderIntervalAlignment() {
-    return r`<arcgis-charts-config-field-picker .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${d(this.intervalAlignmentElement)}></arcgis-charts-config-field-picker>`;
+    return r`<arcgis-charts-config-field-picker .label=${this.timeAggregationLabel} @click=${this.onIntervalAlignmentSelect} ${m(this.intervalAlignmentElement)}></arcgis-charts-config-field-picker>`;
   }
   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>`;