@esri/solutions-components 0.2.3 → 0.2.4

package/dist/solutions-components/p-9a9955db.js

@@ -8,4 +8,46 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  * v1.0.0-beta.97
  */
-function t(t,s,n){return new(function(t){class s extends window.MutationObserver{constructor(t){super(t),this.observedEntry=[],this.callback=t}observe(t,s){return this.observedEntry.push({target:t,options:s}),super.observe(t,s)}unobserve(t){const s=this.observedEntry.filter((s=>s.target!==t));this.observedEntry=[],this.callback(super.takeRecords(),this),this.disconnect(),s.forEach((t=>this.observe(t.target,t.options)))}}return"intersection"===t?window.IntersectionObserver:"mutation"===t?s:window.ResizeObserver}(t))(s,n)}export{t as c}
+/**
+ * This utility ensures observers are created only for browser contexts.
+ *
+ * @param type - the type of observer to create
+ * @param callback - the observer callback
+ * @param options - the observer options
+ */
+function createObserver(type, callback, options) {
+  const Observer = getObserver(type);
+  return new Observer(callback, options);
+}
+function getObserver(type) {
+  // based on https://github.com/whatwg/dom/issues/126#issuecomment-1049814948
+  class ExtendedMutationObserver extends window.MutationObserver {
+    constructor(callback) {
+      super(callback);
+      this.observedEntry = [];
+      this.callback = callback;
+    }
+    observe(target, options) {
+      this.observedEntry.push({ target, options });
+      return super.observe(target, options);
+    }
+    unobserve(target) {
+      const newObservedEntries = this.observedEntry.filter((observed) => observed.target !== target);
+      this.observedEntry = [];
+      this.callback(super.takeRecords(), this);
+      this.disconnect();
+      newObservedEntries.forEach((observed) => this.observe(observed.target, observed.options));
+    }
+  }
+  return (function () {
+    return (type === "intersection"
+      ? window.IntersectionObserver
+      : type === "mutation"
+        ? ExtendedMutationObserver
+        : window.ResizeObserver);
+  })();
+}
+
+export { createObserver as c };
+
+//# sourceMappingURL=p-9a9955db.js.map

package/dist/solutions-components/p-9a9955db.js.map

@@ -0,0 +1 @@
+{"file":"p-9a9955db.js","mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE;AAIxD,EAAE,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;AACrC,EAAE,OAAO,IAAI,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACzC,CAAC;AACD,SAAS,WAAW,CAAC,IAAI,EAAE;AAC3B;AACA,EAAE,MAAM,wBAAwB,SAAS,MAAM,CAAC,gBAAgB,CAAC;AACjE,IAAI,WAAW,CAAC,QAAQ,EAAE;AAC1B,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;AACtB,MAAM,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;AAC9B,MAAM,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC/B,KAAK;AACL,IAAI,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AAC7B,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;AACnD,MAAM,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAC5C,KAAK;AACL,IAAI,SAAS,CAAC,MAAM,EAAE;AACtB,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;AACrG,MAAM,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;AAC9B,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC;AAC/C,MAAM,IAAI,CAAC,UAAU,EAAE,CAAC;AACxB,MAAM,kBAAkB,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;AAChG,KAAK;AACL,GAAG;AACH,EAAE,OAAO,CAAC,YAAY;AACtB,IAAI,QAAQ,IAAI,KAAK,cAAc;AACnC,QAAQ,MAAM,CAAC,oBAAoB;AACnC,QAAQ,IAAI,KAAK,UAAU;AAC3B,UAAU,wBAAwB;AAClC,UAAU,MAAM,CAAC,cAAc,EAAE;AACjC,GAAG,GAAG,CAAC;AACP;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/utils/observers.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { Build } from \"@stencil/core\";\n/**\n * This utility ensures observers are created only for browser contexts.\n *\n * @param type - the type of observer to create\n * @param callback - the observer callback\n * @param options - the observer options\n */\nexport function createObserver(type, callback, options) {\n  if (!Build.isBrowser) {\n    return undefined;\n  }\n  const Observer = getObserver(type);\n  return new Observer(callback, options);\n}\nfunction getObserver(type) {\n  // based on https://github.com/whatwg/dom/issues/126#issuecomment-1049814948\n  class ExtendedMutationObserver extends window.MutationObserver {\n    constructor(callback) {\n      super(callback);\n      this.observedEntry = [];\n      this.callback = callback;\n    }\n    observe(target, options) {\n      this.observedEntry.push({ target, options });\n      return super.observe(target, options);\n    }\n    unobserve(target) {\n      const newObservedEntries = this.observedEntry.filter((observed) => observed.target !== target);\n      this.observedEntry = [];\n      this.callback(super.takeRecords(), this);\n      this.disconnect();\n      newObservedEntries.forEach((observed) => this.observe(observed.target, observed.options));\n    }\n  }\n  return (function () {\n    return (type === \"intersection\"\n      ? window.IntersectionObserver\n      : type === \"mutation\"\n        ? ExtendedMutationObserver\n        : window.ResizeObserver);\n  })();\n}\n"],"version":3}

