@esri/calcite-components 3.0.0-next.99 → 3.0.0

package/dist/components/calcite-input-number/customElement.js

@@ -3,30 +3,26 @@ import { live as H } from "lit-html/directives/live.js";
 import { keyed as B } from "lit-html/directives/keyed.js";
 import { html as d, nothing as h } from "lit";
 import { createRef as k, ref as y } from "lit-html/directives/ref.js";
-import { LitElement as C, createEvent as g, stringOrBoolean as I, safeClassMap as a } from "@arcgis/lumina";
-import { useWatchAttributes as F } from "@arcgis/components-controllers";
-import { v as w, i as z, g as O } from "../../chunks/dom.js";
-import { c as D, i as N, d as T, s as P, H as j } from "../../chunks/form.js";
+import { LitElement as F, createEvent as g, stringOrBoolean as I, safeClassMap as a } from "@arcgis/lumina";
+import { useWatchAttributes as O } from "@arcgis/components-controllers";
+import { v as w, i as z, g as D } from "../../chunks/dom.js";
+import { c as C, i as N, d as T, s as P, H as j } from "../../chunks/form.js";
 import { u as L, I as M } from "../../chunks/interactive.js";
 import { n as W } from "../../chunks/key.js";
 import { c as U, d as A, g as K } from "../../chunks/label.js";
-import { c as _, s as R, a as q } from "../../chunks/loadable.js";
-import { i as p, n as s, B as G, p as Y, s as Z, c as J } from "../../chunks/locale.js";
+import { c as _ } from "../../chunks/loadable.js";
+import { i as p, n as s, B as R, p as q, s as G, c as Y } from "../../chunks/locale.js";
 import { g as v } from "../../chunks/component.js";
