mc-plus 1.0.98 → 1.0.99

package/dist/es/index.js

@@ -33,8 +33,8 @@ import { M as w } from "./mc-icon-CnpccbFi.js";
 import { a as a16 } from "./mc-icon-CnpccbFi.js";
 import { M as J } from "./mc-icon-plus-C56RRkHo.js";
 import { b as b2 } from "./mc-icon-plus-C56RRkHo.js";
-import { M as V } from "./mc-input-uYfVq30x.js";
-import { a as a17, c as c2, b as b3 } from "./mc-input-uYfVq30x.js";
+import { M as V } from "./mc-input-CWiNZA2R.js";
+import { a as a17, c as c2, b as b3 } from "./mc-input-CWiNZA2R.js";
 import { M as Z } from "./mc-input-group-BfL7AH4o.js";
 import { I, a as a18 } from "./mc-input-group-BfL7AH4o.js";
 import { M as z } from "./mc-lightbox-CvcYh54U.js";
@@ -69,8 +69,8 @@ import { M as Cs } from "./mc-removable-tag-B7UGvoRm.js";
 import { a as a30 } from "./mc-removable-tag-B7UGvoRm.js";
 import { M as is } from "./mc-reset-2g3HidL0.js";
 import { a as a31 } from "./mc-reset-2g3HidL0.js";
-import { M as Es } from "./mc-richtext-DqDSELvx.js";
-import { F as F3, a as a32, b as b6, T } from "./mc-richtext-DqDSELvx.js";
+import { M as Es } from "./mc-richtext-B_uE3f1q.js";
+import { F as F3, a as a32, b as b6, T } from "./mc-richtext-B_uE3f1q.js";
 import { M as fs } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { a as a33 } from "./mc-secondary-menu-DXNC7YoQ.js";
 import { M as Ts } from "./mc-select-Dk-IpZn2.js";

package/dist/es/mc-input-CWiNZA2R.js

