mc-plus 1.0.65 → 1.0.66

package/dist/es/index.js

@@ -18,11 +18,11 @@ import { a as A } from "./mc-loading-C311OVMI.js";
 import { M as C } from "./mc-modal-header-CMNRK0Rb.js";
 import { M as S } from "./mc-otp-BE08aHEv.js";
 import { a as T } from "./mc-popper-B8qMu2va.js";
-import { a as q } from "./mc-progress-bar-GGuMUhLo.js";
+import { a as q } from "./mc-progress-bar-JF0Frass.js";
 import { M as z, a as B } from "./mc-radio-BPBdgFH4.js";
 import { M as I } from "./mc-reset-hnnz6SoG.js";
 import { M as P } from "./mc-secondary-menu-2eW8se9v.js";
-import { M as D, a as E, b as F, c as G, d as H, e as J, f as K } from "./mc-select-D4OYQtvg.js";
+import { M as D, a as E, b as F, c as G, d as H, e as J, f as K } from "./mc-select-BMYoc5oT.js";
 import { M as L } from "./mc-status-Bbu0MyzD.js";
 import { M as N, a as O, b as Q, c as R, d as U, e as V, f as W } from "./mc-step-DKfRXGSk.js";
 import { a as X } from "./mc-success-icon-Cj-5Hgzy.js";
@@ -35,7 +35,7 @@ import { M as rs, a as ts } from "./mc-title-C_lOz0mp.js";
 import { M as cs } from "./mc-toast-DB9Y1bvS.js";
 import { t } from "./mc-toast-DB9Y1bvS.js";
 import { M as ps } from "./mc-tooltip-4mxkVOGx.js";
-import { M as is, a as fs, b as es } from "./mc-upload-D8-d7Xhv.js";
+import { M as is, a as fs, b as es } from "./mc-upload-Cl3mW0Hm.js";
 const js = [o, r, c, p, i, j, M, l, b, n, is, d, x, g, h, y, w, k, v, A, C, S, T, q, z, B, I, P, D, E, F, G, H, J, K, N, O, Q, R, U, V, W, L, X, Y, Z, $, as, _, ss, ms, os, rs, ts, cs, ps, fs, es];
 s();
 const Ms = m(js);

package/dist/es/mc-progress-bar-JF0Frass.js

@@ -0,0 +1,29 @@
+import { defineComponent as e, ref as r, watchEffect as s, computed as a, watch as t, useSlots as o, createElementBlock as p, openBlock as m, normalizeStyle as n, unref as i, createElementVNode as l, createCommentVNode as c, renderSlot as u, toDisplayString as d } from "vue";
+import { b as g } from "./hooks-DghKpOue.js";
+import { x as h } from "./vendor-CExPGg1i.js";
+import { _ as f, w as v } from "./utils-BDbMLK9w.js";
+const k = { key: 0, class: "mc-progress-bar-shimmer" }, y = { key: 0, class: "mc-progress-bar-remarks" }, b = f(e({ name: "McProgressBar", __name: "mc-progress-bar", props: { percentage: { default: 0 }, height: { default: "4px" }, width: { default: "100%" }, remarks: {}, showPercentage: { type: Boolean, default: false }, transitionDuration: { default: 300 }, shimmer: { type: Boolean, default: false } }, emits: ["update:percentage", "complete"], setup(e2, { expose: f2, emit: v2 }) {
+  const b2 = e2, w2 = v2, { width: _, height: P } = g(), x = r();
+  s(() => {
+    x.value && x.value.style.setProperty("--border-radius", P.value);
+  });
+  const B = a(() => {
+    const e3 = b2.percentage / 100;
+    return e3 > 1 ? 1 : e3 < 0 ? 0 : e3;
+  });
+  t(() => b2.percentage, (e3) => {
+    e3 >= 100 && w2("complete");
+  }, { immediate: true });
+  const $ = o(), j = a(() => b2.showPercentage || !!b2.remarks || !!$.remarks);
+  return f2({ updatePercentage: (e3) => {
+    w2("update:percentage", e3);
+  }, complete: () => {
+    w2("update:percentage", 100), w2("complete");
+  }, reset: () => {
+    w2("update:percentage", 0);
+  } }), (e3, r2) => (m(), p("div", { class: "mc-progress-bar", style: n({ width: i(_) }) }, [l("div", { ref_key: "progressBarRef", ref: x, class: "mc-progress-bar-wrapper", style: n({ width: i(_), height: i(P) }) }, [l("div", { class: "mc-progress-bar-inner", style: n({ transform: `scaleX(${B.value})`, transitionDuration: `${e3.transitionDuration}ms` }) }, null, 4), e3.shimmer ? (m(), p("i", k)) : c("", true)], 4), j.value ? (m(), p("div", y, [u(e3.$slots, "remarks", {}, () => [l("span", null, d(e3.remarks || `${i(h)(100 * B.value)}%`), 1)], true)])) : c("", true)], 4));
+} }), [["__scopeId", "data-v-83b22259"]]), w = v(b);
+export {
+  b as M,
+  w as a
+};

package/dist/es/{mc-select-D4OYQtvg.js → mc-select-BMYoc5oT.js}

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, computed as a, watch as t, provide as s, createElementBlock as o, openBlock as u, normalizeStyle as c, normalizeClass as n, unref as r, createElementVNode as i, createVNode as d, createCommentVNode as v, createBlock as p, resolveDynamicComponent as m, Fragment as h, renderList as f, withCtx as g, createTextVNode as y, toDisplayString as b, withDirectives as w, vModelText as _, Transition as k, renderSlot as V, vShow as x, inject as O, useSlots as S, onMounted as B, onBeforeUnmount as A, h as C, toRefs as M, useAttrs as R, toValue as I, getCurrentInstance as j, watchEffect as P, isRef as $, withKeys as D, withModifiers as z, nextTick as F } from "vue";
+import { defineComponent as e, ref as l, computed as a, watch as t, provide as s, createElementBlock as o, openBlock as u, normalizeStyle as c, normalizeClass as n, unref as i, createElementVNode as r, createVNode as d, createCommentVNode as v, createBlock as p, resolveDynamicComponent as m, Fragment as h, renderList as f, withCtx as g, createTextVNode as y, toDisplayString as b, withDirectives as w, vModelText as _, Transition as V, renderSlot as k, vShow as x, inject as O, useSlots as S, onMounted as B, onBeforeUnmount as A, h as C, toRefs as M, useAttrs as R, toValue as I, getCurrentInstance as j, watchEffect as P, isRef as $, withKeys as D, withModifiers as z, nextTick as F } from "vue";
 import { u as G, h as H, e as E, b as N, f as U } from "./hooks-DghKpOue.js";
 import { a as T, u as K } from "./mc-form-Bf0120BQ.js";
 import { M as W } from "./mc-icon-B_dAlj4r.js";
@@ -7,11 +7,11 @@ import { _ as q } from "./mc-tag-jYhZ-J2S.js";
 import { M as J } from "./mc-checkbox-iP5RHA6x.js";
 import { _ as Q } from "./mc-title-C_lOz0mp.js";
 import { M as X } from "./mc-footer-DjlFAv9f.js";
-import { c as Y, z as Z, r as ee, f as le, m as ae, b as te, a as se, y as oe, u as ue, A as ce, B as ne, i as re, C as ie, D as de, E as ve } from "./vendor-CExPGg1i.js";
+import { c as Y, z as Z, r as ee, f as le, m as ae, b as te, a as se, y as oe, u as ue, A as ce, B as ne, i as ie, C as re, D as de, E as ve } from "./vendor-CExPGg1i.js";
 import { _ as pe, w as me } from "./utils-BDbMLK9w.js";
 import { I as he, u as fe } from "./mc-input-C5MU4U2V.js";
 import { M as ge } from "./mc-popper-B8qMu2va.js";
