@leaflink/stash 51.11.0 → 51.12.0

package/dist/MoreActions.js

@@ -1,6 +1,6 @@
 import { ref as O, onUnmounted as K, onMounted as Z, onUpdated as J, onDeactivated as Q, onBeforeUnmount as Y, watch as R, nextTick as W, defineComponent as tt, useTemplateRef as M, computed as C, createElementBlock as et, openBlock as ot, normalizeStyle as N, createElementVNode as V, withDirectives as it, normalizeClass as H, renderSlot as L, unref as x, createVNode as $, withCtx as k, createTextVNode as lt, toDisplayString as nt, vShow as at } from "vue";
 import st from "lodash-es/uniqueId";
-import { b as U, c as rt, d as ut, e as ct } from "./index-XZqpB2_R.js";
+import { b as U, c as rt, d as ut, e as ct } from "./index-DA_ft08e.js";
 import { t as dt } from "./locale.js";
 import ft from "./Button.js";
 import vt from "./Dropdown.js";
@@ -9,38 +9,38 @@ import X from "lodash-es/debounce";
 import { DEBOUNCE as q } from "./constants.js";
 import { _ as pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function wt(e = {}) {
-  const { duration: t = 300, initialVisible: l = !1 } = e, [o, a] = U(l), [n, i] = U(l), [s, u] = U(!1), r = O(null);
+  const { duration: t = 300, initialVisible: l = !1 } = e, [o, s] = U(l), [n, i] = U(l), [a, u] = U(!1), r = O(null);
   function d() {
     r.value !== null && (clearTimeout(r.value), r.value = null);
   }
-  function A(v) {
-    d(), o.value !== v && a(), n.value !== v && i(), s.value && u();
+  function v(h) {
+    d(), o.value !== h && s(), n.value !== h && i(), a.value && u();
   }
-  function h(v) {
-    d(), v ? (o.value || a(), n.value || i(), s.value && u()) : (n.value && i(), s.value || u(), r.value = setTimeout(() => {
-      o.value && a(), s.value && u(), r.value = null;
+  function p(h) {
+    d(), h ? (o.value || s(), n.value || i(), a.value && u()) : (n.value && i(), a.value || u(), r.value = setTimeout(() => {
+      o.value && s(), a.value && u(), r.value = null;
     }, t));
   }
-  function m() {
-    h(!0);
+  function g() {
+    p(!0);
   }
   function f() {
-    h(!1);
+    p(!1);
   }
-  function g() {
+  function A() {
     d();
   }
   return K(() => {
-    g();
+    A();
   }), {
     isVisible: o,
     shouldShow: n,
-    shouldHide: s,
-    toggle: h,
-    show: m,
+    shouldHide: a,
+    toggle: p,
+    show: g,
     hide: f,
-    setVisible: A,
-    cleanup: g
+    setVisible: v,
+    cleanup: A
   };
 }
 const mt = {
@@ -50,32 +50,32 @@ const mt = {
   AUTO_ACTION: "auto-action-",
   INDEX_BASED: "index-",
   MORE_MENU: "more-actions-menu-"
-}, w = {
+}, m = {
   ACTION_ID: "data-action-id"
 }, gt = 300;
 function j(e) {
   if (!e)
     return;
   const t = Array.from(e.children), l = /* @__PURE__ */ new Set();
-  t.forEach((a) => {
-    const n = a.getAttribute(w.ACTION_ID);
+  t.forEach((s) => {
+    const n = s.getAttribute(m.ACTION_ID);
     n && l.add(n);
   });
   let o = 0;
   for (; l.has(`auto-action-${o}`); )
     o++;
-  t.forEach((a) => {
-    a.hasAttribute(w.ACTION_ID) || (a.setAttribute(w.ACTION_ID, `${z.AUTO_ACTION}${o}`), o++);
+  t.forEach((s) => {
+    s.hasAttribute(m.ACTION_ID) || (s.setAttribute(m.ACTION_ID, `${z.AUTO_ACTION}${o}`), o++);
   });
 }
 function G(e) {
   const t = /* @__PURE__ */ new Map();
   return e.forEach((l, o) => {
-    const a = l.getAttribute(w.ACTION_ID);
-    a ? t.set(l, a) : t.set(l, `${z.INDEX_BASED}${o}`);
+    const s = l.getAttribute(m.ACTION_ID);
+    s ? t.set(l, s) : t.set(l, `${z.INDEX_BASED}${o}`);
   }), t;
 }
-function It(e, t) {
+function At(e, t) {
   const l = [];
   e.forEach((o) => {
     t.has(o) || l.push(o);
@@ -89,18 +89,18 @@ function P(e, t, l) {
 function F(e, t, l, o) {
   if (!e)
     return;
-  const a = Array.from(e.children);
+  const s = Array.from(e.children);
   if (t) {
     const n = Array.from(t.children);
-    a.forEach((i, s) => {
-      if (s < n.length) {
-        const r = n[s].getAttribute(w.ACTION_ID);
-        r && i.setAttribute(w.ACTION_ID, r);
+    s.forEach((i, a) => {
+      if (a < n.length) {
+        const r = n[a].getAttribute(m.ACTION_ID);
+        r && i.setAttribute(m.ACTION_ID, r);
       }
     });
   }
-  a.forEach((n) => {
-    const i = n.getAttribute(w.ACTION_ID);
+  s.forEach((n) => {
+    const i = n.getAttribute(m.ACTION_ID);
     o && (typeof o == "string" ? o.split(" ").filter(Boolean).forEach((r) => {
       r && n.classList.add(r);
     }) : typeof o == "object" && Object.entries(o).forEach(([u, r]) => {
@@ -108,19 +108,19 @@ function F(e, t, l, o) {
     })), i && l.has(i) ? n.classList.remove("tw-hidden") : n.classList.add("tw-hidden");
   });
 }
-function At({
+function bt({
   actionsContainerRef: e,
   overflowIds: t,
   moreDropdownMenuRef: l,
   trackerElementRef: o,
-  itemInDropdownClass: a,
+  itemInDropdownClass: s,
   onOverflowChange: n
 }) {
-  const i = O(!1), s = O(""), u = rt(o);
-  function r(f, g, v) {
-    t.value.clear(), f.forEach((p) => t.value.add(p)), g.forEach((p) => {
-      const b = v.get(p) || p.getAttribute(w.ACTION_ID) || void 0;
-      b && P(p, b, t.value);
+  const i = O(!1), a = O(""), u = rt(o);
+  function r(f, A, h) {
+    t.value.clear(), f.forEach((w) => t.value.add(w)), A.forEach((w) => {
+      const I = h.get(w) || w.getAttribute(m.ACTION_ID) || void 0;
+      I && P(w, I, t.value);
     });
   }
   function d() {
@@ -128,52 +128,52 @@ function At({
       i.value = !1;
       return;
     }
-    const f = Array.from(e.value.children), g = G(f), v = /* @__PURE__ */ new Set(), p = window.getComputedStyle(e.value), b = p.columnGap || p.gap, y = b ? parseFloat(b) : 0;
-    f.forEach((I, E) => {
-      const c = g.get(I) || I.getAttribute(w.ACTION_ID) || void 0, S = I.getBoundingClientRect();
-      (E < f.length - 1 ? S.right + y : S.right) > u.left.value && c && v.add(c);
+    const f = Array.from(e.value.children), A = G(f), h = /* @__PURE__ */ new Set(), w = window.getComputedStyle(e.value), I = w.columnGap || w.gap, y = I ? parseFloat(I) : 0;
+    f.forEach((b, E) => {
+      const c = A.get(b) || b.getAttribute(m.ACTION_ID) || void 0, S = b.getBoundingClientRect();
+      (E < f.length - 1 ? S.right + y : S.right) > u.left.value && c && h.add(c);
     });
-    const _ = Array.from(t.value).sort().join(","), D = Array.from(v).sort().join(",");
-    _ !== D && (r(v, f, g), F(
+    const _ = Array.from(t.value).sort().join(","), D = Array.from(h).sort().join(",");
+    _ !== D && (r(h, f, A), F(
       l.value,
       e.value,
       t.value,
-      a
-    ), n && s.value !== D && (s.value = D, n())), i.value = !1;
+      s
+    ), n && a.value !== D && (a.value = D, n())), i.value = !1;
   }
-  const A = X(d, q.FAST);
-  function h() {
-    i.value || !e.value || !o.value || (i.value = !0, A());
+  const v = X(d, q.FAST);
+  function p() {
+    i.value || !e.value || !o.value || (i.value = !0, v());
   }
-  function m() {
-    A.cancel(), i.value = !1;
+  function g() {
+    v.cancel(), i.value = !1;
   }
   return {
-    calculateOverflow: h,
+    calculateOverflow: p,
     applyElementVisibility: P,
     updateOverflowState: r,
-    cleanup: m,
+    cleanup: g,
     isProcessing: i
   };
 }
-function bt({
+function It({
   actionsContainerRef: e,
   overflowIds: t,
   moreDropdownMenuRef: l,
   trackerElementRef: o,
-  moreDropdownWidth: a,
+  moreDropdownWidth: s,
   itemInDropdownClass: n,
   calculateMoreButtonWidth: i,
-  autoDetectActions: s = !0,
+  autoDetectActions: a = !0,
   onOverflowChange: u
 }) {
   const r = O(!1), {
     calculateOverflow: d,
-    applyElementVisibility: A,
-    updateOverflowState: h,
-    cleanup: m,
+    applyElementVisibility: v,
+    updateOverflowState: p,
+    cleanup: g,
     isProcessing: f
-  } = At({
+  } = bt({
     actionsContainerRef: e,
     overflowIds: t,
     moreDropdownMenuRef: l,
@@ -181,26 +181,26 @@ function bt({
     itemInDropdownClass: n,
     onOverflowChange: u
   });
-  function g() {
-    t.value.clear(), a.value = 0;
+  function A() {
+    t.value.clear(), s.value = 0;
   }
-  function v() {
+  function h() {
     if (!e.value)
       return;
     const y = Array.from(e.value.children), _ = G(y), D = new Set(_.values());
-    It(t.value, D), ut(e, d), ct(
+    At(t.value, D), ut(e, d), ct(
       y,
-      (I) => {
+      (b) => {
         if (f.value)
           return;
         let E = !1;
         const c = new Set(t.value);
-        if (I.forEach((S) => {
-          const T = S.target, B = _.get(T) || T.getAttribute(w.ACTION_ID) || void 0;
+        if (b.forEach((S) => {
+          const T = S.target, B = _.get(T) || T.getAttribute(m.ACTION_ID) || void 0;
           S.intersectionRatio === 1 ? B && c.has(B) && (c.delete(B), E = !0) : B && !c.has(B) && (c.add(B), E = !0);
         }), E) {
           const S = Array.from(t.value).sort().join(","), T = Array.from(c).sort().join(",");
-          S !== T && (h(c, y, _), F(
+          S !== T && (p(c, y, _), F(
             l.value,
             e.value,
             t.value,
@@ -211,9 +211,9 @@ function bt({
       {
         root: e.value
       }
-    ), y.forEach((I) => {
-      const E = _.get(I) || I.getAttribute(w.ACTION_ID) || "";
-      A(I, E, t.value);
+    ), y.forEach((b) => {
+      const E = _.get(b) || b.getAttribute(m.ACTION_ID) || "";
+      v(b, E, t.value);
     }), d(), F(
       l.value,
       e.value,
@@ -221,24 +221,24 @@ function bt({
       n
     );
   }
-  function p() {
-    e.value && (s && j(e.value), v(), a.value === 0 && (a.value = i()));
+  function w() {
+    e.value && (a && j(e.value), h(), s.value === 0 && (s.value = i()));
   }
-  const b = X(
+  const I = X(
     () => {
-      r.value || (r.value = !0, p(), r.value = !1);
+      r.value || (r.value = !0, w(), r.value = !1);
     },
     q.FAST,
     { leading: !0 }
   );
   Z(() => {
-    s && j(e.value), p();
+    a && j(e.value), w();
   }), J(() => {
-    s && j(e.value), e.value && Array.from(e.value.children).length === 0 && g(), m(), b();
+    a && j(e.value), e.value && Array.from(e.value.children).length === 0 && A(), g(), I();
   }), Q(() => {
-    m();
+    g();
   }), Y(() => {
-    m();
+    g();
   });
 }
 function yt({
@@ -247,19 +247,20 @@ function yt({
   autoStyleDropdownItems: l,
   activeItemId: o
 }) {
-  function a() {
+  function s() {
     if (!l || !e.value)
       return;
     Array.from(e.value.children).forEach((i) => {
+      var d;
       if (!(i instanceof HTMLElement))
         return;
-      const s = i.getAttribute(w.ACTION_ID);
-      if (s && !t.value.has(s)) {
+      const a = i.getAttribute(m.ACTION_ID);
+      if (a && !t.value.has(a)) {
         i.classList.add("tw-hidden");
         return;
       } else
         i.classList.remove("tw-hidden");
-      i.querySelector(".stash-tabs__dropdown-selected-tab-icon")?.remove();
+      (d = i.querySelector(".stash-tabs__dropdown-selected-tab-icon")) == null || d.remove();
       const u = i.firstElementChild;
       u && (u.className = ""), i.className = "", i.classList.add(
         "tw-flex",
@@ -281,14 +282,14 @@ function yt({
         "tw-list-none"
       );
       const r = i.getAttribute("id");
-      if (r && o?.value && r === o.value) {
-        const d = document.createElement("span");
-        d.className = "stash-tabs__dropdown-selected-tab-icon", d.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" class="tw-text-blue-500 tw-w-6 tw-h-6" viewBox="0 0 24 24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M20.707 6.854 9 18.561l-5.707-5.707 1.414-1.414L9 15.733 19.293 5.44l1.414 1.414Z" clip-rule="evenodd"/></svg>', i.appendChild(d);
+      if (r && (o != null && o.value) && r === o.value) {
+        const v = document.createElement("span");
+        v.className = "stash-tabs__dropdown-selected-tab-icon", v.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" class="tw-text-blue-500 tw-w-6 tw-h-6" viewBox="0 0 24 24" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M20.707 6.854 9 18.561l-5.707-5.707 1.414-1.414L9 15.733 19.293 5.44l1.414 1.414Z" clip-rule="evenodd"/></svg>', i.appendChild(v);
       }
     });
   }
   return {
-    applyDropdownItemStyling: a
+    applyDropdownItemStyling: s
   };
 }
 function Et({
@@ -297,40 +298,41 @@ function Et({
   moreButtonAlign: l,
   hasOverflowActions: o
 }) {
-  const a = () => {
-    if (!e.value?.$el)
+  const s = () => {
+    var a;
+    if (!((a = e.value) != null && a.$el))
       return 0;
     const i = e.value.$el.getBoundingClientRect().width;
     if (l === "separate" && t.value) {
-      const s = window.getComputedStyle(t.value), u = parseFloat(s.gap) || 0;
-      return i + u;
+      const u = window.getComputedStyle(t.value), r = parseFloat(u.gap) || 0;
+      return i + r;
     }
     return i;
   }, n = O(0);
   return R(o, (i) => {
     i && e.value && W(() => {
-      const s = a();
-      s > 0 && (n.value = s);
+      const a = s();
+      a > 0 && (n.value = a);
     });
   }), {
-    calculateMoreButtonWidth: a,
+    calculateMoreButtonWidth: s,
     moreButtonWidth: n
   };
 }
 function Ot({ actionsContainerRef: e, overflowIds: t }) {
-  const l = O(0), o = O(!1), a = () => {
+  const l = O(0), o = O(!1), s = () => {
     if (!e.value) {
       l.value = 0;
       return;
     }
     let n = 0;
     const i = Array.from(e.value.children);
-    i.forEach((s, u) => {
-      const r = s.classList.contains("tw-invisible"), d = s.getAttribute(w.ACTION_ID);
+    i.forEach((a, u) => {
+      const r = a.classList.contains("tw-invisible"), d = a.getAttribute(m.ACTION_ID);
       if (!r && d && !t.value.has(d)) {
-        const A = s.getBoundingClientRect();
-        if (n += A.width, u < i.length - 1 && e.value) {
-          const h = window.getComputedStyle(e.value), m = h.columnGap || h.gap, f = m ? parseFloat(m) : 0;
+        const v = a.getBoundingClientRect();
+        if (n += v.width, u < i.length - 1 && e.value) {
+          const p = window.getComputedStyle(e.value), g = p.columnGap || p.gap, f = g ? parseFloat(g) : 0;
           n += f;
         }
       }
@@ -338,12 +340,12 @@ function Ot({ actionsContainerRef: e, overflowIds: t }) {
   };
   return R(t, () => {
     o.value || (o.value = !0, W(() => {
-      a(), o.value = !1;
+      s(), o.value = !1;
     }));
   }), {
     visibleElementsWidth: l,
     isRecalculatingWidth: o,
-    calculateVisibleElementsWidth: a
+    calculateVisibleElementsWidth: s
   };
 }
 const _t = ["id"], St = /* @__PURE__ */ tt({
@@ -361,48 +363,48 @@ const _t = ["id"], St = /* @__PURE__ */ tt({
     itemInDropdownClass: { default: void 0 }
   },
   setup(e) {
-    const t = e, l = M("actionsContainerRef"), o = M("moreDropdownRef"), a = M("moreDropdownMenuRef"), n = M("trackerElementRef"), i = O(/* @__PURE__ */ new Set()), s = O(!1), u = st(z.MORE_MENU), {
+    const t = e, l = M("actionsContainerRef"), o = M("moreDropdownRef"), s = M("moreDropdownMenuRef"), n = M("trackerElementRef"), i = O(/* @__PURE__ */ new Set()), a = O(!1), u = st(z.MORE_MENU), {
       isVisible: r,
       shouldShow: d,
-      toggle: A
+      toggle: v
     } = wt({
       duration: gt,
       initialVisible: !1
-    }), h = C(() => i.value.size > 0), { calculateMoreButtonWidth: m, moreButtonWidth: f } = Et({
+    }), p = C(() => i.value.size > 0), { calculateMoreButtonWidth: g, moreButtonWidth: f } = Et({
       moreDropdownRef: o,
       actionsContainerRef: l,
       moreButtonAlign: t.moreButtonAlign,
-      hasOverflowActions: h
-    }), { visibleElementsWidth: g, isRecalculatingWidth: v, calculateVisibleElementsWidth: p } = Ot({
+      hasOverflowActions: p
+    }), { visibleElementsWidth: A, isRecalculatingWidth: h, calculateVisibleElementsWidth: w } = Ot({
       actionsContainerRef: l,
       overflowIds: i
-    }), b = C(() => h.value), y = C(() => s.value.toString()), _ = C(() => b.value ? `calc(100% - ${f.value}px)` : "100%"), D = C(() => t.moreButtonAlign === "together" ? { left: `${g.value}px`, right: "auto" } : { right: "0", left: "auto" });
-    bt({
+    }), I = C(() => p.value), y = C(() => a.value.toString()), _ = C(() => I.value ? `calc(100% - ${f.value}px)` : "100%"), D = C(() => t.moreButtonAlign === "together" ? { left: `${A.value}px`, right: "auto" } : { right: "0", left: "auto" });
+    It({
       actionsContainerRef: l,
       overflowIds: i,
-      moreDropdownMenuRef: a,
+      moreDropdownMenuRef: s,
       trackerElementRef: n,
       moreDropdownWidth: f,
       itemInDropdownClass: t.itemInDropdownClass,
-      calculateMoreButtonWidth: m,
+      calculateMoreButtonWidth: g,
       autoDetectActions: !t.disableAutoDetectActions,
       onOverflowChange: () => {
-        v.value || W(() => {
-          p();
+        h.value || W(() => {
+          w();
         });
       }
     });
-    const { applyDropdownItemStyling: I } = yt({
-      moreDropdownMenuRef: a,
+    const { applyDropdownItemStyling: b } = yt({
+      moreDropdownMenuRef: s,
       overflowIds: i,
       autoStyleDropdownItems: t.autoStyleDropdownItems,
       activeItemId: C(() => t.activeItemId)
     });
-    R(b, (c) => {
-      A(c);
+    R(I, (c) => {
+      v(c);
     });
     function E(c) {
-      s.value = c, c && t.autoStyleDropdownItems && W(() => I());
+      a.value = c, c && t.autoStyleDropdownItems && W(() => b());
     }
     return (c, S) => (ot(), et("div", {
       class: "stash-more-actions tw-relative",
@@ -445,7 +447,7 @@ const _t = ["id"], St = /* @__PURE__ */ tt({
         toggle: k(({ toggle: T }) => [
           L(c.$slots, "toggle", {
             toggle: T,
-            isOpen: s.value
+            isOpen: a.value
           }, () => [
             $(ft, {
               class: "button tw-border-gray-500 tw-text-gray-500 tw-flex tw-w-full tw-items-center tw-justify-between tw-border",
@@ -460,15 +462,15 @@ const _t = ["id"], St = /* @__PURE__ */ tt({
                   name: "action-dots"
                 })
               ]),
-              _: 1
-            }, 8, ["aria-expanded", "onClick"])
+              _: 2
+            }, 1032, ["aria-expanded", "onClick"])
           ])
         ]),
         default: k(() => [
           V("div", {
             id: x(u),
             ref_key: "moreDropdownMenuRef",
-            ref: a,
+            ref: s,
             class: "tw-flex tw-flex-col tw-gap-1.5 tw-p-1.5"
           }, [
             L(c.$slots, "actions")