@esri/calcite-components 1.0.0-next.282 → 1.0.0-next.283

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

@@ -0,0 +1 @@
+"M6 6.19L2.942 3.5 6 .81V3h7v3h5V3.81l3.058 2.69L18 9.19V7h-6V4H6zM2 2H1v3h1zm20 17.017V22h-3.278A1.994 1.994 0 0 1 15 21H6a2 2 0 0 1-4 0 1.977 1.977 0 0 1 .278-1H1v-8h13v6h1v-5h3.8c2.888 0 3.2 4.208 3.2 6.017zM5 21a1 1 0 1 0-1 1 1.001 1.001 0 0 0 1-1zm8-8H2v6h2a1.993 1.993 0 0 1 1.722 1H13zm2 6h-1v1h1zm3 2a1 1 0 1 0-1 1 1.001 1.001 0 0 0 1-1zm3-2h-1.018l-1-2H17v-3h-1v5.278A1.977 1.977 0 0 1 17 19a2.002 2.002 0 0 1 2 2h2v-1.983zm-.04-1c-.114-1.522-.546-4-2.16-4H18v2h1.6l1 2zM22 5v3h1V5z"

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

@@ -0,0 +1 @@
+"M30 7v5h-1V7zM3 3H2v5h1zm4 3h8v4h10v2.19l3.058-2.69L25 6.81V9h-9V5H7V2.81L3.942 5.5 7 8.19zm22 19.017V29h-4.05a2.5 2.5 0 0 1-4.95-.5 2.475 2.475 0 0 1 .081-.6H9.92a2.475 2.475 0 0 1 .081.6 2.5 2.5 0 0 1-5 0 2.475 2.475 0 0 1 .081-.6H3V26H1V14h19v10h1v-6h4.8c2.969 0 3.2 5.37 3.2 7.017zM19 25V15H2v10zM9 28.5A1.5 1.5 0 1 0 7.5 30 1.502 1.502 0 0 0 9 28.5zm12-1.987V25h-1v1H4v1h1.513a2.475 2.475 0 0 1 3.974 0h11.026a2.513 2.513 0 0 1 .487-.487zm3 1.987a1.5 1.5 0 1 0-1.5 1.5 1.502 1.502 0 0 0 1.5-1.5zm4-3.5h-1.018l-1-2H24v-4h-2v7.05A2.5 2.5 0 0 1 24.95 28H28v-1.002L26 27v-.999L28 26v-.983zm-.03-1c-.126-2.205-.677-5-2.17-5H25v3h1.6l1 2z"

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

@@ -0,0 +1 @@
+"M12.55 7A3.44 3.44 0 0 0 16 3.5 3.44 3.44 0 0 0 12.55 0 3.526 3.526 0 0 0 9 3.5 3.526 3.526 0 0 0 12.55 7zM12 1.05V4h2V3h-1V1.05a2.5 2.5 0 1 1-1 0zm4 11.158C16 11.167 16 8 13.045 8H11v3h-1V7H0v7h1.092a1.494 1.494 0 1 0 2.816 1h7.184a1.492 1.492 0 0 0 2.816 0H16zM3 15H2v-1h1zm6-1H3.908A1.495 1.495 0 0 0 2.5 13H1V8h8zm2 0h-1v-2h1zm3-4.775A2.208 2.208 0 0 1 14.921 11H14zM13 15h-1v-1h1zm.908-1A1.474 1.474 0 0 0 12 13.092V9h1v3h2v2z"

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

@@ -0,0 +1 @@
+"M18.8 13H15v5h-1v-6H1v8h1.278A1.977 1.977 0 0 0 2 21a2 2 0 0 0 4 0h9a1.994 1.994 0 0 0 3.722 1H22v-2.983c0-1.81-.312-6.017-3.2-6.017zM4 22a1 1 0 1 1 1-1 1.001 1.001 0 0 1-1 1zm9-2H5.722A1.993 1.993 0 0 0 4 19H2v-6h11zm2 0h-1v-1h1zm2 2a1 1 0 1 1 1-1 1.001 1.001 0 0 1-1 1zm4-2.983V21h-2a2.002 2.002 0 0 0-2-2 1.977 1.977 0 0 0-1 .278V14h1v3h1.982l1 2H21zM20.6 18l-1-2H18v-2h.8c1.614 0 2.046 2.478 2.16 4zM20 7h-3V3h1v3h2zm-2 4a5 5 0 1 0-5-5 5.006 5.006 0 0 0 5 5zm0-9a4 4 0 1 1-4 4 4.005 4.005 0 0 1 4-4z"

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

