@esri/calcite-components 1.0.0-beta.90 → 1.0.0-beta.93

package/dist/collection/components/graph/util.js

@@ -1,131 +1,131 @@
 /*!
  * 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.90
+ * v1.0.0-beta.93
  */
-/**
- * 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
- */
-export 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
- */
-export 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
- */
-export 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`;
-}
+/**
+ * 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
+ */
+export 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
+ */
+export 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
+ */
+export 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`;
+}

package/dist/collection/components/handle/handle.js

@@ -1,160 +1,162 @@
 /*!
  * 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.90
+ * v1.0.0-beta.93
  */
-import { Component, Element, Event, Method, Prop, h } from "@stencil/core";
-import { toAriaBoolean } from "../../utils/dom";
-import { CSS, ICONS } from "./resources";
-export class Handle {
-  constructor() {
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * @internal
-     */
-    this.activated = false;
-    /**
-     * Value for the button title attribute
-     */
-    this.textTitle = "handle";
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.handleKeyDown = (event) => {
-      switch (event.key) {
-        case " ":
-          this.activated = !this.activated;
-          break;
-        case "ArrowUp":
-        case "ArrowDown":
-          if (!this.activated) {
-            return;
-          }
-          const direction = event.key.toLowerCase().replace("arrow", "");
-          this.calciteHandleNudge.emit({ handle: this.el, direction });
-          break;
-      }
-    };
-    this.handleBlur = () => {
-      this.activated = false;
-    };
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.handleButton) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    return (
-    // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
-    h("span", { "aria-pressed": toAriaBoolean(this.activated), class: { [CSS.handle]: true, [CSS.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
-        this.handleButton = el;
-      }, role: "button", tabindex: "0", title: this.textTitle },
-      h("calcite-icon", { icon: ICONS.drag, scale: "s" })));
-  }
-  static get is() { return "calcite-handle"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["handle.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["handle.css"]
-  }; }
-  static get properties() { return {
-    "activated": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "internal",
-            "text": undefined
-          }],
-        "text": ""
-      },
-      "attribute": "activated",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "textTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Value for the button title attribute"
-      },
-      "attribute": "text-title",
-      "reflect": true,
-      "defaultValue": "\"handle\""
-    }
-  }; }
-  static get events() { return [{
-      "method": "calciteHandleNudge",
-      "name": "calciteHandleNudge",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the the handle is activated and the up or down arrow key is pressed.\n\n**Note:**: The `handle` event payload prop is deprecated, please use the event's target/currentTarget instead"
-      },
-      "complexType": {
-        "original": "DeprecatedEventPayload",
-        "resolved": "any",
-        "references": {
-          "DeprecatedEventPayload": {
-            "location": "import",
-            "path": "../interfaces"
-          }
-        }
-      }
-    }]; }
-  static get methods() { return {
-    "setFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Sets focus on the component.",
-        "tags": []
-      }
-    }
-  }; }
-  static get elementRef() { return "el"; }
-}
+import { Component, Element, Event, Method, Prop, h } from "@stencil/core";
+import { toAriaBoolean } from "../../utils/dom";
+import { CSS, ICONS } from "./resources";
+export class Handle {
+  constructor() {
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * @internal
+     */
+    this.activated = false;
+    /**
+     * Value for the button title attribute
+     */
+    this.textTitle = "handle";
+    // --------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    // --------------------------------------------------------------------------
+    this.handleKeyDown = (event) => {
+      switch (event.key) {
+        case " ":
+          this.activated = !this.activated;
+          event.preventDefault();
+          break;
+        case "ArrowUp":
+        case "ArrowDown":
+          if (!this.activated) {
+            return;
+          }
+          event.preventDefault();
+          const direction = event.key.toLowerCase().replace("arrow", "");
+          this.calciteHandleNudge.emit({ handle: this.el, direction });
+          break;
+      }
+    };
+    this.handleBlur = () => {
+      this.activated = false;
+    };
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    (_a = this.handleButton) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    return (
+    // Needs to be a span because of https://github.com/SortableJS/Sortable/issues/1486
+    h("span", { "aria-pressed": toAriaBoolean(this.activated), class: { [CSS.handle]: true, [CSS.handleActivated]: this.activated }, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        this.handleButton = el;
+      }, role: "button", tabindex: "0", title: this.textTitle },
+      h("calcite-icon", { icon: ICONS.drag, scale: "s" })));
+  }
+  static get is() { return "calcite-handle"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["handle.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["handle.css"]
+  }; }
+  static get properties() { return {
+    "activated": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "internal",
+            "text": undefined
+          }],
+        "text": ""
+      },
+      "attribute": "activated",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "textTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Value for the button title attribute"
+      },
+      "attribute": "text-title",
+      "reflect": true,
+      "defaultValue": "\"handle\""
+    }
+  }; }
+  static get events() { return [{
+      "method": "calciteHandleNudge",
+      "name": "calciteHandleNudge",
+      "bubbles": true,
+      "cancelable": false,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Emitted when the handle is activated and the up or down arrow key is pressed.\r\n\r\n**Note:**: The `handle` event payload prop is deprecated, please use the event's target/currentTarget instead"
+      },
+      "complexType": {
+        "original": "DeprecatedEventPayload",
+        "resolved": "any",
+        "references": {
+          "DeprecatedEventPayload": {
+            "location": "import",
+            "path": "../interfaces"
+          }
+        }
+      }
+    }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Sets focus on the component.",
+        "tags": []
+      }
+    }
+  }; }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/handle/resources.js

