@arcgis/charts-components 5.2.0-next.99 → 6.0.0-next.1

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
 import { keyed as f } from "lit/directives/keyed.js";
-import { P as a } from "../../chunks/interfaces.js";
+import { P as r } from "../../chunks/interfaces.js";
 import { u as C } from "../../chunks/useT9n.js";
 import { css as u, html as s } from "lit";
 import { createRef as n, ref as c } from "lit/directives/ref.js";
 import { LitElement as b, createEvent as h, renderElement as v, safeClassMap as o } from "@arcgis/lumina";
 import { x as y } from "../../chunks/data.js";
 import { b as m } from "../../chunks/index2.js";
-import { w as g, r as F } from "../../chunks/index.js";
+import { x as g, t as F } from "../../chunks/index.js";
 import { r as $ } from "../../chunks/popover-ui-utils.js";
 import { d as P } from "../../chunks/chart-object-literals.js";
 const l = {
@@ -23,19 +23,19 @@ class E extends b {
         if (e.detail !== null && e.detail?.value !== void 0) {
           const { contentKind: i } = e.detail, t = [...e.detail.value];
           switch (i) {
-            case a.aggregation:
+            case r.aggregation:
               this.model.aggregationType = t[0] !== P.NoAggregation ? t[0] : "";
               break;
-            case a.category: {
-              const r = t[0]?.trim() || "", d = this.model.numericFields;
-              d.length > 1 && r !== g && (this.model.numericFields = [d[0]]), this.model.category = r, this.model.colorMatch = !0;
+            case r.category: {
+              const a = t[0]?.trim() || "", d = this.model.numericFields;
+              d.length > 1 && a !== g && (this.model.numericFields = [d[0]]), this.model.category = a, this.model.colorMatch = !0;
               break;
             }
-            case a.numericFields:
+            case r.numericFields:
               (t.length > 1 || t.length > 0 && this.model.category.trim() === "") && (this.model.category = g), this.model.numericFields = t;
               break;
-            case a.sortOrder:
-              this.model.setSortOrder(t[0]);
+            case r.sortOrder:
+              this.model.setDataSortOrder(t[0]);
               break;
             default:
               break;
@@ -73,13 +73,13 @@ class E extends b {
     return f(e, s`<calcite-list-item .label=${m(this.layerFieldsInfo, e)} .value=${e} closable @calciteListItemClose=${this.onRemoveNumericField}></calcite-list-item>`);
   }
   onSortOrderSelect(e) {
-    this.contentKind = a.sortOrder, this.setupPopover(e);
+    this.contentKind = r.sortOrder, this.setupPopover(e);
   }
   onCategorySelect(e) {
-    this.contentKind = a.category, this.setupPopover(e);
+    this.contentKind = r.category, this.setupPopover(e);
   }
   onAddNumericFields(e) {
-    this.contentKind = a.numericFields, this.setupPopover(e);
+    this.contentKind = r.numericFields, this.setupPopover(e);
   }
   onRemoveNumericField(e) {
     const i = e.target.value;
@@ -90,19 +90,19 @@ class E extends b {
   }
   setupPopover(e) {
     e.stopImmediatePropagation(), this.removePieChartDataPopover();
-    let i, t, r;
+    let i, t, a;
     switch (this.contentKind) {
-      case a.category:
-        i = this.categoryElement.value, t = this._messages.categoryHeader, r = this.model.category;
+      case r.category:
+        i = this.categoryElement.value, t = this._messages.categoryHeader, a = this.model.category;
         break;
-      case a.numericFields:
-        i = this.numericFieldsElement.value, t = this._messages.numericFieldsMultipleHeader, r = this.model.numericFields;
+      case r.numericFields:
+        i = this.numericFieldsElement.value, t = this._messages.numericFieldsMultipleHeader, a = this.model.numericFields;
         break;
-      case a.sortOrder:
-        i = this.sortOrderElement.value, t = this._messages.sortOrderHeader, r = this.model.getSortOrder();
+      case r.sortOrder:
+        i = this.sortOrderElement.value, t = this._messages.sortOrderHeader, a = this.model.getDataSortOrder();
         break;
     }
-    this.pieChartPopover = v(s`<arcgis-charts-config-pie-chart-popover .headingTitle=${t} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${r} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`), !document.body.contains(this.pieChartPopover) && this.pieChartPopover !== null && document.body.appendChild(this.pieChartPopover);
+    this.pieChartPopover = v(s`<arcgis-charts-config-pie-chart-popover .headingTitle=${t} .referenceElement=${i} open .contentKind=${this.contentKind} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${a} @arcgisChartsConfigPieChartDataPopoverChange=${this.onPieChartDataChange} @arcgisChartsConfigPopoverClose=${this.popoverClose}></arcgis-charts-config-pie-chart-popover>`), !document.body.contains(this.pieChartPopover) && this.pieChartPopover !== null && document.body.appendChild(this.pieChartPopover);
   }
   getCorrectedCategoryValue() {
     return y({
@@ -114,7 +114,7 @@ class E extends b {
     this.pieChartPopover !== null && (this.pieChartPopover.open = !1, this.pieChartPopover = $(this.pieChartPopover));
   }
   renderSorting() {
-    return s`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getSortOrder()]} @click=${this.onSortOrderSelect} ${c(this.sortOrderElement)}></arcgis-charts-config-field-picker>`;
+    return s`<arcgis-charts-config-field-picker .label=${this._messages[this.model.getDataSortOrder()]} @click=${this.onSortOrderSelect} ${c(this.sortOrderElement)}></arcgis-charts-config-field-picker>`;
   }
   renderCategory() {
     const e = this.getCorrectedCategoryValue();
@@ -122,8 +122,8 @@ class E extends b {
   }
   renderNumericFields(e) {
     const i = F(this.model.layer).idField, t = [];
-    for (const r of e)
-      r !== i && t.push(this.buildNumericFieldItem(r));
+    for (const a of e)
+      a !== i && t.push(this.buildNumericFieldItem(a));
     return s`<calcite-list label class=${o(l.fieldList)} ${c(this.numericFieldsElement)}>${t}</calcite-list>`;
   }
   render() {

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

@@ -2,7 +2,7 @@
 import { c as v } from "../../chunks/runtime.js";
 import { repeat as h } from "lit/directives/repeat.js";
 import { keyed as g } from "lit/directives/keyed.js";
-import { isEqual as k } from "lodash-es";
+import { isEqual as k } from "es-toolkit/compat";
 import { P as o } from "../../chunks/interfaces.js";
 import { p as f, b as $, e as d, f as P } from "../../chunks/chart-ui-utils.js";
 import { u } from "../../chunks/useT9n.js";
@@ -10,9 +10,9 @@ import { css as L, html as n } from "lit";
 import { createRef as C, ref as m } from "lit/directives/ref.js";
 import { LitElement as y, createEvent as b, safeClassMap as l } from "@arcgis/lumina";
 import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
-import { H as D } from "../../chunks/index3.js";
+import { J as D } from "../../chunks/index3.js";
 import { b as x } from "../../chunks/index2.js";
-import { bB as S, aN as T } from "../../chunks/index.js";
+import { bL as S, aQ as T } from "../../chunks/index.js";
 import { d as E } from "../../chunks/rest-js-object-literals.js";
 import { a as r } from "../../chunks/common.js";
 const s = {

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

@@ -1,14 +1,14 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as L } from "../../chunks/runtime.js";
 import { keyed as f } from "lit/directives/keyed.js";
-import { debounce as $, isEmpty as E, toNumber as x } from "lodash-es";
+import { debounce as $, isEmpty as E, toNumber as x } from "es-toolkit/compat";
 import { b as C, a as N, s as p } from "../../chunks/chart-ui-utils.js";
 import { u as _ } from "../../chunks/useT9n.js";
-import { css as G, html as d, nothing as z } from "lit";
+import { css as G, html as d, nothing as w } from "lit";
 import { createRef as m, ref as g } from "lit/directives/ref.js";
-import { LitElement as w, renderElement as S, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
+import { LitElement as z, renderElement as S, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
 import { b as h } from "../../chunks/common.js";
-import { a4 as I, p as y } from "../../chunks/index3.js";
+import { a5 as I, p as y } from "../../chunks/index3.js";
 import { r as P } from "../../chunks/popover-ui-utils.js";
 import { b as M } from "../../chunks/rest-js-object-literals.js";
 const a = {
@@ -21,10 +21,10 @@ const a = {
   groupingLabelContainer: "grouping-label-container",
   numberInput: "number-input"
 }, k = G`.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)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;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}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.label .slider-input-container{display:flex}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`;
-class D extends w {
+class D extends z {
   constructor() {
     super(...arguments), this._messages = _(), this.slicesPopover = null, this.donutSizeSliderElement = m(), this.groupingThresholdElement = m(), this.groupingThresholdSliderElement = m(), this.labelCharacterLimitElement = m(), this.decimalPlacesElement = m(), this.open = !1, this.onDonutSizeSliderChange = $(() => {
-      this.donutSizeSliderElement.value && Number.isInteger(this.donutSizeSliderElement.value?.value) && (this.model.innerRadiusSize = this.donutSizeSliderElement.value.value ?? I);
+      this.donutSizeSliderElement.value && Number.isInteger(this.donutSizeSliderElement.value?.value) && (this.model.innerRadius = this.donutSizeSliderElement.value.value ?? I);
     }, C.SliderTimer), this.onGroupingThresholdSliderChange = $(() => {
       const e = this.groupingThresholdSliderElement.value?.value;
       e !== void 0 && !Number.isNaN(e) ? (this.groupingThresholdElement?.value && (this.groupingThresholdElement.value.value = e.toString()), this.groupingThresholdSliderElement.value && (this.groupingThresholdSliderElement.value.value = e), this.model.groupingThreshold = e) : this.model.groupingThreshold = 0;
@@ -171,7 +171,7 @@ class D extends w {
     N(this.tooltip);
   }
   render() {
-    return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadiusSize ?? I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl role=img tabindex=0 aria-label=${this._messages.groupingInfo ?? "" ?? z} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(p(this.model.groupingThreshold ?? 0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${p(this.model.groupingThreshold ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {
+    return d`<div class=${s(a.sectionLabel)}>${this._messages.settings}</div><calcite-label class=${s(a.label)}>${this._messages.shape}<calcite-slider min=0 max=100 step=1 snap .value=${this.model.innerRadius ?? I} @calciteSliderChange=${this.onDonutSizeSliderChange} ${g(this.donutSizeSliderElement)}></calcite-slider></calcite-label><div class=${s(a.pieDonutLabelsContainer)}><calcite-label class=${s(a.label)}>${this._messages.pie}</calcite-label><calcite-label class=${s(a.label)}>${this._messages.donut}</calcite-label></div><calcite-label class=${s(a.label)}><div class=${s(a.groupingLabelContainer)}><div>${this._messages.groupingPercent}</div><calcite-icon icon=information scale=s flip-rtl role=img tabindex=0 aria-label=${this._messages.groupingInfo ?? "" ?? w} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} @focus=${this.createTooltip} @blur=${this.destroyTooltip}></calcite-icon></div><div class=${s(a.sliderInputContainer)}><calcite-slider min=0 max=50 step=1 snap .value=${x(p(this.model.groupingThreshold ?? 0))} @calciteSliderChange=${this.onGroupingThresholdSliderChange} ${g(this.groupingThresholdSliderElement)}></calcite-slider><calcite-input class=${s(a.numberInput)} type=number min=0 max=100 step=1 suffix-text=% .value=${p(this.model.groupingThreshold ?? 0)} @calciteInputInput=${this.onGroupingThresholdChange} @click=${(e) => {
       e.stopPropagation();
     }} ${g(this.groupingThresholdElement)}></calcite-input></div></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.labels}</div><calcite-label class=${s(a.label)}>${this._messages.labelCharacterLimit}<calcite-input type=number min=1 step=1 .value=${p(this.model.labelCharacterLimit)} @calciteInputInput=${this.onLabelCharacterLimitChange} ${g(this.labelCharacterLimitElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.decimalPlaces}<calcite-input type=number min=0 max=20 step=1 .value=${p(this.model.decimalPlaces)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesElement)}></calcite-input></calcite-label><calcite-label class=${s(a.label)}>${this._messages.display}<calcite-radio-button-group class=${s(a.radioGroup)} name=display layout=vertical @calciteRadioButtonGroupChange=${this.onDisplayTypeChange}><calcite-label layout=inline><calcite-radio-button .value=${h.Value} .checked=${this.model.displayType === h.Value}></calcite-radio-button>${this._messages.value}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Percentage} .checked=${this.model.displayType === h.Percentage}></calcite-radio-button>${this._messages.percentage}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${h.Both} .checked=${this.model.displayType === h.Both}></calcite-radio-button>${this._messages.both}</calcite-label></calcite-radio-button-group></calcite-label><div class=${s(a.sectionLabel)}>${this._messages.slices}<calcite-button @click=${this.resetSlicesOriginal} .disabled=${!this.model.resetAvailable()} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button></div>${this.buildSliceList()}<div class=${s(a.sectionLabel)}>${this._messages.groupedSlices}</div>${this.buildGroupedSliceList()}`;
   }

package/dist/components/arcgis-charts-config-scatter-plot/customElement.js

@@ -1,10 +1,10 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as r } from "../../chunks/runtime.js";
-import { isEqual as l } from "lodash-es";
+import { isEqual as l } from "es-toolkit/compat";
 import { LitElement as n, createEvent as d } from "@arcgis/lumina";
 import { css as c, html as s } from "lit";
 import { C as o } from "../../chunks/interfaces.js";
-import { bC as h, bD as p, b9 as f, c5 as g, t as m, aR as u } from "../../chunks/index.js";
+import { bM as h, bN as p, bg as f, cf as g, u as m, aT as u } from "../../chunks/index.js";
 import { i as y } from "../../chunks/type-guards.js";
 const b = c`: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 F extends n {
@@ -15,7 +15,7 @@ class F extends n {
     }, this.popoverPlacement = "leading", this.usePopupTemplateFieldsInfo = !1, this.arcgisChartsConfigWebChartChange = d();
   }
   static {
-    this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 1, r2: 9, calculatedDataMinMaxBounds: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5 };
+    this.properties = { layerFieldsInfo: 16, model: 0, popoverPlacement: 1, r2: 9, calculatedDataMinMaxBounds: 0, calculatedMinMaxBounds: 0, page: 1, layer: 0, view: 0, usePopupTemplateFieldsInfo: 5, popupTemplateFieldInfosEnabled: 5 };
   }
   static {
     this.styles = b;
@@ -51,7 +51,7 @@ class F extends n {
     switch (this.page) {
       case o.Data:
         const a = u(this.layer), t = a && "isTable" in a ? a.isTable : !1;
-        e = s`<arcgis-charts-config-scatter-plot-data .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} .isTableLayer=${t}></arcgis-charts-config-scatter-plot-data>`;
+        e = s`<arcgis-charts-config-scatter-plot-data .view=${this.view} .model=${this.model} .r2=${this.r2} .layerFieldsInfo=${this.layerFieldsInfo} .isTableLayer=${t}></arcgis-charts-config-scatter-plot-data>`;
         break;
       case o.Axes:
         e = s`<arcgis-charts-config-axes .model=${this.model} show-min-x-bound-option show-max-x-bound-option show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;

package/dist/components/arcgis-charts-config-scatter-plot-aoi/customElement.js

@@ -0,0 +1,82 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as h } from "../../chunks/runtime.js";
+import { html as d } from "lit";
+import { LitElement as g, createEvent as m, nothing as o } from "@arcgis/lumina";
+import y from "@arcgis/core/widgets/Sketch/SketchViewModel.js";
+import { u as a } from "../../chunks/useT9n.js";
+import { cz as r, cA as n } from "../../chunks/index.js";
+const e = {
+  Circle: "circle",
+  FreehandPolygon: "freehandPolygon",
+  Polygon: "polygon",
+  Polyline: "polyline",
+  Rectangle: "rectangle"
+};
+class p extends g {
+  constructor() {
+    super(...arguments), this._messages = a({ blocking: !0 }), this.commonStrings = a({ name: "common", blocking: !0 }), this.handleAoiToolClick = async (t) => {
+      this.view?.map && t && (this.selectedTool === t ? this.deactivateAoiSketch() : await this.startAoiSketch(t));
+    }, this.arcgisImageryScatterplotAoiChange = m();
+  }
+  static {
+    this.properties = { selectedTool: 16, messageOverrides: 0, view: 0 };
+  }
+  disconnectedCallback() {
+    this.sketchListenerHandle && this.sketchListenerHandle.remove(), this.sketchViewModel && (this.sketchViewModel.destroy(), this.sketchViewModel = void 0), this.selectedTool = void 0, super.disconnectedCallback();
+  }
+  async startAoiSketch(t) {
+    if (this.view?.map) {
+      const i = r(this.view) ?? n(this.view);
+      this.sketchViewModel ? (this.sketchViewModel.cancel(), this.sketchViewModel.layer !== i && (this.sketchViewModel.layer = i)) : (this.sketchViewModel = new y({
+        view: this.view,
+        layer: i,
+        activeFillSymbol: {
+          type: "simple-fill",
+          style: "solid",
+          color: [0, 255, 255, 0.25],
+          outline: { color: [0, 255, 255], width: 1 }
+        },
+        polylineSymbol: {
+          type: "simple-line",
+          color: [0, 255, 255],
+          width: 1
+        },
+        creationMode: "continuous",
+        updateOnGraphicClick: !1
+      }), this.addAoiSketchListener()), this.selectedTool = t, await this.sketchViewModel.create(t);
+    }
+  }
+  deactivateAoiSketch() {
+    this.sketchViewModel?.cancel(), this.selectedTool = void 0;
+  }
+  addAoiSketchListener() {
+    if (this.sketchViewModel) {
+      const t = this.sketchViewModel, i = t.on("create", (s) => {
+        switch (s.state) {
+          case "cancel":
+            this.deactivateAoiSketch();
+            break;
+          case "complete":
+            const c = s.graphic?.geometry;
+            if (c?.type === "polygon" || c?.type === "polyline") {
+              this.arcgisImageryScatterplotAoiChange.emit({
+                tool: this.selectedTool ?? c.type,
+                newGeometry: c.toJSON()
+              });
+              const l = r(this.view);
+              l?.remove(s.graphic), this.isConnected && (t.layer = l ?? n(this.view));
+            }
+            break;
+        }
+      });
+      this.sketchListenerHandle?.remove(), this.sketchListenerHandle = i;
+    }
+  }
+  render() {
+    return d`<calcite-action-group layout=horizontal id=charts-config-scatter-plot-aoi-action-group><calcite-action id=charts-config-scatter-plot-aoi-line icon=line .text=${this.commonStrings.imageryAoiToolsStrings.polyline} title=${this._messages.draw.polyline ?? o} .active=${this.selectedTool === e.Polyline} @click=${() => this.handleAoiToolClick(e.Polyline)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-circle icon=circle .text=${this.commonStrings.imageryAoiToolsStrings.circle} title=${this._messages.draw.circle ?? o} .active=${this.selectedTool === e.Circle} @click=${() => this.handleAoiToolClick(e.Circle)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-rectangle icon=rectangle .text=${this.commonStrings.imageryAoiToolsStrings.rectangle} title=${this._messages.draw.rectangle ?? o} .active=${this.selectedTool === e.Rectangle} @click=${() => this.handleAoiToolClick(e.Rectangle)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-polygon icon=polygon .text=${this.commonStrings.imageryAoiToolsStrings.polygon} title=${this._messages.draw.polygon ?? o} .active=${this.selectedTool === e.Polygon} @click=${() => this.handleAoiToolClick(e.Polygon)}></calcite-action><calcite-action id=charts-config-scatter-plot-aoi-freehand-area icon=freehand-area .text=${this.commonStrings.imageryAoiToolsStrings.freehandPolygon} title=${this._messages.draw.freehandPolygon ?? o} .active=${this.selectedTool === e.FreehandPolygon} @click=${() => this.handleAoiToolClick(e.FreehandPolygon)}></calcite-action></calcite-action-group>`;
+  }
+}
+h("arcgis-charts-config-scatter-plot-aoi", p);
+export {
+  p as ArcgisChartsConfigScatterplotAoi
+};

package/dist/components/arcgis-charts-config-scatter-plot-aoi/index.js

@@ -0,0 +1,3 @@
+import "@esri/calcite-components/components/calcite-action-group";
+import "@esri/calcite-components/components/calcite-action";
+export * from "./customElement.js";