redmine-ui-kit 1.3.15 → 1.3.17

package/dist/redmine-ui-kit.js

@@ -1,7 +1,7 @@
-import { defineComponent as Oe, openBlock as m, createElementBlock as w, normalizeStyle as mt, createElementVNode as E, useSlots as Er, computed as H, normalizeClass as ye, Fragment as ve, createTextVNode as Ge, toDisplayString as me, renderSlot as q, withDirectives as Ue, vShow as bt, unref as c, isRef as lt, vModelCheckbox as Zi, createCommentVNode as $, ref as W, onMounted as et, nextTick as Mt, withKeys as ce, withModifiers as Ye, vModelText as Bo, createBlock as pe, Teleport as wo, createVNode as Ce, Transition as Je, withCtx as ne, watchEffect as Gi, watch as ct, renderList as Ae, reactive as Gt, toRef as oa, onUnmounted as Oo, mergeProps as Be, createSlots as Ze, normalizeProps as nt, guardReactiveProps as vt, resolveDynamicComponent as ln, onBeforeUpdate as Ji, getCurrentScope as eu, onScopeDispose as tu } from "vue";
+import { defineComponent as Oe, openBlock as m, createElementBlock as w, normalizeStyle as st, createElementVNode as E, useSlots as Er, computed as H, normalizeClass as pe, Fragment as ve, createTextVNode as Ge, toDisplayString as me, renderSlot as q, withDirectives as Ue, vShow as bt, unref as c, isRef as lt, vModelCheckbox as Zi, createCommentVNode as $, ref as W, onMounted as et, nextTick as Mt, withKeys as ce, withModifiers as Ye, vModelText as Bo, createBlock as ye, Teleport as wo, createVNode as Ce, Transition as Je, withCtx as ne, watchEffect as Gi, watch as ft, renderList as Ae, reactive as Gt, toRef as oa, onUnmounted as Oo, mergeProps as Be, createSlots as Ze, normalizeProps as nt, guardReactiveProps as vt, resolveDynamicComponent as ln, onBeforeUpdate as Ji, getCurrentScope as eu, onScopeDispose as tu } from "vue";
 const nu = /* @__PURE__ */ E("span", null, null, -1), ru = [
   nu
-], C0 = /* @__PURE__ */ Oe({
+], M0 = /* @__PURE__ */ Oe({
   __name: "RMSkeleton",
   props: {
     color: { default: "#efefef" },
@@ -10,7 +10,7 @@ const nu = /* @__PURE__ */ E("span", null, null, -1), ru = [
   setup(e) {
     return (t, n) => (m(), w("div", {
       class: "rm-skeleton",
-      style: mt({
+      style: st({
         backgroundColor: e.color,
         minHeight: `${e.minHeight}px`
       })
@@ -33,7 +33,7 @@ const au = ["disabled", "type"], ou = { class: "rm-button__label" }, lu = { clas
   setup(e) {
     const t = Er(), n = H(() => !!t.icon);
     return (r, a) => (m(), w("button", {
-      class: ye([
+      class: pe([
         "rm-button",
         e.size.length ? `rm-button--${e.size}` : "",
         {
@@ -60,7 +60,7 @@ const au = ["disabled", "type"], ou = { class: "rm-button__label" }, lu = { clas
     ], 10, au));
   }
 });
-const iu = { class: "rm-progress" }, uu = { class: "rm-progress-line" }, su = /* @__PURE__ */ E("div", { class: "rm-progress-line__skeleton" }, null, -1), N0 = /* @__PURE__ */ Oe({
+const iu = { class: "rm-progress" }, uu = { class: "rm-progress-line" }, su = /* @__PURE__ */ E("div", { class: "rm-progress-line__skeleton" }, null, -1), C0 = /* @__PURE__ */ Oe({
   __name: "RMProgress",
   props: {
     done: { default: 0 },
@@ -72,14 +72,14 @@ const iu = { class: "rm-progress" }, uu = { class: "rm-progress-line" }, su = /*
       E("div", uu, [
         E("div", {
           class: "rm-progress-line__done",
-          style: mt(`max-width:${c(n)}%`)
+          style: st(`max-width:${c(n)}%`)
         }, null, 4),
         su
       ])
     ]));
   }
 });
-const cu = { class: "rm-checkbox" }, fu = ["id", "name", "disabled"], du = ["for"], pu = ["for"], A0 = /* @__PURE__ */ Oe({
+const cu = { class: "rm-checkbox" }, fu = ["id", "name", "disabled"], du = ["for"], pu = ["for"], N0 = /* @__PURE__ */ Oe({
   __name: "RMCheckbox",
   props: {
     modelValue: { type: Boolean },
@@ -112,7 +112,7 @@ const cu = { class: "rm-checkbox" }, fu = ["id", "name", "disabled"], du = ["for
       ]),
       E("label", {
         for: `${e.name}_checkbox`,
-        class: ye([
+        class: pe([
           "rm-checkbox-icon",
           { checked: c(r) },
           { disabled: e.disabled }
@@ -129,7 +129,7 @@ const cu = { class: "rm-checkbox" }, fu = ["id", "name", "disabled"], du = ["for
 const yu = { class: "rm-attach" }, mu = {
   for: "file",
   class: "rm-attach__label"
-}, vu = { class: "rm-attach__attach" }, hu = ["multiple", "accept"], _u = { class: "rm-attach__allow" }, bu = { key: 0 }, gu = /* @__PURE__ */ E("br", null, null, -1), wu = { key: 1 }, Ou = /* @__PURE__ */ E("br", null, null, -1), I0 = /* @__PURE__ */ Oe({
+}, vu = { class: "rm-attach__attach" }, hu = ["multiple", "accept"], _u = { class: "rm-attach__allow" }, bu = { key: 0 }, gu = /* @__PURE__ */ E("br", null, null, -1), wu = { key: 1 }, Ou = /* @__PURE__ */ E("br", null, null, -1), A0 = /* @__PURE__ */ Oe({
   __name: "RMAttachFiles",
   props: {
     attachLabel: { default: "Select file" },
@@ -301,7 +301,7 @@ const xu = ["for"], Su = { class: "rm-input-wrapper" }, Ru = ["id", "maxlength",
       S.style.height = `${F}px`;
     }
     return (S, F) => (m(), w("div", {
-      class: ye(["rm-input", { disabled: e.disabled }])
+      class: pe(["rm-input", { disabled: e.disabled }])
     }, [
       e.label ? (m(), w("label", {
         key: 0,
@@ -376,7 +376,7 @@ const Nu = "data:image/svg+xml;base64,PHN2ZwogICAgd2lkdGg9IjIyIgogICAgaGVpZ2h0PS
 }, Uu = {
   key: 0,
   class: "rm-modal__loader-ring"
-}, E0 = /* @__PURE__ */ Oe({
+}, I0 = /* @__PURE__ */ Oe({
   __name: "RMModal",
   props: {
     isActive: { type: Boolean, default: !1 },
@@ -392,7 +392,7 @@ const Nu = "data:image/svg+xml;base64,PHN2ZwogICAgd2lkdGg9IjIyIgogICAgaGVpZ2h0PS
     function r() {
       n.persistent || t("close");
     }
-    return (a, o) => (m(), pe(wo, { to: "body" }, [
+    return (a, o) => (m(), ye(wo, { to: "body" }, [
       Ce(Je, {
         name: e.transitionName,
         appear: ""
@@ -410,9 +410,9 @@ const Nu = "data:image/svg+xml;base64,PHN2ZwogICAgd2lkdGg9IjIyIgogICAgaGVpZ2h0PS
               default: ne(() => [
                 e.isDataLoaded ? (m(), w("div", {
                   key: 0,
-                  class: ye(["rm-modal-wrapper", e.contentClass])
+                  class: pe(["rm-modal-wrapper", e.contentClass])
                 }, [
-                  e.persistent ? $("", !0) : (m(), pe(ht, {
+                  e.persistent ? $("", !0) : (m(), ye(ht, {
                     key: 0,
                     class: "rm-modal__close",
                     onClick: r
@@ -528,7 +528,7 @@ const Lu = (e, t = 150) => {
 ], -1), os = ["onClick"], ls = {
   key: 1,
   class: "rm-select-inner__item rm-select-inner__item--empty"
-}, B0 = /* @__PURE__ */ Oe({
+}, E0 = /* @__PURE__ */ Oe({
   __name: "RMSelect",
   props: {
     name: null,
@@ -561,7 +561,7 @@ const Lu = (e, t = 150) => {
     }), O = H(() => o.value ? n.options.filter(({ name: M }) => M.toLowerCase().includes(o.value.toLowerCase())) : n.options);
     Gi(() => {
       n.selectedOptions && (a.value = n.selectedOptions);
-    }), ct(() => n.closable, (M) => r.value = !M), ct(r, (M) => {
+    }), ft(() => n.closable, (M) => r.value = !M), ft(r, (M) => {
       M && (F(), t("close"));
     }), et(() => {
       var M, V;
@@ -594,7 +594,7 @@ const Lu = (e, t = 150) => {
       M > V || (l.value = V - M + 8);
     }
     return (M, V) => Ue((m(), w("div", {
-      class: ye(["rm-select", { "rm-select--with-chips": e.useChips, "rm-select--disabled": e.disabled }])
+      class: pe(["rm-select", { "rm-select--with-chips": e.useChips, "rm-select--disabled": e.disabled }])
     }, [
       e.label ? (m(), w("label", {
         key: 0,
@@ -603,7 +603,7 @@ const Lu = (e, t = 150) => {
       E("div", Xu, [
         E("div", {
           class: "rm-select-container",
-          style: mt({
+          style: st({
             display: e.useChips ? "flex" : "block"
           }),
           onClick: V[2] || (V[2] = Ye((R) => r.value = !0, ["self"]))
@@ -639,7 +639,7 @@ const Lu = (e, t = 150) => {
         ], 4),
         E("div", ns, [
           Ce(ht, {
-            class: ye(["rm-select-input__cheveron", { open: r.value }]),
+            class: pe(["rm-select-input__cheveron", { open: r.value }]),
             onClick: V[3] || (V[3] = Ye((R) => r.value = !r.value, ["prevent"]))
           }, {
             default: ne(() => [
@@ -652,7 +652,7 @@ const Lu = (e, t = 150) => {
             mode: "out-in"
           }, {
             default: ne(() => [
-              e.removable && (c(y) || o.value) ? (m(), pe(ht, {
+              e.removable && (c(y) || o.value) ? (m(), ye(ht, {
                 key: 0,
                 class: "rm-select-input__remove",
                 onClick: Ye(f, ["prevent"])
@@ -680,7 +680,7 @@ const Lu = (e, t = 150) => {
             }) : (m(), w(ve, { key: 0 }, [
               c(O) && c(O).length ? (m(!0), w(ve, { key: 0 }, Ae(c(O), (R, j) => (m(), w("li", {
                 key: `${j}_option`,
-                class: ye(["rm-select-inner__item", { active: _(R) }]),
+                class: pe(["rm-select-inner__item", { active: _(R) }]),
                 onClick: (te) => s(R)
               }, me(R.name), 11, os))), 128)) : (m(), w("li", ls, me(e.emptySelectLabel), 1))
             ], 64))
@@ -733,7 +733,7 @@ const ys = /* @__PURE__ */ is(us, [["render", ps]]), ms = {
 }, _s = {
   key: 1,
   class: "rm-editable__footer-actions"
-}, Y0 = /* @__PURE__ */ Oe({
+}, B0 = /* @__PURE__ */ Oe({
   __name: "RMEditable",
   props: {
     value: { default: "" },
@@ -743,12 +743,13 @@ const ys = /* @__PURE__ */ is(us, [["render", ps]]), ms = {
     autoSave: { type: Boolean, default: !1 },
     isAutoGrow: { type: Boolean, default: !0 },
     saveLabel: { default: "Save" },
-    cancelLabel: { default: "Cancel" }
+    cancelLabel: { default: "Cancel" },
+    disabledSave: { type: Boolean, default: !1 }
   },
   emits: ["change"],
   setup(e, { emit: t }) {
     const n = e, r = W(!1), a = W(n.value);
-    ct(() => n.value, (f) => a.value = f);
+    ft(() => n.value, (f) => a.value = f);
     function o() {
       t("change", a.value), y();
     }
@@ -768,7 +769,7 @@ const ys = /* @__PURE__ */ is(us, [["render", ps]]), ms = {
       n.editByFocus && (r.value = !0);
     }
     return (f, s) => Ue((m(), w("div", {
-      class: ye(["rm-editable", { active: r.value }])
+      class: pe(["rm-editable", { active: r.value }])
     }, [
       r.value ? (m(), w("div", ms, [
         q(f.$slots, "header")
@@ -777,7 +778,7 @@ const ys = /* @__PURE__ */ is(us, [["render", ps]]), ms = {
         class: "rm-editable__content",
         onClick: O
       }, [
-        r.value ? (m(), pe(Cu, {
+        r.value ? (m(), ye(Cu, {
           key: 1,
           "model-value": a.value,
           maxlength: e.maxlength,
@@ -791,7 +792,7 @@ const ys = /* @__PURE__ */ is(us, [["render", ps]]), ms = {
           ]
         }, null, 8, ["model-value", "maxlength", "is-auto-grow"])) : (m(), w("div", vs, [
           q(f.$slots, "default", { value: e.value }),
-          e.editByFocus ? $("", !0) : (m(), pe(ht, {
+          e.editByFocus ? $("", !0) : (m(), ye(ht, {
             key: 0,
             class: "rm-editable__content-slot__edit rm-common-button rm-common-button--flat",
             onClick: s[0] || (s[0] = (_) => r.value = !0)
@@ -808,9 +809,10 @@ const ys = /* @__PURE__ */ is(us, [["render", ps]]), ms = {
         !f.$slots.footer && e.hasActions ? (m(), w("div", _s, [
           Ce(ht, {
             label: e.saveLabel,
+            disabled: e.disabledSave,
             class: "rm-common-button rm-common-button--flat rm-common-button--blue",
             onClick: o
-          }, null, 8, ["label"]),
+          }, null, 8, ["label", "disabled"]),
           Ce(ht, {
             label: e.cancelLabel,
             class: "rm-common-button rm-common-button--flat",
@@ -843,7 +845,7 @@ function Os(e, t) {
 const $s = { render: Os }, ks = {
   key: 0,
   class: "rm-alert-wrapper"
-}, Ps = { class: "rm-alert__title-container" }, Ts = { class: "rm-alert__title" }, Ds = { class: "rm-alert__title-container-text" }, xs = ["innerHTML"], Ss = { class: "rm-alert__close" }, U0 = /* @__PURE__ */ Oe({
+}, Ps = { class: "rm-alert__title-container" }, Ts = { class: "rm-alert__title" }, Ds = { class: "rm-alert__title-container-text" }, xs = ["innerHTML"], Ss = { class: "rm-alert__close" }, Y0 = /* @__PURE__ */ Oe({
   __name: "RMAlert",
   props: {
     title: { default: "Error" },
@@ -853,11 +855,11 @@ const $s = { render: Os }, ks = {
   },
   emits: ["close"],
   setup(e, { emit: t }) {
-    return (n, r) => (m(), pe(Je, { name: "slide" }, {
+    return (n, r) => (m(), ye(Je, { name: "slide" }, {
       default: ne(() => [
         e.visibility ? (m(), w("div", ks, [
           Ue((m(), w("div", {
-            class: ye(["rm-alert", e.status])
+            class: pe(["rm-alert", e.status])
           }, [
             E("div", Ps, [
               E("h3", Ts, me(e.title), 1),
@@ -874,7 +876,7 @@ const $s = { render: Os }, ks = {
               }, {
                 icon: ne(() => [
                   Ce(c($s), {
-                    class: ye(["rm-alert__close-icon", `rm-alert__close-icon--${e.status}`])
+                    class: pe(["rm-alert__close-icon", `rm-alert__close-icon--${e.status}`])
                   }, null, 8, ["class"])
                 ]),
                 _: 1
@@ -892,7 +894,7 @@ const $s = { render: Os }, ks = {
 const Rs = {
   key: 0,
   class: "rm-confirm"
-}, Ms = { class: "rm-confirm__title" }, Cs = { class: "rm-confirm-controls" }, L0 = /* @__PURE__ */ Oe({
+}, Ms = { class: "rm-confirm__title" }, Cs = { class: "rm-confirm-controls" }, U0 = /* @__PURE__ */ Oe({
   __name: "RMConfirm",
   props: {
     title: { default: "" },
@@ -902,7 +904,7 @@ const Rs = {
   },
   emits: ["cancel", "confirm"],
   setup(e, { emit: t }) {
-    return (n, r) => (m(), pe(Je, { name: "fade" }, {
+    return (n, r) => (m(), ye(Je, { name: "fade" }, {
       default: ne(() => [
         e.visibility ? Ue((m(), w("div", Rs, [
           E("h3", Ms, me(e.title), 1),
@@ -927,14 +929,14 @@ const Rs = {
 const Ns = {
   key: 0,
   class: "rm-hint"
-}, V0 = /* @__PURE__ */ Oe({
+}, L0 = /* @__PURE__ */ Oe({
   __name: "RMHint",
   props: {
     isActive: { type: Boolean, default: !1 }
   },
   emits: ["update:isActive"],
   setup(e, { emit: t }) {
-    return (n, r) => (m(), pe(Je, { name: "slide" }, {
+    return (n, r) => (m(), ye(Je, { name: "slide" }, {
       default: ne(() => [
         e.isActive ? Ue((m(), w("div", Ns, [
           q(n.$slots, "default")
@@ -973,7 +975,7 @@ function gt(e, t) {
   var n = ie(e), r = oe(t);
   return isNaN(r) ? new Date(NaN) : (r && n.setDate(n.getDate() + r), n);
 }
-function st(e, t) {
+function ct(e, t) {
   J(2, arguments);
   var n = ie(e), r = oe(t);
   if (isNaN(r))
@@ -995,7 +997,7 @@ function sn(e) {
 function gi(e, t) {
   if (J(2, arguments), !t || sn(t) !== "object")
     return new Date(NaN);
-  var n = t.years ? oe(t.years) : 0, r = t.months ? oe(t.months) : 0, a = t.weeks ? oe(t.weeks) : 0, o = t.days ? oe(t.days) : 0, l = t.hours ? oe(t.hours) : 0, u = t.minutes ? oe(t.minutes) : 0, d = t.seconds ? oe(t.seconds) : 0, y = ie(e), O = r || n ? st(y, r + n * 12) : y, f = o || a ? gt(O, o + a * 7) : O, s = u + l * 60, _ = d + s * 60, C = _ * 1e3, S = new Date(f.getTime() + C);
+  var n = t.years ? oe(t.years) : 0, r = t.months ? oe(t.months) : 0, a = t.weeks ? oe(t.weeks) : 0, o = t.days ? oe(t.days) : 0, l = t.hours ? oe(t.hours) : 0, u = t.minutes ? oe(t.minutes) : 0, d = t.seconds ? oe(t.seconds) : 0, y = ie(e), O = r || n ? ct(y, r + n * 12) : y, f = o || a ? gt(O, o + a * 7) : O, s = u + l * 60, _ = d + s * 60, C = _ * 1e3, S = new Date(f.getTime() + C);
   return S;
 }
 function As(e, t) {
@@ -1055,7 +1057,7 @@ function Us(e, t) {
 function wi(e, t) {
   J(2, arguments);
   var n = oe(t);
-  return st(e, n * 12);
+  return ct(e, n * 12);
 }
 var $o = 6e4, ko = 36e5, Ls = 1e3;
 function cn(e) {
@@ -2343,7 +2345,7 @@ function qc(e) {
   var t = ie(e), n = t.getFullYear(), r = t.getMonth(), a = new Date(0);
   return a.setFullYear(n, r + 1, 0), a.setHours(0, 0, 0, 0), a.getDate();
 }
-function pt(e) {
+function yt(e) {
   J(1, arguments);
   var t = ie(e), n = t.getHours();
   return n;
@@ -2354,7 +2356,7 @@ function Xc(e) {
   var t = ie(e), n = Xn(t).getTime() - Bs(t).getTime();
   return Math.round(n / Kc) + 1;
 }
-function yt(e) {
+function mt(e) {
   J(1, arguments);
   var t = ie(e), n = t.getMinutes();
   return n;
@@ -6626,7 +6628,7 @@ function St(e, t) {
 function Et(e, t) {
   J(2, arguments);
   var n = oe(t);
-  return st(e, -n);
+  return ct(e, -n);
 }
 function qn(e) {
   return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? qn = function(n) {
@@ -6775,13 +6777,13 @@ const Wi = /* @__PURE__ */ Ct(gv, [["render", kv]]), ni = (e, t) => {
     e.getUTCSeconds()
   );
   return new Date(n).toISOString();
-}, ft = (e) => {
+}, dt = (e) => {
   let t = I(JSON.parse(JSON.stringify(e)));
   return t = Ui(t, 0), t = Li(t, 0), t = Vi(t, 0), t = Co(t, 0), t;
 }, at = (e, t, n, r) => {
   let a = e ? I(e) : I();
   return (t || t === 0) && (a = Ui(a, +t)), (n || n === 0) && (a = Li(a, +n)), (r || r === 0) && (a = Vi(a, +r)), Co(a, 0);
-}, We = (e, t) => !e || !t ? !1 : Do(ft(e), ft(t)), Se = (e, t) => !e || !t ? !1 : Mi(ft(e), ft(t)), Xe = (e, t) => !e || !t ? !1 : To(ft(e), ft(t)), ji = (e, t, n) => e && e[0] && e[1] ? Xe(n, e[0]) && We(n, e[1]) : e && e[0] && t ? Xe(n, e[0]) && We(n, t) || We(n, e[0]) && Xe(n, t) : !1, zt = Gt({
+}, We = (e, t) => !e || !t ? !1 : Do(dt(e), dt(t)), Se = (e, t) => !e || !t ? !1 : Mi(dt(e), dt(t)), Xe = (e, t) => !e || !t ? !1 : To(dt(e), dt(t)), ji = (e, t, n) => e && e[0] && e[1] ? Xe(n, e[0]) && We(n, e[1]) : e && e[0] && t ? Xe(n, e[0]) && We(n, t) || We(n, e[0]) && Xe(n, t) : !1, zt = Gt({
   menuFocused: !1,
   shiftKeyInMenu: !1
 }), zi = () => {
@@ -7294,8 +7296,8 @@ const Gv = (e, t = 3) => {
     return !(v || T || D || U || b || h || G);
   }, f = (i) => {
     const v = {
-      hours: pt(I()),
-      minutes: yt(I()),
+      hours: yt(I()),
+      minutes: mt(I()),
       seconds: Yt(I())
     };
     return Object.assign(v, i);
@@ -7305,7 +7307,7 @@ const Gv = (e, t = 3) => {
   }, M = (i, v) => Array.isArray(v) ? v.some((T) => Se(u(I(T)), u(i))) : v(i), V = (i, v, T) => {
     let D = i ? I(i) : I();
     return (v || v === 0) && (D = Qt(D, v)), T && (D = St(D, T)), D;
-  }, R = (i) => qe(I(), { hours: pt(i), minutes: yt(i), seconds: Yt(i) }), j = (i) => qe(I(), {
+  }, R = (i) => qe(I(), { hours: yt(i), minutes: mt(i), seconds: Yt(i) }), j = (i) => qe(I(), {
     hours: +i.hours || 0,
     minutes: +i.minutes || 0,
     seconds: +i.seconds || 0
@@ -7345,7 +7347,7 @@ const Gv = (e, t = 3) => {
     const T = [], D = I(u(new Date(v, i))), U = I(u(new Date(v, i + 1, 0))), h = la(D, { weekStartsOn: e.weekStart }), G = (fe) => {
       const b = L(fe, i);
       if (T.push({ days: b }), !T[T.length - 1].days.some(
-        (B) => Se(ft(B.value), ft(U))
+        (B) => Se(dt(B.value), dt(U))
       )) {
         const B = gt(fe, 7);
         G(B);
@@ -7472,12 +7474,12 @@ const Gv = (e, t = 3) => {
       !e.readonly && !e.disabled && t("update:internal-model-value", p);
     }
   }), _ = W([]);
-  ct(s, () => {
+  ft(s, () => {
     e.multiCalendars || te();
   });
   const C = W([{ month: Te(I()), year: De(I()) }]), S = Gt({
-    hours: e.range ? [pt(I()), pt(I())] : pt(I()),
-    minutes: e.range ? [yt(I()), yt(I())] : yt(I()),
+    hours: e.range ? [yt(I()), yt(I())] : yt(I()),
+    minutes: e.range ? [mt(I()), mt(I())] : mt(I()),
     seconds: e.range ? [0, 0] : 0
   }), F = H(
     () => (p) => C.value[p] ? C.value[p].month : 0
@@ -7510,14 +7512,14 @@ const Gv = (e, t = 3) => {
         C.value[ee] = { month: Te($e), year: De($e) };
       }
   }, P = (p) => {
-    k(p), j("hours", pt(p)), j("minutes", yt(p)), j("seconds", Yt(p));
+    k(p), j("hours", yt(p)), j("minutes", mt(p)), j("seconds", Yt(p));
   }, N = (p, A) => {
     k(p[0], A);
     const ee = (re, $e) => [
       re(p[0]),
       p[1] ? re(p[1]) : S[$e][1]
     ];
-    j("hours", ee(pt, "hours")), j("minutes", ee(yt, "minutes")), j("seconds", ee(Yt, "seconds"));
+    j("hours", ee(yt, "hours")), j("minutes", ee(mt, "minutes")), j("seconds", ee(Yt, "seconds"));
   }, K = (p, A) => {
     if ((e.range || e.weekPicker) && !e.multiDates)
       return N(p, A);
@@ -7551,12 +7553,12 @@ const Gv = (e, t = 3) => {
   }, z = () => Array.isArray(s.value) && s.value.length ? s.value[s.value.length - 1] : null, i = () => {
     if (Array.isArray(s.value) && s.value.length === 2) {
       const p = I(
-        I(s.value[1] ? s.value[1] : st(s.value[0], 1))
+        I(s.value[1] ? s.value[1] : ct(s.value[0], 1))
       ), [A, ee] = [Te(s.value[0]), De(s.value[0])], [re, $e] = [Te(s.value[1]), De(s.value[1])];
       (A !== re || A === re && ee !== $e) && e.multiCalendarsSolo && R(1, Te(p), De(p));
     }
   }, v = (p) => {
-    const A = st(p, 1);
+    const A = ct(p, 1);
     return { month: Te(A), year: De(A) };
   }, T = (p) => {
     const A = Te(I(p)), ee = De(I(p));
@@ -7627,7 +7629,7 @@ const Gv = (e, t = 3) => {
         return he(p);
       Tt(S.hours) && Tt(S.minutes) && !e.multiDates && (de(p, A), be());
     }
-  }, dt = (p) => {
+  }, pt = (p) => {
     const A = p.find((ee) => ee.current);
     return A ? Xc(A.value) : "";
   }, Lt = (p) => {
@@ -7636,7 +7638,7 @@ const Gv = (e, t = 3) => {
       R(A, Te(ee), De(ee));
     }
     for (let A = p + 1; A <= f.value.multiCalendars - 1; A++) {
-      const ee = st(qe(I(), { month: F.value(A - 1), year: M.value(A - 1) }), 1);
+      const ee = ct(qe(I(), { month: F.value(A - 1), year: M.value(A - 1) }), 1);
       R(A, Te(ee), De(ee));
     }
   }, kt = (p) => y(I(), F.value(p), M.value(p)), Vt = (p) => at(p, S.hours, S.minutes, Y()), Ur = (p, A) => {
@@ -7658,7 +7660,7 @@ const Gv = (e, t = 3) => {
     }
     n();
   }, en = (p, A) => {
-    const ee = qe(I(), { month: F.value(A), year: M.value(A) }), re = p < 0 ? st(ee, 1) : Et(ee, 1);
+    const ee = qe(I(), { month: F.value(A), year: M.value(A) }), re = p < 0 ? ct(ee, 1) : Et(ee, 1);
     O(Te(re), De(re), p < 0, e.preventMinMaxNavigation) && (R(A, Te(re), De(re)), f.value.multiCalendars && !e.multiCalendarsSolo && Lt(A), t("update-month-year", { instance: A, month: Te(re), year: De(re) }), r());
   }, Ht = (p) => {
     pi(p) && pi(s.value) && Tt(S.hours) && Tt(S.minutes) ? (p[0] && s.value[0] && (s.value[0] = at(p[0], S.hours[0], S.minutes[0], Y())), p[1] && s.value[1] && (s.value[1] = at(p[1], S.hours[1], S.minutes[1], Y(!1)))) : e.multiDates && Array.isArray(s.value) ? s.value[s.value.length - 1] = Vt(p) : !e.range && !yi(p) && (s.value = Vt(p)), t("time-update");
@@ -7694,7 +7696,7 @@ const Gv = (e, t = 3) => {
     monthYearSelect: Lr,
     isDisabled: l,
     updateTime: Vr,
-    getWeekNum: dt,
+    getWeekNum: pt,
     selectDate: Ut,
     updateMonthYear: Ur,
     handleScroll: Hr,
@@ -7720,14 +7722,14 @@ const Gv = (e, t = 3) => {
     setDateMonthOrYear: f,
     defaults: s
   } = rt(t), _ = W("");
-  ct(r, () => {
+  ft(r, () => {
     e("internal-model-change", r.value);
   });
   const C = (h) => {
     const G = h || I();
     return {
-      hours: pt(G),
-      minutes: yt(G),
+      hours: yt(G),
+      minutes: mt(G),
       seconds: t.enableSeconds ? Yt(G) : 0
     };
   }, S = (h) => ({ month: Te(h), year: De(h) }), F = (h) => Array.isArray(h) ? d(() => [
@@ -7799,20 +7801,20 @@ const Gv = (e, t = 3) => {
 }, dh = (e, t) => {
   const { validateMonthYearInRange: n, validateMaxDate: r, validateMinDate: a, defaults: o } = rt(e), l = (f, s) => {
     let _ = f;
-    return o.value.filters.months.includes(Te(_)) ? (_ = s ? st(f, 1) : Et(f, 1), l(_, s)) : _;
+    return o.value.filters.months.includes(Te(_)) ? (_ = s ? ct(f, 1) : Et(f, 1), l(_, s)) : _;
   }, u = (f, s) => {
     let _ = f;
     return o.value.filters.years.includes(De(_)) ? (_ = s ? wi(f, 1) : Bm(f, 1), u(_, s)) : _;
   }, d = (f) => {
     const s = qe(new Date(), { month: e.month, year: e.year });
-    let _ = f ? st(s, 1) : Et(s, 1), C = Te(_), S = De(_);
+    let _ = f ? ct(s, 1) : Et(s, 1), C = Te(_), S = De(_);
     o.value.filters.months.includes(C) && (_ = l(_, f), C = Te(_), S = De(_)), o.value.filters.years.includes(S) && (_ = u(_, f), S = De(_)), n(C, S, f, e.preventMinMaxNavigation) && y(C, S);
   }, y = (f, s) => {
     t("update-month-year", { month: f, year: s });
   }, O = H(() => (f) => {
     if (!e.preventMinMaxNavigation || f && !e.maxDate || !f && !e.minDate)
       return !1;
-    const s = qe(new Date(), { month: e.month, year: e.year }), _ = f ? st(s, 1) : Et(s, 1), C = [Te(_), De(_)];
+    const s = qe(new Date(), { month: e.month, year: e.year }), _ = f ? ct(s, 1) : Et(s, 1), C = [Te(_), De(_)];
     return f ? !r(...C) : !a(...C);
   });
   return { handleMonthYearChange: d, isDisabled: O, updateMonthYear: y };
@@ -7824,7 +7826,7 @@ const ph = (e, t, n, r) => {
     left: "0",
     transform: "none"
   }), o = W(!1), l = oa(r, "teleportCenter");
-  ct(l, () => {
+  ft(l, () => {
     F();
   });
   const u = (P) => {
@@ -8187,7 +8189,7 @@ const ph = (e, t, n, r) => {
             ref: d,
             id: k.uid ? `dp-input-${k.uid}` : void 0,
             name: k.name,
-            class: ye(c(O)),
+            class: pe(c(O)),
             inputmode: k.textInput ? "text" : "none",
             placeholder: k.placeholder,
             disabled: k.disabled,
@@ -8207,14 +8209,14 @@ const ph = (e, t, n, r) => {
           k.$slots["input-icon"] && !k.hideInputIcon ? (m(), w("span", bh, [
             q(k.$slots, "input-icon")
           ])) : $("", !0),
-          !k.$slots["input-icon"] && !k.hideInputIcon && !k.$slots["dp-input"] ? (m(), pe(c(Br), {
+          !k.$slots["input-icon"] && !k.hideInputIcon && !k.$slots["dp-input"] ? (m(), ye(c(Br), {
             key: 3,
             class: "dp__input_icon dp__input_icons"
           })) : $("", !0),
           k.$slots["clear-icon"] && e.inputValue && k.clearable && !k.disabled && !k.readonly ? (m(), w("span", gh, [
             q(k.$slots, "clear-icon", { clear: j })
           ])) : $("", !0),
-          k.clearable && !k.$slots["clear-icon"] && e.inputValue && !k.disabled && !k.readonly ? (m(), pe(c(Gm), {
+          k.clearable && !k.$slots["clear-icon"] && e.inputValue && !k.disabled && !k.readonly ? (m(), ye(c(Gm), {
             key: 5,
             class: "dp__clear_icon dp__input_icons",
             "data-test": "clear-icon",
@@ -8258,7 +8260,7 @@ const ph = (e, t, n, r) => {
     };
     return (R, j) => (m(), w("div", {
       class: "dp__action_row",
-      style: mt(e.calendarWidth ? { width: `${e.calendarWidth}px` } : {})
+      style: st(e.calendarWidth ? { width: `${e.calendarWidth}px` } : {})
     }, [
       R.$slots["action-row"] ? q(R.$slots, "action-row", nt(Be({ key: 0 }, {
         internalModelValue: e.internalModelValue,
@@ -8297,7 +8299,7 @@ const ph = (e, t, n, r) => {
               ]
             }, me(R.cancelText), 545)),
             E("span", {
-              class: ye(c(f)),
+              class: pe(c(f)),
               tabindex: "0",
               onKeydown: [
                 ce(V, ["enter"]),
@@ -8353,8 +8355,8 @@ const ph = (e, t, n, r) => {
     });
     const S = (g) => g ? r.vertical ? "vNext" : "next" : r.vertical ? "vPrevious" : "previous", F = (g, z) => {
       if (r.transitions) {
-        const i = ft(o(I(), r.month, r.year));
-        s.value = Xe(ft(o(I(), g, z)), i) ? l.value.transitions[S(!0)] : l.value.transitions[S(!1)], f.value = !1, Mt(() => {
+        const i = dt(o(I(), r.month, r.year));
+        s.value = Xe(dt(o(I(), g, z)), i) ? l.value.transitions[S(!0)] : l.value.transitions[S(!1)], f.value = !1, Mt(() => {
           f.value = !0;
         });
       }
@@ -8404,16 +8406,16 @@ const ph = (e, t, n, r) => {
     return t({ triggerTransition: F }), (g, z) => {
       var i;
       return m(), w("div", {
-        class: ye(c(j))
+        class: pe(c(j))
       }, [
         E("div", {
-          style: mt(c(k))
+          style: st(c(k))
         }, [
           e.specificMode ? $("", !0) : (m(), w("div", {
             key: 0,
             ref_key: "calendarWrapRef",
             ref: O,
-            class: ye(c(M)),
+            class: pe(c(M)),
             role: "grid",
             "aria-label": (i = c(l).ariaLabels) == null ? void 0 : i.calendarWrap
           }, [
@@ -8479,7 +8481,7 @@ const ph = (e, t, n, r) => {
                           onMouseleave: N
                         }, [
                           E("div", {
-                            class: ye(["dp__cell_inner", U.classData])
+                            class: pe(["dp__cell_inner", U.classData])
                           }, [
                             g.$slots.day && c(te)(U) ? q(g.$slots, "day", {
                               key: 0,
@@ -8491,13 +8493,13 @@ const ph = (e, t, n, r) => {
                             ], 64)),
                             U.marker && c(te)(U) ? (m(), w("div", {
                               key: 2,
-                              class: ye(c(V)(U.marker)),
-                              style: mt(U.marker.color ? { backgroundColor: U.marker.color } : {})
+                              class: pe(c(V)(U.marker)),
+                              style: st(U.marker.color ? { backgroundColor: U.marker.color } : {})
                             }, null, 6)) : $("", !0),
                             c(R)(U.value) ? (m(), w("div", {
                               key: 3,
                               class: "dp__marker_tooltip",
-                              style: mt(d.value)
+                              style: st(d.value)
                             }, [
                               (b = U.marker) != null && b.tooltip ? (m(), w("div", {
                                 key: 0,
@@ -8517,7 +8519,7 @@ const ph = (e, t, n, r) => {
                                   g.$slots["marker-tooltip"] ? $("", !0) : (m(), w(ve, { key: 1 }, [
                                     E("div", {
                                       class: "dp__tooltip_mark",
-                                      style: mt(B.color ? { backgroundColor: B.color } : {})
+                                      style: st(B.color ? { backgroundColor: B.color } : {})
                                     }, null, 4),
                                     E("div", null, me(B.text), 1)
                                   ], 64))
@@ -8563,7 +8565,7 @@ const ph = (e, t, n, r) => {
       ref: n
     }, [
       E("div", {
-        class: ye(["dp__inner_nav", { dp__inner_nav_disabled: e.disabled }])
+        class: pe(["dp__inner_nav", { dp__inner_nav_disabled: e.disabled }])
       }, [
         q(r.$slots, "default")
       ], 2)
@@ -8685,13 +8687,13 @@ const ph = (e, t, n, r) => {
       return m(), w("div", {
         ref_key: "gridWrapRef",
         ref: O,
-        class: ye(c(F)),
+        class: pe(c(F)),
         role: "dialog",
         tabindex: "0",
         onKeydown: ce(L, ["esc"])
       }, [
         E("div", {
-          class: ye(c(te)),
+          class: pe(c(te)),
           role: "grid"
         }, [
           E("div", Yh, [
@@ -8705,7 +8707,7 @@ const ph = (e, t, n, r) => {
             }, [
               (m(!0), w(ve, null, Ae(i, (T, D) => (m(), w("div", {
                 role: "gridcell",
-                class: ye(c(M)),
+                class: pe(c(M)),
                 key: T.value,
                 "aria-selected": T.value === e.modelValue && !e.disabledValues.includes(T.value),
                 "aria-disabled": T.className.dp__overlay_cell_disabled,
@@ -8721,7 +8723,7 @@ const ph = (e, t, n, r) => {
                 onMouseover: (U) => s.value = T.value
               }, [
                 E("div", {
-                  class: ye(T.className)
+                  class: pe(T.className)
                 }, [
                   Y.$slots.item ? q(Y.$slots, "item", {
                     key: 0,
@@ -8737,7 +8739,7 @@ const ph = (e, t, n, r) => {
               key: 0,
               role: "button",
               "aria-label": (z = e.ariaLabels) == null ? void 0 : z.toggleOverlay,
-              class: ye(c(j)),
+              class: pe(c(j)),
               tabindex: "0",
               ref_key: "toggleButton",
               ref: _,
@@ -8799,7 +8801,7 @@ const ph = (e, t, n, r) => {
         css: c(a)
       }, {
         default: ne(() => [
-          e.showSelectionGrid ? (m(), pe(Zt, Be({ key: 0 }, {
+          e.showSelectionGrid ? (m(), ye(Zt, Be({ key: 0 }, {
             modelValue: e.modelValue,
             items: e.items,
             disabledValues: e.disabledValues,
@@ -8819,7 +8821,7 @@ const ph = (e, t, n, r) => {
           }), Ze({
             "button-icon": ne(() => [
               l.$slots["calendar-icon"] ? q(l.$slots, "calendar-icon", { key: 0 }) : $("", !0),
-              l.$slots["calendar-icon"] ? $("", !0) : (m(), pe(c(Br), { key: 1 }))
+              l.$slots["calendar-icon"] ? $("", !0) : (m(), ye(c(Br), { key: 1 }))
             ]),
             _: 2
           }, [
@@ -8938,7 +8940,7 @@ const ph = (e, t, n, r) => {
       return m(), w("div", Hh, [
         b.$slots["month-year"] ? q(b.$slots, "month-year", nt(Be({ key: 0 }, { month: e.month, year: e.year, months: e.months, years: e.years, updateMonthYear: c(O), handleMonthYearChange: c(d), instance: e.instance }))) : (m(), w(ve, { key: 1 }, [
           !b.monthPicker && !b.yearPicker ? (m(), w(ve, { key: 0 }, [
-            c(v) && !b.vertical ? (m(), pe(ra, {
+            c(v) && !b.vertical ? (m(), ye(ra, {
               key: 0,
               "aria-label": (xe = c(a).ariaLabels) == null ? void 0 : xe.prevMonth,
               disabled: c(y)(!1),
@@ -8947,7 +8949,7 @@ const ph = (e, t, n, r) => {
             }, {
               default: ne(() => [
                 b.$slots["arrow-left"] ? q(b.$slots, "arrow-left", { key: 0 }) : $("", !0),
-                b.$slots["arrow-left"] ? $("", !0) : (m(), pe(c(ei), { key: 1 }))
+                b.$slots["arrow-left"] ? $("", !0) : (m(), ye(c(ei), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled"])) : $("", !0),
@@ -9058,7 +9060,7 @@ const ph = (e, t, n, r) => {
                 } : void 0
               ]), 1040, ["aria-label", "modelValue"])
             ]),
-            c(v) && b.vertical ? (m(), pe(ra, {
+            c(v) && b.vertical ? (m(), ye(ra, {
               key: 1,
               "aria-label": (Re = c(a).ariaLabels) == null ? void 0 : Re.prevMonth,
               disabled: c(y)(!1),
@@ -9066,11 +9068,11 @@ const ph = (e, t, n, r) => {
             }, {
               default: ne(() => [
                 b.$slots["arrow-up"] ? q(b.$slots, "arrow-up", { key: 0 }) : $("", !0),
-                b.$slots["arrow-up"] ? $("", !0) : (m(), pe(c(Fi), { key: 1 }))
+                b.$slots["arrow-up"] ? $("", !0) : (m(), ye(c(Fi), { key: 1 }))
               ]),
               _: 3
             }, 8, ["aria-label", "disabled"])) : $("", !0),
-            c(T) ? (m(), pe(ra, {
+            c(T) ? (m(), ye(ra, {
               key: 2,
               ref: "rightIcon",
               disabled: c(y)(!0),
@@ -9080,12 +9082,12 @@ const ph = (e, t, n, r) => {
             }, {
               default: ne(() => [
                 b.$slots[b.vertical ? "arrow-down" : "arrow-right"] ? q(b.$slots, b.vertical ? "arrow-down" : "arrow-right", { key: 0 }) : $("", !0),
-                b.$slots[b.vertical ? "arrow-down" : "arrow-right"] ? $("", !0) : (m(), pe(ln(b.vertical ? c(Wi) : c(ti)), { key: 1 }))
+                b.$slots[b.vertical ? "arrow-down" : "arrow-right"] ? $("", !0) : (m(), ye(ln(b.vertical ? c(Wi) : c(ti)), { key: 1 }))
               ]),
               _: 3
             }, 8, ["disabled", "aria-label"])) : $("", !0)
           ], 64)) : $("", !0),
-          b.monthPicker ? (m(), pe(Zt, Be({ key: 1 }, c(k)("month"), {
+          b.monthPicker ? (m(), ye(Zt, Be({ key: 1 }, c(k)("month"), {
             "skip-active": b.range,
             year: e.year,
             "multi-model-value": c(Q),
@@ -9108,12 +9110,12 @@ const ph = (e, t, n, r) => {
                     onKeydown: B[10] || (B[10] = ce((be) => G(!1), ["enter"]))
                   }, [
                     E("div", {
-                      class: ye(["dp__inner_nav", { dp__inner_nav_disabled: c(y)(!1) }]),
+                      class: pe(["dp__inner_nav", { dp__inner_nav_disabled: c(y)(!1) }]),
                       role: "button",
                       "aria-label": (se = c(a).ariaLabels) == null ? void 0 : se.prevMonth
                     }, [
                       b.$slots["arrow-left"] ? q(b.$slots, "arrow-left", { key: 0 }) : $("", !0),
-                      b.$slots["arrow-left"] ? $("", !0) : (m(), pe(c(ei), { key: 1 }))
+                      b.$slots["arrow-left"] ? $("", !0) : (m(), ye(c(ei), { key: 1 }))
                     ], 10, jh)
                   ], 544),
                   E("div", {
@@ -9143,12 +9145,12 @@ const ph = (e, t, n, r) => {
                     onKeydown: B[14] || (B[14] = ce((be) => G(!0), ["enter"]))
                   }, [
                     E("div", {
-                      class: ye(["dp__inner_nav", { dp__inner_nav_disabled: c(y)(!0) }]),
+                      class: pe(["dp__inner_nav", { dp__inner_nav_disabled: c(y)(!0) }]),
                       role: "button",
                       "aria-label": (ke = c(a).ariaLabels) == null ? void 0 : ke.nextMonth
                     }, [
                       b.$slots["arrow-right"] ? q(b.$slots, "arrow-right", { key: 0 }) : $("", !0),
-                      b.$slots["arrow-right"] ? $("", !0) : (m(), pe(c(ti), { key: 1 }))
+                      b.$slots["arrow-right"] ? $("", !0) : (m(), ye(c(ti), { key: 1 }))
                     ], 10, qh)
                   ], 544)
                 ]),
@@ -9157,7 +9159,7 @@ const ph = (e, t, n, r) => {
                   css: c(l)
                 }, {
                   default: ne(() => [
-                    s.value ? (m(), pe(Zt, Be({ key: 0 }, c(k)("year"), {
+                    s.value ? (m(), ye(Zt, Be({ key: 0 }, c(k)("year"), {
                       modelValue: c(R),
                       "onUpdate:modelValue": B[15] || (B[15] = (be) => lt(R) ? R.value = be : null),
                       onToggle: U,
@@ -9165,7 +9167,7 @@ const ph = (e, t, n, r) => {
                     }), Ze({
                       "button-icon": ne(() => [
                         b.$slots["calendar-icon"] ? q(b.$slots, "calendar-icon", { key: 0 }) : $("", !0),
-                        b.$slots["calendar-icon"] ? $("", !0) : (m(), pe(c(Br), { key: 1 }))
+                        b.$slots["calendar-icon"] ? $("", !0) : (m(), ye(c(Br), { key: 1 }))
                       ]),
                       _: 2
                     }, [
@@ -9198,7 +9200,7 @@ const ph = (e, t, n, r) => {
               key: "0"
             } : void 0
           ]), 1040, ["skip-active", "year", "multi-model-value", "modelValue"])) : $("", !0),
-          b.yearPicker ? (m(), pe(Zt, Be({ key: 2 }, c(k)("year"), {
+          b.yearPicker ? (m(), ye(Zt, Be({ key: 2 }, c(k)("year"), {
             modelValue: c(R),
             "onUpdate:modelValue": B[19] || (B[19] = (se) => lt(R) ? R.value = se : null),
             "multi-model-value": c(Q),
@@ -9282,7 +9284,7 @@ const ph = (e, t, n, r) => {
       return T && D ? i < T || i > D : T ? i < T : D ? i > D : !1;
     }, P = H(() => (i) => te(i).flat().map((v) => v.value).filter((v) => k(v, i))), N = (i) => r[`no${i[0].toUpperCase() + i.slice(1)}Overlay`], K = (i) => {
       N(i) || (y[i] = !y[i], y[i] || n("overlay-closed"));
-    }, X = (i) => i === "hours" ? pt : i === "minutes" ? yt : Yt, L = (i, v = !0) => {
+    }, X = (i) => i === "hours" ? yt : i === "minutes" ? mt : Yt, L = (i, v = !0) => {
       const T = v ? S : F;
       (v ? _.value(i) : C.value(i)) || n(
         `update:${i}`,
@@ -9309,13 +9311,13 @@ const ph = (e, t, n, r) => {
           var h, G, fe;
           return m(), w("div", {
             key: U,
-            class: ye(c(M))
+            class: pe(c(M))
           }, [
             D.separator ? (m(), w(ve, { key: 0 }, [
               Ge(" : ")
             ], 64)) : (m(), w(ve, { key: 1 }, [
               E("div", {
-                class: ye({
+                class: pe({
                   dp__inc_dec_button: !0,
                   dp__inc_dec_button_disabled: c(_)(D.type)
                 }),
@@ -9332,12 +9334,12 @@ const ph = (e, t, n, r) => {
                 ref: (b) => g(b, U, 0)
               }, [
                 i.$slots["arrow-up"] ? q(i.$slots, "arrow-up", { key: 0 }) : $("", !0),
-                i.$slots["arrow-up"] ? $("", !0) : (m(), pe(c(Fi), { key: 1 }))
+                i.$slots["arrow-up"] ? $("", !0) : (m(), ye(c(Fi), { key: 1 }))
               ], 42, Qh),
               E("div", {
                 role: "button",
                 "aria-label": (G = c(l).ariaLabels) == null ? void 0 : G.openTpOverlay(D.type),
-                class: ye(N(D.type) ? "" : "dp__time_display"),
+                class: pe(N(D.type) ? "" : "dp__time_display"),
                 tabindex: "0",
                 "data-test": `${D.type}-toggle-overlay-btn`,
                 onKeydown: [
@@ -9358,7 +9360,7 @@ const ph = (e, t, n, r) => {
                 ], 64))
               ], 42, Zh),
               E("div", {
-                class: ye({
+                class: pe({
                   dp__inc_dec_button: !0,
                   dp__inc_dec_button_disabled: c(C)(D.type)
                 }),
@@ -9375,7 +9377,7 @@ const ph = (e, t, n, r) => {
                 ref: (b) => g(b, U, 2)
               }, [
                 i.$slots["arrow-down"] ? q(i.$slots, "arrow-down", { key: 0 }) : $("", !0),
-                i.$slots["arrow-down"] ? $("", !0) : (m(), pe(c(Wi), { key: 1 }))
+                i.$slots["arrow-down"] ? $("", !0) : (m(), ye(c(Wi), { key: 1 }))
               ], 42, Gh)
             ], 64))
           ], 2);
@@ -9402,13 +9404,13 @@ const ph = (e, t, n, r) => {
             ]
           }, me(O.value), 41, e0))
         ])),
-        (m(!0), w(ve, null, Ae(c(R), (D, U) => (m(), pe(Je, {
+        (m(!0), w(ve, null, Ae(c(R), (D, U) => (m(), ye(Je, {
           key: U,
           name: c(u)(y[D.type]),
           css: c(d)
         }, {
           default: ne(() => [
-            y[D.type] ? (m(), pe(Zt, {
+            y[D.type] ? (m(), ye(Zt, {
               key: 0,
               items: te(D.type),
               "disabled-values": c(l).filters.times[D.type].concat(c(P)(D.type)),
@@ -9423,7 +9425,7 @@ const ph = (e, t, n, r) => {
             }, Ze({
               "button-icon": ne(() => [
                 i.$slots["clock-icon"] ? q(i.$slots, "clock-icon", { key: 0 }) : $("", !0),
-                i.$slots["clock-icon"] ? $("", !0) : (m(), pe(c(Hi), { key: 1 }))
+                i.$slots["clock-icon"] ? $("", !0) : (m(), ye(c(Hi), { key: 1 }))
               ]),
               _: 2
             }, [
@@ -9502,7 +9504,7 @@ const ph = (e, t, n, r) => {
       return m(), w("div", null, [
         L.timePicker ? $("", !0) : Ue((m(), w("div", {
           key: 0,
-          class: ye(c(j)),
+          class: pe(c(j)),
           role: "button",
           "aria-label": (le = c(d).ariaLabels) == null ? void 0 : le.openTimePicker,
           tabindex: "0",
@@ -9516,7 +9518,7 @@ const ph = (e, t, n, r) => {
           onClick: Q[2] || (Q[2] = (Y) => R(!0))
         }, [
           L.$slots["clock-icon"] ? q(L.$slots, "clock-icon", { key: 0 }) : $("", !0),
-          L.$slots["clock-icon"] ? $("", !0) : (m(), pe(c(Hi), { key: 1 }))
+          L.$slots["clock-icon"] ? $("", !0) : (m(), ye(c(Hi), { key: 1 }))
         ], 42, n0)), [
           [bt, !c(u)("time")]
         ]),
@@ -9545,7 +9547,7 @@ const ph = (e, t, n, r) => {
                     setSeconds: K
                   }) : $("", !0),
                   L.$slots["time-picker-overlay"] ? $("", !0) : (m(), w("div", a0, [
-                    (m(!0), w(ve, null, Ae(c(V), (g, z) => Ue((m(), pe(t0, Be({ key: z }, {
+                    (m(!0), w(ve, null, Ae(c(V), (g, z) => Ue((m(), ye(t0, Be({ key: z }, {
                       ...L.$props,
                       order: z,
                       hours: g.hours,
@@ -9577,7 +9579,7 @@ const ph = (e, t, n, r) => {
                     key: 2,
                     ref_key: "closeTimePickerBtn",
                     ref: s,
-                    class: ye(c(j)),
+                    class: pe(c(j)),
                     role: "button",
                     "aria-label": (Y = c(d).ariaLabels) == null ? void 0 : Y.closeTimePicker,
                     tabindex: "0",
@@ -9588,7 +9590,7 @@ const ph = (e, t, n, r) => {
                     onClick: Q[5] || (Q[5] = (g) => R(!1))
                   }, [
                     L.$slots["calendar-icon"] ? q(L.$slots, "calendar-icon", { key: 0 }) : $("", !0),
-                    L.$slots["calendar-icon"] ? $("", !0) : (m(), pe(c(Br), { key: 1 }))
+                    L.$slots["calendar-icon"] ? $("", !0) : (m(), ye(c(Br), { key: 1 }))
                   ], 42, o0)), [
                     [bt, !c(u)("time")]
                   ])
@@ -9725,7 +9727,7 @@ const ph = (e, t, n, r) => {
     }), s = W([]), _ = W([]), C = W(null), S = W(null), F = W(0), M = W(!1), V = W(0);
     et(() => {
       var x;
-      M.value = !0, !((x = r.presetRanges) != null && x.length) && !y["left-sidebar"] && !y["right-sidebar"] && dt();
+      M.value = !0, !((x = r.presetRanges) != null && x.length) && !y["left-sidebar"] && !y["right-sidebar"] && pt();
       const Z = He(S);
       if (Z && !r.textInput && !r.inline && (a(!0), N()), Z) {
         const je = (Qe) => {
@@ -9733,9 +9735,9 @@ const ph = (e, t, n, r) => {
         };
         Z.addEventListener("pointerdown", je), Z.addEventListener("mousedown", je);
       }
-      window.addEventListener("resize", dt);
+      window.addEventListener("resize", pt);
     }), Oo(() => {
-      window.removeEventListener("resize", dt);
+      window.removeEventListener("resize", pt);
     });
     const { arrowRight: R, arrowLeft: j, arrowDown: te, arrowUp: k } = Ot(), P = (x) => {
       x || x === 0 ? _.value[x].triggerTransition(
@@ -9770,7 +9772,7 @@ const ph = (e, t, n, r) => {
       selectCurrentDate: b,
       presetDateRange: B
     } = ch(r, n, K, P, V), { setHoverDate: xe, clearHoverDate: he, getDayClassData: ue } = i0(Q, r);
-    ct(
+    ft(
       L,
       () => {
         r.openOnTop && setTimeout(() => {
@@ -9779,7 +9781,7 @@ const ph = (e, t, n, r) => {
       },
       { deep: !0 }
     );
-    const Re = xt(y, "calendar"), tt = xt(y, "action"), se = xt(y, "timePicker"), de = xt(y, "monthYear"), ke = H(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), be = H(() => eh(r.yearRange)), Ut = H(() => th(r.locale, r.monthNameFormat)), dt = () => {
+    const Re = xt(y, "calendar"), tt = xt(y, "action"), se = xt(y, "timePicker"), de = xt(y, "monthYear"), ke = H(() => r.openOnTop ? "dp__arrow_bottom" : "dp__arrow_top"), be = H(() => eh(r.yearRange)), Ut = H(() => th(r.locale, r.monthNameFormat)), pt = () => {
       const x = He(O);
       x && (F.value = x.getBoundingClientRect().width);
     }, Lt = H(() => (x) => u(le.value(x), Y.value(x))), kt = H(
@@ -9844,7 +9846,7 @@ const ph = (e, t, n, r) => {
       updateMonthYear: i
     }), (x, Z) => {
       var je;
-      return m(), pe(Je, {
+      return m(), ye(Je, {
         appear: "",
         name: (je = c(d).transitions) == null ? void 0 : je.menuAppear,
         mode: "out-in",
@@ -9859,7 +9861,7 @@ const ph = (e, t, n, r) => {
               ref_key: "dpMenuRef",
               ref: S,
               role: "dialog",
-              class: ye(c(Hr)),
+              class: pe(c(Hr)),
               onMouseleave: Z[12] || (Z[12] = (...ae) => c(he) && c(he)(...ae)),
               onClick: tn,
               onKeydown: [
@@ -9873,14 +9875,14 @@ const ph = (e, t, n, r) => {
             }, [
               (x.disabled || x.readonly) && x.inline ? (m(), w("div", {
                 key: 0,
-                class: ye(c(Ht))
+                class: pe(c(Ht))
               }, null, 2)) : $("", !0),
               !x.inline && !x.teleportCenter ? (m(), w("div", {
                 key: 1,
-                class: ye(c(ke))
+                class: pe(c(ke))
               }, null, 2)) : $("", !0),
               E("div", {
-                class: ye({
+                class: pe({
                   dp__menu_content_wrapper: ((Qe = x.presetRanges) == null ? void 0 : Qe.length) || !!x.$slots["left-sidebar"] || !!x.$slots["right-sidebar"]
                 })
               }, [
@@ -9890,7 +9892,7 @@ const ph = (e, t, n, r) => {
                 (nn = x.presetRanges) != null && nn.length ? (m(), w("div", c0, [
                   (m(!0), w(ve, null, Ae(x.presetRanges, (ae, Nt) => (m(), w("div", {
                     key: Nt,
-                    style: mt(ae.style || {}),
+                    style: st(ae.style || {}),
                     class: "dp__preset_range",
                     onClick: (_e) => c(B)(ae.range, !!ae.slot)
                   }, [
@@ -9911,13 +9913,13 @@ const ph = (e, t, n, r) => {
                   role: "document"
                 }, [
                   E("div", {
-                    class: ye(c(Lr))
+                    class: pe(c(Lr))
                   }, [
                     (m(!0), w(ve, null, Ae(c(kt), (ae, Nt) => (m(), w("div", {
                       key: ae,
-                      class: ye(c(en))
+                      class: pe(c(en))
                     }, [
-                      !x.disableMonthYearSelect && !x.timePicker ? (m(), pe(ln(x.monthYearComponent ? x.monthYearComponent : Kh), Be({
+                      !x.disableMonthYearSelect && !x.timePicker ? (m(), ye(ln(x.monthYearComponent ? x.monthYearComponent : Kh), Be({
                         key: 0,
                         ref_for: !0,
                         ref: (_e) => {
@@ -9976,7 +9978,7 @@ const ph = (e, t, n, r) => {
                   ], 2),
                   E("div", null, [
                     x.$slots["time-picker"] ? q(x.$slots, "time-picker", nt(Be({ key: 0 }, { time: c(g), updateTime: c(z) }))) : (m(), w(ve, { key: 1 }, [
-                      x.enableTimePicker && !x.monthPicker && !x.weekPicker ? (m(), pe(ln(x.timePickerComponent ? x.timePickerComponent : l0), Be({
+                      x.enableTimePicker && !x.monthPicker && !x.weekPicker ? (m(), ye(ln(x.timePickerComponent ? x.timePickerComponent : l0), Be({
                         key: 0,
                         ref_key: "timePickerRef",
                         ref: C,
@@ -10019,7 +10021,7 @@ const ph = (e, t, n, r) => {
                   }, me(x.nowButtonLabel), 1))
                 ])) : $("", !0)
               ], 2),
-              !x.autoApply || x.keepActionRow ? (m(), pe(ln(x.actionRowComponent ? x.actionRowComponent : Ph), Be({
+              !x.autoApply || x.keepActionRow ? (m(), ye(ln(x.actionRowComponent ? x.actionRowComponent : Ph), Be({
                 key: 2,
                 "menu-mount": M.value,
                 "calendar-width": F.value,
@@ -10048,7 +10050,7 @@ const ph = (e, t, n, r) => {
   if (!e)
     return aa;
   let a = aa;
-  const o = ct(
+  const o = ft(
     () => c(e),
     (u) => {
       a(), u && (u.addEventListener(t, n, r), a = () => {
@@ -10093,7 +10095,7 @@ const ph = (e, t, n, r) => {
       r.inline || (window.removeEventListener("scroll", g), window.removeEventListener("resize", z));
     });
     const M = xt(a, "all", r.presetRanges), V = xt(a, "input");
-    ct(
+    ft(
       [l, u],
       () => {
         K(l.value);
@@ -10177,7 +10179,7 @@ const ph = (e, t, n, r) => {
       updateInternalModelValue: he,
       setMonthYear: se
     }), (de, ke) => (m(), w("div", {
-      class: ye(c(le))
+      class: pe(c(le))
     }, [
       Ce(wh, Be({
         ref_key: "inputRef",
@@ -10198,17 +10200,17 @@ const ph = (e, t, n, r) => {
       }), Ze({ _: 2 }, [
         Ae(c(V), (be, Ut) => ({
           name: be,
-          fn: ne((dt) => [
-            q(de.$slots, be, nt(vt(dt)))
+          fn: ne((pt) => [
+            q(de.$slots, be, nt(vt(pt)))
           ])
         }))
       ]), 1040, ["is-menu-open", "input-value", "onSetEmptyDate"]),
-      o.value ? (m(), pe(wo, {
+      o.value ? (m(), ye(wo, {
         key: 0,
         to: de.teleport,
         disabled: de.inline
       }, [
-        o.value ? (m(), pe(y0, Be({
+        o.value ? (m(), ye(y0, Be({
           key: 0,
           ref_key: "dpMenuRef",
           ref: d,
@@ -10229,8 +10231,8 @@ const ph = (e, t, n, r) => {
         }), Ze({ _: 2 }, [
           Ae(c(M), (be, Ut) => ({
             name: be,
-            fn: ne((dt) => [
-              q(de.$slots, be, nt(vt({ ...dt })))
+            fn: ne((pt) => [
+              q(de.$slots, be, nt(vt({ ...pt })))
             ])
           }))
         ]), 1040, ["class", "style", "open-on-top", "internal-model-value", "onRecalculatePosition"])) : $("", !0)
@@ -10249,7 +10251,7 @@ const ph = (e, t, n, r) => {
 Object.entries(g0).forEach(([e, t]) => {
   e !== "default" && (Eo[e] = t);
 });
-const w0 = { class: "rm-datepicker" }, H0 = /* @__PURE__ */ Oe({
+const w0 = { class: "rm-datepicker" }, V0 = /* @__PURE__ */ Oe({
   __name: "RMDatepicker",
   props: {
     label: { default: "" },
@@ -10302,7 +10304,7 @@ const w0 = { class: "rm-datepicker" }, H0 = /* @__PURE__ */ Oe({
 const O0 = {
   key: 0,
   class: "rm-tooltip__pop"
-}, $0 = { class: "rm-tooltip__pop-label" }, F0 = /* @__PURE__ */ Oe({
+}, $0 = { class: "rm-tooltip__pop-label" }, H0 = /* @__PURE__ */ Oe({
   __name: "RMTooltip",
   props: {
     label: { default: "" },
@@ -10317,12 +10319,12 @@ const O0 = {
     function r() {
       t.dynamic || (n.value = !n.value);
     }
-    return ct(() => t.visible, () => {
+    return ft(() => t.visible, () => {
       t.dynamic && (n.value = !0, setTimeout(() => {
         n.value = !1;
       }, +t.duration));
     }), (a, o) => (m(), w("div", {
-      class: ye([
+      class: pe([
         "rm-tooltip",
         `position-${e.position}`,
         {
@@ -10340,18 +10342,20 @@ const O0 = {
     ], 34));
   }
 });
-const k0 = { class: "rm-avatar__overlay" }, P0 = ["src"], T0 = { class: "rm-avatar__label" }, W0 = /* @__PURE__ */ Oe({
+const k0 = { class: "rm-avatar__overlay" }, P0 = ["src"], F0 = /* @__PURE__ */ Oe({
   __name: "RMAvatar",
   props: {
     label: { default: "Anon" },
     staticLabel: { default: "" },
     small: { type: Boolean, default: !1 },
-    avatar: { default: null }
+    avatar: { default: null },
+    labelBordered: { type: Boolean, default: !0 },
+    labelBorderColor: { default: "#FFFFFF" }
   },
   setup(e) {
     const t = e, n = H(() => t.label.trim().replace(/\s+/g, " ").split(" ").map((r) => r[0].toUpperCase()).join("").slice(0, 2));
     return (r, a) => (m(), w("div", {
-      class: ye([
+      class: pe([
         "rm-avatar",
         {
           small: e.small,
@@ -10367,29 +10371,41 @@ const k0 = { class: "rm-avatar__overlay" }, P0 = ["src"], T0 = { class: "rm-avat
           alt: ""
         }, null, 8, P0)) : $("", !0)
       ]),
-      E("div", T0, me(e.staticLabel || c(n)), 1)
+      E("div", {
+        class: pe([
+          "rm-avatar__label",
+          {
+            "rm-avatar__label--bordered": e.labelBordered
+          }
+        ]),
+        style: st({
+          borderColor: e.labelBorderColor
+        })
+      }, [
+        E("span", null, me(e.staticLabel || c(n)), 1)
+      ], 6)
     ], 2));
   }
 });
-const D0 = {
+const T0 = {
   key: 0,
   class: "rm-loader"
-}, x0 = /* @__PURE__ */ E("div", { class: "rm-loader__overlay" }, null, -1), S0 = /* @__PURE__ */ E("div", { class: "rm-loader__wr" }, [
+}, D0 = /* @__PURE__ */ E("div", { class: "rm-loader__overlay" }, null, -1), x0 = /* @__PURE__ */ E("div", { class: "rm-loader__wr" }, [
   /* @__PURE__ */ E("div", { class: "rm-loader__spinner" })
-], -1), R0 = [
-  x0,
-  S0
-], j0 = /* @__PURE__ */ Oe({
+], -1), S0 = [
+  D0,
+  x0
+], W0 = /* @__PURE__ */ Oe({
   __name: "RMLoader",
   props: {
     isActive: { type: Boolean, default: !1 },
     isLock: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, n) => (m(), pe(wo, { to: "body" }, [
+    return (t, n) => (m(), ye(wo, { to: "body" }, [
       Ce(Je, { name: "fade" }, {
         default: ne(() => [
-          e.isActive ? Ue((m(), w("div", D0, R0)), [
+          e.isActive ? Ue((m(), w("div", T0, S0)), [
             [c(vi), e.isLock && e.isActive]
           ]) : $("", !0)
         ]),
@@ -10399,20 +10415,20 @@ const D0 = {
   }
 });
 export {
-  U0 as RMAlert,
-  I0 as RMAttachFiles,
-  W0 as RMAvatar,
+  Y0 as RMAlert,
+  A0 as RMAttachFiles,
+  F0 as RMAvatar,
   ht as RMButton,
-  A0 as RMCheckbox,
-  L0 as RMConfirm,
-  H0 as RMDatepicker,
-  Y0 as RMEditable,
-  V0 as RMHint,
+  N0 as RMCheckbox,
+  U0 as RMConfirm,
+  V0 as RMDatepicker,
+  B0 as RMEditable,
+  L0 as RMHint,
   Cu as RMInput,
-  j0 as RMLoader,
-  E0 as RMModal,
-  N0 as RMProgress,
-  B0 as RMSelect,
-  C0 as RMSkeleton,
-  F0 as RMTooltip
+  W0 as RMLoader,
+  I0 as RMModal,
+  C0 as RMProgress,
+  E0 as RMSelect,
+  M0 as RMSkeleton,
+  H0 as RMTooltip
 };