@pequity/squirrel 1.0.20-beta.2 → 1.0.20-beta.3

package/dist/es/index.js

@@ -1,83 +1,102 @@
-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 = {
+import { config } from "./config.js";
+import { _ } from "./chunks/p-action-bar.js";
+import { default as default2 } from "./p-alert.js";
+import { default as default3 } from "./p-avatar.js";
+import { default as default4 } from "./p-btn.js";
+import { _ as _2 } from "./chunks/p-card.js";
+import { _ as _3 } from "./chunks/p-checkbox.js";
+import { default as default5 } from "./p-chips.js";
+import { default as default6 } from "./p-close-btn.js";
+import { default as default7 } from "./p-date-picker.js";
+import { default as default8 } from "./p-drawer.js";
+import { default as default9 } from "./p-dropdown.js";
+import { _ as _imports_0$2 } from "./chunks/p-dropdown-select.js";
+import { a } from "./chunks/p-dropdown-select.js";
+import { defineComponent, shallowRef, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createElementVNode, withModifiers, createTextVNode, Fragment, renderList, withDirectives, vShow, pushScopeId, popScopeId, useAttrs, resolveDirective, normalizeStyle, createVNode, isRef, renderSlot, provide, onBeforeUnmount, watch, mergeProps, toHandlers } from "vue";
+import { formatBytes, getFileExtension } from "./p-file-upload.js";
+import { uniq, kebabCase } from "lodash-es";
+import { useInputClasses } from "./useInputClasses.js";
+import { useToast } from "vue-toastification";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+import { default as default10 } from "./p-table-filter-icon.js";
+import { default as default11 } from "./p-info-icon.js";
+import { default as default12 } from "./p-inline-date-picker.js";
+import { default as default13 } from "./p-input.js";
+import { default as default14 } from "./p-input-number.js";
+import { _ as _4 } from "./chunks/p-input-percent.js";
+import PInputSearch from "./p-input-search.js";
+import { default as default15 } from "./p-loading.js";
+import { default as default16 } from "./p-modal.js";
+import { _ as _5 } from "./chunks/p-pagination.js";
+import { _ as _6 } from "./chunks/p-pagination-info.js";
+import { default as default17 } from "./p-progress-bar.js";
+import { _ as _7 } from "./chunks/p-ring-loader.js";
+import { _ as _8 } from "./chunks/p-select.js";
+import { _ as _9 } from "./chunks/p-select-btn.js";
+import { SIZES } from "./p-select-list.js";
+import { splitStringForHighlight } from "./text.js";
+import { toString } from "./string.js";
+import { useSelectList } from "./useSelectList.js";
+import { default as default18 } from "./p-select-pill.js";
+import { default as default19 } from "./p-skeleton-loader.js";
+import PTableHeaderCell from "./p-table-header-cell.js";
+import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
+import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
+import { usePTableColResize } from "./usePTableColResize.js";
+import { _ as _10 } from "./chunks/p-table-loader.js";
+import { SORTING_TYPES } from "./p-table-sort.js";
+import { default as default20 } from "./p-table-td.js";
+import { _ as _11 } from "./chunks/p-tabs.js";
+import { default as default21 } from "./p-textarea.js";
+import { default as default22 } from "./p-toggle.js";
+import { usePLoading } from "./usePLoading.js";
+import { usePModal } from "./usePModal.js";
+import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
+import { default as default23 } from "./inputClassesMixin.js";
+import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
+import { getColor, getColorDeep, getScreen } from "./tailwind.js";
+import { ERROR_MSG, INPUT_BASE, INPUT_ERROR, INPUT_NORMAL, INPUT_SIZES, LABEL_BASE, LABEL_REQUIRED, LABEL_SIZES, SELECT_ARROW, SELECT_BASE, SELECT_SIZES, SPACING_LEFT, SPACING_PREFIX, SPACING_RIGHT, SPACING_SUFFIX, TEXTAREA_BASE } from "./inputClassesShared.js";
+import { createPagingRange } from "./pagination.js";
+import { getNextActiveElement, isElement, isVisible } from "./dom.js";
+import { isObject } from "./object.js";
+import { setupListKeyboardNavigation } from "./listKeyboardNavigation.js";
+import { toNumberOrNull } from "./number.js";
+const _imports_0$1 = "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";
+const _imports_1$1 = "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";
+const _withScopeId = (n) => (pushScopeId("data-v-d07a8f64"), n = n(), popScopeId(), n);
+const _hoisted_1$3 = ["data-has-error"];
+const _hoisted_2$3 = {
   key: 0,
   class: "flex h-28 flex-col items-center justify-center"
-}, De = {
+};
+const _hoisted_3$3 = {
   key: 0,
   class: "flex flex-col items-center"
-}, He = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("img", {
-  src: Be,
+};
+const _hoisted_4$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_0$1,
   class: "h-8 w-8"
-}, null, -1)), Ge = { class: "mt-2 text-p-gray-50" }, je = { class: "text-p-blue-60" }, Ye = {
+}, null, -1));
+const _hoisted_5$3 = { class: "mt-2 text-p-gray-50" };
+const _hoisted_6$3 = { class: "text-p-blue-60" };
+const _hoisted_7$2 = {
   key: 1,
   class: "flex flex-col items-center"
-}, Ue = /* @__PURE__ */ ue(() => /* @__PURE__ */ l("img", {
-  src: Ae,
+};
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  src: _imports_1$1,
   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",
+}, null, -1));
+const _hoisted_9 = { class: "mt-2 text-p-purple-60" };
+const _hoisted_10 = ["accept", "multiple", "disabled"];
+const _hoisted_11 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
+const _hoisted_12 = ["title"];
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "mt-1 text-xs text-p-gray-40" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PFileUpload"
+  },
   __name: "p-file-upload",
   props: {
     modelValue: {
@@ -86,7 +105,7 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
     },
     multiple: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Array of file extensions to accept. If empty, all file types are accepted.
@@ -98,11 +117,11 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     errorMsg: {
       type: String,
@@ -123,146 +142,201 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
     }
   },
   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({
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const fileInputRef = shallowRef();
+    const isDraggingOver = ref(false);
+    const toast = useToast();
+    const { labelClasses, errorMsgClasses } = useInputClasses(props);
+    const fileWord = computed(() => props.multiple ? "files" : "file");
+    const files = computed({
       get() {
-        return Array.isArray(u.modelValue) ? u.modelValue : [u.modelValue];
+        return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue];
       },
-      set(n) {
-        u.multiple ? m("update:modelValue", n) : m("update:modelValue", n[0]);
+      set(files2) {
+        if (props.multiple) {
+          emit("update:modelValue", files2);
+        } else {
+          emit("update:modelValue", files2[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}.`);
+    });
+    const acceptFileTypes = computed(() => {
+      return props.fileTypes.length > 0 ? uniq(props.fileTypes).join(",") : void 0;
+    });
+    const maxFilesReached = computed(() => {
+      return props.multiple ? files.value.length >= props.maxNumberOfFiles : files.value.length >= 1;
+    });
+    const validateFiles = (filesToUpload) => {
+      const res = [];
+      for (let i = 0; i < filesToUpload.length; i++) {
+        const file = filesToUpload[i];
+        const fileName = file.name || file.url;
+        if (res.length + files.value.length >= props.maxNumberOfFiles) {
+          toast.error(`You can only upload a maximum of ${props.maxNumberOfFiles} ${fileWord.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)}.`);
+        if (!fileName) {
+          continue;
+        }
+        if (file.url) {
+          res.push(file);
+          continue;
+        }
+        if (props.fileTypes.length === 0)
+          ;
+        else {
+          const extension = getFileExtension(fileName) ? `.${getFileExtension(fileName)}` : "";
+          const isValidExtension = extension ? props.fileTypes.includes(extension) : false;
+          if (!isValidExtension) {
+            toast.error(`${extension} files are not allowed.`);
             continue;
           }
-          o.push(d);
         }
+        if ((file.size || 0) > props.maxSizeInBytes) {
+          toast.error(`File size of ${fileName} exceeds ${formatBytes(props.maxSizeInBytes)}.`);
+          continue;
+        }
+        res.push(file);
       }
-      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 res;
+    };
+    const uploadFile = (e) => {
+      var _a, _b;
+      const f = ((_a = e.target) == null ? void 0 : _a.files) || ((_b = e.dataTransfer) == null ? void 0 : _b.files);
+      if (!f) {
         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();
+      const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : f;
+      files.value = props.multiple ? [...files.value, ...validatedFiles] : validatedFiles;
+      emit("file-added", validatedFiles);
+    };
+    const changeFieldValue = (e) => {
+      uploadFile(e);
+      if (fileInputRef.value) {
+        fileInputRef.value.value = "";
+      }
     };
-    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
+    const removeFile = (index) => {
+      if (index in files.value) {
+        const removedFile = files.value[index];
+        files.value = files.value.filter((item, idx) => idx !== index);
+        emit("file-removed", removedFile);
+      }
+    };
+    const onDrop = (e) => {
+      isDraggingOver.value = false;
+      changeFieldValue(e);
+    };
+    const openFileDialog = () => {
+      if (fileInputRef.value) {
+        fileInputRef.value.click();
+      }
+    };
+    onMounted(() => {
+      if (Array.isArray(files.value) && files.value.length > 0) {
+        files.value = validateFiles(files.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }]),
+        "data-has-error": !!__props.errorMsg
       }, [
-        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));
+        __props.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          class: normalizeClass(unref(labelClasses))
+        }, toDisplayString(__props.label), 3)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["flex w-full flex-col rounded border bg-surface p-4", [
+            { "cursor-pointer": !maxFilesReached.value },
+            { "border-dashed": !isDraggingOver.value },
+            { "border-primary ring-1 ring-primary": isDraggingOver.value && !__props.errorMsg },
+            __props.errorMsg ? "border-on-error" : "border-p-gray-40 hover:border-primary",
+            { "pointer-events-none opacity-50": __props.disabled }
+          ]]),
+          "aria-label": "dropzone",
+          onDragover: _cache[1] || (_cache[1] = withModifiers(($event) => isDraggingOver.value = true, ["prevent", "stop"])),
+          onDragleave: _cache[2] || (_cache[2] = withModifiers(($event) => isDraggingOver.value = false, ["prevent", "stop"])),
+          onDrop: withModifiers(onDrop, ["prevent", "stop"]),
+          onClick: openFileDialog
+        }, [
+          !maxFilesReached.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+            !isDraggingOver.value ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+              _hoisted_4$3,
+              createElementVNode("div", _hoisted_5$3, [
+                createTextVNode(" Drag or "),
+                createElementVNode("span", _hoisted_6$3, "select " + toDisplayString(fileWord.value), 1)
+              ])
+            ])) : (openBlock(), createElementBlock("div", _hoisted_7$2, [
+              _hoisted_8,
+              createElementVNode("div", _hoisted_9, "Drop " + toDisplayString(fileWord.value), 1)
+            ])),
+            createElementVNode("input", {
+              ref_key: "fileInputRef",
+              ref: fileInputRef,
+              type: "file",
+              class: "hidden",
+              tabindex: -1,
+              accept: acceptFileTypes.value,
+              multiple: __props.multiple,
+              disabled: __props.disabled,
+              "aria-hidden": "true",
+              onChange: changeFieldValue
+            }, null, 40, _hoisted_10)
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_11, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(files.value, (file, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: normalizeClass([
+                  "flex cursor-default items-center justify-between",
+                  { "border-b border-dashed border-p-gray-30 pb-4": index !== files.value.length - 1 },
+                  { "mt-4": index !== 0 }
+                ]),
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                createElementVNode("div", {
+                  class: "truncate",
+                  title: file.name
+                }, toDisplayString(file.name), 9, _hoisted_12),
+                createElementVNode("button", {
+                  class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
+                  onClick: withModifiers(($event) => removeFile(index), ["stop"])
+                }, null, 8, _hoisted_13)
+              ], 2);
+            }), 128))
+          ])
+        ], 34),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ]),
+        createElementVNode("div", _hoisted_14, toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + toDisplayString(acceptFileTypes.value) + " " + toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + toDisplayString(unref(formatBytes)(__props.maxSizeInBytes)) + " " + toDisplayString(__props.multiple ? "each" : ""), 1)
+      ], 10, _hoisted_1$3);
+    };
   }
-}), 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 = {
+});
+const pFileUpload = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d07a8f64"]]);
+const _hoisted_1$2 = ["data-has-error"];
+const _hoisted_2$2 = { class: "text-p-purple-60" };
+const _hoisted_3$2 = { class: "flex flex-row" };
+const _hoisted_4$2 = /* @__PURE__ */ createElementVNode("span", { class: "px-1 leading-none" }, ".", -1);
+const _hoisted_5$2 = ["onClick"];
+const _hoisted_6$2 = ["title"];
+const _hoisted_7$1 = {
   key: 0,
   class: "ml-auto fill-p-purple-60 pl-2",
-  src: he
-}, jt = /* @__PURE__ */ Y({
-  name: "PSelectList",
-  inheritAttrs: !1,
+  src: _imports_0$2
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PSelectList",
+    inheritAttrs: false
+  },
   __name: "p-select-list",
   props: {
     modelValue: {
@@ -276,7 +350,7 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
      */
     valueIsObject: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Can be an array of objects or array of strings. When using objects, will look for a text - value pair.
@@ -296,13 +370,13 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     size: {
       type: String,
       default: "md",
-      validator(e) {
-        return Object.keys(K).includes(e);
+      validator(value) {
+        return Object.keys(SIZES).includes(value);
       }
     },
     /**
@@ -336,14 +410,14 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
     },
     searchable: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Enables multiple selection
      */
     multiple: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Dropdown button text
@@ -364,7 +438,7 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
      */
     selectedTopShown: {
       type: Boolean,
-      default: !1
+      default: false
     },
     topSectionClass: {
       type: String,
@@ -372,465 +446,533 @@ const Be = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%20
     },
     closePopperOnSelect: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   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", {
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const listItemStyle = ref({ paddingTop: 0, paddingBottom: 0 });
+    const scrollerStyle = ref({ maxHeight: "none" });
+    const inputSearch = ref(null);
+    const actionsContainer = ref(null);
+    const { labelClasses, errorMsgClasses } = useInputClasses(props);
+    const $attrs = useAttrs();
+    const virtualizerRef = ref(null);
+    const {
+      LIST_ITEM_CLASS,
+      LIST_ITEM_ACTIVE_CLASS,
+      selectedItems,
+      computedItems,
+      computedItemSize,
+      computedInsideSelected,
+      internalItems,
+      search,
+      rowVirtualizer,
+      getValue,
+      getText,
+      isSelected,
+      setupNavigationSvc,
+      select,
+      onFocus,
+      onMousemove,
+      scrollToActiveItem,
+      putSelectedItemsOnTop,
+      selectAll,
+      clearAll
+    } = useSelectList(props, inputSearch, virtualizerRef, emit);
+    const style = computed(() => $attrs.style);
+    onMounted(async () => {
+      var _a, _b;
+      const actionsContainerHeight = ((_a = actionsContainer.value) == null ? void 0 : _a.clientHeight) || 0;
+      scrollerStyle.value = { maxHeight: `${computedItemSize.value * props.itemsVisible - actionsContainerHeight}px` };
+      putSelectedItemsOnTop();
+      if (props.searchable) {
+        (_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus();
+      } else {
+        setupNavigationSvc();
+      }
+      scrollToActiveItem({ wait: 200 });
+    });
+    return (_ctx, _cache) => {
+      const _directive_close_popper = resolveDirective("close-popper");
+      return openBlock(), createElementBlock("div", {
         ref: "formControl",
-        class: c([{ hidden: t(f).hidden }, t(f).class]),
-        "data-has-error": !!e.errorMsg,
-        style: I(me.value),
+        class: normalizeClass([{ hidden: unref($attrs).hidden }, unref($attrs).class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value),
         "p-select-list": ""
       }, [
-        e.label ? (i(), r("label", {
+        __props.label ? (openBlock(), createElementBlock("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"
+          class: normalizeClass(unref(labelClasses))
+        }, toDisplayString(__props.label), 3)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([
+            { "border border-on-error": !!__props.errorMsg },
+            unref($attrs).disabled ? "pointer-events-none bg-p-gray-10" : "bg-white"
           ])
         }, [
-          e.multiple || e.searchable ? (i(), r("div", {
+          __props.multiple || __props.searchable ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: c(e.topSectionClass)
+            class: normalizeClass(__props.topSectionClass)
           }, [
-            e.multiple ? (i(), r("div", {
+            __props.multiple ? (openBlock(), createElementBlock("div", {
               key: 0,
               ref_key: "actionsContainer",
-              ref: N,
+              ref: actionsContainer,
               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", {
+              createElementVNode("p", _hoisted_2$2, toDisplayString(unref(computedItems).length) + " items", 1),
+              createElementVNode("div", _hoisted_3$2, [
+                unref(computedItems).length === unref(internalItems).length ? (openBlock(), createElementBlock("a", {
                   key: 0,
-                  class: c([
-                    t(z).length !== t(x).length ? "cursor-pointer" : "pointer-events-none opacity-50"
+                  class: normalizeClass([
+                    unref(selectedItems).length !== unref(internalItems).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", {
+                  onClick: _cache[0] || (_cache[0] = //@ts-ignore
+                  (...args) => unref(selectAll) && unref(selectAll)(...args))
+                }, " Select all ", 2)) : (openBlock(), createElementBlock("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))
+                  class: normalizeClass([unref(computedInsideSelected) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
+                  onClick: _cache[1] || (_cache[1] = //@ts-ignore
+                  (...args) => unref(selectAll) && unref(selectAll)(...args))
                 }, " 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))
+                _hoisted_4$2,
+                createElementVNode("a", {
+                  class: normalizeClass([unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
+                  onClick: _cache[2] || (_cache[2] = //@ts-ignore
+                  (...args) => unref(clearAll) && unref(clearAll)(...args))
                 }, " Clear all ", 2)
               ])
-            ], 512)) : b("", !0),
-            e.searchable ? (i(), r("div", {
+            ], 512)) : createCommentVNode("", true),
+            __props.searchable ? (openBlock(), createElementBlock("div", {
               key: 1,
-              class: c([{ "mt-3": e.multiple }])
+              class: normalizeClass([{ "mt-3": __props.multiple }])
             }, [
-              de(Ee, {
+              createVNode(PInputSearch, {
                 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)
+                ref: inputSearch,
+                modelValue: unref(search),
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(search) ? search.value = $event : null),
+                size: __props.size,
+                placeholder: __props.placeholderSearch,
+                onFocus: unref(onFocus)
               }, null, 8, ["modelValue", "size", "placeholder", "onFocus"])
-            ], 2)) : b("", !0)
-          ], 2)) : b("", !0),
-          l("div", {
+            ], 2)) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
             ref_key: "virtualizerRef",
-            ref: R,
-            style: I(C.value),
-            class: c(["overflow-y-auto", { "mt-3": e.multiple || e.searchable }])
+            ref: virtualizerRef,
+            style: normalizeStyle(scrollerStyle.value),
+            class: normalizeClass(["overflow-y-auto", { "mt-3": __props.multiple || __props.searchable }])
           }, [
-            l("div", {
+            createElementVNode("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))
+              style: normalizeStyle({ height: `${unref(rowVirtualizer).getTotalSize()}px` }),
+              onFocus: _cache[4] || (_cache[4] = //@ts-ignore
+              (...args) => unref(onFocus) && unref(onFocus)(...args)),
+              onMousemove: _cache[5] || (_cache[5] = //@ts-ignore
+              (...args) => unref(onMousemove) && unref(onMousemove)(...args))
             }, [
-              (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))
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rowVirtualizer).getVirtualItems(), (row) => {
+                return openBlock(), createElementBlock("div", {
+                  key: row.index,
+                  class: "absolute left-0 top-0 w-full",
+                  "p-select-list-option": "",
+                  style: normalizeStyle({ height: `${row.size}px`, transform: `translateY(${row.start}px)` })
                 }, [
-                  l("div", {
-                    class: c(["flex items-center", { [t(K)[e.size]]: !e.itemSize }])
+                  withDirectives((openBlock(), createElementBlock("div", {
+                    class: normalizeClass([unref(LIST_ITEM_CLASS), { [unref(LIST_ITEM_ACTIVE_CLASS)]: unref(isSelected)(unref(getValue)(row.index)) }]),
+                    "p-select-list-option-item": "",
+                    style: normalizeStyle(listItemStyle.value),
+                    onClick: ($event) => unref(select)($event, unref(getValue)(row.index))
                   }, [
-                    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))
+                    createElementVNode("div", {
+                      class: normalizeClass(["flex items-center", { [unref(SIZES)[__props.size]]: !__props.itemSize }])
+                    }, [
+                      renderSlot(_ctx.$slots, "item", {
+                        item: unref(computedItems)[row.index],
+                        isItemSelected: unref(isSelected)(unref(getValue)(row.index)),
+                        itemTextSplit: unref(splitStringForHighlight)(unref(toString)(unref(getText)(row.index)), unref(search))
+                      }, () => [
+                        createElementVNode("div", {
+                          class: "truncate text-p-purple-60",
+                          title: unref(toString)(unref(getText)(row.index))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(splitStringForHighlight)(unref(toString)(unref(getText)(row.index)), unref(search)), (str, index) => {
+                            return openBlock(), createElementBlock("span", {
+                              key: `${unref(getValue)(row.index)}_${index}`,
+                              class: normalizeClass({ "bg-p-blue-20": index === 1 })
+                            }, toDisplayString(str), 3);
+                          }), 128))
+                        ], 8, _hoisted_6$2)
+                      ]),
+                      unref(isSelected)(unref(getValue)(row.index)) ? (openBlock(), createElementBlock("img", _hoisted_7$1)) : createCommentVNode("", true)
+                    ], 2)
+                  ], 14, _hoisted_5$2)), [
+                    [_directive_close_popper, __props.closePopperOnSelect && !__props.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]])
+            !unref(computedItems).length ? renderSlot(_ctx.$slots, "no-items", { key: 0 }, () => [
+              createElementVNode("div", {
+                class: normalizeClass(["flex items-center justify-center", unref(SIZES)[__props.size]])
               }, "No items found", 2)
-            ])
+            ]) : createCommentVNode("", true)
           ], 6)
         ], 2),
-        Q(l("div", {
-          class: c(t(k))
-        }, v(e.errorMsg), 3), [
-          [ne, e.errorMsg]
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
         ])
-      ], 14, et);
+      ], 14, _hoisted_1$2);
     };
   }
-}), at = ["data-col-id"], nt = { class: "flex" }, dt = ["onMousedown", "onDblclick"], ct = {
+});
+const _hoisted_1$1 = ["data-col-id"];
+const _hoisted_2$1 = { class: "flex" };
+const _hoisted_3$1 = ["onMousedown", "onDblclick"];
+const _hoisted_4$1 = {
   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",
+};
+const _hoisted_5$1 = { key: 0 };
+const _hoisted_6$1 = { key: 1 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ 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 },
+    colsResizable: { type: Boolean, default: false },
+    isFirstColFixed: { type: Boolean, default: false },
+    isLastColFixed: { type: Boolean, default: false },
+    lockScroll: { type: Boolean, default: false },
     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)
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    provide(
+      colsInjectionKey,
+      computed(() => props.cols)
+    );
+    provide(
+      isFirstColFixedInjectionKey,
+      computed(() => props.isFirstColFixed)
+    );
+    provide(
+      isLastColFixedInjectionKey,
+      computed(() => props.isLastColFixed)
+    );
+    provide(
+      isColsResizableInjectionKey,
+      computed(() => props.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;
+    const scrollWrapper = ref(null);
+    const ths = ref([]);
+    const {
+      isColResizing,
+      colResizeHandleLeft,
+      colResizingIndex,
+      colResizingWidth,
+      colResize,
+      colResizeStart,
+      colResizeFitToData
+    } = usePTableColResize({
+      enabled: computed(() => props.colsResizable),
+      ths
+    });
+    const updateThsRefs = (el, index) => {
+      if (el instanceof Element) {
+        ths.value[index] = el;
+      }
+    };
+    const emitScroll = (e) => {
+      emit("scroll", e);
     };
-    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", {
+    const thDivClasses = (i, col) => {
+      const res = ["relative", "py-2"];
+      if (!col.borderColor) {
+        res.push("border-b border-p-gray-30");
+      }
+      if (i === 0 && props.isFirstColFixed || i === props.cols.length - 1 && props.isLastColFixed) {
+        res.push("th-shadow px-4");
+      } else {
+        !props.colsResizable ? res.push("px-2") : res.push("pl-2 pr-4");
+      }
+      return res;
+    };
+    onMounted(() => {
+      var _a;
+      (_a = scrollWrapper.value) == null ? void 0 : _a.addEventListener("scroll", emitScroll, true);
+    });
+    onBeforeUnmount(() => {
+      var _a;
+      (_a = scrollWrapper.value) == null ? void 0 : _a.removeEventListener("scroll", emitScroll, true);
+    });
+    watch(isColResizing, (nV) => {
+      if (nV === false && colResizingWidth.value > 0) {
+        emit("col-resize", colResizingIndex.value, colResizingWidth.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", {
         ref_key: "scrollWrapper",
-        ref: g,
-        class: c(["block border border-p-gray-30", s.lockScroll ? "overflow-hidden" : "overflow-x-auto"])
+        ref: scrollWrapper,
+        class: normalizeClass(["block border border-p-gray-30", _ctx.lockScroll ? "overflow-hidden" : "overflow-x-auto"])
       }, [
-        t(y) ? (i(), r("div", {
+        unref(isColResizing) ? (openBlock(), createElementBlock("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`
+          style: normalizeStyle({
+            top: `${(_a = scrollWrapper.value) == null ? void 0 : _a.offsetTop}px`,
+            left: unref(colResizeHandleLeft),
+            height: `${(_b = scrollWrapper.value) == null ? void 0 : _b.offsetHeight}px`
           }),
           "data-resize-y-axis": ""
-        }, null, 4)) : b("", !0),
-        l("table", W({
+        }, null, 4)) : createCommentVNode("", true),
+        createElementVNode("table", mergeProps({
           class: [
             "p-table mb-0 w-full bg-surface",
-            { "last-col-fixed": s.isLastColFixed },
-            { "first-col-fixed": s.isFirstColFixed }
+            { "last-col-fixed": _ctx.isLastColFixed },
+            { "first-col-fixed": _ctx.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)
+        }, toHandlers(_ctx.colsResizable ? { mousemove: unref(colResize) } : {}, true)), [
+          createElementVNode("thead", null, [
+            createElementVNode("tr", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.cols, (col, i) => {
+                return openBlock(), createElementBlock("th", mergeProps({
+                  ref_for: true,
+                  ref: (el) => updateThsRefs(el, i),
+                  key: col.id,
+                  "data-col-id": col.id
+                }, col.thAttrs, {
+                  style: col.style,
+                  class: "bg-surface"
+                }), [
+                  createElementVNode("div", {
+                    class: normalizeClass(thDivClasses(i, col))
+                  }, [
+                    createElementVNode("div", _hoisted_2$1, [
+                      renderSlot(_ctx.$slots, `prepend-header-cell-${unref(kebabCase)(col.name)}`, { col }, void 0, true),
+                      createVNode(PTableHeaderCell, mergeProps({
+                        text: col.title,
+                        "filter-active": col.filterActive,
+                        "show-filter-icon": col.filterable || col.sortable,
+                        "tooltip-text": col.tooltip,
+                        class: [{ "pl-2": i === 1 && _ctx.isFirstColFixed, "pr-2": i === _ctx.cols.length && _ctx.isLastColFixed }, "grow"]
+                      }, col.headerCellAttrs, {
+                        onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
+                      }), null, 16, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "onClickFilterIcon"])
+                    ]),
+                    _ctx.colsResizable && i !== 0 && !(i === _ctx.cols.length - 1 && _ctx.isLastColFixed) ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(["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", i === _ctx.cols.length - 1 ? " after:right-0" : " after:right-1"]),
+                      "data-resize-handle": "",
+                      onMousedown: ($event) => unref(colResizeStart)($event, i),
+                      onDblclick: ($event) => unref(colResizeFitToData)(i)
+                    }, null, 42, _hoisted_3$1)) : createCommentVNode("", true),
+                    createElementVNode("div", {
+                      class: normalizeClass(["absolute bottom-0 h-1 w-full", _ctx.colsResizable ? "-left-1" : "left-0"]),
+                      style: normalizeStyle({ background: col.borderColor })
+                    }, null, 6)
+                  ], 2)
+                ], 16, _hoisted_1$1);
+              }), 128)),
+              _ctx.colsResizable && !_ctx.isLastColFixed ? (openBlock(), createElementBlock("th", _hoisted_4$1)) : createCommentVNode("", true)
             ])
           ]),
