mc-plus 1.0.107 → 1.0.109

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/es/index.js CHANGED
@@ -33,8 +33,8 @@ import { M as w } from "./mc-icon-CnpccbFi.js";
33
33
  import { a as a16 } from "./mc-icon-CnpccbFi.js";
34
34
  import { M as V } from "./mc-icon-plus-YMAi6EZM.js";
35
35
  import { b as b2 } from "./mc-icon-plus-YMAi6EZM.js";
36
- import { M as J } from "./mc-input-Bm0aahlg.js";
37
- import { a as a17, c as c2, b as b3 } from "./mc-input-Bm0aahlg.js";
36
+ import { M as J } from "./mc-input-DHBf3QjE.js";
37
+ import { a as a17, c as c2, b as b3 } from "./mc-input-DHBf3QjE.js";
38
38
  import { M as Z } from "./mc-input-group-BPpVTTHQ.js";
39
39
  import { I, a as a18 } from "./mc-input-group-BPpVTTHQ.js";
40
40
  import { M as z } from "./mc-lightbox-BfJiHzKa.js";
@@ -69,18 +69,18 @@ import { M as Cs } from "./mc-removable-tag-BI8IR6RR.js";
69
69
  import { a as a30 } from "./mc-removable-tag-BI8IR6RR.js";
70
70
  import { M as is } from "./mc-reset-2g3HidL0.js";
71
71
  import { a as a31 } from "./mc-reset-2g3HidL0.js";
72
- import { M as fs } from "./mc-richtext-MttkcFLM.js";
73
- import { F as F3, a as a32, b as b6, T } from "./mc-richtext-MttkcFLM.js";
72
+ import { M as fs } from "./mc-richtext-CorNrnhg.js";
73
+ import { F as F3, a as a32, b as b6, T } from "./mc-richtext-CorNrnhg.js";
74
74
  import { M as Es } from "./mc-secondary-menu-DXNC7YoQ.js";
75
75
  import { a as a33 } from "./mc-secondary-menu-DXNC7YoQ.js";
76
- import { M as Ts } from "./mc-select-rozML221.js";
77
- import { a as a34, S } from "./mc-select-rozML221.js";
78
- import { M as js } from "./mc-select-plus-CSGITnve.js";
79
- import { b as b7, a as a35 } from "./mc-select-plus-CSGITnve.js";
80
- import { a as Os } from "./mc-select-group-plus-Cl70gkCB.js";
81
- import { M as M4 } from "./mc-select-group-plus-Cl70gkCB.js";
82
- import { M as ls } from "./mc-select-option-plus-B23bheiv.js";
83
- import { a as a36 } from "./mc-select-option-plus-B23bheiv.js";
76
+ import { M as Ts } from "./mc-select-BOZyeL1v.js";
77
+ import { a as a34, S } from "./mc-select-BOZyeL1v.js";
78
+ import { M as js } from "./mc-select-plus-DfguHmhz.js";
79
+ import { b as b7, a as a35 } from "./mc-select-plus-DfguHmhz.js";
80
+ import { a as Os } from "./mc-select-group-plus-Blt_T5Yk.js";
81
+ import { M as M4 } from "./mc-select-group-plus-Blt_T5Yk.js";
82
+ import { M as ls } from "./mc-select-option-plus-Bn1RGeiS.js";
83
+ import { a as a36 } from "./mc-select-option-plus-Bn1RGeiS.js";
84
84
  import { M as Ls } from "./mc-select-multi-option-C9b5LOmP.js";
85
85
  import { a as a37 } from "./mc-select-multi-option-C9b5LOmP.js";
86
86
  import { M as As } from "./mc-status-Bw9-cSOb.js";
@@ -37,7 +37,7 @@ const E = "mc-input", M = ",", O = ".", F = { key: 0, class: "mc-input-prepend"
37
37
  const [l4, t4] = e4.split(O), a3 = l4.replace(/(\d)(?=(\d{3})+$)/g, "$1,");
38
38
  return e4.includes(O) ? `${a3}${O}${t4}` : a3;
39
39
  })(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 };
