@arcgis/charts-components 5.1.0-next.8 → 5.1.0-next.9

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

@@ -1,14 +1,15 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as o } from "../../chunks/runtime.js";
-import { css as a, html as r } from "lit";
-import { LitElement as n, safeClassMap as e, safeStyleMap as s } from "@arcgis/lumina";
+import { c as s } from "../../chunks/runtime.js";
+import { css as n, html as i } from "lit";
+import { LitElement as c, safeClassMap as e, safeStyleMap as r } from "@arcgis/lumina";
+import { i as a } from "../../chunks/index6.js";
 import "@arcgis/toolkit/intl";
 import "lodash-es";
 import "luxon";
 import "d3-array";
 import "@arcgis/toolkit/type";
 import "../../chunks/series-types.js";
-import { d6 as l } from "../../chunks/index.js";
+import { d6 as d } from "../../chunks/index.js";
 import "@arcgis/core/Graphic.js";
 import "@arcgis/core/renderers/support/jsonUtils.js";
 import "@arcgis/core/symbols/support/symbolUtils.js";
@@ -25,26 +26,40 @@ import "@arcgis/core/rest/support/StatisticDefinition.js";
 import "@arcgis/core/time/TimeExtent.js";
 import "@arcgis/core/core/promiseUtils.js";
 import "@arcgis/toolkit/dom";
-const c = a`.hide{display:none}.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:100%;height:100%;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}.container{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;align-content:center;justify-content:center;padding:1rem;background-color:#fff;text-align:left}.container h3.heading-true{color:#000;margin-bottom:auto;background:#f4f4f4cc;height:30px;padding-left:.5rem;padding-top:.5rem;justify-self:stretch;text-align:left}.container h3.heading-false{background:#fff;margin-bottom:auto}.container p{color:#000;justify-self:stretch;text-align:left}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1001}`, i = { Container: "container", ChartLoaderOverlay: "chart-loader-overlay" };
-class d extends n {
+const h = n`.hide{display:none}.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:100%;height:100%;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}.container{box-sizing:border-box;width:100%;height:100%;display:grid;place-items:center;align-content:center;justify-content:center;padding:1rem;background-color:var(--calcite-color-foreground-1);text-align:left}.container h3.heading-true{color:var(--calcite-color-text-1);margin-bottom:auto;background:#0000000d;height:30px;padding-left:.5rem;padding-top:.5rem;justify-self:stretch;text-align:left}.container h3.heading-false{background:var(--calcite-color-foreground-1);margin-bottom:auto}.container p{color:var(--calcite-color-text-1);justify-self:stretch;text-align:left}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1001;background:var(--calcite-color-foreground-1)}`, l = { Container: "container", ChartLoaderOverlay: "chart-loader-overlay" };
+class p extends c {
   constructor() {
     super(...arguments), this.message = "", this.heading = "", this.showErrorModalInfo = !1;
   }
   static {
-    this.properties = { message: 1, heading: 1, showErrorModalInfo: 5, showLoader: 5, curtainColor: 0, spinnerColor: 0 };
+    this.properties = { message: 1, heading: 1, showErrorModalInfo: 5, showLoader: 5, loaderColors: 0, calciteThemeApplied: 1 };
   }
   static {
-    this.styles = c;
+    this.styles = h;
   }
   render() {
-    let t = null;
-    return this.showErrorModalInfo ? t = r`<div class=${e(i.Container)}><h3 class=${e(this.heading !== "" ? "heading-true" : "heading-false")}>${this.heading}</h3><p .innerHTML=${l(this.message) ?? ""}></p></div>` : this.showLoader && (t = r`<div class=${e(i.ChartLoaderOverlay)} style=${s({
-      background: `rgba(${this.curtainColor})`,
-      "--calcite-loader-progress-color": `rgba(${this.spinnerColor})`
+    let t = null, o;
+    return this.loaderColors?.curtainColor && (this.calciteThemeApplied === "dark" ? o = a({
+      r: this.loaderColors.curtainColor[0],
+      g: this.loaderColors.curtainColor[1],
+      b: this.loaderColors.curtainColor[2],
+      a: this.loaderColors.curtainColor[3] / 255
+    }) ? "var(--calcite-color-text-inverse)" : "var(--calcite-color-text-1)" : o = a({
+      r: this.loaderColors.curtainColor[0],
+      g: this.loaderColors.curtainColor[1],
+      b: this.loaderColors.curtainColor[2],
+      a: this.loaderColors.curtainColor[3] / 255
+    }) ? "var(--calcite-color-text-1)" : "var(--calcite-color-text-inverse)"), this.showErrorModalInfo ? t = i`<div class=${e(l.Container)} style=${r(this.loaderColors?.curtainColor ? { background: `rgb(${this.loaderColors?.curtainColor.toString()})` } : void 0)}><h3 class=${e(this.heading !== "" ? "heading-true" : "heading-false")} style=${r(o ? { color: o } : void 0)}>${this.heading}</h3><p style=${r(o ? { color: o } : void 0)} .innerHTML=${d(this.message) ?? ""}></p></div>` : this.showLoader && (t = i`<div class=${e(l.ChartLoaderOverlay)} style=${r({
+      ...this.loaderColors?.curtainColor && {
+        background: `rgb(${this.loaderColors.curtainColor.toString()})`
+      },
+      ...this.loaderColors?.spinnerColor && {
+        "--calcite-loader-progress-color": `rgb(${this.loaderColors.spinnerColor.toString()})`
+      }
     })}><calcite-loader scale=s label=Loading></calcite-loader></div>`), t;
   }
 }
-o("arcgis-charts-info-modal", d);
+s("arcgis-charts-info-modal", p);
 export {
-  d as ArcgisChartsInfoModal
+  p as ArcgisChartsInfoModal
 };