@stachelock/ui 0.1.1 → 0.1.3

package/dist/UiNavLink.vue_vue_type_script_setup_true_lang-Bz5oiCCk.js

@@ -0,0 +1,222 @@
+import { inject as b, computed as v, unref as c, getCurrentInstance as U, watchEffect as q, defineComponent as z, toRefs as G, ref as x, watch as H, createBlock as J, openBlock as C, mergeProps as Q, withCtx as W, createElementVNode as N, createElementBlock as X, createCommentVNode as Y, renderSlot as _ } from "vue";
+import Z from "./components/Button.js";
+/*!
+  * vue-router v4.5.1
+  * (c) 2025 Eduardo San Martin Morote
+  * @license MIT
+  */
+const F = typeof document < "u", ee = () => {
+}, k = Array.isArray;
+function V(e) {
+  const t = Array.from(arguments).slice(1);
+  console.warn.apply(console, ["[Vue Router warn]: " + e].concat(t));
+}
+function O(e, t) {
+  return (e.aliasOf || e) === (t.aliasOf || t);
+}
+function te(e, t) {
+  if (Object.keys(e).length !== Object.keys(t).length)
+    return !1;
+  for (const s in e)
+    if (!ne(e[s], t[s]))
+      return !1;
+  return !0;
+}
+function ne(e, t) {
+  return k(e) ? R(e, t) : k(t) ? R(t, e) : e === t;
+}
+function R(e, t) {
+  return k(t) ? e.length === t.length && e.every((s, a) => s === t[a]) : e.length === 1 && e[0] === t;
+}
+var S;
+(function(e) {
+  e.pop = "pop", e.push = "push";
+})(S || (S = {}));
+var D;
+(function(e) {
+  e.back = "back", e.forward = "forward", e.unknown = "";
+})(D || (D = {}));
+function B(e) {
+  return typeof e == "string" || e && typeof e == "object";
+}
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var P;
+(function(e) {
+  e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
+})(P || (P = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const I = Symbol(process.env.NODE_ENV !== "production" ? "router" : ""), $ = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function oe(e) {
+  const t = b(I), s = b($);
+  let a = !1, l = null;
+  const u = v(() => {
+    const n = c(e.to);
+    return process.env.NODE_ENV !== "production" && (!a || n !== l) && (B(n) || (a ? V(`Invalid value for prop "to" in useLink()
+- to:`, n, `
+- previous to:`, l, `
+- props:`, e) : V(`Invalid value for prop "to" in useLink()
+- to:`, n, `
+- props:`, e)), l = n, a = !0), t.resolve(n);
+  }), f = v(() => {
+    const { matched: n } = u.value, { length: r } = n, y = n[r - 1], d = s.matched;
+    if (!y || !d.length)
+      return -1;
+    const p = d.findIndex(O.bind(null, y));
+    if (p > -1)
+      return p;
+    const E = L(n[r - 2]);
+    return (
+      // we are dealing with nested routes
+      r > 1 && // if the parent and matched route have the same path, this link is
+      // referring to the empty child. Or we currently are on a different
+      // child of the same parent
+      L(y) === E && // avoid comparing the child with its parent
+      d[d.length - 1].path !== E ? d.findIndex(O.bind(null, n[r - 2])) : p
+    );
+  }), m = v(() => f.value > -1 && se(s.params, u.value.params)), h = v(() => f.value > -1 && f.value === s.matched.length - 1 && te(s.params, u.value.params));
+  function g(n = {}) {
+    if (re(n)) {
+      const r = t[c(e.replace) ? "replace" : "push"](
+        c(e.to)
+        // avoid uncaught errors are they are logged anyway
+      ).catch(ee);
+      return e.viewTransition && typeof document < "u" && "startViewTransition" in document && document.startViewTransition(() => r), r;
+    }
+    return Promise.resolve();
+  }
+  if (process.env.NODE_ENV !== "production" && F) {
+    const n = U();
+    if (n) {
+      const r = {
+        route: u.value,
+        isActive: m.value,
+        isExactActive: h.value,
+        error: null
+      };
+      n.__vrl_devtools = n.__vrl_devtools || [], n.__vrl_devtools.push(r), q(() => {
+        r.route = u.value, r.isActive = m.value, r.isExactActive = h.value, r.error = B(c(e.to)) ? null : 'Invalid "to" value';
+      }, { flush: "post" });
+    }
+  }
+  return {
+    route: u,
+    href: v(() => u.value.href),
+    isActive: m,
+    isExactActive: h,
+    navigate: g
+  };
+}
+function re(e) {
+  if (!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey) && !e.defaultPrevented && !(e.button !== void 0 && e.button !== 0)) {
+    if (e.currentTarget && e.currentTarget.getAttribute) {
+      const t = e.currentTarget.getAttribute("target");
+      if (/\b_blank\b/i.test(t))
+        return;
+    }
+    return e.preventDefault && e.preventDefault(), !0;
+  }
+}
+function se(e, t) {
+  for (const s in t) {
+    const a = t[s], l = e[s];
+    if (typeof a == "string") {
+      if (a !== l)
+        return !1;
+    } else if (!k(l) || l.length !== a.length || a.some((u, f) => u !== l[f]))
+      return !1;
+  }
+  return !0;
+}
+function L(e) {
+  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
+}
+function ae() {
+  return b(I);
+}
+function le(e) {
+  return b($);
+}
+const ue = { class: "sl-flex sl-items-center sl-w-full" }, ie = { class: "sl-flex sl-items-center sl-space-x-2 sl-flex-1" }, ce = {
+  key: 0,
+  class: "sl-flex sl-items-center sl-ml-auto"
+}, ve = /* @__PURE__ */ z({
+  __name: "UiNavLink",
+  props: {
+    to: {},
+    inactiveClass: { default: "" },
+    activeClass: { default: "" },
+    ariaCurrent: { default: void 0 },
+    current: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    customDisabled: { type: Boolean, default: !1 },
+    useCustomActiveState: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const s = e, a = t, { to: l, inactiveClass: u, activeClass: f, ariaCurrent: m, current: h, disabled: g, customDisabled: n, useCustomActiveState: r } = G(s), { navigate: y, isExactActive: d, isActive: p } = oe({ to: l }), E = ae(), A = le(), j = x(A.name);
+    H(A, (o, i) => {
+      j.value = i.name;
+    });
+    const K = v(() => {
+      const o = E.resolve(l.value);
+      return o && o.matched.length > 0 && !o.matched.some((i) => i.meta?.isErrorPage);
+    }), T = v(() => {
+      const i = [
+        (r.value ? h.value : p.value) ? f.value : u.value,
+        "sl-w-full",
+        "sl-flex",
+        // Make the button container a flexbox.
+        "sl-items-center",
+        // Vertically align items.
+        "sl-relative",
+        // Essential for loading overlay positioning
+        "sl-justify-between"
+        // Space between content and trailing loading
+      ];
+      return n.value ? i.push("sl-cursor-not-allowed", "sl-text-gray-500") : !K.value || g.value ? i.push("sl-cursor-not-allowed") : i.push("sl-cursor-pointer"), i.join(" ");
+    }), w = x(!1), M = async (o) => {
+      if (a("click", o), !o.defaultPrevented && !n.value && !g.value)
+        try {
+          w.value = !0, await y();
+        } catch (i) {
+          console.error("[UiNavLink] Navigation failed:", i);
+        } finally {
+          w.value = !1;
+        }
+    };
+    return (o, i) => (C(), J(Z, Q({ "center-label": "" }, o.$attrs, {
+      disabled: c(g),
+      loading: w.value,
+      "trailing-loading": !0,
+      "trailing-loading-size": "xs",
+      "custom-class": T.value,
+      "aria-current": c(m),
+      onClick: M
+    }), {
+      default: W(() => [
+        N("div", ue, [
+          N("div", ie, [
+            _(o.$slots, "icon", {
+              isExactActive: c(d),
+              isActive: c(p)
+            }),
+            _(o.$slots, "default")
+          ]),
+          o.$slots.secondaryText || o.$slots.badge ? (C(), X("div", ce, [
+            _(o.$slots, "secondaryText"),
+            _(o.$slots, "badge")
+          ])) : Y("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["disabled", "loading", "custom-class", "aria-current"]));
+  }
+});
+export {
+  ve as _,
+  ae as a,
+  le as u
+};
+//# sourceMappingURL=UiNavLink.vue_vue_type_script_setup_true_lang-Bz5oiCCk.js.map