@pequity/squirrel 1.0.20-beta.2 → 1.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/dist/squirrel.cjs.js +5 -0
  2. package/dist/squirrel.es.js +8220 -0
  3. package/dist/style.css +1 -1
  4. package/package.json +20 -22
  5. package/dist/cjs/chunks/_plugin-vue_export-helper.js +0 -1
  6. package/dist/cjs/chunks/p-action-bar.js +0 -1
  7. package/dist/cjs/chunks/p-card.js +0 -1
  8. package/dist/cjs/chunks/p-checkbox.js +0 -1
  9. package/dist/cjs/chunks/p-dropdown-select.js +0 -1
  10. package/dist/cjs/chunks/p-input-percent.js +0 -1
  11. package/dist/cjs/chunks/p-pagination-info.js +0 -1
  12. package/dist/cjs/chunks/p-pagination.js +0 -1
  13. package/dist/cjs/chunks/p-ring-loader.js +0 -1
  14. package/dist/cjs/chunks/p-select-btn.js +0 -1
  15. package/dist/cjs/chunks/p-select.js +0 -1
  16. package/dist/cjs/chunks/p-table-loader.js +0 -1
  17. package/dist/cjs/chunks/p-tabs.js +0 -1
  18. package/dist/cjs/config.js +0 -1
  19. package/dist/cjs/currency.js +0 -1
  20. package/dist/cjs/dom.js +0 -1
  21. package/dist/cjs/index.js +0 -1
  22. package/dist/cjs/inputClassesMixin.js +0 -1
  23. package/dist/cjs/inputClassesShared.js +0 -1
  24. package/dist/cjs/listKeyboardNavigation.js +0 -1
  25. package/dist/cjs/number.js +0 -1
  26. package/dist/cjs/object.js +0 -1
  27. package/dist/cjs/p-action-bar.js +0 -1
  28. package/dist/cjs/p-alert.js +0 -1
  29. package/dist/cjs/p-avatar.js +0 -1
  30. package/dist/cjs/p-btn.js +0 -5
  31. package/dist/cjs/p-card.js +0 -1
  32. package/dist/cjs/p-checkbox.js +0 -1
  33. package/dist/cjs/p-chips.js +0 -1
  34. package/dist/cjs/p-close-btn.js +0 -1
  35. package/dist/cjs/p-date-picker.js +0 -1
  36. package/dist/cjs/p-drawer.js +0 -1
  37. package/dist/cjs/p-dropdown-select.js +0 -1
  38. package/dist/cjs/p-dropdown.js +0 -1
  39. package/dist/cjs/p-file-upload.js +0 -1
  40. package/dist/cjs/p-info-icon.js +0 -1
  41. package/dist/cjs/p-inline-date-picker.js +0 -1
  42. package/dist/cjs/p-input-number.js +0 -1
  43. package/dist/cjs/p-input-percent.js +0 -1
  44. package/dist/cjs/p-input-search.js +0 -1
  45. package/dist/cjs/p-input.js +0 -1
  46. package/dist/cjs/p-loading.js +0 -1
  47. package/dist/cjs/p-modal.js +0 -1
  48. package/dist/cjs/p-pagination-info.js +0 -1
  49. package/dist/cjs/p-pagination.js +0 -1
  50. package/dist/cjs/p-progress-bar.js +0 -1
  51. package/dist/cjs/p-ring-loader.js +0 -1
  52. package/dist/cjs/p-select-btn.js +0 -1
  53. package/dist/cjs/p-select-list.js +0 -1
  54. package/dist/cjs/p-select-pill.js +0 -1
  55. package/dist/cjs/p-select.js +0 -1
  56. package/dist/cjs/p-skeleton-loader.js +0 -1
  57. package/dist/cjs/p-table-filter-icon.js +0 -1
  58. package/dist/cjs/p-table-header-cell.js +0 -1
  59. package/dist/cjs/p-table-loader.js +0 -1
  60. package/dist/cjs/p-table-sort.js +0 -1
  61. package/dist/cjs/p-table-td.js +0 -1
  62. package/dist/cjs/p-table.js +0 -1
  63. package/dist/cjs/p-tabs.js +0 -1
  64. package/dist/cjs/p-textarea.js +0 -1
  65. package/dist/cjs/p-toggle.js +0 -1
  66. package/dist/cjs/pagination.js +0 -1
  67. package/dist/cjs/string.js +0 -1
  68. package/dist/cjs/tailwind.js +0 -1
  69. package/dist/cjs/text.js +0 -1
  70. package/dist/cjs/useInputClasses.js +0 -1
  71. package/dist/cjs/usePLoading.js +0 -1
  72. package/dist/cjs/usePModal.js +0 -1
  73. package/dist/cjs/usePTableColResize.js +0 -1
  74. package/dist/cjs/usePTableRowVirtualizer.js +0 -1
  75. package/dist/cjs/useSelectList.js +0 -1
  76. package/dist/es/chunks/_plugin-vue_export-helper.js +0 -9
  77. package/dist/es/chunks/p-action-bar.js +0 -52
  78. package/dist/es/chunks/p-card.js +0 -25
  79. package/dist/es/chunks/p-checkbox.js +0 -22
  80. package/dist/es/chunks/p-dropdown-select.js +0 -366
  81. package/dist/es/chunks/p-input-percent.js +0 -45
  82. package/dist/es/chunks/p-pagination-info.js +0 -61
  83. package/dist/es/chunks/p-pagination.js +0 -93
  84. package/dist/es/chunks/p-ring-loader.js +0 -59
  85. package/dist/es/chunks/p-select-btn.js +0 -77
  86. package/dist/es/chunks/p-select.js +0 -97
  87. package/dist/es/chunks/p-table-loader.js +0 -57
  88. package/dist/es/chunks/p-tabs.js +0 -47
  89. package/dist/es/config.js +0 -105
  90. package/dist/es/currency.js +0 -9
  91. package/dist/es/dom.js +0 -15
  92. package/dist/es/index.js +0 -836
  93. package/dist/es/inputClassesMixin.js +0 -45
  94. package/dist/es/inputClassesShared.js +0 -61
  95. package/dist/es/listKeyboardNavigation.js +0 -60
  96. package/dist/es/number.js +0 -4
  97. package/dist/es/object.js +0 -4
  98. package/dist/es/p-action-bar.js +0 -4
  99. package/dist/es/p-alert.js +0 -61
  100. package/dist/es/p-avatar.js +0 -69
  101. package/dist/es/p-btn.js +0 -317
  102. package/dist/es/p-card.js +0 -4
  103. package/dist/es/p-checkbox.js +0 -4
  104. package/dist/es/p-chips.js +0 -91
  105. package/dist/es/p-close-btn.js +0 -33
  106. package/dist/es/p-date-picker.js +0 -132
  107. package/dist/es/p-drawer.js +0 -235
  108. package/dist/es/p-dropdown-select.js +0 -4
  109. package/dist/es/p-dropdown.js +0 -120
  110. package/dist/es/p-file-upload.js +0 -13
  111. package/dist/es/p-info-icon.js +0 -31
  112. package/dist/es/p-inline-date-picker.js +0 -132
  113. package/dist/es/p-input-number.js +0 -129
  114. package/dist/es/p-input-percent.js +0 -4
  115. package/dist/es/p-input-search.js +0 -109
  116. package/dist/es/p-input.js +0 -84
  117. package/dist/es/p-loading.js +0 -30
  118. package/dist/es/p-modal.js +0 -283
  119. package/dist/es/p-pagination-info.js +0 -4
  120. package/dist/es/p-pagination.js +0 -4
  121. package/dist/es/p-progress-bar.js +0 -39
  122. package/dist/es/p-ring-loader.js +0 -4
  123. package/dist/es/p-select-btn.js +0 -4
  124. package/dist/es/p-select-list.js +0 -4
  125. package/dist/es/p-select-pill.js +0 -95
  126. package/dist/es/p-select.js +0 -4
  127. package/dist/es/p-skeleton-loader.js +0 -69
  128. package/dist/es/p-table-filter-icon.js +0 -21
  129. package/dist/es/p-table-header-cell.js +0 -71
  130. package/dist/es/p-table-loader.js +0 -4
  131. package/dist/es/p-table-sort.js +0 -8
  132. package/dist/es/p-table-td.js +0 -42
  133. package/dist/es/p-table.js +0 -8
  134. package/dist/es/p-tabs.js +0 -4
  135. package/dist/es/p-textarea.js +0 -72
  136. package/dist/es/p-toggle.js +0 -110
  137. package/dist/es/pagination.js +0 -12
  138. package/dist/es/string.js +0 -4
  139. package/dist/es/tailwind.js +0 -3794
  140. package/dist/es/text.js +0 -11
  141. package/dist/es/useInputClasses.js +0 -28
  142. package/dist/es/usePLoading.js +0 -19
  143. package/dist/es/usePModal.js +0 -18
  144. package/dist/es/usePTableColResize.js +0 -49
  145. package/dist/es/usePTableRowVirtualizer.js +0 -22
  146. package/dist/es/useSelectList.js +0 -143
