@esri/solutions-components 0.6.6 → 0.6.7

package/dist/esm/calcite-graph.entry.js

@@ -3,9 +3,9 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate } from './index-b5d9d795.js';
-import { g as guid } from './guid-2bbb8cd1.js';
-import { c as createObserver } from './observers-9d66685a.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate } from './index-d298aca9.js';
+import { g as guid } from './guid-1608fd71.js';
+import { c as createObserver } from './observers-67bdf9e5.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -141,87 +141,87 @@ function area({ data, min, max, t }) {
 
 const graphCss = ":host{display:block;block-size:100%}.svg{fill:currentColor;stroke:transparent;margin:0px;display:block;block-size:100%;inline-size:100%;padding:0px}.svg .graph-path--highlight{fill:var(--calcite-ui-brand);opacity:0.5}:host([hidden]){display:none}[hidden]{display:none}";
 
-const Graph = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.graphId = `calcite-graph-${guid()}`;
-    this.resizeObserver = createObserver("resize", () => forceUpdate(this));
-    this.data = [];
-    this.colorStops = undefined;
-    this.highlightMin = undefined;
-    this.highlightMax = undefined;
-    this.min = undefined;
-    this.max = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el);
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-  }
-  render() {
-    const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;
-    const id = this.graphId;
-    const { clientHeight: height, clientWidth: width } = el;
-    // if we have no data, return empty svg
-    if (!data || data.length === 0) {
-      return (h("svg", { "aria-hidden": "true", class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }));
-    }
-    const { min: rangeMin, max: rangeMax } = range(data);
-    let currentMin = rangeMin;
-    let currentMax = rangeMax;
-    if (min < rangeMin[0] || min > rangeMin[0]) {
-      currentMin = [min, 0];
-    }
-    if (max > rangeMax[0] || max < rangeMax[0]) {
-      currentMax = [max, rangeMax[1]];
-    }
-    const t = translate({ min: currentMin, max: currentMax, width, height });
-    const [hMinX] = t([highlightMin, currentMax[1]]);
-    const [hMaxX] = t([highlightMax, currentMax[1]]);
-    const areaPath = area({ data, min: rangeMin, max: rangeMax, t });
-    const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;
-    return (h("svg", { "aria-hidden": "true", class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }, colorStops ? (h("defs", null, h("linearGradient", { id: `linear-gradient-${id}`, x1: "0", x2: "1", y1: "0", y2: "0" }, colorStops.map(({ offset, color, opacity }) => (h("stop", { offset: `${offset * 100}%`, "stop-color": color, "stop-opacity": opacity })))))) : null, highlightMin !== undefined ? ([
+const Graph = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    this.graphId = `calcite-graph-${guid()}`;
+    this.resizeObserver = createObserver("resize", () => forceUpdate(this));
+    this.data = [];
+    this.colorStops = undefined;
+    this.highlightMin = undefined;
+    this.highlightMax = undefined;
+    this.min = undefined;
+    this.max = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    var _a;
+    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  render() {
+    const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;
+    const id = this.graphId;
+    const { clientHeight: height, clientWidth: width } = el;
+    // if we have no data, return empty svg
+    if (!data || data.length === 0) {
+      return (h("svg", { "aria-hidden": "true", class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }));
+    }
+    const { min: rangeMin, max: rangeMax } = range(data);
+    let currentMin = rangeMin;
+    let currentMax = rangeMax;
+    if (min < rangeMin[0] || min > rangeMin[0]) {
+      currentMin = [min, 0];
+    }
+    if (max > rangeMax[0] || max < rangeMax[0]) {
+      currentMax = [max, rangeMax[1]];
+    }
+    const t = translate({ min: currentMin, max: currentMax, width, height });
+    const [hMinX] = t([highlightMin, currentMax[1]]);
+    const [hMaxX] = t([highlightMax, currentMax[1]]);
+    const areaPath = area({ data, min: rangeMin, max: rangeMax, t });
+    const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;
+    return (h("svg", { "aria-hidden": "true", class: "svg", height: height, preserveAspectRatio: "none", viewBox: `0 0 ${width} ${height}`, width: width }, colorStops ? (h("defs", null, h("linearGradient", { id: `linear-gradient-${id}`, x1: "0", x2: "1", y1: "0", y2: "0" }, colorStops.map(({ offset, color, opacity }) => (h("stop", { offset: `${offset * 100}%`, "stop-color": color, "stop-opacity": opacity })))))) : null, highlightMin !== undefined ? ([
       h("mask", { height: "100%", id: `${id}1`, width: "100%", x: "0%", y: "0%" }, h("path", { d: `
             M 0,0
             L ${hMinX - 1},0
             L ${hMinX - 1},${height}
             L 0,${height}
             Z
-          `, fill: "white" })),
+          `, fill: "white" })),
       h("mask", { height: "100%", id: `${id}2`, width: "100%", x: "0%", y: "0%" }, h("path", { d: `
             M ${hMinX + 1},0
             L ${hMaxX - 1},0
             L ${hMaxX - 1},${height}
             L ${hMinX + 1}, ${height}
             Z
-          `, fill: "white" })),
+          `, fill: "white" })),
       h("mask", { height: "100%", id: `${id}3`, width: "100%", x: "0%", y: "0%" }, h("path", { d: `
                 M ${hMaxX + 1},0
                 L ${width},0
                 L ${width},${height}
                 L ${hMaxX + 1}, ${height}
                 Z
-              `, fill: "white" })),
-      h("path", { class: "graph-path", d: areaPath, fill: fill, mask: `url(#${id}1)` }),
-      h("path", { class: "graph-path--highlight", d: areaPath, fill: fill, mask: `url(#${id}2)` }),
-      h("path", { class: "graph-path", d: areaPath, fill: fill, mask: `url(#${id}3)` }),
-    ]) : (h("path", { class: "graph-path", d: areaPath, fill: fill }))));
-  }
-  get el() { return getElement(this); }
-};
+              `, fill: "white" })),
+      h("path", { class: "graph-path", d: areaPath, fill: fill, mask: `url(#${id}1)` }),
+      h("path", { class: "graph-path--highlight", d: areaPath, fill: fill, mask: `url(#${id}2)` }),
+      h("path", { class: "graph-path", d: areaPath, fill: fill, mask: `url(#${id}3)` }),
+    ]) : (h("path", { class: "graph-path", d: areaPath, fill: fill }))));
+  }
+  get el() { return getElement(this); }
+};
 Graph.style = graphCss;
 
 export { Graph as calcite_graph };

