redmine-ui-kit 1.6.17 → 1.6.18

package/dist/redmine-ui-kit.js

@@ -1,7 +1,7 @@
 var Jl = Object.defineProperty;
 var Zl = (e, a, t) => a in e ? Jl(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
 var de = (e, a, t) => (Zl(e, typeof a != "symbol" ? a + "" : a, t), t);
-import { defineComponent as Te, openBlock as p, createElementBlock as C, normalizeStyle as tt, createElementVNode as W, useSlots as It, computed as H, normalizeClass as ye, toDisplayString as ke, createCommentVNode as I, renderSlot as ne, withDirectives as Xe, vModelCheckbox as Kl, ref as U, createTextVNode as dt, onMounted as Ue, nextTick as mt, unref as c, mergeProps as Fe, withKeys as Zt, toHandlerKey as Za, withModifiers as Dt, vModelText as In, vShow as jt, createBlock as be, Teleport as Ya, createVNode as Oe, Transition as rt, withCtx as ve, isRef as Ra, watch as lt, shallowRef as Wt, onBeforeUnmount as er, Fragment as _e, renderList as Ee, reactive as _a, toRef as ga, onUnmounted as Ba, createSlots as at, normalizeProps as Qe, guardReactiveProps as ot, resolveDynamicComponent as La, h as tr, render as Nn, onBeforeUpdate as ar, getCurrentScope as nr, onScopeDispose as lr } from "vue";
+import { defineComponent as Te, openBlock as p, createElementBlock as C, normalizeStyle as tt, createElementVNode as W, useSlots as It, computed as H, normalizeClass as ye, toDisplayString as ke, createCommentVNode as I, renderSlot as ne, withDirectives as Xe, vModelCheckbox as Kl, ref as U, createTextVNode as dt, onMounted as qe, nextTick as mt, unref as c, mergeProps as Fe, withKeys as Zt, toHandlerKey as Za, withModifiers as Dt, vModelText as In, vShow as jt, createBlock as be, Teleport as Ya, createVNode as Oe, Transition as rt, withCtx as ve, isRef as Ra, watch as lt, shallowRef as Wt, onBeforeUnmount as er, Fragment as _e, renderList as Ee, reactive as _a, toRef as ga, onUnmounted as Ba, createSlots as at, normalizeProps as Qe, guardReactiveProps as ot, resolveDynamicComponent as La, h as tr, render as Nn, onBeforeUpdate as ar, getCurrentScope as nr, onScopeDispose as lr } from "vue";
 import { useEventListener as Fn, useInfiniteScroll as rr } from "@vueuse/core";
 import { vOnClickOutside as or } from "@vueuse/components";
 const sr = /* @__PURE__ */ W("span", null, null, -1), ir = [
@@ -274,7 +274,7 @@ const Br = ["for"], Lr = { class: "rm-input-wrapper" }, Ir = ["id", "maxlength",
         t.isAutoGrow && m.value && b(m.value), n("update:modelValue", P);
       }
     });
