npm - @esri/calcite-components - Versions diffs - 1.0.0-next.290 → 1.0.0-next.294 - Mend

@esri/calcite-components 1.0.0-next.290 → 1.0.0-next.294

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (866) hide show

package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.css CHANGED Viewed

@@ -164,8 +164,7 @@
   transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;
 }
-:host(:focus),
-.container--link a:focus {
+:host(:focus) {
   outline: 2px solid var(--calcite-ui-brand);
   outline-offset: -2px;
 }
@@ -189,26 +188,32 @@
 }
 .container--s .dropdown-link {
-  padding-left: 0.75rem;
+  font-size: var(--calcite-font-size--2);
+  line-height: 1rem;
+  padding-right: 0.5rem;
+  padding-left: 1.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.container--m .dropdown-link {
+  font-size: var(--calcite-font-size--1);
+  line-height: 1rem;
   padding-right: 0.75rem;
+  padding-left: 2rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
-.container--m .dropdown-link {
-  padding-left: 1rem;
+.container--l .dropdown-link {
+  font-size: var(--calcite-font-size-0);
+  line-height: 1.25rem;
   padding-right: 1rem;
+  padding-left: 2.5rem;
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }
-.container--l .dropdown-link {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-}
 :host(:hover) .container,
 :host(:active) .container {
   background-color: var(--calcite-ui-foreground-2);
@@ -216,6 +221,11 @@
   text-decoration: none;
 }
+:host(:hover) .container--link .dropdown-link,
+:host(:active) .container--link .dropdown-link {
+  color: var(--calcite-ui-text-1);
+}
 :host(:focus) .container {
   color: var(--calcite-ui-text-1);
   text-decoration: none;
@@ -236,32 +246,28 @@
   right: 1rem;
 }
-:host([active]) .container:not(.container--none-selection) {
+.calcite--rtl .dropdown-link {
+  padding-right: 0;
+  padding-left: 0;
+}
+:host([active]) .container:not(.container--none-selection),
+:host([active]) .container--link .dropdown-link {
   color: var(--calcite-ui-text-1);
   font-weight: var(--calcite-font-weight-medium);
 }
-:host([active]) .container:not(.container--none-selection):before {
+:host([active]) .container:not(.container--none-selection):before,
+:host([active]) .container--link .dropdown-link:before {
   opacity: 1;
   color: var(--calcite-ui-brand);
 }
-:host([active]) .container:not(.container--none-selection) calcite-icon {
+:host([active]) .container:not(.container--none-selection) calcite-icon,
+:host([active]) .container--link .dropdown-link calcite-icon {
   color: var(--calcite-ui-brand);
 }
-.container--s.container--none-selection {
-  padding-left: 0.25rem;
-}
-.container--m.container--none-selection {
-  padding-left: 0.5rem;
-}
-.container--l.container--none-selection {
-  padding-left: 0.75rem;
-}
 .container--multi-selection:before,
 .container--none-selection:before {
   display: none;

package/dist/collection/components/calcite-dropdown-item/calcite-dropdown-item.js CHANGED Viewed

@@ -314,8 +314,8 @@ export class CalciteDropdownItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -332,8 +332,8 @@ export class CalciteDropdownItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -355,8 +355,8 @@ export class CalciteDropdownItem {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },

package/dist/collection/components/calcite-fab/calcite-fab.js CHANGED Viewed

@@ -152,8 +152,8 @@ export class CalciteFab {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "\"plus\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"plus\""
           }],
         "text": "The name of the icon to display. The value of this property must match the icon name from https://esri.github.io/calcite-ui-icons/."
       },

package/dist/collection/components/calcite-filter/calcite-filter.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
-import { Component, Element, Event, Prop, State, h, Method, Fragment } from "@stencil/core";
+import { Component, Element, Event, Prop, h, Method, Fragment, Watch } from "@stencil/core";
 import { debounce, forIn } from "lodash-es";
 import { CSS, ICONS, TEXT } from "./resources";
 import { CSS_UTILITY } from "../../utils/resources";
@@ -14,7 +14,6 @@ export class CalciteFilter {
      * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
      */
     this.disabled = false;
-    this.empty = true;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -52,8 +51,7 @@ export class CalciteFilter {
     }, filterDebounceInMs);
     this.inputHandler = (event) => {
       const target = event.target;
-      this.empty = target.value === "";
-      this.filter(target.value);
+      this.value = target.value;
     };
     this.keyDownHandler = ({ key }) => {
       if (key === "Escape") {
@@ -61,12 +59,14 @@ export class CalciteFilter {
       }
     };
     this.clear = () => {
-      this.textInput.value = "";
-      this.empty = true;
+      this.value = "";
       this.calciteFilterChange.emit(this.data);
       this.setFocus();
     };
   }
+  valueHandler(value) {
+    this.filter(value);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -90,8 +90,8 @@ export class CalciteFilter {
         h("label", { class: rtl ? CSS_UTILITY.rtl : null },
           h("calcite-input", { "aria-label": this.intlLabel || TEXT.filterLabel, class: rtl ? CSS_UTILITY.rtl : null, disabled: this.disabled, icon: ICONS.search, onCalciteInputInput: this.inputHandler, onKeyDown: this.keyDownHandler, placeholder: this.placeholder, ref: (el) => {
               this.textInput = el;
-            }, type: "text", value: "" })),
-        !this.empty ? (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, onClick: this.clear },
+            }, type: "text", value: this.value })),
+        this.value ? (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, onClick: this.clear },
           h("calcite-icon", { icon: ICONS.close }))) : null)));
   }
   static get is() { return "calcite-filter"; }
