@pequity/squirrel 1.0.20-beta.2 → 1.0.20-beta.3

package/dist/es/p-btn.js

@@ -1,100 +1,124 @@
-import { _ as P } from "./chunks/p-ring-loader.js";
-import { getColorDeep as U } from "./tailwind.js";
-import { defineComponent as I, reactive as B, inject as b, computed as c, h as x, unref as g, getCurrentInstance as V, watchEffect as $, resolveComponent as w, openBlock as m, createElementBlock as K, mergeProps as y, renderSlot as h, createBlock as S, resolveDynamicComponent as M, withCtx as z, createElementVNode as j, normalizeClass as G, normalizeStyle as H, createCommentVNode as q } from "vue";
-import { _ as Z } from "./chunks/_plugin-vue_export-helper.js";
+import { _ as _sfc_main$1 } from "./chunks/p-ring-loader.js";
+import { getColorDeep } from "./tailwind.js";
+import { defineComponent, reactive, inject, computed, h, unref, getCurrentInstance, watchEffect, resolveComponent, openBlock, createElementBlock, mergeProps, renderSlot, createBlock, resolveDynamicComponent, withCtx, createElementVNode, normalizeClass, normalizeStyle, createCommentVNode } from "vue";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 /*!
   * vue-router v4.3.0
   * (c) 2024 Eduardo San Martin Morote
   * @license MIT
   */