package/dist/es/text.js DELETED
@@ -1,11 +0,0 @@
1
- const c = (s, i) => {
2
- const r = String(i).trim(), t = String(s).trim(), n = t.indexOf(r);
3
- if (n >= 0) {
4
- const e = t.substring(0, n), g = t.substring(n, n + r.length), o = t.substring(n + r.length);
5
- return [e, g, o];
6
- } else
7
- return [t];
8
- };
9
- export {
10
- c as splitStringForHighlight
11
- };
@@ -1,28 +0,0 @@
1
- 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";
2
- import { ref as r, toRefs as M, computed as t } from "vue";
3
- const F = {
4
- size: r("md"),
5
- errorMsg: r(""),
6
- required: r(!1),
7
- prefix: r(!1),
8
- suffix: r(!1)
9
- };
10
- function Z(o) {
11
- const n = { ...F, ...M(o) }, { size: e, errorMsg: E, required: c, prefix: S, suffix: $ } = n, a = t(() => {
12
- const s = `${A} ${v[e.value]}`, u = S.value ? C[e.value] : p[e.value], i = $.value ? L[e.value] : l[e.value];
13
- return `${s} ${u} ${i} ${E.value ? T : N}`;
14
- }), f = t(() => {
15
- const s = `${P} ${B[e.value]}`;
16
- return c.value ? `${s} ${g}` : s;
17
- }), I = t(() => `${a.value.replace(` ${l[e.value]}`, "")} ${m} ${x} ${G[e.value]}`), R = t(() => `${a.value} ${U}`), _ = r(d);
18
- return {
19
- inputClasses: a,
20
- labelClasses: f,
21
- selectClasses: I,
22
- textareaClasses: R,
23
- errorMsgClasses: _
24
- };
25
- }
26
- export {
27
- Z as useInputClasses
28
- };
@@ -1,19 +0,0 @@
1
- import { ref as u, getCurrentScope as a, onScopeDispose as c } from "vue";
2
- import { uniqueId as p } from "lodash-es";
3
- const e = u(!1), o = [];
4
- let n;
5
- const g = (i) => {
6
- const { delay: t } = { delay: 200, ...i }, l = a(), r = () => {
7
- o.length === 0 && t > 0 ? n = setTimeout(() => {
8
- e.value = !0;
9
- }, t) : e.value = !0, o.push(p());
10
- }, s = () => {
11
- o.length === 1 && (e.value = !1), clearTimeout(n), o.pop();
12
- };
13
- return l && c(() => {
14
- s();
15
- }), { show: e, loadingShow: r, loadingHide: s };
16
- };
17
- export {
18
- g as usePLoading
19
- };
@@ -1,18 +0,0 @@
1
- import { reactive as l } from "vue";
2
- const o = l({
3
- modals: {}
4
- }), c = () => {
5
- const s = (e) => {
6
- o.modals[e] = !0;
7
- }, t = (e) => {
8
- delete o.modals[e];
9
- };
10
- return { state: o, show: s, hide: t, hideAll: () => {
11
- Object.keys(o.modals).forEach((e) => {
12
- t(e);
13
- });
14
- } };
15
- };
16
- export {
17
- c as usePModal
18
- };
@@ -1,49 +0,0 @@
1
- import { MIN_WIDTH_COL_RESIZE as h } from "./p-table.js";
2
- import { ref as c, onMounted as x, onBeforeUnmount as W, watch as b, nextTick as C } from "vue";
3
- const T = (p) => {
4
- const { enabled: u, ths: a } = p, o = c(!1), r = c("0px"), d = c(0), v = c(-1), R = (e) => {
5
- if (r.value = `${e.clientX}px`, o.value) {
6
- document.body.classList.add("cursor-col-resize");
7
- const t = a.value[v.value], s = t.getBoundingClientRect(), l = e.clientX - s.left - t.offsetWidth, i = t.offsetWidth + l;
8
- f(i), r.value = e.clientX < s.left ? "0px" : `${e.clientX}px`;
9
- }
10
- }, z = (e, t) => {
11
- e.detail === 1 && (e.preventDefault(), o.value = !0, d.value = a.value[t].offsetWidth, v.value = t);
12
- }, n = () => {
13
- o.value && (o.value = !1, document.body.classList.remove("cursor-col-resize"));
14
- }, g = (e) => {
15
- var l;
16
- o.value = !0;
17
- const t = (l = a.value[e].closest("table")) == null ? void 0 : l.querySelectorAll("tbody tr td:nth-child(" + (e + 1) + ") div.w-max");
18
- if (!t)
19
- return;
20
- const s = [...t].reduce((i, L) => {
21
- const m = L.getBoundingClientRect().width;
22
- return m > i ? m : i;
23
- }, 0);
24
- f(s), C(() => {
25
- o.value = !1;
26
- });
27
- }, f = (e) => {
28
- d.value = e > h ? Math.ceil(e) : h;
29
- };
30
- return x(() => {
31
- u.value && document.addEventListener("mouseup", n);
32
- }), W(() => {
33
- u.value && document.removeEventListener("mouseup", n);
34
- }), b(u, (e) => {
35
- e ? document.addEventListener("mouseup", n) : document.removeEventListener("mouseup", n);
36
- }), {
37
- isColResizing: o,
38
- colResizeHandleLeft: r,
39
- colResizingIndex: v,
40
- colResizingWidth: d,
41
- colResize: R,
42
- colResizeStart: z,
43
- colResizeStop: n,
44
- colResizeFitToData: g
45
- };
46
- };
47
- export {
48
- T as usePTableColResize
49
- };
@@ -1,22 +0,0 @@
1
- import { ref as r, computed as u, isRef as s, unref as d } from "vue";
2
- import { useVirtualizer as v } from "@tanstack/vue-virtual";
3
- const E = (a) => {
4
- if (!a.value)
5
- return {
6
- virtualizer: null,
7
- virtualRows: r([{ key: 0, index: 0 }]),
8
- paddingTop: r(0),
9
- paddingBottom: r(0),
10
- measureElement: () => r(void 0)
11
- };
12
- const e = v(a), t = u(() => e.value.getVirtualItems()), o = u(() => t.value.length > 0 ? t.value[0].start : 0), i = u(
13
- () => t.value.length > 0 ? (e == null ? void 0 : e.value.getTotalSize()) - t.value[t.value.length - 1].end : 0
14
- );
15
- return { virtualizer: e, virtualRows: t, paddingTop: o, paddingBottom: i, measureElement: (l) => {
16
- const n = s(l) ? d(l) : l == null ? void 0 : l.$el;
17
- n && e.value.measureElement(n);
18
- } };
19
- };
20
- export {
21
- E as usePTableRowVirtualizer
22
- };
@@ -1,143 +0,0 @@
1
- import { ref as S, computed as f, watch as y, onUnmounted as U, nextTick as Y } from "vue";
2
- import { setupListKeyboardNavigation as Z } from "./listKeyboardNavigation.js";
3
- import { cloneDeep as G, uniqBy as H } from "lodash-es";
4
- import { isObject as C } from "./object.js";
5
- import { toString as J } from "./string.js";
6
- import { useVirtualizer as Q } from "@tanstack/vue-virtual";
7
- const W = (e) => {
8
- let i = Array.isArray(e) ? e.slice() : [];
9
- return i.length && !C(i[0]) && (i = i.filter((o, c, u) => u.indexOf(o) === c).map((o) => ({ value: o, text: o }))), i;
10
- }, X = (e, i, o, c, u) => {
11
- let n = e;
12
- return i && C(e) && (o ? n = e.map((d) => d[c]) : n = e && e[c]), Array.isArray(n) ? n : [n];
13
- }, 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) => {
14
- let u = null;
15
- 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(
16
- f(() => ({
17
- count: m.value.length,
18
- getScrollElement: () => o.value,
19
- getItemKey: (l) => J(m.value[l][e.itemValue]),
20
- estimateSize: () => e.itemSize ? e.itemSize : w[e.size],
21
- overscan: 10
22
- }))
23
- ), _ = (l) => {
24
- var t;
25
- return (t = m.value[l]) == null ? void 0 : t[e.itemValue];
26
- }, q = (l) => {
27
- var t;
28
- return (t = m.value[l]) == null ? void 0 : t[e.itemText];
29
- };
30
- y(
31
- () => e.modelValue,
32
- (l) => {
33
- s.value = X(
34
- l,
35
- e.valueIsObject,
36
- e.multiple,
37
- e.itemValue,
38
- n.value
39
- );
40
- },
41
- {
42
- immediate: !0,
43
- deep: !0
44
- }
45
- ), y(d, async (l) => {
46
- if (await B(), await T(), !u)
47
- return;
48
- const t = u.getItems().filter((a) => a.style.transform.includes("translateY(0px)"))[0];
49
- l || e.multiple ? u.setFocusedItem(t) : A() > -1 ? b() : u.clearFocusedState();
50
- }), U(() => {
51
- u == null || u.destroy(), u = null;
52
- });
53
- const j = () => {
54
- if (e.selectedTopShown) {
55
- const l = n.value.reduce(
56
- (t, a) => (s.value.includes(a[e.itemValue]) ? t[0].push(a) : t[1].push(a), t),
57
- [[], []]
58
- );
59
- n.value = l[0].sort(
60
- (t, a) => String(t[e.itemText]).localeCompare(String(a[e.itemText]), void 0, {
61
- numeric: !0,
62
- sensitivity: "base"
63
- })
64
- ).concat(l[1]);
65
- }
66
- }, N = async (l, t) => {
67
- var r, F;
68
- const a = l.currentTarget;
69
- 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);
70
- }, 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 = () => {
71
- u ? u.init() : u = Z({
72
- itemContainer: o.value,
73
- itemSelector: "[p-select-list-option]",
74
- itemSelectSelector: "[p-select-list-option-item]",
75
- itemFocusClass: "bg-p-blue-10"
76
- });
77
- }, M = () => {
78
- u == null || u.destroy(), u = null;
79
- }, $ = async () => {
80
- h();
81
- }, k = () => {
82
- u == null || u.clearFocusedState();
83
- }, B = async () => {
84
- I.value.scrollToOffset(0), await T();
85
- }, b = async (l) => {
86
- var a;
87
- l != null && l.wait && await L(l.wait);
88
- const t = A();
89
- if (o.value && I.value && t > -1) {
90
- I.value.scrollToIndex(t, {
91
- align: "center"
92
- }), await L(), await T();
93
- const r = (a = o.value) == null ? void 0 : a.querySelector(`.${O}`);
94
- u == null || u.setFocusedItem(r == null ? void 0 : r.parentNode);
95
- }
96
- }, A = () => n.value.indexOf(x.value[0]), K = () => {
97
- if (!e.multiple)
98
- return;
99
- const l = s.value, t = m.value.map((r) => r[e.itemValue]), a = H([...l, ...t], (r) => r);
100
- c("update:modelValue", v(a));
101
- }, P = () => {
102
- d.value = "", c("update:modelValue", []);
103
- };
104
- return y(
105
- () => e.items,
106
- (l) => {
107
- if (n.value = W(l), e.multiple && e.items.length && s.value.length) {
108
- const t = s.value.filter((a) => n.value.some((r) => r[e.itemValue] === a));
109
- 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)));
110
- }
111
- },
112
- {
113
- immediate: !0
114
- }
115
- ), {
116
- LIST_ITEM_SIZES: w,
117
- LIST_ITEM_CLASS: R,
118
- LIST_ITEM_ACTIVE_CLASS: O,
119
- selectedItems: x,
120
- computedItems: m,
121
- computedItemSize: E,
122
- computedInsideSelected: z,
123
- internalItems: n,
124
- internalValue: s,
125
- search: d,
126
- rowVirtualizer: I,
127
- getValue: _,
128
- getText: q,
129
- isSelected: g,
130
- setupNavigationSvc: h,
131
- destroyNavigationSvc: M,
132
- select: N,
133
- onFocus: $,
134
- onMousemove: k,
135
- scrollToActiveItem: b,
136
- putSelectedItemsOnTop: j,
137
- selectAll: K,
138
- clearAll: P
139
- };
140
- };
141
- export {
142
- ae as useSelectList
143
- };