@pequity/squirrel 1.0.18 → 1.0.20-beta.1

package/dist/es/index.js

@@ -0,0 +1,794 @@
+import { _ as Kt } from "./chunks/p-action-bar.js";
+import { default as Jt } from "./p-alert.js";
+import { default as Xt } from "./p-avatar.js";
+import { default as t0 } from "./p-btn.js";
+import { _ as s0 } from "./chunks/p-card.js";
+import { _ as i0 } from "./chunks/p-checkbox.js";
+import { default as a0 } from "./p-chips.js";
+import { default as d0 } from "./p-close-btn.js";
+import { default as u0 } from "./p-date-picker.js";
+import { default as f0 } from "./p-drawer.js";
+import { default as h0 } from "./p-dropdown.js";
+import { _ as he } from "./chunks/p-dropdown-select.js";
+import { a as g0 } from "./chunks/p-dropdown-select.js";
+import { defineComponent as Y, shallowRef as ve, ref as z, computed as P, onMounted as X, openBlock as i, createElementBlock as r, normalizeClass as c, unref as t, toDisplayString as g, createCommentVNode as x, createElementVNode as l, withModifiers as E, createTextVNode as ge, Fragment as H, renderList as j, withDirectives as Q, vShow as ne, pushScopeId as Ce, popScopeId as ye, useAttrs as be, resolveDirective as xe, normalizeStyle as T, createVNode as de, isRef as Se, renderSlot as G, provide as D, onBeforeUnmount as we, watch as Pe, mergeProps as q, toHandlers as ke } from "vue";
+import { formatBytes as ie, getFileExtension as re } from "./p-file-upload.js";
+import { uniq as Te, kebabCase as $e } from "lodash-es";
+import { useInputClasses as ce } from "./useInputClasses.js";
+import { useToast as Ie } from "vue-toastification";
+import { _ as ee } from "./chunks/_plugin-vue_export-helper.js";
+import { default as y0 } from "./p-table-filter-icon.js";
+import { default as x0 } from "./p-info-icon.js";
+import { default as w0 } from "./p-inline-date-picker.js";
+import { default as k0 } from "./p-input.js";
+import { default as $0 } from "./p-input-number.js";
+import { _ as z0 } from "./chunks/p-input-percent.js";
+import ze from "./p-input-search.js";
+import { default as F0 } from "./p-loading.js";
+import { default as B0 } from "./p-modal.js";
+import { _ as L0 } from "./chunks/p-pagination.js";
+import { _ as E0 } from "./chunks/p-pagination-info.js";
+import { default as _0 } from "./p-progress-bar.js";
+import { _ as D0 } from "./chunks/p-ring-loader.js";
+import { _ as j0 } from "./chunks/p-select.js";
+import { _ as Y0 } from "./chunks/p-select-btn.js";
+import { SIZES as K } from "./p-select-list.js";
+import { splitStringForHighlight as ae } from "./text.js";
+import { toString as U } from "./string.js";
+import { useSelectList as Ve } from "./useSelectList.js";
+import { default as W0 } from "./p-select-pill.js";
+import { default as K0 } from "./p-skeleton-loader.js";
+import Fe from "./p-table-header-cell.js";
+import { colsInjectionKey as Re, isFirstColFixedInjectionKey as Be, isLastColFixedInjectionKey as Ne, isColsResizableInjectionKey as Le } from "./p-table.js";
+import { MIN_WIDTH_COL_RESIZE as J0 } from "./p-table.js";
+import { usePTableColResize as Oe } from "./usePTableColResize.js";
+import { _ as X0 } from "./chunks/p-table-loader.js";
+import { SORTING_TYPES as J } from "./p-table-sort.js";
+import { default as t2 } from "./p-table-td.js";
+import { _ as s2 } from "./chunks/p-tabs.js";
+import { default as i2 } from "./p-textarea.js";
+import { default as a2 } from "./p-toggle.js";
+import { usePLoading as d2 } from "./usePLoading.js";
+import { usePModal as u2 } from "./usePModal.js";
+import { usePTableRowVirtualizer as f2 } from "./usePTableRowVirtualizer.js";
+const Ee = "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", Me = "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), _e = ["data-has-error"], Ae = {
+  key: 0,
+  class: "flex h-28 flex-col items-center justify-center"
+}, De = {
+  key: 0,
+  class: "flex flex-col items-center"
+}, He = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("img", {
+  src: Ee,
+  class: "h-8 w-8"
+}, null, -1)), je = { class: "mt-2 text-p-gray-50" }, Ge = { class: "text-p-blue-60" }, Ye = {
+  key: 1,
+  class: "flex flex-col items-center"
+}, Ze = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("img", {
+  src: Me,
+  class: "h-8 w-8"
+}, null, -1)), We = { class: "mt-2 text-p-purple-60" }, qe = ["accept", "multiple", "disabled"], Ke = { class: "max-h-48 overflow-y-auto overflow-x-hidden" }, Ue = ["title"], Je = ["onClick"], Qe = { class: "mt-1 text-xs text-p-gray-40" }, Xe = /* @__PURE__ */ Y({
+  name: "PFileUpload",
+  __name: "p-file-upload",
+  props: {
+    modelValue: {
+      type: [Object, Array],
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Array of file extensions to accept. If empty, all file types are accepted.
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers
+     */
+    fileTypes: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    maxSizeInBytes: {
+      type: Number,
+      default: 256 * 1e3
+      // 256 KB
+    },
+    maxNumberOfFiles: {
+      type: Number,
+      default: 10
+    }
+  },
+  emits: ["update:modelValue", "file-removed", "file-added"],
+  setup(e, { emit: S }) {
+    const u = e, m = S, v = ve(), C = z(!1), y = Ie(), { labelClasses: R, errorMsgClasses: L } = ce(u), $ = P(() => u.multiple ? "files" : "file"), f = P({
+      get() {
+        return Array.isArray(u.modelValue) ? u.modelValue : [u.modelValue];
+      },
+      set(n) {
+        u.multiple ? m("update:modelValue", n) : m("update:modelValue", n[0]);
+      }
+    }), V = P(() => u.fileTypes.length > 0 ? Te(u.fileTypes).join(",") : void 0), B = P(() => u.multiple ? f.value.length >= u.maxNumberOfFiles : f.value.length >= 1), N = (n) => {
+      const o = [];
+      for (let a = 0; a < n.length; a++) {
+        const d = n[a], w = d.name || d.url;
+        if (o.length + f.value.length >= u.maxNumberOfFiles) {
+          y.error(`You can only upload a maximum of ${u.maxNumberOfFiles} ${$.value}.`);
+          break;
+        }
+        if (w) {
+          if (d.url) {
+            o.push(d);
+            continue;
+          }
+          if (u.fileTypes.length !== 0) {
+            const O = re(w) ? `.${re(w)}` : "";
+            if (!(O ? u.fileTypes.includes(O) : !1)) {
+              y.error(`${O} files are not allowed.`);
+              continue;
+            }
+          }
+          if ((d.size || 0) > u.maxSizeInBytes) {
+            y.error(`File size of ${w} exceeds ${ie(u.maxSizeInBytes)}.`);
+            continue;
+          }
+          o.push(d);
+        }
+      }
+      return o;
+    }, F = (n) => {
+      var d, w;
+      const o = ((d = n.target) == null ? void 0 : d.files) || ((w = n.dataTransfer) == null ? void 0 : w.files);
+      if (!o)
+        return;
+      const a = u.fileTypes ? N(Array.from(o)) : o;
+      f.value = u.multiple ? [...f.value, ...a] : a, m("file-added", a);
+    }, k = (n) => {
+      F(n), v.value && (v.value.value = "");
+    }, s = (n) => {
+      if (n in f.value) {
+        const o = f.value[n];
+        f.value = f.value.filter((a, d) => d !== n), m("file-removed", o);
+      }
+    }, I = (n) => {
+      C.value = !1, k(n);
+    }, b = () => {
+      v.value && v.value.click();
+    };
+    return X(() => {
+      Array.isArray(f.value) && f.value.length > 0 && (f.value = N(f.value));
+    }), (n, o) => (i(), r("div", {
+      class: c([{ hidden: n.$attrs.hidden }]),
+      "data-has-error": !!e.errorMsg
+    }, [
+      e.label ? (i(), r("label", {
+        key: 0,
+        class: c(t(R))
+      }, g(e.label), 3)) : x("", !0),
+      l("div", {
+        class: c(["flex w-full flex-col rounded border bg-surface p-4", [
+          { "cursor-pointer": !B.value },
+          { "border-dashed": !C.value },
+          { "border-primary ring-1 ring-primary": C.value && !e.errorMsg },
+          e.errorMsg ? "border-on-error" : "border-p-gray-40 hover:border-primary",
+          { "pointer-events-none opacity-50": e.disabled }
+        ]]),
+        "aria-label": "dropzone",
+        onDragover: o[1] || (o[1] = E((a) => C.value = !0, ["prevent", "stop"])),
+        onDragleave: o[2] || (o[2] = E((a) => C.value = !1, ["prevent", "stop"])),
+        onDrop: E(I, ["prevent", "stop"]),
+        onClick: b
+      }, [
+        B.value ? x("", !0) : (i(), r("div", Ae, [
+          C.value ? (i(), r("div", Ye, [
+            Ze,
+            l("div", We, "Drop " + g($.value), 1)
+          ])) : (i(), r("div", De, [
+            He,
+            l("div", je, [
+              ge(" Drag or "),
+              l("span", Ge, "select " + g($.value), 1)
+            ])
+          ])),
+          l("input", {
+            ref_key: "fileInputRef",
+            ref: v,
+            type: "file",
+            class: "hidden",
+            tabindex: -1,
+            accept: V.value,
+            multiple: e.multiple,
+            disabled: e.disabled,
+            "aria-hidden": "true",
+            onChange: k
+          }, null, 40, qe)
+        ])),
+        l("div", Ke, [
+          (i(!0), r(H, null, j(f.value, (a, d) => (i(), r("div", {
+            key: d,
+            class: c([
+              "flex cursor-default items-center justify-between",
+              { "border-b border-dashed border-p-gray-30 pb-4": d !== f.value.length - 1 },
+              { "mt-4": d !== 0 }
+            ]),
+            onClick: o[0] || (o[0] = E(() => {
+            }, ["stop"]))
+          }, [
+            l("div", {
+              class: "truncate",
+              title: a.name
+            }, g(a.name), 9, Ue),
+            l("button", {
+              class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
+              onClick: E((w) => s(d), ["stop"])
+            }, null, 8, Je)
+          ], 2))), 128))
+        ])
+      ], 34),
+      Q(l("div", {
+        class: c(t(L))
+      }, g(e.errorMsg), 3), [
+        [ne, e.errorMsg]
+      ]),
+      l("div", Qe, g(e.multiple ? `Max ${e.maxNumberOfFiles}` : "One") + " " + g(V.value) + " " + g(e.multiple ? "files" : "file") + " with size less than " + g(t(ie)(e.maxSizeInBytes)) + " " + g(e.multiple ? "each" : ""), 1)
+    ], 10, _e));
+  }
+}), jt = /* @__PURE__ */ ee(Xe, [["__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 = {
+  key: 0,
+  class: "ml-auto fill-p-purple-60 pl-2",
+  src: he
+}, Gt = /* @__PURE__ */ Y({
+  name: "PSelectList",
+  inheritAttrs: !1,
+  __name: "p-select-list",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Array, Object],
+      default: null
+    },
+    /**
+     * `p-select-list v-model normally works with a string or an array of strings (for multiple mode).
+     * Setting this prop to `true` will switch the behavior to an object (or array of objects) for the v-model value.
+     * e.g `:value="{ value: 1, text: 'option text' }"`
+     */
+    valueIsObject: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Can be an array of objects or array of strings. When using objects, will look for a text - value pair.
+     * This can be changed using the item-text, item-value props.
+     */
+    items: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(e) {
+        return Object.keys(K).includes(e);
+      }
+    },
+    /**
+     * Set property of **items**’s text value
+     */
+    itemText: {
+      type: String,
+      default: "text"
+    },
+    /**
+     * Set property of **items**’s value - must be primitive.
+     */
+    itemValue: {
+      type: [String, Number],
+      default: "value"
+    },
+    /**
+     * itemSize sets the list item's height and it's REQUIRED if a custom item template is used
+     * https://github.com/Akryum/vue-virtual-scroller/tree/v1/packages/vue-virtual-scroller#props
+     */
+    itemSize: {
+      type: Number,
+      default: null
+    },
+    /**
+     * The number of items visible in the list
+     */
+    itemsVisible: {
+      type: Number,
+      default: 7
+    },
+    searchable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Enables multiple selection
+     */
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Dropdown button text
+     */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Placeholder for the search field
+     */
+    placeholderSearch: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Setting it to `true` will display the selected options at the top of the list
+     */
+    selectedTopShown: {
+      type: Boolean,
+      default: !1
+    },
+    topSectionClass: {
+      type: String,
+      default: ""
+    },
+    closePopperOnSelect: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "select"],
+  setup(e, { emit: S }) {
+    const u = S, m = e, v = z({ paddingTop: 0, paddingBottom: 0 }), C = z({ maxHeight: "none" }), y = z(null), R = z(null), { labelClasses: L, errorMsgClasses: $ } = ce(m), f = be(), V = z(null), {
+      LIST_ITEM_CLASS: B,
+      LIST_ITEM_ACTIVE_CLASS: N,
+      selectedItems: F,
+      computedItems: k,
+      computedItemSize: s,
+      computedInsideSelected: I,
+      internalItems: b,
+      search: n,
+      rowVirtualizer: o,
+      getValue: a,
+      getText: d,
+      isSelected: w,
+      setupNavigationSvc: O,
+      select: te,
+      onFocus: Z,
+      onMousemove: le,
+      scrollToActiveItem: pe,
+      putSelectedItemsOnTop: fe,
+      selectAll: M,
+      clearAll: se
+    } = Ve(m, y, V, u), me = P(() => f.style);
+    return X(async () => {
+      var h, A;
+      const _ = ((h = R.value) == null ? void 0 : h.clientHeight) || 0;
+      C.value = { maxHeight: `${s.value * m.itemsVisible - _}px` }, fe(), m.searchable ? (A = y.value) == null || A.$el.querySelector("input").focus() : O(), pe({ wait: 200 });
+    }), (_, h) => {
+      const A = xe("close-popper");
+      return i(), r("div", {
+        ref: "formControl",
+        class: c([{ hidden: t(f).hidden }, t(f).class]),
+        "data-has-error": !!e.errorMsg,
+        style: T(me.value),
+        "p-select-list": ""
+      }, [
+        e.label ? (i(), r("label", {
+          key: 0,
+          class: c(t(L))
+        }, g(e.label), 3)) : x("", !0),
+        l("div", {
+          class: c([
+            { "border border-on-error": !!e.errorMsg },
+            t(f).disabled ? "pointer-events-none bg-p-gray-10" : "bg-white"
+          ])
+        }, [
+          e.multiple || e.searchable ? (i(), r("div", {
+            key: 0,
+            class: c(e.topSectionClass)
+          }, [
+            e.multiple ? (i(), r("div", {
+              key: 0,
+              ref_key: "actionsContainer",
+              ref: R,
+              class: "flex flex-row justify-between text-xs font-semibold text-primary"
+            }, [
+              l("p", tt, g(t(k).length) + " items", 1),
+              l("div", lt, [
+                t(k).length === t(b).length ? (i(), r("a", {
+                  key: 0,
+                  class: c([
+                    t(F).length !== t(b).length ? "cursor-pointer" : "pointer-events-none opacity-50"
+                  ]),
+                  onClick: h[0] || (h[0] = //@ts-ignore
+                  (...p) => t(M) && t(M)(...p))
+                }, " Select all ", 2)) : (i(), r("a", {
+                  key: 1,
+                  class: c([t(I) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
+                  onClick: h[1] || (h[1] = //@ts-ignore
+                  (...p) => t(M) && t(M)(...p))
+                }, " Select all filtered ", 2)),
+                st,
+                l("a", {
+                  class: c([t(F).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
+                  onClick: h[2] || (h[2] = //@ts-ignore
+                  (...p) => t(se) && t(se)(...p))
+                }, " Clear all ", 2)
+              ])
+            ], 512)) : x("", !0),
+            e.searchable ? (i(), r("div", {
+              key: 1,
+              class: c([{ "mt-3": e.multiple }])
+            }, [
+              de(ze, {
+                ref_key: "inputSearch",
+                ref: y,
+                modelValue: t(n),
+                "onUpdate:modelValue": h[3] || (h[3] = (p) => Se(n) ? n.value = p : null),
+                size: e.size,
+                placeholder: e.placeholderSearch,
+                onFocus: t(Z)
+              }, null, 8, ["modelValue", "size", "placeholder", "onFocus"])
+            ], 2)) : x("", !0)
+          ], 2)) : x("", !0),
+          l("div", {
+            ref_key: "virtualizerRef",
+            ref: V,
+            style: T(C.value),
+            class: c(["overflow-y-auto", { "mt-3": e.multiple || e.searchable }])
+          }, [
+            l("div", {
+              tabindex: "-1",
+              class: "relative w-full",
+              "p-select-list-options": "",
+              style: T({ height: `${t(o).getTotalSize()}px` }),
+              onFocus: h[4] || (h[4] = //@ts-ignore
+              (...p) => t(Z) && t(Z)(...p)),
+              onMousemove: h[5] || (h[5] = //@ts-ignore
+              (...p) => t(le) && t(le)(...p))
+            }, [
+              (i(!0), r(H, null, j(t(o).getVirtualItems(), (p) => (i(), r("div", {
+                key: p.index,
+                class: "absolute left-0 top-0 w-full",
+                "p-select-list-option": "",
+                style: T({ height: `${p.size}px`, transform: `translateY(${p.start}px)` })
+              }, [
+                Q((i(), r("div", {
+                  class: c([t(B), { [t(N)]: t(w)(t(a)(p.index)) }]),
+                  "p-select-list-option-item": "",
+                  style: T(v.value),
+                  onClick: (W) => t(te)(W, t(a)(p.index))
+                }, [
+                  l("div", {
+                    class: c(["flex items-center", { [t(K)[e.size]]: !e.itemSize }])
+                  }, [
+                    G(_.$slots, "item", {
+                      item: t(k)[p.index],
+                      isItemSelected: t(w)(t(a)(p.index)),
+                      itemTextSplit: t(ae)(t(U)(t(d)(p.index)), t(n))
+                    }, () => [
+                      l("div", {
+                        class: "truncate text-p-purple-60",
+                        title: t(U)(t(d)(p.index))
+                      }, [
+                        (i(!0), r(H, null, j(t(ae)(t(U)(t(d)(p.index)), t(n)), (W, oe) => (i(), r("span", {
+                          key: `${t(a)(p.index)}_${oe}`,
+                          class: c({ "bg-p-blue-20": oe === 1 })
+                        }, g(W), 3))), 128))
+                      ], 8, it)
+                    ]),
+                    t(w)(t(a)(p.index)) ? (i(), r("img", rt)) : x("", !0)
+                  ], 2)
+                ], 14, ot)), [
+                  [A, e.closePopperOnSelect && !e.multiple]
+                ])
+              ], 4))), 128))
+            ], 36),
+            t(k).length ? x("", !0) : G(_.$slots, "no-items", { key: 0 }, () => [
+              l("div", {
+                class: c(["flex items-center justify-center", t(K)[e.size]])
+              }, "No items found", 2)
+            ])
+          ], 6)
+        ], 2),
+        Q(l("div", {
+          class: c(t($))
+        }, g(e.errorMsg), 3), [
+          [ne, e.errorMsg]
+        ])
+      ], 14, et);
+    };
+  }
+}), at = ["data-col-id"], nt = { class: "flex" }, dt = ["onMousedown", "onDblclick"], ct = {
+  key: 0,
+  class: "min-w-[80px] bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"
+}, ut = { key: 0 }, pt = { key: 1 }, ft = /* @__PURE__ */ Y({
+  name: "PTable",
+  __name: "p-table",
+  props: {
+    cols: {},
+    colsResizable: { type: Boolean, default: !1 },
+    isFirstColFixed: { type: Boolean, default: !1 },
+    isLastColFixed: { type: Boolean, default: !1 },
+    lockScroll: { type: Boolean, default: !1 },
+    virtualizer: { default: () => ({
+      paddingTop: 0,
+      paddingBottom: 0
+    }) }
+  },
+  emits: ["scroll", "click-filter-icon", "col-resize"],
+  setup(e, { emit: S }) {
+    const u = S, m = e;
+    D(
+      Re,
+      P(() => m.cols)
+    ), D(
+      Be,
+      P(() => m.isFirstColFixed)
+    ), D(
+      Ne,
+      P(() => m.isLastColFixed)
+    ), D(
+      Le,
+      P(() => m.colsResizable)
+    );
+    const v = z(null), C = z([]), {
+      isColResizing: y,
+      colResizeHandleLeft: R,
+      colResizingIndex: L,
+      colResizingWidth: $,
+      colResize: f,
+      colResizeStart: V,
+      colResizeFitToData: B
+    } = Oe({
+      enabled: P(() => m.colsResizable),
+      ths: C
+    }), N = (s, I) => {
+      s instanceof Element && (C.value[I] = s);
+    }, F = (s) => {
+      u("scroll", s);
+    }, k = (s, I) => {
+      const b = ["relative", "py-2"];
+      return I.borderColor || b.push("border-b border-p-gray-30"), s === 0 && m.isFirstColFixed || s === m.cols.length - 1 && m.isLastColFixed ? b.push("th-shadow px-4") : m.colsResizable ? b.push("pl-2 pr-4") : b.push("px-2"), b;
+    };
+    return X(() => {
+      var s;
+      (s = v.value) == null || s.addEventListener("scroll", F, !0);
+    }), we(() => {
+      var s;
+      (s = v.value) == null || s.removeEventListener("scroll", F, !0);
+    }), Pe(y, (s) => {
+      s === !1 && $.value > 0 && u("col-resize", L.value, $.value);
+    }), (s, I) => {
+      var b, n;
+      return i(), r("div", {
+        ref_key: "scrollWrapper",
+        ref: v,
+        class: c(["block border border-p-gray-30", s.lockScroll ? "overflow-hidden" : "overflow-x-auto"])
+      }, [
+        t(y) ? (i(), r("div", {
+          key: 0,
+          class: "fixed z-[100] w-1 cursor-col-resize bg-p-gray-30",
+          style: T({
+            top: `${(b = v.value) == null ? void 0 : b.offsetTop}px`,
+            left: t(R),
+            height: `${(n = v.value) == null ? void 0 : n.offsetHeight}px`
+          }),
+          "data-resize-y-axis": ""
+        }, null, 4)) : x("", !0),
+        l("table", q({
+          class: [
+            "p-table mb-0 w-full bg-surface",
+            { "last-col-fixed": s.isLastColFixed },
+            { "first-col-fixed": s.isFirstColFixed }
+          ]
+        }, ke(s.colsResizable ? { mousemove: t(f) } : {}, !0)), [
+          l("thead", null, [
+            l("tr", null, [
+              (i(!0), r(H, null, j(m.cols, (o, a) => (i(), r("th", q({
+                ref_for: !0,
+                ref: (d) => N(d, a),
+                key: o.id,
+                "data-col-id": o.id
+              }, o.thAttrs, {
+                style: o.style,
+                class: "bg-surface"
+              }), [
+                l("div", {
+                  class: c(k(a, o))
+                }, [
+                  l("div", nt, [
+                    G(s.$slots, `prepend-header-cell-${t($e)(o.name)}`, { col: o }, void 0, !0),
+                    de(Fe, q({
+                      text: o.title,
+                      "filter-active": o.filterActive,
+                      "show-filter-icon": o.filterable || o.sortable,
+                      "tooltip-text": o.tooltip,
+                      class: [{ "pl-2": a === 1 && s.isFirstColFixed, "pr-2": a === s.cols.length && s.isLastColFixed }, "grow"]
+                    }, o.headerCellAttrs, {
+                      onClickFilterIcon: (d) => s.$emit("click-filter-icon", d, o)
+                    }), null, 16, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "onClickFilterIcon"])
+                  ]),
+                  s.colsResizable && a !== 0 && !(a === s.cols.length - 1 && s.isLastColFixed) ? (i(), r("div", {
+                    key: 0,
+                    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"]),
+                    "data-resize-handle": "",
+                    onMousedown: (d) => t(V)(d, a),
+                    onDblclick: (d) => t(B)(a)
+                  }, null, 42, dt)) : x("", !0),
+                  l("div", {
+                    class: c(["absolute bottom-0 h-1 w-full", s.colsResizable ? "-left-1" : "left-0"]),
+                    style: T({ background: o.borderColor })
+                  }, null, 6)
+                ], 2)
+              ], 16, at))), 128)),
+              s.colsResizable && !s.isLastColFixed ? (i(), r("th", ct)) : x("", !0)
+            ])
+          ]),
+          l("tbody", null, [
+            s.virtualizer.paddingTop > 0 ? (i(), r("tr", ut, [
+              l("td", {
+                style: T({ height: `${s.virtualizer.paddingTop}px` })
+              }, null, 4)
+            ])) : x("", !0),
+            G(s.$slots, "default", {}, void 0, !0),
+            s.virtualizer.paddingBottom > 0 ? (i(), r("tr", pt, [
+              l("td", {
+                style: T({ height: `${s.virtualizer.paddingBottom}px` })
+              }, null, 4)
+            ])) : x("", !0)
+          ])
+        ], 16)
+      ], 2);
+    };
+  }
+}), Yt = /* @__PURE__ */ ee(ft, [["__scopeId", "data-v-170d774b"]]), mt = Y({
+  name: "PTableSort",
+  props: {
+    modelValue: {
+      type: String,
+      default: J.NO_SORTING,
+      validator(e) {
+        return Object.values(J).includes(e);
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      SORTING_TYPES: J
+    };
+  }
+}), 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", 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_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", 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_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" }, bt = /* @__PURE__ */ l("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1), xt = { class: "mt-2" }, St = {
+  key: 0,
+  src: ht
+}, wt = {
+  key: 1,
+  src: vt
+}, Pt = {
+  key: 0,
+  src: gt
+}, kt = {
+  key: 1,
+  src: Ct
+};
+function Tt(e, S, u, m, v, C) {
+  return i(), r("div", null, [
+    l("div", yt, [
+      bt,
+      l("div", {
+        class: c([
+          "px-4 text-xs font-semibold text-primary",
+          [e.SORTING_TYPES.ASC, e.SORTING_TYPES.DESC].includes(e.modelValue) ? "cursor-pointer opacity-100" : "opacity-50"
+        ]),
+        onClick: S[0] || (S[0] = (y) => e.$emit("update:modelValue", e.SORTING_TYPES.NO_SORTING))
+      }, " Clear ", 2)
+    ]),
+    l("div", xt, [
+      l("div", {
+        class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
+        onClick: S[1] || (S[1] = (y) => e.$emit("update:modelValue", e.SORTING_TYPES.ASC))
+      }, [
+        l("div", {
+          class: c(["text-sm font-semibold text-p-purple-60", { "text-primary": e.modelValue === e.SORTING_TYPES.ASC }])
+        }, " Sort ascending ", 2),
+        l("div", null, [
+          e.modelValue === e.SORTING_TYPES.NO_SORTING || e.modelValue === e.SORTING_TYPES.DESC ? (i(), r("img", St)) : (i(), r("img", wt))
+        ])
+      ]),
+      l("div", {
+        class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
+        onClick: S[2] || (S[2] = (y) => e.$emit("update:modelValue", e.SORTING_TYPES.DESC))
+      }, [
+        l("div", {
+          class: c(["text-sm font-semibold text-p-purple-60", { "text-primary": e.modelValue === e.SORTING_TYPES.DESC }])
+        }, " Sort descending ", 2),
+        l("div", null, [
+          e.modelValue === e.SORTING_TYPES.NO_SORTING || e.modelValue === e.SORTING_TYPES.ASC ? (i(), r("img", Pt)) : (i(), r("img", kt))
+        ])
+      ])
+    ])
+  ]);
+}
+const Zt = /* @__PURE__ */ ee(mt, [["render", Tt]]);
+export {
+  J0 as MIN_WIDTH_COL_RESIZE,
+  Kt as PActionBar,
+  Jt as PAlert,
+  Xt as PAvatar,
+  t0 as PBtn,
+  s0 as PCard,
+  i0 as PCheckbox,
+  a0 as PChips,
+  d0 as PCloseBtn,
+  u0 as PDatePicker,
+  f0 as PDrawer,
+  h0 as PDropdown,
+  g0 as PDropdownSelect,
+  jt as PFileUpload,
+  y0 as PFilterIcon,
+  x0 as PInfoIcon,
+  w0 as PInlineDatePicker,
+  k0 as PInput,
+  $0 as PInputNumber,
+  z0 as PInputPercent,
+  ze as PInputSearch,
+  F0 as PLoading,
+  B0 as PModal,
+  L0 as PPagination,
+  E0 as PPaginationInfo,
+  _0 as PProgressBar,
+  D0 as PRingLoader,
+  j0 as PSelect,
+  Y0 as PSelectBtn,
+  Gt as PSelectList,
+  W0 as PSelectPill,
+  K0 as PSkeletonLoader,
+  Yt as PTable,
+  Fe as PTableHeaderCell,
+  X0 as PTableLoader,
+  Zt as PTableSort,
+  t2 as PTableTd,
+  s2 as PTabs,
+  i2 as PTextarea,
+  a2 as PToggle,
+  J as SORTING_TYPES,
+  Re as colsInjectionKey,
+  Le as isColsResizableInjectionKey,
+  Be as isFirstColFixedInjectionKey,
+  Ne as isLastColFixedInjectionKey,
+  d2 as usePLoading,
+  u2 as usePModal,
+  Oe as usePTableColResize,
+  f2 as usePTableRowVirtualizer,
+  Ve as useSelectList
+};