@esri/calcite-components 1.0.0-next.412 → 1.0.0-next.413

package/dist/components/filter.js

@@ -35,6 +35,18 @@ let Filter = class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteFilterChange = createEvent(this, "calciteFilterChange", 7);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * The items to filter through. The filter uses this as the starting point, and returns items
+     * that contain the string entered in the input, using a partial match and recursive search.
+     *
+     * This property is required.
+     */
+    this.items = [];
     /**
      * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
      */
@@ -47,6 +59,10 @@ let Filter = class extends HTMLElement {
     this.filteredItems = [];
     /** specify the scale of filter, defaults to m */
     this.scale = "m";
+    /**
+     * Filter value.
+     */
+    this.value = "";
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -100,6 +116,14 @@ let Filter = class extends HTMLElement {
   valueHandler(value) {
     this.filter(value);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.filter(this.value);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods

package/dist/custom-elements/index.js

@@ -12132,6 +12132,18 @@ let Filter = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.calciteFilterChange = createEvent(this, "calciteFilterChange", 7);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * The items to filter through. The filter uses this as the starting point, and returns items
+     * that contain the string entered in the input, using a partial match and recursive search.
+     *
+     * This property is required.
+     */
+    this.items = [];
     /**
      * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
      */
@@ -12144,6 +12156,10 @@ let Filter = class extends HTMLElement$1 {
     this.filteredItems = [];
     /** specify the scale of filter, defaults to m */
     this.scale = "m";
+    /**
+     * Filter value.
+     */
+    this.value = "";
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -12197,6 +12213,14 @@ let Filter = class extends HTMLElement$1 {
   valueHandler(value) {
     this.filter(value);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.filter(this.value);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods

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

@@ -29,6 +29,18 @@ let Filter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteFilterChange = createEvent(this, "calciteFilterChange", 7);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * The items to filter through. The filter uses this as the starting point, and returns items
+     * that contain the string entered in the input, using a partial match and recursive search.
+     *
+     * This property is required.
+     */
+    this.items = [];
     /**
      * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
      */
@@ -41,6 +53,10 @@ let Filter = class {
     this.filteredItems = [];
     /** specify the scale of filter, defaults to m */
     this.scale = "m";
+    /**
+     * Filter value.
+     */
+    this.value = "";
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -94,6 +110,14 @@ let Filter = class {
   valueHandler(value) {
     this.filter(value);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.filter(this.value);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods

package/dist/esm-es5/calcite-filter.entry.js

@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,i,a){function n(t){return t ins
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-0fefddd1.js";import{f as focusElement}from"./dom-e7fa77b9.js";import{d as debounce}from"./debounce-79648d42.js";import{f as forIn}from"./forIn-48d8fb84.js";import"./guid-196bd5ea.js";var CSS={container:"container",searchIcon:"search-icon",clearButton:"clear-button"};var TEXT={filterLabel:"Filter",clear:"Clear filter"};var ICONS={search:"search",close:"x"};var filterCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;width:100%}.container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem}label{position:relative;margin-left:0.25rem;margin-right:0.25rem;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;overflow:hidden}input[type=text]{margin-bottom:0.25rem;width:100%;border-style:none;background-color:transparent;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.25rem;padding-left:1.5rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{width:100%}.search-icon{position:absolute;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;-webkit-transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";var filterDebounceInMs=250;var Filter=function(){function t(t){var e=this;registerInstance(this,t);this.calciteFilterChange=createEvent(this,"calciteFilterChange",7);this.disabled=false;this.filteredItems=[];this.scale="m";this.filter=debounce((function(t){var i=new RegExp(t,"i");if(e.items.length===0){e.updateFiltered([]);return}var a=function(t,e){var i=false;forIn(t,(function(t){if(typeof t==="function"){return}if(Array.isArray(t)||typeof t==="object"&&t!==null){if(a(t,e)){i=true}}else if(e.test(t)){i=true}}));return i};var n=e.items.filter((function(t){return a(t,i)}));e.updateFiltered(n)}),filterDebounceInMs);this.inputHandler=function(t){var i=t.target;e.value=i.value};this.keyDownHandler=function(t){var i=t.key;if(i==="Escape"){e.clear()}};this.clear=function(){e.value="";e.setFocus()}}t.prototype.watchItemsHandler=function(){this.filter(this.value)};t.prototype.valueHandler=function(t){this.filter(t)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.textInput);return[2]}))}))};t.prototype.updateFiltered=function(t){this.filteredItems.length=0;this.filteredItems=this.filteredItems.concat(t);this.calciteFilterChange.emit()};t.prototype.render=function(){var t=this;var e=this,i=e.disabled,a=e.scale;return h(Fragment,null,i?h("calcite-scrim",null):null,h("div",{class:CSS.container},h("label",null,h("calcite-input",{"aria-label":this.intlLabel||TEXT.filterLabel,disabled:this.disabled,icon:ICONS.search,onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:function(e){t.textInput=e},scale:a,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,scale:a})):null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["watchItemsHandler"],value:["valueHandler"]}},enumerable:false,configurable:true});return t}();Filter.style=filterCss;export{Filter as calcite_filter};
+ */import{r as registerInstance,c as createEvent,h,F as Fragment,g as getElement}from"./index-0fefddd1.js";import{f as focusElement}from"./dom-e7fa77b9.js";import{d as debounce}from"./debounce-79648d42.js";import{f as forIn}from"./forIn-48d8fb84.js";import"./guid-196bd5ea.js";var CSS={container:"container",searchIcon:"search-icon",clearButton:"clear-button"};var TEXT={filterLabel:"Filter",clear:"Clear filter"};var ICONS={search:"search",close:"x"};var filterCss="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;width:100%}.container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem}label{position:relative;margin-left:0.25rem;margin-right:0.25rem;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;overflow:hidden}input[type=text]{margin-bottom:0.25rem;width:100%;border-style:none;background-color:transparent;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.25rem;padding-left:1.5rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{width:100%}.search-icon{position:absolute;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;-webkit-transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";var filterDebounceInMs=250;var Filter=function(){function t(t){var e=this;registerInstance(this,t);this.calciteFilterChange=createEvent(this,"calciteFilterChange",7);this.items=[];this.disabled=false;this.filteredItems=[];this.scale="m";this.value="";this.filter=debounce((function(t){var i=new RegExp(t,"i");if(e.items.length===0){e.updateFiltered([]);return}var a=function(t,e){var i=false;forIn(t,(function(t){if(typeof t==="function"){return}if(Array.isArray(t)||typeof t==="object"&&t!==null){if(a(t,e)){i=true}}else if(e.test(t)){i=true}}));return i};var n=e.items.filter((function(t){return a(t,i)}));e.updateFiltered(n)}),filterDebounceInMs);this.inputHandler=function(t){var i=t.target;e.value=i.value};this.keyDownHandler=function(t){var i=t.key;if(i==="Escape"){e.clear()}};this.clear=function(){e.value="";e.setFocus()}}t.prototype.watchItemsHandler=function(){this.filter(this.value)};t.prototype.valueHandler=function(t){this.filter(t)};t.prototype.componentWillLoad=function(){this.filter(this.value)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){focusElement(this.textInput);return[2]}))}))};t.prototype.updateFiltered=function(t){this.filteredItems.length=0;this.filteredItems=this.filteredItems.concat(t);this.calciteFilterChange.emit()};t.prototype.render=function(){var t=this;var e=this,i=e.disabled,a=e.scale;return h(Fragment,null,i?h("calcite-scrim",null):null,h("div",{class:CSS.container},h("label",null,h("calcite-input",{"aria-label":this.intlLabel||TEXT.filterLabel,disabled:this.disabled,icon:ICONS.search,onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:function(e){t.textInput=e},scale:a,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,scale:a})):null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{items:["watchItemsHandler"],value:["valueHandler"]}},enumerable:false,configurable:true});return t}();Filter.style=filterCss;export{Filter as calcite_filter};

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-03-04T22:31:23",
+  "timestamp": "2022-03-07T23:14:53",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.14.0",
@@ -7466,13 +7466,14 @@
           "reflectToAttr": false,
           "docs": "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.",
           "docsTags": [],
