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

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

@@ -1,62 +1,37 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { c as d } from "../../chunks/runtime.js";
-import { css as m, html as r } from "lit";
-import { LitElement as p, safeClassMap as a, safeStyleMap as i } from "@arcgis/lumina";
-import { H as o } from "../../chunks/resources.js";
-import "@arcgis/toolkit/intl";
-import "lodash-es";
-import "luxon";
-import "../../chunks/series-types.js";
-import "@arcgis/toolkit/type";
-import { di as c, dj as h, dk as g, cJ as f, u, dh as b, dW as x } from "../../chunks/index.js";
-import "@arcgis/core/Graphic.js";
-import "@arcgis/core/renderers/support/jsonUtils.js";
-import "@arcgis/core/symbols/support/symbolUtils.js";
-import "@arcgis/core/layers/support/FeatureFilter.js";
-import "@arcgis/core/smartMapping/statistics/histogram.js";
-import "@arcgis/core/smartMapping/statistics/summaryStatistics.js";
-import "@arcgis/core/AttributeBinsGraphic.js";
-import "@arcgis/core/layers/support/CodedValueDomain.js";
-import "@arcgis/core/intl.js";
-import "simple-statistics";
-import "@arcgis/core/request.js";
-import "@arcgis/core/core/sql.js";
-import "@arcgis/core/geometry/support/jsonUtils.js";
-import "@arcgis/core/rest/support/AttributeBinsQuery.js";
-import "@arcgis/core/rest/support/Query.js";
-import "@arcgis/core/rest/support/StatisticDefinition.js";
-import "@arcgis/core/time/TimeExtent.js";
-import "@arcgis/core/core/promiseUtils.js";
-import "@arcgis/core/applications/Components/imageryUtils.js";
-import "@arcgis/core/geometry/Extent.js";
-import "@arcgis/core/geometry/Point.js";
-import "@arcgis/toolkit/dom";
-const y = m`.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;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.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 p {
+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 { at as g, au as m, e as l, ar as p } from "../../chunks/index.js";
+import { p as f, B as u } from "../../chunks/index3.js";
+const C = 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;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.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 b extends h {
   constructor() {
-    super(...arguments), this.message = "", this.heading = "", this.showLoader = !1, this.enableAutoTheming = !1;
+    super(...arguments), this.message = "", this.heading = "", this.showLoader = !1;
   }
   static {
-    this.properties = { message: 1, heading: 1, showLoader: 5, loaderColors: 0, calciteThemeApplied: 1, enableAutoTheming: 5 };
+    this.properties = { message: 1, heading: 1, showLoader: 5, loaderColors: 0, calciteThemeColors: 0 };
   }
   static {
-    this.styles = y;
+    this.styles = C;
   }
   render() {
-    let e = null;
-    const n = this.calciteThemeApplied === "dark" && this.enableAutoTheming, t = this.loaderColors?.curtainColor ?? (n ? c : h), l = this.loaderColors?.spinnerColor ?? g, s = f({
-      r: t[0],
-      g: t[1],
-      b: t[2],
-      a: t[3] / 255
-    }) ? u : b;
-    return this.message ? e = r`<div class=${a(o.InfoModalContainer)} style=${i({ background: `rgb(${t.toString()})` })}><h3 class=${a(this.heading !== "" ? "heading-true" : "heading-false")} style=${i({ color: `rgb(${s.toString()})` })}>${this.heading}</h3><p style=${i({ color: `rgb(${s.toString()})` })} .innerHTML=${x(this.message) ?? ""}></p></div>` : this.showLoader ? e = r`<div class=${a(o.ChartLoaderOverlay)} style=${i({
-      background: `rgb(${t.toString()})`,
-      "--calcite-loader-progress-color": `rgb(${l.toString()})`
-    })}><calcite-loader scale=s label=Loading></calcite-loader></div>` : e = r`<div class=${`${o.InfoModalContainer} ${o.Hide}`}></div>`, e;
+    let t = null;
+    const e = this.loaderColors?.curtainColor ?? this.calciteThemeColors?.backgroundColor ?? g, n = this.loaderColors?.spinnerColor ?? this.calciteThemeColors?.spinnerColor ?? m;
+    let o;
+    return this.loaderColors?.curtainColor ? o = f({
+      r: e[0],
+      g: e[1],
+      b: e[2],
+      a: e[3] / 255
+    }) ? l : p : o = this.calciteThemeColors?.textColor ?? l, this.showLoader ? t = r`<div class=${s(a.ChartLoaderOverlay)} style=${i({
+      background: `rgb(${e.toString()})`,
+      "--calcite-loader-progress-color": `rgb(${n.toString()})`
+    })}><calcite-loader scale=s label=Loading></calcite-loader></div>` : this.message !== void 0 ? t = r`<div class=${s(a.InfoModalContainer)} style=${i({ background: `rgb(${e.toString()})` })}><h3 class=${s(this.heading !== void 0 ? "heading-true" : "heading-false")} style=${i({ color: `rgb(${o.toString()})` })}>${this.heading}</h3><p style=${i({ color: `rgb(${o.toString()})` })} .innerHTML=${u(this.message) ?? ""}></p></div>` : t = r`<div class=${`${a.InfoModalContainer} ${a.Hide}`}></div>`, t;
   }
 }
-d("arcgis-charts-info-modal", C);
+d("arcgis-charts-info-modal", b);
 export {
-  C as ArcgisChartsInfoModal
+  b as ArcgisChartsInfoModal
 };