@pequity/squirrel 1.0.19 → 1.0.20-beta.2

package/dist/es/index.js

@@ -0,0 +1,836 @@
+import { config as Kt } from "./config.js";
+import { _ as Xt } from "./chunks/p-action-bar.js";
+import { default as Jt } from "./p-alert.js";
+import { default as t0 } from "./p-avatar.js";
+import { default as s0 } from "./p-btn.js";
+import { _ as i0 } from "./chunks/p-card.js";
+import { _ as a0 } from "./chunks/p-checkbox.js";
+import { default as d0 } from "./p-chips.js";
+import { default as u0 } from "./p-close-btn.js";
+import { default as f0 } from "./p-date-picker.js";
+import { default as h0 } from "./p-drawer.js";
+import { default as v0 } from "./p-dropdown.js";
+import { _ as he } from "./chunks/p-dropdown-select.js";
+import { a as y0 } from "./chunks/p-dropdown-select.js";
+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";
+import { formatBytes as ie, getFileExtension as re } from "./p-file-upload.js";
+import { uniq as Ie, kebabCase as ke } from "lodash-es";
+import { useInputClasses as ce } from "./useInputClasses.js";
+import { useToast as $e } from "vue-toastification";
+import { _ as ee } from "./chunks/_plugin-vue_export-helper.js";
+import { default as b0 } from "./p-table-filter-icon.js";
+import { default as P0 } from "./p-info-icon.js";
+import { default as T0 } from "./p-inline-date-picker.js";
+import { default as k0 } from "./p-input.js";
+import { default as E0 } from "./p-input-number.js";
+import { _ as z0 } from "./chunks/p-input-percent.js";
+import Ee from "./p-input-search.js";
+import { default as V0 } from "./p-loading.js";
+import { default as _0 } from "./p-modal.js";
+import { _ as B0 } from "./chunks/p-pagination.js";
+import { _ as O0 } from "./chunks/p-pagination-info.js";
+import { default as D0 } from "./p-progress-bar.js";
+import { _ as G0 } from "./chunks/p-ring-loader.js";
+import { _ as Y0 } from "./chunks/p-select.js";
+import { _ as Z0 } 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 q } from "./string.js";
+import { useSelectList as Re } from "./useSelectList.js";
+import { default as K0 } from "./p-select-pill.js";
+import { default as X0 } from "./p-skeleton-loader.js";
+import ze from "./p-table-header-cell.js";
+import { colsInjectionKey as Ne, isFirstColFixedInjectionKey as Ve, isLastColFixedInjectionKey as Fe, isColsResizableInjectionKey as _e } from "./p-table.js";
+import { MIN_WIDTH_COL_RESIZE as J0 } from "./p-table.js";
+import { usePTableColResize as Le } from "./usePTableColResize.js";
+import { _ as t2 } from "./chunks/p-table-loader.js";
+import { SORTING_TYPES as X } from "./p-table-sort.js";
+import { default as s2 } from "./p-table-td.js";
+import { _ as i2 } from "./chunks/p-tabs.js";
+import { default as a2 } from "./p-textarea.js";
+import { default as d2 } from "./p-toggle.js";
+import { usePLoading as u2 } from "./usePLoading.js";
+import { usePModal as f2 } from "./usePModal.js";
+import { usePTableRowVirtualizer as h2 } from "./usePTableRowVirtualizer.js";
+import { default as v2 } from "./inputClassesMixin.js";
+import { CURRENCY_INPUT_DEFAULTS as y2 } from "./currency.js";
+import { getColor as b2, getColorDeep as S2, getScreen as P2 } from "./tailwind.js";
+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";
+import { createPagingRange as H2 } from "./pagination.js";
+import { getNextActiveElement as j2, isElement as Y2, isVisible as U2 } from "./dom.js";
+import { isObject as W2 } from "./object.js";
+import { setupListKeyboardNavigation as q2 } from "./listKeyboardNavigation.js";
+import { toNumberOrNull as Q2 } from "./number.js";
+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 = {
+  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: Be,
+  class: "h-8 w-8"
+}, null, -1)), Ge = { class: "mt-2 text-p-gray-50" }, je = { class: "text-p-blue-60" }, Ye = {
+  key: 1,
+  class: "flex flex-col items-center"
+}, Ue = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("img", {
+  src: Ae,
+  class: "h-8 w-8"
+}, 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({
+  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, g = ge(), C = E(!1), y = $e(), { labelClasses: N, errorMsgClasses: _ } = ce(u), k = w(() => u.multiple ? "files" : "file"), f = w({
+      get() {
+        return Array.isArray(u.modelValue) ? u.modelValue : [u.modelValue];
+      },
+      set(n) {
+        u.multiple ? m("update:modelValue", n) : m("update:modelValue", n[0]);
+      }
+    }), 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) => {
+      const o = [];
+      for (let a = 0; a < n.length; a++) {
+        const d = n[a], P = d.name || d.url;
+        if (o.length + f.value.length >= u.maxNumberOfFiles) {
+          y.error(`You can only upload a maximum of ${u.maxNumberOfFiles} ${k.value}.`);
+          break;
+        }
+        if (P) {
+          if (d.url) {
+            o.push(d);
+            continue;
+          }
+          if (u.fileTypes.length !== 0) {
+            const L = re(P) ? `.${re(P)}` : "";
+            if (!(L ? u.fileTypes.includes(L) : !1)) {
+              y.error(`${L} files are not allowed.`);
+              continue;
+            }
+          }
+          if ((d.size || 0) > u.maxSizeInBytes) {
+            y.error(`File size of ${P} exceeds ${ie(u.maxSizeInBytes)}.`);
+            continue;
+          }
+          o.push(d);
+        }
+      }
+      return o;
+    }, z = (n) => {
+      var d, P;
+      const o = ((d = n.target) == null ? void 0 : d.files) || ((P = n.dataTransfer) == null ? void 0 : P.files);
+      if (!o)
+        return;
+      const a = u.fileTypes ? F(Array.from(o)) : o;
+      f.value = u.multiple ? [...f.value, ...a] : a, m("file-added", a);
+    }, T = (n) => {
+      z(n), g.value && (g.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);
+      }
+    }, $ = (n) => {
+      C.value = !1, T(n);
+    }, x = () => {
+      g.value && g.value.click();
+    };
+    return J(() => {
+      Array.isArray(f.value) && f.value.length > 0 && (f.value = F(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(N))
+      }, v(e.label), 3)) : b("", !0),
+      l("div", {
+        class: c(["flex w-full flex-col rounded border bg-surface p-4", [
+          { "cursor-pointer": !V.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] = B((a) => C.value = !0, ["prevent", "stop"])),
+        onDragleave: o[2] || (o[2] = B((a) => C.value = !1, ["prevent", "stop"])),
+        onDrop: B($, ["prevent", "stop"]),
+        onClick: x
+      }, [
+        V.value ? b("", !0) : (i(), r("div", Me, [
+          C.value ? (i(), r("div", Ye, [
+            Ue,
+            l("div", Ze, "Drop " + v(k.value), 1)
+          ])) : (i(), r("div", De, [
+            He,
+            l("div", Ge, [
+              ve(" Drag or "),
+              l("span", je, "select " + v(k.value), 1)
+            ])
+          ])),
+          l("input", {
+            ref_key: "fileInputRef",
+            ref: g,
+            type: "file",
+            class: "hidden",
+            tabindex: -1,
+            accept: R.value,
+            multiple: e.multiple,
+            disabled: e.disabled,
+            "aria-hidden": "true",
+            onChange: T
+          }, null, 40, We)
+        ])),
+        l("div", Ke, [
+          (i(!0), r(H, null, G(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] = B(() => {
+            }, ["stop"]))
+          }, [
+            l("div", {
+              class: "truncate",
+              title: a.name
+            }, v(a.name), 9, qe),
+            l("button", {
+              class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
+              onClick: B((P) => s(d), ["stop"])
+            }, null, 8, Xe)
+          ], 2))), 128))
+        ])
+      ], 34),
+      Q(l("div", {
+        class: c(t(_))
+      }, v(e.errorMsg), 3), [
+        [ne, e.errorMsg]
+      ]),
+      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)
+    ], 10, Oe));
+  }
+}), 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 = {
+  key: 0,
+  class: "ml-auto fill-p-purple-60 pl-2",
+  src: he
+}, jt = /* @__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, 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), {
+      LIST_ITEM_CLASS: V,
+      LIST_ITEM_ACTIVE_CLASS: F,
+      selectedItems: z,
+      computedItems: T,
+      computedItemSize: s,
+      computedInsideSelected: $,
+      internalItems: x,
+      search: n,
+      rowVirtualizer: o,
+      getValue: a,
+      getText: d,
+      isSelected: P,
+      setupNavigationSvc: L,
+      select: te,
+      onFocus: U,
+      onMousemove: le,
+      scrollToActiveItem: pe,
+      putSelectedItemsOnTop: fe,
+      selectAll: A,
+      clearAll: se
+    } = Re(m, y, R, u), me = w(() => f.style);
+    return J(async () => {
+      var h, M;
+      const O = ((h = N.value) == null ? void 0 : h.clientHeight) || 0;
+      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 });
+    }), (O, h) => {
+      const M = be("close-popper");
+      return i(), r("div", {
+        ref: "formControl",
+        class: c([{ hidden: t(f).hidden }, t(f).class]),
+        "data-has-error": !!e.errorMsg,
+        style: I(me.value),
+        "p-select-list": ""
+      }, [
+        e.label ? (i(), r("label", {
+          key: 0,
+          class: c(t(_))
+        }, v(e.label), 3)) : b("", !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: N,
+              class: "flex flex-row justify-between text-xs font-semibold text-primary"
+            }, [
+              l("p", tt, v(t(T).length) + " items", 1),
+              l("div", lt, [
+                t(T).length === t(x).length ? (i(), r("a", {
+                  key: 0,
+                  class: c([
+                    t(z).length !== t(x).length ? "cursor-pointer" : "pointer-events-none opacity-50"
+                  ]),
+                  onClick: h[0] || (h[0] = //@ts-ignore
+                  (...p) => t(A) && t(A)(...p))
+                }, " Select all ", 2)) : (i(), r("a", {
+                  key: 1,
+                  class: c([t($) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
+                  onClick: h[1] || (h[1] = //@ts-ignore
+                  (...p) => t(A) && t(A)(...p))
+                }, " Select all filtered ", 2)),
+                st,
+                l("a", {
+                  class: c([t(z).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)) : b("", !0),
+            e.searchable ? (i(), r("div", {
+              key: 1,
+              class: c([{ "mt-3": e.multiple }])
+            }, [
+              de(Ee, {
+                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(U)
+              }, null, 8, ["modelValue", "size", "placeholder", "onFocus"])
+            ], 2)) : b("", !0)
+          ], 2)) : b("", !0),
+          l("div", {
+            ref_key: "virtualizerRef",
+            ref: R,
+            style: I(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: I({ height: `${t(o).getTotalSize()}px` }),
+              onFocus: h[4] || (h[4] = //@ts-ignore
+              (...p) => t(U) && t(U)(...p)),
+              onMousemove: h[5] || (h[5] = //@ts-ignore
+              (...p) => t(le) && t(le)(...p))
+            }, [
+              (i(!0), r(H, null, G(t(o).getVirtualItems(), (p) => (i(), r("div", {
+                key: p.index,
+                class: "absolute left-0 top-0 w-full",
+                "p-select-list-option": "",
+                style: I({ height: `${p.size}px`, transform: `translateY(${p.start}px)` })
+              }, [
+                Q((i(), r("div", {
+                  class: c([t(V), { [t(F)]: t(P)(t(a)(p.index)) }]),
+                  "p-select-list-option-item": "",
+                  style: I(g.value),
+                  onClick: (Z) => t(te)(Z, t(a)(p.index))
+                }, [
+                  l("div", {
+                    class: c(["flex items-center", { [t(K)[e.size]]: !e.itemSize }])
+                  }, [
+                    j(O.$slots, "item", {
+                      item: t(T)[p.index],
+                      isItemSelected: t(P)(t(a)(p.index)),
+                      itemTextSplit: t(ae)(t(q)(t(d)(p.index)), t(n))
+                    }, () => [
+                      l("div", {
+                        class: "truncate text-p-purple-60",
+                        title: t(q)(t(d)(p.index))
+                      }, [
+                        (i(!0), r(H, null, G(t(ae)(t(q)(t(d)(p.index)), t(n)), (Z, oe) => (i(), r("span", {
+                          key: `${t(a)(p.index)}_${oe}`,
+                          class: c({ "bg-p-blue-20": oe === 1 })
+                        }, v(Z), 3))), 128))
+                      ], 8, it)
+                    ]),
+                    t(P)(t(a)(p.index)) ? (i(), r("img", rt)) : b("", !0)
+                  ], 2)
+                ], 14, ot)), [
+                  [M, e.closePopperOnSelect && !e.multiple]
+                ])
+              ], 4))), 128))
+            ], 36),
+            t(T).length ? b("", !0) : j(O.$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(k))
+        }, v(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(
+      Ne,
+      w(() => m.cols)
+    ), D(
+      Ve,
+      w(() => m.isFirstColFixed)
+    ), D(
+      Fe,
+      w(() => m.isLastColFixed)
+    ), D(
+      _e,
+      w(() => m.colsResizable)
+    );
+    const g = E(null), C = E([]), {
+      isColResizing: y,
+      colResizeHandleLeft: N,
+      colResizingIndex: _,
+      colResizingWidth: k,
+      colResize: f,
+      colResizeStart: R,
+      colResizeFitToData: V
+    } = Le({
+      enabled: w(() => m.colsResizable),
+      ths: C
+    }), F = (s, $) => {
+      s instanceof Element && (C.value[$] = s);
+    }, z = (s) => {
+      u("scroll", s);
+    }, T = (s, $) => {
+      const x = ["relative", "py-2"];
+      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;
+    };
+    return J(() => {
+      var s;
+      (s = g.value) == null || s.addEventListener("scroll", z, !0);
+    }), Pe(() => {
+      var s;
+      (s = g.value) == null || s.removeEventListener("scroll", z, !0);
+    }), we(y, (s) => {
+      s === !1 && k.value > 0 && u("col-resize", _.value, k.value);
+    }), (s, $) => {
+      var x, n;
+      return i(), r("div", {
+        ref_key: "scrollWrapper",
+        ref: g,
+        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: I({
+            top: `${(x = g.value) == null ? void 0 : x.offsetTop}px`,
+            left: t(N),
+            height: `${(n = g.value) == null ? void 0 : n.offsetHeight}px`
+          }),
+          "data-resize-y-axis": ""
+        }, null, 4)) : b("", !0),
+        l("table", W({
+          class: [
+            "p-table mb-0 w-full bg-surface",
+            { "last-col-fixed": s.isLastColFixed },
+            { "first-col-fixed": s.isFirstColFixed }
+          ]
+        }, Te(s.colsResizable ? { mousemove: t(f) } : {}, !0)), [
+          l("thead", null, [
+            l("tr", null, [
+              (i(!0), r(H, null, G(m.cols, (o, a) => (i(), r("th", W({
+                ref_for: !0,
+                ref: (d) => F(d, a),
+                key: o.id,
+                "data-col-id": o.id
+              }, o.thAttrs, {
+                style: o.style,
+                class: "bg-surface"
+              }), [
+                l("div", {
+                  class: c(T(a, o))
+                }, [
+                  l("div", nt, [
+                    j(s.$slots, `prepend-header-cell-${t(ke)(o.name)}`, { col: o }, void 0, !0),
+                    de(ze, W({
+                      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(R)(d, a),
+                    onDblclick: (d) => t(V)(a)
+                  }, null, 42, dt)) : b("", !0),
+                  l("div", {
+                    class: c(["absolute bottom-0 h-1 w-full", s.colsResizable ? "-left-1" : "left-0"]),
+                    style: I({ background: o.borderColor })
+                  }, null, 6)
+                ], 2)
+              ], 16, at))), 128)),
+              s.colsResizable && !s.isLastColFixed ? (i(), r("th", ct)) : b("", !0)
+            ])
+          ]),
+          l("tbody", null, [
+            s.virtualizer.paddingTop > 0 ? (i(), r("tr", ut, [
+              l("td", {
+                style: I({ height: `${s.virtualizer.paddingTop}px` })
+              }, null, 4)
+            ])) : b("", !0),
+            j(s.$slots, "default", {}, void 0, !0),
+            s.virtualizer.paddingBottom > 0 ? (i(), r("tr", pt, [
+              l("td", {
+                style: I({ height: `${s.virtualizer.paddingBottom}px` })
+              }, null, 4)
+            ])) : b("", !0)
+          ])
+        ], 16)
+      ], 2);
+    };
+  }
+}), Yt = /* @__PURE__ */ ee(ft, [["__scopeId", "data-v-170d774b"]]), mt = Y({
+  name: "PTableSort",
+  props: {
+    modelValue: {
+      type: String,
+      default: X.NO_SORTING,
+      validator(e) {
+        return Object.values(X).includes(e);
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      SORTING_TYPES: X
+    };
+  }
+}), 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 = {
+  key: 0,
+  src: ht
+}, Pt = {
+  key: 1,
+  src: gt
+}, wt = {
+  key: 0,
+  src: vt
+}, Tt = {
+  key: 1,
+  src: Ct
+};
+function It(e, S, u, m, g, C) {
+  return i(), r("div", null, [
+    l("div", yt, [
+      xt,
+      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", bt, [
+      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", Pt))
+        ])
+      ]),
+      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", wt)) : (i(), r("img", Tt))
+        ])
+      ])
+    ])
+  ]);
+}
+const Ut = /* @__PURE__ */ ee(mt, [["render", It]]);
+export {
+  y2 as CURRENCY_INPUT_DEFAULTS,
+  T2 as ERROR_MSG,
+  I2 as INPUT_BASE,
+  k2 as INPUT_ERROR,
+  $2 as INPUT_NORMAL,
+  E2 as INPUT_SIZES,
+  R2 as LABEL_BASE,
+  z2 as LABEL_REQUIRED,
+  N2 as LABEL_SIZES,
+  J0 as MIN_WIDTH_COL_RESIZE,
+  Xt as PActionBar,
+  Jt as PAlert,
+  t0 as PAvatar,
+  s0 as PBtn,
+  i0 as PCard,
+  a0 as PCheckbox,
+  d0 as PChips,
+  u0 as PCloseBtn,
+  f0 as PDatePicker,
+  h0 as PDrawer,
+  v0 as PDropdown,
+  y0 as PDropdownSelect,
+  Gt as PFileUpload,
+  b0 as PFilterIcon,
+  P0 as PInfoIcon,
+  T0 as PInlineDatePicker,
+  k0 as PInput,
+  E0 as PInputNumber,
+  z0 as PInputPercent,
+  Ee as PInputSearch,
+  V0 as PLoading,
+  _0 as PModal,
+  B0 as PPagination,
+  O0 as PPaginationInfo,
+  D0 as PProgressBar,
+  G0 as PRingLoader,
+  Y0 as PSelect,
+  Z0 as PSelectBtn,
+  jt as PSelectList,
+  K0 as PSelectPill,
+  X0 as PSkeletonLoader,
+  Yt as PTable,
+  ze as PTableHeaderCell,
+  t2 as PTableLoader,
+  Ut as PTableSort,
+  s2 as PTableTd,
+  i2 as PTabs,
+  a2 as PTextarea,
+  d2 as PToggle,
+  V2 as SELECT_ARROW,
+  F2 as SELECT_BASE,
+  _2 as SELECT_SIZES,
+  X as SORTING_TYPES,
+  L2 as SPACING_LEFT,
+  B2 as SPACING_PREFIX,
+  A2 as SPACING_RIGHT,
+  O2 as SPACING_SUFFIX,
+  M2 as TEXTAREA_BASE,
+  Ne as colsInjectionKey,
+  Kt as config,
+  H2 as createPagingRange,
+  b2 as getColor,
+  S2 as getColorDeep,
+  j2 as getNextActiveElement,
+  P2 as getScreen,
+  v2 as inputClassesMixin,
+  _e as isColsResizableInjectionKey,
+  Y2 as isElement,
+  Ve as isFirstColFixedInjectionKey,
+  Fe as isLastColFixedInjectionKey,
+  W2 as isObject,
+  U2 as isVisible,
+  q2 as setupListKeyboardNavigation,
+  ae as splitStringForHighlight,
+  Q2 as toNumberOrNull,
+  q as toString,
+  ce as useInputClasses,
+  u2 as usePLoading,
+  f2 as usePModal,
+  Le as usePTableColResize,
+  h2 as usePTableRowVirtualizer,
+  Re as useSelectList
+};