@@ -0,0 +1,104 @@
+import { _ as e, u as l } from "./utils-dWwt4JKv.js";
+import { ref as t, computed as a, reactive as r, defineComponent as o, inject as n, watch as u, createElementBlock as s, openBlock as c, unref as i, normalizeStyle as d, normalizeClass as p, renderSlot as m, createElementVNode as f, createCommentVNode as v, createBlock as y, withDirectives as h, withKeys as g, toDisplayString as b, vShow as x, createVNode as V, nextTick as w } from "vue";
+import { endsWith as k, startsWith as I, assign as C, isNil as $, isEmpty as A, isEqual as B } from "lodash-es";
+import { useProp as S, useWidthHeight as j, useFocus as T } from "@mc-plus/hooks";
+import { M as _ } from "./mc-icon-plus-C56RRkHo.js";
+import { I as P } from "./mc-input-group-BfL7AH4o.js";
+import { u as R } from "./mc-form-CJPjTrtd.js";
+const E = "mc-input", M = ",", O = ".", F = { class: "mc-input-container" }, D = ["id", "value", "placeholder", "type", "disabled", "readonly", "autocomplete", "autofocus", "maxlength"], W = { key: 0, class: "mc-input-placeholder" }, z = { key: 0 }, K = { key: 0, class: "mc-input-status-icon" }, q = { key: 1, class: "mc-input-toolbar" }, G = l(e(o({ name: E, __name: "mc-input", props: { modelValue: {}, id: {}, type: { default: "text" }, placeholder: { default: "Please enter" }, disabled: { type: Boolean, default: false }, prefixIcon: {}, suffixIcon: {}, autocomplete: { type: Boolean, default: true }, readonly: { type: Boolean }, autofocus: { type: Boolean }, maxlength: {}, textAlign: {}, currencyAccuracy: { default: void 0 }, disableValidation: { type: Boolean }, hideValidationIcon: { type: Boolean }, validateProp: {}, clearable: { type: Boolean }, width: { default: 320 }, height: { default: 40 } }, emits: ["update:modelValue", "focus", "blur", "input", "change", "paste", "delete", "clear"], setup(e2, { emit: l2 }) {
+  const o2 = e2, E2 = l2, { width: M2, height: G2 } = j(), H = t(), J = n(P, void 0), { formId: L, formDisabled: N, validateStyle: Q, validateStatus: U, statusIcon: X, isError: Y, validateByTrigger: Z } = R({ externalDisabled: a(() => !!(J == null ? void 0 : J.disabled.value)) });
+  u(U, (e3) => {
+    J && J.setValidateStatus(e3);
+  });
+  const { wrapperRef: ee, isFocused: le, handleFocus: te, handleBlur: ae } = T(H, { afterBlur() {
+    Z("blur");
+  } }), re = (e3) => {
+    var _a, _b, _c;
+    ae(e3), "currency" !== o2.type && "number" !== o2.type || (((_a = o2.modelValue) == null ? void 0 : _a.startsWith(O)) && E2("update:modelValue", `0${o2.modelValue}`), ((_b = o2.modelValue) == null ? void 0 : _b.endsWith(O)) && E2("update:modelValue", (_c = o2.modelValue) == null ? void 0 : _c.slice(0, -1)));
+  }, { inputType: oe, passwordVisible: ne, handlePasswordVisible: ue } = (() => {
+    const e3 = S("type"), l3 = t(false);
+    return { inputType: a(() => "password" === e3.value ? l3.value ? "text" : "password" : "text"), passwordVisible: l3, handlePasswordVisible: () => {
+      l3.value = !l3.value;
+    } };
+  })(), { formatter: se, parser: ce } = (() => {
+    const e3 = S("type"), l3 = (e4, l4) => ((e5, l5) => {
+      if ($(l5)) return e5;
+      const [t3, a2] = e5.split(O);
+      if (l5 > 0 && e5.includes(O)) {
+        const e6 = a2.slice(0, l5);
+        return `${t3}${O}${e6}`;
+      }
+      return t3;
+    })(e4 = ((e5) => {
+      const l5 = e5.indexOf(O);
+      return -1 !== l5 && (e5 = e5.substring(0, l5 + 1) + e5.substring(l5 + 1).replace(/\./g, "")), e5;
+    })(e4 = e4.replace(/[^0-9.]/g, "")), l4), t2 = (e4, t3) => l3(e4, t3);
+    return { formatter: (t3, a2) => "number" === e3.value ? l3(t3, a2) : "currency" === e3.value ? ((e4) => {
+      const [l4, t4] = e4.split(O), a3 = l4.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
+      return e4.includes(O) ? `${a3}${O}${t4}` : a3;
+    })(l3(t3, a2)) : t3, parser: (l4, a2) => "number" === e3.value ? t2(l4, a2) : "currency" === e3.value ? ((e4) => e4.replace(/(?:[^0-9.]+)/g, ""))(t2(l4, a2)) : l4 };
+  })(), ie = a(() => se(o2.modelValue ?? "", o2.currencyAccuracy)), { recordCursor: de, setCursor: pe, handleAdjustCursor: me } = ((e3) => {
+    const l3 = r({}), t2 = S("type");
+    return { recordCursor: () => {
+      if (!e3.value) return;
+      const { selectionStart: t3, selectionEnd: a2, value: r2 } = e3.value;
+      if (!t3 || !a2) return;
+      const o3 = r2.slice(0, t3), n2 = r2.slice(a2);
+      C(l3, { selectionStart: t3, selectionEnd: a2, value: r2, beforeTxt: o3, afterTxt: n2 });
+    }, setCursor: () => {
+      if (!e3.value) return;
+      const { value: t3 } = e3.value, { beforeTxt: a2, afterTxt: r2, selectionStart: o3 } = l3;
+      if (!a2 || !r2 || !o3) return;
+      let n2 = t3.length;
+      if (k(t3, r2)) n2 = t3.length - r2.length;
+      else if (I(t3, a2)) n2 = a2.length;
+      else {
+        const e4 = a2[o3 - 1], l4 = t3.indexOf(e4, o3 - 1);
+        -1 !== l4 && (n2 = l4 + 1);
+      }
+      e3.value.setSelectionRange(n2, n2);
+    }, handleAdjustCursor: (l4) => {
+      if (!e3.value || "currency" !== t2.value) return;
+      const a2 = e3.value, { value: r2, selectionStart: o3, selectionEnd: n2 } = a2;
+      if (!r2 || !o3 || !n2 || o3 !== n2) return;
+      let u2 = 0;
+      if ("left" === l4 ? u2 = o3 - 2 : "right" === l4 ? u2 = o3 : "click" === l4 && (u2 = o3 - 1), "," === r2[u2]) {
+        const t3 = "click" === l4 ? u2 : u2 + 1;
+        e3.value.setSelectionRange(t3, t3);
+      }
+    } };
+  })(H);
+  u(() => o2.currencyAccuracy, () => {
+    const e3 = ce(o2.modelValue ?? "", o2.currencyAccuracy);
+    E2("update:modelValue", e3);
+  });
+  const fe = (e3) => {
+    E2("update:modelValue", e3), E2("input", e3);
+  }, ve = async (e3) => {
+    const { value: l3 } = e3.target;
+    de();
+    const t2 = ce(l3, o2.currencyAccuracy);
+    A(t2) ? (H.value.value = "", fe(t2)) : B(t2, o2.modelValue) ? H.value.value = se(t2, o2.currencyAccuracy) : fe(t2), await w(), pe(), Z("input");
+  }, ye = () => {
+    E2("delete");
+  }, he = (e3) => {
+    E2("paste", e3);
+  }, ge = (e3) => {
+    const { value: l3 } = e3.target;
+    E2("change", ce(l3));
+  }, { showClearIcon: be, mouseOverIcon: xe } = (() => {
+    const e3 = t(false), l3 = S("modelValue"), r2 = S("clearable"), o3 = S("disabled");
+    return { showClearIcon: a(() => !!r2.value && e3.value && !o3.value && !A(l3.value)), mouseOverIcon: (l4) => {
+      r2.value && !o3.value && (e3.value = l4);
+    } };
+  })(), Ve = () => {
+    E2("update:modelValue", ""), E2("clear");
+  };
+  return (l3, t2) => (c(), s("div", { ref_key: "wrapperRef", ref: ee, class: p(["mc-input-plus", { "is-disabled": i(N), "is-focused": i(le), [i(Q)]: i(Q) }]), style: d({ width: i(M2), height: i(G2) }), onMouseenter: t2[4] || (t2[4] = (e3) => i(xe)(true)), onMouseleave: t2[5] || (t2[5] = (e3) => i(xe)(false)) }, [m(l3.$slots, "prefix", {}, () => [e2.prefixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.prefixIcon }, null, 8, ["name"])) : v("", true)], true), f("div", F, [f("input", { id: i(L), ref_key: "inputRef", ref: H, value: ie.value, class: "mc-input-inner", style: d({ textAlign: e2.textAlign }), placeholder: e2.placeholder, type: i(oe), disabled: i(N), readonly: e2.readonly || i(N), autocomplete: e2.autocomplete ? "on" : "off", autofocus: e2.autofocus, maxlength: e2.maxlength, onFocus: t2[0] || (t2[0] = (...e3) => i(te) && i(te)(...e3)), onBlur: re, onInput: ve, onChange: ge, onKeydown: [g(ye, ["delete"]), t2[2] || (t2[2] = g(() => i(me)("left"), ["left"])), t2[3] || (t2[3] = g(() => i(me)("right"), ["right"]))], onPaste: he, onClick: t2[1] || (t2[1] = () => i(me)("click")) }, null, 44, D), e2.placeholder || l3.$slots.placeholder ? h((c(), s("div", W, [m(l3.$slots, "placeholder", {}, () => [e2.placeholder ? (c(), s("span", z, b(e2.placeholder), 1)) : v("", true)], true)], 512)), [[x, !ie.value]]) : v("", true)]), m(l3.$slots, "suffix", {}, () => [e2.suffixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.suffixIcon }, null, 8, ["name"])) : v("", true)], true), i(X) ? (c(), s("div", K, [V(i(_), { name: i(Y) ? "reject-fail-rev" : "accept-success-rev" }, null, 8, ["name"])])) : v("", true), "password" === e2.type || e2.clearable ? (c(), s("div", q, ["password" === e2.type ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: i(ne) ? "view-hidden" : "view", cursor: "pointer", onClick: i(ue) }, null, 8, ["name", "onClick"])) : v("", true), h(V(i(_), { class: "mc-input-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: Ve }, null, 512), [[x, i(be)]])])) : v("", true)], 38));
+} }), [["__scopeId", "data-v-3ebb7a05"]]));
+export {
+  G as M,
+  E as a,
+  M as b,
+  O as c
+};

