@esri/calcite-components 1.0.0-next.670 → 1.0.0-next.672

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-10T00:32:34",
+  "timestamp": "2022-12-13T00:53:25",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -9615,8 +9615,8 @@
         "Basic": "```html\n<calcite-input value=\"Entered value\" placeholder=\"My placeholder\"></calcite-input>\n```\n",
         "Clearable": "```html\n<calcite-label>\n  Clearable item\n  <calcite-input clearable value=\"My great name\" placeholder=\"John Doe\"></calcite-input>\n</calcite-label>\n```\n",
         "Native-events": "You can also listen for native events emitted from `<calcite-input>`.\n\nYou must use `focusin`/`focusout` instead of `focus`/`blur` because these events bubble up from the rendered child element rendered inside of `<calcite-input>`\n\nAll events return an element and a value:\n\n```js\ninput.addEventListener(\"focusin\", logFocus);\ninput.addEventListener(\"focusout\", logBlur);\n\nfunction logChange() {\n  console.log(event.target.element);\n  console.log(event.target.value);\n}\n```\n",
-        "With-label": "```html\n<calcite-label for=\"invalid-input\">\n  Invalid input\n  <calcite-input status=\"invalid\" id=\"invalid-input\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n  <calcite-input-message status=\"invalid\" active icon> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
-        "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"
+        "With-label": "```html\n<calcite-label for=\"invalid-input\">\n  Invalid input\n  <calcite-input status=\"invalid\" id=\"invalid-input\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n  <calcite-input-message status=\"invalid\" icon> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
+        "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\"> Here's something you should know about this input </calcite-input-message>\n</calcite-label>\n```\n"
       },
       "props": [
         {
@@ -9744,6 +9744,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "enterKeyHint",
+          "type": "string",
+          "mutable": false,
+          "attr": "enter-key-hint",
+          "reflectToAttr": false,
+          "docs": "Specifies the action label or icon for the Enter key on virtual keyboards.\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/Global_attributes/enterkeyhint)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "groupSeparator",
           "type": "boolean",
@@ -9819,6 +9840,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "inputMode",
+          "type": "string",
+          "mutable": false,
+          "attr": "input-mode",
+          "reflectToAttr": false,
+          "docs": "Specifies the type of content to help devices display an appropriate virtual keyboard.\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/Global_attributes/inputmode)"
+            }
+          ],
+          "default": "\"text\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "intlClear",
           "type": "string",
@@ -11313,36 +11356,9 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-label>\n  My great label\n  <calcite-input status=\"invalid\" placeholder=\"“Enter\" your information”></calcite-input>\n  <calcite-input-message status=\"invalid\" active\n    >That's not going to work out.\n    <calcite-button appearance=\"inline\" href=\"\">Learn more</calcite-button></calcite-input-message\n  >\n</calcite-label>\n```\n"
+        "Basic": "```html\n<calcite-label>\n  My great label\n  <calcite-input status=\"invalid\" placeholder=\"“Enter\" your information”></calcite-input>\n  <calcite-input-message status=\"invalid\"\n    >That's not going to work out.\n    <calcite-button appearance=\"inline\" href=\"\">Learn more</calcite-button></calcite-input-message\n  >\n</calcite-label>\n```\n"
       },
       "props": [
-        {
-          "name": "active",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "active",
-          "reflectToAttr": true,
-          "docs": "When `true`, the component is active.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use global `hidden` attribute instead."
-            },
-            {
-              "name": "mdn",
-              "text": "[hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)"
-            }
-          ],
-          "default": "false",
-          "deprecation": "use global `hidden` attribute instead.",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "icon",
           "type": "boolean | string",
@@ -11413,29 +11429,6 @@
           ],
           "optional": false,
           "required": false