@@ -0,0 +1 @@
+"M30 25.017C30 23.37 29.769 18 26.8 18H22v6h-1v-8.589A8.004 8.004 0 0 1 18.726 14H2v12h2v1.9h2.081a2.475 2.475 0 0 0-.081.6 2.5 2.5 0 0 0 5 0 2.475 2.475 0 0 0-.081-.6h10.162a2.475 2.475 0 0 0-.081.6 2.5 2.5 0 0 0 4.95.5H30zM28.97 24h-.37l-1-2H26v-3h.8c1.493 0 2.044 2.795 2.17 5zM3 15h17v10H3zm5.5 15a1.5 1.5 0 1 1 1.5-1.5A1.502 1.502 0 0 1 8.5 30zm1.987-3a2.475 2.475 0 0 0-3.974 0H5v-1h16v-1h1v1.513a2.513 2.513 0 0 0-.487.487zM23.5 30a1.5 1.5 0 1 1 1.5-1.5 1.502 1.502 0 0 1-1.5 1.5zm0-4a2.5 2.5 0 0 0-.5.05V19h2v4h1.982l1 2H29v1h-2v1l2-.002V28h-3.05a2.504 2.504 0 0 0-2.45-2zM24 1.2A6.8 6.8 0 1 0 30.8 8 6.8 6.8 0 0 0 24 1.2zm0 12.6A5.8 5.8 0 1 1 29.8 8a5.806 5.806 0 0 1-5.8 5.8zM24 8h3v1h-4V4h1z"

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

@@ -0,0 +1 @@
+"M4 3L2 1.5 4 0v1h6v2h2V2l2 1.5L12 5V4H9V2H4zm11-1v3h1V2zM1 0H0v3h1zm8 14h7v-1H9zm-9 0h2v-1H0zm4.25-8.5A1.25 1.25 0 1 0 5.5 4.25 1.25 1.25 0 0 0 4.25 5.5zm3.51 7.25l-1.253-1.744-.152-2.79c-.034-.666-.941-.75-1.755-.816-.488.826-1.281 2.363-1.614 3.015a.372.372 0 0 0 .137.487.382.382 0 0 0 .533-.137l1.087-1.921.133 2.24 1.792 2.14.875 2.465a.592.592 0 0 0 .68.287.618.618 0 0 0 .355-.72c-.014-.058-.818-2.506-.818-2.506zm-3.48.049l-1.584 2.213a.561.561 0 1 0 .934.62l1.666-2.213.12-.57-.835-.999zM7.104 8.79l.056 1.038 1.067.802a.455.455 0 0 0 .46-.759z"

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

@@ -0,0 +1 @@
+"M23 5v3h-1V5zM2 2H1v3h1zm4 2h6v3h6v2.19l3.058-2.69L18 3.81V6h-5V3H6V.81L2.942 3.5 6 6.19zm.6 4.992a1.4 1.4 0 1 0 1.4-1.4 1.4 1.4 0 0 0-1.4 1.4zm4.677 9.936l-1.746-2.432-.21-3.89c-.05-.927-1.313-1.044-2.45-1.137-.68 1.152-1.785 3.294-2.25 4.203a.52.52 0 0 0 .191.678.532.532 0 0 0 .744-.19l1.515-2.678.186 3.123 2.498 2.984 1.22 3.436a.826.826 0 0 0 .948.4.861.861 0 0 0 .495-1.003c-.02-.082-1.14-3.494-1.14-3.494zm-4.851.067l-2.207 3.086a.783.783 0 1 0 1.301.864l2.324-3.086.168-.794-1.166-1.392zm3.94-5.587l.078 1.447 1.487 1.119a.635.635 0 0 0 .643-1.058zM13 20h10v-1H13zM1 20h3v-1H1z"

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