@@ -186,11 +186,25 @@ export class CalciteFilter {
       },
       "attribute": "placeholder",
       "reflect": false
+    },
+    "value": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Filter value."
+      },
+      "attribute": "value",
+      "reflect": false
     }
   }; }
-  static get states() { return {
-    "empty": {}
-  }; }
   static get events() { return [{
       "method": "calciteFilterChange",
       "name": "calciteFilterChange",
@@ -226,4 +240,8 @@ export class CalciteFilter {
     }
   }; }
   static get elementRef() { return "el"; }
+  static get watchers() { return [{
+      "propName": "value",
+      "methodName": "valueHandler"
+    }]; }
 }

package/dist/collection/components/calcite-graph/calcite-graph.js CHANGED Viewed

@@ -34,17 +34,25 @@ export class CalciteGraph {
   //
   //--------------------------------------------------------------------------
   render() {
-    const { data, colorStops, width, height, highlightMax, highlightMin } = this;
+    const { data, colorStops, width, height, highlightMax, highlightMin, min, max } = this;
     const id = this.graphId;
     // 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, max } = range(data);
-    const t = translate({ min, max, width, height });
-    const [hMinX] = t([highlightMin, max[1]]);
-    const [hMaxX] = t([highlightMax, max[1]]);
-    const areaPath = area({ data, min, max, t });
+    const { min: rangeMin, max: rangeMax } = range(data);
+    let currentMin = rangeMin;
+    let currentMax = rangeMax;
+    if (min < rangeMin[0]) {
+      currentMin = [min, 0];
+    }
+    if (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,
@@ -198,6 +206,40 @@ export class CalciteGraph {
       },
       "attribute": "highlight-max",
       "reflect": false
+    },
+    "min": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Lowest point of the range"
+      },
+      "attribute": "min",
+      "reflect": false
+    },
+    "max": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Highest point of the range"
+      },
+      "attribute": "max",
+      "reflect": false
     }
   }; }
   static get elementRef() { return "el"; }

package/dist/collection/components/calcite-graph/util.js CHANGED Viewed

@@ -49,7 +49,7 @@ 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] / rangeX) * width;
+    const x = ((point[0] - min[0]) / rangeX) * width;
     const y = height - (point[1] / rangeY) * height;
     return [x, y];
   };

package/dist/collection/components/calcite-handle/calcite-handle.js CHANGED Viewed

