@pequity/squirrel 1.0.19 → 1.0.20-beta.2

package/dist/es/text.js

@@ -0,0 +1,11 @@
+const c = (s, i) => {
+  const r = String(i).trim(), t = String(s).trim(), n = t.indexOf(r);
+  if (n >= 0) {
+    const e = t.substring(0, n), g = t.substring(n, n + r.length), o = t.substring(n + r.length);
+    return [e, g, o];
+  } else
+    return [t];
+};
+export {
+  c as splitStringForHighlight
+};

package/dist/es/useInputClasses.js

@@ -0,0 +1,28 @@
+import { INPUT_BASE as A, INPUT_SIZES as v, SPACING_PREFIX as C, SPACING_LEFT as p, SPACING_SUFFIX as L, SPACING_RIGHT as l, INPUT_ERROR as T, INPUT_NORMAL as N, LABEL_BASE as P, LABEL_SIZES as B, LABEL_REQUIRED as g, SELECT_BASE as m, SELECT_ARROW as x, SELECT_SIZES as G, TEXTAREA_BASE as U, ERROR_MSG as d } from "./inputClassesShared.js";
+import { ref as r, toRefs as M, computed as t } from "vue";
+const F = {
+  size: r("md"),
+  errorMsg: r(""),
+  required: r(!1),
+  prefix: r(!1),
+  suffix: r(!1)
+};
+function Z(o) {
+  const n = { ...F, ...M(o) }, { size: e, errorMsg: E, required: c, prefix: S, suffix: $ } = n, a = t(() => {
+    const s = `${A} ${v[e.value]}`, u = S.value ? C[e.value] : p[e.value], i = $.value ? L[e.value] : l[e.value];
+    return `${s} ${u} ${i} ${E.value ? T : N}`;
+  }), f = t(() => {
+    const s = `${P} ${B[e.value]}`;
+    return c.value ? `${s} ${g}` : s;
+  }), I = t(() => `${a.value.replace(` ${l[e.value]}`, "")} ${m} ${x} ${G[e.value]}`), R = t(() => `${a.value} ${U}`), _ = r(d);
+  return {
+    inputClasses: a,
+    labelClasses: f,
+    selectClasses: I,
+    textareaClasses: R,
+    errorMsgClasses: _
+  };
+}
+export {
+  Z as useInputClasses
+};

package/dist/es/usePLoading.js

@@ -0,0 +1,19 @@
+import { ref as u, getCurrentScope as a, onScopeDispose as c } from "vue";
+import { uniqueId as p } from "lodash-es";
+const e = u(!1), o = [];
+let n;
+const g = (i) => {
+  const { delay: t } = { delay: 200, ...i }, l = a(), r = () => {
+    o.length === 0 && t > 0 ? n = setTimeout(() => {
+      e.value = !0;
+    }, t) : e.value = !0, o.push(p());
+  }, s = () => {
+    o.length === 1 && (e.value = !1), clearTimeout(n), o.pop();
+  };
+  return l && c(() => {
+    s();
+  }), { show: e, loadingShow: r, loadingHide: s };
+};
+export {
+  g as usePLoading
+};

package/dist/es/usePModal.js

@@ -0,0 +1,18 @@
+import { reactive as l } from "vue";
+const o = l({
+  modals: {}
+}), c = () => {
+  const s = (e) => {
+    o.modals[e] = !0;
+  }, t = (e) => {
+    delete o.modals[e];
+  };
+  return { state: o, show: s, hide: t, hideAll: () => {
+    Object.keys(o.modals).forEach((e) => {
+      t(e);
+    });
+  } };
+};
+export {
+  c as usePModal
+};

package/dist/es/usePTableColResize.js

