redmine-ui-kit 1.3.16 → 1.3.18

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 mt, 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 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";
 const nu = /* @__PURE__ */ E("span", null, null, -1), ru = [
   nu
-], C0 = /* @__PURE__ */ Oe({
+], M0 = /* @__PURE__ */ Oe({
   __name: "RMSkeleton",
   props: {
     color: { default: "#efefef" },
@@ -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 },
@@ -79,7 +79,7 @@ const iu = { class: "rm-progress" }, uu = { class: "rm-progress-line" }, 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,
@@ -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,
@@ -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: "" },
@@ -769,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")
@@ -778,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,
@@ -792,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)
@@ -845,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" },
@@ -855,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),
@@ -876,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
@@ -894,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: "" },
@@ -904,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),
@@ -929,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")
@@ -8189,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,
@@ -8209,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",
@@ -8299,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"]),
@@ -8406,7 +8406,7 @@ 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))
@@ -8415,7 +8415,7 @@ const ph = (e, t, n, r) => {
             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
           }, [
@@ -8481,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,
@@ -8493,7 +8493,7 @@ const ph = (e, t, n, r) => {
                             ], 64)),
                             U.marker && c(te)(U) ? (m(), w("div", {
                               key: 2,
-                              class: ye(c(V)(U.marker)),
+                              class: pe(c(V)(U.marker)),
                               style: mt(U.marker.color ? { backgroundColor: U.marker.color } : {})
                             }, null, 6)) : $("", !0),
                             c(R)(U.value) ? (m(), w("div", {
@@ -8565,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)
@@ -8687,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, [
@@ -8707,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,
@@ -8723,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,
@@ -8739,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: _,
@@ -8801,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,
@@ -8821,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
           }, [
@@ -8940,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),
@@ -8949,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),
@@ -9060,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),
@@ -9068,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),
@@ -9082,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),
@@ -9110,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", {
@@ -9145,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)
                 ]),
@@ -9159,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,
@@ -9167,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
                     }, [
@@ -9200,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),
@@ -9311,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)
                 }),
@@ -9334,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: [
@@ -9360,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)
                 }),
@@ -9377,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);
@@ -9404,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)),
@@ -9425,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
             }, [
@@ -9504,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",
@@ -9518,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")]
         ]),
@@ -9547,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,
@@ -9579,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",
@@ -9590,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")]
                   ])
@@ -9846,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",
@@ -9861,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: [
@@ -9875,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"]
                 })
               }, [
@@ -9913,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) => {
@@ -9978,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,
@@ -10021,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,
@@ -10179,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",
@@ -10205,12 +10205,12 @@ const ph = (e, t, n, r) => {
           ])
         }))
       ]), 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,
@@ -10251,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: "" },
@@ -10304,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: "" },
@@ -10324,7 +10324,7 @@ const O0 = {
         n.value = !1;
       }, +t.duration));
     }), (a, o) => (m(), w("div", {
-      class: ye([
+      class: pe([
         "rm-tooltip",
         `position-${e.position}`,
         {
@@ -10342,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: null
   },
   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,
@@ -10369,29 +10371,38 @@ 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
+          }
+        ])
+      }, [
+        E("span", null, me(e.staticLabel || c(n)), 1)
+      ], 2)
     ], 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)
         ]),
@@ -10401,20 +10412,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
 };