@leaflink/stash 51.10.0 → 51.11.1

package/dist/MoreActions.js

@@ -0,0 +1,491 @@
+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-C14LhAwV.js";
+import { t as dt } from "./locale.js";
+import ft from "./Button.js";
+import vt from "./Dropdown.js";
+import ht from "./Icon.js";
+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, 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 v(h) {
+    d(), o.value !== h && s(), n.value !== h && i(), a.value && u();
+  }
+  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 g() {
+    p(!0);
+  }
+  function f() {
+    p(!1);
+  }
+  function A() {
+    d();
+  }
+  return K(() => {
+    A();
+  }), {
+    isVisible: o,
+    shouldShow: n,
+    shouldHide: a,
+    toggle: p,
+    show: g,
+    hide: f,
+    setVisible: v,
+    cleanup: A
+  };
+}
+const mt = {
+  TRACKER: -1,
+  DROPDOWN: 1e3
+}, z = {
+  AUTO_ACTION: "auto-action-",
+  INDEX_BASED: "index-",
+  MORE_MENU: "more-actions-menu-"
+}, 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((s) => {
+    const n = s.getAttribute(m.ACTION_ID);
+    n && l.add(n);
+  });
+  let o = 0;
+  for (; l.has(`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 s = l.getAttribute(m.ACTION_ID);
+    s ? t.set(l, s) : t.set(l, `${z.INDEX_BASED}${o}`);
+  }), t;
+}
+function At(e, t) {
+  const l = [];
+  e.forEach((o) => {
+    t.has(o) || l.push(o);
+  }), l.forEach((o) => {
+    e.delete(o);
+  });
+}
+function P(e, t, l) {
+  l.has(t) ? e.classList.add("tw-invisible") : e.classList.remove("tw-invisible");
+}
+function F(e, t, l, o) {
+  if (!e)
+    return;
+  const s = Array.from(e.children);
+  if (t) {
+    const n = Array.from(t.children);
+    s.forEach((i, a) => {
+      if (a < n.length) {
+        const r = n[a].getAttribute(m.ACTION_ID);
+        r && i.setAttribute(m.ACTION_ID, r);
+      }
+    });
+  }
+  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]) => {
+      r ? n.classList.add(u) : n.classList.remove(u);
+    })), i && l.has(i) ? n.classList.remove("tw-hidden") : n.classList.add("tw-hidden");
+  });
+}
+function bt({
+  actionsContainerRef: e,
+  overflowIds: t,
+  moreDropdownMenuRef: l,
+  trackerElementRef: o,
+  itemInDropdownClass: s,
+  onOverflowChange: n
+}) {
+  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() {
+    if (!e.value || !o.value) {
+      i.value = !1;
+      return;
+    }
+    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(h).sort().join(",");
+    _ !== D && (r(h, f, A), F(
+      l.value,
+      e.value,
+      t.value,
+      s
+    ), n && a.value !== D && (a.value = D, n())), i.value = !1;
+  }
+  const v = X(d, q.FAST);
+  function p() {
+    i.value || !e.value || !o.value || (i.value = !0, v());
+  }
+  function g() {
+    v.cancel(), i.value = !1;
+  }
+  return {
+    calculateOverflow: p,
+    applyElementVisibility: P,
+    updateOverflowState: r,
+    cleanup: g,
+    isProcessing: i
+  };
+}
+function It({
+  actionsContainerRef: e,
+  overflowIds: t,
+  moreDropdownMenuRef: l,
+  trackerElementRef: o,
+  moreDropdownWidth: s,
+  itemInDropdownClass: n,
+  calculateMoreButtonWidth: i,
+  autoDetectActions: a = !0,
+  onOverflowChange: u
+}) {
+  const r = O(!1), {
+    calculateOverflow: d,
+    applyElementVisibility: v,
+    updateOverflowState: p,
+    cleanup: g,
+    isProcessing: f
+  } = bt({
+    actionsContainerRef: e,
+    overflowIds: t,
+    moreDropdownMenuRef: l,
+    trackerElementRef: o,
+    itemInDropdownClass: n,
+    onOverflowChange: u
+  });
+  function A() {
+    t.value.clear(), s.value = 0;
+  }
+  function h() {
+    if (!e.value)
+      return;
+    const y = Array.from(e.value.children), _ = G(y), D = new Set(_.values());
+    At(t.value, D), ut(e, d), ct(
+      y,
+      (b) => {
+        if (f.value)
+          return;
+        let E = !1;
+        const c = new Set(t.value);
+        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 && (p(c, y, _), F(
+            l.value,
+            e.value,
+            t.value,
+            n
+          ), u && u());
+        }
+      },
+      {
+        root: e.value
+      }
+    ), y.forEach((b) => {
+      const E = _.get(b) || b.getAttribute(m.ACTION_ID) || "";
+      v(b, E, t.value);
+    }), d(), F(
+      l.value,
+      e.value,
+      t.value,
+      n
+    );
+  }
+  function w() {
+    e.value && (a && j(e.value), h(), s.value === 0 && (s.value = i()));
+  }
+  const I = X(
+    () => {
+      r.value || (r.value = !0, w(), r.value = !1);
+    },
+    q.FAST,
+    { leading: !0 }
+  );
+  Z(() => {
+    a && j(e.value), w();
+  }), J(() => {
+    a && j(e.value), e.value && Array.from(e.value.children).length === 0 && A(), g(), I();
+  }), Q(() => {
+    g();
+  }), Y(() => {
+    g();
+  });
+}
+function yt({
+  moreDropdownMenuRef: e,
+  overflowIds: t,
+  autoStyleDropdownItems: l,
+  activeItemId: o
+}) {
+  function s() {
+    if (!l || !e.value)
+      return;
+    Array.from(e.value.children).forEach((i) => {
+      var d;
+      if (!(i instanceof HTMLElement))
+        return;
+      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");
+      (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",
+        "tw-items-center",
+        "tw-justify-between",
+        "tw-rounded",
+        "tw-text-sm",
+        "tw-p-1.5",
+        "tw-text-left",
+        "tw-cursor-pointer",
+        "tw-text-ice-700",
+        "hover:!tw-bg-ice-200",
+        "aria-disabled:tw-text-ice-500",
+        "aria-disabled:tw-pointer-events-none",
+        "aria-disabled:hover:tw-text-ice-500",
+        "aria-disabled:hover:tw-bg-inherit",
+        "aria-disabled:hover:tw-cursor-default",
+        "aria-selected:tw-bg-blue-100",
+        "tw-list-none"
+      );
+      const r = i.getAttribute("id");
+      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: s
+  };
+}
+function Et({
+  moreDropdownRef: e,
+  actionsContainerRef: t,
+  moreButtonAlign: l,
+  hasOverflowActions: o
+}) {
+  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 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 a = s();
+      a > 0 && (n.value = a);
+    });
+  }), {
+    calculateMoreButtonWidth: s,
+    moreButtonWidth: n
+  };
+}
+function Ot({ actionsContainerRef: e, overflowIds: t }) {
+  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((a, u) => {
+      const r = a.classList.contains("tw-invisible"), d = a.getAttribute(m.ACTION_ID);
+      if (!r && d && !t.value.has(d)) {
+        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;
+        }
+      }
+    }), l.value = n;
+  };
+  return R(t, () => {
+    o.value || (o.value = !0, W(() => {
+      s(), o.value = !1;
+    }));
+  }), {
+    visibleElementsWidth: l,
+    isRecalculatingWidth: o,
+    calculateVisibleElementsWidth: s
+  };
+}
+const _t = ["id"], St = /* @__PURE__ */ tt({
+  __name: "MoreActions",
+  props: {
+    dropdownContentClass: { default: void 0 },
+    actionsContainerClass: { default: void 0 },
+    moreButtonText: { default: () => dt("ll.more") },
+    width: { default: void 0 },
+    dropdownMode: { default: "default" },
+    disableAutoDetectActions: { type: Boolean, default: !1 },
+    autoStyleDropdownItems: { type: Boolean },
+    activeItemId: { default: void 0 },
+    moreButtonAlign: { default: "separate" },
+    itemInDropdownClass: { default: void 0 }
+  },
+  setup(e) {
+    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: v
+    } = wt({
+      duration: gt,
+      initialVisible: !1
+    }), p = C(() => i.value.size > 0), { calculateMoreButtonWidth: g, moreButtonWidth: f } = Et({
+      moreDropdownRef: o,
+      actionsContainerRef: l,
+      moreButtonAlign: t.moreButtonAlign,
+      hasOverflowActions: p
+    }), { visibleElementsWidth: A, isRecalculatingWidth: h, calculateVisibleElementsWidth: w } = Ot({
+      actionsContainerRef: l,
+      overflowIds: i
+    }), 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: s,
+      trackerElementRef: n,
+      moreDropdownWidth: f,
+      itemInDropdownClass: t.itemInDropdownClass,
+      calculateMoreButtonWidth: g,
+      autoDetectActions: !t.disableAutoDetectActions,
+      onOverflowChange: () => {
+        h.value || W(() => {
+          w();
+        });
+      }
+    });
+    const { applyDropdownItemStyling: b } = yt({
+      moreDropdownMenuRef: s,
+      overflowIds: i,
+      autoStyleDropdownItems: t.autoStyleDropdownItems,
+      activeItemId: C(() => t.activeItemId)
+    });
+    R(I, (c) => {
+      v(c);
+    });
+    function E(c) {
+      a.value = c, c && t.autoStyleDropdownItems && W(() => b());
+    }
+    return (c, S) => (ot(), et("div", {
+      class: "stash-more-actions tw-relative",
+      "data-test": "stash-more-actions",
+      style: N({ width: t.width })
+    }, [
+      V("div", {
+        ref_key: "actionsContainerRef",
+        ref: l,
+        style: N({
+          width: _.value
+        }),
+        class: H(["stash-more-actions__container tw-flex tw-items-center tw-gap-2", t.actionsContainerClass])
+      }, [
+        L(c.$slots, "actions")
+      ], 6),
+      V("div", {
+        ref_key: "trackerElementRef",
+        ref: n,
+        class: "stash-more-actions__tracker",
+        style: N({
+          position: "absolute",
+          right: "0px",
+          top: "0",
+          visibility: "hidden",
+          width: x(f) + "px",
+          height: "100%",
+          pointerEvents: "none",
+          zIndex: x(mt).TRACKER
+        })
+      }, null, 4),
+      it($(vt, {
+        ref_key: "moreDropdownRef",
+        ref: o,
+        "content-class": t.dropdownContentClass,
+        class: H(["!tw-absolute tw-top-0", x(d) ? "tw-animate-fade-in" : "tw-animate-fade-out"]),
+        style: N(D.value),
+        onToggle: E
+      }, {
+        toggle: k(({ toggle: T }) => [
+          L(c.$slots, "toggle", {
+            toggle: T,
+            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",
+              secondary: "",
+              "aria-expanded": y.value,
+              onClick: T
+            }, {
+              default: k(() => [
+                lt(nt(t.moreButtonText) + " ", 1),
+                $(ht, {
+                  class: "tw-ml-1.5",
+                  name: "action-dots"
+                })
+              ]),
+              _: 2
+            }, 1032, ["aria-expanded", "onClick"])
+          ])
+        ]),
+        default: k(() => [
+          V("div", {
+            id: x(u),
+            ref_key: "moreDropdownMenuRef",
+            ref: s,
+            class: "tw-flex tw-flex-col tw-gap-1.5 tw-p-1.5"
+          }, [
+            L(c.$slots, "actions")
+          ], 8, _t)
+        ]),
+        _: 3
+      }, 8, ["content-class", "class", "style"]), [
+        [at, x(r)]
+      ])
+    ], 4));
+  }
+}), Tt = {}, Dt = {
+  $style: Tt
+}, Ut = /* @__PURE__ */ pt(St, [["__cssModules", Dt]]);
+export {
+  Ut as default
+};
+//# sourceMappingURL=MoreActions.js.map

package/dist/MoreActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreActions.js","sources":["../src/composables/useToggleAnimation/useToggleAnimation.ts","../src/components/MoreActions/constants.ts","../src/components/MoreActions/utils.ts","../src/components/MoreActions/useOverflowCalculator.ts","../src/components/MoreActions/createIntersectionObserver.ts","../src/components/MoreActions/useDropdownItemStyling.ts","../src/components/MoreActions/useMoreButtonWidth.ts","../src/components/MoreActions/useVisibleElementsWidth.ts","../src/components/MoreActions/MoreActions.vue"],"sourcesContent":["import { useToggle } from '@vueuse/core';\nimport { onUnmounted, type Ref, ref } from 'vue';\n\nexport interface UseToggleAnimationOptions {\n  /**\n   * Duration of the animation in milliseconds\n   * @default 300\n   */\n  duration?: number;\n  /**\n   * Whether to start with the element visible\n   * @default false\n   */\n  initialVisible?: boolean;\n}\n\nexport interface UseToggleAnimationReturn {\n  /**\n   * Whether the element should be visible in the DOM\n   */\n  isVisible: Ref<boolean>;\n  /**\n   * Whether the element should show the \"show\" animation (fade-in)\n   */\n  shouldShow: Ref<boolean>;\n  /**\n   * Whether the element should show the \"hide\" animation (fade-out)\n   */\n  shouldHide: Ref<boolean>;\n  /**\n   * Function to toggle the visibility with animation\n   */\n  toggle: (visible: boolean) => void;\n  /**\n   * Function to show the element with animation\n   */\n  show: () => void;\n  /**\n   * Function to hide the element with animation\n   */\n  hide: () => void;\n  /**\n   * Function to immediately set visibility without animation\n   */\n  setVisible: (visible: boolean) => void;\n  /**\n   * Cleanup function to clear any pending timeouts\n   */\n  cleanup: () => void;\n}\n\n/**\n * Composable for managing toggle animations with proper timeout cleanup\n *\n * @param options Configuration options for the animation\n * @returns Object with visibility state and control functions\n *\n */\nexport function useToggleAnimation(options: UseToggleAnimationOptions = {}): UseToggleAnimationReturn {\n  const { duration = 300, initialVisible = false } = options;\n\n  const [isVisible, toggleIsVisible] = useToggle(initialVisible);\n  const [shouldShow, toggleShouldShow] = useToggle(initialVisible);\n  const [shouldHide, toggleShouldHide] = useToggle(false);\n  const timeoutId = ref<ReturnType<typeof setTimeout> | null>(null);\n\n  /**\n   * Clear any existing timeout to prevent race conditions\n   */\n  function clearExistingTimeout(): void {\n    if (timeoutId.value !== null) {\n      clearTimeout(timeoutId.value);\n      timeoutId.value = null;\n    }\n  }\n\n  /**\n   * Set visibility immediately without animation\n   */\n  function setVisible(visible: boolean): void {\n    clearExistingTimeout();\n    if (isVisible.value !== visible) {\n      toggleIsVisible();\n    }\n    if (shouldShow.value !== visible) {\n      toggleShouldShow();\n    }\n    if (shouldHide.value) {\n      toggleShouldHide();\n    }\n  }\n\n  /**\n   * Toggle visibility with animation\n   */\n  function toggle(visible: boolean): void {\n    clearExistingTimeout();\n\n    if (visible) {\n      // Show with fade-in\n      if (!isVisible.value) {\n        toggleIsVisible();\n      }\n      if (!shouldShow.value) {\n        toggleShouldShow();\n      }\n      if (shouldHide.value) {\n        toggleShouldHide();\n      }\n    } else {\n      // Hide with fade-out, then remove from DOM after animation\n      if (shouldShow.value) {\n        toggleShouldShow();\n      }\n      if (!shouldHide.value) {\n        toggleShouldHide();\n      }\n\n      timeoutId.value = setTimeout(() => {\n        if (isVisible.value) {\n          toggleIsVisible();\n        }\n        if (shouldHide.value) {\n          toggleShouldHide();\n        }\n        timeoutId.value = null;\n      }, duration);\n    }\n  }\n\n  /**\n   * Show the element with animation\n   */\n  function show(): void {\n    toggle(true);\n  }\n\n  /**\n   * Hide the element with animation\n   */\n  function hide(): void {\n    toggle(false);\n  }\n\n  /**\n   * Cleanup function to clear any pending timeouts\n   */\n  function cleanup(): void {\n    clearExistingTimeout();\n  }\n\n  // Cleanup timeout on component unmount to prevent memory leaks\n  onUnmounted(() => {\n    cleanup();\n  });\n\n  return {\n    isVisible,\n    shouldShow,\n    shouldHide,\n    toggle,\n    show,\n    hide,\n    setVisible,\n    cleanup,\n  };\n}\n","export const Z_INDEX = {\n  TRACKER: -1,\n  DROPDOWN: 1000,\n} as const;\n\nexport const ID_PREFIXES = {\n  AUTO_ACTION: 'auto-action-',\n  INDEX_BASED: 'index-',\n  MORE_MENU: 'more-actions-menu-',\n} as const;\n\nexport const DATA_ATTRIBUTES = {\n  ACTION_ID: 'data-action-id',\n} as const;\n\nexport const FADE_ANIMATION_DURATION = 300;\n","import { DATA_ATTRIBUTES, ID_PREFIXES } from './constants';\n\n/**\n * Adds data-action-id attributes to first-level children of the actions container\n * Ensures unique IDs by checking existing ones\n */\nexport function addActionIdsToFirstLevelChildren(actionsContainerEl: HTMLElement | null): void {\n  if (!actionsContainerEl) {\n    return;\n  }\n\n  // Get all direct children of the actions container\n  const directChildren = Array.from(actionsContainerEl.children) as HTMLElement[];\n\n  // Collect existing action IDs to avoid duplicates\n  const existingIds = new Set<string>();\n  directChildren.forEach((child) => {\n    const existingId = child.getAttribute(DATA_ATTRIBUTES.ACTION_ID);\n    if (existingId) {\n      existingIds.add(existingId);\n    }\n  });\n\n  // Find the next available index for auto-generated IDs\n  let nextIndex = 0;\n  while (existingIds.has(`auto-action-${nextIndex}`)) {\n    nextIndex++;\n  }\n\n  directChildren.forEach((child) => {\n    // Only add data-action-id if it doesn't already exist\n    if (!child.hasAttribute(DATA_ATTRIBUTES.ACTION_ID)) {\n      child.setAttribute(DATA_ATTRIBUTES.ACTION_ID, `${ID_PREFIXES.AUTO_ACTION}${nextIndex}`);\n      nextIndex++;\n    }\n  });\n}\n\n/**\n * Creates a map of elements to their IDs\n */\nexport function createElementIdMap(directChildren: HTMLElement[]): Map<HTMLElement, string> {\n  const elementIdMap = new Map<HTMLElement, string>();\n\n  directChildren.forEach((child, index) => {\n    const actionId = child.getAttribute(DATA_ATTRIBUTES.ACTION_ID);\n    if (actionId) {\n      elementIdMap.set(child, actionId);\n    } else {\n      // Use index as ID for elements without data-action-id\n      elementIdMap.set(child, `${ID_PREFIXES.INDEX_BASED}${index}`);\n    }\n  });\n\n  return elementIdMap;\n}\n\n/**\n * Cleans up overflow IDs for elements that no longer exist\n */\nexport function cleanupOverflowIds(overflowIds: Set<string>, currentElementIds: Set<string>): void {\n  const idsToRemove: string[] = [];\n\n  overflowIds.forEach((id) => {\n    if (!currentElementIds.has(id)) {\n      idsToRemove.push(id);\n    }\n  });\n\n  idsToRemove.forEach((id) => {\n    overflowIds.delete(id);\n  });\n}\n\n/**\n * Applies visibility classes to elements based on overflow state\n */\nexport function applyElementVisibility(element: HTMLElement, elementId: string, overflowIds: Set<string>): void {\n  if (overflowIds.has(elementId)) {\n    element.classList.add('tw-invisible');\n  } else {\n    element.classList.remove('tw-invisible');\n  }\n}\n\n/**\n * Syncs dropdown content visibility with main container\n */\nexport function syncDropdownVisibility(\n  moreDropdownMenuEl: HTMLElement | null,\n  actionsContainerEl: HTMLElement | null,\n  overflowIds: Set<string>,\n  itemInDropdownClass?: string | Record<string, boolean> | undefined,\n): void {\n  if (!moreDropdownMenuEl) {\n    return;\n  }\n\n  const allDropdownItems = Array.from(moreDropdownMenuEl.children as HTMLCollection) as HTMLElement[];\n\n  // First, sync data-action-id from main container to dropdown items\n  if (actionsContainerEl) {\n    const mainContainerChildren = Array.from(actionsContainerEl.children) as HTMLElement[];\n    allDropdownItems.forEach((dropdownItem, index) => {\n      if (index < mainContainerChildren.length) {\n        const mainItem = mainContainerChildren[index];\n        const actionId = mainItem.getAttribute(DATA_ATTRIBUTES.ACTION_ID);\n        if (actionId) {\n          dropdownItem.setAttribute(DATA_ATTRIBUTES.ACTION_ID, actionId);\n        }\n      }\n    });\n  }\n\n  allDropdownItems.forEach((element) => {\n    const actionId = element.getAttribute(DATA_ATTRIBUTES.ACTION_ID);\n\n    // Apply itemInDropdownClass if provided\n    if (itemInDropdownClass) {\n      if (typeof itemInDropdownClass === 'string') {\n        // Handle string class names (space-separated)\n        const classes = itemInDropdownClass.split(' ').filter(Boolean);\n        classes.forEach((className) => {\n          if (className) {\n            element.classList.add(className);\n          }\n        });\n      } else if (typeof itemInDropdownClass === 'object') {\n        // Handle object with class names as keys and boolean values\n        Object.entries(itemInDropdownClass).forEach(([className, shouldAdd]) => {\n          if (shouldAdd) {\n            element.classList.add(className);\n          } else {\n            element.classList.remove(className);\n          }\n        });\n      }\n    }\n\n    // Actions elements - show if they overflow\n    const shouldShow = actionId && overflowIds.has(actionId);\n    if (shouldShow) {\n      element.classList.remove('tw-hidden');\n    } else {\n      element.classList.add('tw-hidden');\n    }\n  });\n}\n","import { useElementBounding } from '@vueuse/core';\nimport debounce from 'lodash-es/debounce';\nimport { type Ref, ref, type ShallowRef } from 'vue';\n\nimport { DEBOUNCE } from '../../constants';\nimport { DATA_ATTRIBUTES } from './constants';\nimport { applyElementVisibility, createElementIdMap, syncDropdownVisibility } from './utils';\n\ninterface UseOverflowCalculatorOptions {\n  actionsContainerRef: ShallowRef<HTMLElement | null>;\n  overflowIds: Ref<Set<string>>;\n  moreDropdownMenuRef: ShallowRef<HTMLElement | null>;\n  trackerElementRef: ShallowRef<HTMLElement | null>;\n  itemInDropdownClass?: string | Record<string, boolean> | undefined;\n  onOverflowChange?: () => void;\n}\n\nexport function useOverflowCalculator({\n  actionsContainerRef,\n  overflowIds,\n  moreDropdownMenuRef,\n  trackerElementRef,\n  itemInDropdownClass,\n  onOverflowChange,\n}: UseOverflowCalculatorOptions) {\n  const isProcessing = ref(false);\n  const lastOverflowState = ref<string>(''); // Track last overflow state to prevent unnecessary updates\n  const trackerBounding = useElementBounding(trackerElementRef);\n\n  /**\n   * Updates overflow state and applies visibility classes to elements\n   */\n  function updateOverflowState(\n    newOverflowIds: Set<string>,\n    directChildren: HTMLElement[],\n    elementIdMap: Map<HTMLElement, string>,\n  ): void {\n    overflowIds.value.clear();\n    newOverflowIds.forEach((id) => overflowIds.value.add(id));\n\n    // Apply visibility classes\n    directChildren.forEach((element) => {\n      const elementId = elementIdMap.get(element) || element.getAttribute(DATA_ATTRIBUTES.ACTION_ID) || undefined;\n\n      if (elementId) {\n        applyElementVisibility(element, elementId, overflowIds.value);\n      }\n    });\n  }\n\n  function calculateOverflowInternal() {\n    if (!actionsContainerRef.value || !trackerElementRef.value) {\n      isProcessing.value = false;\n      return;\n    }\n\n    const directChildren = Array.from(actionsContainerRef.value.children) as HTMLElement[];\n    const elementIdMap = createElementIdMap(directChildren);\n\n    // Create a new overflow set to compare with current state\n    const newOverflowIds = new Set<string>();\n\n    // Get current gap width from CSS computed styles of the actions container\n    const computedStyle = window.getComputedStyle(actionsContainerRef.value);\n    const gapValue = computedStyle.columnGap || computedStyle.gap;\n    const gapWidth = gapValue ? parseFloat(gapValue) : 0;\n\n    // Calculate which elements should be hidden based on their position relative to tracker\n    directChildren.forEach((element, index) => {\n      const elementId = elementIdMap.get(element) || element.getAttribute(DATA_ATTRIBUTES.ACTION_ID) || undefined;\n\n      const elementRect = element.getBoundingClientRect();\n\n      // Calculate the effective right edge including gap\n      // If this is not the last element, add gap to the right edge\n      const effectiveRightEdge = index < directChildren.length - 1 ? elementRect.right + gapWidth : elementRect.right;\n\n      // If element's effective right edge extends beyond tracker's left edge, hide it\n      if (effectiveRightEdge > trackerBounding.left.value) {\n        if (elementId) {\n          newOverflowIds.add(elementId);\n        }\n      }\n    });\n\n    // Check if overflow state has actually changed\n    const currentOverflowState = Array.from(overflowIds.value).sort().join(',');\n    const newOverflowState = Array.from(newOverflowIds).sort().join(',');\n\n    if (currentOverflowState !== newOverflowState) {\n      // Update overflow state and apply visibility\n      updateOverflowState(newOverflowIds, directChildren, elementIdMap);\n\n      // Sync dropdown content visibility\n      syncDropdownVisibility(\n        moreDropdownMenuRef.value,\n        actionsContainerRef.value,\n        overflowIds.value,\n        itemInDropdownClass,\n      );\n\n      // Call callback if provided and state actually changed\n      if (onOverflowChange && lastOverflowState.value !== newOverflowState) {\n        lastOverflowState.value = newOverflowState;\n        onOverflowChange();\n      }\n    }\n\n    isProcessing.value = false;\n  }\n\n  const debouncedCalculateOverflow = debounce(calculateOverflowInternal, DEBOUNCE.FAST);\n\n  function calculateOverflow() {\n    if (isProcessing.value || !actionsContainerRef.value || !trackerElementRef.value) {\n      return;\n    }\n\n    isProcessing.value = true;\n    debouncedCalculateOverflow();\n  }\n\n  function cleanup() {\n    debouncedCalculateOverflow.cancel();\n    isProcessing.value = false;\n  }\n\n  return {\n    calculateOverflow,\n    applyElementVisibility,\n    updateOverflowState,\n    cleanup,\n    isProcessing,\n  };\n}\n","import { useIntersectionObserver, useResizeObserver } from '@vueuse/core';\nimport debounce from 'lodash-es/debounce';\nimport { onBeforeUnmount, onDeactivated, onMounted, onUpdated, type Ref, ref, type ShallowRef } from 'vue';\n\nimport { DEBOUNCE } from '../../constants';\nimport { DATA_ATTRIBUTES } from './constants';\nimport { useOverflowCalculator } from './useOverflowCalculator';\nimport {\n  addActionIdsToFirstLevelChildren as addActionIds,\n  cleanupOverflowIds,\n  createElementIdMap,\n  syncDropdownVisibility,\n} from './utils';\n\ninterface CreateIntersectionObserverOptions {\n  actionsContainerRef: ShallowRef<HTMLElement | null>;\n  overflowIds: Ref<Set<string>>;\n  moreDropdownMenuRef: ShallowRef<HTMLElement | null>;\n  trackerElementRef: ShallowRef<HTMLElement | null>;\n  moreDropdownWidth: Ref<number>;\n  itemInDropdownClass?: string | Record<string, boolean> | undefined;\n  calculateMoreButtonWidth: () => number;\n  autoDetectActions?: boolean;\n  onOverflowChange?: () => void;\n}\n\nexport function createIntersectionObserver({\n  actionsContainerRef,\n  overflowIds,\n  moreDropdownMenuRef,\n  trackerElementRef,\n  moreDropdownWidth,\n  itemInDropdownClass,\n  calculateMoreButtonWidth,\n  autoDetectActions = true,\n  onOverflowChange,\n}: CreateIntersectionObserverOptions) {\n  const isInitializing = ref(false);\n\n  const {\n    calculateOverflow,\n    applyElementVisibility,\n    updateOverflowState,\n    cleanup: cleanupCalculator,\n    isProcessing,\n  } = useOverflowCalculator({\n    actionsContainerRef,\n    overflowIds,\n    moreDropdownMenuRef,\n    trackerElementRef,\n    itemInDropdownClass,\n    onOverflowChange,\n  });\n  function clearOverflowState() {\n    overflowIds.value.clear();\n    moreDropdownWidth.value = 0;\n  }\n\n  function createObserver() {\n    if (!actionsContainerRef.value) {\n      return;\n    }\n\n    // Get all direct children of the actions container\n    const directChildren = Array.from(actionsContainerRef.value.children) as HTMLElement[];\n\n    // Create a map of elements to their IDs (either data-action-id or index-based)\n    const elementIdMap = createElementIdMap(directChildren);\n\n    // Clean up overflowIds for elements that no longer exist\n    const currentElementIds = new Set(elementIdMap.values());\n    cleanupOverflowIds(overflowIds.value, currentElementIds);\n\n    // to track container size changes\n    useResizeObserver(actionsContainerRef, calculateOverflow);\n\n    useIntersectionObserver(\n      directChildren,\n      (entries) => {\n        if (isProcessing.value) {\n          return;\n        }\n\n        let hasChanges = false;\n        const newOverflowIds = new Set(overflowIds.value);\n\n        entries.forEach((entry) => {\n          const element = entry.target as HTMLElement;\n          const elementId = elementIdMap.get(element) || element.getAttribute(DATA_ATTRIBUTES.ACTION_ID) || undefined;\n\n          // Check if element is fully visible\n          if (entry.intersectionRatio === 1) {\n            // show action, hide in dropdown\n            if (elementId && newOverflowIds.has(elementId)) {\n              newOverflowIds.delete(elementId);\n              hasChanges = true;\n            }\n          } else {\n            // hide action, show in dropdown (intersectionRatio < 1 means partially or not visible)\n            if (elementId && !newOverflowIds.has(elementId)) {\n              newOverflowIds.add(elementId);\n              hasChanges = true;\n            }\n          }\n        });\n\n        // Only update if there are actual changes\n        if (hasChanges) {\n          const currentOverflowState = Array.from(overflowIds.value).sort().join(',');\n          const newOverflowState = Array.from(newOverflowIds).sort().join(',');\n\n          if (currentOverflowState !== newOverflowState) {\n            // Update overflow state and apply visibility\n            updateOverflowState(newOverflowIds, directChildren, elementIdMap);\n\n            // Sync dropdown content visibility\n            syncDropdownVisibility(\n              moreDropdownMenuRef.value,\n              actionsContainerRef.value,\n              overflowIds.value,\n              itemInDropdownClass,\n            );\n\n            // Call callback if provided and state actually changed\n            if (onOverflowChange) {\n              onOverflowChange();\n            }\n          }\n        }\n      },\n      {\n        root: actionsContainerRef.value,\n      },\n    );\n\n    // Apply initial visibility to all elements\n    directChildren.forEach((element) => {\n      const elementId = elementIdMap.get(element) || element.getAttribute(DATA_ATTRIBUTES.ACTION_ID) || '';\n      applyElementVisibility(element, elementId, overflowIds.value);\n    });\n\n    // Initial calculation\n    calculateOverflow();\n\n    syncDropdownVisibility(\n      moreDropdownMenuRef.value,\n      actionsContainerRef.value,\n      overflowIds.value,\n      itemInDropdownClass,\n    );\n  }\n\n  function initObserve() {\n    if (!actionsContainerRef.value) {\n      return;\n    }\n\n    // Add data-action-id to first-level children if autoDetectActions is enabled\n    if (autoDetectActions) {\n      addActionIds(actionsContainerRef.value);\n    }\n\n    createObserver();\n\n    // Set initial dropdown width - only if not already set\n    if (moreDropdownWidth.value === 0) {\n      moreDropdownWidth.value = calculateMoreButtonWidth();\n    }\n  }\n\n  const debouncedInitObserve = debounce(\n    () => {\n      if (!isInitializing.value) {\n        isInitializing.value = true;\n        initObserve();\n        isInitializing.value = false;\n      }\n    },\n    DEBOUNCE.FAST,\n    { leading: true },\n  );\n\n  onMounted(() => {\n    // Add data-action-id to first-level children if autoDetectActions is enabled\n    if (autoDetectActions) {\n      addActionIds(actionsContainerRef.value);\n    }\n    initObserve();\n  });\n\n  onUpdated(() => {\n    // Add data-action-id to first-level children if autoDetectActions is enabled\n    if (autoDetectActions) {\n      addActionIds(actionsContainerRef.value);\n    }\n    // Clear overflowIds if no actions are present\n    if (actionsContainerRef.value) {\n      const directChildren = Array.from(actionsContainerRef.value.children) as HTMLElement[];\n      if (directChildren.length === 0) {\n        clearOverflowState();\n      }\n    }\n    cleanupCalculator();\n    debouncedInitObserve();\n  });\n\n  onDeactivated(() => {\n    cleanupCalculator();\n  });\n\n  onBeforeUnmount(() => {\n    cleanupCalculator();\n  });\n}\n","import { type Ref, type ShallowRef } from 'vue';\n\nimport { DATA_ATTRIBUTES } from './constants';\n\n// Updated interface with Ref suffix naming convention\ninterface UseDropdownItemStylingOptions {\n  moreDropdownMenuRef: ShallowRef<HTMLElement | null>;\n  overflowIds: Ref<Set<string>>;\n  autoStyleDropdownItems: boolean;\n  activeItemId?: Ref<string | undefined>;\n}\n\nexport function useDropdownItemStyling({\n  moreDropdownMenuRef,\n  overflowIds,\n  autoStyleDropdownItems,\n  activeItemId,\n}: UseDropdownItemStylingOptions) {\n  /**\n   * Applies dropdown item styling to elements in the dropdown menu\n   */\n  function applyDropdownItemStyling() {\n    if (!autoStyleDropdownItems || !moreDropdownMenuRef.value) {\n      return;\n    }\n\n    const dropdownItems = Array.from(moreDropdownMenuRef.value.children);\n\n    dropdownItems.forEach((element) => {\n      if (!(element instanceof HTMLElement)) {\n        return;\n      }\n\n      // Get the data-action-id which should match the overflow IDs\n      const actionId = element.getAttribute(DATA_ATTRIBUTES.ACTION_ID);\n\n      // Hide elements that are not in overflow (still visible in main container)\n      if (actionId && !overflowIds.value.has(actionId)) {\n        element.classList.add('tw-hidden');\n        return; // Skip styling for hidden elements\n      } else {\n        element.classList.remove('tw-hidden');\n      }\n\n      // Remove existing checkmark icon\n      element.querySelector('.stash-tabs__dropdown-selected-tab-icon')?.remove();\n\n      // Clear classes from the first child element (button/component inside tab)\n      const firstElementChild = element.firstElementChild as Element;\n      if (firstElementChild) {\n        firstElementChild.className = '';\n      }\n\n      // Clear existing classes\n      element.className = '';\n\n      // Apply dropdown item styling\n      element.classList.add(\n        'tw-flex',\n        'tw-items-center',\n        'tw-justify-between',\n        'tw-rounded',\n        'tw-text-sm',\n        'tw-p-1.5',\n        'tw-text-left',\n        'tw-cursor-pointer',\n        'tw-text-ice-700',\n        'hover:!tw-bg-ice-200',\n        'aria-disabled:tw-text-ice-500',\n        'aria-disabled:tw-pointer-events-none',\n        'aria-disabled:hover:tw-text-ice-500',\n        'aria-disabled:hover:tw-bg-inherit',\n        'aria-disabled:hover:tw-cursor-default',\n        'aria-selected:tw-bg-blue-100',\n        'tw-list-none',\n      );\n\n      // Check if this is the active item and add checkmark\n      const elementId = element.getAttribute('id');\n      if (elementId && activeItemId?.value && elementId === activeItemId.value) {\n        const span = document.createElement('span');\n        span.className = 'stash-tabs__dropdown-selected-tab-icon';\n        span.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>`;\n        element.appendChild(span);\n      }\n    });\n  }\n\n  return {\n    applyDropdownItemStyling,\n  };\n}\n","import { type ComputedRef, nextTick, ref, type ShallowRef, watch } from 'vue';\n\nimport Dropdown from '../Dropdown/Dropdown.vue';\n\n// Updated interface with Ref suffix naming convention\ninterface UseMoreDropdownWidthOptions {\n  moreDropdownRef: ShallowRef<InstanceType<typeof Dropdown> | null>;\n  actionsContainerRef: ShallowRef<HTMLElement | null>;\n  moreButtonAlign: 'separate' | 'together';\n  hasOverflowActions: ComputedRef<boolean>;\n}\n\nexport function useMoreButtonWidth({\n  moreDropdownRef,\n  actionsContainerRef,\n  moreButtonAlign,\n  hasOverflowActions,\n}: UseMoreDropdownWidthOptions) {\n  /**\n   * Calculates the width of the More dropdown with gap consideration\n   * When moreButtonAlign is 'separate', adds the gap between actions container and dropdown\n   * When moreButtonAlign is 'together', returns only the dropdown width\n   */\n  const calculateMoreButtonWidth = (): number => {\n    if (!moreDropdownRef.value?.$el) {\n      return 0;\n    }\n\n    const dropdownWidth = moreDropdownRef.value.$el.getBoundingClientRect().width;\n\n    // If moreButtonAlign is separate, add gap between actions container and dropdown\n    if (moreButtonAlign === 'separate' && actionsContainerRef.value) {\n      const computedStyle = window.getComputedStyle(actionsContainerRef.value);\n      const gapWidth = parseFloat(computedStyle.gap) || 0;\n      return dropdownWidth + gapWidth;\n    }\n\n    return dropdownWidth;\n  };\n\n  const moreButtonWidth = ref(0);\n\n  watch(hasOverflowActions, (newValue) => {\n    if (newValue && moreDropdownRef.value) {\n      nextTick(() => {\n        const calculatedWidth = calculateMoreButtonWidth();\n        if (calculatedWidth > 0) {\n          moreButtonWidth.value = calculatedWidth;\n        }\n      });\n    }\n  });\n\n  return {\n    calculateMoreButtonWidth,\n    moreButtonWidth,\n  };\n}\n","import { nextTick, type Ref, ref, type ShallowRef, watch } from 'vue';\n\nimport { DATA_ATTRIBUTES } from './constants';\n\ninterface UseVisibleElementsWidthOptions {\n  actionsContainerRef: ShallowRef<HTMLElement | null>;\n  overflowIds: Ref<Set<string>>;\n}\n\nexport function useVisibleElementsWidth({ actionsContainerRef, overflowIds }: UseVisibleElementsWidthOptions) {\n  const visibleElementsWidth = ref(0);\n  const isRecalculatingWidth = ref(false);\n\n  /**\n   * Calculates the total width of currently visible elements\n   * This is used for positioning the More button\n   */\n  const calculateVisibleElementsWidth = () => {\n    if (!actionsContainerRef.value) {\n      visibleElementsWidth.value = 0;\n      return;\n    }\n\n    let totalWidth = 0;\n    const directChildren = Array.from(actionsContainerRef.value.children) as HTMLElement[];\n\n    directChildren.forEach((element, index) => {\n      const isHidden = element.classList.contains('tw-invisible');\n\n      // Only count visible elements\n      const elementId = element.getAttribute(DATA_ATTRIBUTES.ACTION_ID);\n      if (!isHidden && elementId && !overflowIds.value.has(elementId)) {\n        const rect = element.getBoundingClientRect();\n        totalWidth += rect.width;\n        // Add gap between elements\n        if (index < directChildren.length - 1 && actionsContainerRef.value) {\n          // Always get the most current gap width from CSS computed styles of the actions container\n          const computedStyle = window.getComputedStyle(actionsContainerRef.value);\n          const gapValue = computedStyle.columnGap || computedStyle.gap;\n          const gapWidth = gapValue ? parseFloat(gapValue) : 0;\n          totalWidth += gapWidth;\n        }\n      }\n    });\n\n    visibleElementsWidth.value = totalWidth;\n  };\n\n  // Watch for changes in overflowIds to recalculate visible elements width\n  watch(overflowIds, () => {\n    if (!isRecalculatingWidth.value) {\n      isRecalculatingWidth.value = true;\n      nextTick(() => {\n        calculateVisibleElementsWidth();\n        isRecalculatingWidth.value = false;\n      });\n    }\n  });\n\n  return {\n    visibleElementsWidth,\n    isRecalculatingWidth,\n    calculateVisibleElementsWidth,\n  };\n}\n","<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, nextTick, ref, useTemplateRef, watch } from 'vue';\n\n  import { useToggleAnimation } from '../../composables/useToggleAnimation/useToggleAnimation';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import { FADE_ANIMATION_DURATION, ID_PREFIXES, Z_INDEX } from './constants';\n  import { createIntersectionObserver } from './createIntersectionObserver';\n  import { useDropdownItemStyling } from './useDropdownItemStyling';\n  import { useMoreButtonWidth } from './useMoreButtonWidth';\n  import { useVisibleElementsWidth } from './useVisibleElementsWidth';\n\n  export interface MoreActionsProps {\n    /**\n     * CSS class or classes to be applied to the dropdown content\n     */\n    dropdownContentClass?: string;\n    /**\n     * CSS class or classes to be applied to the actions container\n     */\n    actionsContainerClass?: string | Record<string, boolean> | undefined;\n    /**\n     * Text to display on the more actions button\n     */\n    moreButtonText?: string;\n    /**\n     * Optional width for the more-actions container\n     * Applies style=\"width: {width}\" to the stash-more-actions element\n     */\n    width?: string | number;\n    /**\n     * Rendering mode for dropdown items\n     * - 'default': Button-style rendering (current behavior)\n     * - 'custom': Custom rendering through slots\n     */\n    dropdownMode?: 'default' | 'custom';\n    /**\n     * Whether to disable automatic detection of actions from first-level children in the actions slot\n     * When false (default), all direct children in the actions slot will be treated as actions\n     * without needing to manually add data-action-id attributes\n     */\n    disableAutoDetectActions?: boolean;\n    /**\n     * Whether to apply dropdown item styling automatically\n     * When enabled, applies flex layout, padding, hover effects, and other styling to dropdown items\n     */\n    autoStyleDropdownItems?: boolean;\n    /**\n     * Active item ID for highlighting in dropdown\n     * Used when autoStyleDropdownItems is enabled to show which item is currently selected\n     */\n    activeItemId?: string;\n    /**\n     * Alignment of the More button\n     * - 'separate': Button is aligned to the right edge of the actions container (default)\n     * - 'together': Button is aligned immediately after the last visible action\n     */\n    moreButtonAlign?: 'separate' | 'together';\n    /**\n     * CSS class or classes to be applied to items inside the dropdown\n     */\n    itemInDropdownClass?: string | Record<string, boolean> | undefined;\n  }\n\n  const props = withDefaults(defineProps<MoreActionsProps>(), {\n    activeItemId: undefined,\n    dropdownContentClass: undefined,\n    actionsContainerClass: undefined,\n    moreButtonText: () => t('ll.more'),\n    dropdownMode: 'default',\n    disableAutoDetectActions: false,\n    moreButtonAlign: 'separate',\n    width: undefined,\n    itemInDropdownClass: undefined,\n  });\n\n  // Refs for DOM elements\n  const actionsContainerRef = useTemplateRef('actionsContainerRef');\n  const moreDropdownRef = useTemplateRef('moreDropdownRef');\n  const moreDropdownMenuRef = useTemplateRef('moreDropdownMenuRef');\n  const trackerElementRef = useTemplateRef('trackerElementRef');\n\n  // State management\n  const overflowIds = ref<Set<string>>(new Set());\n  const isMoreMenuOpen = ref(false);\n  const moreMenuId = uniqueId(ID_PREFIXES.MORE_MENU);\n\n  const {\n    isVisible: isMoreButtonVisible,\n    shouldShow: shouldMoreButtonShow,\n    toggle: toggleMoreButtonAnimation,\n  } = useToggleAnimation({\n    duration: FADE_ANIMATION_DURATION,\n    initialVisible: false,\n  });\n\n  const hasOverflowActions = computed(() => overflowIds.value.size > 0);\n\n  // Updated to use new Ref suffix naming convention\n  const { calculateMoreButtonWidth, moreButtonWidth } = useMoreButtonWidth({\n    moreDropdownRef,\n    actionsContainerRef,\n    moreButtonAlign: props.moreButtonAlign,\n    hasOverflowActions,\n  });\n\n  // Updated to use new Ref suffix naming convention\n  const { visibleElementsWidth, isRecalculatingWidth, calculateVisibleElementsWidth } = useVisibleElementsWidth({\n    actionsContainerRef,\n    overflowIds,\n  });\n\n  const shouldShowMoreButton = computed(() => {\n    return hasOverflowActions.value;\n  });\n\n  const isMoreMenuOpenString = computed(() => isMoreMenuOpen.value.toString());\n\n  const actionsContainerWidth = computed(() => {\n    if (!shouldShowMoreButton.value) {\n      return '100%';\n    }\n\n    return `calc(100% - ${moreButtonWidth.value}px)`;\n  });\n\n  const moreButtonPosition = computed(() => {\n    if (props.moreButtonAlign === 'together') {\n      return { left: `${visibleElementsWidth.value}px`, right: 'auto' };\n    } else {\n      // Default separate alignment\n      return { right: '0', left: 'auto' };\n    }\n  });\n\n  createIntersectionObserver({\n    actionsContainerRef,\n    overflowIds,\n    moreDropdownMenuRef,\n    trackerElementRef,\n    moreDropdownWidth: moreButtonWidth,\n    itemInDropdownClass: props.itemInDropdownClass,\n    calculateMoreButtonWidth,\n    autoDetectActions: !props.disableAutoDetectActions,\n\n    onOverflowChange: () => {\n      // Recalculate visible elements width when overflow changes\n      if (!isRecalculatingWidth.value) {\n        nextTick(() => {\n          calculateVisibleElementsWidth();\n        });\n      }\n    },\n  });\n\n  // Updated to use new Ref suffix naming convention\n  const { applyDropdownItemStyling } = useDropdownItemStyling({\n    moreDropdownMenuRef,\n    overflowIds,\n    autoStyleDropdownItems: props.autoStyleDropdownItems,\n    activeItemId: computed(() => props.activeItemId),\n  });\n\n  // Watch for changes in shouldShowMoreButton to handle fade animations\n  watch(shouldShowMoreButton, (newValue) => {\n    toggleMoreButtonAnimation(newValue);\n  });\n\n  function handleDropdownToggle(event: boolean) {\n    isMoreMenuOpen.value = event;\n    if (event && props.autoStyleDropdownItems) {\n      nextTick(() => applyDropdownItemStyling());\n    }\n  }\n</script>\n\n<template>\n  <div class=\"stash-more-actions tw-relative\" data-test=\"stash-more-actions\" :style=\"{ width: props.width }\">\n    <div\n      ref=\"actionsContainerRef\"\n      :style=\"{\n        width: actionsContainerWidth,\n      }\"\n      :class=\"['stash-more-actions__container tw-flex tw-items-center tw-gap-2', props.actionsContainerClass]\"\n    >\n      <!-- Actions slot for elements that can be hidden -->\n      <slot name=\"actions\"></slot>\n    </div>\n\n    <!-- Tracker Element - to detect when action elements overlap with it, triggering overflow behavior -->\n    <div\n      ref=\"trackerElementRef\"\n      class=\"stash-more-actions__tracker\"\n      :style=\"{\n        position: 'absolute',\n        right: '0px',\n        top: '0',\n        visibility: 'hidden',\n        width: moreButtonWidth + 'px',\n        height: '100%',\n        pointerEvents: 'none',\n        zIndex: Z_INDEX.TRACKER,\n      }\"\n    ></div>\n\n    <Dropdown\n      v-show=\"isMoreButtonVisible\"\n      ref=\"moreDropdownRef\"\n      :content-class=\"props.dropdownContentClass\"\n      :class=\"['!tw-absolute tw-top-0', shouldMoreButtonShow ? 'tw-animate-fade-in' : 'tw-animate-fade-out']\"\n      :style=\"moreButtonPosition\"\n      @toggle=\"handleDropdownToggle\"\n    >\n      <template #toggle=\"{ toggle }\">\n        <slot name=\"toggle\" :toggle=\"toggle\" :is-open=\"isMoreMenuOpen\">\n          <Button\n            class=\"button tw-border-gray-500 tw-text-gray-500 tw-flex tw-w-full tw-items-center tw-justify-between tw-border\"\n            secondary\n            :aria-expanded=\"isMoreMenuOpenString\"\n            @click=\"toggle\"\n          >\n            {{ props.moreButtonText }} <Icon class=\"tw-ml-1.5\" name=\"action-dots\" />\n          </Button>\n        </slot>\n      </template>\n\n      <template #default>\n        <div :id=\"moreMenuId\" ref=\"moreDropdownMenuRef\" class=\"tw-flex tw-flex-col tw-gap-1.5 tw-p-1.5\">\n          <!-- Actions slot content in dropdown (only overflow items) -->\n          <slot name=\"actions\"></slot>\n        </div>\n      </template>\n    </Dropdown>\n  </div>\n</template>\n\n<style module>\n  :global([data-action-id]) {\n    flex-shrink: 0;\n  }\n</style>\n"],"names":["useToggleAnimation","options","duration","initialVisible","isVisible","toggleIsVisible","useToggle","shouldShow","toggleShouldShow","shouldHide","toggleShouldHide","timeoutId","ref","clearExistingTimeout","setVisible","visible","toggle","show","hide","cleanup","onUnmounted","Z_INDEX","ID_PREFIXES","DATA_ATTRIBUTES","FADE_ANIMATION_DURATION","addActionIdsToFirstLevelChildren","actionsContainerEl","directChildren","existingIds","child","existingId","nextIndex","createElementIdMap","elementIdMap","index","actionId","cleanupOverflowIds","overflowIds","currentElementIds","idsToRemove","id","applyElementVisibility","element","elementId","syncDropdownVisibility","moreDropdownMenuEl","itemInDropdownClass","allDropdownItems","mainContainerChildren","dropdownItem","className","shouldAdd","useOverflowCalculator","actionsContainerRef","moreDropdownMenuRef","trackerElementRef","onOverflowChange","isProcessing","lastOverflowState","trackerBounding","useElementBounding","updateOverflowState","newOverflowIds","calculateOverflowInternal","computedStyle","gapValue","gapWidth","elementRect","currentOverflowState","newOverflowState","debouncedCalculateOverflow","debounce","DEBOUNCE","calculateOverflow","createIntersectionObserver","moreDropdownWidth","calculateMoreButtonWidth","autoDetectActions","isInitializing","cleanupCalculator","clearOverflowState","createObserver","useResizeObserver","useIntersectionObserver","entries","hasChanges","entry","initObserve","addActionIds","debouncedInitObserve","onMounted","onUpdated","onDeactivated","onBeforeUnmount","useDropdownItemStyling","autoStyleDropdownItems","activeItemId","applyDropdownItemStyling","_a","firstElementChild","span","useMoreButtonWidth","moreDropdownRef","moreButtonAlign","hasOverflowActions","dropdownWidth","moreButtonWidth","watch","newValue","nextTick","calculatedWidth","useVisibleElementsWidth","visibleElementsWidth","isRecalculatingWidth","calculateVisibleElementsWidth","totalWidth","isHidden","rect","props","__props","useTemplateRef","isMoreMenuOpen","moreMenuId","uniqueId","isMoreButtonVisible","shouldMoreButtonShow","toggleMoreButtonAnimation","computed","shouldShowMoreButton","isMoreMenuOpenString","actionsContainerWidth","moreButtonPosition","handleDropdownToggle","event"],"mappings":"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"}