+          "default": "[]",
           "values": [
             {
               "type": "object[]"
             }
           ],
           "optional": false,
-          "required": true
+          "required": false
         },
         {
           "name": "placeholder",
@@ -7524,12 +7525,13 @@
           "reflectToAttr": false,
           "docs": "Filter value.",
           "docsTags": [],
+          "default": "\"\"",
           "values": [
             {
               "type": "string"
             }
           ],
-          "optional": true,
+          "optional": false,
           "required": false
         }
       ],

package/dist/types/components/filter/filter.d.ts

@@ -37,7 +37,7 @@ export declare class Filter {
   /**
    * Filter value.
    */
-  value?: string;
+  value: string;
   valueHandler(value: string): void;
   el: HTMLCalciteFilterElement;
   textInput: HTMLCalciteInputElement;
@@ -45,6 +45,7 @@ export declare class Filter {
    * This event fires when the filter text changes.
    */
   calciteFilterChange: EventEmitter<void>;
+  componentWillLoad(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   filter: import("lodash").DebouncedFunc<(value: string) => void>;

package/dist/types/components.d.ts

@@ -1323,7 +1323,7 @@ export namespace Components {
         /**
           * Filter value.
          */
-        "value"?: string;
+        "value": string;
     }
     interface CalciteFlow {
         /**
@@ -5418,7 +5418,7 @@ declare namespace LocalJSX {
         /**
           * The items to filter through. The filter uses this as the starting point, and returns items that contain the string entered in the input, using a partial match and recursive search.  This property is required.
          */
-        "items": object[];
+        "items"?: object[];
         /**
           * This event fires when the filter text changes.
          */

package/hydrate/index.js

@@ -18149,6 +18149,18 @@ class Filter {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteFilterChange = createEvent(this, "calciteFilterChange", 7);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * The items to filter through. The filter uses this as the starting point, and returns items
+     * that contain the string entered in the input, using a partial match and recursive search.
+     *
+     * This property is required.
+     */
+    this.items = [];
     /**
      * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
      */
@@ -18161,6 +18173,10 @@ class Filter {
     this.filteredItems = [];
     /** specify the scale of filter, defaults to m */
     this.scale = "m";
+    /**
+     * Filter value.
+     */
+    this.value = "";
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -18214,6 +18230,14 @@ class Filter {
   valueHandler(value) {
     this.filter(value);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.filter(this.value);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.412",
+  "version": "1.0.0-next.413",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -72,7 +72,7 @@
     "@babel/preset-react": "7.16.7",
     "@esri/calcite-base": "^1.2.0",
     "@esri/calcite-colors": "6.0.1",
-    "@esri/calcite-ui-icons": "3.18.4",
+    "@esri/calcite-ui-icons": "3.18.6",
     "@esri/eslint-plugin-calcite-components": "0.1.4",
     "@rollup/plugin-babel": "5.3.1",
     "@stencil/eslint-plugin": "0.4.0",
@@ -95,7 +95,7 @@
     "@types/shell-quote": "1.7.1",
     "@types/sortablejs": "1.10.7",
     "@types/standard-version": "7.0.1",
-    "@types/yargs": "17.0.8",
+    "@types/yargs": "17.0.9",
     "@typescript-eslint/eslint-plugin": "5.13.0",
     "@typescript-eslint/parser": "5.13.0",
     "@whitespace/storybook-addon-html": "5.0.0",
@@ -109,11 +109,11 @@
     "conventional-changelog-cli": "2.2.2",
     "cpy-cli": "^4.0.0",
     "dedent": "0.7.0",
-    "eslint": "8.9.0",
+    "eslint": "8.10.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-jest": "26.1.1",
     "eslint-plugin-prettier": "4.0.0",
-    "eslint-plugin-react": "7.28.0",
+    "eslint-plugin-react": "7.29.3",
     "eslint-plugin-unicorn": "41.0.0",
     "gh-release": "6.0.1",
     "git-semver-tags": "4.1.1",
@@ -124,7 +124,6 @@
     "lint-staged": "12.3.4",
     "pify": "5.0.0",
     "postcss": "8.4.7",
-    "posthtml": "0.16.5",
     "prettier": "2.5.1",
     "puppeteer": "10.0.0",
     "rimraf": "3.0.2",
@@ -143,7 +142,7 @@
     "ts-node": "10.6.0",
     "typescript": "4.5.4",
     "updtr": "4.0.0",
-    "workbox-build": "6.5.0",
+    "workbox-build": "6.5.1",
     "yargs": "17.3.1"
   },
   "license": "SEE LICENSE IN copyright.txt",

package/dist/calcite/p-e7dd0a9f.entry.js

@@ -1,5 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- */
-import{r as t,c as i,h as a,F as n,g as e}from"./p-362522e5.js";import{f as r}from"./p-8f3a3e4e.js";import{d as o}from"./p-b06207bb.js";import{f as s}from"./p-05bf835f.js";import"./p-8a63221d.js";let c=class{constructor(a){t(this,a),this.calciteFilterChange=i(this,"calciteFilterChange",7),this.disabled=!1,this.filteredItems=[],this.scale="m",this.filter=o((t=>{const i=new RegExp(t,"i");if(0===this.items.length)return void this.updateFiltered([]);const a=(t,i)=>{let n=!1;return s(t,(t=>{"function"!=typeof t&&(Array.isArray(t)||"object"==typeof t&&null!==t?a(t,i)&&(n=!0):i.test(t)&&(n=!0))})),n},n=this.items.filter((t=>a(t,i)));this.updateFiltered(n)}),250),this.inputHandler=t=>{this.value=t.target.value},this.keyDownHandler=({key:t})=>{"Escape"===t&&this.clear()},this.clear=()=>{this.value="",this.setFocus()}}watchItemsHandler(){this.filter(this.value)}valueHandler(t){this.filter(t)}async setFocus(){r(this.textInput)}updateFiltered(t){this.filteredItems.length=0,this.filteredItems=this.filteredItems.concat(t),this.calciteFilterChange.emit()}render(){const{disabled:t,scale:i}=this;return a(n,null,t?a("calcite-scrim",null):null,a("div",{class:"container"},a("label",null,a("calcite-input",{"aria-label":this.intlLabel||"Filter",disabled:this.disabled,icon:"search",onCalciteInputInput:this.inputHandler,onKeyDown:this.keyDownHandler,placeholder:this.placeholder,ref:t=>{this.textInput=t},scale:i,type:"text",value:this.value})),this.value?a("button",{"aria-label":this.intlClear||"Clear filter",class:"clear-button",onClick:this.clear},a("calcite-icon",{icon:"x",scale:i})):null))}get el(){return e(this)}static get watchers(){return{items:["watchItemsHandler"],value:["valueHandler"]}}};c.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:host{-webkit-box-sizing:border-box;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 *{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;width:100%}.container{display:-ms-flexbox;display:flex;width:100%;padding:0.5rem}label{position:relative;margin-left:0.25rem;margin-right:0.25rem;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;overflow:hidden}input[type=text]{margin-bottom:0.25rem;width:100%;border-style:none;background-color:transparent;padding-top:0.25rem;padding-bottom:0.25rem;padding-right:0.25rem;padding-left:1.5rem;font-family:inherit;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing);transition:padding var(--calcite-animation-timing), box-shadow var(--calcite-animation-timing), -webkit-box-shadow var(--calcite-animation-timing)}input[type=text]::-ms-clear{display:none}calcite-input{width:100%}.search-icon{position:absolute;display:-ms-flexbox;display:flex;color:var(--calcite-ui-text-2);inset-inline-start:0;-webkit-transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing);transition:left var(--calcite-animation-timing), right var(--calcite-animation-timing), opacity var(--calcite-animation-timing)}input[type=text]:focus{border-color:var(--calcite-ui-brand);outline:2px solid transparent;outline-offset:2px;padding-inline:0.25rem}input[type=text]:focus~.search-icon{inset-inline-start:calc(1rem * -1);opacity:0}.clear-button{display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;border-width:0px;background-color:transparent;color:var(--calcite-ui-text-2)}.clear-button:hover,.clear-button:focus{color:var(--calcite-ui-text-1)}";export{c as calcite_filter}