@esri/calcite-components 1.5.0-next.2 → 1.5.0-next.20

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { Fragment, h } from "@stencil/core";
 import { debounce } from "lodash-es";
 import { filter } from "../../utils/filter";
 import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
 import { CSS, DEBOUNCE_TIMEOUT, ICONS } from "./resources";
@@ -18,11 +18,11 @@ export class Filter {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.filter = debounce((value, emit = false) => this.updateFiltered(filter(this.items, value), emit), DEBOUNCE_TIMEOUT);
+    this.filterDebounced = debounce((value, emit = false, onFilter) => this.updateFiltered(filter(this.items, value), emit, onFilter), DEBOUNCE_TIMEOUT);
     this.inputHandler = (event) => {
       const target = event.target;
       this.value = target.value;
-      this.filter(target.value, true);
+      this.filterDebounced(target.value, true);
     };
     this.keyDownHandler = (event) => {
       if (event.key === "Escape") {
@@ -35,7 +35,7 @@ export class Filter {
     };
     this.clear = () => {
       this.value = "";
-      this.filter("", true);
+      this.filterDebounced("", true);
       this.setFocus();
     };
     this.items = [];
@@ -50,13 +50,13 @@ export class Filter {
     this.defaultMessages = undefined;
   }
   watchItemsHandler() {
-    this.filter(this.value);
+    this.filterDebounced(this.value);
   }
   onMessagesChange() {
     /* wired up by t9n util */
   }
   valueHandler(value) {
-    this.filter(value);
+    this.filterDebounced(value);
   }
   effectiveLocaleChange() {
     updateMessages(this, this.effectiveLocale);
@@ -83,6 +83,7 @@ export class Filter {
     disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
+    this.filterDebounced.cancel();
   }
   componentDidLoad() {
     setComponentLoaded(this);
@@ -92,17 +93,31 @@ export class Filter {
   //  Public Methods
   //
   // --------------------------------------------------------------------------
+  /**
+   * Performs a filter on the component.
+   *
+   * This method can be useful because filtering is delayed and asynchronous.
+   *
+   * @param {string} value - The filter text value.
+   * @returns {Promise<void>}
+   */
+  async filter(value = this.value) {
+    return new Promise((resolve) => {
+      this.value = value;
+      this.filterDebounced(value, false, resolve);
+    });
+  }
   /** Sets focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     this.el?.focus();
   }
-  updateFiltered(filtered, emit = false) {
-    this.filteredItems.length = 0;
-    this.filteredItems = this.filteredItems.concat(filtered);
+  updateFiltered(filtered, emit = false, callback) {
+    this.filteredItems = filtered;
     if (emit) {
       this.calciteFilterChange.emit();
     }
+    callback?.();
   }
   // --------------------------------------------------------------------------
   //
@@ -318,6 +333,34 @@ export class Filter {
   }
   static get methods() {
     return {
+      "filter": {
+        "complexType": {
+          "signature": "(value?: string) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "value - The filter text value."
+                }],
+              "text": "- The filter text value."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Performs a filter on the component.\n\nThis method can be useful because filtering is delayed and asynchronous.",
+          "tags": [{
+              "name": "param",
+              "text": "value - The filter text value."
+            }, {
+              "name": "returns",
+              "text": undefined
+            }]
+        }
+      },
       "setFocus": {
         "complexType": {
           "signature": "() => Promise<void>",

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/flow/flow.js

@@ -1,11 +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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
 import { CSS } from "./resources";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-flow-item` elements to the component.
  */
@@ -64,10 +65,18 @@ export class Flow {
     const beforeBack = lastItem.beforeBack
       ? lastItem.beforeBack
       : () => Promise.resolve();
-    return beforeBack.call(lastItem).then(() => {
-      lastItem.remove();
-      return lastItem;
-    });
+    await beforeBack.call(lastItem);
+    lastItem.remove();
+    return lastItem;
+  }
+  /**
+   * Sets focus on the component.
+   */
+  async setFocus() {
+    await componentFocusable(this);
+    const { items } = this;
+    const activeItem = items[items.length - 1];
+    return activeItem?.setFocus();
   }
   // --------------------------------------------------------------------------
   //
@@ -78,6 +87,12 @@ export class Flow {
     this.itemMutationObserver?.observe(this.el, { childList: true, subtree: true });
     this.updateFlowProps();
   }
+  async componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     this.itemMutationObserver?.disconnect();
   }
@@ -86,8 +101,9 @@ export class Flow {
   //  Private Methods
   //
   // --------------------------------------------------------------------------
-  handleItemBackClick() {
-    this.back();
+  async handleItemBackClick() {
+    await this.back();
+    return this.setFocus();
   }
   // --------------------------------------------------------------------------
   //
@@ -142,6 +158,22 @@ export class Flow {
           "text": "Removes the currently active `calcite-flow-item`.",
           "tags": []
         }
+      },
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Sets focus on the component.",
+          "tags": []
+        }
       }
     };
   }

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   frame: "frame",

package/dist/collection/components/flow-item/flow-item.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.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
 import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
 import { SLOTS as PANEL_SLOTS } from "../panel/resources";
@@ -102,13 +102,14 @@ export class FlowItem {
    * Sets focus on the component.
    */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     const { backButtonEl, containerEl } = this;
     if (backButtonEl) {
-      backButtonEl.setFocus();
-      return;
+      return backButtonEl.setFocus();
+    }
+    else if (containerEl) {
+      return containerEl.setFocus();
     }
-    containerEl?.setFocus();
   }
   /**
    * Scrolls the component's content to a specified set of coordinates.

package/dist/collection/components/flow-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   backButton: "back-button"

package/dist/collection/components/functional/ExpandToggle.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/functional/FloatingArrow.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h } from "@stencil/core";
 const CSS = {
@@ -21,7 +21,7 @@ const DEFAULTS = {
  * @param floatingLayout.floatingLayout
  * @param floatingLayout – The effective floating layout to render the arrow vertically or horizontally. Possible values: `vertical` or `horizontal`.
  *
- * See [floating-ui](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts)
+ * See [floating-ui](https://github.com/Esri/calcite-design-system/blob/main/src/utils/floating-ui.ts)
  * @param floatingLayout.key
  * @param floatingLayout.ref
  */

package/dist/collection/components/functional/Heading.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/functional/XButton.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h } from "@stencil/core";
 export const CSS = {

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { forceUpdate, h } from "@stencil/core";
 import { guid } from "../../utils/guid";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 /**
  * Calculate slope of the tangents

package/dist/collection/components/handle/assets/handle/t9n/messages_cs.json

@@ -1,3 +1,3 @@
 {
-  "dragHandle": "Úchyt přetažení"
+  "dragHandle": "Přetáhnout úchyt"
 }

package/dist/collection/components/handle/assets/handle/t9n/messages_ja.json

@@ -1,3 +1,3 @@
 {
-  "dragHandle": "ドラッグ ハンドル"
+  "dragHandle": "ハンドルのドラッグ"
 }

package/dist/collection/components/handle/assets/handle/t9n/messages_ru.json

@@ -1,3 +1,3 @@
 {
-  "dragHandle": "Перетащить элемент управления"
+  "dragHandle": "Перетащить маркер"
 }

package/dist/collection/components/handle/assets/handle/t9n/messages_sk.json

@@ -1,3 +1,3 @@
 {
-  "dragHandle": "Ťahací prvok"
+  "dragHandle": "Rukoväť na ťahanie"
 }

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

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
 import { CSS, ICONS } from "./resources";
@@ -81,7 +81,7 @@ export class Handle {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     this.handleButton?.focus();
   }
   // --------------------------------------------------------------------------

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   handle: "handle",

package/dist/collection/components/icon/icon.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { Build, h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/icon/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { getAssetPath } from "@stencil/core";
 /**

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

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";
 import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
 import { createObserver } from "../../utils/observers";
 import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
@@ -180,7 +180,7 @@ export class InlineEditable {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     this.el?.focus();
   }
   //--------------------------------------------------------------------------

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   wrapper: "wrapper",

package/dist/collection/components/input/input.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
@@ -9,9 +9,9 @@ import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "..
 import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
-import { connectLocalized, defaultNumberingSystem, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
-import { BigDecimal, isValidNumber, parseNumberString, sanitizeNumberString } from "../../utils/number";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
+import { addLocalizedTrailingDecimalZeros, BigDecimal, isValidNumber, parseNumberString, sanitizeNumberString } from "../../utils/number";
 import { createObserver } from "../../utils/observers";
 import { CSS_UTILITY } from "../../utils/resources";
 import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
@@ -156,7 +156,7 @@ export class Input {
         return;
       }
       const isShiftTabEvent = event.shiftKey && event.key === "Tab";
-      if (supportedKeys.includes(event.key) && (!event.shiftKey || isShiftTabEvent)) {
+      if (supportedKeys.includes(event.key) || isShiftTabEvent) {
         if (event.key === "Enter") {
           this.emitChangeIfUserModified();
         }
@@ -266,19 +266,23 @@ export class Input {
           useGrouping: this.groupSeparator,
           signDisplay: "never"
         };
-        const sanitizedValue = sanitizeNumberString(
-        // no need to delocalize a string that ia already in latn numerals
-        (this.numberingSystem && this.numberingSystem !== "latn") ||
-          defaultNumberingSystem !== "latn"
-          ? numberStringFormatter.delocalize(value)
-          : value);
+        const isValueDeleted = this.previousValue?.length > value.length || this.value?.length > value.length;
+        const hasTrailingDecimalSeparator = value.charAt(value.length - 1) === ".";
+        const sanitizedValue = hasTrailingDecimalSeparator && isValueDeleted ? value : sanitizeNumberString(value);
         const newValue = value && !sanitizedValue
           ? isValidNumber(this.previousValue)
             ? this.previousValue
             : ""
           : sanitizedValue;
-        const newLocalizedValue = numberStringFormatter.localize(newValue);
-        this.localizedValue = newLocalizedValue;
+        let newLocalizedValue = numberStringFormatter.localize(newValue);
+        if (origin !== "connected" && !hasTrailingDecimalSeparator) {
+          newLocalizedValue = addLocalizedTrailingDecimalZeros(newLocalizedValue, newValue, numberStringFormatter);
+        }
+        // adds localized trailing decimal separator
+        this.localizedValue =
+          hasTrailingDecimalSeparator && isValueDeleted
+            ? `${newLocalizedValue}${numberStringFormatter.decimal}`
+            : newLocalizedValue;
         this.userChangedValue = origin === "user" && this.value !== newValue;
         // don't sanitize the start of negative/decimal numbers, but
         // don't set value to an invalid number
@@ -464,7 +468,7 @@ export class Input {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     if (this.type === "number") {
       this.childNumberEl?.focus();
     }
@@ -482,7 +486,7 @@ export class Input {
     }
   }
   // TODO: refactor so we don't need to sync the internals in color-picker
-  // https://github.com/Esri/calcite-components/issues/6100
+  // https://github.com/Esri/calcite-design-system/issues/6100
   /** @internal */
   async internalSyncChildElValue() {
     if (this.type === "number") {

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-date-picker/input-date-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { Build, h, Host } from "@stencil/core";
 import { dateFromISO, dateFromLocalizedString, dateFromRange, datePartsFromLocalizedString, dateToISO, inRange } from "../../utils/date";
@@ -11,7 +11,7 @@ import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "..
 import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel } from "../../utils/label";
-import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";
 import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
 import { getLocaleData, getValueAsDateRange } from "../date-picker/utils";
@@ -356,7 +356,7 @@ export class InputDatePicker {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    await componentLoaded(this);
+    await componentFocusable(this);
     this.el.focus();
   }
   /**
@@ -512,6 +512,7 @@ export class InputDatePicker {
     deactivateFocusTrap(this);
     this.restoreInputFocus();
     this.focusOnOpen = false;
+    this.datePickerEl.reset();
   }
   commitValue() {
     const { focusedInput, value } = this;

package/dist/collection/components/input-date-picker/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 export const CSS = {
   menu: "menu-container",

package/dist/collection/components/input-message/input-message.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.5.0-next.1
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.5.0-next.20
  */
 import { h, Host } from "@stencil/core";
 import { setRequestedIcon } from "../../utils/dom";