-        },
-        {
-          "name": "type",
-          "type": "\"default\"",
-          "mutable": false,
-          "attr": "type",
-          "reflectToAttr": true,
-          "docs": "Specifies the appearance of a slotted message - `\"default\"` (displayed under the component), or `\"floating\"` (positioned absolutely under the component).",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "The `\"floating\"` type is no longer supported."
-            }
-          ],
-          "deprecation": "The `\"floating\"` type is no longer supported.",
-          "values": [
-            {
-              "value": "default",
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
         }
       ],
       "methods": [],
@@ -11583,6 +11576,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "enterKeyHint",
+          "type": "string",
+          "mutable": false,
+          "attr": "enter-key-hint",
+          "reflectToAttr": false,
+          "docs": "Specifies the action label or icon for the Enter key on virtual keyboards.\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/Global_attributes/enterkeyhint)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "groupSeparator",
           "type": "boolean",
@@ -11658,6 +11672,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "inputMode",
+          "type": "string",
+          "mutable": false,
+          "attr": "input-mode",
+          "reflectToAttr": false,
+          "docs": "Specifies the type of content to help devices display an appropriate virtual keyboard.\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/Global_attributes/inputmode)"
+            }
+          ],
+          "default": "\"decimal\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "intlClear",
           "type": "string",
@@ -12331,6 +12367,27 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "enterKeyHint",
+          "type": "string",
+          "mutable": false,
+          "attr": "enter-key-hint",
+          "reflectToAttr": false,
+          "docs": "Specifies the action label or icon for the Enter key on virtual keyboards.\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/Global_attributes/enterkeyhint)"
+            }
+          ],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "hidden",
           "type": "boolean",
@@ -12389,6 +12446,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "inputMode",
+          "type": "string",
+          "mutable": false,
+          "attr": "input-mode",
+          "reflectToAttr": false,
+          "docs": "Specifies the type of content to help devices display an appropriate virtual keyboard.\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/Global_attributes/inputmode)"
+            }
+          ],
+          "default": "\"text\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "intlClear",
           "type": "string",
@@ -12742,7 +12821,7 @@
         },
         {
           "event": "calciteInputTextInput",
-          "detail": "{ element: HTMLInputElement; nativeEvent: KeyboardEvent | MouseEvent | InputEvent; value: string; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": true,
           "composed": true,
@@ -13430,7 +13509,7 @@
         }
       ],
       "usage": {
-        "Basic": "```html\n<calcite-label>\n  Invalid input\n  <calcite-input status=\"invalid\" type=\"search\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n  <calcite-input-message active icon status=\"invalid\"> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
+        "Basic": "```html\n<calcite-label>\n  Invalid input\n  <calcite-input status=\"invalid\" type=\"search\" placeholder=\"Filter your files\" value=\"adfo2h2\"></calcite-input>\n  <calcite-input-message icon status=\"invalid\"> Something doesn't look right </calcite-input-message>\n</calcite-label>\n```\n",
         "Browser-caveat": "When using the `default`, `inline` or `inline-space-between` layout option with [browsers that do not support the CSS `gap` property when used with flexbox](https://caniuse.com/flexbox-gap), you will need to use the `--calcite-label-margin-bottom` CSS variable and apply spacing manually to the label by wrapping it in a styled span like so:\n\n```html\n<calcite-label layout=\"inline\" style=\"--calcite-label-margin-bottom:0;\">\n  <span style=\"margin-right: 0.75rem\">Text leading inline</span>\n  <calcite-checkbox></calcite-checkbox>\n</calcite-label>\n```\n"
       },
       "props": [

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.670
+ * v1.0.0-next.672
  */
 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.670
+ * v1.0.0-next.672
  */
 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.670
+ * v1.0.0-next.672
  */
 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.670
+ * v1.0.0-next.672
  */
 (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

@@ -1,13 +1,12 @@
 import { DeprecatedEventPayload, Scale, Status } from "../interfaces";
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { InputPlacement } from "./interfaces";
+import { InputPlacement, NumberNudgeDirection } from "./interfaces";
 import { Position } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { NumberingSystem, LocalizedComponent } from "../../utils/locale";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LoadableComponent } from "../../utils/loadable";
-declare type NumberNudgeDirection = "up" | "down";
 /**
  * @slot action - A slot for positioning a `calcite-button` next to the component.
  */
@@ -165,6 +164,20 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/multiple)
    */
   multiple: boolean;
