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

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

@@ -14,6 +14,12 @@ export class CalciteFilter {
      * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
      */
     this.disabled = false;
+    /**
+     * The resulting items after filtering.
+     *
+     * @readonly
+     */
+    this.filteredItems = [];
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -21,10 +27,8 @@ export class CalciteFilter {
     // --------------------------------------------------------------------------
     this.filter = debounce((value) => {
       const regex = new RegExp(value, "i");
-      if (this.data.length === 0) {
-        console.warn(`No data was passed to calcite-filter.
-      The data property expects an array of objects`);
-        this.calciteFilterChange.emit([]);
+      if (this.items.length === 0) {
+        this.updateFiltered([]);
         return;
       }
       const find = (input, RE) => {
@@ -44,10 +48,10 @@ export class CalciteFilter {
         });
         return found;
       };
-      const result = this.data.filter((item) => {
+      const result = this.items.filter((item) => {
         return find(item, regex);
       });
-      this.calciteFilterChange.emit(result);
+      this.updateFiltered(result);
     }, filterDebounceInMs);
     this.inputHandler = (event) => {
       const target = event.target;
@@ -60,13 +64,28 @@ export class CalciteFilter {
     };
     this.clear = () => {
       this.value = "";
-      this.calciteFilterChange.emit(this.data);
       this.setFocus();
     };
   }
+  watchDataHandler(value) {
+    this.items = value;
+  }
+  watchItemsHandler() {
+    this.filter(this.value);
+  }
   valueHandler(value) {
     this.filter(value);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    if (this.data && !this.items) {
+      this.items = this.data;
+    }
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -76,6 +95,11 @@ export class CalciteFilter {
   async setFocus() {
     focusElement(this.textInput);
   }
+  updateFiltered(filtered) {
+    this.filteredItems.length = 0;
+    this.filteredItems = this.filteredItems.concat(filtered);
+    this.calciteFilterChange.emit(filtered);
+  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods
@@ -114,10 +138,28 @@ export class CalciteFilter {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "name": "deprecated",
+            "text": "use `items` instead."
+          }],
         "text": "The input data. The filter uses this as the starting point, and returns items\nthat contain the string entered in the input, using a partial match and recursive search."
       }
     },
+    "items": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "object[]",
+        "resolved": "object[]",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The items to filter through. The filter uses this as the starting point, and returns items\nthat contain the string entered in the input, using a partial match and recursive search.\n\nThis property is required."
+      }
+    },
     "disabled": {
       "type": "boolean",
       "mutable": false,
@@ -136,6 +178,29 @@ export class CalciteFilter {
       "reflect": true,
       "defaultValue": "false"
     },
+    "filteredItems": {
+      "type": "unknown",
+      "mutable": true,
+      "complexType": {
+        "original": "CalciteFilter[\"items\"]",
+        "resolved": "object[]",
+        "references": {
+          "CalciteFilter": {
+            "location": "global"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "readonly",
+            "text": undefined
+          }],
+        "text": "The resulting items after filtering."
+      },
+      "defaultValue": "[]"
+    },
     "intlClear": {
       "type": "string",
       "mutable": false,
@@ -241,6 +306,12 @@ export class CalciteFilter {
   }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
+      "propName": "data",
+      "methodName": "watchDataHandler"
+    }, {
+      "propName": "items",
+      "methodName": "watchItemsHandler"
+    }, {
       "propName": "value",
       "methodName": "valueHandler"
     }]; }

package/dist/collection/components/calcite-icon/assets/calcite-icon/checkExtent16.json

@@ -0,0 +1 @@
+"M15 6h-1V2h-4V1h5zm-9 8H2v-4H1v5h5zm9-4h-1v4h-4v1h5zM2 2h4V1H1v5h1zm10.354 3.354l-.707-.707L6.5 9.793 4.354 7.646l-.707.707L6.5 11.207z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/checkExtent24.json

@@ -0,0 +1 @@
+"M21 21v-5h1v6h-6v-1zM3 21v-5H2v6h6v-1zM8 3V2H2v6h1V3zm13 0v5h1V2h-6v1zm-2.646 5.354l-.707-.707-7.147 7.146-3.146-3.147-.707.707 3.853 3.854z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/checkExtent32.json

@@ -0,0 +1 @@
+"M3 10V3h7v1H4v6zm26 0V3h-7v1h6v6zM10 28H4v-6H3v7h7zm12 1h7v-7h-1v6h-6zm2.233-17.526l-.707-.707L13.5 20.793l-3.218-3.218-.707.707 3.925 3.925z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTime16.json

@@ -0,0 +1 @@
+"M15 3h-3.536L10.31 1H6.845l-2.31 2H2.227L.01 9l2.216.167L3 10.333V15l3.845-2h4.62l3.464-4-3.345-2.556zm-1.523 6.15L11.007 12H6.602L4 13.353V10.03L2.79 8.206 1.4 8.103 2.921 4h1.987l2.31-2h2.513l1.155 2H12.6l-2.528 2.548zM8.56 6.65l3.463 2.647L10.55 11H6.357L5 11.706V9.729L3.352 7.245l-.552-.04L3.617 5h1.665l2.31-2h1.563l1.114 1.93z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTime24.json

@@ -0,0 +1 @@
+"M17.605 9.778L22.285 5h-5.229l-1.65-3h-4.949L7.158 5h-3.12l-3.18 8.429 3.18.238L5 15.333V22l5.636-3h6.949l4.799-5.571zM17.126 18h-6.74L6 20.335v-5.27l-1.36-2.356-2.376-.178L4.73 6h2.816l3.3-3h3.97l1.65 3h3.441L16.1 9.886l4.834 3.693zm.67-4.148L15.886 16H9.87L8 16.943v-2.515l-2.275-3.643-.646-.049L6.112 8h2.207l3.298-3h2.015l1.527 2.778-2.328 2.28z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTime32.json

@@ -0,0 +1 @@
+"M30.4 7h-7.471l-2.31-4H13.69L9.071 7H5.53L1.6 18l3.93.717L7 20.933V29.8l7.306-3.8h8.476l7.182-7.6-6.055-4.856zm-1.908 11.502L22.352 25h-8.29L8 28.152v-7.52L6.127 17.81l-3.19-.582L6.235 8h3.21l4.62-4h5.978l2.31 4H28l-5.583 5.629zm-9.06-4.704l6.117 4.907L21.489 23h-7.917L10 24.858v-4.83l-2.677-4.034-1.71-.311L7.645 10h2.544l4.62-4h4.078l3.047 5.276z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeLargest16.json

@@ -0,0 +1 @@
+"M7.992 12l.268 1H6.845L3 15v-4.667l-.774-1.166L.01 9l2.216-6h2.31l2.31-2h3.464l1.154 2H15l-3.416 3.444 2.895 2.212-2.537-.68-1.87-1.428L12.6 4h-1.713L9.732 2H7.22L4.91 4H2.922L1.399 8.103l1.39.103L4 10.031v3.322L6.602 12zm-.23-4.237a1.715 1.715 0 0 1 1.654-.458L8.56 6.65l1.708-1.721L9.155 3H7.592l-2.31 2H3.617L2.8 7.204l.552.041L5 9.73v1.977L6.357 11h1.367L7.31 9.453a1.75 1.75 0 0 1 .453-1.69zM9 9l1.514 5.652a5.86 5.86 0 0 0 4.138-4.138z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeLargest24.json

@@ -0,0 +1 @@
+"M12.528 18l.268 1h-2.16L5 22v-6.667l-.963-1.666-3.18-.238L4.037 5h3.121l3.3-3h4.948l1.65 3h5.23l-4.68 4.778 4.778 3.65-.192.223-1.792-.48-4.3-3.285L19.906 6h-3.441l-1.65-3h-3.97l-3.3 3H4.729l-2.465 6.531 2.375.178L6 15.064v5.271L10.387 18zm2.631-10.222L13.632 5h-2.015L8.32 8H6.112l-1.033 2.736.646.05L8 14.427v2.515L9.87 16h2.122l-.682-2.547a1.75 1.75 0 0 1 .26-1.461c.055-.078.482-.57 3.59-4.214zM13 13l2.524 9.42a9.768 9.768 0 0 0 6.896-6.896z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeLargest32.json

@@ -0,0 +1 @@
+"M17.332 25l.268 1h-3.294L7 29.8v-8.867l-1.47-2.216L1.6 18 5.53 7h3.54l4.62-4h6.928l2.31 4H30.4l-6.49 6.544 6.054 4.856-.197.209-1.714-.46-5.636-4.52L28 8h-5.648l-2.31-4h-5.979L9.444 8h-3.21l-3.297 9.228 3.19.582L8 20.632v7.52L14.062 25zm-1.57-9.237a1.75 1.75 0 0 1 1.69-.453l5.801 1.554-3.821-3.066 2.502-2.522L18.887 6h-4.078l-4.62 4H7.645l-2.032 5.683 1.71.311L10 20.028v4.83L13.572 23h3.224l-1.486-5.547a1.75 1.75 0 0 1 .453-1.69zM17 17l3.534 13.188a13.675 13.675 0 0 0 9.654-9.654z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeSmallest16.json

@@ -0,0 +1 @@
+"M8.468 12l.467 1h-2.09L3 15v-4.667l-.774-1.166L.01 9l2.216-6h2.31l2.31-2h3.464l1.154 2H15l-3.416 3.444L14.929 9l-1.086 1.254-.824-.577.458-.528-3.405-2.601L12.6 4h-1.713L9.732 2H7.22L4.91 4H2.922L1.399 8.103l1.39.103L4 10.031v3.322L6.602 12zm-.593-4.34a1.663 1.663 0 0 1 1.554-.345l-.868-.664 1.708-1.721L9.155 3H7.592l-2.31 2H3.617L2.8 7.204l.552.041L5 9.73v1.977L6.357 11h1.645l-.588-1.26a1.75 1.75 0 0 1 .461-2.08zM9 9l2.473 5.303a5.874 5.874 0 0 0 2.32-1.947z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeSmallest24.json

@@ -0,0 +1 @@
+"M13.4 18l.467 1h-3.231L5 22v-6.667l-.963-1.666-3.18-.238L4.037 5h3.121l3.3-3h4.948l1.65 3h5.23l-4.68 4.778 4.778 3.65-2.152 2.5-.824-.577 1.526-1.772L16.1 9.886 19.906 6h-3.441l-1.65-3h-3.97l-3.3 3H4.729l-2.465 6.531 2.375.178L6 15.064v5.271L10.387 18zm1.76-10.222L13.631 5h-2.015L8.32 8H6.112l-1.033 2.736.646.05L8 14.427v2.515L9.87 16h2.598l-1.054-2.26a1.75 1.75 0 0 1 .244-1.864zM13 13l4.122 8.839a9.79 9.79 0 0 0 3.865-3.246z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeSmallest32.json

@@ -0,0 +1 @@
+"M29.964 18.4l-2.98 3.154-.828-.58 2.336-2.472-6.075-4.873L28 8h-5.648l-2.31-4h-5.979L9.444 8h-3.21l-3.296 9.228 3.189.582L8 20.632v7.52L14.062 25h4.204l.466 1h-4.426L7 29.8v-8.867l-1.47-2.216L1.6 18 5.53 7h3.54l4.62-4h6.928l2.31 4H30.4l-6.49 6.544zm-15.089-3.74a1.751 1.751 0 0 1 2.129-.094l7.496 5.249 1.049-1.11-6.117-4.907 2.502-2.522L18.887 6h-4.078l-4.62 4H7.645l-2.032 5.683 1.71.311L10 20.028v4.83L13.572 23h3.761l-2.919-6.26a1.75 1.75 0 0 1 .461-2.08zM16 16l5.77 12.374a13.707 13.707 0 0 0 5.412-4.544z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeXBar16.json

@@ -0,0 +1 @@
+"M9.312 12l.635 1H6.845L3 15v-4.667l-.774-1.166L.01 9l2.216-6h2.31l2.31-2h3.464l1.154 2H15l-3.416 3.444.923.706H10.86l-.788-.602L12.6 4h-1.713L9.732 2H7.22L4.91 4H2.922L1.399 8.103l1.39.103L4 10.031v3.322L6.602 12zM8.15 10V9a1.932 1.932 0 0 1 1.23-1.722l-.82-.627 1.71-1.721L9.155 3H7.592l-2.31 2H3.617L2.8 7.204l.552.041L5 9.73v1.977L6.357 11h2.19a1.593 1.593 0 0 1-.397-1zM10 9v1h6V9zm4.414 2.013l-1.502 1.79-1.066-1.79h-1.088l1.461 2.302L9.8 16h1.033l1.854-2.153L13.967 16h1.097l-1.684-2.685 2.046-2.302z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeXBar24.json

@@ -0,0 +1 @@
+"M12 19h-1.364L5 22v-6.667l-.963-1.666-3.18-.238L4.037 5h3.121l3.3-3h4.948l1.65 3h5.23l-4.68 4.778 1.6 1.222h-1.648L16.1 9.886 19.906 6h-3.441l-1.65-3h-3.97l-3.3 3H4.729l-2.465 6.531 2.375.178L6 15.064v5.271L10.387 18H12zm1.632-14h-2.015L8.32 8H6.112l-1.033 2.736.646.05L8 14.427v2.515L9.87 16h2.235a3.745 3.745 0 0 1 .332-.767A1.981 1.981 0 0 1 12 14v-1a2 2 0 0 1 2-2h.064l-1.233-.942 2.328-2.28zM14 13v1h9v-1zm7.875 8.188a2.12 2.12 0 0 1-.229.95l-2.545-3.2 2.774-3.488V15h-.844L18.5 18.182 15.969 15h-.844S14.018 16.16 14 16.685V17h1.125v-.315a2.117 2.117 0 0 1 .228-.947l2.546 3.2-2.774 3.487v.45h.844l2.531-3.182 2.531 3.182h.844s1.107-1.16 1.125-1.685V21h-1.125z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/driveTimeXBar32.json

@@ -0,0 +1 @@
+"M20.493 25l-.796 1h-5.391L7 29.8v-8.867l-1.47-2.216L1.6 18 5.53 7h3.54l4.62-4h6.928l2.31 4H30.4l-6.49 6.544L25.723 15h-1.598l-1.709-1.371L28 8h-5.648l-2.31-4h-5.979L9.444 8h-3.21l-3.296 9.228 3.189.582L8 20.632v7.52L14.062 25zm-4.403-2.818v-.776a3.556 3.556 0 0 1 .647-1.867A1.987 1.987 0 0 1 16 18v-1a2 2 0 0 1 2-2h2.93l-1.498-1.202 2.502-2.522L18.887 6h-4.078l-4.62 4H7.645l-2.032 5.683 1.71.311L10 20.028v4.83L13.572 23h2.697a1.985 1.985 0 0 1-.18-.818zM18 17v1h12v-1zm11 10.584a2.37 2.37 0 0 1-.444 1.334l-3.497-4.458 3.85-4.76v-.587h-1.12l-3.557 4.371-3.437-4.368h-1.123c-.015.016-1.509 1.588-1.532 2.281l-.05.603h1.496v-.603a2.312 2.312 0 0 1 .402-1.333l3.497 4.458-3.8 4.759v.619h1.07l3.556-4.402 3.438 4.402h1.138c.155-.166 1.495-1.66 1.517-2.315l.05-.585H29z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/groupItems16.json

@@ -0,0 +1 @@
+"M0 13v3h3v-3zm2 2H1v-1h1zM3 1V0H0v3h1v7h4V9H2V3h1V2h6v3h1V1zM2 2H1V1h1zm13 11V6H6v9h7v1h3v-3zm-2 1H7V7h7v6h-1zm2 1h-1v-1h1zM13 0v3h3V0zm2 2h-1V1h1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/groupItems24.json

@@ -0,0 +1 @@
+"M4 5h1V4h8v5h1V3H5V2H2v3h1v9h6v-1H4zM3 3h1v1H3zM2 22h3v-3H2zm1-2h1v1H3zM19 2v3h3V2zm2 2h-1V3h1zm0 6H10v11h9v1h3v-3h-1zm-2 10h-8v-9h9v8h-1zm2 1h-1v-1h1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/groupItems32.json

@@ -0,0 +1 @@
+"M5 6h1V5h13v6h1V4H6V3H3v3h1v14h7v-1H5zM4 4h1v1H4zm22-1v3h3V3zm2 2h-1V4h1zM3 29h3v-3H3zm1-2h1v1H4zm24-15H12v16h14v1h3v-3h-1zm-2 15H13V13h14v13h-1zm2 1h-1v-1h1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/groupLayoutElements16.json

@@ -0,0 +1 @@
+"M3 13h11V3H3zm10-1H9V8h4zM4 4h9v3H4zm0 4h4v4H4zm12-7v3h-1V2h-2V1zM2 4H1V1h3v1H2zm0 10h2v1H1v-3h1zm13-2h1v3h-3v-1h2z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/groupLayoutElements24.json

@@ -0,0 +1 @@
+"M4 20h17V5H4zm16-1h-7v-7h7zM5 6h15v5H5zm0 6h7v7H5zM2 6H1V2h4v1H2zm22-4v4h-1V3h-3V2zM2 22h3v1H1v-4h1zm21-3h1v4h-4v-1h3z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/groupLayoutElements32.json

@@ -0,0 +1 @@
+"M3 8H2V3h5v1H3zm23-5v1h4v4h1V3zm4 25h-4v1h5v-5h-1zM3 24H2v5h5v-1H3zM5 6h23v20H5zm22 9H17v10h10zM6 14h21V7H6zm0 11h10V15H6z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsLargest16.json

@@ -0,0 +1 @@
+"M8.824 15.105a1.719 1.719 0 0 0 .311.603 7.796 7.796 0 1 1 4.38-13.223 7.68 7.68 0 0 1 2.195 6.637 1.741 1.741 0 0 0-.605-.298l-.35-.094a6.856 6.856 0 0 0 .042-.73A6.8 6.8 0 1 0 8 14.797a6.855 6.855 0 0 0 .73-.043zM8 4a4 4 0 0 0-.008 8l-.275-1.027a3 3 0 1 1 3.256-3.256l1.026.275A3.999 3.999 0 0 0 8 4zm6.652 6.514L9 9l1.514 5.652a5.86 5.86 0 0 0 4.138-4.138z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsLargest24.json

@@ -0,0 +1 @@
+"M13.511 21.668l.262.976a10.862 10.862 0 1 1 8.871-8.871l-.976-.262A9.878 9.878 0 0 0 21.795 12 9.8 9.8 0 1 0 12 21.795a9.878 9.878 0 0 0 1.511-.127zm1.883-13.062A4.8 4.8 0 1 0 12 16.8c.069 0 .133-.017.201-.02l-.264-.987a3.798 3.798 0 1 1 3.856-3.856l.987.264c.003-.068.02-.132.02-.201a4.785 4.785 0 0 0-1.406-3.394zM13 13l2.524 9.42a9.768 9.768 0 0 0 6.896-6.896z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsLargest32.json

@@ -0,0 +1 @@
+"M18.293 28.587l.26.971A13.937 13.937 0 0 1 16 29.8 13.8 13.8 0 0 1 6.242 6.242 13.8 13.8 0 0 1 29.8 16a13.938 13.938 0 0 1-.241 2.553l-.972-.26A12.93 12.93 0 0 0 28.8 16 12.8 12.8 0 0 0 6.95 6.95 12.8 12.8 0 0 0 16 28.8a12.927 12.927 0 0 0 2.293-.213zm2.516-17.396a6.81 6.81 0 1 0-4.079 11.564l-.268-1.003a5.8 5.8 0 1 1 5.291-5.29l1.001.268a6.79 6.79 0 0 0-1.945-5.539zM17 17l3.534 13.188a13.675 13.675 0 0 0 9.654-9.654z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsSmallest16.json

@@ -0,0 +1 @@
+"M9.887 15.042a1.738 1.738 0 0 0 .304.44 7.816 7.816 0 1 1 4.914-4.276 1.747 1.747 0 0 0-.308-.284l-.505-.353a6.85 6.85 0 1 0-4.62 4.014zM8 4a4 4 0 0 0 0 8 3.934 3.934 0 0 0 .447-.045L8.002 11H8a3 3 0 1 1 3-3c0 .084-.018.164-.025.246l.918.643A3.973 3.973 0 0 0 8 4zm5.792 8.356L9 9l2.473 5.303a5.874 5.874 0 0 0 2.32-1.947z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsSmallest24.json

@@ -0,0 +1 @@
+"M14.958 21.341l.425.91a10.825 10.825 0 1 1 6.234-5.354l-.832-.582a9.781 9.781 0 1 0-5.827 5.026zM12 7.2a4.8 4.8 0 1 0 .803 9.519l-.445-.955c-.12.011-.235.036-.358.036a3.8 3.8 0 1 1 3.721-3.031l.857.6A4.746 4.746 0 0 0 16.8 12 4.8 4.8 0 0 0 12 7.2zm1 5.8l4.122 8.839a9.79 9.79 0 0 0 3.865-3.246z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsSmallest32.json

@@ -0,0 +1 @@
+"M20.185 29.113l.017.03a13.784 13.784 0 1 1 8.015-6.72l-.03-.027-.798-.558a12.765 12.765 0 1 0-7.614 6.397zm.624-17.922a6.808 6.808 0 1 0-3.62 11.498l-.45-.963a5.799 5.799 0 1 1 4.77-4.004l.87.608a6.805 6.805 0 0 0-1.57-7.139zm6.373 12.639L16 16l5.77 12.374a13.707 13.707 0 0 0 5.412-4.544z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsXBar16.json

@@ -0,0 +1 @@
+"M8.5 14.828a1.74 1.74 0 0 0-.43.968c-.023 0-.046.004-.07.004a7.8 7.8 0 1 1 7.762-8.55h-1.006A6.799 6.799 0 1 0 8 14.8c.186 0 .369-.013.55-.028zM8 4a4 4 0 0 0 0 8 3.956 3.956 0 0 0 1.212-.207 1.88 1.88 0 0 1-.135-.312 1.768 1.768 0 0 1-.535-.536 2.998 2.998 0 1 1 2.352-3.695h1.03A3.997 3.997 0 0 0 8 4zm2 5v1h6V9zm4.414 2.013l-1.502 1.79-1.066-1.79h-1.088l1.461 2.302L9.8 16h1.033l1.854-2.153L13.967 16h1.097l-1.684-2.685 2.046-2.302z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsXBar24.json

@@ -0,0 +1 @@
+"M13.125 22.425v.316A10.925 10.925 0 0 1 12 22.8 10.8 10.8 0 1 1 22.75 11h-1a9.868 9.868 0 1 0-8.488 10.71 1.997 1.997 0 0 0-.137.715zM12 7.2a4.8 4.8 0 0 0 0 9.6v-.114a2.668 2.668 0 0 1 .183-.905c-.062.003-.12.019-.183.019a3.8 3.8 0 1 1 3.65-4.8h1.042A4.8 4.8 0 0 0 12 7.2zm2 6.8h9v-1h-9zm5.101 4.938l2.774-3.488V15h-.844L18.5 18.182 15.969 15h-.844S14.018 16.16 14 16.685V17h1.125v-.315a2.117 2.117 0 0 1 .228-.947l2.546 3.2-2.774 3.487v.45h.844l2.531-3.182 2.531 3.182h.844s1.107-1.16 1.125-1.685V21h-1.125v.189a2.12 2.12 0 0 1-.229.948z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ringsXBar32.json

@@ -0,0 +1 @@
+"M17.636 29.29v.404A13.993 13.993 0 0 1 16 29.8 13.8 13.8 0 0 1 6.242 6.242 13.786 13.786 0 0 1 29.752 15h-1A12.793 12.793 0 0 0 6.948 6.95 12.8 12.8 0 0 0 16 28.8a12.95 12.95 0 0 0 1.738-.13 1.998 1.998 0 0 0-.102.62zM11.19 11.191A6.797 6.797 0 0 0 16 22.797c.065 0 .129-.008.193-.01a1.978 1.978 0 0 1-.103-.605v-.394A5.802 5.802 0 1 1 21.702 15h1.013a6.786 6.786 0 0 0-11.524-3.809zM30 18v-1H18v1zm-1 9.584a2.37 2.37 0 0 1-.444 1.334l-3.497-4.458 3.85-4.76v-.587h-1.12l-3.557 4.371-3.437-4.368h-1.123c-.015.016-1.509 1.588-1.532 2.281l-.05.603h1.496v-.603a2.312 2.312 0 0 1 .402-1.333l3.497 4.458-3.8 4.759v.619h1.07l3.556-4.402 3.438 4.402h1.138c.155-.166 1.495-1.66 1.517-2.315l.05-.585H29z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupItems16.json

@@ -0,0 +1 @@
+"M8 0v1H3V0H0v3h1v5H0v3h3v-1h2V9H3V8H2V3h1V2h5v1h1v2h1V3h1V0zM2 10H1V9h1zm0-8H1V1h1zm8 0H9V1h1zm6 6V5h-3v1H8V5H5v3h1v5H5v3h3v-1h5v1h3v-3h-1V8zM6 6h1v1H6zm1 9H6v-1h1zm6-1H8v-1H7V8h1V7h5v1h1v5h-1zm2 1h-1v-1h1zm-1-8V6h1v1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupItems24.json

@@ -0,0 +1 @@
+"M12 2v1H5V2H2v3h1v7H2v3h3v-1h4v-1H5v-1H4V5h1V4h7v1h1v4h1V5h1V2zM4 14H3v-1h1zM4 4H3V3h1zm10 0h-1V3h1zm8 8V9h-3v1h-7V9H9v3h1v7H9v3h3v-1h7v1h3v-3h-1v-7zm-12-2h1v1h-1zm1 11h-1v-1h1zm8-1h-7v-1h-1v-7h1v-1h7v1h1v7h-1zm2 1h-1v-1h1zm-1-10v-1h1v1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupItems32.json

@@ -0,0 +1 @@
+"M11 19H6v-1H5V6h1V5h12v1h1v5h1V6h1V3h-3v1H6V3H3v3h1v12H3v3h3v-1h5zm8-15h1v1h-1zM4 4h1v1H4zm1 16H4v-1h1zm24-6v-3h-3v1H14v-1h-3v3h1v12h-1v3h3v-1h12v1h3v-3h-1V14zm-17-2h1v1h-1zm1 16h-1v-1h1zm13-1H14v-1h-1V14h1v-1h12v1h1v12h-1zm2 1h-1v-1h1zm-1-15v-1h1v1z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupLayoutElements16.json

@@ -0,0 +1 @@
+"M2 2v5h13V2zm12 4H3V3h11zM2 14h6V8H2zm1-5h4v4H3zm6 5h6V8H9zm1-5h4v4h-4z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupLayoutElements24.json

@@ -0,0 +1 @@
+"M2 3v7h20V3zm19 6H3V4h18zm-8 12h9v-9h-9zm1-8h7v7h-7zM2 21h9v-9H2zm1-8h7v7H3z"

package/dist/collection/components/calcite-icon/assets/calcite-icon/ungroupLayoutElements32.json

@@ -0,0 +1 @@
+"M3 5v9h26V5zm25 8H4V6h24zM3.041 27.958h11.917V16.042H3.042zm.917-11h10.083v10.084H3.96zm13.083 11h11.917V16.042H17.043zm.917-11h10.084v10.084H17.957z"

package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.css

@@ -84,23 +84,23 @@
   display: none;
 }
 
