@fewangsit/wangsvue-fats 1.0.1-alpha.40 → 1.0.1-alpha.42

package/disposalreporttable/index.es.js

@@ -1,12 +1,12 @@
 import { defineComponent as E, onMounted as I, shallowRef as i, ref as M, createElementBlock as N, openBlock as F, Fragment as L, createElementVNode as d, createVNode as a, mergeProps as P, unref as l, withCtx as U, toDisplayString as _ } from "vue";
 import { AssetServices as V, DisposalServices as q } from "@tagsamurai/fats-api-services";
 import { u as z } from "../assetinfo/index.es.js";
-import { u as O } from "../plugins/basei18n.es.js";
-import { u as W } from "../utils/toast.util.es.js";
+import { u as H } from "../plugins/basei18n.es.js";
+import { u as O } from "../utils/toast.util.es.js";
 import { _ as g } from "../badge/index.es.js";
 import { _ as w } from "../button/index.es.js";
-import { _ as j } from "../buttonfilter/index.es.js";
-import { _ as H } from "../buttonsearch/index.es.js";
+import { _ as W } from "../buttonfilter/index.es.js";
+import { _ as j } from "../buttonsearch/index.es.js";
 import { D as K } from "../datatable/index.es.js";
 import { _ as R } from "../dialogconfirm/index.es.js";
 import { _ as G } from "../image/index.es.js";
