@arcgis/charts-components 4.34.0-next.16 → 4.34.0-next.160

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

@@ -1,5 +1,5 @@
-/// <reference types="../../index.d.ts" />
-import { Color, ISimpleLineSymbol, WebChartTextSymbol } from '@arcgis/charts-spec';
+/// <reference path="../../index.d.ts" />
+import { Color, ISimpleLineSymbol, WebChartTextSymbol } from '../../spec';
 import { FontStyleChangePayload } from '../arcgis-charts-config-font-style/resource';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
 

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

@@ -1,7 +1,9 @@
 import { c as i } from "../../chunks/runtime.js";
-import { html as o } from "lit-html";
-import { RESTSymbolType as r } from "@arcgis/charts-spec";
+import { css as a, html as o } from "lit";
+import "@arcgis/toolkit/intl";
 import "lodash-es";
+import "../../chunks/series-types.js";
+import { R as r } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
 import "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
@@ -11,20 +13,20 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
-import { e as a } from "../../chunks/popover-ui-utils.js";
-import { u as l } from "../../chunks/useT9n.js";
-import { createRef as n, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as c, createEvent as s, safeClassMap as m } from "@arcgis/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import "@arcgis/toolkit/dom";
+import { e as l } from "../../chunks/popover-ui-utils.js";
+import { u as n } from "../../chunks/useT9n.js";
+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/4.34/esri/copyright.txt for details.
-v4.34.0-next.16 */
+v4.34.0-next.160 */
 const g = {
   jsAppFlyout: "js-app-flyout"
-}, C = h``;
-class f extends c {
+}, C = a``;
+class f extends m {
   constructor() {
-    super(...arguments), this._messages = l(), this.popoverElement = n(), this.placement = "leading", this.arcgisChartsConfigFormatPopoverColorChange = s(), this.arcgisChartsConfigFormatPopoverSymbolChange = s(), this.arcgisChartsConfigFormatPopoverTextChange = s(), this.arcgisChartsConfigPopoverClose = s();
+    super(...arguments), this._messages = n(), this.popoverElement = p(), this.placement = "leading", this.arcgisChartsConfigFormatPopoverColorChange = s(), this.arcgisChartsConfigFormatPopoverSymbolChange = s(), this.arcgisChartsConfigFormatPopoverTextChange = s(), this.arcgisChartsConfigPopoverClose = s();
   }
   static {
     this.properties = { messageOverrides: 0, selectedElement: 2, referenceElement: 2, placement: 3, open: 7 };
@@ -36,7 +38,7 @@ class f extends c {
     await this.popoverElement.value?.reposition();
   }
   updated() {
-    a(this.popoverElement.value, this.open);
+    l(this.popoverElement.value, this.open);
   }
   closePopover() {
     this.open = !1, this.arcgisChartsConfigPopoverClose.emit();
@@ -52,7 +54,7 @@ class f extends c {
   }
   render() {
     const e = this.selectedElement, t = this.selectedElement;
-    return o`<div class=${m(g.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${this.open} label @calcitePopoverClose=${this.closePopover} pointer-disabled ${p(this.popoverElement)}>${Array.isArray(e) ? o`<arcgis-charts-config-color-style .header=${this._messages.backgroundElement} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.closePopover} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>` : null}${t?.type === r.SLS ? o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>` : null}${t?.type === r.TS ? o`<arcgis-charts-config-font-style .header=${this._messages.textStyle} .open=${this.open} enable-close .fontStyle=${t} @arcgisChartsConfigFontStyleClose=${this.closePopover} @arcgisChartsConfigFontStyleChange=${this.updateTextProperties}></arcgis-charts-config-font-style>` : null}</calcite-popover></div>`;
+    return o`<div class=${h(g.jsAppFlyout)}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${this.open} label @calcitePopoverClose=${this.closePopover} pointer-disabled auto-close ${c(this.popoverElement)}>${Array.isArray(e) ? o`<arcgis-charts-config-color-style .header=${this._messages.backgroundElement} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.closePopover} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>` : null}${t?.type === r.SLS ? o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>` : null}${t?.type === r.TS ? o`<arcgis-charts-config-font-style .header=${this._messages.textStyle} .open=${this.open} enable-close .fontStyle=${t} @arcgisChartsConfigFontStyleClose=${this.closePopover} @arcgisChartsConfigFontStyleChange=${this.updateTextProperties}></arcgis-charts-config-font-style>` : null}</calcite-popover></div>`;
   }
 }
 i("arcgis-charts-config-format-popover", f);

package/dist/components/arcgis-charts-config-general/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { ChartModel } from '../../model';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';

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

@@ -1,109 +1,146 @@
-import { c as r } from "../../chunks/runtime.js";
-import { o, g as n, h as c } from "../../chunks/type-guards.js";
-import { WebChartLegendPositions as l } from "@arcgis/charts-spec";
-import { isEmpty as m } from "lodash-es";
-import { m as g, c as d } from "../../chunks/chart-ui-utils2.js";
-import { u as b } from "../../chunks/useT9n.js";
-import { html as a } from "lit";
-import { createRef as p, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as x, safeClassMap as i } from "@arcgis/lumina";
-import { css as f } from "@lit/reactive-element/css-tag.js";
+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 { d as l } from "../../chunks/series-types.js";
+import { isEmpty as b } from "lodash-es";
+import { m as p, 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 { y as $ } from "../../chunks/interfaces.js";
+import "@arcgis/core/geometry/support/jsonUtils.js";
+import "@arcgis/core/rest/support/AttributeBinsQuery.js";
+import "@arcgis/core/rest/support/Query.js";
+import "@arcgis/core/rest/support/StatisticDefinition.js";
+import "@arcgis/core/time/TimeExtent.js";
+import "@arcgis/core/core/promiseUtils.js";
+import "@arcgis/core/request.js";
+import "@arcgis/toolkit/dom";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.16 */
+v4.34.0-next.160 */
 const s = {
   textInput: "text-input",
   label: "label",
   labelContainer: "label-container",
   select: "select"
-}, $ = f`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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}.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 C extends x {
+}, v = u`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.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 = b(), this.characterLimitInputElement = p(), this.onModelConfigChange = () => {
+    super(...arguments), this._messages = x(), this.characterLimitInputElement = T(), this.onModelConfigChange = () => {
       this.requestUpdate();
-    }, this.isChartTitleInvalid = !1, this.open = !1;
+    }, this.resetChartTitleToBeDynamic = () => {
+      const e = this.model.generateChartTitle();
+      this.model.titleText = e, this.disableResetButtonForChartTitle = !1;
+    }, this.resetXAxisTitleToBeDynamic = async () => {
+      if (n(this.model)) {
+        const e = this.model.generateXAxisTitle();
+        this.model.xAxisTitleText = e;
+      }
+      this.disableResetButtonForXAxisTitle = !1;
+    }, this.resetYAxisTitleToBeDynamic = async () => {
+      if (c(this.model)) {
+        const e = h(this.model) ? await this.model.getDefaultXAxisTitleText() : await this.model.generateYAxisTitle();
+        this.model.setAxisTitleText(e, 1);
+      }
+      this.disableResetButtonForYAxisTitle = !1;
+    }, this.isPartialConfig = !1, this.disableResetButtonForChartTitle = !1, this.disableResetButtonForXAxisTitle = !1, this.disableResetButtonForYAxisTitle = !1, this.isChartTitleInvalid = !1, this.open = !1;
   }
   static {
-    this.properties = { isChartTitleInvalid: 16, messageOverrides: 0, model: 0, open: 7 };
+    this.properties = { disableResetButtonForChartTitle: 16, disableResetButtonForXAxisTitle: 16, disableResetButtonForYAxisTitle: 16, isChartTitleInvalid: 16, messageOverrides: 0, model: 0, open: 7 };
   }
   static {
-    this.styles = $;
+    this.styles = v;
   }
   load() {
     this.modelChange(this.model);
   }
-  willUpdate(e) {
-    e.has("model") && this.modelChange(this.model, e.get("model"));
+  async willUpdate(e) {
+    e.has("model") && this.modelChange(this.model, e.get("model")), this.handleResetButtons();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.model.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
+  async handleResetButtons() {
+    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;
+      this.disableResetButtonForXAxisTitle = this.isPartialConfig || o === d;
+    }
+    if (c(this.model)) {
+      const o = h(this.model) ? await this.model.getDefaultXAxisTitleText() : await this.model.generateYAxisTitle(), d = this.model.getAxisTitleText(1);
+      this.disableResetButtonForYAxisTitle = this.isPartialConfig || o === d;
+    }
+  }
   modelChange(e, t) {
     t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
   }
   setChartTitle(e) {
     const { value: t } = e.target;
-    this.isChartTitleInvalid = m(t.trim()), this.characterLimitInputElement.value && g({
+    this.isChartTitleInvalid = b(t.trim()), this.characterLimitInputElement.value && p({
       inputElement: this.characterLimitInputElement.value,
-      status: this.isChartTitleInvalid ? d.INVALID : d.IDLE
-    }), this.isChartTitleInvalid || this.model.setTitleText(t);
+      status: this.isChartTitleInvalid ? m.INVALID : m.IDLE
+    }), this.isChartTitleInvalid || (this.model.titleText = t);
   }
   setChartLegendTitle(e) {
     const { value: t } = e.target;
-    t !== void 0 && o(this.model) && this.model.setLegendTitleText(t);
+    t !== void 0 && r(this.model) && (this.model.legendTitleText = t);
   }
   setChartXAxisTitle(e) {
     const { value: t } = e.target;
-    t !== void 0 && n(this.model) && this.model.setXAxisTitleText(t);
+    t !== void 0 && n(this.model) && (this.model.xAxisTitleText = t);
   }
   setChartYAxisTitle(e) {
     const { value: t } = e.target;
-    t !== void 0 && c(this.model) && this.model.setYAxisTitleText(t);
+    t !== void 0 && c(this.model) && this.model.setAxisTitleText(t, 1);
   }
   setChartDescription(e) {
     const { value: t } = e.target;
-    t !== void 0 && this.model.setDescriptionText(t);
+    t !== void 0 && (this.model.descriptionText = t);
   }
   enableChartTitle(e) {
     const t = e.target.checked;
-    this.model.setChartTitleVisibility(t);
+    this.model.chartTitleVisibility = t;
   }
   enableXAxisTitle(e) {
     const t = e.target.checked;
-    n(this.model) && this.model.setXAxisTitleVisibility(t);
+    n(this.model) && (this.model.xAxisTitleVisibility = t);
   }
   enableYAxisTitle(e) {
     const t = e.target.checked;
-    c(this.model) && this.model.setYAxisTitleVisibility(t);
+    c(this.model) && this.model.setAxisTitleVisibility(t, 1);
   }
   enableLegendTitle(e) {
     const t = e.target.checked;
-    o(this.model) && this.model.setLegendTitleVisibility(t);
+    r(this.model) && (this.model.legendTitleVisibility = t);
   }
   enableDescription(e) {
     const t = e.target.checked;
-    this.model.setDescriptionVisibility(t);
+    this.model.descriptionVisibility = t;
   }
   legendPositionChange(e) {
-    const h = e.target?.selectedItems[0]?.value;
-    o(this.model) && this.model.setLegendPosition(h);
+    const o = e.target?.selectedItems[0]?.value;
+    r(this.model) && (this.model.legendPosition = o);
   }
   renderLegendPositions() {
-    return o(this.model) ? [
-      a`<calcite-combobox-item .value=${l.Right} .textLabel=${this._messages.legendRightPosition} .selected=${this.model.getLegendPosition() === l.Right} icon=right-edge></calcite-combobox-item>`,
-      a`<calcite-combobox-item .value=${l.Left} .textLabel=${this._messages.legendLeftPosition} .selected=${this.model.getLegendPosition() === l.Left} icon=left-edge></calcite-combobox-item>`,
-      a`<calcite-combobox-item .value=${l.Top} .textLabel=${this._messages.legendTopPosition} .selected=${this.model.getLegendPosition() === l.Top} icon=upload-to></calcite-combobox-item>`,
-      a`<calcite-combobox-item .value=${l.Bottom} .textLabel=${this._messages.legendBottomPosition} .selected=${this.model.getLegendPosition() === l.Bottom} icon=download-to></calcite-combobox-item>`
+    return r(this.model) ? [
+      a`<calcite-combobox-item .value=${l.Right} .textLabel=${this._messages.legendRightPosition} .selected=${this.model.legendPosition === l.Right} icon=right-edge></calcite-combobox-item>`,
+      a`<calcite-combobox-item .value=${l.Left} .textLabel=${this._messages.legendLeftPosition} .selected=${this.model.legendPosition === l.Left} icon=left-edge></calcite-combobox-item>`,
+      a`<calcite-combobox-item .value=${l.Top} .textLabel=${this._messages.legendTopPosition} .selected=${this.model.legendPosition === l.Top} icon=upload-to></calcite-combobox-item>`,
+      a`<calcite-combobox-item .value=${l.Bottom} .textLabel=${this._messages.legendBottomPosition} .selected=${this.model.legendPosition === l.Bottom} icon=download-to></calcite-combobox-item>`
     ] : [];
   }
   render() {
-    return a`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<calcite-switch .checked=${this.model.getChartTitleVisibility()} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.getChartTitleVisibility()} .value=${this.model.getTitleText()} @calciteInputInput=${this.setChartTitle} ${u(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}<calcite-switch .checked=${this.model.getXAxisTitleVisibility()} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.getXAxisTitleVisibility()} .value=${this.model.getXAxisTitleText()} @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}<calcite-switch .checked=${this.model.getYAxisTitleVisibility()} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getYAxisTitleVisibility()} .value=${this.model.getYAxisTitleText()} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>` : null
-    ] : null}${o(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.getLegendTitleVisibility()} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.getLegendTitleVisibility()} .value=${this.model.getLegendTitleText()} @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.getDescriptionVisibility()} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.getDescriptionVisibility()} .value=${this.model.getDescriptionText()} @calciteTextAreaInput=${this.setChartDescription}></calcite-text-area></div>`;
+    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>`;
   }
 }
