@arcgis/charts-components 4.33.0-next.111 → 4.33.0-next.112

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

@@ -19,7 +19,7 @@ import { LitElement as x, createEvent as a, safeClassMap as l } from "@arcgis/lu
 import { css as P } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const c = {
   jsAppFlyout: "js-app-flyout",
   panelChildrenContainer: "panel-children-container"
@@ -34,56 +34,34 @@ class L extends x {
   static {
     this.styles = $;
   }
-  //#endregion
-  //#region Public Methods
-  /**
-   * Calls `reposition()` method on popover element.
-   *
-   * @category Public
-   */
   async reposition() {
     await this.popoverElement.value?.reposition();
   }
-  //#endregion
-  //#region Lifecycle
   willUpdate(e) {
     e.has("open") && (this.hasUpdated || !this.open) && this.openChange();
   }
-  /** @category Lifecycle */
   updated() {
     v(this.popoverElement.value, this.open), this.hasUpdated || setTimeout(() => {
       this.popoverElement.value?.reposition();
     }, u.PopoverTimer);
   }
-  /** @category Lifecycle */
   loaded() {
     this.openChange();
   }
-  //#endregion
-  //#region Private Methods
-  /**
-   * Watch on open popover.
-   *
-   * @category Private
-   */
   openChange() {
     this.arcgisChartsConfigPopoverOpenChange.emit({ open: this.open });
   }
-  /** @category Event handler */
   seriesNameChange(e) {
     const t = e.target.value;
     this.selectedName !== t && (this.selectedName = t, this.arcgisChartsConfigSeriesPopoverNameChange.emit({ name: t }));
   }
-  /** @category Event handler */
   closePopover() {
     this.open = !1, this.arcgisChartsConfigPopoverClose.emit();
   }
-  /** @category Event handler */
   colorChange(e) {
     const t = e instanceof CustomEvent ? e.detail : e, [s, i, o] = t, r = m * 255;
     this.selectedColor = [s, i, o, r], this.arcgisChartsConfigSeriesPopoverColorChange.emit({ color: [s, i, o, r] });
   }
-  /** @category Event handler */
   lineSymbolChange(e) {
     const { lineStyle: t } = e.target, { color: s, style: i, width: o } = t;
     if (s !== void 0 && !f(s, this.selectedColor)) {
@@ -92,9 +70,6 @@ class L extends x {
     }
     i !== void 0 && i !== this.selectedLineStyle && (this.selectedLineStyle = i, this.arcgisChartsConfigSeriesPopoverLineStyleChange.emit({ style: i })), o !== void 0 && o !== this.selectedLineWidth && (this.selectedLineWidth = o, this.arcgisChartsConfigSeriesPopoverLineWidthChange.emit({ width: o }));
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     const e = this.selectedColor;
     return n`<div class=${l({

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

@@ -14,9 +14,9 @@ export declare class ArcgisChartsConfigCategoryFormat extends LitElement {
     categoryFormat: CategoryFormatOptions;
     /**
      * Axis change event emitted when a prop value changes.
+     *
      * @event
      */
     readonly arcgisChartsConfigCategoryFormatChange: TargetedEvent<this, undefined>;
-    /** @category Private */
     private _messages;
 }

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

@@ -7,7 +7,7 @@ import { LitElement as g, createEvent as f, safeClassMap as a } from "@arcgis/lu
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const e = {
   container: "container",
   label: "label",
@@ -24,9 +24,6 @@ class v extends g {
   static {
     this.styles = y;
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Event handler */
   onCharacterLimitChange() {
     const t = this.characterLimitInputElement.value?.value, i = Math.floor(Number(t)), s = i === Number(t) && i >= 0;
     if (t !== void 0 && s && m(t, this.characterLimitInputElement.value?.min, this.characterLimitInputElement.value?.max)) {
@@ -40,19 +37,12 @@ class v extends g {
       status: n.INVALID
     });
   }
-  /**
-   * @param prop
-   * @category Private
-   */
   updateCategoryFormat(t) {
     this.categoryFormat = {
       ...this.categoryFormat,
       ...t
     };
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     return l`<div class=${a({ [e.rtl]: this.direction === "rtl" })}><div class=${a(e.container)}><calcite-label class=${a(e.label)}>${this._messages.labelCharacterLmt}<calcite-input type=number class=${a(e.numberInput)} min=1 max=100 step=1 .value=${h(this.categoryFormat?.characterLimit, 11)} @calciteInputInput=${this.onCharacterLimitChange} ${d(this.characterLimitInputElement)}></calcite-input></calcite-label></div></div>`;
   }

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

@@ -10,12 +10,14 @@ export declare class ArcgisChartsConfigChartRenamePopover extends LitElement {
      * Chart name to be edited.
      *
      * @category Public
+     * @default ""
      */
     name: string;
     /**
      * Chart rename popover to be open.
      *
      * @category Public
+     * @default false
      */
     open?: boolean;
     /**
@@ -34,15 +36,5 @@ export declare class ArcgisChartsConfigChartRenamePopover extends LitElement {
         name: string;
     }>;
     readonly arcgisChartsConfigPopoverClose: TargetedEvent<this, undefined>;
-    /**
-     * Event emitted when the chart name is renamed.
-     * @event
-     */
-    /**
-     * Event emitted when the chart rename is closed.
-     *
-     * @event
-     */
-    /** @category Private */
     private _messages;
 }

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

@@ -19,7 +19,7 @@ import { LitElement as g, createEvent as r, safeClassMap as a } from "@arcgis/lu
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const t = {
   jsAppFlyout: "js-app-flyout",
   chartRenameComponent: "chart-rename-component",
@@ -36,19 +36,9 @@ class v extends g {
   static {
     this.styles = u;
   }
-  //#endregion
-  //#region Public Methods
-  /**
-   * Calls `reposition()` method on popover element.
-   *
-   * @category Public
-   */
   async reposition() {
     await this.popoverElement.value?.reposition();
   }
-  //#endregion
-  //#region Lifecycle
-  /** @category Lifecycle */
   load() {
     this.changedName = this.name;
   }
@@ -58,13 +48,9 @@ class v extends g {
   updated() {
     this.popoverElement.value?.reposition(), m(this.popoverElement.value, this.open);
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Watch handler */
   changeName(e) {
     this.changedName = e;
   }
-  /** @category Event handler */
   onNameChange(e) {
     const i = e.target.value;
     this.changedName = i, this.isChartTitleInvalid = c(i.trim()), this.characterLimitInputElement.value && h({
@@ -72,21 +58,15 @@ class v extends g {
       status: this.isChartTitleInvalid ? n.INVALID : n.IDLE
     });
   }
-  /** @category Event handler */
   onCancelClick() {
     this.changedName = this.name, this.arcgisChartsConfigPopoverClose.emit(), this.open = !1;
   }
-  /** @category Event handler */
   onSubmitClick() {
     this.isChartTitleInvalid || (this.name = this.changedName, this.arcgisChartsConfigChartRenamePopoverChange.emit({ name: this.changedName }), this.open = !1);
   }
-  /** @category Event handler */
   popoverClose() {
     this.changedName = this.name, this.open = !1, this.arcgisChartsConfigPopoverClose.emit();
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     return d`<div class=${a({
       [t.chartRenameComponent]: !0,

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

@@ -22,24 +22,27 @@ export declare class ArcgisChartsConfigColorStyle extends LitElement {
      * 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;
     /**
      * Event when there is a change in color style.
+     *
      * @event
      */
     readonly arcgisChartsConfigColorStyleChange: TargetedEvent<this, Color>;
     /**
      * Event when the color style is closed.
+     *
      * @event
      */
     readonly arcgisChartsConfigColorStyleClose: TargetedEvent<this, undefined>;
-    /** @category Private */
     private _messages;
 }

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

@@ -5,7 +5,7 @@ import { LitElement as i, createEvent as t, safeClassMap as l } from "@arcgis/lu
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const n = {
   colorStyleContainer: "color-style-container"
 }, c = r`.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{overflow-y:auto;width:min-content}:host calcite-panel .color-style-container{display:flex;padding:0 1rem;margin-top:1rem}:host calcite-panel .color-style-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-styling-panel>.panel-body{padding:var(--arcgis-charts-panel-padding);margin-top:var(--arcgis-charts-inter-section-margin)}`;
@@ -19,19 +19,12 @@ class d extends i {
   static {
     this.styles = c;
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Event handler */
   closePanel(e) {
     e.target.closed && this.enableClose && (this.open = !1, this.arcgisChartsConfigColorStyleClose.emit());
   }
-  /** @category Event handler */
   colorChange(e) {
     this.selectedColor = e.detail, this.arcgisChartsConfigColorStyleChange.emit(this.selectedColor);
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     return a`<calcite-panel .heading=${this.header ?? this._messages.header} .closed=${this.open === !1} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}><div class=${l(n.colorStyleContainer)}><arcgis-charts-config-colors @colorSelect=${this.colorChange} .rgba=${this.selectedColor}></arcgis-charts-config-colors></div></calcite-panel>`;
   }

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

@@ -29,6 +29,5 @@ export declare class ArcgisChartsConfigColors extends LitElement {
      * @category Public
      */
     readonly colorSelect: TargetedEvent<this, Color>;
-    /** @category Private */
     private _messages;
 }

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

@@ -6,7 +6,7 @@ import { LitElement as h, createEvent as m } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.111 */
+v4.33.0-next.112 */
 const u = "arcgis-charts-config-storage-colors", v = n`:host{--calcite-color-border-1: transparent}.color-header{margin-bottom:.5rem}`;
 class b extends h {
   constructor() {
@@ -18,9 +18,6 @@ class b extends h {
   static {
     this.styles = v;
   }
-  //#endregion
-  //#region Private Methods
-  /** @category Event handler */
   onColorSelect(s) {
     const { value: e } = s.target;
     if (e !== null) {
@@ -28,18 +25,10 @@ class b extends h {
       this.isNewColor(o) && this.colorSelect.emit(o);
     }
   }
-  /**
-   * Helper function to determine if the color changed
-   *
-   * @Category Private
-   */
   isNewColor(s) {
     let e = !1;
     return this.rgba === void 0 ? e = !0 : s === void 0 ? e = !1 : e = s[0] !== this.rgba[0] || s[1] !== this.rgba[1] || s[2] !== this.rgba[2], e;
   }
-  //#endregion
-  //#region Rendering
-  /** @category Lifecycle */
   render() {
     let s;
     if (this.rgba !== void 0) {

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

@@ -49,6 +49,7 @@ export declare class ArcGISChartsConfigCreateFlow extends LitElement {
      *
      * @type {boolean}
      * @category Public
+     * @default false
      */
     disableEditing: boolean;
     /**
@@ -56,6 +57,7 @@ export declare class ArcGISChartsConfigCreateFlow extends LitElement {
      *
      * @type {boolean}
      * @category Public
+     * @default false
      */
     syncChartsToLayers: boolean;
     /**
@@ -76,6 +78,7 @@ export declare class ArcGISChartsConfigCreateFlow extends LitElement {
      * Open the view chart panel.
      *
      * @category Public
+     * @default false
      */
     open?: boolean;
     /**
@@ -119,18 +122,21 @@ export declare class ArcGISChartsConfigCreateFlow extends LitElement {
      * usePopupTemplateFieldsInfo can be set to true to read the fields from layer.popupTemplate
      *
      * @category Public
+     * @default false
      */
     usePopupTemplateFieldsInfo?: boolean;
     /**
      * panel number to keep track of the flow movement.
      *
      * @category Public
+     * @default 0
      */
     panelNumber: number;
     /**
      * Whether the filter by selection is currently enabled.
      *
      * @category Public
+     * @default false
      */
     filterBySelection?: boolean;
     /**
@@ -153,6 +159,7 @@ export declare class ArcGISChartsConfigCreateFlow extends LitElement {
     readonly arcgisChartsConfigModelListChange: TargetedEvent<this, ModelListChangePayload>;
     /**
      * Arcgis config change event emitted when a new chart should be created.
+     *
      * @event
      */
     readonly arcgisChartsConfigNewChart: TargetedEvent<this, {
@@ -181,6 +188,5 @@ export declare class ArcGISChartsConfigCreateFlow extends LitElement {
         key: string;
         model: ChartModel | undefined;
     }>;
-    /** @category Private */
     private _messages;
 }