@@ -0,0 +1 @@
+"M30 7v5h-1V7zM3 3H2v5h1zm4 3h8v4h10v2.19l3.058-2.69L25 6.81V9h-9V5H7V2.81L3.942 5.5 7 8.19zM6 23H2v1h4zm11 1h13v-1H17zM8.75 12.5a1.75 1.75 0 1 0 1.75-1.75 1.75 1.75 0 0 0-1.75 1.75zm5.678 11.759L12.26 21.24l-.262-4.829c-.06-1.15-1.629-1.295-3.04-1.411-.844 1.43-2.216 4.089-2.793 5.217a.644.644 0 0 0 .237.843.66.66 0 0 0 .924-.237l1.88-3.324.23 3.877 3.102 3.704 1.54 4.341a.972.972 0 0 0 1.86-.443.851.851 0 0 0-.027-.18c-.026-.101-1.483-4.54-1.483-4.54zm-6.022.084l-2.74 3.83a.972.972 0 1 0 1.616 1.072l2.884-3.83.3-1.419-1.413-1.687zm4.56-6.587l.094 1.721s1.553 1.043 2.1 1.373a.788.788 0 0 0 .736-1.349z"

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

@@ -0,0 +1 @@
+"M9 13h7v1H9zm-9 1h2v-1H0zm5.5-7.25A1.25 1.25 0 1 0 4.25 5.5 1.25 1.25 0 0 0 5.5 6.75zm2.26 6l-1.253-1.744-.152-2.79c-.034-.666-.941-.75-1.755-.816-.488.826-1.281 2.363-1.614 3.015a.372.372 0 0 0 .137.487.382.382 0 0 0 .533-.137l1.087-1.921.133 2.24 1.792 2.14.875 2.465a.592.592 0 0 0 .68.287.618.618 0 0 0 .355-.72c-.014-.058-.818-2.506-.818-2.506zm-3.48.049l-1.584 2.213a.561.561 0 1 0 .934.62l1.666-2.213.12-.57-.835-.999zM7.104 8.79l.056 1.038 1.067.802a.455.455 0 0 0 .46-.759zM9 3.5A3.526 3.526 0 0 1 12.55 0 3.44 3.44 0 0 1 16 3.5 3.44 3.44 0 0 1 12.55 7 3.526 3.526 0 0 1 9 3.5zm1 0a2.5 2.5 0 1 0 3-2.45V3h1v1h-2V1.05a2.504 2.504 0 0 0-2 2.45z"

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

@@ -0,0 +1 @@
+"M6.6 8.992a1.4 1.4 0 1 1 1.4 1.4 1.399 1.399 0 0 1-1.4-1.4zm4.677 9.936l-1.746-2.432-.21-3.89c-.05-.927-1.313-1.044-2.45-1.137-.68 1.152-1.785 3.294-2.25 4.203a.52.52 0 0 0 .191.678.532.532 0 0 0 .744-.19l1.515-2.678.186 3.123 2.498 2.984 1.22 3.436a.826.826 0 0 0 .948.4.861.861 0 0 0 .495-1.003c-.02-.082-1.14-3.494-1.14-3.494zm-4.851.067l-2.207 3.086a.783.783 0 1 0 1.301.864l2.324-3.086.168-.794-1.166-1.392zm3.94-5.587l.078 1.447 1.487 1.119a.635.635 0 0 0 .643-1.058zM13 20h10v-1H13zM1 20h3v-1H1zM13 6a5 5 0 1 1 5 5 5.006 5.006 0 0 1-5-5zm1 0a4 4 0 1 0 4-4 4.005 4.005 0 0 0-4 4zm6 0h-2V3h-1v4h3z"

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