@@ -86,8 +86,8 @@ export class CalciteHandle {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "- stores the activated state of the drag handle.",
-            "name": "internal"
+            "name": "internal",
+            "text": "- stores the activated state of the drag handle."
           }],
         "text": ""
       },

package/dist/collection/components/calcite-icon/assets/calcite-icon/penMark16.json ADDED Viewed

@@ -0,0 +1 @@

+ "M11 5.7v1.6l-2 2 .7.7L12 7.8v-3l.9-.9c.4-.4.4-1.1 0-1.6l.5-.5L12.3.7l-.5.5c-.4-.4-1.2-.4-1.6 0-8.2 8-8.1 9.4-8.1 10.2v.5h.6c.8 0 2.3-.3 8.3-6.2zm0-4L12.3 3c-2.2 2.3-4 4-5.3 5.1L5.9 7C7.1 5.7 8.8 3.9 11 1.7zM5.3 7.8l1 1c-.9.9-2 1.6-3.1 2.1.5-1.2 1.2-2.2 2.1-3.1zM16 15.3c-1.5.5-3 .7-4.5.6-2.2 0-3.5-.4-3.9-1.1-.1-.2-.1-.4 0-.6.1-.2.3-.3.6-.3 2.6 0 2.8-.3 2.8-.6-.1-.1-.5-.3-1.5-.3-1.2 0-2.3.4-3.3 1s-2.1.9-3.2 1c-1.7 0-2-.8-2-1.5 0-.4.2-.9.5-1.2l.7.7c-.1.2-.2.3-.2.5s0 .5 1 .5c1-.1 1.9-.4 2.8-.9 1.1-.7 2.4-1.1 3.7-1.1 1.6 0 2.5.5 2.5 1.3 0 1.1-.8 1.4-2 1.5.5.1 1 .1 1.5.1 1.4.1 2.8-.1 4.1-.5l.4.9z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/penMark24.json ADDED Viewed

@@ -0,0 +1 @@

+ "M3.2 19h1.1c1.6-.2 4-1.2 14.7-12.2v2.6l-4.4 4.3.7.7L20 9.8v-4l.7-.8c.4-.4.4-1 0-1.4l-.1-.1.4-.4-1.6-1.6-.4.4-.1-.1c-.2-.2-.5-.3-.7-.3-.3 0-.5.1-.7.3l-2.8 2.8C10 9.4 4.1 15.3 3.4 17.2c-.1.4-.2.7-.2 1.1v.7zm15-16.5L20 4.3c-3.4 3.5-6 6.1-8 8l-1.7-1.7c1.7-1.8 7.1-7.3 7.9-8.1zM4.3 17.6c.4-1 2.6-3.5 5.3-6.3l1.7 1.7c-4.6 4.3-6.1 4.9-7 5h-.1c0-.2.1-.3.1-.4zm18.3 5.3c-1.9.8-4 1.1-6.1 1-3.4 0-4.8-.9-5.4-1.4-.3-.2-.3-.7 0-.9.1-.1.3-.2.5-.2 3.3 0 4.5-.7 4.5-1.4 0-.5-1.2-1-2.6-1-1.6.1-3.1.7-4.2 1.9C8 22.2 6.3 23 4.5 23c-.7 0-1.4 0-2.1-.2-.8-.2-1.4-1-1.3-1.9 0-.9.8-1.5 1.2-1.7l.7.7-.1.1c-.6.4-.9.7-.9.9 0 .4.2.8.7.9.5.2 1.1.2 1.7.2 1.6-.1 3.1-.7 4.2-1.9 1.3-1.3 3-2.1 4.8-2.1 1.6 0 3.6.5 3.6 2 0 .8-.6 2.1-4.3 2.4 1.2.4 2.5.6 3.8.6 2 .1 3.9-.2 5.8-.9l.3.8z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/penMark32.json ADDED Viewed

@@ -0,0 +1 @@