@@ -1,12 +1,12 @@
 /*!
  * 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.90
+ * v1.0.0-beta.93
  */
-export const CSS = {
-  handle: "handle",
-  handleActivated: "handle--activated"
-};
-export const ICONS = {
-  drag: "drag"
-};
+export const CSS = {
+  handle: "handle",
+  handleActivated: "handle--activated"
+};
+export const ICONS = {
+  drag: "drag"
+};

package/dist/collection/components/icon/assets/icon/changeDetection16.json

@@ -1 +1 @@
-[{"d":"M1 14H0V0h6v1H1zm7-2.727V16H2V2h6v1.727a.974.974 0 0 0-.425.238L7 4.54V3H6v3a1 1 0 0 0-1 1v-.191l-2-1v4.34l2-.533V8a1 1 0 0 0 1 1v5H3v1h4v-4.54l.575.576a.984.984 0 0 0 .425.237zM3 4.691l2 1V3H3zM3 13h2v-2.35l-2 .534zM16 0v16h-6v-5.975l1-1v1.391l4-1.066V7.309l-4-2v.667l-1-1V0zm-1 10.384l-4 1.066V15h4zM15 1h-4v3.191l4 2zM6 8h3.353l-1.7 1.7.63.63L11.11 7.5 8.282 4.672l-.629.629L9.353 7H6z"},{"opacity":".5","d":"M11 1h4v5.191l-4-2z"},{"opacity":".25","d":"M6 9h1v6H3v-1h3zm9 1.384l-4 1.066V15h4zM3 4.69l2 1V3H3zM5 13v-2.35l-2 .534V13z"},{"opacity":".75","d":"M3 10.15V5.808l2 1v2.807z"}]
+[{"opacity":".5","d":"M15 1h-4v3.191l4 2V1z"},{"opacity":".2","d":"M11 11.45V15h4v-4.616zM6 9v5H3v1h4v-5a1 1 0 0 1-1-1zM5 3H3v1.691l2 1zM3 13h2v-2.35l-2 .534z"},{"opacity":".75","d":"M3 5.809v4.34l2-.533V6.809l-2-1z"},{"d":"M5 1H1v13H0V0h6v1zm11-1v16h-6v-4.55a1 1 0 0 0 .69-.275l.987-.94L15 9.35V7.309l-4-2v.812l-.31-.296A1 1 0 0 0 10 5.55V0zm-1 10.384l-4 1.066V15h4zM15 1h-4v3.191l4 2zm-8 9h1v6H2V2h6v5H7V3H6v11H3v1h4zM3 4.691l2 1V3H3zm0 5.458l2-.533V6.81l-2-1zM3 13h2v-2.35l-2 .534zm4-4h3v1.45l2.05-1.95L10 6.55V8H7z"}]