-          l("tbody", null, [
-            s.virtualizer.paddingTop > 0 ? (i(), r("tr", ut, [
-              l("td", {
-                style: I({ height: `${s.virtualizer.paddingTop}px` })
+          createElementVNode("tbody", null, [
+            _ctx.virtualizer.paddingTop > 0 ? (openBlock(), createElementBlock("tr", _hoisted_5$1, [
+              createElementVNode("td", {
+                style: normalizeStyle({ height: `${_ctx.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` })
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "default", {}, void 0, true),
+            _ctx.virtualizer.paddingBottom > 0 ? (openBlock(), createElementBlock("tr", _hoisted_6$1, [
+              createElementVNode("td", {
+                style: normalizeStyle({ height: `${_ctx.virtualizer.paddingBottom}px` })
               }, null, 4)
-            ])) : b("", !0)
+            ])) : createCommentVNode("", true)
           ])
         ], 16)
       ], 2);
     };
   }
-}), Yt = /* @__PURE__ */ ee(ft, [["__scopeId", "data-v-170d774b"]]), mt = Y({
+});
+const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-170d774b"]]);
+const _sfc_main = defineComponent({
   name: "PTableSort",
   props: {
     modelValue: {
       type: String,
-      default: X.NO_SORTING,
-      validator(e) {
-        return Object.values(X).includes(e);
+      default: SORTING_TYPES.NO_SORTING,
+      validator(value) {
+        return Object.values(SORTING_TYPES).includes(value);
       }
     }
   },
   emits: ["update:modelValue"],
   data() {
     return {
-      SORTING_TYPES: X
+      SORTING_TYPES
     };
   }
-}), 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 = {
+});
+const _imports_0 = "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";
+const _imports_1 = "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";
+const _imports_2 = "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";
+const _imports_3 = "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";
+const _hoisted_1 = { class: "flex items-center justify-between" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1);
+const _hoisted_3 = { class: "mt-2" };
+const _hoisted_4 = {
   key: 0,
-  src: ht
-}, Pt = {
+  src: _imports_0
+};
+const _hoisted_5 = {
   key: 1,
-  src: gt
-}, wt = {
+  src: _imports_1
+};
+const _hoisted_6 = {
   key: 0,
-  src: vt
-}, Tt = {
+  src: _imports_2
+};
+const _hoisted_7 = {
   key: 1,
-  src: Ct
+  src: _imports_3
 };