package/dist/solutions-components/p-9d925d5b.entry.js

@@ -0,0 +1,233 @@
+/*!
+ * Copyright 2022 Esri
+ * 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 './p-58c69df2.js';
+import { g as guid } from './p-a80b3880.js';
+import { c as createObserver } from './p-9a9955db.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+/**
+ * Calculate slope of the tangents
+ * uses Steffen interpolation as it's monotonic
+ * http://jrwalsh1.github.io/posts/interpolations/
+ *
+ * @param p0
+ * @param p1
+ * @param p2
+ */
+function slope(p0, p1, p2) {
+  const dx = p1[0] - p0[0];
+  const dx1 = p2[0] - p1[0];
+  const dy = p1[1] - p0[1];
+  const dy1 = p2[1] - p1[1];
+  const m = dy / (dx || (dx1 < 0 && 0));
+  const m1 = dy1 / (dx1 || (dx < 0 && 0));
+  const p = (m * dx1 + m1 * dx) / (dx + dx1);
+  return (Math.sign(m) + Math.sign(m1)) * Math.min(Math.abs(m), Math.abs(m1), 0.5 * Math.abs(p)) || 0;
+}
+/**
+ * Calculate slope for just one tangent (single-sided)
+ *
+ * @param p0
+ * @param p1
+ * @param m
+ */
+function slopeSingle(p0, p1, m) {
+  const dx = p1[0] - p0[0];
+  const dy = p1[1] - p0[1];
+  return dx ? ((3 * dy) / dx - m) / 2 : m;
+}
+/**
+ * Given two points and their tangent slopes,
+ * calculate the bezier handle coordinates and return draw command.
+ *
+ * Translates Hermite Spline to Beziér curve:
+ * stackoverflow.com/questions/42574940/
+ *
+ * @param p0
+ * @param p1
+ * @param m0
+ * @param m1
+ * @param t
+ */
+function bezier(p0, p1, m0, m1, t) {
+  const [x0, y0] = p0;
+  const [x1, y1] = p1;
+  const dx = (x1 - x0) / 3;
+  const h1 = t([x0 + dx, y0 + dx * m0]).join(",");
+  const h2 = t([x1 - dx, y1 - dx * m1]).join(",");
+  const p = t([x1, y1]).join(",");
+  return `C ${h1} ${h2} ${p}`;
+}
+/**
+ * Generate a function which will translate a point
+ * from the data coordinate space to svg viewbox oriented pixels
+ *
+ * @param root0
+ * @param root0.width
+ * @param root0.height
+ * @param root0.min
+ * @param root0.max
+ */
+function translate({ width, height, min, max }) {
+  const rangeX = max[0] - min[0];
+  const rangeY = max[1] - min[1];
+  return (point) => {
+    const x = ((point[0] - min[0]) / rangeX) * width;
+    const y = height - (point[1] / rangeY) * height;
+    return [x, y];
+  };
+}
+/**
+ * Get the min and max values from the dataset
+ *
+ * @param data
+ */
+function range(data) {
+  const [startX, startY] = data[0];
+  const min = [startX, startY];
+  const max = [startX, startY];
+  return data.reduce(({ min, max }, [x, y]) => ({
+    min: [Math.min(min[0], x), Math.min(min[1], y)],
+    max: [Math.max(max[0], x), Math.max(max[1], y)]
+  }), { min, max });
+}
+/**
+ * Generate drawing commands for an area graph
+ * returns a string can can be passed directly to a path element's `d` attribute
+ *
+ * @param root0
+ * @param root0.data
+ * @param root0.min
+ * @param root0.max
+ * @param root0.t
+ */
+function area({ data, min, max, t }) {
+  if (data.length === 0) {
+    return "";
+  }
+  // important points for beginning and ending the path
+  const [startX, startY] = t(data[0]);
+  const [minX, minY] = t(min);
+  const [maxX] = t(max);
+  // keep track of previous slope/points
+  let m;
+  let p0;
+  let p1;
+  // iterate over data points, calculating command for each
+  const commands = data.reduce((acc, point, i) => {
+    p0 = data[i - 2];
+    p1 = data[i - 1];
+    if (i > 1) {
+      const m1 = slope(p0, p1, point);
+      const m0 = m === undefined ? slopeSingle(p0, p1, m1) : m;
+      const command = bezier(p0, p1, m0, m1, t);
+      m = m1;
+      return `${acc} ${command}`;
+    }
+    return acc;
+  }, `M ${minX},${minY} L ${minX},${startY} L ${startX},${startY}`);
+  // close the path
+  const last = data[data.length - 1];
+  const end = bezier(p1, last, m, slopeSingle(p1, last, m), t);
+  return `${commands} ${end} L ${maxX},${minY} Z`;
+}
+
+const graphCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}: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}";
+
+const Graph = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Array of tuples describing a single data point ([x, y])
+     * These data points should be sorted by x-axis value
+     */
+    this.data = [];
+    //--------------------------------------------------------------------------
+    //
+    //  Private State/Props
+    //
+    //--------------------------------------------------------------------------
+    this.graphId = `calcite-graph-${guid()}`;
+    this.resizeObserver = createObserver("resize", () => forceUpdate(this));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  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", { 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", { 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" })),
+      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" })),
+      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); }
+};
+Graph.style = graphCss;
+
+export { Graph as calcite_graph };
+
+//# sourceMappingURL=p-9d925d5b.entry.js.map