40
- })(), pe = a(() => ie(r2.modelValue ?? "", r2.currencyAccuracy)), { recordCursor: me, setCursor: fe, handleAdjustCursor: ve } = ((e3) => {
40
+ })(), pe = a(() => ie(C(r2.modelValue) ? "" : r2.modelValue.toString(), r2.currencyAccuracy)), { recordCursor: me, setCursor: fe, handleAdjustCursor: ve } = ((e3) => {
41
41
  const l3 = o({}), t2 = S("type");
42
42
  return { recordCursor: () => {
43
43
  if (!e3.value) return;
@@ -95,7 +95,7 @@ const E = "mc-input", M = ",", O = ".", F = { key: 0, class: "mc-input-prepend"
95
95
  E2("update:modelValue", ""), E2("clear");
96
96
  };
97
97
  return (l3, t2) => (c(), u("div", { ref_key: "wrapperRef", ref: te, class: p(["mc-input-plus", { "is-disabled": i(U), "is-focused": i(ae), "is-active": !i(A)(pe.value), [i(X)]: i(X) }]), style: d({ width: i(M2), height: i(J2) }), onMouseenter: t2[4] || (t2[4] = (e3) => i(ke)(true)), onMouseleave: t2[5] || (t2[5] = (e3) => i(ke)(false)) }, [l3.$slots.prepend ? (c(), u("div", F, [f(l3.$slots, "prepend", {}, void 0, true)])) : m("", true), f(l3.$slots, "prefix", {}, () => [e2.prefixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.prefixIcon }, null, 8, ["name"])) : m("", true)], true), v("div", D, [v("input", { id: i(Q), ref_key: "inputRef", ref: L, value: pe.value, class: "mc-input-inner", style: d({ textAlign: e2.textAlign }), placeholder: e2.placeholder, type: i(ne), disabled: i(U), readonly: e2.readonly || i(U), autocomplete: e2.autocomplete ? "on" : "off", autofocus: e2.autofocus, maxlength: e2.maxlength, onFocus: t2[0] || (t2[0] = (...e3) => i(oe) && i(oe)(...e3)), onBlur: se, onInput: he, onChange: xe, onKeydown: [g(ge, ["delete"]), t2[2] || (t2[2] = g(() => i(ve)("left"), ["left"])), t2[3] || (t2[3] = g(() => i(ve)("right"), ["right"]))], onPaste: be, onClick: t2[1] || (t2[1] = () => i(ve)("click")) }, null, 44, W), e2.placeholder || l3.$slots.placeholder ? h((c(), u("div", z, [f(l3.$slots, "placeholder", {}, () => [e2.placeholder ? (c(), u("span", K, b(e2.placeholder), 1)) : m("", true)], true)], 512)), [[x, !pe.value]]) : m("", true)]), f(l3.$slots, "suffix", {}, () => [e2.suffixIcon ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: e2.suffixIcon }, null, 8, ["name"])) : m("", true)], true), i(Z) ? (c(), u("div", q, [V(i(_), { name: i(ee) ? "reject-fail-rev" : "accept-success-rev" }, null, 8, ["name"])])) : m("", true), "password" === e2.type || e2.clearable ? (c(), u("div", G, ["password" === e2.type ? (c(), y(i(_), { key: 0, class: "mc-input-icon", name: i(ue) ? "view-hidden" : "view", cursor: "pointer", onClick: i(ce) }, null, 8, ["name", "onClick"])) : m("", true), h(V(i(_), { class: "mc-input-icon", name: "rejectfail", size: 16, cursor: "pointer", onClick: we }, null, 512), [[x, i(Ve)]])])) : m("", true), l3.$slots.append ? (c(), u("div", H, [f(l3.$slots, "append", {}, void 0, true)])) : m("", true)], 38));