-r("arcgis-charts-config-general", C);
+g("arcgis-charts-config-general", y);
 export {
-  C as ArcgisChartsConfigGeneral
+  y as ArcgisChartsConfigGeneral
 };

package/dist/components/arcgis-charts-config-general/index.d.ts

@@ -1,5 +1,6 @@
 import "@esri/calcite-components/components/calcite-combobox-item";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-switch";
 import "@esri/calcite-components/components/calcite-input";
 import "../arcgis-charts-config-invalid-input-message/index.js";

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

@@ -1,5 +1,6 @@
 import "@esri/calcite-components/components/calcite-combobox-item";
 import "@esri/calcite-components/components/calcite-label";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-switch";
 import "@esri/calcite-components/components/calcite-input";
 import "../arcgis-charts-config-invalid-input-message/index.js";

package/dist/components/arcgis-charts-config-guide/customElement.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { ModelWithGuides } from '../../model/mixins';
-import { CalculatedMinMaxBoundsPayload } from '@arcgis/charts-spec';
+import { CalculatedMinMaxBoundsPayload } from '../../spec';
 import { default as MapView } from '@arcgis/core/views/MapView';
-import { PopoverChangePayload, PopoverOpenChangePayload } from '../../utils/components/event-payloads';
 import { GuideChangePayload } from './resource';
 import { PropertyValues } from 'lit';
 import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
@@ -57,17 +56,5 @@ export declare class ArcgisChartsConfigGuide extends LitElement {
      * @category Public
      */
     readonly arcgisChartsConfigGuideChange: TargetedEvent<this, GuideChangePayload>;
-    /**
-     * Event when there is change in guide popover.
-     *
-     * @category Public
-     */
-    readonly arcgisChartsConfigGuidePopoverChange: TargetedEvent<this, PopoverChangePayload>;
-    /**
-     * Event emitted when the popover is closed.
-     *
-     * @category Public
-     */
-    readonly arcgisChartsConfigPopoverOpenChange: TargetedEvent<this, PopoverOpenChangePayload>;
     private _messages;
 }