+ "M4.005 24H4.5C6.43 24 9.411 22.712 24 7.75v3.543l-5.354 5.354.707.707L25 11.707V6.721c.262-.27.519-.534.788-.813a1.2 1.2 0 0 0-.017-1.675l-.14-.14.594-.594-1.724-1.724-.585.585-.13-.132a1.202 1.202 0 0 0-1.677-.02c-18.15 17.49-18.1 19.874-18.084 21.297zM22.803 2.928a.19.19 0 0 1 .133-.053.199.199 0 0 1 .14.058l1.986 2.006a.196.196 0 0 1 .007.274c-5.359 5.546-9.258 9.375-12.135 12.014l-2.15-2.15c2.631-2.877 6.452-6.784 12.02-12.15zm-12.691 12.89l2.081 2.082c-4.258 3.836-6.07 4.83-7.153 5.046.165-.876 1.003-2.597 5.072-7.127zM31.15 29.872C29.26 30.631 26.43 31 22.5 31c-3.957 0-6.087-1.085-7.005-1.732a.7.7 0 0 1 .392-1.272C19.83 27.933 22 27.046 22 25.5c0-.827-1.64-1.5-3.654-1.5-2.742 0-4.728 1.3-6.65 2.557C9.862 27.758 7.965 29 5.5 29c-2.274 0-3.452-.836-3.5-2.485a2.563 2.563 0 0 1 .931-2.01l.592.807A1.543 1.543 0 0 0 3 26.5c.031 1.061.755 1.5 2.5 1.5 2.166 0 3.858-1.107 5.65-2.28 2.043-1.337 4.157-2.72 7.196-2.72 2.241 0 4.654.782 4.654 2.5 0 1.446-1.083 3.17-6.052 3.458A12.786 12.786 0 0 0 22.5 30c3.747 0 6.532-.355 8.277-1.057z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/penMarkPlus16.json ADDED Viewed

@@ -0,0 +1 @@

+ "M16 10v1h-2v2h-1v-2h-2v-1h2V8h1v2h2zm-5.5 4.9c-.5 0-1 0-1.5-.1 1.2-.1 2-.4 2-1.5 0-.8-.9-1.3-2.5-1.3-1.3 0-2.6.4-3.7 1.1-.9.5-1.8.8-2.8.9-1 0-.9-.3-.9-.5s.1-.3.2-.4l-.7-.7c-.3.3-.5.7-.5 1.2C.1 14.2.3 15 2 15c1.1-.1 2.3-.4 3.2-1 1-.6 2.1-1 3.3-1 1 0 1.4.2 1.5.3 0 .3-.2.6-2.8.6-.2 0-.4.1-.6.3-.1.2-.1.4 0 .6.4.7 1.7 1.1 3.9 1.1 1.5.1 3-.1 4.5-.6l-.4-.9c-1.3.4-2.7.6-4.1.5zm-8.8-3h-.6v-.5c0-.8 0-2.2 8.1-10.3.4-.4 1.1-.4 1.6 0l.5-.5 1.1 1.1-.5.5c.4.4.4 1.1 0 1.6l-.9.9v3L8.7 10 8 9.3l2-2V5.7c-6 5.9-7.5 6.2-8.3 6.2zM4.9 7L6 8.1C7.3 7 9.1 5.3 11.3 3L10 1.7C7.8 3.8 6.1 5.7 4.9 7zm-2.7 3.9c1.1-.5 2.2-1.2 3.1-2.1l-1-1c-.9.9-1.6 1.9-2.1 3.1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/penMarkPlus24.json ADDED Viewed

@@ -0,0 +1 @@

