@esri/calcite-components 1.0.0-next.641 → 1.0.0-next.643

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-11-23T21:21:49",
+  "timestamp": "2022-11-28T22:23:41",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.18.1",
@@ -9813,6 +9813,27 @@
         "With-message": "```html\n<calcite-label for=\"info\">\n  My great label\n  <calcite-input id=\"info\" placeholder=\"Enter your information\"></calcite-input>\n  <calcite-input-message icon=\"3d-glasses\" active>\n    Here's something you should know about this input\n  </calcite-input-message>\n</calcite-label>\n```\n"
       },
       "props": [
+        {
+          "name": "accept",
+          "type": "string",
+          "mutable": false,
+          "attr": "accept",
+          "reflectToAttr": false,
+          "docs": "Specifies a comma separated list of unique file type specifiers for limiting accepted file types.\nThis property only has an effect when `type` is \"file\".\nRead the native attribute's documentation on MDN for more info.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "alignment",
           "type": "\"end\" | \"start\"",
@@ -9835,6 +9856,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "mutable": false,
+          "attr": "autocomplete",
+          "reflectToAttr": false,
+          "docs": "Specifies the type of content to autocomplete, for use in forms.\nRead the native attribute's documentation on MDN for more info.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "autofocus",
           "type": "boolean",
@@ -10174,6 +10216,28 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "multiple",
+          "reflectToAttr": false,
+          "docs": "When `true`, the component can accept more than one value.\nThis property only has an effect when `type` is \"email\" or \"file\".\nRead the native attribute's documentation on MDN for more info.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -10322,6 +10386,27 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "pattern",
+          "type": "string",
+          "mutable": false,
+          "attr": "pattern",
+          "reflectToAttr": false,
+          "docs": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "placeholder",
           "type": "string",
@@ -11723,6 +11808,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "mutable": false,
+          "attr": "autocomplete",
+          "reflectToAttr": false,
+          "docs": "Specifies the type of content to autocomplete, for use in forms.\nRead the native attribute's documentation on MDN for more info.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "autofocus",
           "type": "boolean",
@@ -12476,6 +12582,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "autocomplete",
+          "type": "string",
+          "mutable": false,
+          "attr": "autocomplete",
+          "reflectToAttr": false,
+          "docs": "Specifies the type of content to autocomplete, for use in forms.\nRead the native attribute's documentation on MDN for more info.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "autofocus",
           "type": "boolean",
@@ -12729,6 +12856,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "pattern",
+          "type": "string",
+          "mutable": false,
+          "attr": "pattern",
+          "reflectToAttr": false,
+          "docs": "Specifies a regex pattern the component's `value` must match for validation.\nRead the native attribute's documentation on MDN for more info.",
+          "docsTags": [
+            {
+              "name": "mdn",
+              "text": "[step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "placeholder",
           "type": "string",

package/dist/loader/cdn.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.0.0-next.641
+ * v1.0.0-next.643
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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.0.0-next.641
+ * v1.0.0-next.643
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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.0.0-next.641
+ * v1.0.0-next.643
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.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.0.0-next.641
+ * v1.0.0-next.643
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

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

@@ -149,6 +149,36 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
    */
   step?: number | "any";
+  /**
+   * Specifies the type of content to autocomplete, for use in forms.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+   */
+  autocomplete: string;
+  /**
+   * Specifies a regex pattern the component's `value` must match for validation.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+   */
+  pattern: string;
+  /**
+   * Specifies a comma separated list of unique file type specifiers for limiting accepted file types.
+   * This property only has an effect when `type` is "file".
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+   */
+  accept: string;
+  /**
+   * When `true`, the component can accept more than one value.
+   * This property only has an effect when `type` is "email" or "file".
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
+   */
+  multiple: boolean;
   /** Adds text to the end of the component. */
   suffixText?: string;
   /**

package/dist/types/components/input-number/input-number.d.ts

@@ -141,6 +141,13 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
    */
   step?: number | "any";
+  /**
+   * Specifies the type of content to autocomplete, for use in forms.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+   */
+  autocomplete: string;
   /** Adds text to the end of the component.  */
   suffixText?: string;
   /**

package/dist/types/components/input-text/input-text.d.ts

@@ -93,6 +93,20 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   scale: Scale;
   /** Specifies the status of the input field, which determines message and icons. */
   status: Status;
+  /**
+   * Specifies the type of content to autocomplete, for use in forms.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+   */
+  autocomplete: string;
+  /**
+   * Specifies a regex pattern the component's `value` must match for validation.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+   */
+  pattern: string;
   /** Adds text to the end of the component.  */
   suffixText?: string;
   /**

package/dist/types/components.d.ts

@@ -1624,10 +1624,20 @@ export namespace Components {
         "setFocus": () => Promise<void>;
     }
     interface CalciteInput {
+        /**
+          * Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "accept": string;
         /**
           * Specifies the text alignment of the component's value.
          */
         "alignment": Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete": string;
         /**
           * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
@@ -1712,6 +1722,11 @@ export namespace Components {
           * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
          */
         "minLength"?: number;
+        /**
+          * When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
+         */
+        "multiple": boolean;
         /**
           * Specifies the name of the component on form submission.
           * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
@@ -1725,6 +1740,11 @@ export namespace Components {
           * Specifies the Unicode numeral system used by the component for localization.
          */
         "numberingSystem"?: NumberingSystem;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern": string;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
@@ -1961,6 +1981,11 @@ export namespace Components {
           * Specifies the text alignment of the component's value.
          */
         "alignment": Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete": string;
         /**
           * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
@@ -2106,6 +2131,11 @@ export namespace Components {
           * Specifies the text alignment of the component's value.
          */
         "alignment": Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete": string;
         /**
           * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
@@ -2166,6 +2196,11 @@ export namespace Components {
           * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
          */
         "name": string;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern": string;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
@@ -6883,10 +6918,20 @@ declare namespace LocalJSX {
         "scale"?: Scale;
     }
     interface CalciteInput {
+        /**
+          * Specifies a comma separated list of unique file type specifiers for limiting accepted file types. This property only has an effect when `type` is "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "accept"?: string;
         /**
           * Specifies the text alignment of the component's value.
          */
         "alignment"?: Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete"?: string;
         /**
           * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
@@ -6966,6 +7011,11 @@ declare namespace LocalJSX {
           * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
          */
         "minLength"?: number;
+        /**
+          * When `true`, the component can accept more than one value. This property only has an effect when `type` is "email" or "file". Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
+         */
+        "multiple"?: boolean;
         /**
           * Specifies the name of the component on form submission.
           * @mdn [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
@@ -6987,6 +7037,11 @@ declare namespace LocalJSX {
           * Fires each time a new `value` is typed.  **Note:**: The `el` and `value` event payload properties are deprecated, use the event's `target`/`currentTarget` instead.
          */
         "onCalciteInputInput"?: (event: CalciteInputCustomEvent<DeprecatedEventPayload>) => void;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern"?: string;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)
@@ -7233,6 +7288,11 @@ declare namespace LocalJSX {
           * Specifies the text alignment of the component's value.
          */
         "alignment"?: Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete"?: string;
         /**
           * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
@@ -7373,6 +7433,11 @@ declare namespace LocalJSX {
           * Specifies the text alignment of the component's value.
          */
         "alignment"?: Position;
+        /**
+          * Specifies the type of content to autocomplete, for use in forms. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+         */
+        "autocomplete"?: string;
         /**
           * When `true`, the component is focused on page load.
           * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
@@ -7444,6 +7509,11 @@ declare namespace LocalJSX {
     nativeEvent: MouseEvent | KeyboardEvent | InputEvent;
     value: string;
   }>) => void;
+        /**
+          * Specifies a regex pattern the component's `value` must match for validation. Read the native attribute's documentation on MDN for more info.
+          * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)
+         */
+        "pattern"?: string;
         /**
           * Specifies placeholder text for the component.
           * @mdn [placeholder](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder)

package/hydrate/index.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.0.0-next.641
+ * v1.0.0-next.643
  */
 'use strict';
 
@@ -17055,7 +17055,6 @@ class Combobox {
     this.scrollToActiveItem();
   }
   updateActiveItemIndex(index) {
-    var _a;
     this.activeItemIndex = index;
     let activeDescendant = null;
     this.visibleItems.forEach((el, i) => {
@@ -17070,7 +17069,6 @@ class Combobox {
     this.activeDescendant = activeDescendant;
     if (this.activeItemIndex > -1) {
       this.activeChipIndex = -1;
-      (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }
   isMulti() {
@@ -17145,7 +17143,7 @@ class Combobox {
   render() {
     const { active, guid, label, open } = this;
     const single = this.selectionMode === "single";
-    return (hAsync(Host, null, hAsync("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": toAriaBoolean(open || active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-live": "polite", "aria-owns": `${listboxUidPrefix}${guid}`, class: {
+    return (hAsync(Host, { onClick: this.comboboxFocusHandler }, hAsync("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": toAriaBoolean(open || active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-live": "polite", "aria-owns": `${listboxUidPrefix}${guid}`, class: {
         wrapper: true,
         "wrapper--single": single || !this.selectedItems.length,
         "wrapper--active": open || active
@@ -17247,10 +17245,7 @@ class ComboboxItem {
     // --------------------------------------------------------------------------
     this.itemClickHandler = (event) => {
       event.preventDefault();
-      if (this.disabled) {
-        return;
-      }
-      this.selected = !this.selected;
+      this.toggleSelected();
     };
   }
   selectedWatchHandler() {
@@ -20894,6 +20889,14 @@ class Input {
     this.scale = "m";
     /** Specifies the status of the input field, which determines message and icons. */
     this.status = "idle";
+    /**
+     * When `true`, the component can accept more than one value.
+     * This property only has an effect when `type` is "email" or "file".
+     * Read the native attribute's documentation on MDN for more info.
+     *
+     * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
+     */
+    this.multiple = false;
     /**
      * @internal
      */
@@ -21418,13 +21421,13 @@ class Input {
     const numberButtonsVertical = (hAsync("div", { class: CSS$v.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
     const prefixText = hAsync("div", { class: CSS$v.prefix }, this.prefixText);
     const suffixText = hAsync("div", { class: CSS$v.suffix }, this.suffixText);
-    const localeNumberInput = this.type === "number" ? (hAsync("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.localizedValue })) : null;
+    const localeNumberInput = this.type === "number" ? (hAsync("input", { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, multiple: this.multiple, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.localizedValue })) : null;
     const childEl = this.type !== "number"
       ? [
-        hAsync(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, class: {
+        hAsync(this.childElType, { accept: this.accept, "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, class: {
             [CSS$v.editingEnabled]: this.editingEnabled,
             [CSS$v.inlineChild]: !!this.inlineEditableEl
-          }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value }),
+          }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, max: this.maxString, maxLength: this.maxLength, min: this.minString, minLength: this.minLength, multiple: this.multiple, name: this.name, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputInputHandler, onKeyDown: this.inputKeyDownHandler, onKeyUp: this.inputKeyUpHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: this.type, value: this.value }),
         this.isTextarea ? (hAsync("div", { class: CSS$v.resizeIconWrapper }, hAsync("calcite-icon", { icon: "chevron-down", scale: "s" }))) : null
       ]
       : null;
@@ -21480,6 +21483,10 @@ class Input {
       "scale": [1537],
       "status": [1537],
       "step": [520],
+      "autocomplete": [1],
+      "pattern": [1],
+      "accept": [1],
+      "multiple": [4],
       "suffixText": [1, "suffix-text"],
       "editingEnabled": [1540, "editing-enabled"],
       "type": [513],
@@ -22781,7 +22788,7 @@ class InputNumber {
     const numberButtonsVertical = (hAsync("div", { class: CSS$t.numberButtonWrapper }, numberButtonsHorizontalUp, numberButtonsHorizontalDown));
     const prefixText = hAsync("div", { class: CSS$t.prefix }, this.prefixText);
     const suffixText = hAsync("div", { class: CSS$t.suffix }, this.suffixText);
-    const childEl = (hAsync("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.localizedValue }));
+    const childEl = (hAsync("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputNumberBlurHandler, onFocus: this.inputNumberFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, onKeyUp: this.inputNumberKeyUpHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, type: "text", value: this.localizedValue }));
     return (hAsync(Host, { onClick: this.inputNumberFocusHandler, onKeyDown: this.keyDownHandler }, hAsync("div", { class: { [CSS$t.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.numberButtonType === "horizontal" && !this.readOnly
       ? numberButtonsHorizontalDown
       : null, this.prefixText ? prefixText : null, hAsync("div", { class: CSS$t.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { class: CSS$t.actionWrapper }, hAsync("slot", { name: SLOTS$g.action })), this.numberButtonType === "vertical" && !this.readOnly ? numberButtonsVertical : null, this.suffixText ? suffixText : null, this.numberButtonType === "horizontal" && !this.readOnly
@@ -22830,6 +22837,7 @@ class InputNumber {
       "scale": [1537],
       "status": [1537],
       "step": [520],
+      "autocomplete": [1],
       "suffixText": [1, "suffix-text"],
       "editingEnabled": [1540, "editing-enabled"],
       "value": [1025],
@@ -23162,10 +23170,10 @@ class InputText {
     const iconEl = (hAsync("calcite-icon", { class: CSS$s.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: "s" }));
     const prefixText = hAsync("div", { class: CSS$s.prefix }, this.prefixText);
     const suffixText = hAsync("div", { class: CSS$s.suffix }, this.suffixText);
-    const childEl = (hAsync("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, class: {
+    const childEl = (hAsync("input", { "aria-label": getLabelText(this), autocomplete: this.autocomplete, autofocus: this.autofocus ? true : null, class: {
         [CSS$s.editingEnabled]: this.editingEnabled,
         [CSS$s.inlineChild]: !!this.inlineEditableEl
-      }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
+      }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, pattern: this.pattern, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
     return (hAsync(Host, { onClick: this.inputTextFocusHandler, onKeyDown: this.keyDownHandler }, hAsync("div", { class: { [CSS$s.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, hAsync("div", { class: CSS$s.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), hAsync("div", { class: CSS$s.actionWrapper }, hAsync("slot", { name: SLOTS$f.action })), this.suffixText ? suffixText : null, hAsync(HiddenFormInputSlot, { component: this }))));
   }
   get el() { return getElement(this); }
@@ -23199,6 +23207,8 @@ class InputText {
       "required": [516],
       "scale": [1537],
       "status": [1537],
+      "autocomplete": [1],
+      "pattern": [1],
       "suffixText": [1, "suffix-text"],
       "editingEnabled": [1540, "editing-enabled"],
       "value": [1025],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.641",
+  "version": "1.0.0-next.643",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",