easy-component-ui 3.0.15 → 4.0.3

package/dist/components/ea-input-number.js

@@ -1,367 +1,477 @@
-var _ = Object.defineProperty;
-var C = (s) => {
-  throw TypeError(s);
-};
-var E = (s, i, e) => i in s ? _(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
-var p = (s, i, e) => E(s, typeof i != "symbol" ? i + "" : i, e), N = (s, i, e) => i.has(s) || C("Cannot " + e);
-var t = (s, i, e) => (N(s, i, "read from private field"), e ? e.call(s) : i.get(s)), n = (s, i, e) => i.has(s) ? C("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(s) : i.set(s, e), l = (s, i, e, a) => (N(s, i, "write to private field"), a ? a.call(s, e) : i.set(s, e), e);
-import { F as A } from "../core/FormBase.js";
-import { s as F } from "../css/ea-input-number.style.js";
-class S extends Event {
-  constructor(i) {
-    super("ea-change", { bubbles: !0, cancelable: !0, composed: !0 }), this.detail = i;
+import { a as f } from "../core/EaFormAssociatedBase.ts.js";
+import { c as y } from "../utils/bem.ts.js";
+import { q as c, a as n, l as o, C as v, p as d } from "../core/decorator.js";
+import { E as b } from "../utils/Enum.ts.js";
+import { s as E } from "../css/ea-input-number.style.js";
+import "./ea-icon.js";
+class N extends Event {
+  constructor(t) {
+    super("ea-change", { bubbles: !0, cancelable: !0, composed: !0 }), this.detail = t;
   }
 }
-var d, r, c, b, m, o, u, f, v, y;
-class M extends A {
+class x extends Event {
   constructor() {
-    super();
-    /** @type {HTMLElement} */
-    n(this, d);
-    /** @type {HTMLInputElement} */
-    n(this, r);
-    /** @type {HTMLElement} */
-    n(this, c);
-    /** @type {HTMLElement} */
-    n(this, b);
-    /** @type {HTMLLabelElement} */
-    n(this, m);
-    /** @type {AbortController} */
-    n(this, o, new AbortController());
-    p(this, "state", this.properties({
-      label: {
-        type: String,
-        default: "",
-        observer: async (e) => {
-          t(this, m).textContent = e;
-        }
-      },
-      value: {
-        type: Number,
-        default: 0,
-        /** @param {number} newVal */
-        observer: (e, a) => {
-          e = Number(e).toFixed(this.precision), a = Number(a).toFixed(this.precision), t(this, r).value = e, this.setValue(e), e >= this.max ? this.isMax = !0 : this.isMax = !1, e <= this.min ? this.isMin = !0 : this.isMin = !1, this.dispatchEvent(
-            new S({
-              currentValue: Number(e),
-              oldValue: Number(a)
-            })
-          ), this.updateContainerClasslist();
-        }
-      },
-      min: {
-        type: Number,
-        default: Number.MIN_SAFE_INTEGER,
-        observer: (e) => {
-          t(this, r) && (t(this, r).min = e);
-        }
-      },
-      max: {
-        type: Number,
-        default: Number.MAX_SAFE_INTEGER,
-        observer: (e) => {
-          t(this, r) && (t(this, r).max = e);
-        }
-      },
-      required: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, r) && (t(this, r).required = e);
-        }
-      },
-      step: {
-        type: Number,
-        default: 1,
-        observer: () => {
-        }
-      },
-      "step-strictly": {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-        }
-      },
-      precision: {
-        type: Number,
-        default: 0,
-        observer: () => {
-        }
-      },
-      size: {
-        type: ["large", "default", "small"],
-        default: "",
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      readonly: {
-        type: Boolean,
-        default: !1,
-        observer: (e) => {
-          t(this, r).readOnly = e;
-        }
-      },
-      disabled: {
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      controls: {
-        type: Boolean,
-        default: !0,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      "value-on-clear": {
-        type: Number,
-        default: "",
-        observer: () => {
-        }
-      },
-      align: {
-        type: ["left", "center", "right"],
-        default: "center",
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      name: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, r).setAttribute("name", e), t(this, r).setAttribute("id", e);
-        }
-      },
-      placeholder: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, r).setAttribute("placeholder", e);
-        }
-      },
-      inputmode: {
-        type: String,
-        default: "",
-        observer: (e) => {
-          t(this, r).setAttribute("inputmode", e);
-        }
-      }
-    }));
-    p(this, "componentStatusState", this.properties({
-      defaultValue: {
-        props: !0,
-        type: Number,
-        default: this.getAttrNumber("value", 0).toFixed(this.precision),
-        observer: () => {
-        }
-      },
-      isFocus: {
-        props: !0,
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      isMin: {
-        props: !0,
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      },
-      isMax: {
-        props: !0,
-        type: Boolean,
-        default: !1,
-        observer: () => {
-          this.updateContainerClasslist();
-        }
-      }
-    }));
-    /**
-     * 获取焦点
-     */
-    p(this, "focus", () => {
-      t(this, r).focus();
-    });
-    /**
-     * 失去焦点
-     */
-    p(this, "blur", () => {
-      t(this, r).blur();
-    });
-    /**
-     * 处理数值的安全边界
-     * @param {Number} value
-     * @param {Object} param1
-     * @param {Number} [param1.precision]
-     * @param {Number} [param1.min]
-     * @param {Number} [param1.max]
-     * @param {Number | String} [param1.defaultValue]
-     */
-    n(this, u, (e = this.value, { precision: a, min: h, max: x, defaultValue: g }) => (e = Number(e), isNaN(e) || !Number.isFinite(e) ? (g == null ? void 0 : g.toFixed(a)) || "" : (e < h ? e = h : e > x && (e = x), e.toFixed(a))));
-    /**
-     * 加
-     */
-    n(this, f, () => {
-      this.setAttribute(
-        "value",
-        t(this, u).call(this, this.value - this.step, {
-          precision: this.precision,
-          min: this.min,
-          max: this.max,
-          defaultValue: this.defaultValue
-        })
-      );
-    });
-    /**
-     * 减
-     */
-    n(this, v, () => {
-      this.setAttribute(
-        "value",
-        t(this, u).call(this, this.value + this.step, {
-          precision: this.precision,
-          min: this.min,
-          max: this.max,
-          defaultValue: this.defaultValue
-        })
-      );
-    });
-    /**
-     * 当用户可能进行过手动输入时，进行输入框值校验
-     */
-    n(this, y, (e) => {
-      let a = t(this, u).call(this, e.target.value, {
-        precision: this.precision,
-        min: this.min,
-        max: this.max,
-        defaultValue: this.defaultValue
-      });
-      this["step-strictly"] && Number(a) % this.step !== 0 && (a = t(this, u).call(this, Number(a) + a % this.step, {
-        precision: this.precision,
-        min: this.min,
-        max: this.max,
-        defaultValue: this.defaultValue
-      })), this.setAttribute("value", a), a !== e.target.value && (e.target.value = a), this.isFocus = !1;
-    });
-    this.stylesheet = F, this.$render();
+    super("focus", { bubbles: !0, composed: !0 });
   }
-  static get observedAttributes() {
-    return [
-      ...super.observedAttributes,
-      "value",
-      "label",
-      "value-on-clear",
-      "min",
-      "max",
-      "required",
-      "step",
-      "step-strictly",
-      "precision",
-      "size",
-      "name",
-      "align",
-      "placeholder",
-      "inputmode",
-      "readonly",
-      "disabled",
-      "controls"
-    ];
+}
+class g extends Event {
+  constructor() {
+    super("blur", { bubbles: !0, composed: !0 });
   }
-  /**
-   * 获取验证目标元素
-   * @returns {HTMLElement}
-   */
-  get validationTarget() {
-    return t(this, r);
+}
+var I = Object.defineProperty, A = Object.getOwnPropertyDescriptor, s = (e, t, r, u) => {
+  for (var l = u > 1 ? void 0 : u ? A(t, r) : t, p = e.length - 1, h; p >= 0; p--)
+    (h = e[p]) && (l = (u ? h(t, r, l) : h(l)) || l);
+  return u && l && I(t, r, l), l;
+};
+const _ = "ea-input-number", a = y(_);
+let i = class extends f {
+  constructor() {
+    super(...arguments), this._repeatTimer = null, this._repeatDelay = 400, this._repeatInterval = 100, this._inputId = `ea-input-number-input-${Math.random().toString(36).slice(2, 9)}`, this.defaultValue = 0, this._isFocus = !1, this._isMin = !1, this._isMax = !1, this.label = "", this.value = 0, this.min = Number.MIN_SAFE_INTEGER, this.max = Number.MAX_SAFE_INTEGER, this.required = !1, this.step = 1, this.stepStrictly = !1, this.precision = 0, this.size = "default", this.readonly = !1, this.disabled = !1, this.controls = !0, this.valueOnClear = null, this.align = "center", this.name = "", this.placeholder = "", this.inputmode = "";
   }
-  /**
-   * 表单重置回调，处理表单重置事件
-   */
-  formResetCallback() {
-    this.value = this.min, this.internals.setValidity({});
+  // ==================== 抽象属性实现 ====================
+  get validationTarget() {
+    return this._inputEl;
   }
+  // ==================== 方法 ====================
   /**
-   * 获取 classlist 列表
-   * @return {string} 属性值
+   * 更新容器 CSS 类名
+   * @returns 生成的类名字符串
    */
   updateContainerClasslist() {
-    const e = this.computedClasslist(
-      "ea-input-number",
+    const e = this.size !== "default", t = a(
       {
-        ["--" + this.align]: this.align,
-        ["--" + this.size]: this.size
+        ["size-" + this.size]: e,
+        [this.align]: !0
       },
       {
-        focus: this.isFocus,
-        min: this.isMin,
-        max: this.isMax,
+        focus: this._isFocus,
+        min: this._isMin,
+        max: this._isMax,
         disabled: this.disabled,
         "no-controls": !this.controls
       }
     );
-    return t(this, d).className = e, e;
+    return this._container && (this._container.className = t), t;
+  }
+  /** 更新增减按钮的禁用状态和 ARIA 属性 */
+  _updateButtonDisabledState() {
+    if (!this._decreaseBtn || !this._increaseBtn) return;
+    const e = this._isMin || this.disabled, t = this._isMax || this.disabled;
+    this._decreaseBtn.setAttribute("aria-disabled", String(e)), this._decreaseBtn.setAttribute("title", "减少数值"), this._decreaseBtn.setAttribute("aria-controls", this._inputId), this._increaseBtn.setAttribute("aria-disabled", String(t)), this._increaseBtn.setAttribute("title", "增加数值"), this._increaseBtn.setAttribute("aria-controls", this._inputId);
   }
-  $render() {
-    this.shadowRoot.innerHTML = `
-      <label class="ea-input-number" part="container">
-        <span class="ea-input-number__form-label" part="label"></span>
-        <section class="ea-input-number__region" part="region">
-          <ea-icon class="ea-input-number__operator decrease" part="decrease" name="minus"></ea-icon>
-          <span class="ea-input-number__prefix" part="prefix">
+  html() {
+    return `
+      <label class='${a()}' part='container'>
+        <span class='${a.e("form-label")}' part='label'></span>
+        <section class='${a.e("region")}' part='region'>
+          <ea-icon class='${a.e("decrease")}' part='decrease' name='minus' tabindex='-1' aria-hidden='true'></ea-icon>
+          <span class='${a.e("prefix")}' part='prefix'>
             <slot name="prefix"></slot>
           </span>
-          <input class="ea-input-number__inner" part="input" type="number" />
-          <span class="ea-input-number__suffix" part="suffix">
+          <input class='${a.e("inner")}' part='input' type='text' role='spinbutton' />
+          <span class='${a.e("suffix")}' part='suffix'>
             <slot name="suffix"></slot>
           </span>
-          <ea-icon class="ea-input-number__operator increase" part="increase" name="plus"></ea-icon>
+          <ea-icon class='${a.e("increase")}' part='increase' name='plus' tabindex='-1' aria-hidden='true'></ea-icon>
         </section>
       </label>
-    `, l(this, d, this.shadowRoot.querySelector(".ea-input-number")), l(this, m, this.shadowRoot.querySelector(".ea-input-number__form-label")), l(this, r, this.shadowRoot.querySelector(".ea-input-number__inner")), l(this, c, this.shadowRoot.querySelector(
-      ".ea-input-number__operator.decrease"
-    )), l(this, b, this.shadowRoot.querySelector(
-      ".ea-input-number__operator.increase"
-    )), this.updateContainerClasslist();
+    `;
   }
-  connectedCallback() {
-    var h;
-    super.connectedCallback(), this.value = this.getAttrNumber("value", 0).toFixed(this.precision), this.name || this.setAttribute("name", Math.random().toString(36).substring(2, 15)), (h = t(this, o)) == null || h.abort(), l(this, o, new AbortController());
-    const e = () => {
-      this.disabled || !this.controls || t(this, f).call(this);
-    }, a = () => {
-      this.disabled || !this.controls || t(this, v).call(this);
-    };
-    t(this, c).addEventListener("click", e, {
-      signal: t(this, o).signal
-    }), t(this, b).addEventListener("click", a, {
-      signal: t(this, o).signal
-    }), t(this, r).addEventListener("blur", t(this, y), {
-      signal: t(this, o).signal
-    }), t(this, r).addEventListener(
-      "focus",
-      () => {
-        this.isFocus = !0;
-      },
+  /**
+   * 聚焦输入框
+   * @param options - 焦点选项
+   */
+  focus(e) {
+    var t;
+    (t = this._inputEl) == null || t.focus(e);
+  }
+  /** 失焦输入框 */
+  blur() {
+    var e;
+    (e = this._inputEl) == null || e.blur();
+  }
+  /**
+   * 校验并修正数值，确保在 min/max 范围内并按 precision 格式化
+   * @param value - 待校验的数值
+   * @param options - 校验选项
+   * @returns 修正后的数值字符串
+   */
+  _sanitizeNumber(e = this.value, {
+    precision: t,
+    min: r,
+    max: u,
+    defaultValue: l
+  }) {
+    return e = Number(e), isNaN(e) || !Number.isFinite(e) ? (l == null ? void 0 : l.toFixed(t)) || "0" : (e < r ? e = r : e > u && (e = u), e.toFixed(t));
+  }
+  /** 增加值 */
+  _increase() {
+    this.disabled || !this.controls || (this.value = Number(
+      this._sanitizeNumber(this.value + this.step, {
+        precision: this.precision,
+        min: this.min,
+        max: this.max,
+        defaultValue: this.defaultValue
+      })
+    ));
+  }
+  /** 减少值 */
+  _decrease() {
+    this.disabled || !this.controls || (this.value = Number(
+      this._sanitizeNumber(this.value - this.step, {
+        precision: this.precision,
+        min: this.min,
+        max: this.max,
+        defaultValue: this.defaultValue
+      })
+    ));
+  }
+  /**
+   * 校验输入值并修正
+   * @param e - blur 事件对象
+   */
+  _ensureInputValueIsCorrect(e) {
+    const t = e.target;
+    let r = this._sanitizeNumber(Number(t.value), {
+      precision: this.precision,
+      min: this.min,
+      max: this.max,
+      defaultValue: this.defaultValue
+    });
+    this.stepStrictly && Number(r) % this.step !== 0 && (r = this._sanitizeNumber(
+      Number(r) + Number(r) % this.step,
       {
-        signal: t(this, o).signal
+        precision: this.precision,
+        min: this.min,
+        max: this.max,
+        defaultValue: this.defaultValue
       }
-    );
+    )), this.value = Number(r), r !== t.value && (t.value = r), this._inputEl.removeAttribute("aria-invalid"), this._isFocus = !1;
   }
-  $beforeUnmounted() {
-    var e;
-    (e = t(this, o)) == null || e.abort();
+  _handleDecreasePointerDown(e) {
+    this.disabled || !this.controls || (e.preventDefault(), this._startRepeat(() => this._decrease()));
   }
-}
-d = new WeakMap(), r = new WeakMap(), c = new WeakMap(), b = new WeakMap(), m = new WeakMap(), o = new WeakMap(), u = new WeakMap(), f = new WeakMap(), v = new WeakMap(), y = new WeakMap();
-window.customElements.get("ea-input-number") || window.customElements.define("ea-input-number", M);
+  _handleIncreasePointerDown(e) {
+    this.disabled || !this.controls || (e.preventDefault(), this._startRepeat(() => this._increase()));
+  }
+  _handlePointerUp() {
+    this._stopRepeat();
+  }
+  /**
+   * 启动长按重复执行
+   * @param action - 要重复执行的函数
+   */
+  _startRepeat(e) {
+    this._stopRepeat(), e(), this._repeatTimer = setTimeout(() => {
+      this._repeatTimer = setInterval(e, this._repeatInterval);
+    }, this._repeatDelay);
+  }
+  /** 停止长按重复执行 */
+  _stopRepeat() {
+    this._repeatTimer !== null && (clearTimeout(this._repeatTimer), clearInterval(this._repeatTimer), this._repeatTimer = null);
+  }
+  _handleInputFocus(e) {
+    e.stopPropagation(), this._isFocus = !0, this.updateContainerClasslist(), this.dispatchEvent(new x());
+  }
+  _handleKeyDown(e) {
+    if (!(e.ctrlKey || e.metaKey || e.altKey)) {
+      if (e.key === "Enter") {
+        this._ensureInputValueIsCorrect(e);
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const t = Number(this._inputEl.value) || this.value;
+        this.value = Number(
+          this._sanitizeNumber(t + this.step, {
+            precision: this.precision,
+            min: this.min,
+            max: this.max,
+            defaultValue: this.defaultValue
+          })
+        );
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        const t = Number(this._inputEl.value) || this.value;
+        this.value = Number(
+          this._sanitizeNumber(t - this.step, {
+            precision: this.precision,
+            min: this.min,
+            max: this.max,
+            defaultValue: this.defaultValue
+          })
+        );
+        return;
+      }
+      if (e.key === "Home") {
+        e.preventDefault(), this.value = this.min;
+        return;
+      }
+      if (e.key === "End") {
+        e.preventDefault(), this.value = this.max;
+        return;
+      }
+    }
+  }
+  _handleInput(e) {
+    const t = e.target, r = t.value, u = t.selectionStart ?? r.length, l = r.replace(/[^\d.\-eE]/g, "");
+    if (l !== r)
+      if (l === "")
+        t.value = Number(this.value).toFixed(this.precision), t.setSelectionRange(t.value.length, t.value.length);
+      else {
+        t.value = l;
+        const m = Math.min(u - 1, l.length);
+        t.setSelectionRange(m, m);
+      }
+    const p = t.value;
+    if (p === "" || p === "-" || p === "." || /^-?\d*\.?\d*e?E?$/.test(p)) {
+      this._inputEl.removeAttribute("aria-invalid");
+      return;
+    }
+    const h = Number(p);
+    !isNaN(h) && (h < this.min || h > this.max) ? this._inputEl.setAttribute("aria-invalid", "true") : this._inputEl.removeAttribute("aria-invalid");
+  }
+  _handleInputBlur(e) {
+    this._ensureInputValueIsCorrect(e), e.stopPropagation(), this.dispatchEvent(new g());
+  }
+  // ==================== 生命周期 ====================
+  formResetCallback() {
+    this.value = this.defaultValue, this.internals.setValidity({});
+  }
+  $mount() {
+    this._inputEl.id = this._inputId, this._inputEl.setAttribute("aria-label", this.label || "数值输入");
+    const e = this.hasAttribute("value") ? this.value : 0;
+    this.value = Number(Number(e).toFixed(this.precision)), this.updateContainerClasslist(), this._updateButtonDisabledState();
+  }
+  $beforeUnmount() {
+    this._stopRepeat();
+  }
+};
+s([
+  c(a.cb())
+], i.prototype, "_container", 2);
+s([
+  c(a.ce("form-label"))
+], i.prototype, "_label", 2);
+s([
+  c(a.ce("inner"))
+], i.prototype, "_inputEl", 2);
+s([
+  c(a.ce("decrease"))
+], i.prototype, "_decreaseBtn", 2);
+s([
+  c(a.ce("increase"))
+], i.prototype, "_increaseBtn", 2);
+s([
+  d({ type: Number, default: 0 })
+], i.prototype, "defaultValue", 2);
+s([
+  d({ type: Boolean, default: !1 })
+], i.prototype, "_isFocus", 2);
+s([
+  d({ type: Boolean, default: !1 })
+], i.prototype, "_isMin", 2);
+s([
+  d({ type: Boolean, default: !1 })
+], i.prototype, "_isMax", 2);
+s([
+  n({
+    type: String,
+    default: "",
+    observer(e) {
+      this._label.textContent = e, this._inputEl && this._inputEl.setAttribute("aria-label", e || "数值输入");
+    }
+  })
+], i.prototype, "label", 2);
+s([
+  n({
+    type: Number,
+    default: 0,
+    a11y: {
+      ariaAttr: "aria-valuenow",
+      target: a.ce("inner")
+    },
+    observer(e, t) {
+      const r = Number(e).toFixed(this.precision), u = Number(t).toFixed(this.precision);
+      this._inputEl.value = r, this.setValue(r), this._isMax = Number(r) >= this.max, this._isMin = Number(r) <= this.min, this._updateButtonDisabledState(), this.dispatchEvent(
+        new N({
+          currentValue: Number(r),
+          oldValue: Number(u)
+        })
+      ), this.updateContainerClasslist();
+    }
+  })
+], i.prototype, "value", 2);
+s([
+  n({
+    type: Number,
+    default: Number.MIN_SAFE_INTEGER,
+    a11y: {
+      ariaAttr: "aria-valuemin",
+      target: a.ce("inner")
+    },
+    observer(e) {
+      this._inputEl && (this._inputEl.min = String(e)), this._updateButtonDisabledState();
+    }
+  })
+], i.prototype, "min", 2);
+s([
+  n({
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER,
+    a11y: {
+      ariaAttr: "aria-valuemax",
+      target: a.ce("inner")
+    },
+    observer(e) {
+      this._inputEl && (this._inputEl.max = String(e)), this._updateButtonDisabledState();
+    }
+  })
+], i.prototype, "max", 2);
+s([
+  n({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      this._inputEl && (this._inputEl.required = e);
+    }
+  })
+], i.prototype, "required", 2);
+s([
+  n({
+    type: Number,
+    default: 1
+  })
+], i.prototype, "step", 2);
+s([
+  n({
+    type: Boolean,
+    default: !1
+  })
+], i.prototype, "stepStrictly", 2);
+s([
+  n({
+    type: Number,
+    default: 0
+  })
+], i.prototype, "precision", 2);
+s([
+  n({
+    type: b(["large", "default", "small"]),
+    default: "default",
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], i.prototype, "size", 2);
+s([
+  n({
+    type: Boolean,
+    default: !1,
+    observer(e) {
+      this._inputEl && (this._inputEl.readOnly = e);
+    }
+  })
+], i.prototype, "readonly", 2);
+s([
+  n({
+    type: Boolean,
+    default: !1,
+    a11y: {
+      ariaAttr: "aria-disabled",
+      map: (e) => String(e)
+    },
+    observer() {
+      this.updateContainerClasslist(), this._updateButtonDisabledState();
+    }
+  })
+], i.prototype, "disabled", 2);
+s([
+  n({
+    type: Boolean,
+    default: !0,
+    a11y: {
+      ariaAttr: "inert",
+      target: ".ea-input-number__decrease, .ea-input-number__increase",
+      map: (e) => e ? null : ""
+    },
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], i.prototype, "controls", 2);
+s([
+  n({
+    type: Number,
+    default: void 0
+  })
+], i.prototype, "valueOnClear", 2);
+s([
+  n({
+    type: b(["left", "center", "right"]),
+    default: "center",
+    observer() {
+      this.updateContainerClasslist();
+    }
+  })
+], i.prototype, "align", 2);
+s([
+  n({
+    type: String,
+    default: "",
+    observer(e) {
+      this._inputEl && this._inputEl.setAttribute("name", e);
+    }
+  })
+], i.prototype, "name", 2);
+s([
+  n({
+    type: String,
+    default: "",
+    observer(e) {
+      this._inputEl && this._inputEl.setAttribute("placeholder", e);
+    }
+  })
+], i.prototype, "placeholder", 2);
+s([
+  n({
+    type: String,
+    default: "",
+    observer(e) {
+      this._inputEl && this._inputEl.setAttribute("inputmode", e);
+    }
+  })
+], i.prototype, "inputmode", 2);
+s([
+  o("pointerdown", a.ce("decrease"))
+], i.prototype, "_handleDecreasePointerDown", 1);
+s([
+  o("pointerdown", a.ce("increase"))
+], i.prototype, "_handleIncreasePointerDown", 1);
+s([
+  o("pointerup", a.ce("decrease")),
+  o("pointerup", a.ce("increase")),
+  o("pointerleave", a.ce("decrease")),
+  o("pointerleave", a.ce("increase"))
+], i.prototype, "_handlePointerUp", 1);
+s([
+  o("focus", a.ce("inner"))
+], i.prototype, "_handleInputFocus", 1);
+s([
+  o("keydown", a.ce("inner"))
+], i.prototype, "_handleKeyDown", 1);
+s([
+  o("input", a.ce("inner"))
+], i.prototype, "_handleInput", 1);
+s([
+  o("blur", a.ce("inner"))
+], i.prototype, "_handleInputBlur", 1);
+i = s([
+  v(_, { styles: [E] })
+], i);
 export {
-  M as EaInputNumber
+  i as EaInputNumber
 };