@@ -0,0 +1,49 @@
+import { MIN_WIDTH_COL_RESIZE as h } from "./p-table.js";
+import { ref as c, onMounted as x, onBeforeUnmount as W, watch as b, nextTick as C } from "vue";
+const T = (p) => {
+  const { enabled: u, ths: a } = p, o = c(!1), r = c("0px"), d = c(0), v = c(-1), R = (e) => {
+    if (r.value = `${e.clientX}px`, o.value) {
+      document.body.classList.add("cursor-col-resize");
+      const t = a.value[v.value], s = t.getBoundingClientRect(), l = e.clientX - s.left - t.offsetWidth, i = t.offsetWidth + l;
+      f(i), r.value = e.clientX < s.left ? "0px" : `${e.clientX}px`;
+    }
+  }, z = (e, t) => {
+    e.detail === 1 && (e.preventDefault(), o.value = !0, d.value = a.value[t].offsetWidth, v.value = t);
+  }, n = () => {
+    o.value && (o.value = !1, document.body.classList.remove("cursor-col-resize"));
+  }, g = (e) => {
+    var l;
+    o.value = !0;
+    const t = (l = a.value[e].closest("table")) == null ? void 0 : l.querySelectorAll("tbody tr td:nth-child(" + (e + 1) + ") div.w-max");
+    if (!t)
+      return;
+    const s = [...t].reduce((i, L) => {
+      const m = L.getBoundingClientRect().width;
+      return m > i ? m : i;
+    }, 0);
+    f(s), C(() => {
+      o.value = !1;
+    });
+  }, f = (e) => {
+    d.value = e > h ? Math.ceil(e) : h;
+  };
+  return x(() => {
+    u.value && document.addEventListener("mouseup", n);
+  }), W(() => {
+    u.value && document.removeEventListener("mouseup", n);
+  }), b(u, (e) => {
+    e ? document.addEventListener("mouseup", n) : document.removeEventListener("mouseup", n);
+  }), {
+    isColResizing: o,
+    colResizeHandleLeft: r,
+    colResizingIndex: v,
+    colResizingWidth: d,
+    colResize: R,
+    colResizeStart: z,
+    colResizeStop: n,
+    colResizeFitToData: g
+  };
+};
+export {
+  T as usePTableColResize
+};

package/dist/es/usePTableRowVirtualizer.js

@@ -0,0 +1,22 @@
+import { ref as r, computed as u, isRef as s, unref as d } from "vue";
+import { useVirtualizer as v } from "@tanstack/vue-virtual";
+const E = (a) => {
+  if (!a.value)
+    return {
+      virtualizer: null,
+      virtualRows: r([{ key: 0, index: 0 }]),
+      paddingTop: r(0),
+      paddingBottom: r(0),
+      measureElement: () => r(void 0)
+    };
+  const e = v(a), t = u(() => e.value.getVirtualItems()), o = u(() => t.value.length > 0 ? t.value[0].start : 0), i = u(
+    () => t.value.length > 0 ? (e == null ? void 0 : e.value.getTotalSize()) - t.value[t.value.length - 1].end : 0
+  );
+  return { virtualizer: e, virtualRows: t, paddingTop: o, paddingBottom: i, measureElement: (l) => {
+    const n = s(l) ? d(l) : l == null ? void 0 : l.$el;
+    n && e.value.measureElement(n);
+  } };
+};
+export {
+  E as usePTableRowVirtualizer
+};

package/dist/es/useSelectList.js