package/dist/solutions-components/p-9d925d5b.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-graph.entry.esm.js","mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAC3B,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3B,EAAE,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5B,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3B,EAAE,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC5B,EAAE,MAAM,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACxC,EAAE,MAAM,EAAE,GAAG,GAAG,IAAI,GAAG,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1C,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,CAAC;AAC7C,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AACtG,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;AAChC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3B,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC3B,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC1C,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE;AACnC,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC;AACtB,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC;AACtB,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;AAC3B,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClC,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9B,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;AACvD,EAAE,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AACjC,EAAE,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;AACjC,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,MAAM,IAAI,KAAK,CAAC;AACrD,IAAI,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,CAAC;AACpD,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAClB,GAAG,CAAC;AACJ,CAAC;AACD;AACA;AACA;AACA;AACA;AACO,SAAS,KAAK,CAAC,IAAI,EAAE;AAC5B,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACnC,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC/B,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC/B,EAAE,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;AAChD,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACnD,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACpB,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;AAC5C,EAAE,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH;AACA,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACtC,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AAC9B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACxB;AACA,EAAE,IAAI,CAAC,CAAC;AACR,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,IAAI,EAAE,CAAC;AACT;AACA,EAAE,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,KAAK;AAClD,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACrB,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AACrB,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE;AACf,MAAM,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC;AACtC,MAAM,MAAM,EAAE,GAAG,CAAC,KAAK,SAAS,GAAG,WAAW,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC;AAC/D,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAChD,MAAM,CAAC,GAAG,EAAE,CAAC;AACb,MAAM,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AACjC,KAAK;AACL,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE;AACA,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACrC,EAAE,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC/D,EAAE,OAAO,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD;;AClIA,MAAM,QAAQ,GAAG,u+CAAu+C;;MCS3+C,KAAK;EAChB;;;;;;;;;;;IAUE,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;;;;;;IAMf,IAAI,CAAC,OAAO,GAAG,iBAAiB,IAAI,EAAE,EAAE,CAAC;IACzC,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC,QAAQ,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;GACzE;;;;;;EAMD,iBAAiB;IACf,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,cAAc,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACrF;EACD,oBAAoB;IAClB,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,GAAG,IAAI,CAAC,cAAc,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;GACjF;EACD,MAAM;IACJ,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC5E,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;IACxB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;;IAExD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;MAC9B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE;KACnI;IACD,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;IACrD,IAAI,UAAU,GAAG,QAAQ,CAAC;IAC1B,IAAI,UAAU,GAAG,QAAQ,CAAC;IAC1B,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE;MAC1C,UAAU,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;KACvB;IACD,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE;MAC1C,UAAU,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;KACjC;IACD,MAAM,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IACzE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;IACjE,MAAM,IAAI,GAAG,UAAU,GAAG,wBAAwB,EAAE,GAAG,GAAG,SAAS,CAAC;IACpE,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,UAAU,IAAI,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,gBAAgB,EAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,GAAG,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,YAAY,KAAK,SAAS,IAAI;MACza,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;;gBAElF,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC,IAAI,MAAM;kBACjB,MAAM;;WAEb,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;MACxB,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;gBAClF,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC;gBACT,KAAK,GAAG,CAAC,IAAI,MAAM;gBACnB,KAAK,GAAG,CAAC,KAAK,MAAM;;WAEzB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;MACxB,CAAC,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;oBAC9E,KAAK,GAAG,CAAC;oBACT,KAAK;oBACL,KAAK,IAAI,MAAM;oBACf,KAAK,GAAG,CAAC,KAAK,MAAM;;eAEzB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;MAC5B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;MACjF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;MAC5F,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;KAClF,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;GACtE;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/graph/util.js","./node_modules/@esri/calcite-components/dist/collection/components/graph/graph.css?tag=calcite-graph&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/graph/graph.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\n/**\n * Calculate slope of the tangents\n * uses Steffen interpolation as it's monotonic\n * http://jrwalsh1.github.io/posts/interpolations/\n *\n * @param p0\n * @param p1\n * @param p2\n */\nfunction slope(p0, p1, p2) {\n  const dx = p1[0] - p0[0];\n  const dx1 = p2[0] - p1[0];\n  const dy = p1[1] - p0[1];\n  const dy1 = p2[1] - p1[1];\n  const m = dy / (dx || (dx1 < 0 && 0));\n  const m1 = dy1 / (dx1 || (dx < 0 && 0));\n  const p = (m * dx1 + m1 * dx) / (dx + dx1);\n  return (Math.sign(m) + Math.sign(m1)) * Math.min(Math.abs(m), Math.abs(m1), 0.5 * Math.abs(p)) || 0;\n}\n/**\n * Calculate slope for just one tangent (single-sided)\n *\n * @param p0\n * @param p1\n * @param m\n */\nfunction slopeSingle(p0, p1, m) {\n  const dx = p1[0] - p0[0];\n  const dy = p1[1] - p0[1];\n  return dx ? ((3 * dy) / dx - m) / 2 : m;\n}\n/**\n * Given two points and their tangent slopes,\n * calculate the bezier handle coordinates and return draw command.\n *\n * Translates Hermite Spline to Beziér curve:\n * stackoverflow.com/questions/42574940/\n *\n * @param p0\n * @param p1\n * @param m0\n * @param m1\n * @param t\n */\nfunction bezier(p0, p1, m0, m1, t) {\n  const [x0, y0] = p0;\n  const [x1, y1] = p1;\n  const dx = (x1 - x0) / 3;\n  const h1 = t([x0 + dx, y0 + dx * m0]).join(\",\");\n  const h2 = t([x1 - dx, y1 - dx * m1]).join(\",\");\n  const p = t([x1, y1]).join(\",\");\n  return `C ${h1} ${h2} ${p}`;\n}\n/**\n * Generate a function which will translate a point\n * from the data coordinate space to svg viewbox oriented pixels\n *\n * @param root0\n * @param root0.width\n * @param root0.height\n * @param root0.min\n * @param root0.max\n */\nexport function translate({ width, height, min, max }) {\n  const rangeX = max[0] - min[0];\n  const rangeY = max[1] - min[1];\n  return (point) => {\n    const x = ((point[0] - min[0]) / rangeX) * width;\n    const y = height - (point[1] / rangeY) * height;\n    return [x, y];\n  };\n}\n/**\n * Get the min and max values from the dataset\n *\n * @param data\n */\nexport function range(data) {\n  const [startX, startY] = data[0];\n  const min = [startX, startY];\n  const max = [startX, startY];\n  return data.reduce(({ min, max }, [x, y]) => ({\n    min: [Math.min(min[0], x), Math.min(min[1], y)],\n    max: [Math.max(max[0], x), Math.max(max[1], y)]\n  }), { min, max });\n}\n/**\n * Generate drawing commands for an area graph\n * returns a string can can be passed directly to a path element's `d` attribute\n *\n * @param root0\n * @param root0.data\n * @param root0.min\n * @param root0.max\n * @param root0.t\n */\nexport function area({ data, min, max, t }) {\n  if (data.length === 0) {\n    return \"\";\n  }\n  // important points for beginning and ending the path\n  const [startX, startY] = t(data[0]);\n  const [minX, minY] = t(min);\n  const [maxX] = t(max);\n  // keep track of previous slope/points\n  let m;\n  let p0;\n  let p1;\n  // iterate over data points, calculating command for each\n  const commands = data.reduce((acc, point, i) => {\n    p0 = data[i - 2];\n    p1 = data[i - 1];\n    if (i > 1) {\n      const m1 = slope(p0, p1, point);\n      const m0 = m === undefined ? slopeSingle(p0, p1, m1) : m;\n      const command = bezier(p0, p1, m0, m1, t);\n      m = m1;\n      return `${acc} ${command}`;\n    }\n    return acc;\n  }, `M ${minX},${minY} L ${minX},${startY} L ${startX},${startY}`);\n  // close the path\n  const last = data[data.length - 1];\n  const end = bezier(p1, last, m, slopeSingle(p1, last, m), t);\n  return `${commands} ${end} L ${maxX},${minY} Z`;\n}\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: block;\n  block-size: 100%;\n}\n\n.svg {\n  fill: currentColor;\n  stroke: transparent;\n  margin: 0px;\n  display: block;\n  block-size: 100%;\n  inline-size: 100%;\n  padding: 0px;\n}\n.svg .graph-path--highlight {\n  fill: var(--calcite-ui-brand);\n  opacity: 0.5;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, forceUpdate } from \"@stencil/core\";\nimport { guid } from \"../../utils/guid\";\nimport { area, range, translate } from \"./util\";\nimport { createObserver } from \"../../utils/observers\";\nexport class Graph {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * Array of tuples describing a single data point ([x, y])\n     * These data points should be sorted by x-axis value\n     */\n    this.data = [];\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    this.graphId = `calcite-graph-${guid()}`;\n    this.resizeObserver = createObserver(\"resize\", () => forceUpdate(this));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    var _a;\n    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el);\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n  }\n  render() {\n    const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;\n    const id = this.graphId;\n    const { clientHeight: height, clientWidth: width } = el;\n    // if we have no data, return empty svg\n    if (!data || data.length === 0) {\n      return (h(\"svg\", { class: \"svg\", height: height, preserveAspectRatio: \"none\", viewBox: `0 0 ${width} ${height}`, width: width }));\n    }\n    const { min: rangeMin, max: rangeMax } = range(data);\n    let currentMin = rangeMin;\n    let currentMax = rangeMax;\n    if (min < rangeMin[0] || min > rangeMin[0]) {\n      currentMin = [min, 0];\n    }\n    if (max > rangeMax[0] || max < rangeMax[0]) {\n      currentMax = [max, rangeMax[1]];\n    }\n    const t = translate({ min: currentMin, max: currentMax, width, height });\n    const [hMinX] = t([highlightMin, currentMax[1]]);\n    const [hMaxX] = t([highlightMax, currentMax[1]]);\n    const areaPath = area({ data, min: rangeMin, max: rangeMax, t });\n    const fill = colorStops ? `url(#linear-gradient-${id})` : undefined;\n    return (h(\"svg\", { 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 ? ([\n      h(\"mask\", { height: \"100%\", id: `${id}1`, width: \"100%\", x: \"0%\", y: \"0%\" }, h(\"path\", { d: `\n            M 0,0\n            L ${hMinX - 1},0\n            L ${hMinX - 1},${height}\n            L 0,${height}\n            Z\n          `, fill: \"white\" })),\n      h(\"mask\", { height: \"100%\", id: `${id}2`, width: \"100%\", x: \"0%\", y: \"0%\" }, h(\"path\", { d: `\n            M ${hMinX + 1},0\n            L ${hMaxX - 1},0\n            L ${hMaxX - 1},${height}\n            L ${hMinX + 1}, ${height}\n            Z\n          `, fill: \"white\" })),\n      h(\"mask\", { height: \"100%\", id: `${id}3`, width: \"100%\", x: \"0%\", y: \"0%\" }, h(\"path\", { d: `\n                M ${hMaxX + 1},0\n                L ${width},0\n                L ${width},${height}\n                L ${hMaxX + 1}, ${height}\n                Z\n              `, fill: \"white\" })),\n      h(\"path\", { class: \"graph-path\", d: areaPath, fill: fill, mask: `url(#${id}1)` }),\n      h(\"path\", { class: \"graph-path--highlight\", d: areaPath, fill: fill, mask: `url(#${id}2)` }),\n      h(\"path\", { class: \"graph-path\", d: areaPath, fill: fill, mask: `url(#${id}3)` })\n    ]) : (h(\"path\", { class: \"graph-path\", d: areaPath, fill: fill }))));\n  }\n  static get is() { return \"calcite-graph\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"graph.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"graph.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"data\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"DataSeries\",\n          \"resolved\": \"Point[]\",\n          \"references\": {\n            \"DataSeries\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Array of tuples describing a single data point ([x, y])\\nThese data points should be sorted by x-axis value\"\n        },\n        \"defaultValue\": \"[]\"\n      },\n      \"colorStops\": {\n        \"type\": \"unknown\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ColorStop[]\",\n          \"resolved\": \"ColorStop[]\",\n          \"references\": {\n            \"ColorStop\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Array of values describing a single color stop ([offset, color, opacity])\\nThese color stops should be sorted by offset value\"\n        }\n      },\n      \"highlightMin\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Start of highlight color if highlighting range\"\n        },\n        \"attribute\": \"highlight-min\",\n        \"reflect\": false\n      },\n      \"highlightMax\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"End of highlight color if highlighting range\"\n        },\n        \"attribute\": \"highlight-max\",\n        \"reflect\": false\n      },\n      \"min\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Lowest point of the range\"\n        },\n        \"attribute\": \"min\",\n        \"reflect\": true\n      },\n      \"max\": {\n        \"type\": \"number\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"number\",\n          \"resolved\": \"number\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Highest point of the range\"\n        },\n        \"attribute\": \"max\",\n        \"reflect\": true\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/solutions-components/p-9dc0210f.entry.js

@@ -0,0 +1,125 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, h, g as getElement } from './p-58c69df2.js';
+import { c as createObserver } from './p-9a9955db.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
+ * v1.0.0-beta.97
+ */
+const CSS = {
+  frame: "frame",
+  frameAdvancing: "frame--advancing",
+  frameRetreating: "frame--retreating"
+};
+
+const flowCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;align-items:stretch;overflow:hidden;background-color:transparent}:host .frame{position:relative;margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;padding:0px}:host ::slotted(calcite-flow-item),:host ::slotted(calcite-panel){block-size:100%}:host ::slotted(.calcite-match-height:last-child){display:flex;flex:1 1 auto;overflow:hidden}:host .frame--advancing{animation:calcite-frame-advance var(--calcite-animation-timing)}:host .frame--retreating{animation:calcite-frame-retreat var(--calcite-animation-timing)}@keyframes calcite-frame-advance{0%{--tw-bg-opacity:0.5;transform:translate3d(50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}@keyframes calcite-frame-retreat{0%{--tw-bg-opacity:0.5;transform:translate3d(-50px, 0, 0)}100%{--tw-bg-opacity:1;transform:translate3d(0, 0, 0)}}";
+
+const Flow = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.flowDirection = null;
+    this.itemCount = 0;
+    this.items = [];
+    this.itemMutationObserver = createObserver("mutation", () => this.updateFlowProps());
+    this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {
+      const allowRetreatingDirection = oldFlowItemCount > 1;
+      const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;
+      if (!allowAdvancingDirection && !allowRetreatingDirection) {
+        return null;
+      }
+      return newFlowItemCount < oldFlowItemCount ? "retreating" : "advancing";
+    };
+    this.updateFlowProps = () => {
+      const { el, items } = this;
+      const newItems = Array.from(el.querySelectorAll("calcite-flow-item, calcite-panel")).filter((flowItem) => !flowItem.matches("calcite-flow-item calcite-flow-item, calcite-panel calcite-panel"));
+      const oldItemCount = items.length;
+      const newItemCount = newItems.length;
+      const activeItem = newItems[newItemCount - 1];
+      const previousItem = newItems[newItemCount - 2];
+      if (newItemCount && activeItem) {
+        newItems.forEach((itemNode) => {
+          itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;
+          itemNode.hidden = itemNode !== activeItem;
+        });
+      }
+      if (previousItem) {
+        previousItem.menuOpen = false;
+      }
+      this.items = newItems;
+      if (oldItemCount !== newItemCount) {
+        const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);
+        this.itemCount = newItemCount;
+        this.flowDirection = flowDirection;
+      }
+    };
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /**
+   * Removes the currently active `calcite-flow-item` or `calcite-panel`.
+   */
+  async back() {
+    const { items } = this;
+    const lastItem = items[items.length - 1];
+    if (!lastItem) {
+      return;
+    }
+    const beforeBack = lastItem.beforeBack
+      ? lastItem.beforeBack
+      : () => Promise.resolve();
+    return beforeBack.call(lastItem).then(() => {
+      lastItem.remove();
+      return lastItem;
+    });
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    var _a;
+    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+    this.updateFlowProps();
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  handleItemBackClick() {
+    this.back();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const { flowDirection } = this;
+    const frameDirectionClasses = {
+      [CSS.frame]: true,
+      [CSS.frameAdvancing]: flowDirection === "advancing",
+      [CSS.frameRetreating]: flowDirection === "retreating"
+    };
+    return (h("div", { class: frameDirectionClasses }, h("slot", null)));
+  }
+  get el() { return getElement(this); }
+};
+Flow.style = flowCss;
+
+export { Flow as calcite_flow };
+
+//# sourceMappingURL=p-9dc0210f.entry.js.map

package/dist/solutions-components/p-9dc0210f.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-flow.entry.esm.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/flow/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/flow/flow.css?tag=calcite-flow&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/flow/flow.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  frame: \"frame\",\n  frameAdvancing: \"frame--advancing\",\n  frameRetreating: \"frame--retreating\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n:host * {\n  box-sizing: border-box;\n}\n\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  position: relative;\n  display: flex;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  align-items: stretch;\n  overflow: hidden;\n  background-color: transparent;\n}\n:host .frame {\n  position: relative;\n  margin: 0px;\n  display: flex;\n  inline-size: 100%;\n  flex: 1 1 auto;\n  flex-direction: column;\n  align-items: stretch;\n  padding: 0px;\n}\n:host ::slotted(calcite-flow-item), \n:host ::slotted(calcite-panel) {\n  block-size: 100%;\n}\n:host ::slotted(.calcite-match-height:last-child) {\n  display: flex;\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n:host .frame--advancing {\n  animation: calcite-frame-advance var(--calcite-animation-timing);\n}\n:host .frame--retreating {\n  animation: calcite-frame-retreat var(--calcite-animation-timing);\n}\n@keyframes calcite-frame-advance {\n  0% {\n    --tw-bg-opacity: 0.5;\n    transform: translate3d(50px, 0, 0);\n  }\n  100% {\n    --tw-bg-opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes calcite-frame-retreat {\n  0% {\n    --tw-bg-opacity: 0.5;\n    transform: translate3d(-50px, 0, 0);\n  }\n  100% {\n    --tw-bg-opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { CSS } from \"./resources\";\nimport { createObserver } from \"../../utils/observers\";\n/**\n * @slot - A slot for adding `calcite-flow-item` or `calcite-panel`s (deprecated) to the flow.\n */\nexport class Flow {\n  constructor() {\n    this.flowDirection = null;\n    this.itemCount = 0;\n    this.items = [];\n    this.itemMutationObserver = createObserver(\"mutation\", () => this.updateFlowProps());\n    this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {\n      const allowRetreatingDirection = oldFlowItemCount > 1;\n      const allowAdvancingDirection = oldFlowItemCount && newFlowItemCount > 1;\n      if (!allowAdvancingDirection && !allowRetreatingDirection) {\n        return null;\n      }\n      return newFlowItemCount < oldFlowItemCount ? \"retreating\" : \"advancing\";\n    };\n    this.updateFlowProps = () => {\n      const { el, items } = this;\n      const newItems = Array.from(el.querySelectorAll(\"calcite-flow-item, calcite-panel\")).filter((flowItem) => !flowItem.matches(\"calcite-flow-item calcite-flow-item, calcite-panel calcite-panel\"));\n      const oldItemCount = items.length;\n      const newItemCount = newItems.length;\n      const activeItem = newItems[newItemCount - 1];\n      const previousItem = newItems[newItemCount - 2];\n      if (newItemCount && activeItem) {\n        newItems.forEach((itemNode) => {\n          itemNode.showBackButton = itemNode === activeItem && newItemCount > 1;\n          itemNode.hidden = itemNode !== activeItem;\n        });\n      }\n      if (previousItem) {\n        previousItem.menuOpen = false;\n      }\n      this.items = newItems;\n      if (oldItemCount !== newItemCount) {\n        const flowDirection = this.getFlowDirection(oldItemCount, newItemCount);\n        this.itemCount = newItemCount;\n        this.flowDirection = flowDirection;\n      }\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  // --------------------------------------------------------------------------\n  /**\n   * Removes the currently active `calcite-flow-item` or `calcite-panel`.\n   */\n  async back() {\n    const { items } = this;\n    const lastItem = items[items.length - 1];\n    if (!lastItem) {\n      return;\n    }\n    const beforeBack = lastItem.beforeBack\n      ? lastItem.beforeBack\n      : () => Promise.resolve();\n    return beforeBack.call(lastItem).then(() => {\n      lastItem.remove();\n      return lastItem;\n    });\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    var _a;\n    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n    this.updateFlowProps();\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  // --------------------------------------------------------------------------\n  handleItemBackClick() {\n    this.back();\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { flowDirection } = this;\n    const frameDirectionClasses = {\n      [CSS.frame]: true,\n      [CSS.frameAdvancing]: flowDirection === \"advancing\",\n      [CSS.frameRetreating]: flowDirection === \"retreating\"\n    };\n    return (h(\"div\", { class: frameDirectionClasses }, h(\"slot\", null)));\n  }\n  static get is() { return \"calcite-flow\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"flow.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"flow.css\"]\n    };\n  }\n  static get states() {\n    return {\n      \"flowDirection\": {},\n      \"itemCount\": {},\n      \"items\": {}\n    };\n  }\n  static get methods() {\n    return {\n      \"back\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<HTMLCalciteFlowItemElement>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            },\n            \"HTMLCalciteFlowItemElement\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<HTMLCalciteFlowItemElement>\"\n        },\n        \"docs\": {\n          \"text\": \"Removes the currently active `calcite-flow-item` or `calcite-panel`.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get listeners() {\n    return [{\n        \"name\": \"calciteFlowItemBackClick\",\n        \"method\": \"handleItemBackClick\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calcitePanelBackClick\",\n        \"method\": \"handleItemBackClick\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}