+ "M23 16v1h-3v3h-1v-3h-3v-1h3v-3h1v3h3zM2.2 18.4c0-.4 0-.8.2-1.1.7-2 6.6-7.9 11.3-12.7l2.8-2.8c.2-.2.4-.3.7-.3.3 0 .5.1.7.3l.1.1.4-.4L20 3.1l-.4.4.1.1c.4.4.4 1 0 1.4l-.7.7v4l-4.6 4.6-.7-.7L18 9.3V6.7C7.3 17.8 4.9 18.8 3.3 19H2.2v-.6zm7.1-7.8l1.7 1.7c2-1.9 4.6-4.5 8-8l-1.8-1.8-2.8 2.8c-1.7 1.8-3.4 3.5-5.1 5.3zM3.2 18c1-.1 2.4-.7 7.1-5l-1.7-1.7c-2.6 2.8-4.9 5.3-5.3 6.3 0 .1-.1.2-.1.4zm18.1 3.9c-1.8.7-3 1.1-5.8 1.1-1.3 0-2.6-.2-3.8-.7 3.7-.3 4.3-1.6 4.3-2.4 0-1.4-1.9-2-3.6-2-1.8.1-3.6.8-4.8 2.1-1.1 1.3-2.6 1.9-4.2 2-.6 0-1 0-1.6-.2-.4-.1-.7-.5-.7-.9 0-.2.3-.5.8-.9.1 0 .1-.1.1-.1l-.7-.7c-.3.2-1.1.9-1.1 1.7 0 .9.5 1.6 1.3 1.9.6.2 1.2.2 1.8.2 1.8 0 3.6-.8 4.9-2.1 1.1-1.1 2.6-1.8 4.2-1.9 1.4 0 2.6.4 2.6 1 0 .7-1.2 1.4-4.5 1.4-.4 0-.6.3-.6.7 0 .2.1.3.2.5.6.5 2 1.3 5.4 1.3 2.1.1 4.2-.2 6.1-1l-.3-1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/penMarkPlus32.json ADDED Viewed

@@ -0,0 +1 @@

+ "M31 21v.999h-4V26h-1v-4.001h-4V21h4v-4h1v4zM3.006 24l.019-.495c-.016-1.423-.066-3.806 18.084-21.297a1.202 1.202 0 0 1 1.676.02l.13.132.586-.585 1.725 1.724-.594.593.14.14a1.201 1.201 0 0 1 .016 1.676L24 6.721v4.986l-5.646 5.646-.707-.707L23 11.293V7.75C8.412 22.712 5.43 24 3.5 24zm6.778-8.923l2.15 2.15c2.877-2.639 6.776-6.468 12.135-12.014a.197.197 0 0 0-.007-.275l-1.986-2.005a.196.196 0 0 0-.14-.058.192.192 0 0 0-.133.053c-5.567 5.365-9.388 9.272-12.019 12.15zm-5.744 7.87c1.083-.217 2.896-1.21 7.153-5.047l-2.081-2.08c-4.07 4.53-4.907 6.25-5.072 7.127zM21.5 30a12.783 12.783 0 0 1-5.552-1.042C20.918 28.671 22 26.946 22 25.5c0-1.718-2.413-2.5-4.654-2.5-3.04 0-5.153 1.383-7.197 2.72C8.36 26.893 6.666 28 4.5 28c-1.744 0-2.469-.439-2.5-1.5a1.545 1.545 0 0 1 .522-1.188l-.591-.807A2.562 2.562 0 0 0 1 26.515C1.049 28.164 2.226 29 4.5 29c2.464 0 4.362-1.242 6.197-2.443C12.618 25.3 14.604 24 17.346 24 19.36 24 21 24.673 21 25.5c0 1.546-2.17 2.433-6.113 2.496a.7.7 0 0 0-.392 1.272C15.413 29.915 17.543 31 21.5 31c3.93 0 6.76-.37 8.65-1.129l-.374-.928C28.032 29.645 25.248 30 21.5 30z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/subscript16.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ "M4.594 3L.407 13h1.085l1.255-3h4.505l1.256 3h1.084L5.406 3zM3.166 9L5 4.62 6.834 9zm8.974 6H15v1h-4v-1.447c2.017-1.372 3-2.005 3-2.536 0-1.436-2-1.212-2-.22h-1c0-2.315 4-2.55 4 .22 0 1.31-2.675 2.854-2.86 2.983z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/subscript24.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ "M7.54 4L.849 19h1.09l2.24-5h7.645l2.239 5h1.09L8.459 4zm-2.915 9L8 5.464 11.375 13zM23 22v1h-5.975v-1.49c4.736-4.126 4.93-4.138 4.93-5.01 0-1.962-3.614-1.869-3.985-.39l-.97-.243c.662-2.633 5.954-2.525 5.954.633 0 1.308-.423 1.58-4.93 5.5z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/subscript32.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ "M10.612 6L2.326 26h1.106l2.463-6h10.21l2.463 6h1.106L11.388 6zM6.305 19L11 7.561 15.695 19zM24 29h6v1h-7v-1.487c5.204-5.272 6-5.695 6-7.313 0-3.01-4.916-2.718-4.916-.327h-1c0-3.76 6.916-3.99 6.916.327 0 2.153-1.278 2.936-6 7.726z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/superscript16.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ "M5.594 3L1.407 13h1.085l1.256-3h4.505l1.255 3h1.085L6.406 3zM4.166 9L6 4.62 7.834 9zm6.974-4H14v1h-4V4.553c2.017-1.372 3-2.005 3-2.536 0-1.436-2-1.212-2-.22h-1c0-2.315 4-2.55 4 .22 0 1.31-2.675 2.854-2.86 2.983z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/superscript24.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ "M15.062 19h1.09L9.459 4h-.918L1.848 19h1.09l2.24-5h7.645zm-9.437-6L9 5.464 12.375 13zM21.9 10h-5.875V8.51c4.736-4.126 4.93-4.138 4.93-5.01 0-1.962-3.614-1.869-3.985-.39L16 2.868c.662-2.633 5.954-2.525 5.954.633 0 1.308-.423 1.58-4.93 5.5H21.9z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/superscript32.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ "M22 13h6v1h-7v-1.487c5.204-5.272 6-5.695 6-7.313 0-3.01-4.916-2.718-4.916-.327h-1c0-3.76 6.916-3.99 6.916.327 0 2.153-1.278 2.936-6 7.726zm-9.612-7l8.286 20h-1.106l-2.463-6H6.895l-2.463 6H3.326l8.286-20zm4.307 13L12 7.561 7.305 19z"