@@ -0,0 +1,143 @@
+import { ref as S, computed as f, watch as y, onUnmounted as U, nextTick as Y } from "vue";
+import { setupListKeyboardNavigation as Z } from "./listKeyboardNavigation.js";
+import { cloneDeep as G, uniqBy as H } from "lodash-es";
+import { isObject as C } from "./object.js";
+import { toString as J } from "./string.js";
+import { useVirtualizer as Q } from "@tanstack/vue-virtual";
+const W = (e) => {
+  let i = Array.isArray(e) ? e.slice() : [];
+  return i.length && !C(i[0]) && (i = i.filter((o, c, u) => u.indexOf(o) === c).map((o) => ({ value: o, text: o }))), i;
+}, X = (e, i, o, c, u) => {
+  let n = e;
+  return i && C(e) && (o ? n = e.map((d) => d[c]) : n = e && e[c]), Array.isArray(n) ? n : [n];
+}, T = () => new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e))), L = (e) => new Promise((i) => setTimeout(i, e || 0)), w = { sm: 32, md: 40, lg: 48 }, R = "clear-both block w-full cursor-pointer whitespace-nowrap py-1 px-3 text-left text-sm font-medium hover:bg-p-blue-10", O = "selected", ae = (e, i, o, c) => {
+  let u = null;
+  const n = S([]), s = S([]), d = S(""), x = f(() => n.value.filter((l) => s.value.includes(l[e.itemValue]))), m = f(() => G(n.value).filter((l) => String(l[e.itemText]).toLocaleLowerCase().includes(String(d.value).toLocaleLowerCase()))), E = f(() => e.itemSize ? e.itemSize : w[e.size]), z = f(() => m.value.map((t) => t[e.itemValue]).every((t) => s.value.includes(t))), I = Q(
+    f(() => ({
+      count: m.value.length,
+      getScrollElement: () => o.value,
+      getItemKey: (l) => J(m.value[l][e.itemValue]),
+      estimateSize: () => e.itemSize ? e.itemSize : w[e.size],
+      overscan: 10
+    }))
+  ), _ = (l) => {
+    var t;
+    return (t = m.value[l]) == null ? void 0 : t[e.itemValue];
+  }, q = (l) => {
+    var t;
+    return (t = m.value[l]) == null ? void 0 : t[e.itemText];
+  };
+  y(
+    () => e.modelValue,
+    (l) => {
+      s.value = X(
+        l,
+        e.valueIsObject,
+        e.multiple,
+        e.itemValue,
+        n.value
+      );
+    },
+    {
+      immediate: !0,
+      deep: !0
+    }
+  ), y(d, async (l) => {
+    if (await B(), await T(), !u)
+      return;
+    const t = u.getItems().filter((a) => a.style.transform.includes("translateY(0px)"))[0];
+    l || e.multiple ? u.setFocusedItem(t) : A() > -1 ? b() : u.clearFocusedState();
+  }), U(() => {
+    u == null || u.destroy(), u = null;
+  });
+  const j = () => {
+    if (e.selectedTopShown) {
+      const l = n.value.reduce(
+        (t, a) => (s.value.includes(a[e.itemValue]) ? t[0].push(a) : t[1].push(a), t),
+        [[], []]
+      );
+      n.value = l[0].sort(
+        (t, a) => String(t[e.itemText]).localeCompare(String(a[e.itemText]), void 0, {
+          numeric: !0,
+          sensitivity: "base"
+        })
+      ).concat(l[1]);
+    }
+  }, N = async (l, t) => {
+    var r, F;
+    const a = l.currentTarget;
+    e.multiple && e.searchable && document.activeElement !== ((r = i.value) == null ? void 0 : r.$el.querySelector("input")) && ((F = i.value) == null || F.$el.querySelector("input").focus()), e.multiple ? g(t) ? c("update:modelValue", v(s.value.filter((D) => D !== t))) : c("update:modelValue", v([...s.value, t])) : c("update:modelValue", e.valueIsObject ? V(t) : t), await Y(), u == null || u.setFocusedItem(a.parentElement), c("select", t);
+  }, v = (l) => e.valueIsObject ? l.map((t) => V(t)) : l, V = (l) => n.value.find((t) => t[e.itemValue] === l), g = (l) => s.value.includes(l), h = () => {
+    u ? u.init() : u = Z({
+      itemContainer: o.value,
+      itemSelector: "[p-select-list-option]",
+      itemSelectSelector: "[p-select-list-option-item]",
+      itemFocusClass: "bg-p-blue-10"
+    });
+  }, M = () => {
+    u == null || u.destroy(), u = null;
+  }, $ = async () => {
+    h();
+  }, k = () => {
+    u == null || u.clearFocusedState();
+  }, B = async () => {
+    I.value.scrollToOffset(0), await T();
+  }, b = async (l) => {
+    var a;
+    l != null && l.wait && await L(l.wait);
+    const t = A();
+    if (o.value && I.value && t > -1) {
+      I.value.scrollToIndex(t, {
+        align: "center"
+      }), await L(), await T();
+      const r = (a = o.value) == null ? void 0 : a.querySelector(`.${O}`);
+      u == null || u.setFocusedItem(r == null ? void 0 : r.parentNode);
+    }
+  }, A = () => n.value.indexOf(x.value[0]), K = () => {
+    if (!e.multiple)
+      return;
+    const l = s.value, t = m.value.map((r) => r[e.itemValue]), a = H([...l, ...t], (r) => r);
+    c("update:modelValue", v(a));
+  }, P = () => {
+    d.value = "", c("update:modelValue", []);
+  };
+  return y(
+    () => e.items,
+    (l) => {
+      if (n.value = W(l), e.multiple && e.items.length && s.value.length) {
+        const t = s.value.filter((a) => n.value.some((r) => r[e.itemValue] === a));
+        t.length !== s.value.length && (console.warn("[p-select-list] Some values in the modelValue are not in the items list."), c("update:modelValue", v(t)));
+      }
+    },
+    {
+      immediate: !0
+    }
+  ), {
+    LIST_ITEM_SIZES: w,
+    LIST_ITEM_CLASS: R,
+    LIST_ITEM_ACTIVE_CLASS: O,
+    selectedItems: x,
+    computedItems: m,
+    computedItemSize: E,
+    computedInsideSelected: z,
+    internalItems: n,
+    internalValue: s,
+    search: d,
+    rowVirtualizer: I,
+    getValue: _,
+    getText: q,
+    isSelected: g,
+    setupNavigationSvc: h,
+    destroyNavigationSvc: M,
+    select: N,
+    onFocus: $,
+    onMousemove: k,
+    scrollToActiveItem: b,
+    putSelectedItemsOnTop: j,
+    selectAll: K,
+    clearAll: P
+  };
+};
+export {
+  ae as useSelectList
+};