-    Ue(() => {
+    qe(() => {
       var P;
       mt().then(() => {
         var O;
@@ -519,7 +519,8 @@ const eo = { class: "rm-dropdown" }, to = /* @__PURE__ */ Te({
     transition: { default: "dropdown-slide" },
     manualClose: { type: Boolean, default: !1 },
     contentClass: { default: "" },
-    closeImmediate: { type: Boolean, default: !1 }
+    closeImmediate: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 }
   },
   setup(e) {
     const a = {
@@ -529,12 +530,6 @@ const eo = { class: "rm-dropdown" }, to = /* @__PURE__ */ Te({
     }, t = e;
     let n = null;
     const l = U(!1), r = U({ ...a }), o = U(null), s = U(null);
-    lt(
-      () => t.closeImmediate,
-      (b) => {
-        b && g();
-      }
-    );
     function m() {
       o.value && (r.value = Kr(o, s) || { ...a });
     }
@@ -554,12 +549,23 @@ const eo = { class: "rm-dropdown" }, to = /* @__PURE__ */ Te({
     function u() {
       l.value ? g() : w();
     }
-    return lt(l, () => {
-      l.value && m();
-    }, {
-      immediate: !0,
-      flush: "post"
-    }), (b, f) => Xe((p(), C("div", eo, [
+    return qe(() => {
+      console.log("props.active :>> ", t.active), l.value = t.active;
+    }), lt(
+      () => t.closeImmediate,
+      (b) => {
+        b && g();
+      }
+    ), lt(
+      l,
+      () => {
+        l.value && m();
+      },
+      {
+        immediate: !0,
+        flush: "post"
+      }
+    ), (b, f) => Xe((p(), C("div", eo, [
       W("div", {
         ref_key: "targetRef",
         ref: o,
@@ -774,8 +780,8 @@ const eo = { class: "rm-dropdown" }, to = /* @__PURE__ */ Te({
     function R() {
       m.value.width = window.innerWidth, m.value.height = window.innerHeight;
     }
-    return Ue(() => {
-      w.value = t.opened, (t.multiple || t.chips) && !Array.isArray(t.modelValue) && n("update:modelValue", []), document.addEventListener("DOMContentLoaded", R), window.addEventListener("resize", R);
+    return qe(() => {
+      w.value = t.opened, console.log("isFocus :>> ", t.opened), (t.multiple || t.chips) && !Array.isArray(t.modelValue) && n("update:modelValue", []), document.addEventListener("DOMContentLoaded", R), window.addEventListener("resize", R);
     }), er(() => {
       document.addEventListener("DOMContentLoaded", R), window.removeEventListener("resize", R);
     }), lt(w, () => {
@@ -795,6 +801,7 @@ const eo = { class: "rm-dropdown" }, to = /* @__PURE__ */ Te({
         onClick: S[0] || (S[0] = (h) => w.value = !w.value)
       }, ke(x.label), 1)) : I("", !0),
       Oe(to, {
+        active: x.opened,
         class: "rm-select-dropdown",
         "content-class": "rm-select-dropdown-content"
       }, {
@@ -924,14 +931,14 @@ const eo = { class: "rm-dropdown" }, to = /* @__PURE__ */ Te({
                   ], 512))
                 ], 64)) : (p(), C("li", _o, ke(x.emptySelectLabel), 1))
               ], 4), [
-                [jt, w.value]
+                [jt, !0]
               ])
             ]),
             _: 3
           })
         ]),
         _: 3
-      })
+      }, 8, ["active"])
     ], 2)), [
       [c(ka), () => w.value = !1]
     ]);
@@ -4347,7 +4354,7 @@ const eu = (e, a, t) => {
       value: o
     };
   });
-}, tu = (e) => [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11][e], qe = (e) => {
+}, tu = (e) => [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11][e], Ue = (e) => {
   const a = c(e);
   return a != null && a.$el ? a == null ? void 0 : a.$el : a;
 }, au = (e) => ({ type: "dot", ...e ?? {} }), Sl = (e) => Array.isArray(e) ? !!e[0] && !!e[1] : !1, On = {
@@ -4995,7 +5002,7 @@ const Su = ({
   }, P = () => {
     g.value.left = "50%", g.value.top = "50%", g.value.transform = "translate(-50%, -50%)", g.value.position = "fixed", delete g.value.opacity;
   }, O = () => {
-    const v = qe(t), { top: _, left: $, transform: Q } = o.altPosition(v);
+    const v = Ue(t), { top: _, left: $, transform: Q } = o.altPosition(v);
     g.value = { top: `${_}px`, left: `${$}px`, transform: Q ?? "" };
   }, R = (v = !0) => {
     var _;
@@ -5032,14 +5039,14 @@ const Su = ({
       }
     }
   }, ee = () => {
-    const v = qe(t);
+    const v = Ue(t);
     if (v) {
       const { height: _ } = m.value, { top: $, height: Q } = v.getBoundingClientRect(), re = window.innerHeight - $ - Q, me = $;
       return _ <= re ? Ht.bottom : _ > re && _ <= me ? Ht.top : re >= me ? Ht.bottom : Ht.top;
     }
     return Ht.bottom;
   }, se = (v) => ee() === Ht.bottom ? S(v) : h(v), fe = () => {
-    const v = qe(t);
+    const v = Ue(t);
     if (v)
       return o.autoPosition ? se(v) : S(v);
   }, L = function(v) {
@@ -5070,7 +5077,7 @@ const Su = ({
     getScrollableParent: V,
     shadowRender: (v, _) => {
       var $, Q, re;
-      const me = document.createElement("div"), Y = ($ = qe(t)) == null ? void 0 : $.getBoundingClientRect();
+      const me = document.createElement("div"), Y = ($ = Ue(t)) == null ? void 0 : $.getBoundingClientRect();
       me.setAttribute("id", "dp--temp-container");
       const B = (Q = n.value) != null && Q.clientWidth ? n.value : document.body;
       B.append(me);
@@ -5788,8 +5795,8 @@ const Su = ({
       defaultedMultiDates: g,
       getDefaultPattern: u
     } = Ie(n), { isTimeValid: b, isMonthValid: f } = Ft(n), { buildMatrix: D } = Nt(), k = U(null), z = U(null), G = U(!1), P = U({}), O = U(null), R = U(null);
-    Ue(() => {
-      n.arrowNavigation && D([qe(k), qe(z)], "actionRow"), x(), window.addEventListener("resize", x);
+    qe(() => {
+      n.arrowNavigation && D([Ue(k), Ue(z)], "actionRow"), x(), window.addEventListener("resize", x);
     }), Ba(() => {
       window.removeEventListener("resize", x);
     });
@@ -5914,7 +5921,7 @@ const Su = ({
     ), { hideNavigationButtons: u } = Na(), b = U(!1), f = U(null), D = U(null), k = U([]), z = U(), G = U(null), P = U(0), O = U(null);
     ar(() => {
       f.value = null;
-    }), Ue(() => {
+    }), qe(() => {
       mt().then(() => fe()), s.noOverlayFocus || x(), R(!0);
     }), Ba(() => R(!1));
     const R = (B) => {
@@ -5922,7 +5929,7 @@ const Su = ({
       s.arrowNavigation && ((i = s.headerRefs) != null && i.length ? r(B) : n(B));
     }, x = () => {
       var B;
-      const i = qe(D);
+      const i = Ue(D);
       i && (w.value.enabled || (f.value ? (B = f.value) == null || B.focus({ preventScroll: !0 }) : i.focus({ preventScroll: !0 })), b.value = i.clientHeight < i.scrollHeight);
     }, S = H(
       () => ({
@@ -5957,7 +5964,7 @@ const Su = ({
     );
     const fe = (B = !0) => {
       mt().then(() => {
-        const i = qe(f), E = qe(D), le = qe(G), te = qe(O), y = le ? le.getBoundingClientRect().height : 0;
+        const i = Ue(f), E = Ue(D), le = Ue(G), te = Ue(O), y = le ? le.getBoundingClientRect().height : 0;
         E && (E.getBoundingClientRect().height ? P.value = E.getBoundingClientRect().height - y : P.value = g.value.modeHeight - y), i && te && B && (te.scrollTop = i.offsetTop - te.offsetTop - (P.value / 2 - i.getBoundingClientRect().height) - y);
       });
     }, L = (B) => {
@@ -6121,7 +6128,7 @@ const Su = ({
   emits: ["activate", "set-ref"],
   setup(e, { emit: a }) {
     const t = a, n = U(null);
-    return Ue(() => t("set-ref", n)), (l, r) => (p(), C("button", {
+    return qe(() => t("set-ref", n)), (l, r) => (p(), C("button", {
       ref_key: "elRef",
       ref: n,
       type: "button",
@@ -6304,7 +6311,7 @@ const Su = ({
       n.value[0] = { month: Me(S), year: we(S) };
     }
   };
-  Ue(() => {
+  qe(() => {
     z(), e.value.count && f();
   });
   const G = (S, h) => {
@@ -6368,7 +6375,7 @@ const Su = ({
     props: e,
     emit: a
   });
-  Ue(() => {
+  qe(() => {
     e.startDate && (b.value && e.focusStartDate || !b.value) && O(we(q(e.startDate)), 0);
   });
   const se = (i) => i ? { month: Me(i), year: we(i) } : { month: null, year: null }, fe = () => b.value ? Array.isArray(b.value) ? b.value.map((i) => se(i)) : se(b.value) : se(), L = (i, E) => {
@@ -6468,7 +6475,7 @@ const Su = ({
   ],
   setup(e, { expose: a, emit: t }) {
     const n = t, l = It(), r = ut(l, "yearMode"), o = e;
-    Ue(() => {
+    qe(() => {
       o.shadow || n("mount", null);
     });
     const {
@@ -6565,7 +6572,7 @@ const Su = ({
   }
 }), Ku = (e, a) => {
   const { modelValue: t } = Da(e, a), n = U(null), { defaultedHighlight: l, defaultedMultiDates: r, defaultedFilters: o, defaultedRange: s, propDates: m } = Ie(e), w = U();
-  Ue(() => {
+  qe(() => {
     e.startDate && (t.value && e.focusStartDate || !t.value) && (w.value = we(q(e.startDate)));
   });
   const g = (D) => Array.isArray(t.value) ? t.value.some((k) => we(k) === D) : t.value ? we(t.value) === D : !1, u = (D) => s.value.enabled && Array.isArray(t.value) ? Ia(t.value, n.value, f(D)) : !1, b = H(() => ra(Rn(e.yearRange, e.locale, e.reverseYears), (D) => {
@@ -6683,7 +6690,7 @@ const Su = ({
       minutes: !1,
       seconds: !1
     }), k = U("AM"), z = U(null), G = U([]), P = U();
-    Ue(() => {
+    qe(() => {
       n("mounted");
     });
     const O = (d) => Se(/* @__PURE__ */ new Date(), {
@@ -6963,8 +6970,8 @@ const Su = ({
   ],
   setup(e, { expose: a, emit: t }) {
     const n = t, l = e, { buildMatrix: r, setTimePicker: o } = Nt(), s = It(), { defaultedTransitions: m, defaultedAriaLabels: w, defaultedTextInput: g, defaultedConfig: u, defaultedRange: b } = Ie(l), { transitionName: f, showTransition: D } = Ma(m), { hideNavigationButtons: k } = Na(), z = U(null), G = U(null), P = U([]), O = U(null);
-    Ue(() => {
-      n("mount"), !l.timePicker && l.arrowNavigation ? r([qe(z.value)], "time") : o(!0, l.timePicker);
+    qe(() => {
+      n("mount"), !l.timePicker && l.arrowNavigation ? r([Ue(z.value)], "time") : o(!0, l.timePicker);
     });
     const R = H(() => b.value.enabled && l.modelAuto ? Sl(l.internalModelValue) : !0), x = U(!1), S = ($) => ({
       hours: Array.isArray(l.hours) ? l.hours[$] : l.hours,
@@ -7214,7 +7221,7 @@ const Su = ({
       [R.seconds, x.seconds]
     ) : G(R.hours, R.minutes, R.seconds);
   };
-  Ue(() => {
+  qe(() => {
     if (!e.shadow)
       return w(l.value), t.value ? P() : k();
   });
@@ -7249,7 +7256,7 @@ const Su = ({
   ],
   setup(e, { expose: a, emit: t }) {
     const n = t, l = e, r = It(), o = ut(r, "timePicker"), s = U(null), { time: m, modelValue: w, disabledTimesConfig: g, updateTime: u, validateTime: b } = hd(l, n);
-    return Ue(() => {
+    return qe(() => {
       l.shadow || n("mount", null);
     }), a({ getSidebarProps: () => ({
       modelValue: w,
@@ -7319,7 +7326,7 @@ const Su = ({
       defaultedHighlight: g,
       propDates: u
     } = Ie(l), { transitionName: b, showTransition: f } = Ma(r), { buildMatrix: D } = Nt(), { handleMonthYearChange: k, isDisabled: z, updateMonthYear: G } = Ou(l, n), { showLeftIcon: P, showRightIcon: O } = Na(), R = U(!1), x = U(!1), S = U([null, null, null, null]);
-    Ue(() => {
+    qe(() => {
       n("mount");
     });
     const h = (Y) => ({
@@ -7358,7 +7365,7 @@ const Su = ({
     }, $ = (Y) => {
       Y || n("reset-flow");
     }, Q = (Y, B) => {
-      l.arrowNavigation && (S.value[B] = qe(Y), D(S.value, "monthYear"));
+      l.arrowNavigation && (S.value[B] = Ue(Y), D(S.value, "monthYear"));
     }, re = H(() => {
       var Y, B;
       return [
@@ -7578,7 +7585,7 @@ const Su = ({
       left: "",
       transform: ""
     }), D = U([]), k = U(null), z = U(!0), G = U(""), P = U({ startX: 0, endX: 0, startY: 0, endY: 0 }), O = U([]), R = U({ left: "50%" }), x = U(!1), S = H(() => l.calendar ? l.calendar(l.mappedDates) : l.mappedDates), h = H(() => l.dayNames ? Array.isArray(l.dayNames) ? l.dayNames : l.dayNames(l.locale, +l.weekStart) : eu(l.formatLocale, l.locale, +l.weekStart));
-    Ue(() => {
+    qe(() => {
       n("mount", { cmp: "calendar", refs: D }), s.value.noSwipe || k.value && (k.value.addEventListener("touchstart", re, { passive: !1 }), k.value.addEventListener("touchend", me, { passive: !1 }), k.value.addEventListener("touchmove", Y, { passive: !1 })), l.monthChangeOnScroll && k.value && k.value.addEventListener("wheel", E, { passive: !1 });
     });
     const N = (K) => K ? l.vertical ? "vNext" : "next" : l.vertical ? "vPrevious" : "previous", ee = (K, Z) => {
@@ -7602,7 +7609,7 @@ const Su = ({
       dp__calendar: !0,
       dp__calendar_next: w.value.count > 0 && l.instance !== 0
     })), oe = H(() => (K) => l.hideOffsetDates ? K.current : !0), v = (K) => Tt(K, "yyyy-MM-dd"), _ = async (K, Z, d) => {
-      const j = qe(D.value[Z][d]);
+      const j = Ue(D.value[Z][d]);
       if (j) {
         const { width: ce, height: F } = j.getBoundingClientRect();
         b.value = K.value;
@@ -7822,7 +7829,7 @@ const Su = ({
       JSON.stringify(A) !== JSON.stringify(T) && re();
     },
     { deep: !0 }
-  ), Ue(() => {
+  ), qe(() => {
     e.shadow || (s.value || (K(), b.value && ee(b.value)), re(!0), e.focusStartDate && e.startDate && K());
   });
   const $ = H(() => {
@@ -8502,10 +8509,10 @@ const Su = ({
         menuWrapRef: r.value
       };
     }), { setMenuFocused: s, setShiftKey: m, control: w } = Wl(), g = It(), { defaultedTextInput: u, defaultedInline: b, defaultedConfig: f } = Ie(l), D = U(null), k = U(0), z = U(null), G = U(!1), P = U(null);
-    Ue(() => {
+    qe(() => {
       if (!l.shadow) {
         G.value = !0, O(), window.addEventListener("resize", O);
-        const M = qe(r);
+        const M = Ue(r);
         if (M && !u.value.enabled && !b.value.enabled && (s(!0), oe()), M) {
           const X = (he) => {
             f.value.allowPreventDefault && he.preventDefault(), Yt(he, f.value, !0);
@@ -8517,7 +8524,7 @@ const Su = ({
       window.removeEventListener("resize", O);
     });
     const O = () => {
-      const M = qe(z);
+      const M = Ue(z);
       M && (k.value = M.getBoundingClientRect().width);
     }, { arrowRight: R, arrowLeft: x, arrowDown: S, arrowUp: h } = Nt(), { flowStep: N, updateFlowStep: ee, childMount: se, resetFlow: fe } = Lu(l, n, P), L = H(() => l.monthPicker ? Zu : l.yearPicker ? ed : l.timePicker ? yd : l.quarterPicker ? Fd : Bd), V = H(() => {
       var M;
@@ -8526,7 +8533,7 @@ const Su = ({
       const X = (M = r.value) == null ? void 0 : M.getBoundingClientRect(), he = l.getInputRect();
       return he.width < k.value && he.left <= ((X == null ? void 0 : X.left) ?? 0) ? `${he.width / 2}px` : "50%";
     }), oe = () => {
-      const M = qe(r);
+      const M = Ue(r);
       M && M.focus({ preventScroll: !0 });
     }, v = H(() => {
       var M;
@@ -8756,7 +8763,7 @@ const Su = ({
 }, Zd = (e, a, t, n = {}) => {
   const { window: l = Qd, event: r = "pointerdown" } = n;
   return l ? Jd(l, r, (o) => {
-    const s = qe(e), m = qe(a);
+    const s = Ue(e), m = Ue(a);
     !s || !m || s === o.target || o.composedPath().includes(s) || o.composedPath().includes(m) || t(o);
   }, { passive: !0 }) : void 0;
 }, Kd = /* @__PURE__ */ Te({
@@ -8802,7 +8809,7 @@ const Su = ({
       defaultedRange: se,
       defaultedMultiDates: fe
     } = Ie(l), { menuTransition: L, showTransition: V } = Ma(S);
-    Ue(() => {
+    qe(() => {
       E(l.modelValue), mt().then(() => {
         if (!N.value.enabled) {
           const T = me(f.value);
@@ -9066,7 +9073,7 @@ const tc = { class: "rm-datepicker" }, Dc = /* @__PURE__ */ Te({
     function s(m) {
       m && n("change", m);
     }
-    return Ue(() => {
+    return qe(() => {
       var m;
       t.currentDate && (l.value = t.currentDate), t.opened && ((m = r.value) == null || m.openMenu());
     }), (m, w) => (p(), C("div", tc, [