@arcgis/charts-components 6.0.0-next.0 → 6.0.0-next.10

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

@@ -1,22 +1,22 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as p } from "../../chunks/runtime.js";
 import { keyed as C } from "lit/directives/keyed.js";
 import { u as g } from "../../chunks/useT9n.js";
-import { css as f, nothing as m, html as r } from "lit";
+import { css as f, nothing as m, html as s } from "lit";
 import { LitElement as u, createEvent as n, safeClassMap as c, renderElement as v } from "@arcgis/lumina";
 import { repeat as $ } from "lit/directives/repeat.js";
 import { a as w } from "../../chunks/chart-ui-utils2.js";
 import { r as R } from "../../chunks/popover-ui-utils.js";
-import { _ as I } from "../../chunks/index.js";
+import { ab as I } from "../../chunks/index.js";
 import { c as b } from "../../chunks/model-types.js";
-import { M as s } from "../../chunks/common.js";
+import { M as r } from "../../chunks/common.js";
 const h = {
   addChartContainer: "add-chart-container",
   viewChartComponent: "view-chart-component",
   header: "header",
   dropdownPopup: "dropdown-popup"
-}, L = f`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`;
-class P extends u {
+}, P = f`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`;
+class L extends u {
   constructor() {
     super(...arguments), this._messages = g(), this.chartRenamePopover = null, this.popoverClose = () => {
       const e = this.modelList?.find((t) => t.chartId === this.selectedChartId);
@@ -43,7 +43,7 @@ class P extends u {
     this.properties = { isChartRenamePopoverOpen: 16, chartTitle: 16, selectedActionChartId: 16, chartsOrderReorderCounter: 16, messageOverrides: 0, selectedChartId: 1, layer: 0, modelList: 0, noGroup: 5, disableEditing: 5 };
   }
   static {
-    this.styles = L;
+    this.styles = P;
   }
   willUpdate(e) {
     e.has("modelList") && this.modelListChange(this.modelList, e.get("modelList"));
@@ -61,8 +61,7 @@ class P extends u {
   onAddChartClick(e) {
     e.stopImmediatePropagation(), this.selectedActionChartId = void 0, this.isChartRenamePopoverOpen && this.removeChartRenamePopover(), this.arcgisChartsConfigViewChartAddChart.emit({
       referenceElement: e.target,
-      layerId: this.layer?.id.toString(),
-      layerType: this.layer?.type
+      layer: this.layer
     });
   }
   onChartActionClick(e) {
@@ -74,19 +73,19 @@ class P extends u {
   }
   getChartTypeLabel(e) {
     switch (b(e.chartType)) {
-      case s.BarChart:
+      case r.BarChart:
         return this._messages.barChart ?? "";
-      case s.LineChart:
+      case r.LineChart:
         return this._messages.lineChart ?? "";
-      case s.PieChart:
+      case r.PieChart:
         return this._messages.pieChart ?? "";
-      case s.Histogram:
+      case r.Histogram:
         return this._messages.histogram ?? "";
-      case s.Scatterplot:
+      case r.Scatterplot:
         return this._messages.scatterplot ?? "";
-      case s.BoxPlot:
+      case r.BoxPlot:
         return this._messages.boxPlot ?? "";
-      case s.HeatChart:
+      case r.HeatChart:
         return this._messages.calendarHeatChart ?? "";
       default:
         return "";
@@ -99,9 +98,9 @@ class P extends u {
   buildChartList() {
     const e = this.modelList ? $(this.modelList, (t) => t.chartId, (t, i) => {
       const a = t.chartId, o = t.titleText, l = w(t.config), d = this.buildChartTooltip(t);
-      return r`<calcite-list-item .label=${o ?? a ?? this._messages.chartTitle} title=${d ?? m} .selected=${this.selectedChartId === (a?.toString() ?? i.toString())} .value=${a ?? i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${d ?? m}></calcite-icon>${this.disableEditing ? null : r`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId === a} @calciteDropdownClose=${() => this.chartActionClosed(a ?? "")} @calciteDropdownOpen=${() => this.chartActionOpened(a ?? "")} @click=${this.onChartActionClick} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions ?? ""} slot=trigger .active=${a === this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`;
+      return s`<calcite-list-item .label=${o ?? a ?? this._messages.chartTitle} title=${d ?? m} .selected=${this.selectedChartId === (a?.toString() ?? i.toString())} .value=${a ?? i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${l} title=${d ?? m}></calcite-icon>${this.disableEditing ? null : s`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId === a} @calciteDropdownClose=${() => this.chartActionClosed(a ?? "")} @calciteDropdownOpen=${() => this.chartActionOpened(a ?? "")} @click=${this.onChartActionClick} class=${c(h.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions ?? ""} slot=trigger .active=${a === this.selectedActionChartId} .disabled=${this.isChartRenamePopoverOpen}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`;
     }) : null;
-    return this.layer ? r`<div>${this.noGroup ? null : r`<p class=${c(h.header)}>${this.layer.title ?? this.layer.id.toString()}</p>`}${C(this.chartsOrderReorderCounter, r`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing ? null : r`<div class=${c(h.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>` : null;
+    return this.layer ? s`<div>${this.noGroup ? null : s`<p class=${c(h.header)}>${this.layer.title ?? this.layer.id.toString()}</p>`}${C(this.chartsOrderReorderCounter, s`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing ? null : s`<div class=${c(h.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>` : null;
   }
   onChartSelect(e) {
     const t = e.currentTarget;
@@ -131,16 +130,16 @@ class P extends u {
     this.selectedActionChartId = e;
   }
   setupRenamePopover() {
-    this.isChartRenamePopoverOpen = !0, this.chartRenamePopover !== null && (this.chartRenamePopover.name = this.chartTitle, this.chartRenamePopover.referenceElement = this.renameReferenceElement), this.chartRenamePopover = v(r`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`), !document.body.contains(this.chartRenamePopover) && this.chartRenamePopover !== null && document.body.appendChild(this.chartRenamePopover);
+    this.isChartRenamePopoverOpen = !0, this.chartRenamePopover !== null && (this.chartRenamePopover.name = this.chartTitle, this.chartRenamePopover.referenceElement = this.renameReferenceElement), this.chartRenamePopover = v(s`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`), !document.body.contains(this.chartRenamePopover) && this.chartRenamePopover !== null && document.body.appendChild(this.chartRenamePopover);
   }
   removeChartRenamePopover() {
     this.chartRenamePopover !== null && (this.isChartRenamePopoverOpen = !1, this.chartRenamePopover = R(this.chartRenamePopover));
   }
   render() {
-    return r`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`;
+    return s`<div class=${c(h.viewChartComponent)}>${this.buildChartList()}</div>`;
   }
 }
-p("arcgis-charts-config-view-charts", P);
+p("arcgis-charts-config-view-charts", L);
 export {
-  P as ArcgisChartsConfigViewCharts
+  L as ArcgisChartsConfigViewCharts
 };

package/dist/components/arcgis-charts-info-modal/customElement.js

@@ -1,11 +1,11 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
 import { css as c, html as r } from "lit";
 import { LitElement as h, safeClassMap as s, safeStyleMap as i } from "@arcgis/lumina";
 import { H as a } from "../../chunks/resources.js";
-import { ai as g, aj as m, w as l, x as p } from "../../chunks/index3.js";
-import { k as f, s as u } from "../../chunks/index2.js";
-const x = c`.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:block;width:auto;height:auto;overflow:auto}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.info-modal-container{box-sizing:border-box;width:-webkit-fill-available;height:100%;display:grid;position:absolute;place-items:center;align-content:center;justify-content:center;padding:1rem;text-align:start}.info-modal-container h3.heading-true{display:flex;margin-bottom:auto;background:#0000000d;height:30px;padding:.5rem;justify-self:stretch;text-align:start;align-items:center}.info-modal-container h3.heading-false{background:#0000000d;margin-bottom:auto;text-align:start}.info-modal-container p{justify-self:stretch;text-align:start}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1001}`;
+import { ai as g, aj as m, A as l, B as p } from "../../chunks/index2.js";
+import { b7 as f, L as u } from "../../chunks/index.js";
+const b = c`.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:block;width:auto;height:auto;overflow:auto}.panel-children-container{display:flex}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.panel-children-container{padding:0 1rem;margin-top:1rem}.info-modal-container{box-sizing:border-box;width:-webkit-fill-available;height:100%;display:grid;position:absolute;place-items:center;align-content:center;justify-content:center;padding:1rem;text-align:start}.info-modal-container h3.heading-true{display:flex;margin-bottom:auto;background:#0000000d;height:30px;padding:.5rem;justify-self:stretch;text-align:start;align-items:center}.info-modal-container h3.heading-false{background:#0000000d;margin-bottom:auto;text-align:start}.info-modal-container p{justify-self:stretch;text-align:start}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1001}`;
 class C extends h {
   constructor() {
     super(...arguments), this.message = "", this.heading = "", this.showLoader = !1;
@@ -14,7 +14,7 @@ class C extends h {
     this.properties = { message: 1, heading: 1, showLoader: 5, loaderColors: 0, calciteThemeColors: 0 };
   }
   static {
-    this.styles = x;
+    this.styles = b;
   }
   render() {
     let t = null;