@@ -0,0 +1 @@
+"M6 24H2v-1h4zm11 0h13v-1H17zm-6.5-9.75a1.75 1.75 0 1 0-1.75-1.75 1.75 1.75 0 0 0 1.75 1.75zm3.928 10.009L12.26 21.24l-.262-4.829c-.06-1.15-1.629-1.295-3.04-1.411-.844 1.43-2.216 4.089-2.793 5.217a.644.644 0 0 0 .237.843.66.66 0 0 0 .924-.237l1.88-3.324.23 3.877 3.102 3.704 1.54 4.341a.972.972 0 0 0 1.86-.443.851.851 0 0 0-.027-.18c-.026-.101-1.483-4.54-1.483-4.54zm-6.022.084l-2.74 3.83a.972.972 0 1 0 1.616 1.072l2.884-3.83.3-1.419-1.413-1.687zm4.56-6.587l.094 1.721s1.553 1.043 2.1 1.373a.788.788 0 0 0 .736-1.349zM24 1.2A6.8 6.8 0 1 0 30.8 8 6.8 6.8 0 0 0 24 1.2zm0 12.6A5.8 5.8 0 1 1 29.8 8a5.806 5.806 0 0 1-5.8 5.8zM27 8h-3V4h-1v5h4z"

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

@@ -0,0 +1 @@
+"M11.009 10.276a4.26 4.26 0 0 0-6.018 0l-.707-.707a5.261 5.261 0 0 1 7.432 0zM13.785 7.4a8.19 8.19 0 0 0-11.57 0l.707.707a7.189 7.189 0 0 1 10.156 0zm2.069-2.069a11.106 11.106 0 0 0-15.707 0l.707.707a10.106 10.106 0 0 1 14.293 0zM9 13a1 1 0 1 1-1-1 1.001 1.001 0 0 1 1 1z"

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

@@ -0,0 +1 @@
+"M16.748 14.863a6.092 6.092 0 0 0-8.496 0l-.696-.718a7.092 7.092 0 0 1 9.888 0zm3.53-3.541a11.012 11.012 0 0 0-15.556 0l.707.707a10.011 10.011 0 0 1 14.142 0zm2.828-2.828a15.016 15.016 0 0 0-21.212 0L2.6 9.2a14.017 14.017 0 0 1 19.798 0zM14 18.5a1.5 1.5 0 1 1-1.5-1.5 1.502 1.502 0 0 1 1.5 1.5z"

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

@@ -0,0 +1 @@
+"M16 22a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm6.176-3.402a8.858 8.858 0 0 0-12.352 0l.697.718a7.858 7.858 0 0 1 10.959 0zm3.591-3.48a13.812 13.812 0 0 0-19.534 0l.707.707a12.813 12.813 0 0 1 18.12 0zm3.587-3.487a18.906 18.906 0 0 0-26.707 0l.707.707a17.904 17.904 0 0 1 25.293 0z"

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

@@ -2,6 +2,7 @@ import { Build, Component, Element, h, Host, Prop, State, Watch } from "@stencil
 import { CSS } from "./resources";
 import { getElementDir } from "../../utils/dom";
 import { fetchIcon, scaleToPx } from "./utils";
