@arcgis/charts-components 4.34.0-next.132 → 4.34.0-next.134

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

@@ -5,18 +5,80 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 
 /** @private */
 export declare class ArcgisChartsConfigHistogramPopover extends LitElement {
+    /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
+    /**
+     * Fields Information of the Feature layer
+     *
+     * @category Public
+     */
     layerFieldsInfo: IField[];
+    /**
+     * Heading for the popover component
+     *
+     * @category Public
+     */
     headingTitle?: string;
+    /**
+     * Selected field.
+     *
+     * @category Public
+     */
     selectedNumericField?: string;
+    /**
+     * Selected transformation type.
+     *
+     * @category Public
+     */
     selectedTransformationType?: WebChartDataTransformations;
+    /**
+     * Selected statistic overlay symbol.
+     *
+     * @category Public
+     */
     selectedOverlaySymbol?: ISimpleLineSymbol;
+    /**
+     * Selected statistic overlay symbol.
+     *
+     * @category Public
+     */
     selectedBinColor?: ISimpleFillSymbol;
+    /**
+     * Reference element to show the popover.
+     *
+     * @category Public
+     */
     referenceElement?: HTMLElement;
+    /**
+     * content type to determine popover to use
+     *
+     * @category Public
+     */
     contentKind?: HistogramDataPopoverKinds;
+    /**
+     * Place the popover in the given placement.
+     *
+     * @category Public
+     */
     placement?: HTMLCalcitePopoverElement["placement"];
+    /**
+     * boolean to open or close the popover.
+     *
+     * @category Public
+     * @default false
+     */
     open?: boolean;
+    /**
+     * Type of overlay symbol selected.
+     *
+     * @category Public
+     */
     selectedOverlaySymbolType?: OverlayTerms;
+    /**
+     * Calls `reposition()` method on popover element.
+     *
+     * @category Public
+     */
     reposition(): Promise<void>;
     readonly arcgisChartsConfigHistogramPopoverChange: TargetedEvent<this, {
         contentKind: HistogramDataPopoverKinds | undefined;

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

@@ -1,7 +1,8 @@
 import { c as y } from "../../chunks/runtime.js";
 import { css as v, html as o } from "lit";
 import { keyed as c } from "lit/directives/keyed.js";
-import { e as s, R as u } from "../../chunks/series-types.js";
+import { b as s } from "../../chunks/series-types.js";
+import { R as u } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "d3-array";
@@ -16,13 +17,13 @@ import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { e as P } from "../../chunks/popover-ui-utils.js";
 import { H as l } from "../../chunks/interfaces2.js";
-import { U as m, g as S } from "../../chunks/chart-ui-utils2.js";
+import { U as m, a as S } from "../../chunks/chart-ui-utils2.js";
 import { u as k } from "../../chunks/useT9n.js";
 import { createRef as h, ref as d } from "lit/directives/ref.js";
 import { LitElement as w, createEvent as p, safeClassMap as t } 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.132 */
+v4.34.0-next.134 */
 const i = {
   symbolPropertyPopover: "symbol-property-popover",
   colorPicker: "color-picker",

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.d.ts

@@ -3,6 +3,17 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 
 /** @private */
 export declare class ArcgisChartsConfigInvalidInputMessage extends LitElement {
+    /**
+     * invalid input message
+     *
+     * @category Public
+     */
     invalidInputMessage?: string;
+    /**
+     * determines whether input is valid or invalid
+     *
+     * @category Public
+     * @default false
+     */
     isInvalid: boolean;
 }

package/dist/components/arcgis-charts-config-invalid-input-message/customElement.js

@@ -1,10 +1,10 @@
 import { c as s } from "../../chunks/runtime.js";
 import { css as i, html as t } from "lit";
-import { b as a } from "../../chunks/chart-ui-utils2.js";
+import { c as a } from "../../chunks/chart-ui-utils2.js";
 import { LitElement as e, safeClassMap as l } 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.132 */
+v4.34.0-next.134 */
 const n = {
   invalidMessageColor: "invalid-message-color"
 }, o = i`:host{display:block}.invalid-message-color{color:red}`;

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

@@ -9,14 +9,63 @@ import { ChartAuthoringPages } from '../../interfaces';
 
 /** @private */
 export declare class ArcgisChartsConfigLineChart extends LitElement {
+    /**
+     * Line Chart Model.
+     *
+     * @category Public
+     */
     model: LineChartModel;
+    /**
+     * Custom time zone for the chart.
+     *
+     * @type {MapView["timeZone"] | undefined}
+     * @category Public
+     * @default undefined
+     */
     timeZone?: MapView["timeZone"];
+    /**
+     * Popover placement use it from the viewer to place the popover.
+     *
+     * @category Public
+     * @default "leading"
+     */
     popoverPlacement: HTMLCalcitePopoverElement["placement"];
+    /**
+     * list of series color
+     *
+     * @category Public
+     */
     seriesColor?: SeriesSymbolsMap;
+    /**
+     * Data min and max values for x and y fields
+     *
+     * @category Public
+     */
     calculatedDataMinMaxBounds?: CalculatedMinMaxBoundsPayload[];
+    /**
+     * Min/Max bounds computed by the chart
+     *
+     * @category Public
+     */
     calculatedMinMaxBounds?: CalculatedMinMaxBoundsPayload[];
+    /**
+     * Specific page to be opened
+     *
+     * @category Public
+     */
     page?: ChartAuthoringPages;
+    /**
+     * layer instance on which the charts are created or edited.
+     *
+     * @category Public
+     */
     layer?: SupportedLayer;
+    /**
+     * usePopupTemplateFieldsInfo can be set to true to read the fields from layer.popupTemplate
+     *
+     * @category Public
+     * @default false
+     */
     usePopupTemplateFieldsInfo?: boolean;
     readonly arcgisChartsConfigNoSeriesUpdate: TargetedEvent<this, void>;
 }

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

@@ -11,14 +11,14 @@ 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 { h as m } from "../../chunks/index4.js";
+import { h as m } from "../../chunks/index5.js";
 import "@arcgis/toolkit/dom";
 import { LitElement as g, createEvent as f } from "@arcgis/lumina";
 import { css as p, html as o } from "lit";
 import { C as s } from "../../chunks/interfaces2.js";
 /*! 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.132 */
+v4.34.0-next.134 */
 const u = p`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
 class C extends g {
   constructor() {

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

@@ -7,9 +7,24 @@ import { DataChangeErrorPayload } from '../../utils/components/event-payloads';
 
 /** @private */
 export declare class ArcgisChartsConfigLineChartData extends LitElement {
+    /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
+    /**
+     * Line Chart Model.
+     *  `@category` Public
+     */
     model: LineChartModel;
+    /**
+     * call back when the time interval is reset.
+     *
+     * @category Public
+     */
     resetTimeInterval?: () => void;
+    /**
+     * Fields Information of the Feature layer
+     *
+     * @category Public
+     */
     layerFieldsInfo: IField[];
     readonly arcgisChartsConfigCustomizedTimeInterval: TargetedEvent<this, void>;
     readonly arcgisChartsConfigDataChangeError: TargetedEvent<this, DataChangeErrorPayload>;

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

@@ -1,7 +1,8 @@
 import { c as C } from "../../chunks/runtime.js";
 import { keyed as $ } from "lit/directives/keyed.js";
-import { d as c, a as p, l as b, p as d } from "../../chunks/series-types.js";
-import { b9 as v, aU as F, aV as A, cd as u, b as x, ck as I } from "../../chunks/interfaces.js";
+import { a as c, i as b, m as d } from "../../chunks/series-types.js";
+import { a as p } from "../../chunks/rest-js-object-literals.js";
+import { b9 as f, aU as F, aV as A, cd as u, b as x, ck as I } from "../../chunks/interfaces.js";
 import { LitElement as T, createEvent as h, renderElement as w, safeClassMap as s } from "@arcgis/lumina";
 import { css as B, html as r } from "lit";
 import { createRef as g, ref as m } from "lit/directives/ref.js";
@@ -22,7 +23,7 @@ import "@arcgis/toolkit/dom";
 import { r as E } from "../../chunks/popover-ui-utils.js";
 /*! 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.132 */
+v4.34.0-next.134 */
 const P = B`.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;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}.text{display:flex;margin-left:.5rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.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",
@@ -47,7 +48,7 @@ class N extends T {
               break;
             }
             case a.numericFields:
-              await this.model.setNumericFields(t), this.model.getNumericFields().length > 0 && this.model.getAggregationType() === c.Count && this.model.getNumericFields()[0] !== v(this.layerFieldsInfo) && await this.model.setAggregationType(c.Sum);
+              await this.model.setNumericFields(t), this.model.getNumericFields().length > 0 && this.model.getAggregationType() === c.Count && this.model.getNumericFields()[0] !== f(this.layerFieldsInfo) && await this.model.setAggregationType(c.Sum);
               break;
             case a.splitByField: {
               const l = t[0]?.trim() || "";
@@ -185,7 +186,7 @@ class N extends T {
     return r`<arcgis-charts-config-field-select .label=${e} .disabled=${this.disableSplitBy} @click=${this.onSplitBySelect} ${m(this.splitByFieldElement)}></arcgis-charts-config-field-select>`;
   }
   renderNumericFields(e) {
-    const i = v(this.layerFieldsInfo), t = [];
+    const i = f(this.layerFieldsInfo), t = [];
     for (const l of e)
       l !== i && t.push(this.buildNumericFieldItem(l));
     return r`<calcite-list label class=${s(n.fieldList)} ${m(this.numericFieldsElement)}>${t}</calcite-list>`;
@@ -205,8 +206,8 @@ class N extends T {
     return r`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${d.Zero} .checked=${this.model.getNullPolicy() === d.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Interpolate} .checked=${this.model.getNullPolicy() === d.Interpolate}></calcite-radio-button>${this._messages.connectLine}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${d.Null} .checked=${this.model.getNullPolicy() === d.Null}></calcite-radio-button>${this._messages.breakLine}</calcite-label></calcite-radio-button-group>`;
   }
   render() {
-    const e = this.renderAggregation(), i = this.renderXAxisField(), t = this.renderSplitBy(), l = this.renderNumericFields([...this.model.getNumericFields()]), o = this.renderInterval(), f = this.renderIntervalAlignment(), y = this.renderEmptyBins();
-    return r`<div><calcite-label class=${s(n.label)}>${this._messages.xAxisField}${i}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${l}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy ? n.dimText : "")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${f}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.getTrimIncompleteTimeInterval()} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${s(n.label)}>${this._messages.emptyBins}${y}</calcite-label></div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`;
+    const e = this.renderAggregation(), i = this.renderXAxisField(), t = this.renderSplitBy(), l = this.renderNumericFields([...this.model.getNumericFields()]), o = this.renderInterval(), v = this.renderIntervalAlignment(), y = this.renderEmptyBins();
+    return r`<div><calcite-label class=${s(n.label)}>${this._messages.xAxisField}${i}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.numericFields}${l}</calcite-label><div class=${s(n.fab)}><calcite-fab appearance=outline-fill kind=neutral scale=m .label=${this._messages.selectNumericFields} text-enabled .text=${this._messages.selectNumericFields} icon=plus @click=${this.onAddNumericFields}></calcite-fab></div><calcite-label class=${s(n.label)}><span class=${s(this.disableSplitBy ? n.dimText : "")}>${this._messages.splitBy}</span>${t}</calcite-label><div .hidden=${!this.shouldShowTimeBinning()}><h3 class=${s(n.timeBinningHeader)}>${this._messages.timeBinningOptions}</h3><calcite-label class=${s(n.label)}>${this._messages.interval}${o}</calcite-label><calcite-label class=${s(n.label)}>${this._messages.intervalAlignment}${v}</calcite-label><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.trimIncompleteInterval}<calcite-switch .checked=${this.model.getTrimIncompleteTimeInterval()} @calciteSwitchChange=${this.onTrimIncompleteIntervalChange}></calcite-switch></calcite-label><calcite-label class=${s(n.label)}>${this._messages.emptyBins}${y}</calcite-label></div><calcite-label class=${s(n.label)} layout=inline-space-between>${this._messages.showDataLabels}<calcite-switch .checked=${this.model.getDataLabelsVisibility()} @calciteSwitchChange=${this.onShowDataLabelsChange}></calcite-switch></calcite-label></div>`;
   }
 }
 C("arcgis-charts-config-line-chart-data", N);

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

@@ -6,14 +6,57 @@ import { IntervalPopoverProps, LineChartDataPopoverKinds } from '../../interface
 
 /** @private */
 export declare class ArcgisChartsConfigLineChartPopover extends LitElement {
+    /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
+    /**
+     * Heading for the popover component
+     *
+     * @category Public
+     */
     headingTitle?: string;
+    /**
+     * Reference element to show the popover.
+     *
+     * @category Public
+     */
     referenceElement?: HTMLElement;
+    /**
+     * boolean to open or close the popover.
+     *
+     * @category Public
+     * @default false
+     */
     open?: boolean;
+    /**
+     * boolean to open or close the popover.
+     *
+     * @category Public
+     */
     contentKind?: LineChartDataPopoverKinds;
+    /**
+     * Fields Information of the Feature layer
+     *
+     * @category Public
+     */
     layerFieldsInfo: IField[];
+    /**
+     * Currently selected content (field names, for example)
+     * to pass on to the popover.
+     *
+     * @category Public
+     */
     selectedContent?: IntervalPopoverProps | string[] | string;
+    /**
+     * Calls `reposition()` method on popover element.
+     *
+     * @category Public
+     */
     reposition(): Promise<void>;
+    /**
+     * Event emitted when the content of the popover is changed.
+     *
+     * @event
+     */
     readonly arcgisChartsConfigLineChartDataPopoverChange: TargetedEvent<this, {
         contentKind: LineChartDataPopoverKinds | undefined;
         value: string[] | [{
@@ -21,6 +64,11 @@ export declare class ArcgisChartsConfigLineChartPopover extends LitElement {
             intervalUnits: WebChartTemporalBinningUnits;
         }];
     }>;
+    /**
+     * Event emitted when the popover is closed.
+     *
+     * @event
+     */
     readonly arcgisChartsConfigLineChartPopoverClose: TargetedEvent<this, void>;
     private _messages;
 }

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

@@ -1,7 +1,8 @@
 import { c as k } from "../../chunks/runtime.js";
 import { repeat as f } from "lit/directives/repeat.js";
 import { keyed as b } from "lit/directives/keyed.js";
-import { q as d, a as h, l as c } from "../../chunks/series-types.js";
+import { n as d, i as c } from "../../chunks/series-types.js";
+import { a as h } from "../../chunks/rest-js-object-literals.js";
 import "@arcgis/toolkit/intl";
 import { isEqual as v } from "lodash-es";
 import "d3-array";
@@ -23,7 +24,7 @@ import { L as a } from "../../chunks/interfaces2.js";
 import { h as L, U as $, i as u, e as S, s as N } from "../../chunks/chart-ui-utils2.js";
 /*! 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.132 */
+v4.34.0-next.134 */
 const K = E`.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)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, r = {
   jsAppFlyout: "js-app-flyout",
   name: "line-chart-data-popover",

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

@@ -5,9 +5,27 @@ import { PropertyValues } from 'lit';
 
 /** @private */
 export declare class ArcgisChartsConfigLineChartSeries extends LitElement {
+    /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
+    /**
+     * Line Chart Model.
+     *
+     * @category Public
+     */
     model: LineChartModel;
+    /**
+     * Whether the chart is actively using color match at the moment.
+     *
+     * @category Private
+     * @default false
+     */
     activeColorMatch: boolean;
+    /**
+     * place the popover in this placement.
+     *
+     * @category Public
+     * @default "leading"
+     */
     popoverPlacement: HTMLCalcitePopoverElement["placement"];
     private _messages;
 }

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

@@ -18,10 +18,10 @@ import { LitElement as $, renderElement as x, safeStyleMap as L } from "@arcgis/
 import { css as P, html as o } from "lit";
 import { repeat as y } from "lit/directives/repeat.js";
 import { u as b } from "../../chunks/useT9n.js";
-import { c as M } from "../../chunks/chart-ui-utils2.js";
+import { g as M } from "../../chunks/chart-ui-utils2.js";
 /*! 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.132 */
+v4.34.0-next.134 */
 const O = P`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}`;
 class k extends $ {
   constructor() {

package/dist/components/arcgis-charts-config-line-chart-series-popover/customElement.d.ts

@@ -4,28 +4,100 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 
 /** @private */
 export declare class ArcgisChartsConfigLineChartSeriesPopover extends LitElement {
+    /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
+    /**
+     * property to which the popover needs to be attached.
+     *
+     * @category Public
+     */
     referenceElement?: HTMLElement;
+    /**
+     * selected name to show in popover
+     *
+     * @category Public
+     */
     selectedName?: string;
+    /**
+     * selected color to show in popover
+     *
+     * @category Public
+     */
     selectedColor?: Color;
+    /**
+     * selected line style to show in popover
+     *
+     * @category Public
+     */
     selectedLineStyle?: RESTSimpleLineSymbolStyle;
+    /**
+     * Index of the selected series.
+     *
+     * @category Public
+     */
     selectedSeriesIndex?: number;
+    /**
+     * selected line width to show in popover
+     *
+     * @category Public
+     */
     selectedLineWidth?: number;
+    /**
+     * Reference element to show the popover.
+     *
+     * @category Public
+     */
     placement?: HTMLCalcitePopoverElement["placement"];
+    /**
+     * open or close the popover.
+     *
+     * @category Public
+     * @default false
+     */
     open?: boolean;
+    /**
+     * Calls `reposition()` method on popover element.
+     *
+     * @category Public
+     */
     reposition(): Promise<void>;
+    /**
+     * Event emitted when the popover is closed.
+     *
+     * @category Public
+     */
     readonly arcgisChartsConfigPopoverClose: TargetedEvent<this, {
         selectedSeriesIndex: number;
     }>;
+    /**
+     * Event when there is a change in series color.
+     *
+     * @category Public
+     */
     readonly arcgisChartsConfigSeriesPopoverColorChange: TargetedEvent<this, {
         color: Color;
     }>;
+    /**
+     * Event when there is a change in series line style.
+     *
+     * @category Public
+     */
     readonly arcgisChartsConfigSeriesPopoverLineStyleChange: TargetedEvent<this, {
         lineStyle: RESTSimpleLineSymbolStyle;
     }>;
+    /**
+     * Event when there is a change in series line width.
+     *
+     * @category Public
+     */
     readonly arcgisChartsConfigSeriesPopoverLineWidthChange: TargetedEvent<this, {
         lineWidth: number;
     }>;
+    /**
+     * Event when there is a change in series name.
+     *
+     * @category Public
+     */
     readonly arcgisChartsConfigSeriesPopoverNameChange: TargetedEvent<this, {
         name: string;
     }>;

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

@@ -2,7 +2,8 @@ import { c as u } from "../../chunks/runtime.js";
 import { css as f, html as C } from "lit";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
-import { c as i } from "../../chunks/series-types.js";
+import "../../chunks/series-types.js";
+import { c as i } from "../../chunks/rest-js-object-literals.js";
 import "d3-array";
 import { X as v } from "../../chunks/interfaces.js";
 import "@arcgis/core/geometry/support/jsonUtils.js";
@@ -14,13 +15,13 @@ import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/core/request.js";
 import "@arcgis/toolkit/dom";
 import { e as y } from "../../chunks/popover-ui-utils.js";
-import { U as S, a as b, m, s as w, b as g } from "../../chunks/chart-ui-utils2.js";
+import { U as S, b, m, s as w, c as g } from "../../chunks/chart-ui-utils2.js";
 import { u as x } from "../../chunks/useT9n.js";
-import { createRef as a, ref as n } from "lit/directives/ref.js";
+import { createRef as n, ref as a } from "lit/directives/ref.js";
 import { LitElement as $, createEvent as s, safeClassMap as l, nothing as r } 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.132 */
+v4.34.0-next.134 */
 const o = {
   jsAppFlyout: "js-app-flyout",
   sizeSection: "size-section",
@@ -29,7 +30,7 @@ const o = {
 }, E = 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}.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 calcite-panel .size-section{padding:0 1rem 1rem;display:flex}:host calcite-panel .size-section calcite-label{flex:1 1 0px;width:0;padding:0}:host calcite-panel .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`;
 class I extends $ {
   constructor() {
-    super(...arguments), this._messages = x(), this.popoverElement = a(), this.lineWidthInputElement = a(), this.lineStyleDropdownElement = a(), this.arcgisChartsConfigPopoverClose = s(), this.arcgisChartsConfigSeriesPopoverColorChange = s(), this.arcgisChartsConfigSeriesPopoverLineStyleChange = s(), this.arcgisChartsConfigSeriesPopoverLineWidthChange = s(), this.arcgisChartsConfigSeriesPopoverNameChange = s();
+    super(...arguments), this._messages = x(), this.popoverElement = n(), this.lineWidthInputElement = n(), this.lineStyleDropdownElement = n(), this.arcgisChartsConfigPopoverClose = s(), this.arcgisChartsConfigSeriesPopoverColorChange = s(), this.arcgisChartsConfigSeriesPopoverLineStyleChange = s(), this.arcgisChartsConfigSeriesPopoverLineWidthChange = s(), this.arcgisChartsConfigSeriesPopoverNameChange = s();
   }
   static {
     this.properties = { messageOverrides: 0, referenceElement: 2, selectedName: 3, selectedColor: 2, selectedLineStyle: 3, selectedSeriesIndex: 11, selectedLineWidth: 11, placement: 3, open: 7 };
@@ -90,7 +91,7 @@ class I extends $ {
   }
   render() {
     const e = this.selectedColor;
-    return C`<div class=${l({ [o.jsAppFlyout]: !0 })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${n(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(o.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${n(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(o.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle === i.Solid} accesskey=${i.Solid ?? r}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle === i.Dot} accesskey=${i.Dot ?? r}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle === i.Dash} accesskey=${i.Dash ?? r}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${w(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${n(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
+    return C`<div class=${l({ [o.jsAppFlyout]: !0 })}><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${a(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${l(o.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${l(o.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${a(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.getSelectedLineStyleInfo().icon} slot=trigger kind=neutral appearance=outline-fill><label class=${l(o.dropdownText)}>${this.getSelectedLineStyleInfo().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.selectedLineStyle === i.Solid} accesskey=${i.Solid ?? r}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.selectedLineStyle === i.Dot} accesskey=${i.Dot ?? r}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.selectedLineStyle === i.Dash} accesskey=${i.Dash ?? r}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${w(this.selectedLineWidth)} @calciteInputInput=${this.lineWidthChange} ${a(this.lineWidthInputElement)}></calcite-input></calcite-label></div><div class=${l(o.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.lineColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
   }
 }
 u("arcgis-charts-config-line-chart-series-popover", I);

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

@@ -4,11 +4,40 @@ import { JsxNode, PublicLitElement as LitElement, TargetedEvent } from '@arcgis/
 
 /** @private */
 export declare class ArcgisChartsConfigLineStyle extends LitElement {
+    /** Overwrite localized strings for this component */
     messageOverrides?: typeof this._messages._overrides;
+    /**
+     * style for the line symbol.
+     *
+     * @category Public
+     */
     lineStyle: ISimpleLineSymbol;
+    /**
+     * header for the line style
+     *
+     * @category Public
+     */
     header?: string;
+    /**
+     * boolean to open or close the popover.
+     *
+     * @category Public
+     * @default false
+     */
     open?: boolean;
+    /**
+     * boolean to enable the close the panel.
+     *
+     * @category Public
+     * @default false
+     */
     enableClose?: boolean;
+    /**
+     * boolean to enable wrapping the content in a panel.
+     *
+     * @category Public
+     * @default false
+     */
     usePanel?: boolean;
     readonly arcgisChartsConfigLineStyleChange: TargetedEvent<this, ISimpleLineSymbol>;
     readonly arcgisChartsConfigLineStyleClose: TargetedEvent<this, void>;

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

@@ -1,13 +1,14 @@
 import { c as p } from "../../chunks/runtime.js";
 import { css as m, html as l } from "lit";
-import { R as u, c as t } from "../../chunks/series-types.js";
-import { a as g, m as o, s as y, b as c } from "../../chunks/chart-ui-utils2.js";
+import "../../chunks/series-types.js";
+import { R as u, c as t } from "../../chunks/rest-js-object-literals.js";
+import { b as g, m as o, s as y, c } from "../../chunks/chart-ui-utils2.js";
 import { u as f } from "../../chunks/useT9n.js";
 import { createRef as r, ref as d } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as h, safeClassMap as s, nothing as n } 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.132 */
+v4.34.0-next.134 */
 const a = {
   sizeSection: "size-section",
   dropdownText: "dropdown-text",