98
- } }), [["__scopeId", "data-v-ad79d6f3"]]));
98
+ } }), [["__scopeId", "data-v-11de44de"]]));
99
99
  export {
100
100
  J as M,
101
101
  E as a,
@@ -1,11 +1,11 @@
1
1
  import { defineComponent as e, createElementBlock as t, openBlock as l, normalizeClass as a, renderSlot as o, createBlock as i, ref as s, watch as c, watchEffect as n, normalizeStyle as r, unref as m, createElementVNode as u, createVNode as d, withCtx as v, toDisplayString as p, createTextVNode as L } from "vue";
2
2
  import { M as h, u as f, i as A, a as g, E as M } from "./vendor-BEjxar4U.js";
3
3
  import { useWidthHeight as x } from "@mc-plus/hooks";
4
- import { M as O } from "./mc-select-plus-CSGITnve.js";
5
- import { M as T } from "./mc-select-option-plus-B23bheiv.js";
4
+ import { M as O } from "./mc-select-plus-DfguHmhz.js";
5
+ import { M as T } from "./mc-select-option-plus-Bn1RGeiS.js";
6
6
  import { a as k, M as I } from "./mc-icon-plus-YMAi6EZM.js";
7
7
  import { M as R } from "./mc-tooltip-BlsZG-T8.js";
8
- import { M as b } from "./mc-input-Bm0aahlg.js";
8
+ import { M as b } from "./mc-input-DHBf3QjE.js";
9
9
  import { M as _ } from "./mc-button-l3r7Y4qt.js";
10
10
  import { _ as E, u as N } from "./utils-dWwt4JKv.js";
11
11
  const C = "McRichtext", S = "McRichtextTool";
@@ -4,7 +4,7 @@ import { useProp as k, useFocus as S, useHover as B, useWidthHeight as T, useCli
4
4
  import { M } from "./mc-popper-plus-CTKgoEEE.js";
5
5
  import { M as j } from "./mc-icon-plus-YMAi6EZM.js";
6
6
  import { isEmpty as E, filter as C, toLower as D, includes as P } from "lodash-es";
7
- import { u as L } from "./mc-select-plus-CSGITnve.js";
7
+ import { u as L } from "./mc-select-plus-DfguHmhz.js";
8
8
  import { u as z } from "./mc-form-ffIxRMtg.js";
9
9
  import { I as F } from "./mc-input-group-BPpVTTHQ.js";
10
10
  const R = Symbol("mc-select-context"), H = "mc-select", U = ["value", "placeholder", "disabled", "readonly", "onKeydown"], Y = { class: "mc-select-selected-label" }, K = { class: "mc-select-trigger-toolbar" }, J = e(s({ name: "mc-select-trigger-virtual", __name: "index", props: { search: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, placeholder: { default: "Please select" }, searchValue: { default: void 0 }, isExpanded: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false } }, emits: ["update:searchValue", "update:isExpanded", "press:arrow", "search", "focus", "blur", "clear"], setup(e2, { emit: l2 }) {
@@ -2,7 +2,7 @@ import { _ as l, u as s } from "./utils-dWwt4JKv.js";
2
2
  import { defineComponent as e, inject as t, computed as o, withDirectives as a, createElementBlock as u, openBlock as p, createElementVNode as r, normalizeStyle as c, unref as m, toDisplayString as i, renderSlot as d, vShow as h } from "vue";
3
3
  import { includes as f } from "lodash-es";
4
4
  import { useWidthHeight as g } from "@mc-plus/hooks";
5
- import { a as n } from "./mc-select-plus-CSGITnve.js";
5
+ import { a as n } from "./mc-select-plus-DfguHmhz.js";
6
6
  const v = "mc-select-group-plus", _ = { class: "mc-select-group" }, b = { class: "mc-select-option-list" }, w = s(l(e({ name: v, __name: "mc-select-group-plus", props: { label: {}, height: { default: 40 }, width: { default: "100%" } }, setup(l2) {
7
7
  const s2 = l2, { filteredGroups: e2 } = t(n), { height: v2, width: w2 } = g(), j = o(() => f(e2.value, s2.label));
8
8
  return (s3, e3) => a((p(), u("ul", _, [r("li", { class: "mc-select-group-label", style: c({ height: m(v2), width: m(w2) }) }, i(l2.label), 5), r("li", null, [r("ul", b, [d(s3.$slots, "default", {}, void 0, true)])])], 512)), [[h, j.value]]);
@@ -3,7 +3,7 @@ import { defineComponent as a, inject as t, computed as s, ref as o, withDirecti
3
3
  import { find as h, some as f } from "lodash-es";
4
4
  import { useWidthHeight as y } from "@mc-plus/hooks";
5
5
  import { M as _ } from "./mc-select-multi-option-C9b5LOmP.js";
6
- import { a as g } from "./mc-select-plus-CSGITnve.js";
6
+ import { a as g } from "./mc-select-plus-DfguHmhz.js";
7
7
  const k = "mc-select-option-plus", M = ["aria-selected"], O = { key: 1, class: "mc-select-option-label" }, j = l(e(a({ name: k, __name: "mc-select-option-plus", props: { label: {}, value: { type: [String, Number, Boolean] }, height: { default: 40 }, width: { default: "100%" }, disabled: { type: Boolean } }, setup(e2) {
8
8
  const l2 = e2, { height: a2, width: k2 } = y(), { isMulti: j2, selectedOptions: w, filteredOptions: B, hoverOption: x, select: A, hover: C } = t(g), D = s(() => !!h(B.value, (e3) => e3.value === l2.value)), I = s(() => f(w.value, (e3) => e3.value === l2.value)), J = o(false), N = s(() => l2.label), S = () => {
9
9
  C(l2.value);
@@ -6,8 +6,8 @@ import { M as Q } from "./mc-popper-plus-CTKgoEEE.js";
6
6
  import { M as W } from "./mc-icon-plus-YMAi6EZM.js";
7
7
  import { M as X } from "./mc-tag-nPl6YzbM.js";
8
8
  import { M as Y } from "./mc-checkbox-BBIfknVB.js";
9
- import { M as Z } from "./mc-select-group-plus-Cl70gkCB.js";
10
- import { a as ee } from "./mc-select-option-plus-B23bheiv.js";
9
+ import { M as Z } from "./mc-select-group-plus-Blt_T5Yk.js";
10
+ import { a as ee } from "./mc-select-option-plus-Bn1RGeiS.js";
11
11
  import { u as le } from "./mc-form-ffIxRMtg.js";
12
12
  import { I as ae } from "./mc-input-group-BPpVTTHQ.js";
13
13
  const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key: 1 }, ie = I(e({ name: "mc-select-selected-content", __name: "index", setup(e2) {
@@ -80,6 +80,7 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
80
80
  const l2 = f([]), a2 = $().proxy;
81
81
  return k(() => {
82
82
  var _a, _b;
83
+ l2.value = [];
83
84
  const t2 = (_b = (_a = a2.$slots).default) == null ? void 0 : _b.call(_a);
84
85
  if (t2.length) {
85
86
  const e4 = ((e5) => {
@@ -95,7 +96,7 @@ const te = Symbol("mc-select-plus-context"), se = "mc-select-plus", oe = { key:
95
96
  };
96
97
  return a3(e5), l3;
97
98
  })(t2);
98
- l2.value.push(...e4);
99
+ l2.value = [...e4];
99
100
  }
100
101
  ((e4, l3) => {
101
102
  if (e4.length !== l3.length) return false;
@@ -1 +1 @@
1
- .mc-input-plus[data-v-ad79d6f3]{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-ad79d6f3]{flex:1;height:100%;position:relative}.mc-input-plus .mc-input-container .mc-input-placeholder[data-v-ad79d6f3]{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-ad79d6f3]{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-ad79d6f3]::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-ad79d6f3]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]:focus{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]:focus::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-ad79d6f3]:focus::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-ad79d6f3]{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-ad79d6f3]::placeholder{color:transparent}.mc-input-plus:not(.is-disabled).is-focused[data-v-ad79d6f3]{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus[data-v-ad79d6f3]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus.is-disabled[data-v-ad79d6f3]{background-color:var(--mc-gray-200);cursor:not-allowed}.mc-input-plus.is-disabled .mc-input-inner[data-v-ad79d6f3]{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-ad79d6f3]{color:var(--mc-gray-400)}.mc-input-plus.mc-form-validate-success .mc-input-status-icon[data-v-ad79d6f3]{color:var(--mc-success)}.mc-input-plus.mc-form-validate-error[data-v-ad79d6f3]: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-ad79d6f3],.mc-input-plus.mc-form-validate-error[data-v-ad79d6f3]: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-ad79d6f3]{color:var(--mc-error)}.mc-input-plus .mc-input-prepend[data-v-ad79d6f3],.mc-input-plus .mc-input-append[data-v-ad79d6f3]{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:center;align-items:center;gap:0;flex-wrap:nowrap;box-sizing:border-box;height:100%;position:relative}.mc-input-plus.is-active .mc-input-prepend[data-v-ad79d6f3],.mc-input-plus.is-active .mc-input-append[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800)}.mc-input-plus.is-disabled .mc-input-prepend[data-v-ad79d6f3],.mc-input-plus.is-disabled .mc-input-append[data-v-ad79d6f3]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus .mc-input-prepend[data-v-ad79d6f3]{justify-content:flex-end;padding-right:8px}.mc-input-plus .mc-input-prepend[data-v-ad79d6f3]:after{content:"";width:1px;height:60%;background-color:var(--mc-gray-400);position:absolute;top:50%;right:2px;transform:translateY(-50%);z-index:1}.mc-input-plus .mc-input-append[data-v-ad79d6f3]{justify-content:flex-start;padding-left:8px}.mc-input-plus .mc-input-append[data-v-ad79d6f3]:before{content:"";width:1px;height:60%;background-color:var(--mc-gray-400);position:absolute;top:50%;left:2px;transform:translateY(-50%);z-index:1}
1
+ .mc-input-plus[data-v-11de44de]{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-11de44de]{flex:1;height:100%;position:relative}.mc-input-plus .mc-input-container .mc-input-placeholder[data-v-11de44de]{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-11de44de]{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-11de44de]::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-11de44de]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-11de44de]:focus{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.mc-input-plus .mc-input-inner[data-v-11de44de]:focus::-webkit-outer-spin-button,.mc-input-plus .mc-input-inner[data-v-11de44de]:focus::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mc-input-plus .mc-input-inner[data-v-11de44de]{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-11de44de]::placeholder{color:transparent}.mc-input-plus:not(.is-disabled).is-focused[data-v-11de44de]{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus[data-v-11de44de]:not(.is-disabled):hover{box-shadow:0 0 0 2px var(--mc-gray-600) inset}.mc-input-plus.is-disabled[data-v-11de44de]{background-color:var(--mc-gray-200);cursor:not-allowed}.mc-input-plus.is-disabled .mc-input-inner[data-v-11de44de]{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-11de44de]{color:var(--mc-gray-400)}.mc-input-plus.mc-form-validate-success .mc-input-status-icon[data-v-11de44de]{color:var(--mc-success)}.mc-input-plus.mc-form-validate-error[data-v-11de44de]: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-11de44de],.mc-input-plus.mc-form-validate-error[data-v-11de44de]: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-11de44de]{color:var(--mc-error)}.mc-input-plus .mc-input-prepend[data-v-11de44de],.mc-input-plus .mc-input-append[data-v-11de44de]{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:center;align-items:center;gap:0;flex-wrap:nowrap;box-sizing:border-box;height:100%;position:relative}.mc-input-plus.is-active .mc-input-prepend[data-v-11de44de],.mc-input-plus.is-active .mc-input-append[data-v-11de44de]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-800)}.mc-input-plus.is-disabled .mc-input-prepend[data-v-11de44de],.mc-input-plus.is-disabled .mc-input-append[data-v-11de44de]{font-family:var(--mc-font-family);font-size:16px;font-weight:400;line-height:24px;color:var(--mc-gray-400)}.mc-input-plus .mc-input-prepend[data-v-11de44de]{justify-content:flex-end;padding-right:8px}.mc-input-plus .mc-input-prepend[data-v-11de44de]:after{content:"";width:1px;height:60%;background-color:var(--mc-gray-400);position:absolute;top:50%;right:2px;transform:translateY(-50%);z-index:1}.mc-input-plus .mc-input-append[data-v-11de44de]{justify-content:flex-start;padding-left:8px}.mc-input-plus .mc-input-append[data-v-11de44de]:before{content:"";width:1px;height:60%;background-color:var(--mc-gray-400);position:absolute;top:50%;left:2px;transform:translateY(-50%);z-index:1}