-import { V as Q } from "../../chunks/Validation.js";
-import { s as X } from "../../chunks/input.js";
-import { u as tt } from "../../chunks/useT9n.js";
-import { css as et } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
+import { V as Z } from "../../chunks/Validation.js";
+import { s as J } from "../../chunks/input.js";
+import { u as Q } from "../../chunks/useT9n.js";
+import { css as X } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const r = {
   loader: "loader",
   clearButton: "clear-button",
-  editingEnabled: "editing-enabled",
-  inlineChild: "inline-child",
   inputIcon: "icon",
   prefix: "prefix",
   suffix: "suffix",
@@ -35,23 +31,22 @@ const r = {
   wrapper: "element-wrapper",
   inputWrapper: "wrapper",
   actionWrapper: "action-wrapper",
-  resizeIconWrapper: "resize-icon-wrapper",
   numberButtonItem: "number-button-item"
 }, V = {
   validationMessage: "inputNumberValidationMessage"
-}, it = {
+}, tt = {
   action: "action"
-}, nt = et`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto)}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:.5rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
-class rt extends C {
+}, et = X`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto)}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:.5rem;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
+class it extends F {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.actionWrapperEl = k(), this.attributeWatch = F(["autofocus", "enterkeyhint", "inputmode"], this.handleGlobalAttributesChanged), this.inputWrapperEl = k(), this.onHiddenFormInputInput = (t) => {
+    super(), this.actionWrapperEl = k(), this.attributeWatch = O(["autofocus", "enterkeyhint", "inputmode"], this.handleGlobalAttributesChanged), this.inputWrapperEl = k(), this.onHiddenFormInputInput = (t) => {
       t.target.name === this.name && this.setNumberValue({
         value: t.target.value,
         origin: "direct"
       }), this.setFocus(), t.stopPropagation();
-    }, this.previousValueOrigin = "initial", this.userChangedValue = !1, this._value = "", this.slottedActionElDisabledInternally = !1, this.alignment = "start", this.clearable = !1, this.disabled = !1, this.editingEnabled = !1, this.groupSeparator = !1, this.iconFlipRtl = !1, this.integer = !1, this.loading = !1, this.localeFormat = !1, this.messages = tt(), this.numberButtonType = "vertical", this.readOnly = !1, this.required = !1, this.scale = "m", this.status = "idle", this.validity = {
+    }, this.previousValueOrigin = "initial", this.userChangedValue = !1, this._value = "", this.slottedActionElDisabledInternally = !1, this.alignment = "start", this.clearable = !1, this.disabled = !1, this.editingEnabled = !1, this.groupSeparator = !1, this.iconFlipRtl = !1, this.integer = !1, this.loading = !1, this.localeFormat = !1, this.messages = Q(), this.numberButtonType = "vertical", this.readOnly = !1, this.required = !1, this.scale = "m", this.status = "idle", this.validity = {
       valid: !1,
       badInput: !1,
       customError: !1,
@@ -69,7 +64,7 @@ class rt extends C {
     this.properties = { displayedValue: 16, slottedActionElDisabledInternally: 16, alignment: 3, autocomplete: 0, clearable: 7, disabled: 7, editingEnabled: 7, form: 3, groupSeparator: 7, icon: [3, { converter: I }], iconFlipRtl: 7, integer: 5, label: 1, loading: 7, localeFormat: 5, max: 11, maxLength: 11, messageOverrides: 0, min: 11, minLength: 11, name: 3, numberButtonType: 3, numberingSystem: 3, placeholder: 1, prefixText: 1, readOnly: 7, required: 7, scale: 3, status: 3, step: 3, suffixText: 1, validationIcon: [3, { converter: I }], validationMessage: 1, validity: 0, value: 1 };
   }
   static {
-    this.styles = nt;
+    this.styles = et;
   }
   get isClearable() {
     return this.clearable && this.value.length > 0;
@@ -96,10 +91,10 @@ class rt extends C {
     await _(this), this.childNumberEl?.focus();
   }
   connectedCallback() {
-    super.connectedCallback(), this.inlineEditableEl = this.el.closest("calcite-inline-editable"), this.inlineEditableEl && (this.editingEnabled = this.inlineEditableEl.editingEnabled || !1), U(this), D(this), this.el.addEventListener(N, this.onHiddenFormInputInput);
+    super.connectedCallback(), this.inlineEditableEl = this.el.closest("calcite-inline-editable"), this.inlineEditableEl && (this.editingEnabled = this.inlineEditableEl.editingEnabled || !1), U(this), C(this), this.el.addEventListener(N, this.onHiddenFormInputInput);
   }
   async load() {
-    R(this), this.maxString = this.max?.toString(), this.minString = this.min?.toString(), this.requestedIcon = w({}, this.icon, "number"), this.setPreviousEmittedNumberValue(this.value), this.setPreviousNumberValue(this.value), this.warnAboutInvalidNumberValue(this.value), this.value === "Infinity" || this.value === "-Infinity" ? (this.displayedValue = this.value, this.previousEmittedNumberValue = this.value) : this.setNumberValue({
+    this.maxString = this.max?.toString(), this.minString = this.min?.toString(), this.requestedIcon = w({}, this.icon, "number"), this.setPreviousEmittedNumberValue(this.value), this.setPreviousNumberValue(this.value), this.warnAboutInvalidNumberValue(this.value), this.value === "Infinity" || this.value === "-Infinity" ? (this.displayedValue = this.value, this.previousEmittedNumberValue = this.value) : this.setNumberValue({
       origin: "connected",
       value: p(this.value) ? this.value : ""
     });
@@ -115,7 +110,6 @@ class rt extends C {
     L(this);
   }
   loaded() {
-    q(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), A(this), T(this), this.el.removeEventListener(N, this.onHiddenFormInputInput);
@@ -149,7 +143,7 @@ class rt extends C {
     const { value: n } = this;
     if (n === "Infinity" || n === "-Infinity")
       return;
-    const l = t === "up" ? 1 : -1, u = this.integer && this.step !== "any" ? Math.round(this.step) : this.step, b = u === "any" ? 1 : Math.abs(u || 1), o = new G(n !== "" ? n : "0").add(`${b * l}`), c = () => typeof i == "number" && !isNaN(i) && o.subtract(`${i}`).isNegative, x = () => typeof e == "number" && !isNaN(e) && !o.subtract(`${e}`).isNegative, $ = c() ? `${i}` : x() ? `${e}` : o.toString();
+    const l = t === "up" ? 1 : -1, u = this.integer && this.step !== "any" ? Math.round(this.step) : this.step, b = u === "any" ? 1 : Math.abs(u || 1), o = new R(n !== "" ? n : "0").add(`${b * l}`), c = () => typeof i == "number" && !isNaN(i) && o.subtract(`${i}`).isNegative, x = () => typeof e == "number" && !isNaN(e) && !o.subtract(`${e}`).isNegative, $ = c() ? `${i}` : x() ? `${e}` : o.toString();
     this.setNumberValue({
       committing: !0,
       nativeEvent: m,
@@ -193,7 +187,7 @@ class rt extends C {
     t.inputType === "insertFromPaste" ? ((!p(i) || this.integer && (i.includes("e") || i.includes("."))) && t.preventDefault(), this.setNumberValue({
       nativeEvent: t,
       origin: "user",
-      value: Y(i)
+      value: q(i)
     }), this.childNumberEl.value = this.displayedValue) : this.setNumberValue({
       nativeEvent: t,
       origin: "user",
@@ -266,7 +260,7 @@ class rt extends C {
     this.disabled || this.nudgeNumberValue(e, t);
   }
   syncHiddenFormInput(t) {
-    X("number", this, t);
+    J("number", this, t);
   }
   setChildNumberElRef(t) {
     this.childNumberEl = t;
@@ -289,9 +283,9 @@ class rt extends C {
       numberingSystem: this.numberingSystem,
       useGrouping: this.groupSeparator
     };
-    const l = this.previousValue?.length > n.length || this.value?.length > n.length, u = this.integer ? n.replace(/[e.]/g, "") : n, b = u.charAt(u.length - 1) === ".", f = b && l ? u : Z(u), o = n && !f ? p(this.previousValue) ? this.previousValue : "" : f;
+    const l = this.previousValue?.length > n.length || this.value?.length > n.length, u = this.integer ? n.replace(/[e.]/g, "") : n, b = u.charAt(u.length - 1) === ".", f = b && l ? u : G(u), o = n && !f ? p(this.previousValue) ? this.previousValue : "" : f;
     let c = s.localize(o);
-    i !== "connected" && !b && (c = J(c, o, s)), this.displayedValue = b && l ? `${c}${s.decimal}` : c, this.setPreviousNumberValue(m ?? this.value), this.previousValueOrigin = i, this.userChangedValue = i === "user" && this.value !== o, this.value = ["-", "."].includes(o) ? "" : o, i === "direct" && (this.setInputNumberValue(c), this.setPreviousEmittedNumberValue(c)), e && (this.calciteInputNumberInput.emit().defaultPrevented ? (this.value = this.previousValue, this.displayedValue = s.localize(this.previousValue)) : t && this.emitChangeIfUserModified());
+    i !== "connected" && !b && (c = Y(c, o, s)), this.displayedValue = b && l ? `${c}${s.decimal}` : c, this.setPreviousNumberValue(m ?? this.value), this.previousValueOrigin = i, this.userChangedValue = i === "user" && this.value !== o, this.value = ["-", "."].includes(o) ? "" : o, i === "direct" && (this.setInputNumberValue(c), this.setPreviousEmittedNumberValue(c)), e && (this.calciteInputNumberInput.emit().defaultPrevented ? (this.value = this.previousValue, this.displayedValue = s.localize(this.previousValue)) : t && this.emitChangeIfUserModified());
   }
   inputNumberKeyUpHandler() {
     window.clearInterval(this.nudgeNumberValueIntervalId);
@@ -302,17 +296,17 @@ class rt extends C {
   // #endregion
   // #region Rendering
   render() {
-    const t = O(this.el), e = d`<div class=${a(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`, i = d`<button .ariaLabel=${this.messages.clear} class=${a(r.clearButton)} .disabled=${this.disabled || this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${v(this.scale)}></calcite-icon></button>`, m = d`<calcite-icon class=${a(r.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${v(this.scale)}></calcite-icon>`, n = this.numberButtonType === "horizontal", l = d`<button aria-hidden=true class=${a({
+    const t = D(this.el), e = d`<div class=${a(r.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`, i = d`<button .ariaLabel=${this.messages.clear} class=${a(r.clearButton)} .disabled=${this.disabled || this.readOnly} @click=${this.clearInputValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${v(this.scale)}></calcite-icon></button>`, m = d`<calcite-icon class=${a(r.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${v(this.scale)}></calcite-icon>`, n = this.numberButtonType === "horizontal", l = d`<button aria-hidden=true class=${a({
       [r.numberButtonItem]: !0,
       [r.buttonItemHorizontal]: n
     })} data-adjustment=up .disabled=${this.disabled || this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-up .scale=${v(this.scale)}></calcite-icon></button>`, u = d`<button aria-hidden=true class=${a({
       [r.numberButtonItem]: !0,
       [r.buttonItemHorizontal]: n
     })} data-adjustment=down .disabled=${this.disabled || this.readOnly} @pointerdown=${this.nudgeButtonPointerDownHandler} @pointerout=${this.nudgeButtonPointerOutHandler} @pointerup=${this.nudgeButtonPointerUpHandler} tabindex=-1 type=button><calcite-icon icon=chevron-down .scale=${v(this.scale)}></calcite-icon></button>`, b = d`<div class=${a(r.numberButtonWrapper)}>${l}${u}</div>`, f = d`<div class=${a(r.prefix)}>${this.prefixText}</div>`, o = d`<div class=${a(r.suffix)}>${this.suffixText}</div>`, c = B("localized-input", d`<input aria-errormessage=${V.validationMessage} .ariaInvalid=${this.status === "invalid"} .ariaLabel=${K(this)} autocomplete=${this.autocomplete ?? h} .autofocus=${this.el.autofocus} value=${this.defaultValue ?? h} .disabled=${this.disabled} enterkeyhint=${this.el.enterKeyHint ?? h} inputmode=${this.el.inputMode || "decimal"} maxlength=${this.maxLength ?? h} minlength=${this.minLength ?? h} name=${h} @blur=${this.inputNumberBlurHandler} @focus=${this.inputNumberFocusHandler} @input=${this.inputNumberInputHandler} @keydown=${this.inputNumberKeyDownHandler} @keyup=${this.inputNumberKeyUpHandler} placeholder=${(this.placeholder || "") ?? h} .readOnly=${this.readOnly} type=text .value=${H(this.displayedValue ?? "")} ${y(this.setChildNumberElRef)}>`);
-    return M({ disabled: this.disabled, children: d`<div class=${a({ [r.inputWrapper]: !0, [E.rtl]: t === "rtl" })} ${y(this.inputWrapperEl)}>${this.numberButtonType === "horizontal" && !this.readOnly ? u : null}${this.prefixText ? f : null}<div class=${a(r.wrapper)}>${c}${this.isClearable ? i : null}${this.requestedIcon ? m : null}${this.loading ? e : null}</div><div class=${a(r.actionWrapper)} ${y(this.actionWrapperEl)}><slot name=${it.action}></slot></div>${this.numberButtonType === "vertical" && !this.readOnly ? b : null}${this.suffixText ? o : null}${this.numberButtonType === "horizontal" && !this.readOnly ? l : null}${j({ component: this })}</div>${this.validationMessage && this.status === "invalid" ? Q({ icon: this.validationIcon, id: V.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
+    return M({ disabled: this.disabled, children: d`<div class=${a({ [r.inputWrapper]: !0, [E.rtl]: t === "rtl" })} ${y(this.inputWrapperEl)}>${this.numberButtonType === "horizontal" && !this.readOnly ? u : null}${this.prefixText ? f : null}<div class=${a(r.wrapper)}>${c}${this.isClearable ? i : null}${this.requestedIcon ? m : null}${this.loading ? e : null}</div><div class=${a(r.actionWrapper)} ${y(this.actionWrapperEl)}><slot name=${tt.action}></slot></div>${this.numberButtonType === "vertical" && !this.readOnly ? b : null}${this.suffixText ? o : null}${this.numberButtonType === "horizontal" && !this.readOnly ? l : null}${j({ component: this })}</div>${this.validationMessage && this.status === "invalid" ? Z({ icon: this.validationIcon, id: V.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
   }
 }
-S("calcite-input-number", rt);
+S("calcite-input-number", it);
 export {
-  rt as InputNumber
+  it as InputNumber
 };

package/dist/components/calcite-input-text/customElement.d.ts

@@ -48,7 +48,8 @@ export declare class InputText extends LitElement {
     /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
     loading: boolean;
     /**
-     * Specifies the maximum length of text for the component's value.
+     * When the component resides in a form,
+     * specifies the maximum length of text for the component's value.
      *
      * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
      */
@@ -68,7 +69,8 @@ export declare class InputText extends LitElement {
         loading: string;
     }>;
     /**
-     * Specifies the minimum length of text for the component's value.
+     * When the component resides in a form,
+     * specifies the minimum length of text for the component's value.
      *
      * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
      */
@@ -82,7 +84,8 @@ export declare class InputText extends LitElement {
      */
     name: string;
     /**
-     * Specifies a regex pattern the component's `value` must match for validation.
+     * When the component resides in a form,
+     * specifies a regular expression (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)
@@ -102,7 +105,10 @@ export declare class InputText extends LitElement {
      * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
      */
     readOnly: boolean;
-    /** When `true`, the component must have a value in order for the form to submit. */
+    /**
+     * When `true` and the component resides in a form,
+     * the component must have a value in order for the form to submit.
+     */
     required: boolean;
     /** Specifies the size of the component. */
     scale: Scale;

package/dist/components/calcite-input-text/customElement.js

@@ -1,24 +1,22 @@
 import { C as x, c as k } from "../../chunks/runtime.js";
 import { live as y } from "lit-html/directives/live.js";
-import { html as s, nothing as i } from "lit";
+import { html as l, nothing as i } from "lit";
 import { createRef as p, ref as d } from "lit-html/directives/ref.js";
 import { LitElement as I, createEvent as r, stringOrBoolean as h, safeClassMap as a } from "@arcgis/lumina";
 import { useWatchAttributes as w } from "@arcgis/components-controllers";
 import { v as m, g as E } from "../../chunks/dom.js";
-import { c as $, i as f, d as z, s as T, H as C } from "../../chunks/form.js";
-import { u as V, I as H } from "../../chunks/interactive.js";
-import { c as F, d as L, g as M } from "../../chunks/label.js";
-import { c as O, s as W, a as P } from "../../chunks/loadable.js";
+import { c as $, i as f, d as z, s as T, H as V } from "../../chunks/form.js";
+import { u as C, I as H } from "../../chunks/interactive.js";
+import { c as F, d as M, g as L } from "../../chunks/label.js";
+import { c as O } from "../../chunks/loadable.js";
 import { g as b } from "../../chunks/component.js";
-import { V as q } from "../../chunks/Validation.js";
-import { s as D } from "../../chunks/input.js";
-import { u as S } from "../../chunks/useT9n.js";
-import { css as U } from "@lit/reactive-element/css-tag.js";
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v3.0.0-next.99
-*/
+import { V as W } from "../../chunks/Validation.js";
+import { s as P } from "../../chunks/input.js";
+import { u as q } from "../../chunks/useT9n.js";
+import { css as D } from "@lit/reactive-element/css-tag.js";
+/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+v3.0.0 */
 const n = {
   loader: "loader",
   clearButton: "clear-button",
@@ -29,23 +27,22 @@ const n = {
   suffix: "suffix",
   wrapper: "element-wrapper",
   inputWrapper: "wrapper",
-  actionWrapper: "action-wrapper",
-  resizeIconWrapper: "resize-icon-wrapper"
+  actionWrapper: "action-wrapper"
 }, v = {
   validationMessage: "inputTextValidationMessage"
-}, B = {
+}, S = {
   action: "action"
-}, R = U`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input{padding-inline-start:.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, .5rem)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:.5rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input{padding-inline-start:.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, .75rem)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:.75rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto)}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.input--no-bottom-border) input{border-block-end-width:0px}:host(.input--no-top-border) input{border-block-start-width:0px}:host(.input--no-right-border) input{border-inline-end:0}:host(.input--no-left-border) input{border-inline-start:0}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
-class A extends I {
+}, B = D`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale=s]) input{padding-inline-start:.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, .5rem)}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .prefix,:host([scale=s]) .suffix{padding-inline:.5rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input{padding-inline-start:.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, .75rem)}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .prefix,:host([scale=m]) .suffix{padding-inline:.75rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .prefix,:host([scale=l]) .suffix{padding-inline:1rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing),block-size 0,outline-offset 0s;-webkit-appearance:none;position:relative;margin:0;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host([scale=s]) .icon{inset-inline-start:.5rem}:host([scale=m]) .icon{inset-inline-start:.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px;inline-size:var(--calcite-input-prefix-size, auto)}.suffix{order:5;border-inline-start-width:0px;inline-size:var(--calcite-input-suffix-size, auto)}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.input--no-bottom-border) input{border-block-end-width:0px}:host(.input--no-top-border) input{border-block-start-width:0px}:host(.input--no-right-border) input{border-inline-end:0}:host(.input--no-left-border) input{border-inline-start:0}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition-property:background-color,block-size,border-color,box-shadow,color,inset-block-end,inset-block-start,inset-inline-end,inset-inline-start,inset-size,opacity,outline-color,transform;transition-duration:var(--calcite-animation-timing);transition-timing-function:ease-in-out}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}::slotted(input[slot=hidden-form-input]){margin:0!important;opacity:0!important;outline:none!important;padding:0!important;position:absolute!important;inset:0!important;transform:none!important;-webkit-appearance:none!important;z-index:-1!important}:host([hidden]){display:none}[hidden]{display:none}`;
+class R extends I {
   // #endregion
   // #region Lifecycle
   constructor() {
-    super(), this.actionWrapperEl = p(), this.attributeWatch = w(["autofocus", "enterkeyhint", "inputmode", "spellcheck"], this.handleGlobalAttributesChanged), this.inputWrapperEl = p(), this.onHiddenFormInputInput = (e) => {
-      e.target.name === this.name && this.setValue({
-        value: e.target.value,
+    super(), this.actionWrapperEl = p(), this.attributeWatch = w(["autofocus", "enterkeyhint", "inputmode", "spellcheck"], this.handleGlobalAttributesChanged), this.inputWrapperEl = p(), this.onHiddenFormInputInput = (t) => {
+      t.target.name === this.name && this.setValue({
+        value: t.target.value,
         origin: "direct"
-      }), this.setFocus(), e.stopPropagation();
-    }, this.previousValueOrigin = "initial", this.userChangedValue = !1, this._value = "", this.slottedActionElDisabledInternally = !1, this.alignment = "start", this.clearable = !1, this.disabled = !1, this.editingEnabled = !1, this.iconFlipRtl = !1, this.loading = !1, this.messages = S(), this.readOnly = !1, this.required = !1, this.scale = "m", this.status = "idle", this.validity = {
+      }), this.setFocus(), t.stopPropagation();
+    }, this.previousValueOrigin = "initial", this.userChangedValue = !1, this._value = "", this.slottedActionElDisabledInternally = !1, this.alignment = "start", this.clearable = !1, this.disabled = !1, this.editingEnabled = !1, this.iconFlipRtl = !1, this.loading = !1, this.messages = q(), this.readOnly = !1, this.required = !1, this.scale = "m", this.status = "idle", this.validity = {
       valid: !1,
       badInput: !1,
       customError: !1,
@@ -63,7 +60,7 @@ class A extends I {
     this.properties = { slottedActionElDisabledInternally: 16, alignment: 3, autocomplete: 0, clearable: 7, disabled: 7, editingEnabled: 7, form: 3, icon: [3, { converter: h }], iconFlipRtl: 7, label: 1, loading: 7, maxLength: 11, messageOverrides: 0, minLength: 11, name: 3, pattern: 1, placeholder: 1, prefixText: 1, readOnly: 7, required: 7, scale: 3, status: 3, suffixText: 1, validationIcon: [3, { converter: h }], validationMessage: 1, validity: 0, value: 1 };
   }
   static {
-    this.styles = R;
+    this.styles = B;
   }
   get isClearable() {
     return this.clearable && this.value.length > 0;
@@ -72,9 +69,9 @@ class A extends I {
   get value() {
     return this._value;
   }
-  set value(e) {
-    const t = this._value;
-    e !== t && (this._value = e, this.valueWatcher(e, t));
+  set value(t) {
+    const e = this._value;
+    t !== e && (this._value = t, this.valueWatcher(t, e));
   }
   // #endregion
   // #region Public Methods
@@ -90,42 +87,41 @@ class A extends I {
     super.connectedCallback(), this.inlineEditableEl = this.el.closest("calcite-inline-editable"), this.inlineEditableEl && (this.editingEnabled = this.inlineEditableEl.editingEnabled || !1), F(this), $(this), this.el.addEventListener(f, this.onHiddenFormInputInput);
   }
   async load() {
-    W(this), this.requestedIcon = m({}, this.icon, "text"), this.setPreviousEmittedValue(this.value), this.setPreviousValue(this.value);
+    this.requestedIcon = m({}, this.icon, "text"), this.setPreviousEmittedValue(this.value), this.setPreviousValue(this.value);
   }
-  willUpdate(e) {
-    e.has("icon") && (this.requestedIcon = m({}, this.icon, "text"));
+  willUpdate(t) {
+    t.has("icon") && (this.requestedIcon = m({}, this.icon, "text"));
   }
   updated() {
-    V(this);
+    C(this);
   }
   loaded() {
-    P(this);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), L(this), z(this), this.el.removeEventListener(f, this.onHiddenFormInputInput);
+    super.disconnectedCallback(), M(this), z(this), this.el.removeEventListener(f, this.onHiddenFormInputInput);
   }
   // #endregion
   // #region Private Methods
   handleGlobalAttributesChanged() {
     this.requestUpdate();
   }
-  valueWatcher(e, t) {
+  valueWatcher(t, e) {
     this.userChangedValue || this.setValue({
       origin: "direct",
-      previousValue: t,
-      value: e || ""
+      previousValue: e,
+      value: t || ""
     }), this.userChangedValue = !1;
   }
-  keyDownHandler(e) {
-    this.readOnly || this.disabled || e.defaultPrevented || (this.isClearable && e.key === "Escape" && (this.clearInputTextValue(e), e.preventDefault()), e.key === "Enter" && T(this) && e.preventDefault());
+  keyDownHandler(t) {
+    this.readOnly || this.disabled || t.defaultPrevented || (this.isClearable && t.key === "Escape" && (this.clearInputTextValue(t), t.preventDefault()), t.key === "Enter" && T(this) && t.preventDefault());
   }
   onLabelClick() {
     this.setFocus();
   }
-  clearInputTextValue(e) {
+  clearInputTextValue(t) {
     this.setValue({
       committing: !0,
-      nativeEvent: e,
+      nativeEvent: t,
       origin: "user",
       value: ""
     });
@@ -139,11 +135,11 @@ class A extends I {
       value: this.value
     }), this.emitChangeIfUserModified();
   }
-  clickHandler(e) {
+  clickHandler(t) {
     if (this.disabled)
       return;
-    const t = e.composedPath();
-    !t.includes(this.inputWrapperEl.value) || t.includes(this.actionWrapperEl.value) || this.setFocus();
+    const e = t.composedPath();
+    !e.includes(this.inputWrapperEl.value) || e.includes(this.actionWrapperEl.value) || this.setFocus();
   }
   inputTextFocusHandler() {
     this.calciteInternalInputTextFocus.emit({
@@ -151,45 +147,45 @@ class A extends I {
       value: this.value
     });
   }
-  inputTextInputHandler(e) {
+  inputTextInputHandler(t) {
     this.disabled || this.readOnly || this.setValue({
-      nativeEvent: e,
+      nativeEvent: t,
       origin: "user",
-      value: e.target.value
+      value: t.target.value
     });
   }
-  inputTextKeyDownHandler(e) {
-    this.disabled || this.readOnly || e.key === "Enter" && this.emitChangeIfUserModified();
+  inputTextKeyDownHandler(t) {
+    this.disabled || this.readOnly || t.key === "Enter" && this.emitChangeIfUserModified();
   }
-  syncHiddenFormInput(e) {
-    D("text", this, e);
+  syncHiddenFormInput(t) {
+    P("text", this, t);
   }
-  setChildElRef(e) {
-    this.childEl = e;
+  setChildElRef(t) {
+    this.childEl = t;
   }
-  setInputValue(e) {
-    this.childEl && (this.childEl.value = e);
+  setInputValue(t) {
+    this.childEl && (this.childEl.value = t);
   }
-  setPreviousEmittedValue(e) {
-    this.previousEmittedValue = e;
+  setPreviousEmittedValue(t) {
+    this.previousEmittedValue = t;
   }
-  setPreviousValue(e) {
-    this.previousValue = e;
+  setPreviousValue(t) {
+    this.previousValue = t;
   }
-  setValue({ committing: e = !1, nativeEvent: t, origin: o, previousValue: c, value: l }) {
-    this.setPreviousValue(c ?? this.value), this.previousValueOrigin = o, this.userChangedValue = o === "user" && l !== this.value, this.value = l, o === "direct" && (this.setInputValue(l), this.setPreviousEmittedValue(l)), t && (this.calciteInputTextInput.emit().defaultPrevented ? this.value = this.previousValue : e && this.emitChangeIfUserModified());
+  setValue({ committing: t = !1, nativeEvent: e, origin: o, previousValue: c, value: s }) {
+    this.setPreviousValue(c ?? this.value), this.previousValueOrigin = o, this.userChangedValue = o === "user" && s !== this.value, this.value = s, o === "direct" && (this.setInputValue(s), this.setPreviousEmittedValue(s)), e && (this.calciteInputTextInput.emit().defaultPrevented ? this.value = this.previousValue : t && this.emitChangeIfUserModified());
   }
   // #endregion
   // #region Rendering
   render() {
-    const e = E(this.el), t = s`<div class=${a(n.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`, o = s`<button .ariaLabel=${this.messages.clear} class=${a(n.clearButton)} .disabled=${this.disabled || this.readOnly} @click=${this.clearInputTextValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${b(this.scale)}></calcite-icon></button>`, c = s`<calcite-icon class=${a(n.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${b(this.scale)}></calcite-icon>`, l = s`<div class=${a(n.prefix)}>${this.prefixText}</div>`, u = s`<div class=${a(n.suffix)}>${this.suffixText}</div>`, g = s`<input aria-errormessage=${v.validationMessage} .ariaInvalid=${this.status === "invalid"} .ariaLabel=${M(this)} autocomplete=${this.autocomplete ?? i} .autofocus=${this.el.autofocus} class=${a({
+    const t = E(this.el), e = l`<div class=${a(n.loader)}><calcite-progress .label=${this.messages.loading} type=indeterminate></calcite-progress></div>`, o = l`<button .ariaLabel=${this.messages.clear} class=${a(n.clearButton)} .disabled=${this.disabled || this.readOnly} @click=${this.clearInputTextValue} tabindex=-1 type=button><calcite-icon icon=x .scale=${b(this.scale)}></calcite-icon></button>`, c = l`<calcite-icon class=${a(n.inputIcon)} .flipRtl=${this.iconFlipRtl} .icon=${this.requestedIcon} .scale=${b(this.scale)}></calcite-icon>`, s = l`<div class=${a(n.prefix)}>${this.prefixText}</div>`, u = l`<div class=${a(n.suffix)}>${this.suffixText}</div>`, g = l`<input aria-errormessage=${v.validationMessage} .ariaInvalid=${this.status === "invalid"} .ariaLabel=${L(this)} autocomplete=${this.autocomplete ?? i} .autofocus=${this.el.autofocus} class=${a({
       [n.editingEnabled]: this.editingEnabled,
       [n.inlineChild]: !!this.inlineEditableEl
     })} value=${this.defaultValue ?? i} .disabled=${this.disabled ? !0 : null} enterkeyhint=${this.el.enterKeyHint ?? i} inputmode=${this.el.inputMode ?? i} maxlength=${this.maxLength ?? i} minlength=${this.minLength ?? i} name=${this.name ?? i} @blur=${this.inputTextBlurHandler} @focus=${this.inputTextFocusHandler} @input=${this.inputTextInputHandler} @keydown=${this.inputTextKeyDownHandler} pattern=${this.pattern ?? i} placeholder=${(this.placeholder || "") ?? i} .readOnly=${this.readOnly} .required=${this.required ? !0 : null} spellcheck=${this.el.spellcheck ?? i} tabindex=${(this.disabled || this.inlineEditableEl && !this.editingEnabled ? -1 : null) ?? i} type=text .value=${y(this.value ?? "")} ${d(this.setChildElRef)}>`;
-    return H({ disabled: this.disabled, children: s`<div class=${a({ [n.inputWrapper]: !0, [x.rtl]: e === "rtl" })} ${d(this.inputWrapperEl)}>${this.prefixText ? l : null}<div class=${a(n.wrapper)}>${g}${this.isClearable ? o : null}${this.requestedIcon ? c : null}${this.loading ? t : null}</div><div class=${a(n.actionWrapper)} ${d(this.actionWrapperEl)}><slot name=${B.action}></slot></div>${this.suffixText ? u : null}${C({ component: this })}</div>${this.validationMessage && this.status === "invalid" ? q({ icon: this.validationIcon, id: v.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
+    return H({ disabled: this.disabled, children: l`<div class=${a({ [n.inputWrapper]: !0, [x.rtl]: t === "rtl" })} ${d(this.inputWrapperEl)}>${this.prefixText ? s : null}<div class=${a(n.wrapper)}>${g}${this.isClearable ? o : null}${this.requestedIcon ? c : null}${this.loading ? e : null}</div><div class=${a(n.actionWrapper)} ${d(this.actionWrapperEl)}><slot name=${S.action}></slot></div>${this.suffixText ? u : null}${V({ component: this })}</div>${this.validationMessage && this.status === "invalid" ? W({ icon: this.validationIcon, id: v.validationMessage, message: this.validationMessage, scale: this.scale, status: this.status }) : null}` });
   }
 }
-k("calcite-input-text", A);
+k("calcite-input-text", R);
 export {
-  A as InputText
+  R as InputText
 };

package/dist/components/calcite-input-time-picker/customElement.d.ts

@@ -36,7 +36,8 @@ export declare class InputTimePicker extends LitElement {
      */
     hourFormat: HourFormat;
     /**
-     * Specifies the maximum value.
+     * When the component resides in a form,
+     * specifies the maximum value.
      *
      * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#max)
      */
@@ -54,7 +55,8 @@ export declare class InputTimePicker extends LitElement {
         chooseTime: string;
     }>;
     /**
-     * Specifies the minimum value.
+     * When the component resides in a form,
+     * specifies the minimum value.
      *
      * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time#min)
      */
@@ -81,7 +83,10 @@ export declare class InputTimePicker extends LitElement {
      * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
      */
     readOnly: boolean;
-    /** When `true`, the component must have a value in order for the form to submit. */
+    /**
+     * When `true` and the component resides in a form,
+     * the component must have a value in order for the form to submit.
+     */
     required: boolean;
     /** Specifies the size of the component. */
     scale: Scale;