@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/index.js DELETED
@@ -1,836 +0,0 @@
1
- import { config as Kt } from "./config.js";
2
- import { _ as Xt } from "./chunks/p-action-bar.js";
3
- import { default as Jt } from "./p-alert.js";
4
- import { default as t0 } from "./p-avatar.js";
5
- import { default as s0 } from "./p-btn.js";
6
- import { _ as i0 } from "./chunks/p-card.js";
7
- import { _ as a0 } from "./chunks/p-checkbox.js";
8
- import { default as d0 } from "./p-chips.js";
9
- import { default as u0 } from "./p-close-btn.js";
10
- import { default as f0 } from "./p-date-picker.js";
11
- import { default as h0 } from "./p-drawer.js";
12
- import { default as v0 } from "./p-dropdown.js";
13
- import { _ as he } from "./chunks/p-dropdown-select.js";
14
- import { a as y0 } from "./chunks/p-dropdown-select.js";
15
- import { defineComponent as Y, shallowRef as ge, ref as E, computed as w, onMounted as J, openBlock as i, createElementBlock as r, normalizeClass as c, unref as t, toDisplayString as v, createCommentVNode as b, createElementVNode as l, withModifiers as B, createTextVNode as ve, Fragment as H, renderList as G, withDirectives as Q, vShow as ne, pushScopeId as Ce, popScopeId as ye, useAttrs as xe, resolveDirective as be, normalizeStyle as I, createVNode as de, isRef as Se, renderSlot as j, provide as D, onBeforeUnmount as Pe, watch as we, mergeProps as W, toHandlers as Te } from "vue";
16
- import { formatBytes as ie, getFileExtension as re } from "./p-file-upload.js";
17
- import { uniq as Ie, kebabCase as ke } from "lodash-es";
18
- import { useInputClasses as ce } from "./useInputClasses.js";
19
- import { useToast as $e } from "vue-toastification";
20
- import { _ as ee } from "./chunks/_plugin-vue_export-helper.js";
21
- import { default as b0 } from "./p-table-filter-icon.js";
22
- import { default as P0 } from "./p-info-icon.js";
23
- import { default as T0 } from "./p-inline-date-picker.js";
24
- import { default as k0 } from "./p-input.js";
25
- import { default as E0 } from "./p-input-number.js";
26
- import { _ as z0 } from "./chunks/p-input-percent.js";
27
- import Ee from "./p-input-search.js";
28
- import { default as V0 } from "./p-loading.js";
29
- import { default as _0 } from "./p-modal.js";
30
- import { _ as B0 } from "./chunks/p-pagination.js";
31
- import { _ as O0 } from "./chunks/p-pagination-info.js";
32
- import { default as D0 } from "./p-progress-bar.js";
33
- import { _ as G0 } from "./chunks/p-ring-loader.js";
34
- import { _ as Y0 } from "./chunks/p-select.js";
35
- import { _ as Z0 } from "./chunks/p-select-btn.js";
36
- import { SIZES as K } from "./p-select-list.js";
37
- import { splitStringForHighlight as ae } from "./text.js";
38
- import { toString as q } from "./string.js";
39
- import { useSelectList as Re } from "./useSelectList.js";
40
- import { default as K0 } from "./p-select-pill.js";
41
- import { default as X0 } from "./p-skeleton-loader.js";
42
- import ze from "./p-table-header-cell.js";
43
- import { colsInjectionKey as Ne, isFirstColFixedInjectionKey as Ve, isLastColFixedInjectionKey as Fe, isColsResizableInjectionKey as _e } from "./p-table.js";
44
- import { MIN_WIDTH_COL_RESIZE as J0 } from "./p-table.js";
45
- import { usePTableColResize as Le } from "./usePTableColResize.js";
46
- import { _ as t2 } from "./chunks/p-table-loader.js";
47
- import { SORTING_TYPES as X } from "./p-table-sort.js";
48
- import { default as s2 } from "./p-table-td.js";
49
- import { _ as i2 } from "./chunks/p-tabs.js";
50
- import { default as a2 } from "./p-textarea.js";
51
- import { default as d2 } from "./p-toggle.js";
52
- import { usePLoading as u2 } from "./usePLoading.js";
53
- import { usePModal as f2 } from "./usePModal.js";
54
- import { usePTableRowVirtualizer as h2 } from "./usePTableRowVirtualizer.js";
55
- import { default as v2 } from "./inputClassesMixin.js";
56
- import { CURRENCY_INPUT_DEFAULTS as y2 } from "./currency.js";
57
- import { getColor as b2, getColorDeep as S2, getScreen as P2 } from "./tailwind.js";
58
- import { ERROR_MSG as T2, INPUT_BASE as I2, INPUT_ERROR as k2, INPUT_NORMAL as $2, INPUT_SIZES as E2, LABEL_BASE as R2, LABEL_REQUIRED as z2, LABEL_SIZES as N2, SELECT_ARROW as V2, SELECT_BASE as F2, SELECT_SIZES as _2, SPACING_LEFT as L2, SPACING_PREFIX as B2, SPACING_RIGHT as A2, SPACING_SUFFIX as O2, TEXTAREA_BASE as M2 } from "./inputClassesShared.js";
59
- import { createPagingRange as H2 } from "./pagination.js";
60
- import { getNextActiveElement as j2, isElement as Y2, isVisible as U2 } from "./dom.js";
61
- import { isObject as W2 } from "./object.js";
62
- import { setupListKeyboardNavigation as q2 } from "./listKeyboardNavigation.js";
63
- import { toNumberOrNull as Q2 } from "./number.js";
64
- const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e", Ae = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e", ue = (e) => (Ce("data-v-d07a8f64"), e = e(), ye(), e), Oe = ["data-has-error"], Me = {
65
- key: 0,
66
- class: "flex h-28 flex-col items-center justify-center"
67
- }, De = {
68
- key: 0,
69
- class: "flex flex-col items-center"
70
- }, He = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("img", {
71
- src: Be,
72
- class: "h-8 w-8"
73
- }, null, -1)), Ge = { class: "mt-2 text-p-gray-50" }, je = { class: "text-p-blue-60" }, Ye = {
74
- key: 1,
75
- class: "flex flex-col items-center"
76
- }, Ue = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("img", {
77
- src: Ae,
78
- class: "h-8 w-8"
79
- }, null, -1)), Ze = { class: "mt-2 text-p-purple-60" }, We = ["accept", "multiple", "disabled"], Ke = { class: "max-h-48 overflow-y-auto overflow-x-hidden" }, qe = ["title"], Xe = ["onClick"], Qe = { class: "mt-1 text-xs text-p-gray-40" }, Je = /* @__PURE__ */ Y({
80
- name: "PFileUpload",
81
- __name: "p-file-upload",
82
- props: {
83
- modelValue: {
84
- type: [Object, Array],
85
- default: () => []
86
- },
87
- multiple: {
88
- type: Boolean,
89
- default: !1
90
- },
91
- /**
92
- * Array of file extensions to accept. If empty, all file types are accepted.
93
- * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers
94
- */
95
- fileTypes: {
96
- type: Array,
97
- default: () => []
98
- },
99
- disabled: {
100
- type: Boolean,
101
- default: !1
102
- },
103
- required: {
104
- type: Boolean,
105
- default: !1
106
- },
107
- errorMsg: {
108
- type: String,
109
- default: ""
110
- },
111
- label: {
112
- type: String,
113
- default: ""
114
- },
115
- maxSizeInBytes: {
116
- type: Number,
117
- default: 256 * 1e3
118
- // 256 KB
119
- },
120
- maxNumberOfFiles: {
121
- type: Number,
122
- default: 10
123
- }
124
- },
125
- emits: ["update:modelValue", "file-removed", "file-added"],
126
- setup(e, { emit: S }) {
127
- const u = e, m = S, g = ge(), C = E(!1), y = $e(), { labelClasses: N, errorMsgClasses: _ } = ce(u), k = w(() => u.multiple ? "files" : "file"), f = w({
128
- get() {
129
- return Array.isArray(u.modelValue) ? u.modelValue : [u.modelValue];
130
- },
131
- set(n) {
132
- u.multiple ? m("update:modelValue", n) : m("update:modelValue", n[0]);
133
- }
134
- }), R = w(() => u.fileTypes.length > 0 ? Ie(u.fileTypes).join(",") : void 0), V = w(() => u.multiple ? f.value.length >= u.maxNumberOfFiles : f.value.length >= 1), F = (n) => {
135
- const o = [];
136
- for (let a = 0; a < n.length; a++) {
137
- const d = n[a], P = d.name || d.url;
138
- if (o.length + f.value.length >= u.maxNumberOfFiles) {
139
- y.error(`You can only upload a maximum of ${u.maxNumberOfFiles} ${k.value}.`);
140
- break;
141
- }
142
- if (P) {
143
- if (d.url) {
144
- o.push(d);
145
- continue;
146
- }
147
- if (u.fileTypes.length !== 0) {
148
- const L = re(P) ? `.${re(P)}` : "";
149
- if (!(L ? u.fileTypes.includes(L) : !1)) {
150
- y.error(`${L} files are not allowed.`);
151
- continue;
152
- }
153
- }
154
- if ((d.size || 0) > u.maxSizeInBytes) {
155
- y.error(`File size of ${P} exceeds ${ie(u.maxSizeInBytes)}.`);
156
- continue;
157
- }
158
- o.push(d);
159
- }
160
- }
161
- return o;
162
- }, z = (n) => {
163
- var d, P;
164
- const o = ((d = n.target) == null ? void 0 : d.files) || ((P = n.dataTransfer) == null ? void 0 : P.files);
165
- if (!o)
166
- return;
167
- const a = u.fileTypes ? F(Array.from(o)) : o;
168
- f.value = u.multiple ? [...f.value, ...a] : a, m("file-added", a);
169
- }, T = (n) => {
170
- z(n), g.value && (g.value.value = "");
171
- }, s = (n) => {
172
- if (n in f.value) {
173
- const o = f.value[n];
174
- f.value = f.value.filter((a, d) => d !== n), m("file-removed", o);
175
- }
176
- }, $ = (n) => {
177
- C.value = !1, T(n);
178
- }, x = () => {
179
- g.value && g.value.click();
180
- };
181
- return J(() => {
182
- Array.isArray(f.value) && f.value.length > 0 && (f.value = F(f.value));
183
- }), (n, o) => (i(), r("div", {
184
- class: c([{ hidden: n.$attrs.hidden }]),
185
- "data-has-error": !!e.errorMsg
186
- }, [
187
- e.label ? (i(), r("label", {
188
- key: 0,
189
- class: c(t(N))
190
- }, v(e.label), 3)) : b("", !0),
191
- l("div", {
192
- class: c(["flex w-full flex-col rounded border bg-surface p-4", [
193
- { "cursor-pointer": !V.value },
194
- { "border-dashed": !C.value },
195
- { "border-primary ring-1 ring-primary": C.value && !e.errorMsg },
196
- e.errorMsg ? "border-on-error" : "border-p-gray-40 hover:border-primary",
197
- { "pointer-events-none opacity-50": e.disabled }
198
- ]]),
199
- "aria-label": "dropzone",
200
- onDragover: o[1] || (o[1] = B((a) => C.value = !0, ["prevent", "stop"])),
201
- onDragleave: o[2] || (o[2] = B((a) => C.value = !1, ["prevent", "stop"])),
202
- onDrop: B($, ["prevent", "stop"]),
203
- onClick: x
204
- }, [
205
- V.value ? b("", !0) : (i(), r("div", Me, [
206
- C.value ? (i(), r("div", Ye, [
207
- Ue,
208
- l("div", Ze, "Drop " + v(k.value), 1)
209
- ])) : (i(), r("div", De, [
210
- He,
211
- l("div", Ge, [
212
- ve(" Drag or "),
213
- l("span", je, "select " + v(k.value), 1)
214
- ])
215
- ])),
216
- l("input", {
217
- ref_key: "fileInputRef",
218
- ref: g,
219
- type: "file",
220
- class: "hidden",
221
- tabindex: -1,
222
- accept: R.value,
223
- multiple: e.multiple,
224
- disabled: e.disabled,
225
- "aria-hidden": "true",
226
- onChange: T
227
- }, null, 40, We)
228
- ])),
229
- l("div", Ke, [
230
- (i(!0), r(H, null, G(f.value, (a, d) => (i(), r("div", {
231
- key: d,
232
- class: c([
233
- "flex cursor-default items-center justify-between",
234
- { "border-b border-dashed border-p-gray-30 pb-4": d !== f.value.length - 1 },
235
- { "mt-4": d !== 0 }
236
- ]),
237
- onClick: o[0] || (o[0] = B(() => {
238
- }, ["stop"]))
239
- }, [
240
- l("div", {
241
- class: "truncate",
242
- title: a.name
243
- }, v(a.name), 9, qe),
244
- l("button", {
245
- class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
246
- onClick: B((P) => s(d), ["stop"])
247
- }, null, 8, Xe)
248
- ], 2))), 128))
249
- ])
250
- ], 34),
251
- Q(l("div", {
252
- class: c(t(_))
253
- }, v(e.errorMsg), 3), [
254
- [ne, e.errorMsg]
255
- ]),
256
- l("div", Qe, v(e.multiple ? `Max ${e.maxNumberOfFiles}` : "One") + " " + v(R.value) + " " + v(e.multiple ? "files" : "file") + " with size less than " + v(t(ie)(e.maxSizeInBytes)) + " " + v(e.multiple ? "each" : ""), 1)
257
- ], 10, Oe));
258
- }
259
- }), Gt = /* @__PURE__ */ ee(Je, [["__scopeId", "data-v-d07a8f64"]]), et = ["data-has-error"], tt = { class: "text-p-purple-60" }, lt = { class: "flex flex-row" }, st = /* @__PURE__ */ l("span", { class: "px-1 leading-none" }, ".", -1), ot = ["onClick"], it = ["title"], rt = {
260
- key: 0,
261
- class: "ml-auto fill-p-purple-60 pl-2",
262
- src: he
263
- }, jt = /* @__PURE__ */ Y({
264
- name: "PSelectList",
265
- inheritAttrs: !1,
266
- __name: "p-select-list",
267
- props: {
268
- modelValue: {
269
- type: [String, Number, Boolean, Array, Object],
270
- default: null
271
- },
272
- /**
273
- * `p-select-list v-model normally works with a string or an array of strings (for multiple mode).
274
- * Setting this prop to `true` will switch the behavior to an object (or array of objects) for the v-model value.
275
- * e.g `:value="{ value: 1, text: 'option text' }"`
276
- */
277
- valueIsObject: {
278
- type: Boolean,
279
- default: !1
280
- },
281
- /**
282
- * Can be an array of objects or array of strings. When using objects, will look for a text - value pair.
283
- * This can be changed using the item-text, item-value props.
284
- */
285
- items: {
286
- type: Array,
287
- default: () => []
288
- },
289
- label: {
290
- type: String,
291
- default: ""
292
- },
293
- errorMsg: {
294
- type: String,
295
- default: ""
296
- },
297
- required: {
298
- type: Boolean,
299
- default: !1
300
- },
301
- size: {
302
- type: String,
303
- default: "md",
304
- validator(e) {
305
- return Object.keys(K).includes(e);
306
- }
307
- },
308
- /**
309
- * Set property of **items**’s text value
310
- */
311
- itemText: {
312
- type: String,
313
- default: "text"
314
- },
315
- /**
316
- * Set property of **items**’s value - must be primitive.
317
- */
318
- itemValue: {
319
- type: [String, Number],
320
- default: "value"
321
- },
322
- /**
323
- * itemSize sets the list item's height and it's REQUIRED if a custom item template is used
324
- * https://github.com/Akryum/vue-virtual-scroller/tree/v1/packages/vue-virtual-scroller#props
325
- */
326
- itemSize: {
327
- type: Number,
328
- default: null
329
- },
330
- /**
331
- * The number of items visible in the list
332
- */
333
- itemsVisible: {
334
- type: Number,
335
- default: 7
336
- },
337
- searchable: {
338
- type: Boolean,
339
- default: !1
340
- },
341
- /**
342
- * Enables multiple selection
343
- */
344
- multiple: {
345
- type: Boolean,
346
- default: !1
347
- },
348
- /**
349
- * Dropdown button text
350
- */
351
- placeholder: {
352
- type: String,
353
- default: ""
354
- },
355
- /**
356
- * Placeholder for the search field
357
- */
358
- placeholderSearch: {
359
- type: String,
360
- default: ""
361
- },
362
- /**
363
- * Setting it to `true` will display the selected options at the top of the list
364
- */
365
- selectedTopShown: {
366
- type: Boolean,
367
- default: !1
368
- },
369
- topSectionClass: {
370
- type: String,
371
- default: ""
372
- },
373
- closePopperOnSelect: {
374
- type: Boolean,
375
- default: !0
376
- }
377
- },
378
- emits: ["update:modelValue", "select"],
379
- setup(e, { emit: S }) {
380
- const u = S, m = e, g = E({ paddingTop: 0, paddingBottom: 0 }), C = E({ maxHeight: "none" }), y = E(null), N = E(null), { labelClasses: _, errorMsgClasses: k } = ce(m), f = xe(), R = E(null), {
381
- LIST_ITEM_CLASS: V,
382
- LIST_ITEM_ACTIVE_CLASS: F,
383
- selectedItems: z,
384
- computedItems: T,
385
- computedItemSize: s,
386
- computedInsideSelected: $,
387
- internalItems: x,
388
- search: n,
389
- rowVirtualizer: o,
390
- getValue: a,
391
- getText: d,
392
- isSelected: P,
393
- setupNavigationSvc: L,
394
- select: te,
395
- onFocus: U,
396
- onMousemove: le,
397
- scrollToActiveItem: pe,
398
- putSelectedItemsOnTop: fe,
399
- selectAll: A,
400
- clearAll: se
401
- } = Re(m, y, R, u), me = w(() => f.style);
402
- return J(async () => {
403
- var h, M;
404
- const O = ((h = N.value) == null ? void 0 : h.clientHeight) || 0;
405
- C.value = { maxHeight: `${s.value * m.itemsVisible - O}px` }, fe(), m.searchable ? (M = y.value) == null || M.$el.querySelector("input").focus() : L(), pe({ wait: 200 });
406
- }), (O, h) => {
407
- const M = be("close-popper");
408
- return i(), r("div", {
409
- ref: "formControl",
410
- class: c([{ hidden: t(f).hidden }, t(f).class]),
411
- "data-has-error": !!e.errorMsg,
412
- style: I(me.value),
413
- "p-select-list": ""
414
- }, [
415
- e.label ? (i(), r("label", {
416
- key: 0,
417
- class: c(t(_))
418
- }, v(e.label), 3)) : b("", !0),
419
- l("div", {
420
- class: c([
421
- { "border border-on-error": !!e.errorMsg },
422
- t(f).disabled ? "pointer-events-none bg-p-gray-10" : "bg-white"
423
- ])
424
- }, [
425
- e.multiple || e.searchable ? (i(), r("div", {
426
- key: 0,
427
- class: c(e.topSectionClass)
428
- }, [
429
- e.multiple ? (i(), r("div", {
430
- key: 0,
431
- ref_key: "actionsContainer",
432
- ref: N,
433
- class: "flex flex-row justify-between text-xs font-semibold text-primary"
434
- }, [
435
- l("p", tt, v(t(T).length) + " items", 1),
436
- l("div", lt, [
437
- t(T).length === t(x).length ? (i(), r("a", {
438
- key: 0,
439
- class: c([
440
- t(z).length !== t(x).length ? "cursor-pointer" : "pointer-events-none opacity-50"
441
- ]),
442
- onClick: h[0] || (h[0] = //@ts-ignore
443
- (...p) => t(A) && t(A)(...p))
444
- }, " Select all ", 2)) : (i(), r("a", {
445
- key: 1,
446
- class: c([t($) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
447
- onClick: h[1] || (h[1] = //@ts-ignore
448
- (...p) => t(A) && t(A)(...p))
449
- }, " Select all filtered ", 2)),
450
- st,
451
- l("a", {
452
- class: c([t(z).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
453
- onClick: h[2] || (h[2] = //@ts-ignore
454
- (...p) => t(se) && t(se)(...p))
455
- }, " Clear all ", 2)
456
- ])
457
- ], 512)) : b("", !0),
458
- e.searchable ? (i(), r("div", {
459
- key: 1,
460
- class: c([{ "mt-3": e.multiple }])
461
- }, [
462
- de(Ee, {
463
- ref_key: "inputSearch",
464
- ref: y,
465
- modelValue: t(n),
466
- "onUpdate:modelValue": h[3] || (h[3] = (p) => Se(n) ? n.value = p : null),
467
- size: e.size,
468
- placeholder: e.placeholderSearch,
469
- onFocus: t(U)
470
- }, null, 8, ["modelValue", "size", "placeholder", "onFocus"])
471
- ], 2)) : b("", !0)
472
- ], 2)) : b("", !0),
473
- l("div", {
474
- ref_key: "virtualizerRef",
475
- ref: R,
476
- style: I(C.value),
477
- class: c(["overflow-y-auto", { "mt-3": e.multiple || e.searchable }])
478
- }, [
479
- l("div", {
480
- tabindex: "-1",
481
- class: "relative w-full",
482
- "p-select-list-options": "",
483
- style: I({ height: `${t(o).getTotalSize()}px` }),
484
- onFocus: h[4] || (h[4] = //@ts-ignore
485
- (...p) => t(U) && t(U)(...p)),
486
- onMousemove: h[5] || (h[5] = //@ts-ignore
487
- (...p) => t(le) && t(le)(...p))
488
- }, [
489
- (i(!0), r(H, null, G(t(o).getVirtualItems(), (p) => (i(), r("div", {
490
- key: p.index,
491
- class: "absolute left-0 top-0 w-full",
492
- "p-select-list-option": "",
493
- style: I({ height: `${p.size}px`, transform: `translateY(${p.start}px)` })
494
- }, [
495
- Q((i(), r("div", {
496
- class: c([t(V), { [t(F)]: t(P)(t(a)(p.index)) }]),
497
- "p-select-list-option-item": "",
498
- style: I(g.value),
499
- onClick: (Z) => t(te)(Z, t(a)(p.index))
500
- }, [
501
- l("div", {
502
- class: c(["flex items-center", { [t(K)[e.size]]: !e.itemSize }])
503
- }, [
504
- j(O.$slots, "item", {
505
- item: t(T)[p.index],
506
- isItemSelected: t(P)(t(a)(p.index)),
507
- itemTextSplit: t(ae)(t(q)(t(d)(p.index)), t(n))
508
- }, () => [
509
- l("div", {
510
- class: "truncate text-p-purple-60",
511
- title: t(q)(t(d)(p.index))
512
- }, [
513
- (i(!0), r(H, null, G(t(ae)(t(q)(t(d)(p.index)), t(n)), (Z, oe) => (i(), r("span", {
514
- key: `${t(a)(p.index)}_${oe}`,
515
- class: c({ "bg-p-blue-20": oe === 1 })
516
- }, v(Z), 3))), 128))
517
- ], 8, it)
518
- ]),
519
- t(P)(t(a)(p.index)) ? (i(), r("img", rt)) : b("", !0)
520
- ], 2)
521
- ], 14, ot)), [
522
- [M, e.closePopperOnSelect && !e.multiple]
523
- ])
524
- ], 4))), 128))
525
- ], 36),
526
- t(T).length ? b("", !0) : j(O.$slots, "no-items", { key: 0 }, () => [
527
- l("div", {
528
- class: c(["flex items-center justify-center", t(K)[e.size]])
529
- }, "No items found", 2)
530
- ])
531
- ], 6)
532
- ], 2),
533
- Q(l("div", {
534
- class: c(t(k))
535
- }, v(e.errorMsg), 3), [
536
- [ne, e.errorMsg]
537
- ])
538
- ], 14, et);
539
- };
540
- }
541
- }), at = ["data-col-id"], nt = { class: "flex" }, dt = ["onMousedown", "onDblclick"], ct = {
542
- key: 0,
543
- class: "min-w-[80px] bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"
544
- }, ut = { key: 0 }, pt = { key: 1 }, ft = /* @__PURE__ */ Y({
545
- name: "PTable",
546
- __name: "p-table",
547
- props: {
548
- cols: {},
549
- colsResizable: { type: Boolean, default: !1 },
550
- isFirstColFixed: { type: Boolean, default: !1 },
551
- isLastColFixed: { type: Boolean, default: !1 },
552
- lockScroll: { type: Boolean, default: !1 },
553
- virtualizer: { default: () => ({
554
- paddingTop: 0,
555
- paddingBottom: 0
556
- }) }
557
- },
558
- emits: ["scroll", "click-filter-icon", "col-resize"],
559
- setup(e, { emit: S }) {
560
- const u = S, m = e;
561
- D(
562
- Ne,
563
- w(() => m.cols)
564
- ), D(
565
- Ve,
566
- w(() => m.isFirstColFixed)
567
- ), D(
568
- Fe,
569
- w(() => m.isLastColFixed)
570
- ), D(
571
- _e,
572
- w(() => m.colsResizable)
573
- );
574
- const g = E(null), C = E([]), {
575
- isColResizing: y,
576
- colResizeHandleLeft: N,
577
- colResizingIndex: _,
578
- colResizingWidth: k,
579
- colResize: f,
580
- colResizeStart: R,
581
- colResizeFitToData: V
582
- } = Le({
583
- enabled: w(() => m.colsResizable),
584
- ths: C
585
- }), F = (s, $) => {
586
- s instanceof Element && (C.value[$] = s);
587
- }, z = (s) => {
588
- u("scroll", s);
589
- }, T = (s, $) => {
590
- const x = ["relative", "py-2"];
591
- return $.borderColor || x.push("border-b border-p-gray-30"), s === 0 && m.isFirstColFixed || s === m.cols.length - 1 && m.isLastColFixed ? x.push("th-shadow px-4") : m.colsResizable ? x.push("pl-2 pr-4") : x.push("px-2"), x;
592
- };
593
- return J(() => {
594
- var s;
595
- (s = g.value) == null || s.addEventListener("scroll", z, !0);
596
- }), Pe(() => {
597
- var s;
598
- (s = g.value) == null || s.removeEventListener("scroll", z, !0);
599
- }), we(y, (s) => {
600
- s === !1 && k.value > 0 && u("col-resize", _.value, k.value);
601
- }), (s, $) => {
602
- var x, n;
603
- return i(), r("div", {
604
- ref_key: "scrollWrapper",
605
- ref: g,
606
- class: c(["block border border-p-gray-30", s.lockScroll ? "overflow-hidden" : "overflow-x-auto"])
607
- }, [
608
- t(y) ? (i(), r("div", {
609
- key: 0,
610
- class: "fixed z-[100] w-1 cursor-col-resize bg-p-gray-30",
611
- style: I({
612
- top: `${(x = g.value) == null ? void 0 : x.offsetTop}px`,
613
- left: t(N),
614
- height: `${(n = g.value) == null ? void 0 : n.offsetHeight}px`
615
- }),
616
- "data-resize-y-axis": ""
617
- }, null, 4)) : b("", !0),
618
- l("table", W({
619
- class: [
620
- "p-table mb-0 w-full bg-surface",
621
- { "last-col-fixed": s.isLastColFixed },
622
- { "first-col-fixed": s.isFirstColFixed }
623
- ]
624
- }, Te(s.colsResizable ? { mousemove: t(f) } : {}, !0)), [
625
- l("thead", null, [
626
- l("tr", null, [
627
- (i(!0), r(H, null, G(m.cols, (o, a) => (i(), r("th", W({
628
- ref_for: !0,
629
- ref: (d) => F(d, a),
630
- key: o.id,
631
- "data-col-id": o.id
632
- }, o.thAttrs, {
633
- style: o.style,
634
- class: "bg-surface"
635
- }), [
636
- l("div", {
637
- class: c(T(a, o))
638
- }, [
639
- l("div", nt, [
640
- j(s.$slots, `prepend-header-cell-${t(ke)(o.name)}`, { col: o }, void 0, !0),
641
- de(ze, W({
642
- text: o.title,
643
- "filter-active": o.filterActive,
644
- "show-filter-icon": o.filterable || o.sortable,
645
- "tooltip-text": o.tooltip,
646
- class: [{ "pl-2": a === 1 && s.isFirstColFixed, "pr-2": a === s.cols.length && s.isLastColFixed }, "grow"]
647
- }, o.headerCellAttrs, {
648
- onClickFilterIcon: (d) => s.$emit("click-filter-icon", d, o)
649
- }), null, 16, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "onClickFilterIcon"])
650
- ]),
651
- s.colsResizable && a !== 0 && !(a === s.cols.length - 1 && s.isLastColFixed) ? (i(), r("div", {
652
- key: 0,
653
- class: c(["absolute bottom-0 right-0 h-full w-2 cursor-col-resize after:absolute after:bottom-2 after:z-20 after:block after:h-5 after:w-px after:cursor-col-resize after:bg-p-gray-30", a === s.cols.length - 1 ? " after:right-0" : " after:right-1"]),
654
- "data-resize-handle": "",
655
- onMousedown: (d) => t(R)(d, a),
656
- onDblclick: (d) => t(V)(a)
657
- }, null, 42, dt)) : b("", !0),
658
- l("div", {
659
- class: c(["absolute bottom-0 h-1 w-full", s.colsResizable ? "-left-1" : "left-0"]),
660
- style: I({ background: o.borderColor })
661
- }, null, 6)
662
- ], 2)
663
- ], 16, at))), 128)),
664
- s.colsResizable && !s.isLastColFixed ? (i(), r("th", ct)) : b("", !0)
665
- ])
666
- ]),
667
- l("tbody", null, [
668
- s.virtualizer.paddingTop > 0 ? (i(), r("tr", ut, [
669
- l("td", {
670
- style: I({ height: `${s.virtualizer.paddingTop}px` })
671
- }, null, 4)
672
- ])) : b("", !0),
673
- j(s.$slots, "default", {}, void 0, !0),
674
- s.virtualizer.paddingBottom > 0 ? (i(), r("tr", pt, [
675
- l("td", {
676
- style: I({ height: `${s.virtualizer.paddingBottom}px` })
677
- }, null, 4)
678
- ])) : b("", !0)
679
- ])
680
- ], 16)
681
- ], 2);
682
- };
683
- }
684
- }), Yt = /* @__PURE__ */ ee(ft, [["__scopeId", "data-v-170d774b"]]), mt = Y({
685
- name: "PTableSort",
686
- props: {
687
- modelValue: {
688
- type: String,
689
- default: X.NO_SORTING,
690
- validator(e) {
691
- return Object.values(X).includes(e);
692
- }
693
- }
694
- },
695
- emits: ["update:modelValue"],
696
- data() {
697
- return {
698
- SORTING_TYPES: X
699
- };
700
- }
701
- }), ht = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", gt = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", vt = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Ct = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80100)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80100'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", yt = { class: "flex items-center justify-between" }, xt = /* @__PURE__ */ l("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1), bt = { class: "mt-2" }, St = {
702
- key: 0,
703
- src: ht
704
- }, Pt = {
705
- key: 1,
706
- src: gt
707
- }, wt = {
708
- key: 0,
709
- src: vt
710
- }, Tt = {
711
- key: 1,
712
- src: Ct
713
- };
714
- function It(e, S, u, m, g, C) {
715
- return i(), r("div", null, [
716
- l("div", yt, [
717
- xt,
718
- l("div", {
719
- class: c([
720
- "px-4 text-xs font-semibold text-primary",
721
- [e.SORTING_TYPES.ASC, e.SORTING_TYPES.DESC].includes(e.modelValue) ? "cursor-pointer opacity-100" : "opacity-50"
722
- ]),
723
- onClick: S[0] || (S[0] = (y) => e.$emit("update:modelValue", e.SORTING_TYPES.NO_SORTING))
724
- }, " Clear ", 2)
725
- ]),
726
- l("div", bt, [
727
- l("div", {
728
- class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
729
- onClick: S[1] || (S[1] = (y) => e.$emit("update:modelValue", e.SORTING_TYPES.ASC))
730
- }, [
731
- l("div", {
732
- class: c(["text-sm font-semibold text-p-purple-60", { "text-primary": e.modelValue === e.SORTING_TYPES.ASC }])
733
- }, " Sort ascending ", 2),
734
- l("div", null, [
735
- e.modelValue === e.SORTING_TYPES.NO_SORTING || e.modelValue === e.SORTING_TYPES.DESC ? (i(), r("img", St)) : (i(), r("img", Pt))
736
- ])
737
- ]),
738
- l("div", {
739
- class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
740
- onClick: S[2] || (S[2] = (y) => e.$emit("update:modelValue", e.SORTING_TYPES.DESC))
741
- }, [
742
- l("div", {
743
- class: c(["text-sm font-semibold text-p-purple-60", { "text-primary": e.modelValue === e.SORTING_TYPES.DESC }])
744
- }, " Sort descending ", 2),
745
- l("div", null, [
746
- e.modelValue === e.SORTING_TYPES.NO_SORTING || e.modelValue === e.SORTING_TYPES.ASC ? (i(), r("img", wt)) : (i(), r("img", Tt))
747
- ])
748
- ])
749
- ])
750
- ]);
751
- }
752
- const Ut = /* @__PURE__ */ ee(mt, [["render", It]]);
753
- export {
754
- y2 as CURRENCY_INPUT_DEFAULTS,
755
- T2 as ERROR_MSG,
756
- I2 as INPUT_BASE,
757
- k2 as INPUT_ERROR,
758
- $2 as INPUT_NORMAL,
759
- E2 as INPUT_SIZES,
760
- R2 as LABEL_BASE,
761
- z2 as LABEL_REQUIRED,
762
- N2 as LABEL_SIZES,
763
- J0 as MIN_WIDTH_COL_RESIZE,
764
- Xt as PActionBar,
765
- Jt as PAlert,
766
- t0 as PAvatar,
767
- s0 as PBtn,
768
- i0 as PCard,
769
- a0 as PCheckbox,
770
- d0 as PChips,
771
- u0 as PCloseBtn,
772
- f0 as PDatePicker,
773
- h0 as PDrawer,
774
- v0 as PDropdown,
775
- y0 as PDropdownSelect,
776
- Gt as PFileUpload,
777
- b0 as PFilterIcon,
778
- P0 as PInfoIcon,
779
- T0 as PInlineDatePicker,
780
- k0 as PInput,
781
- E0 as PInputNumber,
782
- z0 as PInputPercent,
783
- Ee as PInputSearch,
784
- V0 as PLoading,
785
- _0 as PModal,
786
- B0 as PPagination,
787
- O0 as PPaginationInfo,
788
- D0 as PProgressBar,
789
- G0 as PRingLoader,
790
- Y0 as PSelect,
791
- Z0 as PSelectBtn,
792
- jt as PSelectList,
793
- K0 as PSelectPill,
794
- X0 as PSkeletonLoader,
795
- Yt as PTable,
796
- ze as PTableHeaderCell,
797
- t2 as PTableLoader,
798
- Ut as PTableSort,
799
- s2 as PTableTd,
800
- i2 as PTabs,
801
- a2 as PTextarea,
802
- d2 as PToggle,
803
- V2 as SELECT_ARROW,
804
- F2 as SELECT_BASE,
805
- _2 as SELECT_SIZES,
806
- X as SORTING_TYPES,
807
- L2 as SPACING_LEFT,
808
- B2 as SPACING_PREFIX,
809
- A2 as SPACING_RIGHT,
810
- O2 as SPACING_SUFFIX,
811
- M2 as TEXTAREA_BASE,
812
- Ne as colsInjectionKey,
813
- Kt as config,
814
- H2 as createPagingRange,
815
- b2 as getColor,
816
- S2 as getColorDeep,
817
- j2 as getNextActiveElement,
818
- P2 as getScreen,
819
- v2 as inputClassesMixin,
820
- _e as isColsResizableInjectionKey,
821
- Y2 as isElement,
822
- Ve as isFirstColFixedInjectionKey,
823
- Fe as isLastColFixedInjectionKey,
824
- W2 as isObject,
825
- U2 as isVisible,
826
- q2 as setupListKeyboardNavigation,
827
- ae as splitStringForHighlight,
828
- Q2 as toNumberOrNull,
829
- q as toString,
830
- ce as useInputClasses,
831
- u2 as usePLoading,
832
- f2 as usePModal,
833
- Le as usePTableColResize,
834
- h2 as usePTableRowVirtualizer,
835
- Re as useSelectList
836
- };