@agrotools1/at-components 0.2.3 → 0.2.4

package/dist/input2-32e36924.js

@@ -0,0 +1,575 @@
+import { aV as E, aW as V, aT as n, h8 as H, dD as y, aX as S } from "./index-f28919b2.js";
+import { g as C, l as x, v as T, o as k } from "./dom-b589b728.js";
+import { s as L, c as O, i as w, d as N, H as B } from "./form-e210eee8.js";
+import { c as P, d as A, u as M, I as F } from "./interactive-c1e1aeaf.js";
+import { n as c, i as m, p as K, e as U, f as j, u as W, c as R, a as q, d as $, b as _, s as G, B as Y, g as X } from "./t9n-b5ab99e4.js";
+import { c as Z, d as J, g as z } from "./label2-1ab25f27.js";
+import { s as Q, a as ee, c as te } from "./loadable-4558719f.js";
+import { c as ie } from "./observers-507c19a0.js";
+import { g as v } from "./component-51a10bc0.js";
+import { d as ne, V as ae } from "./input-message-3df877b9.js";
+import { d as se } from "./icon-8711ff33.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const re = ["date", "datetime-local", "month", "number", "range", "time", "week"], oe = ["email", "password", "search", "tel", "text", "url"], le = ["email", "password", "search", "tel", "text", "textarea", "url"];
+function g(l, e, t, i) {
+  const r = t.toLowerCase(), a = l[t];
+  i && a != null ? e.setAttribute(r, `${a}`) : e.removeAttribute(r);
+}
+function ce(l, e, t) {
+  t.type = l === "textarea" ? "text" : l;
+  const i = re.includes(l), r = e;
+  g(r, t, "min", i), g(r, t, "max", i), g(r, t, "step", i);
+  const a = le.includes(l), o = e;
+  g(o, t, "minLength", a), g(o, t, "maxLength", a);
+  const u = oe.includes(l);
+  g(o, t, "pattern", u);
+}
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const ue = ":host{position:relative;display:block;inline-size:100%}.track,.bar{position:absolute;inset-block-start:0px;block-size:2px}.track{z-index:var(--calcite-z-index);inline-size:100%;overflow:hidden;background:var(--calcite-color-border-3)}.bar{z-index:var(--calcite-z-index);background-color:var(--calcite-color-brand)}@media (forced-colors: active){.track{background-color:highlightText}.bar{background-color:linkText}}.indeterminate{inline-size:20%;animation:looping-progress-bar-ani calc(var(--calcite-internal-animation-timing-medium) / var(--calcite-internal-duration-factor) * 11 / var(--calcite-internal-duration-factor)) linear infinite}.indeterminate.calcite--rtl{animation-name:looping-progress-bar-ani-rtl}.reversed{animation-direction:reverse}.text{padding-inline:0px;padding-block:1rem 0px;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-2)}@keyframes looping-progress-bar-ani{0%{transform:translate3d(-100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(600%, 0, 0)}}@keyframes looping-progress-bar-ani-rtl{0%{transform:translate3d(100%, 0, 0)}50%{inline-size:40%}100%{transform:translate3d(-600%, 0, 0)}}:host([hidden]){display:none}[hidden]{display:none}", de = /* @__PURE__ */ E(class extends V {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.type = "determinate", this.value = 0, this.label = void 0, this.text = void 0, this.reversed = !1;
+  }
+  render() {
+    const t = this.type === "determinate" ? { width: `${this.value * 100}%` } : {}, i = C(this.el);
+    return n("div", { "aria-label": this.label || this.text, "aria-valuemax": 1, "aria-valuemin": 0, "aria-valuenow": this.value, role: "progressbar" }, n("div", { class: "track" }, n("div", { class: {
+      bar: !0,
+      indeterminate: this.type === "indeterminate",
+      [H.rtl]: i === "rtl",
+      reversed: this.reversed
+    }, style: t })), this.text ? n("div", { class: "text" }, this.text) : null);
+  }
+  get el() {
+    return this;
+  }
+  static get style() {
+    return ue;
+  }
+}, [1, "calcite-progress", {
+  type: [513],
+  value: [2],
+  label: [1],
+  text: [1],
+  reversed: [516]
+}]);
+function D() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-progress"].forEach((e) => {
+    switch (e) {
+      case "calcite-progress":
+        customElements.get(e) || customElements.define(e, de);
+        break;
+    }
+  });
+}
+D();
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v2.7.1
+ */
+const s = {
+  loader: "loader",
+  clearButton: "clear-button",
+  editingEnabled: "editing-enabled",
+  inlineChild: "inline-child",
+  inputIcon: "icon",
+  prefix: "prefix",
+  suffix: "suffix",
+  numberButtonWrapper: "number-button-wrapper",
+  buttonItemHorizontal: "number-button-item--horizontal",
+  wrapper: "element-wrapper",
+  inputWrapper: "wrapper",
+  actionWrapper: "action-wrapper",
+  resizeIconWrapper: "resize-icon-wrapper",
+  numberButtonItem: "number-button-item"
+}, I = {
+  tel: "phone",
+  password: "lock",
+  email: "email-address",
+  date: "calendar",
+  time: "clock",
+  search: "search"
+}, he = {
+  action: "action"
+}, pe = `: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:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{block-size:1.5rem;min-block-size:1.5rem}: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]) input[type=file]{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=s]) textarea{block-size:auto;padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-block-size:2rem}: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]) input[type=file]{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=m]) textarea{block-size:auto;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}: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]) textarea{min-block-size:2.75rem}: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]) input[type=file]{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([scale=l]) textarea{block-size:auto;padding-block:0.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]) textarea{resize:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}textarea,input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input,textarea{text-overflow:ellipsis;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input:placeholder-shown,textarea:placeholder-shown{text-overflow:ellipsis}input:focus,textarea:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly],textarea[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus,textarea[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}textarea,input{outline-color:transparent}textarea:focus,input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          )}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(
+            -2px *
+            calc(
+              1 -
+              2 * clamp(
+                0,
+                var(--calcite-offset-invert-focus),
+                1
+              )
+            )
+          )}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.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;display:block;transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.icon,.resize-icon-wrapper{z-index:var(--calcite-z-index)}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;order:4;margin:0px;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: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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-ui-focus-color, var(--calcite-color-brand-hover, var(--calcite-color-brand)));outline-offset:calc(
+            -2px *
+            calc(
+              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}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{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:0px;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:0.5rem;transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.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}:input::-webkit-calendar-picker-indicator{display:none}input[type=date]::-webkit-input-placeholder{visibility:hidden !important}textarea::-webkit-resizer{position:absolute;inset-block-end:0px;box-sizing:border-box;padding-block:0px;padding-inline:0.25rem;inset-inline-end:0}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-block:1px;padding-inline:0.5rem}:host([type=file][scale=m]) input{padding-block:0.25rem;padding-inline:0.75rem}:host([type=file][scale=l]) input{padding-block:0.5rem;padding-inline:1rem}: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: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 var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}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:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.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}`, me = /* @__PURE__ */ E(class extends V {
+  constructor() {
+    super(), this.__registerHost(), this.__attachShadow(), this.calciteInternalInputFocus = y(this, "calciteInternalInputFocus", 6), this.calciteInternalInputBlur = y(this, "calciteInternalInputBlur", 6), this.calciteInputInput = y(this, "calciteInputInput", 7), this.calciteInputChange = y(this, "calciteInputChange", 6), this.childElType = "input", this.previousValueOrigin = "initial", this.mutationObserver = ie("mutation", () => this.setDisabledAction()), this.userChangedValue = !1, this.keyDownHandler = (e) => {
+      this.readOnly || this.disabled || (this.isClearable && e.key === "Escape" && (this.clearInputValue(e), e.preventDefault()), e.key === "Enter" && !e.defaultPrevented && L(this) && e.preventDefault());
+    }, this.clearInputValue = (e) => {
+      this.setValue({
+        committing: !0,
+        nativeEvent: e,
+        origin: "user",
+        value: ""
+      });
+    }, this.emitChangeIfUserModified = () => {
+      this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue && (this.calciteInputChange.emit(), this.setPreviousEmittedValue(this.value));
+    }, this.inputBlurHandler = () => {
+      window.clearInterval(this.nudgeNumberValueIntervalId), this.calciteInternalInputBlur.emit(), this.emitChangeIfUserModified();
+    }, this.clickHandler = (e) => {
+      if (this.disabled)
+        return;
+      const t = x(this.el, "action");
+      e.target !== t && this.setFocus();
+    }, this.inputFocusHandler = () => {
+      this.calciteInternalInputFocus.emit();
+    }, this.inputChangeHandler = () => {
+      this.type === "file" && (this.files = this.childEl.files);
+    }, this.inputInputHandler = (e) => {
+      this.disabled || this.readOnly || this.setValue({
+        nativeEvent: e,
+        origin: "user",
+        value: e.target.value
+      });
+    }, this.inputKeyDownHandler = (e) => {
+      this.disabled || this.readOnly || e.key === "Enter" && this.emitChangeIfUserModified();
+    }, this.inputNumberInputHandler = (e) => {
+      if (this.disabled || this.readOnly || this.value === "Infinity" || this.value === "-Infinity")
+        return;
+      const t = e.target.value;
+      c.numberFormatOptions = {
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        useGrouping: this.groupSeparator
+      };
+      const i = c.delocalize(t);
+      e.inputType === "insertFromPaste" ? (m(i) || e.preventDefault(), this.setValue({
+        nativeEvent: e,
+        origin: "user",
+        value: K(i)
+      }), this.childNumberEl.value = this.displayedValue) : this.setValue({
+        nativeEvent: e,
+        origin: "user",
+        value: i
+      });
+    }, this.inputNumberKeyDownHandler = (e) => {
+      if (this.type !== "number" || this.disabled || this.readOnly)
+        return;
+      if (this.value === "Infinity" || this.value === "-Infinity") {
+        e.preventDefault(), (e.key === "Backspace" || e.key === "Delete") && this.clearInputValue(e);
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault(), this.nudgeNumberValue("up", e);
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        this.nudgeNumberValue("down", e);
+        return;
+      }
+      const t = [
+        ...X,
+        "ArrowLeft",
+        "ArrowRight",
+        "Backspace",
+        "Delete",
+        "Enter",
+        "Escape",
+        "Tab"
+      ];
+      if (e.altKey || e.ctrlKey || e.metaKey)
+        return;
+      const i = e.shiftKey && e.key === "Tab";
+      if (t.includes(e.key) || i) {
+        e.key === "Enter" && this.emitChangeIfUserModified();
+        return;
+      }
+      c.numberFormatOptions = {
+        locale: this.effectiveLocale,
+        numberingSystem: this.numberingSystem,
+        useGrouping: this.groupSeparator
+      }, !(e.key === c.decimal && (!this.value && !this.childNumberEl.value || this.value && this.childNumberEl.value.indexOf(c.decimal) === -1)) && (/[eE]/.test(e.key) && (!this.value && !this.childNumberEl.value || this.value && !/[eE]/.test(this.childNumberEl.value)) || e.key === "-" && (!this.value && !this.childNumberEl.value || this.value && this.childNumberEl.value.split("-").length <= 2) || e.preventDefault());
+    }, this.nudgeNumberValue = (e, t) => {
+      if (t instanceof KeyboardEvent && t.repeat || this.type !== "number")
+        return;
+      const i = this.maxString ? parseFloat(this.maxString) : null, r = this.minString ? parseFloat(this.minString) : null, a = 150;
+      this.incrementOrDecrementNumberValue(e, i, r, t), this.nudgeNumberValueIntervalId && window.clearInterval(this.nudgeNumberValueIntervalId);
+      let o = !0;
+      this.nudgeNumberValueIntervalId = window.setInterval(() => {
+        if (o) {
+          o = !1;
+          return;
+        }
+        this.incrementOrDecrementNumberValue(e, i, r, t);
+      }, a);
+    }, this.numberButtonPointerUpAndOutHandler = () => {
+      window.clearInterval(this.nudgeNumberValueIntervalId);
+    }, this.numberButtonPointerDownHandler = (e) => {
+      if (!T(e))
+        return;
+      e.preventDefault();
+      const t = e.target.dataset.adjustment;
+      this.disabled || this.nudgeNumberValue(t, e);
+    }, this.onHiddenFormInputInput = (e) => {
+      e.target.name === this.name && this.setValue({
+        value: e.target.value,
+        origin: "direct"
+      }), this.setFocus(), e.stopPropagation();
+    }, this.setChildElRef = (e) => {
+      this.childEl = e;
+    }, this.setChildNumberElRef = (e) => {
+      this.childNumberEl = e;
+    }, this.setInputValue = (e) => {
+      this.type === "text" && !this.childEl || this.type === "number" && !this.childNumberEl || (this[`child${this.type === "number" ? "Number" : ""}El`].value = e);
+    }, this.setPreviousEmittedValue = (e) => {
+      this.previousEmittedValue = this.normalizeValue(e);
+    }, this.setPreviousValue = (e) => {
+      this.previousValue = this.normalizeValue(e);
+    }, this.setValue = ({ committing: e = !1, nativeEvent: t, origin: i, previousValue: r, value: a }) => {
+      var o, u;
+      if (this.setPreviousValue(r ?? this.value), this.previousValueOrigin = i, this.type === "number") {
+        c.numberFormatOptions = {
+          locale: this.effectiveLocale,
+          numberingSystem: this.numberingSystem,
+          useGrouping: this.groupSeparator,
+          signDisplay: "never"
+        };
+        const b = ((o = this.previousValue) == null ? void 0 : o.length) > a.length || ((u = this.value) == null ? void 0 : u.length) > a.length, d = a.charAt(a.length - 1) === ".", f = d && b ? a : U(a), h = a && !f ? m(this.previousValue) ? this.previousValue : "" : f;
+        let p = c.localize(h);
+        i !== "connected" && !d && (p = j(p, h, c)), this.displayedValue = d && b ? `${p}${c.decimal}` : p, this.userChangedValue = i === "user" && this.value !== h, this.value = ["-", "."].includes(h) ? "" : h;
+      } else
+        this.userChangedValue = i === "user" && this.value !== a, this.value = a;
+      i === "direct" && (this.setInputValue(a), this.previousEmittedValue = a), t && (this.calciteInputInput.emit().defaultPrevented ? (this.value = this.previousValue, this.displayedValue = this.type === "number" ? c.localize(this.previousValue) : this.previousValue) : e && this.emitChangeIfUserModified());
+    }, this.inputKeyUpHandler = () => {
+      window.clearInterval(this.nudgeNumberValueIntervalId);
+    }, this.alignment = "start", this.autofocus = !1, this.clearable = !1, this.disabled = !1, this.form = void 0, this.groupSeparator = !1, this.icon = void 0, this.iconFlipRtl = !1, this.label = void 0, this.loading = !1, this.numberingSystem = void 0, this.localeFormat = !1, this.max = void 0, this.min = void 0, this.maxLength = void 0, this.minLength = void 0, this.validationMessage = void 0, this.validationIcon = void 0, this.name = void 0, this.numberButtonType = "vertical", this.placeholder = void 0, this.prefixText = void 0, this.readOnly = !1, this.required = !1, this.scale = "m", this.status = "idle", this.step = void 0, this.autocomplete = void 0, this.pattern = void 0, this.accept = void 0, this.multiple = !1, this.inputMode = "text", this.enterKeyHint = void 0, this.suffixText = void 0, this.editingEnabled = !1, this.type = "text", this.value = "", this.files = void 0, this.messages = void 0, this.messageOverrides = void 0, this.defaultMessages = void 0, this.effectiveLocale = "", this.displayedValue = void 0, this.slottedActionElDisabledInternally = !1;
+  }
+  disabledWatcher() {
+    this.setDisabledAction();
+  }
+  /** watcher to update number-to-string for max */
+  maxWatcher() {
+    var e;
+    this.maxString = ((e = this.max) == null ? void 0 : e.toString()) || null;
+  }
+  /** watcher to update number-to-string for min */
+  minWatcher() {
+    var e;
+    this.minString = ((e = this.min) == null ? void 0 : e.toString()) || null;
+  }
+  onMessagesChange() {
+  }
+  valueWatcher(e, t) {
+    if (!this.userChangedValue) {
+      if (this.type === "number" && (e === "Infinity" || e === "-Infinity")) {
+        this.displayedValue = e, this.previousEmittedValue = e;
+        return;
+      }
+      this.setValue({
+        origin: "direct",
+        previousValue: t,
+        value: e == null || e == "" ? "" : this.type === "number" ? m(e) ? e : this.previousValue || "" : e
+      }), this.warnAboutInvalidNumberValue(e);
+    }
+    this.userChangedValue = !1;
+  }
+  updateRequestedIcon() {
+    this.requestedIcon = k(I, this.icon, this.type);
+  }
+  get isClearable() {
+    var e;
+    return !this.isTextarea && (this.clearable || this.type === "search") && ((e = this.value) == null ? void 0 : e.length) > 0;
+  }
+  get isTextarea() {
+    return this.childElType === "textarea";
+  }
+  effectiveLocaleChange() {
+    W(this, this.effectiveLocale);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    var e;
+    P(this), R(this), q(this), this.inlineEditableEl = this.el.closest("calcite-inline-editable"), this.inlineEditableEl && (this.editingEnabled = this.inlineEditableEl.editingEnabled || !1), Z(this), O(this), (e = this.mutationObserver) == null || e.observe(this.el, { childList: !0 }), this.setDisabledAction(), this.el.addEventListener(w, this.onHiddenFormInputInput);
+  }
+  disconnectedCallback() {
+    var e;
+    A(this), J(this), N(this), $(this), _(this), (e = this.mutationObserver) == null || e.disconnect(), this.el.removeEventListener(w, this.onHiddenFormInputInput);
+  }
+  async componentWillLoad() {
+    var e, t;
+    Q(this), this.childElType = this.type === "textarea" ? "textarea" : "input", this.maxString = (e = this.max) == null ? void 0 : e.toString(), this.minString = (t = this.min) == null ? void 0 : t.toString(), this.requestedIcon = k(I, this.icon, this.type), await G(this), this.setPreviousEmittedValue(this.value), this.setPreviousValue(this.value), this.type === "number" && (this.value === "Infinity" || this.value === "-Infinity" ? (this.displayedValue = this.value, this.previousEmittedValue = this.value) : (this.warnAboutInvalidNumberValue(this.value), this.setValue({
+      origin: "connected",
+      value: m(this.value) ? this.value : ""
+    })));
+  }
+  componentDidLoad() {
+    ee(this);
+  }
+  componentShouldUpdate(e, t, i) {
+    return this.type === "number" && i === "value" && e && !m(e) ? (this.setValue({
+      origin: "reset",
+      value: t
+    }), !1) : !0;
+  }
+  componentDidRender() {
+    M(this);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var e, t;
+    await te(this), this.type === "number" ? (e = this.childNumberEl) == null || e.focus() : (t = this.childEl) == null || t.focus();
+  }
+  /** Selects the text of the component's `value`. */
+  async selectText() {
+    var e, t;
+    this.type === "number" ? (e = this.childNumberEl) == null || e.select() : (t = this.childEl) == null || t.select();
+  }
+  onLabelClick() {
+    this.setFocus();
+  }
+  incrementOrDecrementNumberValue(e, t, i, r) {
+    const { value: a } = this;
+    if (a === "Infinity" || a === "-Infinity")
+      return;
+    const o = e === "up" ? 1 : -1, u = this.step === "any" ? 1 : Math.abs(this.step || 1), d = new Y(a !== "" ? a : "0").add(`${u * o}`), f = () => typeof i == "number" && !isNaN(i) && d.subtract(`${i}`).isNegative, h = () => typeof t == "number" && !isNaN(t) && !d.subtract(`${t}`).isNegative, p = f() ? `${i}` : h() ? `${t}` : d.toString();
+    this.setValue({
+      committing: !0,
+      nativeEvent: r,
+      origin: "user",
+      value: p
+    });
+  }
+  syncHiddenFormInput(e) {
+    ce(this.type, this, e);
+  }
+  setDisabledAction() {
+    const e = x(this.el, "action");
+    e && (this.disabled ? (e.getAttribute("disabled") == null && (this.slottedActionElDisabledInternally = !0), e.setAttribute("disabled", "")) : this.slottedActionElDisabledInternally && (e.removeAttribute("disabled"), this.slottedActionElDisabledInternally = !1));
+  }
+  normalizeValue(e) {
+    return this.type === "number" ? m(e) ? e : "" : e;
+  }
+  warnAboutInvalidNumberValue(e) {
+    this.type === "number" && e && !m(e) && console.warn(`The specified value "${e}" cannot be parsed, or is out of range.`);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const e = C(this.el), t = n("div", { class: s.loader }, n("calcite-progress", { label: this.messages.loading, type: "indeterminate" })), i = n("button", { "aria-label": this.messages.clear, class: s.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputValue, tabIndex: -1, type: "button" }, n("calcite-icon", { icon: "x", scale: v(this.scale) })), r = n("calcite-icon", { class: s.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: v(this.scale) }), a = this.numberButtonType === "horizontal", o = n("button", { "aria-hidden": "true", class: {
+      [s.numberButtonItem]: !0,
+      [s.buttonItemHorizontal]: a
+    }, "data-adjustment": "up", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, n("calcite-icon", { icon: "chevron-up", scale: v(this.scale) })), u = n("button", { "aria-hidden": "true", class: {
+      [s.numberButtonItem]: !0,
+      [s.buttonItemHorizontal]: a
+    }, "data-adjustment": "down", disabled: this.disabled || this.readOnly, onPointerDown: this.numberButtonPointerDownHandler, onPointerOut: this.numberButtonPointerUpAndOutHandler, onPointerUp: this.numberButtonPointerUpAndOutHandler, tabIndex: -1, type: "button" }, n("calcite-icon", { icon: "chevron-down", scale: v(this.scale) })), b = n("div", { class: s.numberButtonWrapper }, o, u), d = n("div", { class: s.prefix }, this.prefixText), f = n("div", { class: s.suffix }, this.suffixText), h = this.type === "number" ? n("input", {
+      accept: this.accept,
+      "aria-label": z(this),
+      autocomplete: this.autocomplete,
+      autofocus: this.autofocus ? !0 : null,
+      defaultValue: this.defaultValue,
+      disabled: this.disabled ? !0 : null,
+      enterKeyHint: this.enterKeyHint,
+      inputMode: this.inputMode,
+      key: "localized-input",
+      maxLength: this.maxLength,
+      minLength: this.minLength,
+      multiple: this.multiple,
+      name: void 0,
+      onBlur: this.inputBlurHandler,
+      onFocus: this.inputFocusHandler,
+      onInput: this.inputNumberInputHandler,
+      onKeyDown: this.inputNumberKeyDownHandler,
+      onKeyUp: this.inputKeyUpHandler,
+      pattern: this.pattern,
+      placeholder: this.placeholder || "",
+      readOnly: this.readOnly,
+      type: "text",
+      value: this.displayedValue,
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+      ref: this.setChildNumberElRef
+    }) : null, p = this.type !== "number" ? [
+      n(this.childElType, {
+        accept: this.accept,
+        "aria-label": z(this),
+        autocomplete: this.autocomplete,
+        autofocus: this.autofocus ? !0 : null,
+        class: {
+          [s.editingEnabled]: this.editingEnabled,
+          [s.inlineChild]: !!this.inlineEditableEl
+        },
+        defaultValue: this.defaultValue,
+        disabled: this.disabled ? !0 : null,
+        enterKeyHint: this.enterKeyHint,
+        inputMode: this.inputMode,
+        max: this.maxString,
+        maxLength: this.maxLength,
+        min: this.minString,
+        minLength: this.minLength,
+        multiple: this.multiple,
+        name: this.name,
+        onBlur: this.inputBlurHandler,
+        onChange: this.inputChangeHandler,
+        onFocus: this.inputFocusHandler,
+        onInput: this.inputInputHandler,
+        onKeyDown: this.inputKeyDownHandler,
+        onKeyUp: this.inputKeyUpHandler,
+        pattern: this.pattern,
+        placeholder: this.placeholder || "",
+        readOnly: this.readOnly,
+        required: this.required ? !0 : null,
+        step: this.step,
+        tabIndex: this.disabled || this.inlineEditableEl && !this.editingEnabled ? -1 : null,
+        type: this.type,
+        value: this.value,
+        // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
+        ref: this.setChildElRef
+      }),
+      this.isTextarea ? n("div", { class: s.resizeIconWrapper }, n("calcite-icon", { icon: "chevron-down", scale: v(this.scale) })) : null
+    ] : null;
+    return n(S, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, n(F, { disabled: this.disabled }, n("div", { class: { [s.inputWrapper]: !0, [H.rtl]: e === "rtl" } }, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly ? u : null, this.prefixText ? d : null, n("div", { class: s.wrapper }, h, p, this.isClearable ? i : null, this.requestedIcon ? r : null, this.loading ? t : null), n("div", { class: s.actionWrapper }, n("slot", { name: he.action })), this.type === "number" && this.numberButtonType === "vertical" && !this.readOnly ? b : null, this.suffixText ? f : null, this.type === "number" && this.numberButtonType === "horizontal" && !this.readOnly ? o : null, n(B, { component: this })), this.validationMessage && this.status === "invalid" ? n(ae, { icon: this.validationIcon, message: this.validationMessage, scale: this.scale, status: this.status }) : null));
+  }
+  static get assetsDirs() {
+    return ["assets"];
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      disabled: ["disabledWatcher"],
+      max: ["maxWatcher"],
+      min: ["minWatcher"],
+      messageOverrides: ["onMessagesChange"],
+      value: ["valueWatcher"],
+      icon: ["updateRequestedIcon"],
+      type: ["updateRequestedIcon"],
+      effectiveLocale: ["effectiveLocaleChange"]
+    };
+  }
+  static get style() {
+    return pe;
+  }
+}, [1, "calcite-input", {
+  alignment: [513],
+  autofocus: [516],
+  clearable: [516],
+  disabled: [516],
+  form: [513],
+  groupSeparator: [516, "group-separator"],
+  icon: [520],
+  iconFlipRtl: [516, "icon-flip-rtl"],
+  label: [1],
+  loading: [516],
+  numberingSystem: [513, "numbering-system"],
+  localeFormat: [4, "locale-format"],
+  max: [514],
+  min: [514],
+  maxLength: [514, "max-length"],
+  minLength: [514, "min-length"],
+  validationMessage: [1, "validation-message"],
+  validationIcon: [520, "validation-icon"],
+  name: [513],
+  numberButtonType: [513, "number-button-type"],
+  placeholder: [1],
+  prefixText: [1, "prefix-text"],
+  readOnly: [516, "read-only"],
+  required: [516],
+  scale: [513],
+  status: [513],
+  step: [520],
+  autocomplete: [1],
+  pattern: [1],
+  accept: [1],
+  multiple: [4],
+  inputMode: [1, "input-mode"],
+  enterKeyHint: [1, "enter-key-hint"],
+  suffixText: [1, "suffix-text"],
+  editingEnabled: [1540, "editing-enabled"],
+  type: [513],
+  value: [1025],
+  files: [16],
+  messages: [1040],
+  messageOverrides: [1040],
+  defaultMessages: [32],
+  effectiveLocale: [32],
+  displayedValue: [32],
+  slottedActionElDisabledInternally: [32],
+  setFocus: [64],
+  selectText: [64]
+}, void 0, {
+  disabled: ["disabledWatcher"],
+  max: ["maxWatcher"],
+  min: ["minWatcher"],
+  messageOverrides: ["onMessagesChange"],
+  value: ["valueWatcher"],
+  icon: ["updateRequestedIcon"],
+  type: ["updateRequestedIcon"],
+  effectiveLocale: ["effectiveLocaleChange"]
+}]);
+function be() {
+  if (typeof customElements > "u")
+    return;
+  ["calcite-input", "calcite-icon", "calcite-input-message", "calcite-progress"].forEach((e) => {
+    switch (e) {
+      case "calcite-input":
+        customElements.get(e) || customElements.define(e, me);
+        break;
+      case "calcite-icon":
+        customElements.get(e) || se();
+        break;
+      case "calcite-input-message":
+        customElements.get(e) || ne();
+        break;
+      case "calcite-progress":
+        customElements.get(e) || D();
+        break;
+    }
+  });
+}
+be();
+export {
+  me as I,
+  D as a,
+  be as d
+};