-const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { key: 0, class: "mc-select-selected-content" }, _e = ["placeholder", "readonly", "disabled"], ke = { class: "mc-select-dropdown-header-content" }, Ve = { class: "mc-select-dropdown-content" }, xe = { class: "mc-select-dropdown" }, Oe = { key: 0, class: "mc-select-no-data" }, Se = pe(e({ name: "McSelect", __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean }, multiple: { type: Boolean, default: false }, width: {}, height: {}, search: { type: Boolean }, allowReset: { type: Boolean, default: true }, allowSelectAll: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "blur", "focus", "reset"], setup(e2, { emit: O2 }) {
+const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { key: 0, class: "mc-select-selected-content" }, _e = ["placeholder", "readonly", "disabled"], Ve = { class: "mc-select-dropdown-header-content" }, ke = { class: "mc-select-dropdown-content" }, xe = { class: "mc-select-dropdown" }, Oe = { key: 0, class: "mc-select-no-data" }, Se = pe(e({ name: "McSelect", __name: "mc-select", props: { modelValue: {}, placeholder: { default: "Please select" }, disabled: { type: Boolean }, multiple: { type: Boolean, default: false }, width: {}, height: {}, search: { type: Boolean }, allowReset: { type: Boolean, default: true }, allowSelectAll: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "blur", "focus", "reset"], setup(e2, { emit: O2 }) {
   const S2 = e2, B2 = O2, A2 = l(), C2 = l(), M2 = l(), R2 = a(() => S2.multiple), I2 = (e3) => R2.value && Array.isArray(e3), j2 = l([]), P2 = a(() => Y(Be2.value) ? j2.value : j2.value.filter((e3) => Z(ee(e3.label ?? e3.value)).includes(Z(Be2.value)))), { wrapperRef: $2, isFocused: D2, handleFocus: z2, handleBlur: F2 } = G(A2, { afterBlur() {
     de2 == null ? void 0 : de2.validate("blur");
   } }), E2 = a(() => 0 === P2.value.length), N2 = a(() => R2.value && S2.allowSelectAll && !E2.value), U2 = a(() => R2.value && S2.allowReset && !E2.value), K2 = l(false), se2 = () => {
@@ -23,7 +23,7 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
   const ce2 = a(() => le(j2.value, (e3) => te(ue2.value, e3.value))), ne2 = a(() => {
     var _a;
     return R2.value ? void 0 : (_a = ce2.value) == null ? void 0 : _a[0];
-  }), re2 = a(() => R2.value ? ae(ce2.value, (e3) => ({ label: e3.label ?? "", value: e3.value })) : []), ie2 = a(() => D2.value || Re2.value ? "minimal" : "bold"), { formItem: de2 } = T(), ve2 = a(() => {
+  }), ie2 = a(() => R2.value ? ae(ce2.value, (e3) => ({ label: e3.label ?? "", value: e3.value })) : []), re2 = a(() => D2.value || Re2.value ? "minimal" : "bold"), { formItem: de2 } = T(), ve2 = a(() => {
     switch (de2 == null ? void 0 : de2.validateStatus) {
       case "success":
         return "success";
@@ -69,43 +69,43 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
     j2.value = j2.value.filter((l2) => l2.value !== e3.value);
   }, addOption: (e3) => {
     j2.value.push(e3);
-  } }), (e3, l2) => (u(), o("div", { class: n(["mc-select", [K2.value && !e3.disabled ? "mc-select-expand" : "mc-select-collapse", { "mc-select-disabled": e3.disabled, "mc-input-focused": r(D2) && e3.search, [`mc-select--${ve2.value}`]: ve2.value, "mc-select--hover": Re2.value }]]), ref_key: "wrapperRef", ref: $2, style: c(Me2.value), onMouseenter: l2[4] || (l2[4] = (e4) => Re2.value = true), onMouseleave: l2[5] || (l2[5] = (e4) => Re2.value = false) }, [i("div", { class: "mc-select-trigger", onClick: se2, ref_key: "triggerRef", ref: M2 }, [ce2.value.length && !Ce2.value ? (u(), o("div", we, [R2.value ? (u(), o("div", { key: 1, class: "mc-select-multi-wrapper", ref_key: "tagsWrapperRef", ref: C2 }, [(u(true), o(h, null, f(re2.value, (l3) => (u(), p(q, { key: l3.value, size: "x-small", type: "selectable", emphasis: ie2.value, disabled: e3.disabled, onDelete: (e4) => ((e5) => {
+  } }), (e3, l2) => (u(), o("div", { class: n(["mc-select", [K2.value && !e3.disabled ? "mc-select-expand" : "mc-select-collapse", { "mc-select-disabled": e3.disabled, "mc-input-focused": i(D2) && e3.search, [`mc-select--${ve2.value}`]: ve2.value, "mc-select--hover": Re2.value }]]), ref_key: "wrapperRef", ref: $2, style: c(Me2.value), onMouseenter: l2[4] || (l2[4] = (e4) => Re2.value = true), onMouseleave: l2[5] || (l2[5] = (e4) => Re2.value = false) }, [r("div", { class: "mc-select-trigger", onClick: se2, ref_key: "triggerRef", ref: M2 }, [ce2.value.length && !Ce2.value ? (u(), o("div", we, [R2.value ? (u(), o("div", { key: 1, class: "mc-select-multi-wrapper", ref_key: "tagsWrapperRef", ref: C2 }, [(u(true), o(h, null, f(ie2.value, (l3) => (u(), p(q, { key: l3.value, size: "x-small", type: "selectable", emphasis: re2.value, disabled: e3.disabled, onDelete: (e4) => ((e5) => {
     if (I2(S2.modelValue)) {
       const l4 = [...S2.modelValue];
       l4.splice(l4.indexOf(e5.value), 1), B2("update:modelValue", l4);
     }
-  })(l3) }, { default: g(() => [y(b(l3.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (u(), p(m(ne2.value._vnode), { key: ne2.value.value }))])) : v("", true), i("div", { class: n(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": Ce2.value || Se2.value }]) }, [w(i("input", { class: n(["mc-select-input", { "mc-select-input-readonly": !e3.search }]), ref_key: "inputRef", ref: A2, type: "text", placeholder: Se2.value ? e3.placeholder : "", "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => Be2.value = e4), onInput: Ae2, onFocus: l2[1] || (l2[1] = (...e4) => r(z2) && r(z2)(...e4)), onBlur: l2[2] || (l2[2] = (...e4) => r(F2) && r(F2)(...e4)), readonly: !e3.search, disabled: e3.disabled }, null, 42, _e), [[_, Be2.value]])], 2), he2.value ? (u(), o("div", { key: 1, class: n(["mc-select__status", [pe2.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [d(W, { name: pe2.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : v("", true), i("div", { class: n(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": K2.value && !e3.disabled }]) }, [d(W, { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), d(k, { name: "mc-select-dropdown-transition" }, { default: g(() => [w(i("div", { class: "mc-select-dropdown-wrapper", style: c({ paddingTop: N2.value ? "40px" : "0", paddingBottom: U2.value ? "48px" : "0" }) }, [N2.value ? (u(), p(Q, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [i("div", ke, [d(J, { modelValue: Ie2.value, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => Ie2.value = e4), content: "Select All", "form-validate": false, partial: je2.value, onChange: Pe2 }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : v("", true), i("div", Ve, [i("div", xe, [V(e3.$slots, "default", {}, void 0, true), E2.value ? (u(), o("div", Oe, [V(e3.$slots, "empty", {}, () => [l2[6] || (l2[6] = y("No data"))], true)])) : v("", true)])]), U2.value ? (u(), p(X, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [d(L, { type: "link", size: "small", onClick: ge2 }, { default: g(() => l2[7] || (l2[7] = [y(" Reset ")])), _: 1, __: [7] }), d(L, { type: "plain", size: "small", onClick: be2 }, { default: g(() => l2[8] || (l2[8] = [y(" Apply ")])), _: 1, __: [8] })]), _: 1 })) : v("", true)], 4), [[x, K2.value && !e3.disabled]])]), _: 3 })], 38));
+  })(l3) }, { default: g(() => [y(b(l3.label), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"]))), 128))], 512)) : (u(), p(m(ne2.value._vnode), { key: ne2.value.value }))])) : v("", true), r("div", { class: n(["mc-select-input-wrapper", { "mc-select-input-wrapper-search": Ce2.value || Se2.value }]) }, [w(r("input", { class: n(["mc-select-input", { "mc-select-input-readonly": !e3.search }]), ref_key: "inputRef", ref: A2, type: "text", placeholder: Se2.value ? e3.placeholder : "", "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => Be2.value = e4), onInput: Ae2, onFocus: l2[1] || (l2[1] = (...e4) => i(z2) && i(z2)(...e4)), onBlur: l2[2] || (l2[2] = (...e4) => i(F2) && i(F2)(...e4)), readonly: !e3.search, disabled: e3.disabled }, null, 42, _e), [[_, Be2.value]])], 2), he2.value ? (u(), o("div", { key: 1, class: n(["mc-select__status", [pe2.value ? "mc-select__status--error" : "mc-select__status--success"]]) }, [d(W, { name: pe2.value ? "Reject_02" : "Accept_02", size: 24 }, null, 8, ["name"])], 2)) : v("", true), r("div", { class: n(["mc-select-icon-wrapper", { "mc-select-icon-wrapper-expand": K2.value && !e3.disabled }]) }, [d(W, { name: "Down-Chevron", class: "mc-select-icon" })], 2)], 512), d(V, { name: "mc-select-dropdown-transition" }, { default: g(() => [w(r("div", { class: "mc-select-dropdown-wrapper", style: c({ paddingTop: N2.value ? "40px" : "0", paddingBottom: U2.value ? "48px" : "0" }) }, [N2.value ? (u(), p(Q, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [r("div", Ve, [d(J, { modelValue: Ie2.value, "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => Ie2.value = e4), content: "Select All", "form-validate": false, partial: je2.value, onChange: Pe2 }, null, 8, ["modelValue", "partial"])])]), _: 1 })) : v("", true), r("div", ke, [r("div", xe, [k(e3.$slots, "default", {}, void 0, true), E2.value ? (u(), o("div", Oe, [k(e3.$slots, "empty", {}, () => [l2[6] || (l2[6] = y("No data"))], true)])) : v("", true)])]), U2.value ? (u(), p(X, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [d(L, { type: "link", size: "small", onClick: ge2 }, { default: g(() => l2[7] || (l2[7] = [y(" Reset ")])), _: 1, __: [7] }), d(L, { type: "plain", size: "small", onClick: be2 }, { default: g(() => l2[8] || (l2[8] = [y(" Apply ")])), _: 1, __: [8] })]), _: 1 })) : v("", true)], 4), [[x, K2.value && !e3.disabled]])]), _: 3 })], 38));
 } }), [["__scopeId", "data-v-5b70ca55"]]), Be = { class: "mc-select-option-content" }, Ae = pe(e({ name: "McSelectOption", __name: "mc-select-option", props: { value: {}, label: {}, width: {}, height: {}, _group: {}, _vnode: {} }, setup(e2, { expose: t2 }) {
-  const s2 = l(), r2 = e2, d2 = O(ye, void 0), p2 = O(be, void 0), m2 = a(() => d2 == null ? void 0 : d2.selectValues.value.includes(r2.value)), h2 = a(() => !!(d2 == null ? void 0 : d2.filterOptions.value.some((e3) => e3.value === r2.value))), f2 = S(), g2 = () => {
-    d2 == null ? void 0 : d2.handleSelect(w2(r2));
+  const s2 = l(), i2 = e2, d2 = O(ye, void 0), p2 = O(be, void 0), m2 = a(() => d2 == null ? void 0 : d2.selectValues.value.includes(i2.value)), h2 = a(() => !!(d2 == null ? void 0 : d2.filterOptions.value.some((e3) => e3.value === i2.value))), f2 = S(), g2 = () => {
+    d2 == null ? void 0 : d2.handleSelect(w2(i2));
   };
   B(() => {
-    d2 == null ? void 0 : d2.addOption(w2(r2));
+    d2 == null ? void 0 : d2.addOption(w2(i2));
   }), A(() => {
-    d2 == null ? void 0 : d2.removeOption(w2(r2));
+    d2 == null ? void 0 : d2.removeOption(w2(i2));
   });
   const w2 = (e3) => {
     var _a;
     return { ...e3, _group: p2 == null ? void 0 : p2.groupName, _vnode: C("div", { class: "mc-select-option-content" }, (_a = f2.default) == null ? void 0 : _a.call(f2, {})) };
-  }, _2 = a(() => ({ width: r2.width ?? void 0, height: r2.height ?? void 0 }));
-  return t2({ isShow: h2.value, ref: s2 }), (e3, l2) => h2.value ? (u(), o("div", { key: 0, class: n(["mc-select-dropdown-item mc-select-option", { "mc-select-option-icon-active": m2.value }]), onClick: g2, ref_key: "_ref", ref: s2, style: c(_2.value) }, [i("div", Be, [V(e3.$slots, "default", {}, () => [y(b(e3.label), 1)], true)])], 6)) : v("", true);
+  }, _2 = a(() => ({ width: i2.width ?? void 0, height: i2.height ?? void 0 }));
+  return t2({ isShow: h2.value, ref: s2 }), (e3, l2) => h2.value ? (u(), o("div", { key: 0, class: n(["mc-select-dropdown-item mc-select-option", { "mc-select-option-icon-active": m2.value }]), onClick: g2, ref_key: "_ref", ref: s2, style: c(_2.value) }, [r("div", Be, [k(e3.$slots, "default", {}, () => [y(b(e3.label), 1)], true)])], 6)) : v("", true);
 } }), [["__scopeId", "data-v-888970f9"]]), Ce = { class: "mc-select-group" }, Me = { class: "mc-select-group-content" }, Re = pe(e({ name: "McSelectGroup", __name: "mc-select-group", props: { label: {}, width: {}, height: {} }, setup(e2) {
   const l2 = e2, t2 = O(ye, void 0);
   s(be, { groupName: l2.label });
-  const n2 = a(() => t2 == null ? void 0 : t2.filterOptions.value.some((e3) => e3._group === l2.label)), r2 = M(R()), d2 = a(() => {
+  const n2 = a(() => t2 == null ? void 0 : t2.filterOptions.value.some((e3) => e3._group === l2.label)), i2 = M(R()), d2 = a(() => {
     var _a, _b;
-    return { ...(_b = (_a = I(r2)) == null ? void 0 : _a.style) == null ? void 0 : _b.value, width: l2.width ?? void 0, height: l2.height ?? void 0 };
+    return { ...(_b = (_a = I(i2)) == null ? void 0 : _a.style) == null ? void 0 : _b.value, width: l2.width ?? void 0, height: l2.height ?? void 0 };
   });
-  return (e3, l3) => w((u(), o("div", Ce, [i("div", { class: "mc-select-group-label", style: c(d2.value) }, b(e3.label), 5), i("div", Me, [V(e3.$slots, "default", {}, void 0, true)])], 512)), [[x, n2.value]]);
-} }), [["__scopeId", "data-v-d11c5ad5"]]), Ie = me(Se), je = me(Ae), Pe = me(Re), $e = "McSelectGroupPlus", De = "McSelectOptionPlus", ze = Symbol("SelectPlusContext"), Fe = ["id", "placeholder", "readonly", "disabled", "onKeydown"], Ge = { key: 0, class: "mc-select-multi-options-wrapper" }, He = { key: 1, class: "mc-select-selected-content-wrapper" }, Ee = { key: 1, class: "mc-select-placeholder" }, Ne = { key: 0, class: "mc-select-status-icon-wrapper" }, Ue = { key: 0, class: "mc-select-dropdown-header-content" }, Te = { key: 0, class: "mc-select-empty" }, Ke = pe(e({ name: "McSelectPlus", __name: "mc-select-plus", props: { width: { default: 320 }, height: { default: 40 }, placeholder: { default: "Please select" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, multiple: { type: Boolean, default: false }, search: { type: Boolean, default: false }, options: {}, showHeader: { type: Boolean, default: false }, showFooter: { type: Boolean, default: false }, modelValue: { type: [String, Number, Boolean, Array] }, placement: { default: "bottom-start" }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false } }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(e2, { emit: k2 }) {
-  const x2 = e2, S2 = k2, A2 = a(() => x2.multiple), M2 = l(), { wrapperRef: R2, isFocused: I2, handleFocus: T2, handleBlur: Y2 } = G(M2), { isHovering: Z2 } = U(R2), { selectRef: ee2, width: pe2, height: me2 } = (() => {
+  return (e3, l3) => w((u(), o("div", Ce, [r("div", { class: "mc-select-group-label", style: c(d2.value) }, b(e3.label), 5), r("div", Me, [k(e3.$slots, "default", {}, void 0, true)])], 512)), [[x, n2.value]]);
+} }), [["__scopeId", "data-v-d11c5ad5"]]), Ie = me(Se), je = me(Ae), Pe = me(Re), $e = "McSelectGroupPlus", De = "McSelectOptionPlus", ze = Symbol("SelectPlusContext"), Fe = ["id", "placeholder", "readonly", "disabled", "onKeydown"], Ge = { key: 0, class: "mc-select-multi-options-wrapper" }, He = { key: 1, class: "mc-select-selected-content-wrapper" }, Ee = { key: 1, class: "mc-select-placeholder" }, Ne = { key: 0, class: "mc-select-status-icon-wrapper" }, Ue = { key: 0, class: "mc-select-dropdown-header-content" }, Te = { key: 0, class: "mc-select-empty" }, Ke = pe(e({ name: "McSelectPlus", __name: "mc-select-plus", props: { width: { default: 320 }, height: { default: 40 }, placeholder: { default: "Please select" }, disabled: { type: Boolean, default: false }, clearable: { type: Boolean, default: false }, multiple: { type: Boolean, default: false }, search: { type: Boolean, default: false }, options: {}, showHeader: { type: Boolean, default: false }, showFooter: { type: Boolean, default: false }, modelValue: { type: [String, Number, Boolean, Array] }, placement: { default: "bottom-start" }, inputGroupPosition: {}, disableValidation: { type: Boolean, default: false }, hideValidationIcon: { type: Boolean, default: false } }, emits: ["update:modelValue", "change", "focus", "blur", "expand"], setup(e2, { emit: V2 }) {
+  const S2 = e2, A2 = V2, M2 = a(() => S2.multiple), R2 = l(), { wrapperRef: I2, isFocused: T2, handleFocus: Y2, handleBlur: Z2 } = G(R2), { isHovering: ee2 } = U(I2), { selectRef: pe2, width: me2, height: ye2 } = (() => {
     const e3 = l(), { width: a2, height: s2 } = N(), o2 = () => {
       e3.value && (e3.value.style.setProperty("--mc-select-width", a2.value), e3.value.style.setProperty("--mc-select-height", s2.value));
     };
     return B(() => {
       o2();
     }), t(() => a2.value, () => o2()), { selectRef: e3, width: a2, height: s2, setWidth: o2 };
-  })(), { selectOptions: ye2 } = (() => {
+  })(), { selectOptions: be2 } = (() => {
     let e3 = [];
     const a2 = l([]), t2 = j().proxy;
     return P(() => {
@@ -114,11 +114,11 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
       if (l2.length) {
         const e4 = ((e5) => {
           const l3 = [], a3 = (e6, t3) => {
-            re(e6) && e6.forEach((e7) => {
+            ie(e6) && e6.forEach((e7) => {
               var _a2, _b2, _c, _d, _e3, _f, _g;
               const s2 = (_a2 = (e7 == null ? void 0 : e7.type) || {}) == null ? void 0 : _a2.name;
               if (s2 === $e) {
-                const l4 = ie(e7.children) || re(e7.children) || !se((_b2 = e7.children) == null ? void 0 : _b2.default) ? e7.children : (_c = e7.children) == null ? void 0 : _c.default();
+                const l4 = re(e7.children) || ie(e7.children) || !se((_b2 = e7.children) == null ? void 0 : _b2.default) ? e7.children : (_c = e7.children) == null ? void 0 : _c.default();
                 a3(l4, (_d = e7.props) == null ? void 0 : _d.label);
               } else s2 === De ? l3.push({ label: (_e3 = e7.props) == null ? void 0 : _e3.label, value: (_f = e7.props) == null ? void 0 : _f.value, group: t3, context: (_g = e7.children) == null ? void 0 : _g.default }) : Array.isArray(e7.children) && a3(e7.children, t3);
             });
@@ -133,12 +133,12 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
         return true;
       })(a2.value, e3) || (e3 = a2.value);
     }), { selectOptions: a2 };
-  })(), { searchValue: be2, isSearch: we2, hasSearchValue: _e2, filteredOptions: ke2, filteredGroups: Ve2, clearSearchValue: xe2 } = ((e3) => {
+  })(), { searchValue: we2, isSearch: _e2, hasSearchValue: Ve2, filteredOptions: ke2, filteredGroups: xe2, clearSearchValue: Oe2 } = ((e3) => {
     const t2 = l(""), s2 = E("search"), o2 = a(() => !!s2.value), u2 = a(() => o2.value && !ue(t2.value)), c2 = a(() => (e3 == null ? void 0 : e3.value.length) ? ae(le(e3.value, (e4) => te(ne(e4.label), ne(t2.value))), (e4) => ({ value: e4.value, group: e4.group })) : []), n2 = a(() => c2.value.length ? ae(ce(c2.value, "group"), (e4) => e4.group) : []);
     return { searchValue: t2, isSearch: o2, hasSearchValue: u2, filteredOptions: c2, filteredGroups: n2, clearSearchValue: () => {
       t2.value = "";
     } };
-  })(ye2), { hoverOption: Oe2, setHoverOption: Se2, handlePressArrow: Be2, clearHoverOption: Ae2 } = ((e3) => {
+  })(be2), { hoverOption: Se2, setHoverOption: Be2, handlePressArrow: Ae2, clearHoverOption: Ce2 } = ((e3) => {
     const a2 = l(), t2 = () => {
       a2.value = void 0;
     };
@@ -151,22 +151,22 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
       const s2 = oe(e3 == null ? void 0 : e3.value, (e4) => e4.value === a2.value);
       "ArrowDown" === l2.key ? a2.value = ((_b = e3.value[s2 + 1]) == null ? void 0 : _b.value) || ((_c = e3.value[0]) == null ? void 0 : _c.value) : "ArrowUp" === l2.key && (a2.value = ((_d = e3.value[s2 - 1]) == null ? void 0 : _d.value) || ((_e3 = e3.value[e3.value.length - 1]) == null ? void 0 : _e3.value));
     }, clearHoverOption: t2 };
-  })(ke2), { formId: Ce2, formItem: Me2, formDisabled: Re2, validateStatus: Ie2, validateStyle: je2, statusIcon: Pe2 } = K(), { isDisabled: Ke2 } = ((e3, l2) => {
+  })(ke2), { formId: Me2, formItem: Re2, formDisabled: Ie2, validateStatus: je2, validateStyle: Pe2, statusIcon: Ke2 } = K(), { isDisabled: We2 } = ((e3, l2) => {
     const s2 = O(he, void 0), o2 = a(() => !!e3.value || !!(s2 == null ? void 0 : s2.disabled.value));
     return t(o2, (e4) => {
       e4 && se(l2) && l2();
     }), { isDisabled: o2 };
-  })(Re2, () => {
-    Je2(false), xe2();
-  }), { isExpanded: We2, popperRef: Le2, popperOptions: qe2, toggleExpand: Je2 } = ((e3) => {
-    const s2 = l(false), o2 = j(), { emit: u2 } = o2, c2 = l(), n2 = O(he, void 0), r2 = E("inputGroupPosition"), i2 = { modifiers: [{ name: "offset", options: { offset: [a(() => n2 && r2.value ? "prefix" === r2.value ? -1 : "suffix" === r2.value ? 1 : 0 : 0).value, 0] } }] };
+  })(Ie2, () => {
+    Qe2(false), Oe2();
+  }), { isExpanded: Le2, popperRef: qe2, popperOptions: Je2, toggleExpand: Qe2 } = ((e3) => {
+    const s2 = l(false), o2 = j(), { emit: u2 } = o2, c2 = l(), n2 = O(he, void 0), i2 = E("inputGroupPosition"), r2 = { modifiers: [{ name: "offset", options: { offset: [a(() => n2 && i2.value ? "prefix" === i2.value ? -1 : "suffix" === i2.value ? 1 : 0 : 0).value, 0] } }] };
     return t(s2, (e4) => {
       var _a, _b;
       e4 ? (_a = c2.value) == null ? void 0 : _a.show() : (_b = c2.value) == null ? void 0 : _b.hide();
-    }), { isExpanded: s2, popperRef: c2, popperOptions: i2, toggleExpand: (l2) => {
+    }), { isExpanded: s2, popperRef: c2, popperOptions: r2, toggleExpand: (l2) => {
       e3.value ? s2.value = false : s2.value = l2, u2("expand", l2);
     } };
-  })(Ke2), { showClearIcon: Qe2, mouseOverIcon: Xe2, clear: Ye2 } = ((e3, t2) => {
+  })(We2), { showClearIcon: Xe2, mouseOverIcon: Ye2, clear: Ze2 } = ((e3, t2) => {
     const s2 = l(false), o2 = E("clearable");
     return { showClearIcon: a(() => !!o2.value && s2.value && !t2.value), mouseOverIcon: (e4) => {
       s2.value = e4;
@@ -174,45 +174,45 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
       se(e3) && e3();
     } };
   })(async () => {
-    Ke2.value || (Ze2.value = A2.value ? [] : void 0, xe2(), Je2(false), wl(), await F(), Me2 == null ? void 0 : Me2.validate("input"));
-  }, Ke2);
-  fe({ validateStatus: Ie2, isExpanded: We2, isFocused: I2, isHovering: Z2 }), H(ee2, () => {
-    xe2(), Je2(false);
+    We2.value || (el2.value = M2.value ? [] : void 0, Oe2(), Qe2(false), _l(), await F(), Re2 == null ? void 0 : Re2.validate("input"));
+  }, We2);
+  fe({ validateStatus: je2, isExpanded: Le2, isFocused: T2, isHovering: ee2 }), H(pe2, () => {
+    Oe2(), Qe2(false);
   }), B(() => {
-    Ze2.value = x2.modelValue;
-  }), t(() => x2.modelValue, (e3) => {
-    Ze2.value = e3;
+    el2.value = S2.modelValue;
+  }), t(() => S2.modelValue, (e3) => {
+    el2.value = e3;
   });
-  const Ze2 = l(), el2 = a(() => {
+  const el2 = l(), ll2 = a(() => {
     var _a;
-    return A2.value ? (_a = Ze2.value) == null ? void 0 : _a.map((e3) => al2(e3)) : al2(Ze2.value);
-  }), ll2 = a(() => ke2.value.length > 0), al2 = (e3) => {
-    const l2 = de(ye2.value, (l3) => l3.value === e3);
+    return M2.value ? (_a = el2.value) == null ? void 0 : _a.map((e3) => tl2(e3)) : tl2(el2.value);
+  }), al2 = a(() => ke2.value.length > 0), tl2 = (e3) => {
+    const l2 = de(be2.value, (l3) => l3.value === e3);
     return (l2 == null ? void 0 : l2.label) || (l2 == null ? void 0 : l2.value);
-  }, tl2 = async (e3) => {
-    if (xe2(), !Ke2.value) {
-      if (A2.value) {
-        const l2 = Ze2.value;
-        te(l2, e3) ? Ze2.value = ve(l2, [e3]) : Ze2.value = [...l2, e3];
-      } else Ze2.value = e3;
-      A2.value || Je2(false), wl(), await F(), Me2 == null ? void 0 : Me2.validate("input");
+  }, sl = async (e3) => {
+    if (Oe2(), !We2.value) {
+      if (M2.value) {
+        const l2 = el2.value;
+        te(l2, e3) ? el2.value = ve(l2, [e3]) : el2.value = [...l2, e3];
+      } else el2.value = e3;
+      M2.value || Qe2(false), _l(), await F(), Re2 == null ? void 0 : Re2.validate("input");
     }
-  }, sl = a(() => {
-    if (!A2.value) {
-      const e3 = de(ye2.value, (e4) => e4.value === Ze2.value);
+  }, ol = a(() => {
+    if (!M2.value) {
+      const e3 = de(be2.value, (e4) => e4.value === el2.value);
       return (e3 == null ? void 0 : e3.context) ? e3.context : C("span", { class: "mc-selected-option-label", style: { color: "inherit" } }, (e3 == null ? void 0 : e3.label) || (e3 == null ? void 0 : e3.value));
     }
-  }), ol = a(() => !_e2.value && !!Ze2.value), ul = a(() => !!x2.placeholder && !_e2.value && gl.value), cl = a(() => I2.value ? "minimal" : "bold");
-  t(We2, () => {
-    Ae2();
+  }), ul = a(() => !Ve2.value && !!el2.value), cl = a(() => !!S2.placeholder && !Ve2.value && yl.value), nl = a(() => T2.value ? "minimal" : "bold");
+  t(Le2, () => {
+    Ce2();
   });
-  const nl = () => {
-    Je2(!We2.value);
+  const il = () => {
+    Qe2(!Le2.value);
   }, rl = () => {
-    Ae2(), Je2(true);
-  }, il = () => {
-    We2.value ? Oe2.value ? tl2(Oe2.value) : A2.value || Je2(false) : Je2(true);
-  }, { isSelectAll: dl, isSelectPartial: vl, selectAll: pl } = ((e3, a2, t2, s2) => {
+    Ce2(), Qe2(true);
+  }, dl = () => {
+    Le2.value ? Se2.value ? sl(Se2.value) : M2.value || Qe2(false) : Qe2(true);
+  }, { isSelectAll: vl, isSelectPartial: pl, selectAll: ml } = ((e3, a2, t2, s2) => {
     const o2 = l(false), u2 = l(false);
     return P(() => {
       var _a, _b;
@@ -222,33 +222,33 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
     }), { isSelectAll: o2, isSelectPartial: u2, selectAll: () => {
       e3.value && se(s2) && s2();
     } };
-  })(A2, Ze2, ye2, () => {
-    dl.value ? Ze2.value = ye2.value.map((e3) => e3.value) : Ze2.value = [], wl();
-  }), ml = l([]);
-  t(We2, () => {
-    We2.value && A2.value && (ml.value = Ze2.value);
+  })(M2, el2, be2, () => {
+    vl.value ? el2.value = be2.value.map((e3) => e3.value) : el2.value = [], _l();
+  }), hl = l([]);
+  t(Le2, () => {
+    Le2.value && M2.value && (hl.value = el2.value);
   });
-  const hl = () => {
-    A2.value && (Ze2.value = ml.value, wl());
-  }, fl = () => {
-    A2.value && Je2(false);
-  }, gl = a(() => {
+  const fl = () => {
+    M2.value && (el2.value = hl.value, _l());
+  }, gl = () => {
+    M2.value && Qe2(false);
+  }, yl = a(() => {
     var _a;
-    return A2.value ? ((_a = Ze2.value) == null ? void 0 : _a.length) <= 0 : !Ze2.value;
-  }), yl = a(() => Qe2.value && !gl.value), bl = a(() => Ke2.value ? "not-allowed" : we2.value ? "text" : "pointer"), wl = () => {
-    S2("update:modelValue", Ze2.value), S2("change", Ze2.value);
+    return M2.value ? ((_a = el2.value) == null ? void 0 : _a.length) <= 0 : !el2.value;
+  }), bl = a(() => Xe2.value && !yl.value), wl = a(() => We2.value ? "not-allowed" : _e2.value ? "text" : "pointer"), _l = () => {
+    A2("update:modelValue", el2.value), A2("change", el2.value);
   };
-  return s(ze, { isMulti: A2, selectedOption: Ze2, filteredOptions: ke2, filteredGroups: Ve2, hoverOption: Oe2, select: tl2, hover: Se2 }), (e3, l2) => (u(), o("div", { ref_key: "selectRef", ref: ee2, class: n(["mc-select", { "mc-select-expanded": r(We2) }]) }, [d(ge, { ref_key: "popperRef", ref: Le2, placement: e3.placement, trigger: "manual", class: "mc-select-popper", style: c({ width: r(pe2) }), "show-arrow": false, "popper-options": r(qe2), "hide-timeout": 100 }, { default: g(() => [i("div", { ref_key: "triggerRef", ref: R2, class: n(["mc-select-trigger", { "mc-select-trigger-focused": r(I2), "mc-select-trigger-disabled": r(Ke2), "mc-select-trigger-hovering": r(Z2), [r(je2)]: r(je2) }]), style: c({ width: r(pe2), height: r(me2) }), onClick: nl }, [i("div", { class: "mc-select-input-wrapper", style: c({ cursor: bl.value }) }, [w(i("input", { "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => $(be2) ? be2.value = e4 : null), ref_key: "inputRef", ref: M2, id: r(Ce2), class: "mc-select-input", style: c({ width: r(_e2) ? "100%" : "1px" }), placeholder: e3.placeholder, readonly: !r(we2) || r(Ke2), disabled: r(Ke2), onFocus: l2[1] || (l2[1] = (...e4) => r(T2) && r(T2)(...e4)), onBlur: l2[2] || (l2[2] = (...e4) => r(Y2) && r(Y2)(...e4)), onInput: rl, onKeydown: [D(z(il, ["stop"]), ["enter"]), l2[3] || (l2[3] = D(z((...e4) => r(Be2) && r(Be2)(...e4), ["stop"]), ["arrow-down"])), l2[4] || (l2[4] = D(z((...e4) => r(Be2) && r(Be2)(...e4), ["stop"]), ["arrow-up"]))] }, null, 44, Fe), [[_, r(be2)]]), ol.value ? V(e3.$slots, "selected-content", { key: 0, selectedOption: Ze2.value, selectedOptionLabel: el2.value, isDisabled: r(Ke2) }, () => [A2.value ? (u(), o("ul", Ge, [(u(true), o(h, null, f(Ze2.value, (e4) => (u(), o("li", { key: e4, class: "mc-select-multi-option" }, [d(q, { size: "x-small", type: "selectable", emphasis: cl.value, disabled: r(Ke2), onDelete: (l3) => ((e5) => {
-    const l4 = Ze2.value;
-    Ze2.value = ve(l4, [e5]), wl();
-  })(e4) }, { default: g(() => [y(b(al2(e4)), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"])]))), 128))])) : (u(), o("div", He, [sl.value ? (u(), p(m(sl.value), { key: Ze2.value })) : v("", true)]))], true) : v("", true), ul.value ? (u(), o("p", Ee, [V(e3.$slots, "placeholder", {}, () => [y(b(e3.placeholder), 1)], true)])) : v("", true)], 4), r(Pe2) ? (u(), o("div", Ne, [r(Pe2) ? (u(), p(W, { key: 0, name: r(Pe2), size: 24 }, null, 8, ["name"])) : v("", true)])) : v("", true), i("div", { class: "mc-select-icon-wrapper", onMouseenter: l2[5] || (l2[5] = (e4) => r(Xe2)(true)), onMouseleave: l2[6] || (l2[6] = (e4) => r(Xe2)(false)) }, [yl.value ? (u(), p(W, { key: 0, name: "Reject", size: 20, class: "mc-select-clear-icon", onClick: z(r(Ye2), ["stop"]) }, null, 8, ["onClick"])) : (u(), p(W, { key: 1, name: "Down-Chevron", size: 24, class: n(["mc-select-chevron-icon", { "mc-select-chevron-icon-rotate": r(We2) }]) }, null, 8, ["class"]))], 32)], 6)]), content: g(() => [ll2.value && e3.showHeader ? (u(), p(Q, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [V(e3.$slots, "option-header", {}, () => [A2.value ? (u(), o("div", Ue, [d(J, { modelValue: r(dl), "onUpdate:modelValue": l2[7] || (l2[7] = (e4) => $(dl) ? dl.value = e4 : null), content: "Select All", "form-validate": false, partial: r(vl), onChange: r(pl) }, null, 8, ["modelValue", "partial", "onChange"])])) : v("", true)], true)]), _: 3 })) : v("", true), i("ul", { class: "mc-select-list", style: c({ paddingTop: e3.showHeader ? "40px" : "0", paddingBottom: e3.showFooter ? "48px" : "0" }) }, [V(e3.$slots, "default", {}, void 0, true), ll2.value ? v("", true) : (u(), o("li", Te, [V(e3.$slots, "empty", {}, () => [l2[8] || (l2[8] = i("p", { class: "mc-select-text" }, "No results found", -1))], true)]))], 4), ll2.value && e3.showFooter ? (u(), p(X, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [V(e3.$slots, "option-footer", {}, () => [A2.value ? (u(), o(h, { key: 0 }, [d(L, { type: "link", size: "small", onClick: hl }, { default: g(() => l2[9] || (l2[9] = [y(" Reset ")])), _: 1, __: [9] }), d(L, { type: "plain", size: "small", onClick: fl }, { default: g(() => l2[10] || (l2[10] = [y(" Apply ")])), _: 1, __: [10] })], 64)) : v("", true)], true)]), _: 3 })) : v("", true)]), _: 3 }, 8, ["placement", "style", "popper-options"])], 2));
-} }), [["__scopeId", "data-v-a91f72b1"]]), We = { class: "mc-select-multi-option" }, Le = e({ name: "McSelectMultiOption", __name: "mc-select-multi-option", props: { modelValue: { type: Boolean, default: false }, label: {} }, emits: ["update:modelValue"], setup(e2, { emit: l2 }) {
+  return s(ze, { isMulti: M2, selectedOption: el2, filteredOptions: ke2, filteredGroups: xe2, hoverOption: Se2, select: sl, hover: Be2 }), (e3, l2) => (u(), o("div", { ref_key: "selectRef", ref: pe2, class: n(["mc-select", { "mc-select-expanded": i(Le2) }]) }, [d(ge, { ref_key: "popperRef", ref: qe2, placement: e3.placement, trigger: "manual", class: "mc-select-popper", style: c({ width: i(me2) }), "show-arrow": false, "popper-options": i(Je2), "hide-timeout": 100 }, { default: g(() => [r("div", { ref_key: "triggerRef", ref: I2, class: n(["mc-select-trigger", { "mc-select-trigger-focused": i(T2), "mc-select-trigger-disabled": i(We2), "mc-select-trigger-hovering": i(ee2), [i(Pe2)]: i(Pe2) }]), style: c({ width: i(me2), height: i(ye2) }), onClick: il }, [r("div", { class: "mc-select-input-wrapper", style: c({ cursor: wl.value }) }, [w(r("input", { "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => $(we2) ? we2.value = e4 : null), ref_key: "inputRef", ref: R2, id: i(Me2), class: "mc-select-input", style: c({ width: i(Ve2) ? "100%" : "1px" }), placeholder: e3.placeholder, readonly: !i(_e2) || i(We2), disabled: i(We2), onFocus: l2[1] || (l2[1] = (...e4) => i(Y2) && i(Y2)(...e4)), onBlur: l2[2] || (l2[2] = (...e4) => i(Z2) && i(Z2)(...e4)), onInput: rl, onKeydown: [D(z(dl, ["stop"]), ["enter"]), l2[3] || (l2[3] = D(z((...e4) => i(Ae2) && i(Ae2)(...e4), ["stop"]), ["arrow-down"])), l2[4] || (l2[4] = D(z((...e4) => i(Ae2) && i(Ae2)(...e4), ["stop"]), ["arrow-up"]))] }, null, 44, Fe), [[_, i(we2)]]), ul.value ? k(e3.$slots, "selected-content", { key: 0, selectedOption: el2.value, selectedOptionLabel: ll2.value, isDisabled: i(We2) }, () => [M2.value ? (u(), o("ul", Ge, [(u(true), o(h, null, f(el2.value, (e4) => (u(), o("li", { key: e4, class: "mc-select-multi-option" }, [d(q, { size: "x-small", type: "selectable", emphasis: nl.value, disabled: i(We2), onDelete: (l3) => ((e5) => {
+    const l4 = el2.value;
+    el2.value = ve(l4, [e5]), _l();
+  })(e4) }, { default: g(() => [y(b(tl2(e4)), 1)]), _: 2 }, 1032, ["emphasis", "disabled", "onDelete"])]))), 128))])) : (u(), o("div", He, [ol.value ? (u(), p(m(ol.value), { key: el2.value })) : v("", true)]))], true) : v("", true), cl.value ? (u(), o("p", Ee, [k(e3.$slots, "placeholder", {}, () => [y(b(e3.placeholder), 1)], true)])) : v("", true)], 4), i(Ke2) ? (u(), o("div", Ne, [i(Ke2) ? (u(), p(W, { key: 0, name: i(Ke2), size: 24 }, null, 8, ["name"])) : v("", true)])) : v("", true), r("div", { class: "mc-select-icon-wrapper", onMouseenter: l2[5] || (l2[5] = (e4) => i(Ye2)(true)), onMouseleave: l2[6] || (l2[6] = (e4) => i(Ye2)(false)) }, [w(d(W, { name: "Reject", size: 20, class: "mc-select-clear-icon", onClick: z(i(Ze2), ["stop"]) }, null, 8, ["onClick"]), [[x, bl.value]]), w(d(W, { name: "Down-Chevron", size: 24, class: n(["mc-select-chevron-icon", { "mc-select-chevron-icon-rotate": i(Le2) }]) }, null, 8, ["class"]), [[x, !bl.value]])], 32)], 6)]), content: g(() => [al2.value && e3.showHeader ? (u(), p(Q, { key: 0, class: "mc-select-dropdown-header", "show-tool-bar": false, height: "40px" }, { default: g(() => [k(e3.$slots, "option-header", {}, () => [M2.value ? (u(), o("div", Ue, [d(J, { modelValue: i(vl), "onUpdate:modelValue": l2[7] || (l2[7] = (e4) => $(vl) ? vl.value = e4 : null), content: "Select All", "form-validate": false, partial: i(pl), onChange: i(ml) }, null, 8, ["modelValue", "partial", "onChange"])])) : v("", true)], true)]), _: 3 })) : v("", true), r("ul", { class: "mc-select-list", style: c({ paddingTop: e3.showHeader ? "40px" : "0", paddingBottom: e3.showFooter ? "48px" : "0" }) }, [k(e3.$slots, "default", {}, void 0, true), al2.value ? v("", true) : (u(), o("li", Te, [k(e3.$slots, "empty", {}, () => [l2[8] || (l2[8] = r("p", { class: "mc-select-text" }, "No results found", -1))], true)]))], 4), al2.value && e3.showFooter ? (u(), p(X, { key: 1, class: "mc-select-dropdown-footer" }, { "right-button-group": g(() => [k(e3.$slots, "option-footer", {}, () => [M2.value ? (u(), o(h, { key: 0 }, [d(L, { type: "link", size: "small", onClick: fl }, { default: g(() => l2[9] || (l2[9] = [y(" Reset ")])), _: 1, __: [9] }), d(L, { type: "plain", size: "small", onClick: gl }, { default: g(() => l2[10] || (l2[10] = [y(" Apply ")])), _: 1, __: [10] })], 64)) : v("", true)], true)]), _: 3 })) : v("", true)]), _: 3 }, 8, ["placement", "style", "popper-options"])], 2));
+} }), [["__scopeId", "data-v-a6be7883"]]), We = { class: "mc-select-multi-option" }, Le = e({ name: "McSelectMultiOption", __name: "mc-select-multi-option", props: { modelValue: { type: Boolean, default: false }, label: {} }, emits: ["update:modelValue"], setup(e2, { emit: l2 }) {
   const a2 = l2, t2 = (e3) => {
     a2("update:modelValue", e3);
   };
   return (e3, l3) => (u(), o("div", We, [d(J, { "model-value": e3.modelValue, content: e3.label, "disable-validation": "", "onUpdate:modelValue": t2 }, null, 8, ["model-value", "content"])]));
 } }), qe = ["aria-selected"], Je = { key: 1, class: "mc-select-option-label" }, Qe = pe(e({ name: De, __name: "mc-select-option-plus", props: { label: {}, value: { type: [String, Number, Boolean] }, height: { default: 40 }, width: { default: "100%" } }, setup(e2) {
-  const t2 = e2, { height: s2, width: i2 } = N(), d2 = O(ze || void 0), v2 = a(() => !!de(d2 == null ? void 0 : d2.filteredOptions.value, (e3) => e3.value === t2.value)), m2 = a(() => !!(d2 == null ? void 0 : d2.isMulti.value)), h2 = a(() => {
+  const t2 = e2, { height: s2, width: r2 } = N(), d2 = O(ze || void 0), v2 = a(() => !!de(d2 == null ? void 0 : d2.filteredOptions.value, (e3) => e3.value === t2.value)), m2 = a(() => !!(d2 == null ? void 0 : d2.isMulti.value)), h2 = a(() => {
     if (m2.value) {
       const e3 = d2 == null ? void 0 : d2.selectedOption.value;
       return te(e3, t2.value);
@@ -256,13 +256,13 @@ const ye = Symbol("selectContext"), be = Symbol("selectGroupContext"), we = { ke
     return (d2 == null ? void 0 : d2.selectedOption.value) === t2.value;
   }), f2 = l(false), g2 = a(() => t2.label), y2 = () => {
     d2 == null ? void 0 : d2.hover(t2.value);
-  }, _2 = a(() => (d2 == null ? void 0 : d2.hoverOption.value) === t2.value), k2 = () => {
+  }, _2 = a(() => (d2 == null ? void 0 : d2.hoverOption.value) === t2.value), V2 = () => {
     d2 == null ? void 0 : d2.select(t2.value);
   };
-  return (e3, l2) => w((u(), o("li", { role: "option", class: n(["mc-select-option", { "mc-select-option-actived": h2.value && !m2.value, "mc-select-option-hover": _2.value }]), style: c({ height: r(s2), width: r(i2) }), "aria-selected": f2.value, onMouseenter: y2, onClick: k2 }, [V(e3.$slots, "default", { isActived: h2.value }, () => [m2.value ? (u(), p(Le, { key: 0, "model-value": h2.value, label: g2.value }, null, 8, ["model-value", "label"])) : (u(), o("span", Je, b(g2.value), 1))], true)], 46, qe)), [[x, v2.value]]);
+  return (e3, l2) => w((u(), o("li", { role: "option", class: n(["mc-select-option", { "mc-select-option-actived": h2.value && !m2.value, "mc-select-option-hover": _2.value }]), style: c({ height: i(s2), width: i(r2) }), "aria-selected": f2.value, onMouseenter: y2, onClick: V2 }, [k(e3.$slots, "default", { isActived: h2.value }, () => [m2.value ? (u(), p(Le, { key: 0, "model-value": h2.value, label: g2.value }, null, 8, ["model-value", "label"])) : (u(), o("span", Je, b(g2.value), 1))], true)], 46, qe)), [[x, v2.value]]);
 } }), [["__scopeId", "data-v-326216dd"]]), Xe = { class: "mc-select-group" }, Ye = { class: "mc-select-option-list" }, Ze = pe(e({ name: $e, __name: "mc-select-group-plus", props: { label: {}, height: { default: 40 }, width: { default: "100%" } }, setup(e2) {
   const l2 = e2, t2 = O(ze || void 0), { height: s2, width: n2 } = N(), d2 = a(() => te(t2 == null ? void 0 : t2.filteredGroups.value, l2.label));
-  return (e3, l3) => w((u(), o("ul", Xe, [i("li", { class: "mc-select-group-label", style: c({ height: r(s2), width: r(n2) }) }, b(e3.label), 5), i("li", null, [i("ul", Ye, [V(e3.$slots, "default", {}, void 0, true)])])], 512)), [[x, d2.value]]);
+  return (e3, l3) => w((u(), o("ul", Xe, [r("li", { class: "mc-select-group-label", style: c({ height: i(s2), width: i(n2) }) }, b(e3.label), 5), r("li", null, [r("ul", Ye, [k(e3.$slots, "default", {}, void 0, true)])])], 512)), [[x, d2.value]]);
 } }), [["__scopeId", "data-v-0db35ade"]]), el = me(Ke), ll = me(Qe), al = me(Ze), tl = me(Le);
 export {
   Ie as M,

package/dist/es/mc-upload-Cl3mW0Hm.js

@@ -0,0 +1,130 @@
+import { computed as e, defineComponent as l, ref as a, createElementBlock as o, openBlock as t, normalizeClass as i, unref as s, createElementVNode as n, renderSlot as d, createCommentVNode as c, createVNode as r, toDisplayString as m, Fragment as p, renderList as u, createBlock as f, useSlots as v, reactive as y, watch as g, normalizeStyle as h, withCtx as _ } from "vue";
+import { e as w, j as z, c as b, b as k } from "./hooks-DghKpOue.js";
+import { t as $ } from "./mc-toast-DB9Y1bvS.js";
+import { M as C } from "./mc-icon-B_dAlj4r.js";
+import { M as x } from "./mc-success-icon-Cj-5Hgzy.js";
+import { m as M, b as S } from "./vendor-CExPGg1i.js";
+import { _ as B, w as D } from "./utils-BDbMLK9w.js";
+import { M as U } from "./mc-divider-BSXy8GNr.js";
+import { M as V } from "./mc-progress-bar-JF0Frass.js";
+const F = (e2) => parseFloat(e2).toString(), T = (e2, l2 = 2) => e2 < 1024 ? `${e2} B` : e2 < 1048576 ? `${F((e2 / 1024).toFixed(l2))} KB` : e2 < 1073741824 ? `${F((e2 / 1048576).toFixed(l2))} MB` : `${F((e2 / 1073741824).toFixed(l2))} GB`, j = (e2) => {
+  if (!e2) return "--";
+  const l2 = new Date(e2);
+  return `${l2.getFullYear()}/${String(l2.getMonth() + 1).padStart(2, "0")}/${String(l2.getDate()).padStart(2, "0")} ${String(l2.getHours()).padStart(2, "0")}:${String(l2.getMinutes()).padStart(2, "0")}:${String(l2.getSeconds()).padStart(2, "0")}`;
+}, I = (e2, l2, a2) => {
+  const o2 = e2.get(l2);
+  e2.set(l2, { ...o2, ...a2 });
+}, E = "[?]", R = ["jpg", "jpeg", "png", "doc", "docx", "xls", "xlsx", "pdf"], A = { upload_note: "Click to upload or drag and drop your files here", max_size: "Max file size:", max_count: "No limit on maximum number of documents but recommend that upload then in pdf if more than 5 files are to be upload.", uploaded_by: "Uploaded by", uploaded_on: "Uploaded on", limit_count: `The number of files cannot exceed ${E} .`, limit_size: `The file size cannot exceed ${E} .`, limit_type: `${E} only`, limit_count_reached: `You can only upload ${E} files.` }, L = { upload_note: "单击即可上传或将文件拖放到此处", max_size: "最大文件大小：", max_count: "No limit on maximum number of documents but recommend that upload then in pdf if more than 5 files are to be upload.", uploaded_by: "上传用户", uploaded_on: "上传时间", limit_count: `文件数量不能超过 ${E} 。`, limit_size: `最大文件大小：${E} 。`, limit_type: `只接受文件格式：${E}`, limit_count_reached: `您只能上传 ${E} 个文件。` }, N = () => {
+  const l2 = w("lang");
+  return { langMap: e(() => "zh" === l2.value ? L : A) };
+}, Y = { class: "mc-upload-dropzone-area" }, q = { class: "mc-upload-dropzone-title" }, G = { class: "mc-upload-dropzone-title-text" }, H = { key: 0, class: "mc-upload-dropzone-desc" }, K = { key: 0 }, P = { key: 1 }, J = B(l({ name: "McUploadDropzone", __name: "mc-upload-dropzone", props: { title: {}, icon: { default: "Document_Upload" }, allowedFileTypes: { default: () => R }, fileSize: { default: 15728640 }, uploadUser: { default: "--" }, lang: { default: "en" }, hideDesc: { type: Boolean, default: false }, fileCount: {} }, emits: ["upload", "error:type", "error:size"], setup(l2, { expose: p2, emit: u2 }) {
+  const f2 = l2, v2 = u2, { langMap: y2 } = N(), g2 = a(), h2 = e(() => {
+    var _a;
+    return ((_a = f2.allowedFileTypes) == null ? void 0 : _a.length) ? y2.value.limit_type.replace(E, M(f2.allowedFileTypes, (e2) => e2.toUpperCase()).join(", ")) : void 0;
+  }), { isDragover: _2 } = z(g2, { onDrop: (e2) => {
+    var _a;
+    const l3 = (_a = e2.dataTransfer) == null ? void 0 : _a.files;
+    l3 && x2(l3);
+  } }), w2 = a(), b2 = () => {
+    w2.value && (w2.value.value = "");
+  }, k2 = () => {
+    var _a;
+    (_a = w2.value) == null ? void 0 : _a.click();
+  }, $2 = (e2) => {
+    const l3 = e2.target.files;
+    l3 && x2(l3);
+  }, x2 = async (e2) => {
+    let l3 = Array.from(e2);
+    const a2 = /* @__PURE__ */ new Map();
+    l3.forEach((e3) => {
+      I(a2, e3.name, { name: e3.name, size: e3.size, status: "loading", uploadBy: f2.uploadUser, uploadTime: Date.now(), file: e3 });
+    }), ((e3, l4) => {
+      const a3 = f2.fileSize;
+      if (a3 <= 0) return true;
+      let o2 = false;
+      for (let t2 = 0; t2 < e3.length; t2++) {
+        const i2 = e3[t2];
+        i2.size > a3 ? (I(l4, i2.name, { status: "failed", errorMessage: y2.value.limit_size.replace(E, `${T(a3)}`) }), v2("error:size", i2.name)) : o2 = true;
+      }
+    })(l3, a2), ((e3, l4) => {
+      var _a;
+      const a3 = f2.allowedFileTypes;
+      if (!(a3 == null ? void 0 : a3.length)) return true;
+      let o2 = false;
+      const t2 = M(a3, (e4) => e4.toUpperCase());
+      for (let a4 = 0; a4 < e3.length; a4++) {
+        const i2 = ((_a = e3[a4].name.split(".").pop()) == null ? void 0 : _a.toUpperCase()) ?? "--";
+        S(t2, i2) ? o2 = true : (I(l4, e3[a4].name, { status: "failed", errorMessage: h2.value }), v2("error:type", e3[a4].name));
+      }
+    })(l3, a2), v2("upload", a2), b2();
+  };
+  return p2({ clearUploadInput: b2 }), (e2, l3) => (t(), o("div", { ref: "wrapperRef", class: i(["mc-upload-dropzone", { "mc-upload-dropzone-dragover": s(_2) }]), onClick: k2 }, [n("div", Y, [d(e2.$slots, "default", {}, () => [n("div", q, [d(e2.$slots, "title", {}, () => [r(C, { name: e2.icon }, null, 8, ["name"]), n("span", G, m(e2.title || s(y2).upload_note), 1)], true)]), e2.hideDesc ? c("", true) : (t(), o("div", H, [d(e2.$slots, "desc", {}, () => [e2.fileSize > 0 ? (t(), o("span", K, m(s(y2).max_size) + " " + m(s(T)(e2.fileSize)), 1)) : c("", true), h2.value ? (t(), o("span", P, m(h2.value), 1)) : c("", true)], true)]))], true)]), n("input", { ref_key: "uploadInputRef", ref: w2, type: "file", multiple: "", style: { display: "none" }, onChange: $2 }, null, 544), n("div", { class: "mc-upload-dropzone-cover", ref_key: "coverRef", ref: g2 }, null, 512)], 2));
+} }), [["__scopeId", "data-v-c4d80f29"]]), O = { class: "mc-file-list-item-content" }, Q = { class: "mc-file-list-item-file mc-file-list-item-info" }, W = ["onClick"], X = { class: "mc-file-list-item-file-name-text" }, Z = { class: "mc-file-list-item-file-desc" }, ee = { class: "mc-file-list-item-file-size-text" }, le = { key: 0, class: "mc-file-list-item-file-progress-bar" }, ae = { key: 1, class: "mc-file-list-item-file-error" }, oe = { class: "mc-file-list-item-info" }, te = { class: "mc-file-list-item-label" }, ie = { class: "mc-file-list-item-value" }, se = { class: "mc-file-list-item-info" }, ne = { class: "mc-file-list-item-label" }, de = { class: "mc-file-list-item-value" }, ce = { class: "mc-file-list-item-actions" }, re = { class: "mc-file-list-item-compact-content" }, me = { class: "mc-file-list-item-info" }, pe = { class: "mc-file-list-item-label" }, ue = { class: "mc-file-list-item-value" }, fe = { class: "mc-file-list-item-info" }, ve = { class: "mc-file-list-item-label" }, ye = { class: "mc-file-list-item-value" }, ge = B(l({ name: "McFileList", __name: "mc-file-list", props: { modelValue: { default: () => [] }, theme: { default: "light" }, lang: { default: "en" }, downloadable: { type: Boolean, default: false }, allowCancel: { type: Boolean, default: false }, deletable: { type: Boolean, default: true } }, emits: ["update:modelValue", "change", "delete", "download", "preview", "cancel"], setup(e2, { emit: l2 }) {
+  const d2 = e2, v2 = l2, { langMap: y2 } = N(), g2 = a(false), h2 = a();
+  b(h2, ({ width: e3 }) => {
+    g2.value = e3 <= 600;
+  });
+  const _2 = (e3) => {
+    v2("update:modelValue", d2.modelValue.filter((l3) => l3.name !== e3.name));
+  };
+  return (e3, l3) => (t(), o("ul", { class: i(["mc-file-list", [`mc-file-list-${e3.theme}`, { "mc-file-list-compact": g2.value }]]), ref_key: "fileListRef", ref: h2 }, [(t(true), o(p, null, u(e3.modelValue, (l4) => (t(), o("li", { class: "mc-file-list-item", key: l4.name }, [n("div", O, [n("div", Q, [n("div", { class: "mc-file-list-item-file-name", onClick: (e4) => ((e5) => {
+    v2("preview", e5);
+  })(l4) }, [r(C, { name: "Document" }), n("span", X, m(l4.name), 1)], 8, W), n("div", Z, ["failed" !== l4.status ? (t(), o(p, { key: 0 }, [n("span", ee, m(l4.size ? s(T)(l4.size) : "--"), 1), "loading" === l4.status ? (t(), o("div", le, [r(V, { percentage: l4.progress, "transition-duration": 1e3 }, null, 8, ["percentage"])])) : c("", true)], 64)) : (t(), o("span", ae, m(l4.errorMessage || "failed to upload"), 1))])]), g2.value ? c("", true) : (t(), o(p, { key: 0 }, [n("div", oe, [n("span", te, m(s(y2).uploaded_by), 1), n("span", ie, m(l4.uploadBy || "--"), 1)]), n("div", se, [n("span", ne, m(s(y2).uploaded_on), 1), n("span", de, m(s(j)(l4.uploadTime) || "--"), 1)])], 64)), n("div", ce, ["loading" === l4.status ? (t(), o(p, { key: 0 }, [e3.allowCancel ? (t(), f(C, { key: 0, name: "Cross", class: "mc-file-list-item-icon", onClick: (e4) => ((e5) => {
+    v2("cancel", e5), _2(e5);
+  })(l4) }, null, 8, ["onClick"])) : c("", true)], 64)) : (t(), o(p, { key: 1 }, [e3.downloadable ? (t(), f(C, { key: 0, name: "Download", class: "mc-file-list-item-icon", onClick: (e4) => ((e5) => {
+    v2("download", e5);
+  })(l4) }, null, 8, ["onClick"])) : c("", true), e3.deletable ? (t(), f(C, { key: 1, name: "Trash", class: "mc-file-list-item-icon", onClick: (e4) => ((e5) => {
+    v2("delete", e5), _2(e5);
+  })(l4) }, null, 8, ["onClick"])) : c("", true)], 64))])]), g2.value ? (t(), o(p, { key: 0 }, [r(U), n("div", re, [n("div", me, [n("span", pe, m(s(y2).uploaded_by), 1), n("span", ue, m(l4.uploadBy || "--"), 1)]), n("div", fe, [n("span", ve, m(s(y2).uploaded_on), 1), n("span", ye, m(s(j)(l4.uploadTime) || "--"), 1)])])], 64)) : c("", true)]))), 128))], 2));
+} }), [["__scopeId", "data-v-55bea4c8"]]), he = { key: 0, class: "mc-upload-content" }, _e = { class: "mc-upload-content-icon" }, we = { class: "mc-upload-content-text" }, ze = { class: "mc-upload-component" }, be = { key: 0, class: "mc-upload-dropzone-wrapper" }, ke = { class: "mc-upload-file-list-wrapper" }, $e = D(B(l({ name: "McUpload", __name: "mc-upload", props: { modelValue: { default: () => [] }, downloadable: { type: Boolean, default: false }, allowCancel: { type: Boolean, default: false }, deletable: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, theme: { default: "light" }, width: { default: "100%" }, succeed: { type: Boolean, default: false }, title: {}, icon: { default: "Document_Upload" }, allowedFileTypes: { default: () => R }, fileSize: { default: 15728640 }, uploadUser: { default: "--" }, lang: { default: "en" }, hideDesc: { type: Boolean, default: false }, fileCount: {} }, emits: ["update:modelValue", "download:all", "clear", "error:type", "error:size", "upload", "change", "delete", "download", "preview", "cancel"], setup(l2, { expose: m2, emit: p2 }) {
+  const u2 = l2, w2 = p2, { width: z2 } = k(), b2 = v(), M2 = e(() => !!b2.content), S2 = a(), B2 = y(/* @__PURE__ */ new Map()), { langMap: D2 } = N(), U2 = (e2) => 0 !== (e2 = ((e3) => {
+    if (u2.fileCount && e3.length > u2.fileCount) {
+      const l3 = D2.value.limit_count_reached.replace(E, u2.fileCount.toString());
+      return $.error(l3), e3.slice(0, u2.fileCount);
+    }
+    return e3;
+  })(e2)).length && (B2.clear(), e2.forEach((e3) => {
+    B2.set(e3.name, e3);
+  }), true);
+  g(() => u2.modelValue, (e2) => {
+    U2(e2);
+  }, { immediate: true });
+  const V2 = (e2) => Array.from([...e2.values()]), F2 = (e2) => {
+    w2("update:modelValue", e2);
+  }, T2 = (e2) => {
+    var _a;
+    (_a = S2.value) == null ? void 0 : _a.clearUploadInput();
+    const l3 = V2(e2);
+    if (!U2([...u2.modelValue, ...l3])) return;
+    const a2 = V2(B2);
+    w2("update:modelValue", a2), w2("upload", a2), w2("change", a2), q2();
+  }, j2 = (e2) => {
+    console.error("mc-upload: error:type:", e2), w2("error:type", e2);
+  }, I2 = (e2) => {
+    console.error("mc-upload: error:size:", e2), w2("error:size", e2);
+  }, R2 = (e2) => {
+    w2("preview", e2);
+  }, A2 = (e2) => {
+    w2("delete", e2);
+  }, L2 = (e2) => {
+    w2("download", e2);
+  }, Y2 = (e2) => {
+    w2("cancel", e2);
+  }, q2 = (e2 = 99, l3 = 100) => {
+    setTimeout(() => {
+      u2.modelValue.forEach((l4) => {
+        "loading" === l4.status && (l4.progress = e2);
+      });
+    }, l3);
+  }, G2 = e(() => u2.deletable && !u2.disabled);
+  return m2({ clearFiles: () => {
+    B2.clear(), w2("clear"), w2("update:modelValue", []), w2("change", []);
+  }, downloadAllFiles: () => {
+    w2("download:all", V2(B2));
+  } }), (e2, l3) => (t(), o("div", { class: "mc-upload", style: h({ width: s(z2) }) }, [n("div", { class: i([{ "mc-upload-wrapper": M2.value }, `mc-upload-wrapper-${e2.theme}`]) }, [M2.value ? (t(), o("div", he, [n("div", _e, [e2.succeed ? (t(), f(x, { key: 1, width: "24px", height: "24px" })) : (t(), f(C, { key: 0, name: "Accept" }))]), n("div", we, [d(e2.$slots, "content", {}, void 0, true)])])) : c("", true), n("div", ze, [e2.disabled ? c("", true) : (t(), o("div", be, [r(J, { ref_key: "uploadDropzoneRef", ref: S2, "upload-user": e2.uploadUser, "allowed-file-types": e2.allowedFileTypes, "file-size": e2.fileSize, icon: e2.icon, lang: e2.lang, theme: e2.theme, "hide-desc": e2.hideDesc, "file-count": e2.fileCount, onUpload: T2, "onError:type": j2, "onError:size": I2 }, { default: _(() => [d(e2.$slots, "default", {}, void 0, true)]), title: _(() => [d(e2.$slots, "title", {}, void 0, true)]), desc: _(() => [d(e2.$slots, "desc", {}, void 0, true)]), _: 3 }, 8, ["upload-user", "allowed-file-types", "file-size", "icon", "lang", "theme", "hide-desc", "file-count"])])), n("div", ke, [r(ge, { "model-value": e2.modelValue, "allow-cancel": e2.allowCancel, downloadable: e2.downloadable, lang: e2.lang, theme: e2.theme, deletable: G2.value, "onUpdate:modelValue": F2, onPreview: R2, onDelete: A2, onDownload: L2, onCancel: Y2 }, null, 8, ["model-value", "allow-cancel", "downloadable", "lang", "theme", "deletable"])])])], 2)], 4));
+} }), [["__scopeId", "data-v-7f542598"]])), Ce = D(ge), xe = D(J);
+export {
+  Ce as M,
+  $e as a,
+  xe as b
+};

package/dist/es/theme/mc-progress-bar.css

@@ -1 +1 @@
-.mc-progress-bar[data-v-d4f9e869]{width:100%}.mc-progress-bar .mc-progress-bar-wrapper[data-v-d4f9e869]{width:100%;--border-radius: 4px;border-radius:var(--border-radius);background-color:var(--mc-gray-100)}.mc-progress-bar .mc-progress-bar-wrapper .mc-progress-bar-inner[data-v-d4f9e869]{width:100%;height:100%;background-color:var(--mc-teal-500);border-radius:var(--border-radius);transform-origin:left;transition:transform linear}.mc-progress-bar .mc-progress-bar-remarks[data-v-d4f9e869]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0;margin-top:4px}
+.mc-progress-bar[data-v-83b22259]{width:100%}.mc-progress-bar .mc-progress-bar-wrapper[data-v-83b22259]{width:100%;--border-radius: 4px;border-radius:var(--border-radius);background-color:var(--mc-gray-100);position:relative;overflow:hidden}.mc-progress-bar .mc-progress-bar-wrapper .mc-progress-bar-inner[data-v-83b22259]{width:100%;height:100%;background-color:var(--mc-teal-500);border-radius:var(--border-radius);transform-origin:left center;transition:transform linear}.mc-progress-bar .mc-progress-bar-wrapper .mc-progress-bar-shimmer[data-v-83b22259]{display:block;position:absolute;top:0;left:-100%;width:30%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.8) 25%,transparent 100%);animation:progress-shimmer-83b22259 4s infinite linear;border-radius:var(--border-radius)}.mc-progress-bar .mc-progress-bar-remarks[data-v-83b22259]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:0;margin-top:4px}@keyframes progress-shimmer-83b22259{0%{left:-100%}to{left:100%}}