-const W = typeof document < "u", J = () => {
-}, d = Array.isArray;
-function R(e, t) {
-  return (e.aliasOf || e) === (t.aliasOf || t);
+const isBrowser = typeof document !== "undefined";
+const noop = () => {
+};
+const isArray = Array.isArray;
+function isSameRouteRecord(a, b) {
+  return (a.aliasOf || a) === (b.aliasOf || b);
 }
-function Q(e, t) {
-  if (Object.keys(e).length !== Object.keys(t).length)
-    return !1;
-  for (const r in e)
-    if (!X(e[r], t[r]))
-      return !1;
-  return !0;
+function isSameRouteLocationParams(a, b) {
+  if (Object.keys(a).length !== Object.keys(b).length)
+    return false;
+  for (const key in a) {
+    if (!isSameRouteLocationParamsValue(a[key], b[key]))
+      return false;
+  }
+  return true;
 }
-function X(e, t) {
-  return d(e) ? O(e, t) : d(t) ? O(t, e) : e === t;
+function isSameRouteLocationParamsValue(a, b) {
+  return isArray(a) ? isEquivalentArray(a, b) : isArray(b) ? isEquivalentArray(b, a) : a === b;
 }
-function O(e, t) {
-  return d(t) ? e.length === t.length && e.every((r, o) => r === t[o]) : e.length === 1 && e[0] === t;
+function isEquivalentArray(a, b) {
+  return isArray(b) ? a.length === b.length && a.every((value, i) => value === b[i]) : a.length === 1 && a[0] === b;
 }
-var A;
-(function(e) {
-  e.pop = "pop", e.push = "push";
-})(A || (A = {}));
-var _;
-(function(e) {
-  e.back = "back", e.forward = "forward", e.unknown = "";
-})(_ || (_ = {}));
+var NavigationType;
+(function(NavigationType2) {
+  NavigationType2["pop"] = "pop";
+  NavigationType2["push"] = "push";
+})(NavigationType || (NavigationType = {}));
+var NavigationDirection;
+(function(NavigationDirection2) {
+  NavigationDirection2["back"] = "back";
+  NavigationDirection2["forward"] = "forward";
+  NavigationDirection2["unknown"] = "";
+})(NavigationDirection || (NavigationDirection = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var C;
-(function(e) {
-  e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
-})(C || (C = {}));
+var NavigationFailureType;
+(function(NavigationFailureType2) {
+  NavigationFailureType2[NavigationFailureType2["aborted"] = 4] = "aborted";
+  NavigationFailureType2[NavigationFailureType2["cancelled"] = 8] = "cancelled";
+  NavigationFailureType2[NavigationFailureType2["duplicated"] = 16] = "duplicated";
+})(NavigationFailureType || (NavigationFailureType = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-const T = Symbol(process.env.NODE_ENV !== "production" ? "router" : ""), F = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+const routerKey = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const routeLocationKey = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
-function N(e) {
-  const t = b(T), r = b(F), o = c(() => t.resolve(g(e.to))), a = c(() => {
-    const { matched: s } = o.value, { length: i } = s, f = s[i - 1], p = r.matched;
-    if (!f || !p.length)
+function useLink(props) {
+  const router = inject(routerKey);
+  const currentRoute = inject(routeLocationKey);
+  const route = computed(() => router.resolve(unref(props.to)));
+  const activeRecordIndex = computed(() => {
+    const { matched } = route.value;
+    const { length } = matched;
+    const routeMatched = matched[length - 1];
+    const currentMatched = currentRoute.matched;
+    if (!routeMatched || !currentMatched.length)
       return -1;
-    const v = p.findIndex(R.bind(null, f));
-    if (v > -1)
-      return v;
-    const E = L(s[i - 2]);
+    const index = currentMatched.findIndex(isSameRouteRecord.bind(null, routeMatched));
+    if (index > -1)
+      return index;
+    const parentRecordPath = getOriginalPath(matched[length - 2]);
     return (
       // we are dealing with nested routes
-      i > 1 && // if the parent and matched route have the same path, this link is
+      length > 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(f) === E && // avoid comparing the child with its parent
-      p[p.length - 1].path !== E ? p.findIndex(R.bind(null, s[i - 2])) : v
+      getOriginalPath(routeMatched) === parentRecordPath && // avoid comparing the child with its parent
+      currentMatched[currentMatched.length - 1].path !== parentRecordPath ? currentMatched.findIndex(isSameRouteRecord.bind(null, matched[length - 2])) : index
     );
-  }), l = c(() => a.value > -1 && ne(r.params, o.value.params)), u = c(() => a.value > -1 && a.value === r.matched.length - 1 && Q(r.params, o.value.params));
-  function Y(s = {}) {
-    return re(s) ? t[g(e.replace) ? "replace" : "push"](
-      g(e.to)
-      // avoid uncaught errors are they are logged anyway
-    ).catch(J) : Promise.resolve();
+  });
+  const isActive = computed(() => activeRecordIndex.value > -1 && includesParams(currentRoute.params, route.value.params));
+  const isExactActive = computed(() => activeRecordIndex.value > -1 && activeRecordIndex.value === currentRoute.matched.length - 1 && isSameRouteLocationParams(currentRoute.params, route.value.params));
+  function navigate(e = {}) {
+    if (guardEvent(e)) {
+      return router[unref(props.replace) ? "replace" : "push"](
+        unref(props.to)
+        // avoid uncaught errors are they are logged anyway
+      ).catch(noop);
+    }
+    return Promise.resolve();
   }
-  if (process.env.NODE_ENV !== "production" && W) {
-    const s = V();
-    if (s) {
-      const i = {
-        route: o.value,
-        isActive: l.value,
-        isExactActive: u.value
+  if ((process.env.NODE_ENV !== "production" || false) && isBrowser) {
+    const instance = getCurrentInstance();
+    if (instance) {
+      const linkContextDevtools = {
+        route: route.value,
+        isActive: isActive.value,
+        isExactActive: isExactActive.value
       };
-      s.__vrl_devtools = s.__vrl_devtools || [], s.__vrl_devtools.push(i), $(() => {
-        i.route = o.value, i.isActive = l.value, i.isExactActive = u.value;
+      instance.__vrl_devtools = instance.__vrl_devtools || [];
+      instance.__vrl_devtools.push(linkContextDevtools);
+      watchEffect(() => {
+        linkContextDevtools.route = route.value;
+        linkContextDevtools.isActive = isActive.value;
+        linkContextDevtools.isExactActive = isExactActive.value;
       }, { flush: "post" });
     }
   }
   return {
-    route: o,
-    href: c(() => o.value.href),
-    isActive: l,
-    isExactActive: u,
-    navigate: Y
+    route,
+    href: computed(() => route.value.href),
+    isActive,
+    isExactActive,
+    navigate
   };
 }
-const ee = /* @__PURE__ */ I({
+const RouterLinkImpl = /* @__PURE__ */ defineComponent({
   name: "RouterLink",
   compatConfig: { MODE: 3 },
   props: {
     to: {
       type: [String, Object],
-      required: !0
+      required: true
     },
     replace: Boolean,
     activeClass: String,
@@ -106,55 +130,68 @@ const ee = /* @__PURE__ */ I({
       default: "page"
     }
   },
-  useLink: N,
-  setup(e, { slots: t }) {
-    const r = B(N(e)), { options: o } = b(T), a = c(() => ({
-      [k(e.activeClass, o.linkActiveClass, "router-link-active")]: r.isActive,
+  useLink,
+  setup(props, { slots }) {
+    const link = reactive(useLink(props));
+    const { options } = inject(routerKey);
+    const elClass = computed(() => ({
+      [getLinkClass(props.activeClass, options.linkActiveClass, "router-link-active")]: link.isActive,
       // [getLinkClass(
       //   props.inactiveClass,
       //   options.linkInactiveClass,
       //   'router-link-inactive'
       // )]: !link.isExactActive,
-      [k(e.exactActiveClass, o.linkExactActiveClass, "router-link-exact-active")]: r.isExactActive
+      [getLinkClass(props.exactActiveClass, options.linkExactActiveClass, "router-link-exact-active")]: link.isExactActive
     }));
     return () => {
-      const l = t.default && t.default(r);
-      return e.custom ? l : x("a", {
-        "aria-current": r.isExactActive ? e.ariaCurrentValue : null,
-        href: r.href,
+      const children = slots.default && slots.default(link);
+      return props.custom ? children : h("a", {
+        "aria-current": link.isExactActive ? props.ariaCurrentValue : null,
+        href: link.href,
         // this would override user added attrs but Vue will still add
         // the listener, so we end up triggering both
-        onClick: r.navigate,
-        class: a.value
-      }, l);
+        onClick: link.navigate,
+        class: elClass.value
+      }, children);
     };
   }
-}), te = ee;
-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;
+});
+const RouterLink = RouterLinkImpl;
+function guardEvent(e) {
+  if (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey)
+    return;
+  if (e.defaultPrevented)
+    return;
+  if (e.button !== void 0 && e.button !== 0)
+    return;
+  if (e.currentTarget && e.currentTarget.getAttribute) {
+    const target = e.currentTarget.getAttribute("target");
+    if (/\b_blank\b/i.test(target))
+      return;
   }
+  if (e.preventDefault)
+    e.preventDefault();
+  return true;
 }
-function ne(e, t) {
-  for (const r in t) {
-    const o = t[r], a = e[r];
-    if (typeof o == "string") {
-      if (o !== a)
-        return !1;
-    } else if (!d(a) || a.length !== o.length || o.some((l, u) => l !== a[u]))
-      return !1;
+function includesParams(outer, inner) {
+  for (const key in inner) {
+    const innerValue = inner[key];
+    const outerValue = outer[key];
+    if (typeof innerValue === "string") {
+      if (innerValue !== outerValue)
+        return false;
+    } else {
+      if (!isArray(outerValue) || outerValue.length !== innerValue.length || innerValue.some((value, i) => value !== outerValue[i]))
+        return false;
+    }
   }
-  return !0;
+  return true;
 }
-function L(e) {
-  return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
+function getOriginalPath(record) {
+  return record ? record.aliasOf ? record.aliasOf.path : record.path : "";
 }
-const k = (e, t, r) => e ?? t ?? r, n = {
+const getLinkClass = (propClass, globalClass, defaultClass) => propClass != null ? propClass : globalClass != null ? globalClass : defaultClass;
+const BUTTON_TYPES = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
   PRIMARY_OUTLINE: "primary-outline",
@@ -165,43 +202,50 @@ const k = (e, t, r) => e ?? t ?? r, n = {
   PRIMARY_LINK: "primary-link",
   SECONDARY_GHOST: "secondary-ghost",
   SECONDARY_GHOST_DARK: "secondary-ghost-dark"
-}, oe = ["button", "submit", "reset"], ae = "relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none", se = {
-  [n.PRIMARY]: "text-surface bg-primary hover:bg-accent active:bg-p-blue-80",
-  [n.SECONDARY]: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",
-  [n.PRIMARY_OUTLINE]: "text-p-purple-60 bg-p-blue-10 border border-p-purple-60 hover:bg-p-gray-20 focus:ring-1 focus:ring-p-purple-60",
-  [n.SECONDARY_OUTLINE]: "text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10",
-  [n.SECONDARY_OUTLINE_BLUE]: "text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60",
-  [n.ERROR]: "text-white bg-p-red-40 hover:bg-p-red-50",
-  [n.SUCCESS]: "text-white bg-p-green-40 hover:bg-p-green-50",
-  [n.PRIMARY_LINK]: "text-primary bg-transparent hover:text-accent underline",
-  [n.SECONDARY_GHOST]: "text-on-surface hover:bg-p-gray-20",
-  [n.SECONDARY_GHOST_DARK]: "text-white hover:bg-p-purple-50"
-}, D = {
+};
+const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
+const DEFAULT_CLASSES = `relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none`;
+const BUTTON_CLASSES = {
+  [BUTTON_TYPES.PRIMARY]: "text-surface bg-primary hover:bg-accent active:bg-p-blue-80",
+  [BUTTON_TYPES.SECONDARY]: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",
+  [BUTTON_TYPES.PRIMARY_OUTLINE]: "text-p-purple-60 bg-p-blue-10 border border-p-purple-60 hover:bg-p-gray-20 focus:ring-1 focus:ring-p-purple-60",
+  [BUTTON_TYPES.SECONDARY_OUTLINE]: "text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10",
+  [BUTTON_TYPES.SECONDARY_OUTLINE_BLUE]: "text-p-purple-60 bg-surface border border-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60",
+  [BUTTON_TYPES.ERROR]: "text-white bg-p-red-40 hover:bg-p-red-50",
+  [BUTTON_TYPES.SUCCESS]: "text-white bg-p-green-40 hover:bg-p-green-50",
+  [BUTTON_TYPES.PRIMARY_LINK]: "text-primary bg-transparent hover:text-accent underline",
+  [BUTTON_TYPES.SECONDARY_GHOST]: "text-on-surface hover:bg-p-gray-20",
+  [BUTTON_TYPES.SECONDARY_GHOST_DARK]: "text-white hover:bg-p-purple-50"
+};
+const BUTTON_SIZES = {
   sm: "py-1 px-2 rounded font-medium text-sm",
   md: "py-2 px-6 rounded font-medium text-base",
   lg: "py-3 px-6 rounded font-medium text-lg"
-}, le = {
+};
+const LOADER_SIZES = {
   sm: 24,
   md: 30,
   lg: 40
-}, ie = {
-  [n.PRIMARY]: "p-blue-15",
-  [n.SECONDARY]: "p-purple-60",
-  [n.PRIMARY_OUTLINE]: "p-blue-60",
-  [n.SECONDARY_OUTLINE]: "p-purple-60",
-  [n.SECONDARY_OUTLINE_BLUE]: "p-purple-60",
-  [n.ERROR]: "p-blue-15",
-  [n.SUCCESS]: "p-blue-15",
-  [n.PRIMARY_LINK]: "p-blue-60",
-  [n.SECONDARY_GHOST]: "p-purple-60",
-  [n.SECONDARY_GHOST_DARK]: "p-blue-15"
-}, ue = I({
+};
+const LOADER_COLORS = {
+  [BUTTON_TYPES.PRIMARY]: "p-blue-15",
+  [BUTTON_TYPES.SECONDARY]: "p-purple-60",
+  [BUTTON_TYPES.PRIMARY_OUTLINE]: "p-blue-60",
+  [BUTTON_TYPES.SECONDARY_OUTLINE]: "p-purple-60",
+  [BUTTON_TYPES.SECONDARY_OUTLINE_BLUE]: "p-purple-60",
+  [BUTTON_TYPES.ERROR]: "p-blue-15",
+  [BUTTON_TYPES.SUCCESS]: "p-blue-15",
+  [BUTTON_TYPES.PRIMARY_LINK]: "p-blue-60",
+  [BUTTON_TYPES.SECONDARY_GHOST]: "p-purple-60",
+  [BUTTON_TYPES.SECONDARY_GHOST_DARK]: "p-blue-15"
+};
+const _sfc_main = defineComponent({
   name: "PBtn",
   components: {
-    PRingLoader: P,
-    RouterLink: te
+    PRingLoader: _sfc_main$1,
+    RouterLink
   },
-  inheritAttrs: !1,
+  inheritAttrs: false,
   props: {
     /**
      * The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
@@ -209,8 +253,8 @@ const k = (e, t, r) => e ?? t ?? r, n = {
     type: {
       type: String,
       default: "primary",
-      validator(e) {
-        return Object.values(n).includes(e);
+      validator(value) {
+        return Object.values(BUTTON_TYPES).includes(value);
       }
     },
     /**
@@ -219,8 +263,8 @@ const k = (e, t, r) => e ?? t ?? r, n = {
     nativeType: {
       type: String,
       default: "button",
-      validator(e) {
-        return oe.includes(e);
+      validator(value) {
+        return BUTTON_NATIVE_TYPES.includes(value);
       }
     },
     /**
@@ -229,8 +273,8 @@ const k = (e, t, r) => e ?? t ?? r, n = {
     size: {
       type: String,
       default: "md",
-      validator(e) {
-        return Object.keys(D).includes(e);
+      validator(value) {
+        return Object.keys(BUTTON_SIZES).includes(value);
       }
     },
     /**
@@ -238,14 +282,14 @@ const k = (e, t, r) => e ?? t ?? r, n = {
      */
     loading: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Whether the button is selected (sets aria-selected attribute)
      */
     selected: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Exactly as the `to` prop in `RouterLink`, when used, it renders a link that triggers a navigation on click.
@@ -263,55 +307,56 @@ const k = (e, t, r) => e ?? t ?? r, n = {
   },
   computed: {
     classes() {
-      return `${ae} ${D[this.size]} ${se[this.type]}`;
+      return `${DEFAULT_CLASSES} ${BUTTON_SIZES[this.size]} ${BUTTON_CLASSES[this.type]}`;
     },
     loaderSize() {
-      return +`${le[this.size]}`;
+      return Number(`${LOADER_SIZES[this.size]}`);
     },
     loaderColor() {
-      const e = ie[this.type];
-      return U(e);
+      const type = LOADER_COLORS[this.type];
+      return getColorDeep(type);
     },
     isExternalLink() {
-      return typeof this.to == "string" && this.to.startsWith("http");
+      return typeof this.to === "string" && this.to.startsWith("http");
     }
   }
-}), ce = ["href"];
-function pe(e, t, r, o, a, l) {
-  const u = w("PRingLoader");
-  return e.isExternalLink ? (m(), K("a", y({ key: 0 }, e.$attrs, {
-    href: e.to,
+});
+const _hoisted_1 = ["href"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PRingLoader = resolveComponent("PRingLoader");
+  return _ctx.isExternalLink ? (openBlock(), createElementBlock("a", mergeProps({ key: 0 }, _ctx.$attrs, {
+    href: _ctx.to,
     target: "_blank",
-    class: e.classes
+    class: _ctx.classes
   }), [
-    h(e.$slots, "default")
-  ], 16, ce)) : (m(), S(M(e.to ? "RouterLink" : "button"), y({
+    renderSlot(_ctx.$slots, "default")
+  ], 16, _hoisted_1)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.to ? "RouterLink" : "button"), mergeProps({
     key: 1,
-    type: e.to ? null : e.nativeType,
-    to: e.to ? e.to : null,
-    "aria-selected": e.selected,
-    class: e.classes
-  }, e.$attrs, {
-    disabled: e.$attrs.disabled || e.loading
+    type: _ctx.to ? null : _ctx.nativeType,
+    to: _ctx.to ? _ctx.to : null,
+    "aria-selected": _ctx.selected,
+    class: _ctx.classes
+  }, _ctx.$attrs, {
+    disabled: _ctx.$attrs.disabled || _ctx.loading
   }), {
-    default: z(() => [
-      j("div", {
-        class: G({ invisible: e.loading })
+    default: withCtx(() => [
+      createElementVNode("div", {
+        class: normalizeClass({ invisible: _ctx.loading })
       }, [
-        h(e.$slots, "default")
+        renderSlot(_ctx.$slots, "default")
       ], 2),
-      e.loading ? (m(), S(u, {
+      _ctx.loading ? (openBlock(), createBlock(_component_PRingLoader, {
         key: 0,
-        style: H(e.loaderStyle),
-        color: e.loaderColor,
-        size: e.loaderSize,
+        style: normalizeStyle(_ctx.loaderStyle),
+        color: _ctx.loaderColor,
+        size: _ctx.loaderSize,
         class: "left-0 right-0 top-0 ml-auto mr-auto pt-1"
-      }, null, 8, ["style", "color", "size"])) : q("", !0)
+      }, null, 8, ["style", "color", "size"])) : createCommentVNode("", true)
     ]),
     _: 3
   }, 16, ["type", "to", "aria-selected", "class", "disabled"]));
 }
-const me = /* @__PURE__ */ Z(ue, [["render", pe]]);
+const PBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  me as default
+  PBtn as default
 };

package/dist/es/p-card.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/p-card.js";
+import { _ as _sfc_main } from "./chunks/p-card.js";
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/es/p-checkbox.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/p-checkbox.js";
+import { _ as _sfc_main } from "./chunks/p-checkbox.js";
 export {
-  f as default
+  _sfc_main as default
 };