package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js CHANGED Viewed

@@ -5,7 +5,7 @@
 import { Component, Element, Event, h, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";
 import { TEXT, CSS } from "./resources";
-import { connectLabel, disconnectLabel } from "../../utils/label";
+import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 /**
  * @slot - A slot for adding a `calcite-input`.
  */
@@ -36,9 +36,6 @@ export class CalciteInlineEditable {
      * @default "Save"
      */
     this.intlConfirmChanges = TEXT.intlConfirmChanges;
-    this.onLabelClick = () => {
-      this.setFocus();
-    };
     this.editingCancelTransitionProp = "border-top-color";
     //--------------------------------------------------------------------------
     //
@@ -120,6 +117,7 @@ export class CalciteInlineEditable {
   componentWillLoad() {
     this.inputElement = this.el.querySelector("calcite-input");
     this.inputElement.disabled = this.disabled;
+    this.inputElement.label = this.inputElement.label || getLabelText(this);
     this.scale =
       this.scale || this.inputElement.scale || getElementProp(this.el, "scale", undefined);
   }
@@ -157,6 +155,9 @@ export class CalciteInlineEditable {
       this.disableEditing();
     }
   }
+  onLabelClick() {
+    this.setFocus();
+  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -267,8 +268,8 @@ export class CalciteInlineEditable {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Click to edit\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Click to edit\""
           }],
         "text": "specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`"
       },
@@ -288,8 +289,8 @@ export class CalciteInlineEditable {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Cancel\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Cancel\""
           }],
         "text": "specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`"
       },
@@ -309,8 +310,8 @@ export class CalciteInlineEditable {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "\"Save\"",
-            "name": "default"
+            "name": "default",
+            "text": "\"Save\""
           }],
         "text": "specify text to be user for the confirm changes button's aria-label, defaults to `Save`"
       },
@@ -368,8 +369,8 @@ export class CalciteInlineEditable {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -386,8 +387,8 @@ export class CalciteInlineEditable {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },
@@ -404,8 +405,8 @@ export class CalciteInlineEditable {
       "composed": true,
       "docs": {
         "tags": [{
-            "text": undefined,
-            "name": "internal"
+            "name": "internal",
+            "text": undefined
           }],
         "text": ""
       },