@@ -23,6 +23,7 @@ const Y = {
     childTableProps: {},
     tableName: {},
     tableTitle: {},
+    parentHeaders: {},
     useOption: { type: Boolean },
     data: {},
     disableKey: {},
@@ -62,7 +63,7 @@ const Y = {
     I(() => {
       S();
     });
-    const p = W(), { t: s } = O(), { setLoading: m } = z(), c = i(!1), f = i(!1), D = i(0), y = i([]), b = i(), r = i([]), n = M(
+    const p = O(), { t: s } = H(), { setLoading: m } = z(), c = i(!1), f = i(!1), D = i(0), y = i([]), b = i(), r = i([]), n = M(
       /* @__PURE__ */ new Map()
     ), C = [
       {
@@ -72,10 +73,10 @@ const Y = {
         fixed: !0,
         sortable: !0,
         excluded: !0,
-        bodyComponent: (o) => ({
+        bodyComponent: (t) => ({
           component: G,
           props: {
-            src: o.assetImageBig,
+            src: t.assetImageBig,
             description: "asset-report-photo",
             size: "small"
           }
@@ -86,9 +87,9 @@ const Y = {
         field: "name.nameWithSequence",
         sortable: !0,
         fixed: !0,
-        bodyTemplate: (o) => {
+        bodyTemplate: (t) => {
           var e;
-          return ((e = o.name) == null ? void 0 : e.nameWithSequence) ?? "-";
+          return ((e = t.name) == null ? void 0 : e.nameWithSequence) ?? "-";
         }
       },
       {
@@ -96,12 +97,12 @@ const Y = {
         field: "brand.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (t) => {
           var e;
           return {
             component: g,
             props: {
-              label: (e = o.brand) == null ? void 0 : e.name,
+              label: (e = t.brand) == null ? void 0 : e.name,
               severity: "dark",
               format: "nowrap"
             }
@@ -113,12 +114,12 @@ const Y = {
         field: "model.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (t) => {
           var e;
           return {
             component: g,
             props: {
-              label: (e = o.model) == null ? void 0 : e.name,
+              label: (e = t.model) == null ? void 0 : e.name,
               severity: "dark",
               format: "nowrap"
             }
@@ -130,12 +131,12 @@ const Y = {
         field: "group.name",
         sortable: !0,
         fixed: !1,
-        bodyComponent: (o) => {
+        bodyComponent: (t) => {
           var e;
           return {
             component: g,
             props: {
-              label: (e = o.group) == null ? void 0 : e.name,
+              label: (e = t.group) == null ? void 0 : e.name,
               format: "nowrap"
             }
           };
@@ -145,21 +146,21 @@ const Y = {
         header: "Note",
         field: "note",
         fixed: !0,
-        bodyComponent: (o) => ({
+        bodyComponent: (t) => ({
           component: Q,
           props: {
-            modelValue: n.value.get(o._id ?? "assetId").notes,
+            modelValue: n.value.get(t._id ?? "assetId").notes,
             placeholder: s("Enter note"),
             rows: 1,
             maxlength: 30
           },
           events: {
             "update:modelValue": (e) => {
-              const t = n.value.get(o._id ?? "assetId");
-              n.value.set(o._id ?? "assetId", {
-                ...t,
+              const o = n.value.get(t._id ?? "assetId");
+              n.value.set(t._id ?? "assetId", {
+                ...o,
                 notes: e
-              }), o.note = e;
+              }), t.note = e;
             }
           }
         })
@@ -167,16 +168,16 @@ const Y = {
     ], S = async () => {
       try {
         m(!0);
-        const o = sessionStorage.getItem("assetsDisposalReport") ?? "[]", { data: e } = await V.getAllAssets({ _id: o });
-        e.data.data.forEach((t) => {
-          n.value.set(t._id ?? "", {
+        const t = sessionStorage.getItem("assetsDisposalReport") ?? "[]", { data: e } = await V.getAllAssets({ _id: t });
+        e.data.data.forEach((o) => {
+          n.value.set(o._id ?? "", {
             notes: null,
-            reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+            reason: ["Damaged", "Missing"].includes(o.status) ? o.status : u.reason
           });
         }), r.value = e.data.data, D.value = e.data.totalRecords;
-      } catch (o) {
-        console.error(o), p.add({
-          error: o,
+      } catch (t) {
+        console.error(t), p.add({
+          error: t,
           message: "Error, failed to get assets. "
         });
       } finally {
@@ -191,39 +192,39 @@ const Y = {
           c.value = !0;
         }
       }
-    ], h = (o) => {
+    ], h = (t) => {
       r.value = r.value.filter(
-        (e) => !o.some((t) => e._id === t._id)
-      ), T(o);
-    }, T = (o) => {
-      o.forEach((e) => {
+        (e) => !t.some((o) => e._id === o._id)
+      ), T(t);
+    }, T = (t) => {
+      t.forEach((e) => {
         n.value.delete(e._id ?? "");
       }), r.value.length || v(), p.add({
         message: s("Success, asset has been removed from the list."),
         severity: "success"
       });
-    }, $ = (o, e) => {
-      o.forEach((t) => {
-        n.value.set(t._id ?? "", {
+    }, $ = (t, e) => {
+      t.forEach((o) => {
+        n.value.set(o._id ?? "", {
           notes: e ?? null,
-          reason: ["Damaged", "Missing"].includes(t.status) ? t.status : u.reason
+          reason: ["Damaged", "Missing"].includes(o.status) ? o.status : u.reason
         });
       });
     }, v = () => {
-      const o = window.location.pathname, e = o.slice(0, o.lastIndexOf("/"));
+      const t = window.location.pathname, e = t.slice(0, t.lastIndexOf("/"));
       u.router.replace(e), sessionStorage.removeItem("assetsDisposalReport");
     }, A = async () => {
-      const o = [];
-      n.value.forEach((e, t) => {
+      const t = [];
+      n.value.forEach((e, o) => {
         const k = {
-          asset: t,
+          asset: o,
           notes: e.notes,
           reason: e.reason
         };
-        o.push(k);
+        t.push(k);
       });
       try {
-        m(!0), await q.postReportDisposal({ data: o }), p.add({
+        m(!0), await q.postReportDisposal({ data: t }), p.add({
           message: s("Success, disposal report has been submitted.")
         }), v();
       } catch (e) {
@@ -235,35 +236,35 @@ const Y = {
         m(!1);
       }
     };
-    return (o, e) => (F(), N(L, null, [
+    return (t, e) => (F(), N(L, null, [
       d("div", Y, [
         d("div", Z, [
           a(J, {
             "assets-to-report": r.value,
-            "onUpdate:assetsToReport": e[0] || (e[0] = (t) => r.value = t),
+            "onUpdate:assetsToReport": e[0] || (e[0] = (o) => r.value = o),
             "selected-data": y.value,
-            "onUpdate:selectedData": e[1] || (e[1] = (t) => y.value = t),
+            "onUpdate:selectedData": e[1] || (e[1] = (o) => y.value = o),
             onNoted: $,
-            onRemoved: e[2] || (e[2] = (t) => h(t)),
+            onRemoved: e[2] || (e[2] = (o) => h(o)),
             "table-name": "disposal-report-page-table"
           }, null, 8, ["assets-to-report", "selected-data"]),
-          a(H, {
+          a(j, {
             class: "ml-auto",
             "table-name": "disposal-report-page-table"
           }),
-          a(j, { "table-name": "disposal-report-page-table" })
+          a(W, { "table-name": "disposal-report-page-table" })
         ]),
         a(X, {
           assets: r.value,
           "table-name": "disposal-report-page-table"
         }, null, 8, ["assets"]),
-        a(K, P(o.$props, {
+        a(K, P(t.$props, {
           columns: C,
           data: r.value,
           lazy: !1,
           options: B,
           rows: 10,
-          onToggleOption: e[3] || (e[3] = (t) => b.value = t),
+          onToggleOption: e[3] || (e[3] = (o) => b.value = o),
           "data-key": "_id",
           "rounded-header": "",
           "selection-type": "checkbox",
@@ -274,18 +275,18 @@ const Y = {
       ]),
       a(R, {
         visible: c.value,
-        "onUpdate:visible": e[4] || (e[4] = (t) => c.value = t),
+        "onUpdate:visible": e[4] || (e[4] = (o) => c.value = o),
         body: l(s)("Are you sure you want to remove it?"),
         "confirm-label": l(s)("Remove"),
         header: l(s)("Remove from List"),
         lists: [b.value],
-        onConfirm: e[5] || (e[5] = (t) => h([b.value])),
+        onConfirm: e[5] || (e[5] = (o) => h([b.value])),
         "list-label": "name.nameWithSequence",
         severity: "danger"
       }, null, 8, ["visible", "body", "confirm-label", "header", "lists"]),
       a(R, {
         visible: f.value,
-        "onUpdate:visible": e[6] || (e[6] = (t) => f.value = t),
+        "onUpdate:visible": e[6] || (e[6] = (o) => f.value = o),
         "confirm-label": l(s)("Continue"),
         header: l(s)("Cancel Report"),
         onConfirm: v,
@@ -300,7 +301,7 @@ const Y = {
       d("div", ee, [
         a(w, {
           label: l(s)("Cancel"),
-          onClick: e[7] || (e[7] = (t) => f.value = !0),
+          onClick: e[7] || (e[7] = (o) => f.value = !0),
           severity: "dark",
           text: ""
         }, null, 8, ["label"]),

package/dropdown/index.d.ts

@@ -237,6 +237,7 @@ export interface DropdownProps {
 export interface DropdownSlots {
   'value': Slot<{ value: string; originalValue: any }>;
   'option': Slot<{ option: Option }>;
+  'footer': Slot<{ options: Option[]; value: OptionValue }>;
   'addon-left': Slot;
   'addon-right': Slot;
 }

package/dropdown/index.es.js

@@ -1,19 +1,19 @@
-import { defineComponent as x, onMounted as ee, computed as u, inject as N, ref as le, shallowRef as I, reactive as ae, watch as $, createBlock as f, openBlock as s, withCtx as r, createVNode as d, normalizeClass as oe, createCommentVNode as T, unref as t, renderSlot as m, mergeProps as j, createSlots as te, normalizeProps as v, guardReactiveProps as c, createElementVNode as ie, toDisplayString as k, createElementBlock as D, Fragment as E, createTextVNode as R, nextTick as re } from "vue";
-import { u as ne } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as se } from "../plugins/WangsVue.es.js";
-import { f as de } from "../utils/filterOptions.util.es.js";
-import { m as ue } from "../utils/mergePropsWithDefaults.util.es.js";
-import { a as pe } from "../utils/textFormatter.util.es.js";
-import { s as fe } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
+import { defineComponent as ee, onMounted as le, computed as u, inject as N, ref as oe, shallowRef as I, reactive as ae, watch as $, createBlock as m, openBlock as s, withCtx as r, createVNode as d, normalizeClass as te, createCommentVNode as T, unref as i, renderSlot as p, mergeProps as j, createSlots as ie, normalizeProps as v, guardReactiveProps as c, createElementVNode as re, toDisplayString as k, createElementBlock as D, Fragment as E, createTextVNode as R, nextTick as ne } from "vue";
+import { u as se } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as de } from "../plugins/WangsVue.es.js";
+import { f as ue } from "../utils/filterOptions.util.es.js";
+import { m as pe } from "../utils/mergePropsWithDefaults.util.es.js";
+import { a as fe } from "../utils/textFormatter.util.es.js";
+import { s as me } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
 import { s as K } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
-import { _ as me } from "../badge/index.es.js";
-import { _ as ve } from "../fieldwrapper/index.es.js";
+import { _ as ve } from "../badge/index.es.js";
+import { _ as ce } from "../fieldwrapper/index.es.js";
 import { _ as B } from "../icon/index.es.js";
-import { _ as ce } from "../inputgroup/index.es.js";
-import { _ as ge } from "../validatormessage/index.es.js";
+import { _ as ge } from "../inputgroup/index.es.js";
+import { _ as ye } from "../validatormessage/index.es.js";
 import { i as z } from "../vendor/lodash-es/isEqual.es.js";
 import { c as F } from "../vendor/lodash-es/cloneDeep.es.js";
-const Ie = /* @__PURE__ */ x({
+const Te = /* @__PURE__ */ ee({
   __name: "Dropdown",
   props: {
     modelValue: { type: [String, Number, Boolean, Object], default: void 0 },
@@ -46,78 +46,78 @@ const Ie = /* @__PURE__ */ x({
   emits: ["update:modelValue", "show", "fieldInfoClick"],
   setup(W, { expose: q, emit: A }) {
     const e = W, O = A;
-    ee(() => {
+    le(() => {
       X();
     });
-    const { locale: p, defaultProps: G } = se("Dropdown"), H = u(() => ue(e, G)), n = N("preset", {}).dropdown, U = N(
+    const { locale: f, defaultProps: G } = de("Dropdown"), H = u(() => pe(e, G)), n = N("preset", {}).dropdown, U = N(
       "preset",
       {}
-    ).inputgroupaddon, g = le(), y = I(!1), b = I(!1), M = u(() => e.invalid || !!a.errorMessage), a = ae({
+    ).inputgroupaddon, g = oe(), y = I(!1), b = I(!1), M = u(() => e.invalid || !!o.errorMessage), o = ae({
       value: e.initialValue !== void 0 ? e.initialValue : e.modelValue
     }), J = u(() => {
       var l;
-      return p.emptySelectionErrorMessage.replace("{label}", e.label).replace(
+      return f.emptySelectionErrorMessage.replace("{label}", e.label).replace(
         "{formattedLabel}",
-        (l = pe(e.label)) == null ? void 0 : l.toLowerCase()
+        (l = fe(e.label)) == null ? void 0 : l.toLowerCase()
       );
-    }), V = u(() => de(e.options)), Q = u(() => {
+    }), V = u(() => ue(e.options)), Q = u(() => {
       var l;
-      return e.loading ? p.loadingPlaceholder : e.placeholder ?? ((l = p.inputPlaceholder) == null ? void 0 : l.replace("{label}", e.label ?? "").replace("{lowercaseLabel}", (e.label ?? "").toLowerCase()));
+      return e.loading ? f.loadingPlaceholder : e.placeholder ?? ((l = f.inputPlaceholder) == null ? void 0 : l.replace("{label}", e.label ?? "").replace("{lowercaseLabel}", (e.label ?? "").toLowerCase()));
     }), X = () => {
       e.useValidator && (Object.assign(
-        a,
-        ne(e.fieldName ?? "dropdown", (l) => !(l != null && l !== "") && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? J.value : re(Y))
-      ), e.initialValue !== void 0 && (a.value = e.initialValue), e.invalid && a.validate());
+        o,
+        se(e.fieldName ?? "dropdown", (l) => !(l != null && l !== "") && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? J.value : ne(Y))
+      ), e.initialValue !== void 0 && (o.value = e.initialValue), e.invalid && o.validate());
     }, Y = () => e.validatorMessage && e.invalid ? e.validatorMessage : !0, Z = (l) => {
-      const { value: o } = l;
-      e.unselectOnReselect ? b.value = !0 : O("update:modelValue", o);
+      const { value: a } = l;
+      e.unselectOnReselect ? b.value = !0 : O("update:modelValue", a);
     }, h = () => {
       if (e.optionValue) {
-        const l = V.value.find((o) => {
-          if (typeof o != "string")
-            return e.dataKey ? a.value[e.dataKey] === o[e.optionValue ?? ""][e.dataKey] : z(
-              F(o[e.optionValue ?? ""]),
-              F(a.value)
+        const l = V.value.find((a) => {
+          if (typeof a != "string")
+            return e.dataKey ? o.value[e.dataKey] === a[e.optionValue ?? ""][e.dataKey] : z(
+              F(a[e.optionValue ?? ""]),
+              F(o.value)
             );
         });
         if (l && typeof l != "string")
           return l[e.optionLabel ?? ""];
-      } else if (a.value && typeof a.value == "object" && e.optionLabel && e.optionLabel in a.value)
-        return a.value[e.optionLabel];
-      return a.value;
+      } else if (o.value && typeof o.value == "object" && e.optionLabel && e.optionLabel in o.value)
+        return o.value[e.optionLabel];
+      return o.value;
     }, _ = () => {
       g.value && g.value.show();
     };
     return $(
       () => e.initialValue,
       (l) => {
-        a.value = l;
+        o.value = l;
       },
       { once: !0 }
     ), $(
       () => e.modelValue,
       (l) => {
-        a.value = l;
+        o.value = l;
       }
     ), $(
-      () => a.value,
-      (l, o) => {
+      () => o.value,
+      (l, a) => {
         setTimeout(() => {
-          e.unselectOnReselect && b.value && (z(l, o) && l !== void 0 && (a.value = void 0), b.value = !1, O("update:modelValue", a.value));
+          e.unselectOnReselect && b.value && (z(l, a) && l !== void 0 && (o.value = void 0), b.value = !1, O("update:modelValue", o.value));
         }, 0);
       }
     ), q({
       showOverlay: _
-    }), (l, o) => (s(), f(ve, {
+    }), (l, a) => (s(), m(ce, {
       info: l.fieldInfo,
       label: e.label,
       mandatory: e.mandatory,
       "show-optional-text": l.showOptionalText,
-      onInfoClick: o[3] || (o[3] = (w) => l.$emit("fieldInfoClick"))
+      onInfoClick: a[3] || (a[3] = (w) => l.$emit("fieldInfoClick"))
     }, {
       default: r(() => [
-        d(ce, {
-          class: oe([
+        d(ge, {
+          class: te([
             {
               "grid grid-cols-[max-content,1fr,max-content]": l.$slots["addon-left"] && l.$slots["addon-right"],
               "grid grid-cols-[1fr,max-content]": !l.$slots["addon-left"] && l.$slots["addon-right"],
@@ -131,85 +131,95 @@ const Ie = /* @__PURE__ */ x({
           default: r(() => {
             var w, C, S, P, L;
             return [
-              l.$slots["addon-left"] ? (s(), f(t(K), {
+              l.$slots["addon-left"] ? (s(), m(i(K), {
                 key: 0,
                 disabled: e.disabled
               }, {
                 default: r(() => [
-                  m(l.$slots, "addon-left")
+                  p(l.$slots, "addon-left")
                 ]),
                 _: 3
               }, 8, ["disabled"])) : T("", !0),
-              d(t(fe), j({
+              d(i(me), j({
                 ref_key: "dropdown",
                 ref: g
               }, e, {
-                modelValue: a.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (i) => a.value = i),
+                modelValue: o.value,
+                "onUpdate:modelValue": a[0] || (a[0] = (t) => o.value = t),
                 "aria-describedby": e.label + "error",
-                "filter-placeholder": e.filterPlaceholder || t(p).filterPlaceholder,
+                "filter-placeholder": e.filterPlaceholder || i(f).filterPlaceholder,
                 invalid: M.value,
                 options: V.value,
                 placeholder: Q.value,
                 pt: {
-                  list: (w = t(n)) == null ? void 0 : w.list({ props: e }),
-                  panel: (C = t(n)) == null ? void 0 : C.panel({ props: e }),
-                  virtualScroller: (S = t(n)) == null ? void 0 : S.virtualScroller({ props: e }),
-                  wrapper: (P = t(n)) == null ? void 0 : P.wrapper({ props: e })
+                  list: (w = i(n)) == null ? void 0 : w.list({ props: e }),
+                  panel: (C = i(n)) == null ? void 0 : C.panel({ props: e }),
+                  virtualScroller: (S = i(n)) == null ? void 0 : S.virtualScroller({ props: e }),
+                  wrapper: (P = i(n)) == null ? void 0 : P.wrapper({ props: e })
                 },
                 "virtual-scroller-options": ((L = V.value) == null ? void 0 : L.length) > 10 ? { itemSize: 32 } : void 0,
                 onChange: Z,
-                onHide: o[1] || (o[1] = (i) => y.value = !1),
-                onShow: o[2] || (o[2] = (i) => (l.$emit("show"), y.value = !0))
-              }), te({
+                onHide: a[1] || (a[1] = (t) => y.value = !1),
+                onShow: a[2] || (a[2] = (t) => (l.$emit("show"), y.value = !0))
+              }), ie({
                 dropdownicon: r(() => [
-                  d(B, v(c(t(n).dropdownicon({ state: { isShowOverlay: y.value } }))), null, 16)
+                  d(B, v(c(i(n).dropdownicon({ state: { isShowOverlay: y.value } }))), null, 16)
                 ]),
                 loadingicon: r(() => [
-                  d(B, v(c(t(n).loadingicon)), null, 16)
+                  d(B, v(c(i(n).loadingicon)), null, 16)
                 ]),
                 filtericon: r(() => [
-                  d(B, v(c(t(n).filtericon)), null, 16)
+                  d(B, v(c(i(n).filtericon)), null, 16)
                 ]),
                 _: 2
               }, [
                 l.loading ? {
                   name: "value",
-                  fn: r(({ placeholder: i }) => [
-                    ie("span", v(c(t(n).loadingplaceholder)), k(i), 17)
+                  fn: r(({ placeholder: t }) => [
+                    re("span", v(c(i(n).loadingplaceholder)), k(t), 17)
                   ]),
                   key: "0"
                 } : {
                   name: "value",
-                  fn: r((i) => [
-                    (H.value.allowNullOption ? i.value !== void 0 : i.value != null) ? m(l.$slots, "value", {
+                  fn: r((t) => [
+                    (H.value.allowNullOption ? t.value !== void 0 : t.value != null) ? p(l.$slots, "value", {
                       key: 0,
-                      originalValue: i.value,
+                      originalValue: t.value,
                       value: h()
                     }, () => [
-                      l.valueType === "badge" ? (s(), f(me, j({ key: 0 }, l.badgeValueProps, {
+                      l.valueType === "badge" ? (s(), m(ve, j({ key: 0 }, l.badgeValueProps, {
                         label: h()
                       }), null, 16, ["label"])) : (s(), D(E, { key: 1 }, [
                         R(k(h()), 1)
                       ], 64))
                     ]) : (s(), D(E, { key: 1 }, [
-                      R(k(i.placeholder), 1)
+                      R(k(t.placeholder), 1)
                     ], 64))
                   ]),
                   key: "1"
                 },
                 l.$slots.option ? {
                   name: "option",
-                  fn: r(({ option: i }) => [
-                    m(l.$slots, "option", { option: i })
+                  fn: r(({ option: t }) => [
+                    p(l.$slots, "option", { option: t })
                   ]),
                   key: "2"
+                } : void 0,
+                l.$slots.footer ? {
+                  name: "footer",
+                  fn: r(({ value: t, options: x }) => [
+                    p(l.$slots, "footer", {
+                      options: x,
+                      value: t
+                    })
+                  ]),
+                  key: "3"
                 } : void 0
               ]), 1040, ["modelValue", "aria-describedby", "filter-placeholder", "invalid", "options", "placeholder", "pt", "virtual-scroller-options"]),
-              l.$slots["addon-right"] ? (s(), f(t(K), {
+              l.$slots["addon-right"] ? (s(), m(i(K), {
                 key: 1,
                 pt: {
-                  root: t(U).root({
+                  root: i(U).root({
                     props: {
                       class: [
                         {
@@ -221,7 +231,7 @@ const Ie = /* @__PURE__ */ x({
                 }
               }, {
                 default: r(() => [
-                  m(l.$slots, "addon-right")
+                  p(l.$slots, "addon-right")
                 ]),
                 _: 3
               }, 8, ["pt"])) : T("", !0)
@@ -229,9 +239,9 @@ const Ie = /* @__PURE__ */ x({
           }),
           _: 3
         }, 8, ["class", "disabled", "invalid", "ring"]),
-        d(ge, {
+        d(ye, {
           id: e.label + "error",
-          message: a.errorMessage
+          message: o.errorMessage
         }, null, 8, ["id", "message"])
       ]),
       _: 3
@@ -239,5 +249,5 @@ const Ie = /* @__PURE__ */ x({
   }
 });
 export {
-  Ie as _
+  Te as _
 };

package/headercell/index.es.js

@@ -0,0 +1,40 @@
+import { defineComponent as n, createElementBlock as t, openBlock as o, normalizeClass as c, createElementVNode as r, normalizeProps as p, guardReactiveProps as i, createBlock as s, createCommentVNode as a, createTextVNode as d, toDisplayString as f } from "vue";
+import { _ as l } from "../icon/index.es.js";
+const m = ["colspan", "rowspan"], u = { class: "flex" }, k = /* @__PURE__ */ n({
+  __name: "HeaderCell",
+  props: {
+    col: {},
+    defaultHeaderRowSpan: {},
+    sortBy: {},
+    sortOrder: {},
+    preset: {}
+  },
+  setup(y) {
+    return (e, h) => (o(), t("th", {
+      class: c([e.col.headerClass, e.col.class]),
+      colspan: e.col.colspan,
+      rowspan: e.col.rowspan ?? e.defaultHeaderRowSpan
+    }, [
+      r("span", p(i(e.preset.headercellcontent)), [
+        r("span", u, [
+          d(f(e.col.header) + " ", 1),
+          e.col.info ? (o(), s(l, {
+            key: 0,
+            info: e.col.info,
+            severity: e.col.infoSeverity,
+            class: "w-[10px] h-[10px]",
+            icon: "info"
+          }, null, 8, ["info", "severity"])) : a("", !0)
+        ]),
+        e.col.sortable ? (o(), s(l, {
+          key: 0,
+          icon: !e.sortBy || e.sortBy != e.col.field ? "arrow-up-down" : e.sortOrder == 1 ? "sort-asc" : "sort-desc",
+          class: "text-base"
+        }, null, 8, ["icon"])) : a("", !0)
+      ], 16)
+    ], 10, m));
+  }
+});
+export {
+  k as _
+};