package/dist/collection/components/icon/assets/icon/changeDetection24.json

@@ -1 +1 @@
-[{"opacity":".2","d":"M23 23h-8v-6.807l.024.006h.01a6.316 6.316 0 0 0 2.946-.76 6.344 6.344 0 0 0 .771-.55c.133-.106.267-.212.408-.307a3.2 3.2 0 0 1 .626-.294 5.928 5.928 0 0 0 .559-.239c.434-.246.883-.477 1.32-.679a8.22 8.22 0 0 1 1.22-.394l.116-.03zm-13-2H3v2h8V13h-1zM3 6.334c.25.105.491.216.737.324.768.338 1.52.683 2.244 1.024l1.186.553c.58.268 1.194.576 1.833.906V3H3zM3 20h6v-6.27a8.308 8.308 0 0 0-.948.34c-.612.283-1.236.604-1.84.947a8.357 8.357 0 0 1-.73.31 4.582 4.582 0 0 0-.917.432c-.21.143-.41.301-.608.458a8.538 8.538 0 0 1-.957.685z"},{"opacity":".5","d":"M15 1h8v9.87c-.135-.097-.269-.194-.406-.276a38.984 38.984 0 0 0-3.751-1.99l-.89-.415a54.35 54.35 0 0 0-2.312-1.042l-.376-.153A.706.706 0 0 0 15 6.942z"},{"d":"M10 0v1H1v20H0V0zm2 16.089V24H2V2h10v4.823l-.776.68a.988.988 0 0 0-.224.353V3h-1v7H9l-.35-.244a43.266 43.266 0 0 0-1.777-.885C5.591 8.28 4.305 7.66 3 7.1v8.949c.395-.283.768-.595 1.175-.87a12.48 12.48 0 0 1 1.691-.77q.94-.534 1.905-.979C8.19 13.245 9 13 9 13h1v8H3v2h8v-7.945a.988.988 0 0 0 .224.354zM3 6.334c1.035.436 2.026.898 2.981 1.348l1.186.553c.58.268 1.194.576 1.833.906V3H3zM3 20h6v-6.27a8.308 8.308 0 0 0-.948.34c-.612.283-1.236.604-1.84.947a8.357 8.357 0 0 1-.73.31 4.582 4.582 0 0 0-.917.432c-.21.143-.41.301-.608.458a8.538 8.538 0 0 1-.957.685zM24 0v24H14v-8.238l1-1v.528a5.369 5.369 0 0 0 2.526-.64 5.233 5.233 0 0 0 .634-.454c.163-.129.322-.255.491-.37a3.922 3.922 0 0 1 .806-.386c.15-.057.302-.115.45-.187.449-.256.915-.495 1.387-.714a9.01 9.01 0 0 1 1.36-.442l.294-.08.052.008v-.09a.393.393 0 0 1-.123-.044 7.456 7.456 0 0 0-.753-.518A37.66 37.66 0 0 0 18.46 9.43l-.863-.404c-.762-.358-1.51-.71-2.267-1.024L15 7.868v.282l-1-1V0zm-1 10.87V1h-8v5.942a.706.706 0 0 1 .265.052l.376.153c.807.335 1.572.694 2.311 1.042l.89.415a38.984 38.984 0 0 1 3.752 1.99c.137.082.271.18.406.276zM23 23V12.945l-.115.031a8.22 8.22 0 0 0-1.222.394 18.17 18.17 0 0 0-1.32.68 5.928 5.928 0 0 1-.558.238 3.2 3.2 0 0 0-.626.294c-.14.095-.275.2-.408.306a6.344 6.344 0 0 1-.77.55 6.316 6.316 0 0 1-2.946.761h-.01c-.005 0-.018-.005-.025-.006V23zM12.938 7.846l-.707.707L14.877 11H8v1h6.877l-2.646 2.446.707.707 3.854-3.653z"},{"opacity":".75","d":"M8 10h1l-.35-.244a43.266 43.266 0 0 0-1.777-.885C5.591 8.28 4.305 7.66 3 7.1v8.949c.395-.283.768-.595 1.175-.87a12.48 12.48 0 0 1 1.691-.77q.94-.534 1.905-.979a6.74 6.74 0 0 1 .416-.16c.224-.084.447-.16.669-.224L9 13H8a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z"}]
+[{"opacity":".5","d":"M15.64 7.147c.808.335 1.573.694 2.312 1.042l.89.416A39.003 39.003 0 0 1 22 10.258V2h-7v4.942a.706.706 0 0 1 .265.052z"},{"opacity":".2","d":"M22 13.247V22h-7v-5.807l.024.006h.01a6.316 6.316 0 0 0 2.946-.76 6.344 6.344 0 0 0 .771-.55c.133-.106.267-.212.408-.307a3.2 3.2 0 0 1 .626-.294 5.928 5.928 0 0 0 .559-.239c.434-.246.883-.477 1.32-.679.112-.05.224-.083.336-.123zM7.167 8.235c.58.268 1.194.576 1.833.906V4H4v2.774a412.89 412.89 0 0 1 3.167 1.461zM10 20v1H4v1h7v-9h-1zm-1-6.27a8.308 8.308 0 0 0-.948.34c-.612.283-1.236.604-1.84.947a8.357 8.357 0 0 1-.73.31 4.582 4.582 0 0 0-.917.432c-.196.133-.38.28-.565.426V20h5z"},{"opacity":".75","d":"M6.873 8.871C5.921 8.431 4.963 7.983 4 7.55v7.759c.06-.043.114-.089.175-.13a12.48 12.48 0 0 1 1.691-.77q.94-.534 1.905-.979A9.43 9.43 0 0 1 9 13V9.93a46.922 46.922 0 0 0-2.127-1.06z"},{"d":"M10 2H2v19H1V1h9zm4-1h9v22h-9v-7.772a3.116 3.116 0 0 0 1 .062 5.415 5.415 0 0 0 2.526-.64 5.233 5.233 0 0 0 .634-.454c.163-.129.322-.255.491-.37a3.922 3.922 0 0 1 .806-.386c.15-.057.302-.115.45-.187.449-.256.915-.495 1.387-.714A6.573 6.573 0 0 1 22 12.28v-.977a37.655 37.655 0 0 0-3.54-1.873l-.863-.404c-.762-.358-1.51-.71-2.267-1.024a3.103 3.103 0 0 0-.33-.134 3.33 3.33 0 0 0-.553-.15 1.565 1.565 0 0 0-.447.054zm8 12.247c-.112.04-.224.074-.337.123a18.17 18.17 0 0 0-1.32.68 5.928 5.928 0 0 1-.558.238 3.2 3.2 0 0 0-.626.294c-.14.095-.275.2-.408.306a6.344 6.344 0 0 1-.77.55 6.316 6.316 0 0 1-2.946.761h-.01L15 16.193V22h7zm-7-6.305a.706.706 0 0 1 .265.052l.376.153c.807.335 1.572.694 2.311 1.042l.89.415A39.003 39.003 0 0 1 22 10.258V2h-7zM11 13h1v10H3V3h9v7h-1V4h-1v6a1 1 0 0 0-.999.999l-.001 1v-2.07a46.922 46.922 0 0 0-2.127-1.058C5.921 8.431 4.963 7.983 4 7.55v7.759c.06-.043.114-.089.175-.13a12.48 12.48 0 0 1 1.691-.77q.94-.534 1.905-.979A9.43 9.43 0 0 1 9 13v-1.001A1.001 1.001 0 0 0 10 13v8H4v1h7zM4 6.774c.676.301 3.167 1.461 3.167 1.461.58.268 1.194.576 1.833.906V4H4zM4 20h5v-6.27a8.308 8.308 0 0 0-.948.34c-.612.283-1.236.604-1.84.947a8.357 8.357 0 0 1-.73.31 4.582 4.582 0 0 0-.917.432c-.196.133-.38.28-.565.426zm10.283-5.717l2.783-2.783-2.783-2.783-.565.566L15.435 11H10v1h5.435l-1.717 1.717z"}]