package/dist/esm/calcite-icon.entry.js

@@ -3,11 +3,11 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-b5d9d795.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-843e3afd.js';
-import { c as createObserver } from './observers-9d66685a.js';
-import './guid-2bbb8cd1.js';
-import './resources-94c47e64.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-d298aca9.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-8a9e4ee8.js';
+import { c as createObserver } from './observers-67bdf9e5.js';
+import './guid-1608fd71.js';
+import './resources-f97db74e.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -94,81 +94,81 @@ function normalizeIconName(name) {
 
 const iconCss = ":host{display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){block-size:1rem;inline-size:1rem;min-inline-size:1rem;min-block-size:1rem}:host([scale=m]){block-size:1.5rem;inline-size:1.5rem;min-inline-size:1.5rem;min-block-size:1.5rem}:host([scale=l]){block-size:2rem;inline-size:2rem;min-inline-size:2rem;min-block-size:2rem}.flip-rtl{transform:scaleX(-1)}.svg{display:block}:host([hidden]){display:none}[hidden]{display:none}";
 
-const Icon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.icon = null;
-    this.flipRtl = false;
-    this.scale = "m";
-    this.textLabel = undefined;
-    this.pathData = undefined;
-    this.visible = false;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    this.waitUntilVisible(() => {
-      this.visible = true;
-      this.loadIconPathData();
-    });
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    this.intersectionObserver = null;
-  }
-  async componentWillLoad() {
-    this.loadIconPathData();
-  }
-  render() {
-    const { el, flipRtl, pathData, scale, textLabel } = this;
-    const dir = getElementDir(el);
-    const size = scaleToPx[scale];
-    const semantic = !!textLabel;
-    const paths = [].concat(pathData || "");
-    return (h(Host, { "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { "aria-hidden": "true", class: {
-        [CSS.flipRtl]: dir === "rtl" && flipRtl,
-        svg: true,
-      }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  async loadIconPathData() {
-    const { icon, scale, visible } = this;
-    if (!icon || !visible) {
-      return;
-    }
-    this.pathData = await fetchIcon({ icon, scale });
-  }
-  waitUntilVisible(callback) {
-    this.intersectionObserver = createObserver("intersection", (entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          this.intersectionObserver.disconnect();
-          this.intersectionObserver = null;
-          callback();
-        }
-      });
-    }, { rootMargin: "50px" });
-    if (!this.intersectionObserver) {
-      callback();
-      return;
-    }
-    this.intersectionObserver.observe(this.el);
-  }
-  static get assetsDirs() { return ["assets"]; }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "icon": ["loadIconPathData"],
-    "scale": ["loadIconPathData"]
-  }; }
-};
+const Icon = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.icon = null;
+    this.flipRtl = false;
+    this.scale = "m";
+    this.textLabel = undefined;
+    this.pathData = undefined;
+    this.visible = false;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    this.waitUntilVisible(() => {
+      this.visible = true;
+      this.loadIconPathData();
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.intersectionObserver = null;
+  }
+  async componentWillLoad() {
+    this.loadIconPathData();
+  }
+  render() {
+    const { el, flipRtl, pathData, scale, textLabel } = this;
+    const dir = getElementDir(el);
+    const size = scaleToPx[scale];
+    const semantic = !!textLabel;
+    const paths = [].concat(pathData || "");
+    return (h(Host, { "aria-hidden": toAriaBoolean(!semantic), "aria-label": semantic ? textLabel : null, role: semantic ? "img" : null }, h("svg", { "aria-hidden": "true", class: {
+        [CSS.flipRtl]: dir === "rtl" && flipRtl,
+        svg: true,
+      }, fill: "currentColor", height: "100%", viewBox: `0 0 ${size} ${size}`, width: "100%", xmlns: "http://www.w3.org/2000/svg" }, paths.map((path) => typeof path === "string" ? (h("path", { d: path })) : (h("path", { d: path.d, opacity: "opacity" in path ? path.opacity : 1 }))))));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  async loadIconPathData() {
+    const { icon, scale, visible } = this;
+    if (!icon || !visible) {
+      return;
+    }
+    this.pathData = await fetchIcon({ icon, scale });
+  }
+  waitUntilVisible(callback) {
+    this.intersectionObserver = createObserver("intersection", (entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          this.intersectionObserver.disconnect();
+          this.intersectionObserver = null;
+          callback();
+        }
+      });
+    }, { rootMargin: "50px" });
+    if (!this.intersectionObserver) {
+      callback();
+      return;
+    }
+    this.intersectionObserver.observe(this.el);
+  }
+  static get assetsDirs() { return ["assets"]; }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "icon": ["loadIconPathData"],
+    "scale": ["loadIconPathData"]
+  }; }
+};
 Icon.style = iconCss;
 
 export { Icon as calcite_icon };