@arcgis/charts-components 5.2.0-next.69 → 5.2.0-next.70

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

@@ -33,7 +33,7 @@ class h extends c {
   }
   render() {
     const e = this.selectedElement, t = this.selectedElement;
-    return o`<div><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${!this.open} label @calcitePopoverClose=${this.closePopover} pointer-disabled auto-close ${n(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><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${!this.open} label @calcitePopoverClose=${this.closePopover} pointer-disabled auto-close ${n(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 use-panel .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", h);

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

@@ -3,13 +3,13 @@ import { c as r } from "../../chunks/runtime.js";
 import { html as t } from "lit";
 import { g as i } from "../../chunks/default.js";
 import { u as l } 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 c, createEvent as s } from "@arcgis/lumina";
 import { i as p } from "../../chunks/rest-js-object-literals.js";
 import { e as h } from "../../chunks/popover-ui-utils.js";
 class m extends c {
   constructor() {
-    super(...arguments), this._messages = l(), this.popoverElement = a(), this.placement = "leading", this.open = !1, this.arcgisChartsConfigGuidePopoverColorChange = s(), this.arcgisChartsConfigGuidePopoverSymbolChange = s(), this.arcgisChartsConfigPopoverClose = s();
+    super(...arguments), this._messages = l(), this.popoverElement = n(), this.placement = "leading", this.open = !1, this.arcgisChartsConfigGuidePopoverColorChange = s(), this.arcgisChartsConfigGuidePopoverSymbolChange = s(), this.arcgisChartsConfigPopoverClose = s();
   }
   static {
     this.properties = { messageOverrides: 0, selectedElement: 0, referenceElement: 0, placement: 1, open: 5 };
@@ -33,7 +33,7 @@ class m extends c {
   }
   render() {
     const o = this.selectedElement, e = this.selectedElement;
-    return t`<div><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${n(this.popoverElement)}>${Array.isArray(o) && t`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${o} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>` || ""}${e?.type === p.SLS && t`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>` || ""}</calcite-popover></div>`;
+    return t`<div><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .open=${this.open} offset-distance=20 offset-skidding=60 label pointer-disabled @calcitePopoverClose=${this.guidePopoverClose} auto-close ${a(this.popoverElement)}>${Array.isArray(o) ? t`<arcgis-charts-config-color-style .header=${this._messages.fillStyle} enable-close .open=${this.open} .selectedColor=${o} @arcgisChartsConfigColorStyleClose=${this.guidePopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>` : null}${e?.type === p.SLS ? t`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close use-panel .lineStyle=${e} @arcgisChartsConfigLineStyleClose=${this.guidePopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>` : null}</calcite-popover></div>`;
   }
 }
 r("arcgis-charts-config-guide-popover", m);

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

@@ -82,7 +82,7 @@ class w extends b {
     return t`<arcgis-charts-config-color-style class=${o(l.colorPicker)} .header=${this.headingTitle ?? this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`;
   }
   renderOverlayStyle() {
-    return t`<arcgis-charts-config-line-style class=${o(l.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle ?? this._messages.lineStyle} .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`;
+    return t`<arcgis-charts-config-line-style class=${o(l.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle ?? this._messages.lineStyle} use-panel .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`;
   }
   renderFieldSelect() {
     const e = this.buildPickListItems(i.numericFields);

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

@@ -4,9 +4,9 @@ import { css as f, html as o } from "lit";
 import { keyed as c } from "lit/directives/keyed.js";
 import { S as a } from "../../chunks/interfaces.js";
 import { b as v, o as y, e as p } from "../../chunks/chart-ui-utils2.js";
-import { u as S } from "../../chunks/useT9n.js";
+import { u } from "../../chunks/useT9n.js";
 import { createRef as h, ref as d } from "lit/directives/ref.js";
-import { LitElement as u, createEvent as l, safeClassMap as r } from "@arcgis/lumina";
+import { LitElement as S, createEvent as l, safeClassMap as r } from "@arcgis/lumina";
 import { i as m } from "../../chunks/rest-js-object-literals.js";
 import { e as $ } from "../../chunks/popover-ui-utils.js";
 import { d as P } from "../../chunks/index3.js";
@@ -18,9 +18,9 @@ const n = {
   popoverPickList: "popover-pick-list",
   pickListPanel: "pick-list-panel"
 }, F = f`.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{width:100%}.pick-list-panel{max-height:60vh}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}`;
-class k extends u {
+class k extends S {
   constructor() {
-    super(...arguments), this.picklist = h(), this._messages = S(), this.popoverElement = h(), this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigPopoverClose = l(), this.arcgisChartsConfigScatterplotFillColorChange = l(), this.arcgisChartsConfigScatterplotLineStyleChange = l(), this.arcgisChartsConfigScatterplotSizeVariableFieldChange = l(), this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange = l(), this.arcgisChartsConfigScatterplotXYFieldChange = l();
+    super(...arguments), this.picklist = h(), this._messages = u(), this.popoverElement = h(), this.open = !1, this.layerFieldsInfo = [], this.arcgisChartsConfigPopoverClose = l(), this.arcgisChartsConfigScatterplotFillColorChange = l(), this.arcgisChartsConfigScatterplotLineStyleChange = l(), this.arcgisChartsConfigScatterplotSizeVariableFieldChange = l(), this.arcgisChartsConfigScatterplotAdditionalTooltipFieldChange = l(), this.arcgisChartsConfigScatterplotXYFieldChange = l();
   }
   static {
     this.properties = { messageOverrides: 0, headingTitle: 1, contentKind: 1, selectedContent: 1, referenceElement: 0, placement: 1, open: 5, layerFieldsInfo: 0 };
@@ -54,7 +54,7 @@ class k extends u {
   }
   render() {
     const e = this.selectedContent, t = this.selectedContent;
-    return o`<div><calcite-popover class=${r(n.scatterplotPopover)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${y(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${d(this.popoverElement)}>${Array.isArray(e) ? o`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${r(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>` : null}${t?.type === m.SLS ? o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>` : null}${!Array.isArray(e) && t?.type !== m.SLS ? this.renderVariablePickList() : null}</calcite-popover></div>`;
+    return o`<div><calcite-popover class=${r(n.scatterplotPopover)} .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} .offsetDistance=${y(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${d(this.popoverElement)}>${Array.isArray(e) ? o`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${r(n.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>` : null}${t?.type === m.SLS ? o`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close use-panel .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>` : null}${!Array.isArray(e) && t?.type !== m.SLS ? this.renderVariablePickList() : null}</calcite-popover></div>`;
   }
   renderVariablePickList() {
     const e = this.layerFieldsInfo?.length ?? 0, t = [];