-function It(e, S, u, m, g, C) {
-  return i(), r("div", null, [
-    l("div", yt, [
-      xt,
-      l("div", {
-        class: c([
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", null, [
+    createElementVNode("div", _hoisted_1, [
+      _hoisted_2,
+      createElementVNode("div", {
+        class: normalizeClass([
           "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"
+          [_ctx.SORTING_TYPES.ASC, _ctx.SORTING_TYPES.DESC].includes(_ctx.modelValue) ? "cursor-pointer opacity-100" : "opacity-50"
         ]),
-        onClick: S[0] || (S[0] = (y) => e.$emit("update:modelValue", e.SORTING_TYPES.NO_SORTING))
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.NO_SORTING))
       }, " Clear ", 2)
     ]),
-    l("div", bt, [
-      l("div", {
+    createElementVNode("div", _hoisted_3, [
+      createElementVNode("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))
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.ASC))
       }, [
-        l("div", {
-          class: c(["text-sm font-semibold text-p-purple-60", { "text-primary": e.modelValue === e.SORTING_TYPES.ASC }])
+        createElementVNode("div", {
+          class: normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.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))
+        createElementVNode("div", null, [
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.DESC ? (openBlock(), createElementBlock("img", _hoisted_4)) : (openBlock(), createElementBlock("img", _hoisted_5))
         ])
       ]),
-      l("div", {
+      createElementVNode("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))
+        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.DESC))
       }, [
-        l("div", {
-          class: c(["text-sm font-semibold text-p-purple-60", { "text-primary": e.modelValue === e.SORTING_TYPES.DESC }])
+        createElementVNode("div", {
+          class: normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.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))
+        createElementVNode("div", null, [
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.ASC ? (openBlock(), createElementBlock("img", _hoisted_6)) : (openBlock(), createElementBlock("img", _hoisted_7))
         ])
       ])
     ])
   ]);
 }
-const Ut = /* @__PURE__ */ ee(mt, [["render", It]]);
+const pTableSort = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 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
+  CURRENCY_INPUT_DEFAULTS,
+  ERROR_MSG,
+  INPUT_BASE,
+  INPUT_ERROR,
+  INPUT_NORMAL,
+  INPUT_SIZES,
+  LABEL_BASE,
+  LABEL_REQUIRED,
+  LABEL_SIZES,
+  MIN_WIDTH_COL_RESIZE,
+  _ as PActionBar,
+  default2 as PAlert,
+  default3 as PAvatar,
+  default4 as PBtn,
+  _2 as PCard,
+  _3 as PCheckbox,
+  default5 as PChips,
+  default6 as PCloseBtn,
+  default7 as PDatePicker,
+  default8 as PDrawer,
+  default9 as PDropdown,
+  a as PDropdownSelect,
+  pFileUpload as PFileUpload,
+  default10 as PFilterIcon,
+  default11 as PInfoIcon,
+  default12 as PInlineDatePicker,
+  default13 as PInput,
+  default14 as PInputNumber,
+  _4 as PInputPercent,
+  PInputSearch,
+  default15 as PLoading,
+  default16 as PModal,
+  _5 as PPagination,
+  _6 as PPaginationInfo,
+  default17 as PProgressBar,
+  _7 as PRingLoader,
+  _8 as PSelect,
+  _9 as PSelectBtn,
+  _sfc_main$2 as PSelectList,
+  default18 as PSelectPill,
+  default19 as PSkeletonLoader,
+  pTable as PTable,
+  PTableHeaderCell,
+  _10 as PTableLoader,
+  pTableSort as PTableSort,
+  default20 as PTableTd,
+  _11 as PTabs,
+  default21 as PTextarea,
+  default22 as PToggle,
+  SELECT_ARROW,
+  SELECT_BASE,
+  SELECT_SIZES,
+  SORTING_TYPES,
+  SPACING_LEFT,
+  SPACING_PREFIX,
+  SPACING_RIGHT,
+  SPACING_SUFFIX,
+  TEXTAREA_BASE,
+  colsInjectionKey,
+  config,
+  createPagingRange,
+  getColor,
+  getColorDeep,
+  getNextActiveElement,
+  getScreen,
+  default23 as inputClassesMixin,
+  isColsResizableInjectionKey,
+  isElement,
+  isFirstColFixedInjectionKey,
+  isLastColFixedInjectionKey,
+  isObject,
+  isVisible,
+  setupListKeyboardNavigation,
+  splitStringForHighlight,
+  toNumberOrNull,
+  toString,
+  useInputClasses,
+  usePLoading,
+  usePModal,
+  usePTableColResize,
+  usePTableRowVirtualizer,
+  useSelectList
 };