@leaflink/stash 53.4.6 → 53.4.8

package/dist/MoreActions.js

@@ -1,442 +1,448 @@
-import { ref as T, onUnmounted as se, nextTick as V, onMounted as ue, onUpdated as re, onDeactivated as ce, onBeforeUnmount as oe, watch as X, defineComponent as de, useSlots as fe, computed as W, useTemplateRef as U, createElementBlock as ve, openBlock as H, normalizeStyle as z, createBlock as Y, createElementVNode as ee, createCommentVNode as me, resolveDynamicComponent as he, normalizeClass as te, unref as C, withCtx as P, renderSlot as G, createVNode as le, createTextVNode as pe, toDisplayString as ge } from "vue";
-import Ae from "lodash-es/uniqueId";
-import { e as K, f as Ie, c as Te, d as be } from "./index-DA70nQCT.js";
-import { DEBOUNCE as k } from "./constants.js";
-import { t as Oe } from "./locale.js";
-import ye from "./Button.js";
-import Ee from "./Dropdown.js";
-import we from "./Icon.js";
-import Z from "lodash-es/debounce";
-import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-function _e(e = {}) {
-  const { duration: t = 300, initialVisible: a = !1 } = e, [n, l] = K(a), [o, i] = K(a), [s, d] = K(!1), c = T(null);
+import { ref as O, onUnmounted as ce, computed as B, nextTick as $, onMounted as de, onUpdated as fe, onDeactivated as ve, onBeforeUnmount as se, watch as G, defineComponent as me, useSlots as he, useTemplateRef as P, createElementBlock as pe, openBlock as Z, normalizeStyle as j, createBlock as ne, createElementVNode as oe, createCommentVNode as ge, resolveDynamicComponent as Ae, normalizeClass as ie, unref as R, withCtx as H, renderSlot as J, createVNode as ae, createTextVNode as Ie, toDisplayString as Te } from "vue";
+import Ee from "lodash-es/uniqueId";
+import { g as Q, h as be, e as Oe, f as we } from "./index-t9tXBnql.js";
+import { DEBOUNCE as F } from "./constants.js";
+import { t as ye } from "./locale.js";
+import Se from "./Button.js";
+import Ce from "./Dropdown.js";
+import _e from "./Icon.js";
+import Y from "lodash-es/debounce";
+import { t as p, i as De } from "./templateRefNarrowing-CeANDylX.js";
+import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function Me(t = {}) {
+  const { duration: e = 300, initialVisible: a = !1 } = t, [o, n] = Q(a), [i, l] = Q(a), [s, d] = Q(!1), r = O(null);
   function g() {
-    c.value !== null && (clearTimeout(c.value), c.value = null);
+    r.value !== null && (clearTimeout(r.value), r.value = null);
   }
-  function v(r) {
-    g(), n.value !== r && l(), o.value !== r && i(), s.value && d();
+  function m(f) {
+    g(), o.value !== f && n(), i.value !== f && l(), s.value && d();
   }
-  function A(r) {
-    g(), r ? (n.value || l(), o.value || i(), s.value && d()) : (o.value && i(), s.value || d(), c.value = setTimeout(() => {
-      n.value && l(), s.value && d(), c.value = null;
-    }, t));
+  function A(f) {
+    g(), f ? (o.value || n(), i.value || l(), s.value && d()) : (i.value && l(), s.value || d(), r.value = setTimeout(() => {
+      o.value && n(), s.value && d(), r.value = null;
+    }, e));
   }
-  function I() {
+  function b() {
     A(!0);
   }
-  function h() {
+  function w() {
     A(!1);
   }
   function u() {
     g();
   }
-  return se(() => {
+  return ce(() => {
     u();
   }), {
-    isVisible: n,
-    shouldShow: o,
+    isVisible: o,
+    shouldShow: i,
     shouldHide: s,
     toggle: A,
-    show: I,
-    hide: h,
-    setVisible: v,
+    show: b,
+    hide: w,
+    setVisible: m,
     cleanup: u
   };
 }
-const De = {
+const Re = {
   TRACKER: -1,
   DROPDOWN: 1e3
-}, Q = {
+}, te = {
   AUTO_ACTION: "auto-action-",
   INDEX_BASED: "index-",
   MORE_MENU: "more-actions-menu-"
-}, p = {
+}, E = {
   ACTION_ID: "data-action-id",
   PROCESSED: "data-more-actions-processed"
-}, ae = 300, L = /* @__PURE__ */ new WeakMap();
-function j(e) {
-  if (!e)
+}, re = 300, X = /* @__PURE__ */ new WeakMap();
+function q(t) {
+  if (!t)
     return;
-  const t = Array.from(e.children), a = /* @__PURE__ */ new Set();
-  t.forEach((l) => {
-    const o = l.getAttribute(p.ACTION_ID);
-    o && a.add(o);
+  const e = Array.from(t.children), a = /* @__PURE__ */ new Set();
+  e.forEach((n) => {
+    const i = n.getAttribute(E.ACTION_ID);
+    i && a.add(i);
   });
-  let n = 0;
-  for (; a.has(`auto-action-${n}`); )
-    n++;
-  t.forEach((l) => {
-    l.hasAttribute(p.ACTION_ID) || (l.setAttribute(p.ACTION_ID, `${Q.AUTO_ACTION}${n}`), n++);
+  let o = 0;
+  for (; a.has(`auto-action-${o}`); )
+    o++;
+  e.forEach((n) => {
+    n.hasAttribute(E.ACTION_ID) || (n.setAttribute(E.ACTION_ID, `${te.AUTO_ACTION}${o}`), o++);
   });
 }
-function ie(e) {
-  const t = /* @__PURE__ */ new Map();
-  return e.forEach((a, n) => {
-    const l = a.getAttribute(p.ACTION_ID);
-    l ? t.set(a, l) : t.set(a, `${Q.INDEX_BASED}${n}`);
-  }), t;
+function ue(t) {
+  const e = /* @__PURE__ */ new Map();
+  return t.forEach((a, o) => {
+    const n = a.getAttribute(E.ACTION_ID);
+    n ? e.set(a, n) : e.set(a, `${te.INDEX_BASED}${o}`);
+  }), e;
 }
-function Be(e, t) {
+function Ne(t, e) {
   const a = [];
-  e.forEach((n) => {
-    t.has(n) || a.push(n);
-  }), a.forEach((n) => {
-    e.delete(n);
+  t.forEach((o) => {
+    e.has(o) || a.push(o);
+  }), a.forEach((o) => {
+    t.delete(o);
   });
 }
-function ne(e, t, a) {
-  const n = L.get(e);
-  if (n && (clearTimeout(n), L.delete(e)), a.has(t))
-    e.removeAttribute(p.PROCESSED), e.classList.add("invisible");
+function le(t, e, a) {
+  const o = X.get(t);
+  if (o && (clearTimeout(o), X.delete(t)), a.has(e))
+    t.removeAttribute(E.PROCESSED), t.classList.add("invisible");
   else {
-    const l = setTimeout(() => {
-      e.isConnected && e.setAttribute(p.PROCESSED, "true"), L.delete(e);
-    }, k.FAST);
-    L.set(e, l), e.classList.remove("invisible");
+    const n = setTimeout(() => {
+      t.isConnected && t.setAttribute(E.PROCESSED, "true"), X.delete(t);
+    }, F.FAST);
+    X.set(t, n), t.classList.remove("invisible");
   }
 }
-function J(e, t) {
-  if (!e)
+function ee(t, e) {
+  if (!t)
     return;
   Array.from(
-    e.querySelectorAll(`[${p.ACTION_ID}]`)
-  ).filter((l) => l.querySelectorAll(`[${p.ACTION_ID}]`).length === 0).forEach((l) => {
-    const o = l.getAttribute(p.ACTION_ID);
-    o && t.has(o) ? l.classList.remove("hidden") : l.classList.add("hidden");
+    t.querySelectorAll(`[${E.ACTION_ID}]`)
+  ).filter((n) => n.querySelectorAll(`[${E.ACTION_ID}]`).length === 0).forEach((n) => {
+    const i = n.getAttribute(E.ACTION_ID);
+    i && e.has(i) ? n.classList.remove("hidden") : n.classList.add("hidden");
   });
 }
-function Ce({
-  actionsContainerRef: e,
-  overflowIds: t,
+function xe({
+  actionsContainerRef: t,
+  overflowIds: e,
   moreDropdownMenuRef: a,
-  trackerElementRef: n,
-  onOverflowChange: l
+  trackerElementRef: o,
+  onOverflowChange: n
 }) {
-  const o = T(!1), i = T(""), s = Ie(n);
-  function d(h, u, r) {
-    t.value.clear(), h.forEach((f) => t.value.add(f)), u.forEach((f) => {
-      const m = r.get(f) || f.getAttribute(p.ACTION_ID) || void 0;
-      m && ne(f, m, t.value);
+  const i = O(!1), l = O(""), s = B(() => p(o.value)), d = be(s);
+  function r(u, f, I) {
+    e.value.clear(), u.forEach((v) => e.value.add(v)), f.forEach((v) => {
+      const h = I.get(v) || v.getAttribute(E.ACTION_ID) || void 0;
+      h && le(v, h, e.value);
     });
   }
-  function c() {
-    if (!e.value || !n.value) {
-      o.value = !1;
+  function g() {
+    const u = p(t.value), f = p(o.value);
+    if (!u || !f) {
+      i.value = !1;
       return;
     }
-    const h = Array.from(e.value.children), u = ie(h), r = /* @__PURE__ */ new Set(), f = window.getComputedStyle(e.value), m = f.columnGap || f.gap, O = m ? parseFloat(m) : 0;
-    h.forEach((_, E) => {
-      const y = u.get(_) || _.getAttribute(p.ACTION_ID) || void 0, w = _.getBoundingClientRect();
-      (E < h.length - 1 ? w.right + O : w.right) > s.left.value && y && r.add(y);
+    const I = Array.from(u.children).filter((c) => c instanceof HTMLElement), v = ue(I), h = /* @__PURE__ */ new Set(), S = window.getComputedStyle(u), D = S.columnGap || S.gap, W = D ? parseFloat(D) : 0;
+    I.forEach((c, C) => {
+      const _ = v.get(c) || c.getAttribute(E.ACTION_ID) || void 0, T = c.getBoundingClientRect();
+      (C < I.length - 1 ? T.right + W : T.right) > d.left.value && _ && h.add(_);
     });
-    const S = Array.from(t.value).sort().join(","), B = Array.from(r).sort().join(",");
-    S !== B && (d(r, h, u), J(a.value, t.value), l && i.value !== B && (i.value = B, V(() => {
-      l();
-    }))), o.value = !1;
-  }
-  const g = Z(c, k.FAST);
-  function v() {
-    o.value || !e.value || !n.value || (o.value = !0, g());
+    const M = Array.from(e.value).sort().join(","), y = Array.from(h).sort().join(",");
+    M !== y && (r(h, I, v), ee(p(a.value), e.value), n && l.value !== y && (l.value = y, $(() => {
+      n();
+    }))), i.value = !1;
   }
+  const m = Y(g, F.FAST);
   function A() {
-    s.update();
+    i.value || !p(t.value) || !p(o.value) || (i.value = !0, m());
   }
-  function I() {
-    g.cancel(), o.value = !1;
+  function b() {
+    d.update();
+  }
+  function w() {
+    m.cancel(), i.value = !1;
   }
   return {
-    calculateOverflow: v,
-    applyElementVisibility: ne,
-    updateOverflowState: d,
-    updateTrackerBounding: A,
-    cleanup: I,
-    isProcessing: o
+    calculateOverflow: A,
+    applyElementVisibility: le,
+    updateOverflowState: r,
+    updateTrackerBounding: b,
+    cleanup: w,
+    isProcessing: i
   };
 }
-function Me({
-  actionsContainerRef: e,
-  overflowIds: t,
+function We({
+  actionsContainerRef: t,
+  overflowIds: e,
   moreDropdownMenuRef: a,
-  trackerElementRef: n,
-  moreDropdownWidth: l,
-  calculateMoreButtonWidth: o,
-  hasMoreActionsSlot: i,
+  trackerElementRef: o,
+  moreDropdownWidth: n,
+  calculateMoreButtonWidth: i,
+  hasMoreActionsSlot: l,
   onOverflowChange: s
 }) {
-  const d = T(!1), {
-    calculateOverflow: c,
+  const d = O(!1), {
+    calculateOverflow: r,
     applyElementVisibility: g,
-    updateOverflowState: v,
+    updateOverflowState: m,
     updateTrackerBounding: A,
-    cleanup: I,
-    isProcessing: h
-  } = Ce({
-    actionsContainerRef: e,
-    overflowIds: t,
+    cleanup: b,
+    isProcessing: w
+  } = xe({
+    actionsContainerRef: t,
+    overflowIds: e,
     moreDropdownMenuRef: a,
-    trackerElementRef: n,
+    trackerElementRef: o,
     onOverflowChange: s
   });
-  let u = null, r = null, f = null;
-  function m() {
-    t.value.clear(), l.value = 0;
+  let u = null, f = null, I = null;
+  function v() {
+    e.value.clear(), n.value = 0;
   }
-  function O() {
-    r && (r(), r = null), f && (f(), f = null);
+  function h() {
+    f && (f(), f = null), I && (I(), I = null);
   }
-  const S = Z(
+  const S = B(() => p(t.value)), D = Y(
     () => {
-      !e.value || !i.value || (j(e.value), O(), I(), E());
+      const c = p(t.value);
+      !c || !l.value || (q(c), h(), b(), y());
     },
-    k.FAST,
+    F.FAST,
     { leading: !1, trailing: !0 }
   );
-  function B() {
-    if (!e.value || !i.value)
-      return;
-    const y = Array.from(e.value.children), w = ie(y), $ = new Set(w.values());
-    Be(t.value, $);
-    const { stop: q } = Te(e, () => {
-      A(), c();
+  function W() {
+    const c = p(t.value);
+    if (!c || !l.value) return;
+    const C = Array.from(c.children), _ = ue(C), T = new Set(_.values());
+    Ne(e.value, T);
+    const { stop: K } = Oe(S, () => {
+      A(), r();
     });
-    r = q;
-    const { stop: b } = be(
-      y,
-      (M) => {
-        if (h.value)
+    f = K;
+    const { stop: U } = we(
+      C,
+      (V) => {
+        if (w.value)
           return;
-        let D = !1;
-        const N = new Set(t.value);
-        if (M.forEach((R) => {
-          const F = R.target, x = w.get(F) || F.getAttribute(p.ACTION_ID) || void 0;
-          R.intersectionRatio === 1 ? x && N.has(x) && (N.delete(x), D = !0) : x && !N.has(x) && (N.add(x), D = !0);
-        }), D) {
-          const R = Array.from(t.value).sort().join(","), F = Array.from(N).sort().join(",");
-          R !== F && (v(N, y, w), J(a.value, t.value), s && V(() => {
+        let k = !1;
+        const N = new Set(e.value);
+        if (V.forEach((z) => {
+          const L = z.target, x = _.get(L) || L.getAttribute(E.ACTION_ID) || void 0;
+          z.intersectionRatio === 1 ? x && N.has(x) && (N.delete(x), k = !0) : x && !N.has(x) && (N.add(x), k = !0);
+        }), k) {
+          const z = Array.from(e.value).sort().join(","), L = Array.from(N).sort().join(",");
+          z !== L && (m(N, C, _), ee(p(a.value), e.value), s && $(() => {
             s();
           }));
         }
       },
-      {
-        root: e.value
-      }
+      { root: c }
     );
-    f = b, y.forEach((M) => {
-      const D = w.get(M) || M.getAttribute(p.ACTION_ID) || "";
-      g(M, D, t.value);
-    }), c(), J(a.value, t.value);
+    I = U, C.forEach((V) => {
+      const k = _.get(V) || V.getAttribute(E.ACTION_ID) || "";
+      g(V, k, e.value);
+    }), r(), ee(p(a.value), e.value);
   }
-  function _() {
-    e.value && i.value && (j(e.value), B(), l.value === 0 && (l.value = o()), !u && e.value && (u = new MutationObserver(S), u.observe(e.value, {
+  function M() {
+    const c = p(t.value);
+    c && l.value && (q(c), W(), n.value === 0 && (n.value = i()), u || (u = new MutationObserver(D), u.observe(c, {
       childList: !0,
       // Watch for added/removed children
       subtree: !1
       // Only watch direct children
     })));
   }
-  const E = Z(
+  const y = Y(
     () => {
-      d.value || (d.value = !0, _(), d.value = !1);
+      d.value || (d.value = !0, M(), d.value = !1);
     },
-    k.FAST,
+    F.FAST,
     { leading: !0 }
   );
-  ue(() => {
-    i.value && (j(e.value), _());
-  }), re(() => {
-    i.value && (j(e.value), e.value && Array.from(e.value.children).length === 0 && m(), O(), I(), E());
-  }), ce(() => {
-    O(), I(), S.cancel(), E.cancel(), u && (u.disconnect(), u = null);
-  }), oe(() => {
-    O(), I(), S.cancel(), E.cancel(), u && (u.disconnect(), u = null);
+  de(() => {
+    l.value && (q(p(t.value)), M());
+  }), fe(() => {
+    if (!l.value) return;
+    const c = p(t.value);
+    q(c), c && Array.from(c.children).length === 0 && v(), h(), b(), y();
+  }), ve(() => {
+    h(), b(), D.cancel(), y.cancel(), u && (u.disconnect(), u = null);
+  }), se(() => {
+    h(), b(), D.cancel(), y.cancel(), u && (u.disconnect(), u = null);
   });
 }
-function Ne({
-  moreDropdownRef: e,
-  actionsContainerRef: t,
+function Ve({
+  moreDropdownRef: t,
+  actionsContainerRef: e,
   moreButtonAlign: a,
-  hasOverflowActions: n
+  hasOverflowActions: o
 }) {
-  const l = () => {
-    var s;
-    if (!((s = e.value) != null && s.$el))
-      return 0;
-    const i = e.value.$el.getBoundingClientRect().width;
-    if (a === "separate" && t.value) {
-      const d = window.getComputedStyle(t.value), c = parseFloat(d.gap) || 0;
-      return i + c;
+  const n = () => {
+    const l = t.value;
+    if (!De(l)) return 0;
+    const s = l.$el.getBoundingClientRect().width;
+    if (a === "separate") {
+      const d = p(e.value);
+      if (!d) return s;
+      const r = window.getComputedStyle(d), g = parseFloat(r.gap) || 0;
+      return s + g;
     }
-    return i;
-  }, o = T(0);
-  return X(n, (i) => {
-    i && e.value && V(() => {
-      const s = l();
-      s > 0 && (o.value = s);
+    return s;
+  }, i = O(0);
+  return G(o, (l) => {
+    l && t.value && $(() => {
+      const s = n();
+      s > 0 && (i.value = s);
     });
   }), {
-    calculateMoreButtonWidth: l,
-    moreButtonWidth: o
+    calculateMoreButtonWidth: n,
+    moreButtonWidth: i
   };
 }
-function xe({ actionsContainerRef: e, overflowIds: t }) {
-  const a = T(0), n = T(!1), l = T(!1);
-  let o = null;
-  const i = () => {
-    if (!e.value) {
+function ke({ actionsContainerRef: t, overflowIds: e }) {
+  const a = O(0), o = O(!1), n = O(!1);
+  let i = null;
+  const l = () => {
+    const r = p(t.value);
+    if (!r) {
       a.value = 0;
       return;
     }
-    let c = 0;
-    const g = Array.from(e.value.children);
-    g.forEach((v, A) => {
-      const I = v.getAttribute(p.ACTION_ID), h = !I || !t.value.has(I), u = v.classList.contains("invisible");
-      if (h && !u) {
-        const r = v.getBoundingClientRect();
-        if (c += r.width, A < g.length - 1 && e.value) {
-          const f = window.getComputedStyle(e.value), m = f.columnGap || f.gap, O = m ? parseFloat(m) : 0;
-          c += O;
+    let g = 0;
+    const m = Array.from(r.children);
+    m.forEach((A, b) => {
+      const w = A.getAttribute(E.ACTION_ID), u = !w || !e.value.has(w), f = A.classList.contains("invisible");
+      if (u && !f) {
+        const I = A.getBoundingClientRect();
+        if (g += I.width, b < m.length - 1 && r) {
+          const v = window.getComputedStyle(r), h = v.columnGap || v.gap, S = h ? parseFloat(h) : 0;
+          g += S;
         }
       }
-    }), a.value = c;
+    }), a.value = g;
   }, s = () => {
-    l.value = !0, o && clearTimeout(o), o = setTimeout(() => {
-      n.value || (n.value = !0, V(() => {
-        V(() => {
-          i(), n.value = !1, l.value = !1;
+    n.value = !0, i && clearTimeout(i), i = setTimeout(() => {
+      o.value || (o.value = !0, $(() => {
+        $(() => {
+          l(), o.value = !1, n.value = !1;
         });
       }));
-    }, ae + 100);
+    }, re + 100);
   };
-  return X(t, () => {
+  return G(e, () => {
     s();
   }), {
     visibleElementsWidth: a,
-    isRecalculatingWidth: n,
-    isRecalculatingWithDelay: l,
-    calculateVisibleElementsWidth: i,
+    isRecalculatingWidth: o,
+    isRecalculatingWithDelay: n,
+    calculateVisibleElementsWidth: l,
     calculateVisibleElementsWidthDelayed: s,
     cleanup: () => {
-      o && (clearTimeout(o), o = null), l.value = !1;
+      i && (clearTimeout(i), i = null), n.value = !1;
     }
   };
 }
-const We = ["id"], Ve = /* @__PURE__ */ de({
+const $e = ["id"], Fe = /* @__PURE__ */ me({
   __name: "MoreActions",
   props: {
     actionsContainerClass: { default: void 0 },
     actionsContainerTag: { default: "div" },
-    moreButtonText: { default: () => Oe("ll.more") },
+    moreButtonText: { default: () => ye("ll.more") },
     width: { default: void 0 },
     dropdownMode: { default: "default" },
     moreButtonAlign: { default: "separate" }
   },
-  setup(e) {
-    const t = e, a = fe(), n = W(() => !!a["more-actions"]), l = U("actionsContainerRef"), o = U("moreDropdownRef"), i = U("moreDropdownMenuRef"), s = U("trackerElementRef"), d = T(/* @__PURE__ */ new Set()), c = T(!1), g = Ae(Q.MORE_MENU), v = T(null), A = T(!1), {
-      isVisible: I,
-      shouldShow: h,
+  setup(t) {
+    const e = t, a = he(), o = B(() => !!a["more-actions"]), n = P("actionsContainerRef"), i = P("moreDropdownRef"), l = P("moreDropdownMenuRef"), s = P("trackerElementRef"), d = O(/* @__PURE__ */ new Set()), r = O(!1), g = Ee(te.MORE_MENU), m = O(null), A = O(!1), {
+      isVisible: b,
+      shouldShow: w,
       toggle: u
-    } = _e({
-      duration: ae,
+    } = Me({
+      duration: re,
       initialVisible: !1
-    }), r = W(() => d.value.size > 0), { calculateMoreButtonWidth: f, moreButtonWidth: m } = Ne({
-      moreDropdownRef: o,
-      actionsContainerRef: l,
-      moreButtonAlign: t.moreButtonAlign,
-      hasOverflowActions: r
+    }), f = B(() => d.value.size > 0), { calculateMoreButtonWidth: I, moreButtonWidth: v } = Ve({
+      moreDropdownRef: i,
+      actionsContainerRef: n,
+      moreButtonAlign: e.moreButtonAlign,
+      hasOverflowActions: f
     }), {
-      visibleElementsWidth: O,
+      visibleElementsWidth: h,
       isRecalculatingWithDelay: S,
-      calculateVisibleElementsWidthDelayed: B,
-      cleanup: _
-    } = xe({
-      actionsContainerRef: l,
+      calculateVisibleElementsWidthDelayed: D,
+      cleanup: W
+    } = ke({
+      actionsContainerRef: n,
       overflowIds: d
-    }), E = W(() => n.value && r.value && !S.value && A.value), y = W(() => c.value.toString()), w = W(() => E.value ? `calc(100% - ${m.value}px)` : "100%"), $ = W(() => t.moreButtonAlign === "together" ? { left: `${O.value}px`, right: "auto" } : { right: "0", left: "auto" });
-    Me({
-      actionsContainerRef: l,
+    }), M = B(() => o.value && f.value && !S.value && A.value), y = B(() => r.value.toString()), c = B(() => M.value ? `calc(100% - ${v.value}px)` : "100%"), C = B(() => e.moreButtonAlign === "together" ? { left: `${h.value}px`, right: "auto" } : { right: "0", left: "auto" });
+    We({
+      actionsContainerRef: n,
       overflowIds: d,
-      moreDropdownMenuRef: i,
+      moreDropdownMenuRef: l,
       trackerElementRef: s,
-      moreDropdownWidth: m,
-      calculateMoreButtonWidth: f,
-      hasMoreActionsSlot: n,
-      onOverflowChange: B
-    }), X(
-      () => n.value && r.value && !S.value,
-      (b) => {
-        v.value && (clearTimeout(v.value), v.value = null), b ? v.value = setTimeout(() => {
+      moreDropdownWidth: v,
+      calculateMoreButtonWidth: I,
+      hasMoreActionsSlot: o,
+      onOverflowChange: D
+    }), G(
+      () => o.value && f.value && !S.value,
+      (T) => {
+        m.value && (clearTimeout(m.value), m.value = null), T ? m.value = setTimeout(() => {
           A.value = !0;
-        }, k.FAST) : A.value = !1;
+        }, F.FAST) : A.value = !1;
       }
-    ), X(E, (b) => {
-      u(b);
+    ), G(M, (T) => {
+      u(T);
     });
-    function q(b) {
-      c.value = b;
+    function _(T) {
+      r.value = T;
     }
-    return oe(() => {
-      _(), v.value && clearTimeout(v.value);
-    }), (b, M) => (H(), ve("div", {
+    return se(() => {
+      W(), m.value && clearTimeout(m.value);
+    }), (T, K) => (Z(), pe("div", {
       class: "stash-more-actions relative overflow-x-hidden",
       "data-test": "stash-more-actions",
-      style: z({ width: t.width })
+      style: j({ width: e.width })
     }, [
-      (H(), Y(he(t.actionsContainerTag), {
+      (Z(), ne(Ae(e.actionsContainerTag), {
         ref_key: "actionsContainerRef",
-        ref: l,
+        ref: n,
         "data-test": "stash-more-actions__container",
-        style: z({
-          width: w.value,
-          minWidth: C(m) ? `${C(m)}px` : void 0
+        style: j({
+          width: c.value,
+          minWidth: R(v) ? `${R(v)}px` : void 0
         }),
-        class: te(["stash-more-actions__container flex items-center gap-2 overflow-x-hidden", t.actionsContainerClass])
+        class: ie(["stash-more-actions__container flex items-center gap-2 overflow-x-hidden", e.actionsContainerClass])
       }, {
-        default: P(() => [
-          G(b.$slots, "default")
+        default: H(() => [
+          J(T.$slots, "default")
         ]),
         _: 3
       }, 8, ["style", "class"])),
-      ee("div", {
+      oe("div", {
         ref_key: "trackerElementRef",
         ref: s,
         class: "stash-more-actions__tracker",
-        style: z({
+        style: j({
           position: "absolute",
           right: "0px",
           top: "0",
           visibility: "hidden",
-          width: C(m) + "px",
+          width: R(v) + "px",
           height: "100%",
           pointerEvents: "none",
-          zIndex: C(De).TRACKER
+          zIndex: R(Re).TRACKER
         })
       }, null, 4),
-      n.value ? (H(), Y(Ee, {
+      o.value ? (Z(), ne(Ce, {
         key: 0,
         ref_key: "moreDropdownRef",
-        ref: o,
-        class: te([
+        ref: i,
+        class: ie([
           "!absolute top-0",
-          C(h) ? "animate-fade-in" : "animate-fade-out",
-          { invisible: !C(I) }
+          R(w) ? "animate-fade-in" : "animate-fade-out",
+          { invisible: !R(b) }
         ]),
-        style: z($.value),
-        onToggle: q
+        style: j(C.value),
+        onToggle: _
       }, {
-        toggle: P(({ toggle: D }) => [
-          G(b.$slots, "toggle", {
-            toggle: D,
-            isOpen: c.value
+        toggle: H(({ toggle: U }) => [
+          J(T.$slots, "toggle", {
+            toggle: U,
+            isOpen: r.value
           }, () => [
-            le(ye, {
+            ae(Se, {
               class: "button -border-gray-500 text-gray-500 flex w-full items-center justify-between -border",
               secondary: "",
               "aria-expanded": y.value,
-              onClick: D
+              onClick: U
             }, {
-              default: P(() => [
-                pe(ge(t.moreButtonText) + " ", 1),
-                le(we, {
+              default: H(() => [
+                Ie(Te(e.moreButtonText) + " ", 1),
+                ae(_e, {
                   class: "-ml-1.5",
                   name: "action-dots"
                 })
@@ -445,25 +451,25 @@ const We = ["id"], Ve = /* @__PURE__ */ de({
             }, 8, ["aria-expanded", "onClick"])
           ])
         ]),
-        default: P(() => [
-          ee("div", {
-            id: C(g),
+        default: H(() => [
+          oe("div", {
+            id: R(g),
             ref_key: "moreDropdownMenuRef",
-            ref: i,
+            ref: l,
             "data-test": "stash-more-actions__dropdown",
             class: "flex flex-col gap-1.5 p-1.5"
           }, [
-            G(b.$slots, "more-actions")
-          ], 8, We)
+            J(T.$slots, "more-actions")
+          ], 8, $e)
         ]),
         _: 3
-      }, 8, ["class", "style"])) : me("", !0)
+      }, 8, ["class", "style"])) : ge("", !0)
     ], 4));
   }
-}), ke = {}, $e = {
-  $style: ke
-}, Ge = /* @__PURE__ */ Se(Ve, [["__cssModules", $e]]);
+}), Ue = {}, ze = {
+  $style: Ue
+}, Ye = /* @__PURE__ */ Be(Fe, [["__cssModules", ze]]);
 export {
-  Ge as default
+  Ye as default
 };
 //# sourceMappingURL=MoreActions.js.map