+  /**
+   * Specifies the type of content to help devices display an appropriate virtual keyboard.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+   */
+  inputMode: string;
+  /**
+   * Specifies the action label or icon for the Enter key on virtual keyboards.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterKeyHint: string;
   /** Adds text to the end of the component. */
   suffixText: string;
   /**
@@ -261,4 +274,3 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   private warnAboutInvalidNumberValue;
   render(): VNode;
 }
-export {};

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

@@ -1 +1,3 @@
 export declare type InputPlacement = "vertical" | "horizontal" | "none";
+export declare type NumberNudgeDirection = "up" | "down";
+export declare type SetValueOrigin = "initial" | "connected" | "user" | "reset" | "direct";

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

@@ -5,25 +5,12 @@ import { Scale, Status } from "../interfaces";
  */
 export declare class InputMessage {
   el: HTMLCalciteInputMessageElement;
-  /**
-   * When `true`, the component is active.
-   *
-   * @deprecated use global `hidden` attribute instead.
-   * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-   */
-  active: boolean;
   /** Specifies an icon to display. */
   icon: boolean | string;
   /** Specifies the size of the component. */
   scale: Scale;
   /** Specifies the status of the input field, which determines message and icons. */
   status: Status;
-  /**
-   * Specifies the appearance of a slotted message - `"default"` (displayed under the component), or `"floating"` (positioned absolutely under the component).
-   *
-   * @deprecated The `"floating"` type is no longer supported.
-   */
-  type: "default";
   handleIconEl(): void;
   connectedCallback(): void;
   render(): VNode;

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

@@ -1,12 +1,11 @@
 import { Position, Scale, Status } from "../interfaces";
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { InputPlacement } from "./interfaces";
+import { InputPlacement, NumberNudgeDirection } from "../input/interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { NumberingSystem, LocalizedComponent } from "../../utils/locale";
 import { InteractiveComponent } from "../../utils/interactive";
 import { LoadableComponent } from "../../utils/loadable";
-declare type NumberNudgeDirection = "up" | "down";
 /**
  * @slot action - A slot for positioning a button next to the component.
  */
@@ -140,6 +139,20 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
    */
   autocomplete: string;
+  /**
+   * Specifies the type of content to help devices display an appropriate virtual keyboard.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+   */
+  inputMode: string;
+  /**
+   * Specifies the action label or icon for the Enter key on virtual keyboards.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterKeyHint: string;
   /** Adds text to the end of the component.  */
   suffixText: string;
   /**
@@ -222,4 +235,3 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   private warnAboutInvalidNumberValue;
   render(): VNode;
 }
-export {};

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

@@ -1,6 +1,5 @@
-import { Scale, Status } from "../interfaces";
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Position } from "../interfaces";
+import { Position, Scale, Status } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
@@ -100,6 +99,20 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
    */
   autocomplete: string;
+  /**
+   * Specifies the type of content to help devices display an appropriate virtual keyboard.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
+   */
+  inputMode: string;
+  /**
+   * Specifies the action label or icon for the Enter key on virtual keyboards.
+   * Read the native attribute's documentation on MDN for more info.
+   *
+   * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)
+   */
+  enterKeyHint: string;
   /**
    * Specifies a regex pattern the component's `value` must match for validation.
    * Read the native attribute's documentation on MDN for more info.
@@ -153,11 +166,7 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   /**
    * Fires each time a new value is typed.
    */
-  calciteInputTextInput: EventEmitter<{
-    element: HTMLInputElement;
-    nativeEvent: MouseEvent | KeyboardEvent | InputEvent;
-    value: string;
-  }>;
+  calciteInputTextInput: EventEmitter<void>;
   /**
    * Fires each time a new value is typed and committed.
    */