package/dist/es/{mc-richtext-DqDSELvx.js → mc-richtext-B_uE3f1q.js}

@@ -5,7 +5,7 @@ import { M as O } from "./mc-select-plus-C4qA-sn9.js";
 import { M as T } from "./mc-select-option-plus-CDkTiPlu.js";
 import { a as k, M as I } from "./mc-icon-plus-C56RRkHo.js";
 import { M as R } from "./mc-tooltip-B4YnwWwZ.js";
-import { M as b } from "./mc-input-uYfVq30x.js";
+import { M as b } from "./mc-input-CWiNZA2R.js";
 import { M as _ } from "./mc-button-CcrftE8N.js";
 import { _ as E, u as N } from "./utils-dWwt4JKv.js";
 const C = "McRichtext", S = "McRichtextTool";

package/dist/es/theme/mc-input-group.css

@@ -1 +1 @@
-.mc-input-group[data-v-0c92ba92]{box-shadow:0 0 0 1px var(--mc-gray-400) inset;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:0;flex-wrap:nowrap;width:100%;height:40px;border-radius:4px}.mc-input-group .mc-input-group-divider[data-v-0c92ba92]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.mc-input-group .mc-input-group-divider[data-v-0c92ba92]:before{content:"";width:1px;height:60%;background-color:var(--mc-gray-400)}.mc-input-group:not(.is-disabled).is-error[data-v-0c92ba92]{box-shadow:0 0 0 1px var(--mc-error) inset}.mc-input-group:not(.is-disabled).is-error .mc-input-group-divider[data-v-0c92ba92]:before{background-color:var(--mc-error)}.mc-input-group.is-disabled[data-v-0c92ba92]{background-color:var(--mc-gray-200)}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-input-plus:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-input-plus.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-input-plus{background-color:transparent!important;border-top-right-radius:0;border-bottom-right-radius:0}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select{background-color:transparent!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select .mc-select-trigger:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select .mc-select-trigger.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select .mc-select-trigger{background-color:transparent!important;border-top-right-radius:0;border-bottom-right-radius:0}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select{background-color:transparent!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select .mc-select-trigger:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select .mc-select-trigger.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select .mc-select-trigger{background-color:transparent!important;border-top-left-radius:0;border-bottom-left-radius:0}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-input-plus:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-input-plus.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-input-plus{background-color:transparent!important;border-top-left-radius:0;border-bottom-left-radius:0}
+.mc-input-group[data-v-0c92ba92]{box-shadow:0 0 0 1px var(--mc-gray-400) inset;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:0;flex-wrap:nowrap;width:100%;height:40px;border-radius:4px;background-color:var(--mc-white)}.mc-input-group .mc-input-group-divider[data-v-0c92ba92]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:nowrap}.mc-input-group .mc-input-group-divider[data-v-0c92ba92]:before{content:"";width:1px;height:60%;background-color:var(--mc-gray-400)}.mc-input-group:not(.is-disabled).is-error[data-v-0c92ba92]{box-shadow:0 0 0 1px var(--mc-error) inset}.mc-input-group:not(.is-disabled).is-error .mc-input-group-divider[data-v-0c92ba92]:before{background-color:var(--mc-error)}.mc-input-group.is-disabled[data-v-0c92ba92]{background-color:var(--mc-gray-200)}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-input-plus:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-input-plus.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-input-plus{background-color:transparent!important;border-top-right-radius:0;border-bottom-right-radius:0}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select{background-color:transparent!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select .mc-select-trigger:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select .mc-select-trigger.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-prefix[data-v-0c92ba92] .mc-select .mc-select-trigger{background-color:transparent!important;border-top-right-radius:0;border-bottom-right-radius:0}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select{background-color:transparent!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select .mc-select-trigger:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select .mc-select-trigger.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-select .mc-select-trigger{background-color:transparent!important;border-top-left-radius:0;border-bottom-left-radius:0}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-input-plus:not(.is-focused):not(:hover){box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-input-plus.is-disabled{box-shadow:none!important}.mc-input-group .mc-input-group-suffix[data-v-0c92ba92] .mc-input-plus{background-color:transparent!important;border-top-left-radius:0;border-bottom-left-radius:0}

package/dist/es/theme/mc-input.css

@@ -1 +1 @@
-.mc-input-plus[data-v-bdcfe2a3]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:nowrap;box-shadow:0 0 0 1px var(--mc-gray-400) inset;border-radius:4px;padding:0 8px;box-sizing:border-box;cursor:text;background-color:var(--mc-white)}.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]{border:none;outline:none;background-color:transparent;padding:0;margin:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]:focus{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]:focus::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]:focus::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);height:100%;flex:1;cursor:inherit}.mc-input-plus .mc-input-inner[data-v-bdcfe2a3]::placeholder{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus:not(.is-disabled).is-focused[data-v-bdcfe2a3]{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus[data-v-bdcfe2a3]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus.is-disabled[data-v-bdcfe2a3]{background-color:var(--mc-gray-200);cursor:not-allowed}.mc-input-plus.is-disabled .mc-input-inner[data-v-bdcfe2a3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus.is-disabled .mc-input-icon[data-v-bdcfe2a3]{color:var(--mc-gray-400)}.mc-input-plus.mc-form-validate-success .mc-input-status-icon[data-v-bdcfe2a3]{color:var(--mc-success)}.mc-input-plus.mc-form-validate-error[data-v-bdcfe2a3]:not(.is-disabled){box-shadow:0 0 0 1px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error:not(.is-disabled).is-focused[data-v-bdcfe2a3],.mc-input-plus.mc-form-validate-error[data-v-bdcfe2a3]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error .mc-input-status-icon[data-v-bdcfe2a3]{color:var(--mc-error)}
+.mc-input-plus[data-v-3ebb7a05]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;flex-wrap:nowrap;box-shadow:0 0 0 1px var(--mc-gray-400) inset;border-radius:4px;padding:0 8px;box-sizing:border-box;cursor:text;background-color:var(--mc-white)}.mc-input-plus .mc-input-container[data-v-3ebb7a05]{flex:1;height:100%;position:relative}.mc-input-plus .mc-input-container .mc-input-placeholder[data-v-3ebb7a05]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400);display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;flex-wrap:nowrap;position:absolute;top:0;left:0;width:100%;height:100%}.mc-input-plus .mc-input-inner[data-v-3ebb7a05]{border:none;outline:none;background-color:transparent;padding:0;margin:0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-3ebb7a05]::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-3ebb7a05]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-3ebb7a05]:focus{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-3ebb7a05]:focus::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-3ebb7a05]:focus::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-3ebb7a05]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800);width:100%;height:100%;cursor:inherit}.mc-input-plus .mc-input-inner[data-v-3ebb7a05]::placeholder{color:transparent}.mc-input-plus:not(.is-disabled).is-focused[data-v-3ebb7a05]{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus[data-v-3ebb7a05]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus.is-disabled[data-v-3ebb7a05]{background-color:var(--mc-gray-200);cursor:not-allowed}.mc-input-plus.is-disabled .mc-input-inner[data-v-3ebb7a05]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus.is-disabled .mc-input-icon[data-v-3ebb7a05]{color:var(--mc-gray-400)}.mc-input-plus.mc-form-validate-success .mc-input-status-icon[data-v-3ebb7a05]{color:var(--mc-success)}.mc-input-plus.mc-form-validate-error[data-v-3ebb7a05]:not(.is-disabled){box-shadow:0 0 0 1px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error:not(.is-disabled).is-focused[data-v-3ebb7a05],.mc-input-plus.mc-form-validate-error[data-v-3ebb7a05]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-error) inset}.mc-input-plus.mc-form-validate-error .mc-input-status-icon[data-v-3ebb7a05]{color:var(--mc-error)}