-:host([scale=s]) .calcite-inline-editable__controls-wrapper {
+:host([scale=s]) .controls-wrapper {
   height: 1.5rem;
 }
 
-:host([scale=m]) .calcite-inline-editable__controls-wrapper {
+:host([scale=m]) .controls-wrapper {
   height: 2rem;
 }
 
-:host([scale=l]) .calcite-inline-editable__controls-wrapper {
+:host([scale=l]) .controls-wrapper {
   height: 2.75rem;
 }
 
-:host(:not([editing-enabled]):not([disabled])) .calcite-inline-editable__wrapper:hover {
+:host(:not([editing-enabled]):not([disabled])) .wrapper:hover {
   background-color: var(--calcite-ui-foreground-2);
 }
 
-.calcite-inline-editable__wrapper {
+.wrapper {
   box-sizing: border-box;
   display: flex;
   justify-content: space-between;
@@ -111,60 +111,14 @@
   transition-delay: 0s;
 }
 
-.calcite-inline-editable__wrapper .calcite-inline-editable__input-wrapper {
+.wrapper .input-wrapper {
   flex: 1 1 0%;
 }
 
-.calcite-inline-editable__controls-wrapper {
+.controls-wrapper {
   display: flex;
 }
 
-:host([disabled]) .calcite-inline-editable__cancel-editing-button-wrapper {
+:host([disabled]) .cancel-editing-button-wrapper {
   border-color: var(--calcite-ui-border-2);
-}
-
-:host::slotted(*) .calcite-input__element-wrapper textarea,
-:host::slotted(*) .calcite-input__element-wrapper input {
-  transition-property: all;
-  transition-duration: 150ms;
-  transition-timing-function: ease-in-out;
-  transition-delay: 0s;
-}
-
-:host(:not([editing-enabled]))::slotted(*) .calcite-input__element-wrapper {
-  background-color: transparent;
-}
-
-:host(:not([editing-enabled]))::slotted(*) .sc-calcite-input {
-  display: none;
-}
-
-:host(:not([editing-enabled]))::slotted(*) .calcite-input__element-wrapper {
-  display: flex;
-  cursor: pointer;
-}
-
-:host(:not([editing-enabled]))::slotted(*) .calcite-input__element-wrapper textarea,
-:host(:not([editing-enabled]))::slotted(*) .calcite-input__element-wrapper input {
-  display: flex;
-  cursor: pointer;
-  padding-left: 0;
-  border-color: transparent;
-}
-
-:host(:not([editing-enabled])):not([disabled]):hover::slotted(*) textarea,
-:host(:not([editing-enabled])):not([disabled]):hover::slotted(*) input {
-  background-color: var(--calcite-ui-foreground-2);
-}
-
-:host([dir=rtl]):not([editing-enabled])::slotted(*) .calcite-input__element-wrapper textarea,
-:host([dir=rtl]):not([editing-enabled])::slotted(*) .calcite-input__element-wrapper input {
-  padding-left: unset;
-  padding-right: 0;
-}
-
-[dir=rtl] :host:not([editing-enabled])::slotted(*) .calcite-input__element-wrapper textarea,
-[dir=rtl] :host:not([editing-enabled])::slotted(*) .calcite-input__element-wrapper input {
-  padding-left: unset;
-  padding-right: 0;
 }

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

@@ -36,39 +36,38 @@ export class CalciteInlineEditable {
      * @default "Save"
      */
     this.intlConfirmChanges = TEXT.intlConfirmChanges;
-    this.editingCancelTransitionProp = "border-top-color";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
     this.transitionEnd = (event) => {
-      if (!this.editingEnabled && event.propertyName === this.editingCancelTransitionProp) {
+      if (!this.editingEnabled && !!this.shouldEmitCancel) {
         this.calciteInlineEditableEditingCancel.emit(event);
       }
     };
     this.enableEditing = () => {
-      this.htmlInput.tabIndex = undefined;
       this.valuePriorToEditing = this.inputElement.value;
       this.editingEnabled = true;
       this.inputElement.setFocus();
       this.calciteInlineEditableEnableEditingChange.emit();
     };
     this.disableEditing = () => {
-      this.htmlInput.tabIndex = -1;
       this.editingEnabled = false;
     };
-    this.cancelEditingEnd = () => {
-      this.enableEditingButton.setFocus();
-      this.el.removeEventListener("calciteInlineEditableEditingCancel", this.cancelEditingEnd);
-    };
     this.cancelEditing = () => {
       this.inputElement.value = this.valuePriorToEditing;
-      this.el.addEventListener("calciteInlineEditableEditingCancel", this.cancelEditingEnd);
       this.disableEditing();
+      this.enableEditingButton.setFocus();
     };
     this.escapeKeyHandler = async (e) => {
       if (e.key !== "Escape") {
+        if (e.key === "Tab" && this.shouldShowControls) {
+          if (!e.shiftKey && e.target === this.inputElement) {
+            e.preventDefault();
+            this.cancelEditingButton.setFocus();
+          }
+          if (!!e.shiftKey && e.target === this.cancelEditingButton) {
+            e.preventDefault();
+            e.stopPropagation();
+            this.inputElement.setFocus();
+          }
+        }
         return;
       }
       this.cancelEditing();
@@ -97,6 +96,7 @@ export class CalciteInlineEditable {
           this.loading = true;
           await this.afterConfirm();
           this.disableEditing();
+          this.enableEditingButton.setFocus();
         }
       }
       catch (e) {
@@ -109,11 +109,23 @@ export class CalciteInlineEditable {
   disabledWatcher(disabled) {
     this.inputElement.disabled = disabled;
   }
+  editingEnabledWatcher(newValue, oldValue) {
+    this.inputElement.editingEnabled = newValue;
+    if (!newValue && !!oldValue) {
+      this.shouldEmitCancel = true;
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  connectedCallback() {
+    connectLabel(this);
+  }
+  disconnectedCallback() {
+    disconnectLabel(this);
+  }
   componentWillLoad() {
     this.inputElement = this.el.querySelector("calcite-input");
     this.inputElement.disabled = this.disabled;
@@ -121,27 +133,18 @@ export class CalciteInlineEditable {
     this.scale =
       this.scale || this.inputElement.scale || getElementProp(this.el, "scale", undefined);
   }
-  componentDidLoad() {
-    this.htmlInput = this.inputElement.querySelector("input");
-    if (!this.editingEnabled) {
-      this.htmlInput.tabIndex = -1;
-    }
-  }
-  connectedCallback() {
-    connectLabel(this);
-  }
-  disconnectedCallback() {
-    disconnectLabel(this);
-  }
   render() {
     return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler, onTransitionEnd: this.transitionEnd },
       h("div", { class: CSS.inputWrapper },
         h("slot", null)),
       h("div", { class: CSS.controlsWrapper },
-        !this.editingEnabled && (h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.intlEnableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale })),
+        h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.intlEnableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
+            opacity: this.editingEnabled ? "0" : "1",
+            width: this.editingEnabled ? "0" : "inherit"
+          } }),
         this.shouldShowControls && [
           h("div", { class: CSS.cancelEditingButtonWrapper },
-            h("calcite-button", { appearance: "transparent", class: CSS.cancelEditingButton, color: "neutral", disabled: this.disabled, iconStart: "x", label: this.intlCancelEditing, onClick: this.cancelEditingHandler, scale: this.scale })),
+            h("calcite-button", { appearance: "transparent", class: CSS.cancelEditingButton, color: "neutral", disabled: this.disabled, iconStart: "x", label: this.intlCancelEditing, onClick: this.cancelEditingHandler, ref: (el) => (this.cancelEditingButton = el), scale: this.scale })),
           h("calcite-button", { appearance: "solid", class: CSS.confirmChangesButton, color: "blue", disabled: this.disabled, iconStart: "check", label: this.intlConfirmChanges, loading: this.loading, onClick: this.confirmChangesHandler, scale: this.scale })
         ])));
   }
@@ -155,9 +158,6 @@ export class CalciteInlineEditable {
       this.disableEditing();
     }
   }
-  onLabelClick() {
-    this.setFocus();
-  }
   //--------------------------------------------------------------------------
   //
   //  Public Methods
@@ -172,11 +172,19 @@ export class CalciteInlineEditable {
       (_b = this.enableEditingButton) === null || _b === void 0 ? void 0 : _b.setFocus();
     }
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  //--------------------------------------------------------------------------
+  onLabelClick() {
+    this.setFocus();
+  }
   get shouldShowControls() {
     return this.editingEnabled && this.controls;
   }
   static get is() { return "calcite-inline-editable"; }
-  static get encapsulation() { return "scoped"; }
+  static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
     "$": ["calcite-inline-editable.scss"]
   }; }
@@ -438,6 +446,9 @@ export class CalciteInlineEditable {
   static get watchers() { return [{
       "propName": "disabled",
       "methodName": "disabledWatcher"
+    }, {
+      "propName": "editingEnabled",
+      "methodName": "editingEnabledWatcher"
     }]; }
   static get listeners() { return [{
       "name": "calciteInputBlur",

package/dist/collection/components/calcite-inline-editable/resources.js

@@ -3,13 +3,13 @@
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
  */
 export const CSS = {
-  wrapper: "calcite-inline-editable__wrapper",
-  confirmChangesButton: "calcite-inline-editable__confirm-changes-button",
-  cancelEditingButton: "calcite-inline-editable__cancel-editing-button",
-  inputWrapper: "calcite-inline-editable__input-wrapper",
-  cancelEditingButtonWrapper: "calcite-inline-editable__cancel-editing-button-wrapper",
-  enableEditingButton: "calcite-inline-editable__enable-editing-button",
-  controlsWrapper: "calcite-inline-editable__controls-wrapper"
+  wrapper: "wrapper",
+  confirmChangesButton: "confirm-changes-button",
+  cancelEditingButton: "cancel-editing-button",
+  inputWrapper: "input-wrapper",
+  cancelEditingButtonWrapper: "cancel-editing-button-wrapper",
+  enableEditingButton: "enable-editing-button",
+  controlsWrapper: "controls-wrapper"
 };
 export const TEXT = {
   intlEnablingEditing: "Click to edit",