+import { createObserver } from "../../utils/observers";
 export class CalciteIcon {
   constructor() {
     //--------------------------------------------------------------------------
@@ -35,10 +36,9 @@ export class CalciteIcon {
     });
   }
   disconnectedCallback() {
-    if (this.intersectionObserver) {
-      this.intersectionObserver.disconnect();
-      this.intersectionObserver = null;
-    }
+    var _a;
+    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.intersectionObserver = null;
   }
   async componentWillLoad() {
     this.loadIconPathData();
@@ -68,13 +68,7 @@ export class CalciteIcon {
     this.pathData = await fetchIcon({ icon, scale });
   }
   waitUntilVisible(callback) {
-    if (!Build.isBrowser ||
-      typeof window === "undefined" ||
-      !window.IntersectionObserver) {
-      callback();
-      return;
-    }
-    this.intersectionObserver = new IntersectionObserver((entries) => {
+    this.intersectionObserver = createObserver("intersection", (entries) => {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
           this.intersectionObserver.disconnect();
@@ -83,6 +77,10 @@ export class CalciteIcon {
         }
       });
     }, { rootMargin: "50px" });
+    if (!this.intersectionObserver) {
+      callback();
+      return;
+    }
     this.intersectionObserver.observe(this.el);
   }
   static get is() { return "calcite-icon"; }

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

@@ -1,8 +1,9 @@
-import { Component, Element, Event, h, Listen, Prop, Watch } from "@stencil/core";
+import { Component, Element, Event, h, Listen, Method, Prop, Watch } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";
 import { TEXT, CSS } from "./resources";
+import { connectLabel, disconnectLabel } from "../../utils/label";
 /**
- * @slot - slot for rendering a `<calcite-input>`
+ * @slot - A slot for adding a `calcite-input`.
  */
 export class CalciteInlineEditable {
   constructor() {
@@ -31,6 +32,9 @@ export class CalciteInlineEditable {
      * @default "Save"
      */
     this.intlConfirmChanges = TEXT.intlConfirmChanges;
+    this.onLabelClick = () => {
+      this.setFocus();
+    };
     this.editingCancelTransitionProp = "border-top-color";
     //--------------------------------------------------------------------------
     //
@@ -121,6 +125,12 @@ export class CalciteInlineEditable {
       this.htmlInput.tabIndex = -1;
     }
   }
+  connectedCallback() {
+    connectLabel(this);
+  }
+  disconnectedCallback() {
+    disconnectLabel(this);
+  }
   render() {
     return (h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler, onTransitionEnd: this.transitionEnd },
       h("div", { class: CSS.inputWrapper },
@@ -143,22 +153,18 @@ export class CalciteInlineEditable {
       this.disableEditing();
     }
   }
-  handleLabelFocus(e) {
-    const htmlTarget = e.target;
-    if (!(htmlTarget.parentElement.tagName === "LABEL" ||
-      htmlTarget.parentElement.tagName === "CALCITE-LABEL")) {
-      return;
-    }
-    if (!htmlTarget.parentElement.contains(this.el)) {
-      return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  async setFocus() {
+    var _a, _b;
     if (this.editingEnabled) {
-      this.inputElement.setFocus();
+      (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
     }
     else {
-      this.enableEditingButton.setFocus();
+      (_b = this.enableEditingButton) === null || _b === void 0 ? void 0 : _b.setFocus();
     }
   }
   get shouldShowControls() {
@@ -405,6 +411,24 @@ export class CalciteInlineEditable {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
       "propName": "disabled",
@@ -416,11 +440,5 @@ export class CalciteInlineEditable {
       "target": undefined,
       "capture": false,
       "passive": false
-    }, {
-      "name": "click",
-      "method": "handleLabelFocus",
-      "target": "window",
-      "capture": false,
-      "passive": false
     }]; }
 }

package/dist/collection/components/calcite-input/calcite-input.css

@@ -727,6 +727,10 @@ input[type=time]::-webkit-clear-button {
   transform: rotate(45deg);
 }
 
+:host([type=color]) input {
+  padding: 0.25rem;
+}
+
 :host([type=file]) input {
   background-color: var(--calcite-ui-foreground-1);
   cursor: pointer;

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

@@ -2,6 +2,7 @@ import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch
 import { getElementDir, getElementProp, setRequestedIcon, closestElementCrossShadowBoundary } from "../../utils/dom";
 import { getKey } from "../../utils/key";
 import { CSS, INPUT_TYPE_ICONS, SLOTS } from "./resources";
+import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { getDecimalSeparator, delocalizeNumberString, localizeNumberString } from "../../utils/locale";
 import { numberKeys } from "../../utils/key";
 import { hiddenInputStyle } from "../../utils/form";
@@ -21,6 +22,12 @@ export class CalciteInput {
     this.alignment = "start";
     /** should the input autofocus */
     this.autofocus = false;
+    /** optionally display a clear button that displays when field has a value
+     * shows by default for search, time, date
+     * will not display for type="textarea" */
+    this.clearable = false;
+    /** is the input disabled  */
+    this.disabled = false;
     /** for number values, displays the locale's group separator */
     this.groupSeparator = false;
     /**
@@ -28,6 +35,8 @@ export class CalciteInput {
      * @default "Loading"
      */
     this.intlLoading = TEXT.loading;
+    /** flip the icon in rtl */
+    this.iconFlipRtl = false;
     /** specify if the input is in loading state */
     this.loading = false;
     /** BCP 47 language tag for desired language and country format */
@@ -60,6 +69,9 @@ export class CalciteInput {
     //  Private Methods
     //
     //--------------------------------------------------------------------------
+    this.onLabelClick = () => {
+      this.setFocus();
+    };
     this.clearInputValue = (nativeEvent) => {
       this.setValue(null, nativeEvent, true);
     };
@@ -281,10 +293,12 @@ export class CalciteInput {
         this.value = undefined;
       }
     }
+    connectLabel(this);
   }
   disconnectedCallback() {
     var _a;
     (_a = this.form) === null || _a === void 0 ? void 0 : _a.removeEventListener("reset", this.reset);
+    disconnectLabel(this);
   }
   componentWillLoad() {
     var _a, _b;
@@ -327,7 +341,7 @@ export class CalciteInput {
   //  Public Methods
   //
   //--------------------------------------------------------------------------
-  /** focus the rendered child element */
+  /** Sets focus on the component. */
   async setFocus() {
     var _a, _b;
     if (this.type === "number") {
@@ -374,9 +388,9 @@ export class CalciteInput {
       numberButtonsHorizontalDown));
     const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
     const suffixText = h("div", { class: CSS.suffix }, this.suffixText);
-    const localeNumberInput = this.type === "number" ? (h("input", { "aria-label": this.label, autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: "text", value: this.localizedValue })) : null;
+    const localeNumberInput = this.type === "number" ? (h("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, key: "localized-input", maxLength: this.maxLength, minLength: this.minLength, name: undefined, onBlur: this.inputBlurHandler, onFocus: this.inputFocusHandler, onInput: this.inputNumberInputHandler, onKeyDown: this.inputNumberKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildNumberElRef, tabIndex: this.disabled ? -1 : 0, type: "text", value: this.localizedValue })) : null;
     const childEl = [
-      h(this.childElType, { "aria-label": this.label, autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, 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, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || this.type === "number" ? -1 : null, type: this.type, value: this.value }),
+      h(this.childElType, { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, 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, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, step: this.step, tabIndex: this.disabled || this.type === "number" ? -1 : null, type: this.type, value: this.value }),
       this.isTextarea ? (h("div", { class: CSS.resizeIconWrapper },
         h("calcite-icon", { icon: "chevron-down", scale: "s" }))) : null
     ];
@@ -461,13 +475,14 @@ export class CalciteInput {
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
         "text": "optionally display a clear button that displays when field has a value\nshows by default for search, time, date\nwill not display for type=\"textarea\""
       },
       "attribute": "clearable",
-      "reflect": true
+      "reflect": true,
+      "defaultValue": "false"
     },
     "disabled": {
       "type": "boolean",
@@ -478,13 +493,14 @@ export class CalciteInput {
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
         "text": "is the input disabled"
       },
       "attribute": "disabled",
-      "reflect": true
+      "reflect": true,
+      "defaultValue": "false"
     },
     "groupSeparator": {
       "type": "boolean",
@@ -551,13 +567,14 @@ export class CalciteInput {
         "references": {}
       },
       "required": false,
-      "optional": true,
+      "optional": false,
       "docs": {
         "tags": [],
         "text": "flip the icon in rtl"
       },
       "attribute": "icon-flip-rtl",
-      "reflect": true
+      "reflect": true,
+      "defaultValue": "false"
     },
     "label": {
       "type": "string",
@@ -1033,7 +1050,7 @@ export class CalciteInput {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "focus the rendered child element",
+        "text": "Sets focus on the component.",
         "tags": []
       }
     }