@3squared/forge-ui-3 0.7.0 → 0.7.2

package/dist/esm/forge-ui-3.js

@@ -1,30 +1,30 @@
-import ge from "primevue/message";
-import { defineComponent as F, openBlock as s, createBlock as k, normalizeProps as ee, guardReactiveProps as te, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as b, renderSlot as _, ref as M, createElementBlock as v, Fragment as N, mergeProps as V, onMounted as ae, watch as ie, computed as w, isRef as le, createTextVNode as z, toDisplayString as h, withDirectives as L, vShow as q, mergeModels as H, useModel as E, createSlots as oe, renderList as j, withKeys as X, useAttrs as me, withModifiers as G, normalizeStyle as he } from "vue";
+import fe from "primevue/message";
+import { defineComponent as F, openBlock as s, createBlock as k, normalizeProps as K, guardReactiveProps as te, withCtx as g, createElementVNode as u, normalizeClass as B, unref as c, createCommentVNode as C, createVNode as b, renderSlot as _, ref as I, createElementBlock as v, Fragment as N, mergeProps as V, onMounted as ae, watch as ie, computed as w, isRef as le, createTextVNode as z, toDisplayString as h, withDirectives as L, vShow as q, mergeModels as H, useModel as E, createSlots as oe, renderList as j, withKeys as Q, useAttrs as ce, withModifiers as G, normalizeStyle as ge } from "vue";
 import { Icon as T } from "@iconify/vue";
 import R from "primevue/button";
-import we from "primevue/toast";
-import xe from "primevue/checkbox";
-import { useField as W } from "vee-validate";
-import ke from "primevue/progressspinner";
-import _e from "primevue/dialog";
+import he from "primevue/toast";
+import we from "primevue/checkbox";
+import { useField as Z } from "vee-validate";
+import xe from "primevue/progressspinner";
+import ke from "primevue/dialog";
 import re from "primevue/inputtext";
-import { vOnClickOutside as $e } from "@vueuse/components";
-import Be from "primevue/menubar";
-import Fe from "vue-multiselect";
-import Se from "primevue/calendar";
-import Ce from "primevue/inputmask";
-import Ve from "primevue/textarea";
-import pe from "primevue/inputnumber";
-import Te from "primevue/chips";
-import Pe from "primevue/progressbar";
-import Me from "primevue/divider";
+import { vOnClickOutside as _e } from "@vueuse/components";
+import $e from "primevue/menubar";
+import Be from "vue-multiselect";
+import Fe from "primevue/calendar";
+import Se from "primevue/inputmask";
+import Ce from "primevue/textarea";
+import me from "primevue/inputnumber";
+import Ve from "primevue/chips";
+import Te from "primevue/progressbar";
+import Pe from "primevue/divider";
 import Ie from "primevue/steps";
-import ze from "primevue/datatable";
+import Me from "primevue/datatable";
 import de from "primevue/dropdown";
-import Oe from "primevue/multiselect";
-import { BlockBlobClient as ve } from "@azure/storage-blob";
-import De from "primevue/image";
-const Ue = {
+import ze from "primevue/multiselect";
+import { BlockBlobClient as pe } from "@azure/storage-blob";
+import Oe from "primevue/image";
+const De = {
   button: {
     root: ({ props: e }) => ({
       class: [
@@ -108,7 +108,7 @@ const Ue = {
       ]
     })
   }
-}, Ae = {
+}, Ue = {
   checkbox: {
     root: () => ({
       class: [
@@ -126,7 +126,7 @@ const Ue = {
       ]
     })
   }
-}, ce = {
+}, Ae = {
   dropdown: {
     root: ({ props: e }) => ({
       class: [
@@ -192,11 +192,13 @@ const Ue = {
     headerCell: (e) => {
       var t, l, a, o;
       return {
-        class: [{
-          "cursor-move": e.props.reorderableColumns,
-          "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((l = e.column) == null ? void 0 : l.context.frozen) || ((a = e.column) == null ? void 0 : a.context.frozen) === "",
-          "overflow-hidden position-relative bg-clip-padding": (o = e.column) == null ? void 0 : o.context.resizable
-        }]
+        class: [
+          {
+            "cursor-move": e.props.reorderableColumns,
+            "position-sticky": ((t = e.column) == null ? void 0 : t.context.frozen) !== void 0 || ((l = e.column) == null ? void 0 : l.context.frozen) || ((a = e.column) == null ? void 0 : a.context.frozen) === "",
+            "overflow-hidden position-relative bg-clip-padding": (o = e.column) == null ? void 0 : o.context.resizable
+          }
+        ]
       };
     },
     roweditorinitbutton: "btn",
@@ -241,7 +243,8 @@ const Ue = {
         "list-unstyled"
       ]
     },
-    columnfilter: "d-flex",
+    columnfilter: "d-flex w-100",
+    filterinput: "w-100",
     filterRowItem: (e) => {
       var t;
       return {
@@ -454,7 +457,7 @@ const Ue = {
 }, Ze = {
   // More PassThrough options defined in ForgeDatepicker.
   calendar: {
-    root: "d-inline-flex relative",
+    root: "d-inline-flex relative w-100",
     input: "form-control",
     panel: ({ props: e }) => ({
       class: [
@@ -525,6 +528,28 @@ const Ue = {
     incrementButton: "btn btn-sm"
   }
 }, Je = {
+  multiselect: {
+    root: ({ props: e }) => ({
+      class: [
+        "form-control d-flex cursor-pointer w-100",
+        {
+          disabled: e.disabled
+        }
+      ]
+    }),
+    panel: "dropdown-menu show",
+    list: "list-unstyled mb-0",
+    item: "dropdown-item d-flex cursor-pointer",
+    header: "d-flex",
+    filterContainer: "d-flex w-100",
+    filterIcon: "d-none",
+    filterInput: "form-control form-control-sm my-2 mx-3",
+    closeButton: "d-none",
+    hiddenInput: "d-none",
+    emptymessage: "mx-3 my-2",
+    trigger: "ms-auto"
+  }
+}, Xe = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -537,7 +562,7 @@ const Ue = {
       class: ["text-white"]
     })
   }
-}, Xe = {
+}, Qe = {
   // More PT options can be found in the ForgeTable file.
   dataTable: {
     datatable: "position-relative",
@@ -597,7 +622,7 @@ const Ue = {
       ]
     })
   }
-}, Qe = {
+}, et = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -618,7 +643,7 @@ const Ue = {
       ]
     })
   }
-}, et = {
+}, tt = {
   // More PassThrough options in component file.
   menubar: {
     menu: ({ instance: e }) => ({
@@ -688,7 +713,7 @@ const Ue = {
       ]
     })
   }
-}, tt = {
+}, at = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -710,7 +735,7 @@ const Ue = {
       class: ["tooltip-inner"]
     }
   }
-}, at = {
+}, lt = {
   selectbutton: {
     root: () => ({
       class: ["btn-group"]
@@ -728,7 +753,7 @@ const Ue = {
       ]
     })
   }
-}, lt = {
+}, ot = {
   progressspinner: {
     spinner: () => ({
       class: [
@@ -736,7 +761,7 @@ const Ue = {
       ]
     })
   }
-}, ot = {
+}, nt = {
   card: {
     root: () => ({
       class: ["card"]
@@ -760,11 +785,11 @@ const Ue = {
       class: ["card-header"]
     })
   }
-}, nt = {
+}, st = {
   divider: {
     root: "border-bottom m-4 w-100"
   }
-}, st = {
+}, it = {
   image: {
     root: "position-relative d-inline-block",
     button: "preview-button",
@@ -777,7 +802,7 @@ const Ue = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, it = {
+}, rt = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -815,35 +840,35 @@ const Ue = {
       };
     }
   }
-}, sl = {
-  ...Qe,
+}, il = {
+  ...et,
+  ...De,
+  ...nt,
   ...Ue,
-  ...ot,
-  ...Ae,
   ...je,
   ...Ne,
   ...Ze,
   ...Ye,
-  ...nt,
-  ...ce,
   ...st,
+  ...Ae,
+  ...it,
   ...Ee,
   ...Re,
   ...Le,
   ...Ge,
-  ...ce,
-  ...et,
-  ...qe,
   ...Je,
+  ...tt,
+  ...qe,
+  ...Xe,
+  ...ot,
   ...lt,
-  ...at,
   ...Ke,
-  ...Xe,
+  ...Qe,
   ...We,
-  ...it,
+  ...rt,
   ...He,
   directives: {
-    ...tt
+    ...at
   }
 }, ne = /* @__PURE__ */ F({
   __name: "ForgeAlert",
@@ -862,8 +887,8 @@ const Ue = {
   setup(e) {
     const t = e;
     return (l, a) => {
-      const o = ge;
-      return s(), k(o, ee(te({ ...l.$attrs, ...t })), {
+      const o = fe;
+      return s(), k(o, K(te({ ...l.$attrs, ...t })), {
         messageicon: g(() => [
           u("div", {
             class: B(t.icon ? "me-2 pe-1" : "")
@@ -887,7 +912,7 @@ const Ue = {
       }, 16);
     };
   }
-}), il = /* @__PURE__ */ F({
+}), rl = /* @__PURE__ */ F({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -896,7 +921,7 @@ const Ue = {
     params: { default: Array }
   },
   setup(e) {
-    const t = M(!1), l = e, a = async () => {
+    const t = I(!1), l = e, a = async () => {
       t.value = !0;
       try {
         await l.action.apply(this, l.params);
@@ -913,11 +938,11 @@ const Ue = {
           disabled: t.value || l.disabled,
           onClick: a
         }), null, 16, ["loading", "disabled"]),
-        b(c(we))
+        b(c(he))
       ], 64);
     };
   }
-}), rt = /* @__PURE__ */ u("div", null, null, -1), dt = ["for"], ye = /* @__PURE__ */ F({
+}), dt = /* @__PURE__ */ u("div", null, null, -1), ut = ["for"], ve = /* @__PURE__ */ F({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
@@ -944,7 +969,7 @@ const Ue = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = t, a = e, { checked: o, handleChange: n, setValue: i, errors: d, errorMessage: y } = W(() => a.name ?? a.label, void 0, {
+    const l = t, a = e, { checked: o, handleChange: n, setValue: i, errors: d, errorMessage: y } = Z(() => a.name ?? a.label, void 0, {
       type: "checkbox",
       checkedValue: !0
     }), r = (p) => {
@@ -957,7 +982,7 @@ const Ue = {
     });
     const m = w(() => d.value.length > 0);
     return (p, x) => {
-      const $ = xe;
+      const $ = we;
       return s(), v(N, null, [
         u("div", V({
           class: "d-flex",
@@ -972,7 +997,7 @@ const Ue = {
             onChange: r
           }), {
             icon: g(() => [
-              rt
+              dt
             ]),
             _: 1
           }, 16, ["id", "modelValue", "input-class"]),
@@ -984,7 +1009,7 @@ const Ue = {
             _(p.$slots, "default", {}, () => [
               z(h(a.label), 1)
             ])
-          ], 10, dt)
+          ], 10, ut)
         ], 16),
         L(u("small", {
           "data-cy": "error",
@@ -995,7 +1020,7 @@ const Ue = {
       ], 64);
     };
   }
-}), ut = { class: "forge-loader" }, be = /* @__PURE__ */ F({
+}), ct = { class: "forge-loader" }, ye = /* @__PURE__ */ F({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1003,8 +1028,8 @@ const Ue = {
   setup(e) {
     const t = e;
     return (l, a) => {
-      const o = ke;
-      return s(), v("div", ut, [
+      const o = xe;
+      return s(), v("div", ct, [
         b(o, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -1012,7 +1037,7 @@ const Ue = {
       ]);
     };
   }
-}), ct = ["href", "target"], rl = /* @__PURE__ */ F({
+}), mt = ["href", "target"], dl = /* @__PURE__ */ F({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1061,10 +1086,10 @@ const Ue = {
         }, null, 8, ["icon", "class"])) : C("", !0),
         z(" " + h(a.label), 1)
       ])
-    ], 10, ct));
+    ], 10, mt));
   }
 });
-function mt(e) {
+function pt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1075,10 +1100,10 @@ function mt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-const pt = { key: 0 }, vt = {
+const vt = { key: 0 }, yt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, dl = /* @__PURE__ */ F({
+}, ul = /* @__PURE__ */ F({
   __name: "ForgeModal",
   props: /* @__PURE__ */ H({
     cancelText: { default: "Cancel" },
@@ -1123,7 +1148,7 @@ const pt = { key: 0 }, vt = {
   }),
   emits: ["update:visible"],
   setup(e) {
-    const t = E(e, "visible"), l = M(!1), a = e, o = M(!1), n = M({
+    const t = E(e, "visible"), l = I(!1), a = e, o = I(!1), n = I({
       hasError: !1,
       header: "",
       message: []
@@ -1141,7 +1166,7 @@ const pt = { key: 0 }, vt = {
           (p || p == null) && y();
         } catch (p) {
           n.value.hasError = !0;
-          const x = mt(p);
+          const x = pt(p);
           n.value.header = x.errorMessage, n.value.message = x.errorDetails;
         }
         o.value = !1;
@@ -1155,7 +1180,7 @@ const pt = { key: 0 }, vt = {
       ]
     }));
     return (p, x) => {
-      const $ = R, P = _e;
+      const $ = R, P = ke;
       return s(), k(P, V(a, {
         onMaximize: d,
         onUnmaximize: i,
@@ -1192,22 +1217,22 @@ const pt = { key: 0 }, vt = {
                 u("p", {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, h(n.value.header), 3),
-                n.value.message.length > 0 ? (s(), v("ul", pt, [
-                  (s(!0), v(N, null, j(n.value.message, (I) => (s(), v("li", { key: I }, h(I), 1))), 128))
+                n.value.message.length > 0 ? (s(), v("ul", vt, [
+                  (s(!0), v(N, null, j(n.value.message, (M) => (s(), v("li", { key: M }, h(M), 1))), 128))
                 ])) : C("", !0)
               ]),
               _: 1
             })) : C("", !0),
-            _(p.$slots, O, ee(te(f || {}))),
+            _(p.$slots, O, K(te(f || {}))),
             o.value ? _(p.$slots, "loader", { key: 1 }, () => [
-              b(be, { "data-cy": "loader" })
+              b(ye, { "data-cy": "loader" })
             ]) : C("", !0)
           ])
         })),
         p.showFooter ? {
           name: "footer",
           fn: g(() => [
-            u("div", vt, [
+            u("div", yt, [
               b($, {
                 label: p.cancelText,
                 class: B(a.cancelClass),
@@ -1230,11 +1255,10 @@ const pt = { key: 0 }, vt = {
       ]), 1040, ["pt"]);
     };
   }
-}), yt = ["id"], bt = { key: 0 }, ft = { key: 0 }, gt = { class: "d-flex justify-content-between align-items-center position-relative" }, ht = { key: 1 }, wt = { "data-cy": "readonly-value" }, xt = /* @__PURE__ */ F({
+}), bt = ["id"], ft = { key: 0 }, gt = { key: 0 }, ht = { class: "d-flex justify-content-between align-items-center position-relative" }, wt = { key: 1 }, xt = { "data-cy": "readonly-value" }, kt = /* @__PURE__ */ F({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ H({
     name: { default: "" },
-    rules: {},
     completeAction: {},
     errorAction: {},
     params: { default: Array },
@@ -1246,7 +1270,7 @@ const pt = { key: 0 }, vt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, l = E(e, "modelValue"), a = M(!1), o = M(), n = () => {
+    const t = e, l = E(e, "modelValue"), a = I(!1), o = I(), n = () => {
       var $;
       a.value = !a.value, ($ = o.value) == null || $.focus();
     }, i = async () => {
@@ -1264,7 +1288,9 @@ const pt = { key: 0 }, vt = {
       a.value = !a.value;
     }, y = () => {
       p.value = null;
-    }, { errorMessage: r, errors: m, value: p } = W(() => t.name, t.rules);
+    }, { errorMessage: r, errors: m, value: p } = Z(() => t.name, void 0, {
+      initialValue: l.value
+    });
     ae(() => {
       p.value = l.value;
     });
@@ -1274,13 +1300,13 @@ const pt = { key: 0 }, vt = {
       return s(), v("div", {
         id: t.name
       }, [
-        $.readonly ? (s(), v("div", ht, [
+        $.readonly ? (s(), v("div", wt, [
           _($.$slots, "default", {}, () => [
-            u("span", wt, h(c(p)), 1)
+            u("span", xt, h(c(p)), 1)
           ])
-        ])) : (s(), v("div", bt, [
-          a.value ? (s(), v("div", ft, [
-            L((s(), v("div", gt, [
+        ])) : (s(), v("div", ft, [
+          a.value ? (s(), v("div", gt, [
+            L((s(), v("div", ht, [
               _($.$slots, "editor", {
                 class: B({ "is-invalid": x.value }),
                 editFinished: i,
@@ -1296,8 +1322,8 @@ const pt = { key: 0 }, vt = {
                   modelModifiers: { trim: !0 },
                   class: B({ "is-invalid": x.value }),
                   onKeydown: [
-                    X(i, ["enter"]),
-                    X(d, ["esc"])
+                    Q(i, ["enter"]),
+                    Q(d, ["esc"])
                   ]
                 }, null, 8, ["modelValue", "class"])
               ]),
@@ -1305,11 +1331,11 @@ const pt = { key: 0 }, vt = {
                 icon: "bi:x-circle",
                 class: "mx-2 cursor-pointer",
                 onClick: y,
-                onKeydown: X(y, ["enter"]),
+                onKeydown: Q(y, ["enter"]),
                 "data-cy": "clear-icon"
               })
             ])), [
-              [c($e), i]
+              [c(_e), i]
             ])
           ])) : (s(), v("div", {
             key: 1,
@@ -1332,7 +1358,7 @@ const pt = { key: 0 }, vt = {
                   icon: "bi:pencil",
                   class: B(x.value ? "text-invalid" : "text-muted"),
                   "data-cy": "edit-icon",
-                  onKeydown: X(n, ["enter"])
+                  onKeydown: Q(n, ["enter"])
                 }, null, 8, ["class"])
               ]),
               _: 1
@@ -1345,10 +1371,10 @@ const pt = { key: 0 }, vt = {
         }, h(c(r)), 513), [
           [q, x.value]
         ])
-      ], 8, yt);
+      ], 8, bt);
     };
   }
-}), kt = ["href"], ul = /* @__PURE__ */ F({
+}), _t = ["href"], cl = /* @__PURE__ */ F({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1393,7 +1419,7 @@ const pt = { key: 0 }, vt = {
       })
     }));
     return (a, o) => {
-      const n = Be;
+      const n = $e;
       return s(), k(n, V({ ...t, ...a.$attrs }, {
         pt: l.value,
         "data-cy": "navbar"
@@ -1407,7 +1433,7 @@ const pt = { key: 0 }, vt = {
             _(a.$slots, "logo", {}, () => [
               z(" Logo ")
             ])
-          ], 8, kt)
+          ], 8, _t)
         ]),
         menubuttonicon: g(() => [
           _(a.$slots, "menubuttonicon", {}, () => [
@@ -1424,13 +1450,13 @@ const pt = { key: 0 }, vt = {
         j(a.$slots, (i, d) => ({
           name: d,
           fn: g((y) => [
-            _(a.$slots, d, ee(te(y)))
+            _(a.$slots, d, K(te(y)))
           ])
         }))
       ]), 1040, ["pt"]);
     };
   }
-}), _t = /* @__PURE__ */ u("div", { class: "ps-1" }, "Select all", -1), $t = ["data-cy"], Bt = { class: "ps-1 w-100" }, Ft = { class: "multiselect__tag d-inline-flex" }, St = { class: "my-auto" }, Ct = /* @__PURE__ */ F({
+}), $t = /* @__PURE__ */ u("div", { class: "ps-1" }, "Select all", -1), Bt = ["data-cy"], Ft = { class: "ps-1 w-100" }, St = { class: "multiselect__tag d-inline-flex" }, Ct = { class: "my-auto" }, Vt = /* @__PURE__ */ F({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1438,18 +1464,19 @@ const pt = { key: 0 }, vt = {
     showClearSelection: { type: Boolean, default: !1 },
     expandLeft: { type: Boolean, default: !1 },
     selectValue: { default: "" },
-    rules: {},
     name: { default: "" }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const l = e, a = (U, D) => {
-      const J = {
+      const X = {
         ...D,
         $isDisabled: D.$isDisabled ?? !1
       };
-      U(J);
-    }, o = me(), n = t, { errors: i, value: d, errorMessage: y } = W(() => l.name, l.rules), r = M(!1), m = w(() => ({
+      U(X);
+    }, o = ce(), n = t, { errors: i, value: d, errorMessage: y } = Z(() => l.name, void 0, {
+      initialValue: o.modelValue
+    }), r = I(!1), m = w(() => ({
       multiple: !0,
       label: "label",
       trackBy: "id",
@@ -1462,17 +1489,17 @@ const pt = { key: 0 }, vt = {
       searchable: !!(o.searchable === null || o.searchable) && o.modelValue.length === o.options.length,
       async: !1,
       ...o
-    })), p = w(() => `forge-multiselect-${l.severity}`), x = w(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${$.value ? " multiselect__option--selected" : ""}`), $ = w(() => m.value && !(m.value.multiple || !l.showSelectAll || m.value.async) ? !1 : o.modelValue.length === o.options.length), P = w(() => i.value.length > 0), S = w(() => !!((o.allowEmpty == null || o.allowEmpty) && l.showClearSelection && (m.value.multiple ? o.modelValue.length > 0 : o.modelValue))), O = () => r.value = !0, f = () => r.value = !1, I = () => {
+    })), p = w(() => `forge-multiselect-${l.severity}`), x = w(() => `multiselect__option ${r.value ? " multiselect__option--highlight" : ""} ${$.value ? " multiselect__option--selected" : ""}`), $ = w(() => m.value && !(m.value.multiple || !l.showSelectAll || m.value.async) ? !1 : o.modelValue.length === o.options.length), P = w(() => i.value.length > 0), S = w(() => !!((o.allowEmpty == null || o.allowEmpty) && l.showClearSelection && (m.value.multiple ? o.modelValue.length > 0 : o.modelValue))), O = () => r.value = !0, f = () => r.value = !1, M = () => {
       d.value = m.value.multiple ? [] : null, n("update:modelValue", d.value);
     }, Y = (U) => {
       n("update:modelValue", l.selectValue ? U.map((D) => D[l.selectValue]) : U);
-    }, Z = (U) => o.modelValue !== null ? o.modelValue.some((D) => m.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, se = () => {
-      $.value ? I() : (d.value = [...o.options], n("update:modelValue", [...o.options]));
+    }, J = (U) => o.modelValue !== null ? o.modelValue.some((D) => m.value.selectValue ? U[l.selectValue] === D : U.id === D.id && U.label === D.label) : !1, se = () => {
+      $.value ? M() : (d.value = [...o.options], n("update:modelValue", [...o.options]));
     };
     return (U, D) => {
-      const J = ye;
+      const X = ve;
       return s(), v(N, null, [
-        b(c(Fe), V(m.value, {
+        b(c(Be), V(m.value, {
           class: [p.value, P.value ? "is-invalid" : ""],
           "data-cy": "multiselect",
           "onUpdate:modelValue": [
@@ -1486,7 +1513,7 @@ const pt = { key: 0 }, vt = {
               key: 0,
               icon: "bi:x",
               class: "my-auto multiselect__clear-icon",
-              onMousedown: D[0] || (D[0] = G((K) => I(), ["prevent", "stop"])),
+              onMousedown: D[0] || (D[0] = G((W) => M(), ["prevent", "stop"])),
               "data-cy": "clear",
               height: "18px",
               width: "18px"
@@ -1497,20 +1524,20 @@ const pt = { key: 0 }, vt = {
               class: "multiselect__select"
             }, null, 8, ["onClick"])
           ]),
-          tag: g(({ option: A, remove: K }) => [
-            u("div", Ft, [
-              u("div", St, h(A.label), 1),
+          tag: g(({ option: A, remove: W }) => [
+            u("div", St, [
+              u("div", Ct, h(A.label), 1),
               b(c(T), {
                 icon: "bi:x",
                 class: "my-auto multiselect__tag-icon",
-                onMousedown: G((Ia) => a(K, A), ["prevent", "stop"]),
+                onMousedown: G((za) => a(W, A), ["prevent", "stop"]),
                 height: "18px",
                 width: "18px"
               }, null, 8, ["onMousedown"])
             ])
           ]),
           default: g(() => [
-            (s(!0), v(N, null, j(U.$slots, (A, K) => _(U.$slots, K, { slot: K })), 256))
+            (s(!0), v(N, null, j(U.$slots, (A, W) => _(U.$slots, W, { slot: W })), 256))
           ]),
           _: 2
         }, [
@@ -1527,9 +1554,9 @@ const pt = { key: 0 }, vt = {
                 u("span", {
                   class: B(`${x.value}`)
                 }, [
-                  b(J, { value: $.value }, {
+                  b(X, { value: $.value }, {
                     default: g(() => [
-                      _t
+                      $t
                     ]),
                     _: 1
                   }, 8, ["value"])
@@ -1544,16 +1571,16 @@ const pt = { key: 0 }, vt = {
               u("div", {
                 "data-cy": A.label
               }, [
-                (s(), k(J, {
-                  value: Z(A),
+                (s(), k(X, {
+                  value: J(A),
                   key: A
                 }, {
                   default: g(() => [
-                    u("div", Bt, h(A[m.value.label]), 1)
+                    u("div", Ft, h(A[m.value.label]), 1)
                   ]),
                   _: 2
                 }, 1032, ["value"]))
-              ], 8, $t)
+              ], 8, Bt)
             ]),
             key: "1"
           } : void 0
@@ -1567,17 +1594,17 @@ const pt = { key: 0 }, vt = {
       ], 64);
     };
   }
-}), Vt = {
+}), Tt = {
   key: 0,
   class: "pl-1"
-}, Tt = { class: "border alternating-item-list" }, Pt = {
+}, Pt = { class: "border alternating-item-list" }, It = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Mt = { class: "d-inline-block" }, It = {
+}, Mt = { class: "d-inline-block" }, zt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, cl = /* @__PURE__ */ F({
+}, ml = /* @__PURE__ */ F({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1588,7 +1615,7 @@ const pt = { key: 0 }, vt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const l = e, a = me(), o = t, n = w(() => `${a.modelValue.length} selected`), i = w(() => a.modelValue.length), d = (r) => {
+    const l = e, a = ce(), o = t, n = w(() => `${a.modelValue.length} selected`), i = w(() => a.modelValue.length), d = (r) => {
       o("update:modelValue", r);
     }, y = (r) => {
       d(a.modelValue.filter((m) => m.id !== r));
@@ -1603,7 +1630,7 @@ const pt = { key: 0 }, vt = {
           class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          b(Ct, {
+          b(Vt, {
             "onUpdate:modelValue": [
               m[0] || (m[0] = (x) => d(x)),
               m[1] || (m[1] = (x) => r.$attrs.modelValue = x)
@@ -1616,7 +1643,7 @@ const pt = { key: 0 }, vt = {
               z(h(""))
             ]),
             selection: g(() => [
-              r.$attrs.modelValue.length > 0 ? (s(), v("span", Vt, h(i.value) + " items selected", 1)) : C("", !0)
+              r.$attrs.modelValue.length > 0 ? (s(), v("span", Tt, h(i.value) + " items selected", 1)) : C("", !0)
             ]),
             default: g(() => [
               (s(!0), v(N, null, j(r.$slots, (x, $) => _(r.$slots, $, { slot: $ })), 256))
@@ -1630,11 +1657,11 @@ const pt = { key: 0 }, vt = {
           "data-cy": "options-preview"
         }, [
           u("div", {
-            style: he({ height: r.height }),
+            style: ge({ height: r.height }),
             class: "overflow-auto"
           }, [
-            u("div", Tt, [
-              r.title ? (s(), v("div", Pt, h(r.title), 1)) : C("", !0),
+            u("div", Pt, [
+              r.title ? (s(), v("div", It, h(r.title), 1)) : C("", !0),
               (s(!0), v(N, null, j(r.$attrs.modelValue, (x) => (s(), v("div", {
                 key: x.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
@@ -1658,34 +1685,34 @@ const pt = { key: 0 }, vt = {
                   _: 2
                 }, 1032, ["onClick"])) : C("", !0)
               ]))), 128)),
-              r.$attrs.modelValue.length === 0 ? (s(), v("div", It, "No Items Selected.")) : C("", !0)
+              r.$attrs.modelValue.length === 0 ? (s(), v("div", zt, "No Items Selected.")) : C("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), zt = { class: "d-flex justify-content-between pb-2" }, Ot = {
+}), Ot = { class: "d-flex justify-content-between pb-2" }, Dt = {
   "data-cy": "title",
   class: "my-auto"
-}, Dt = {
+}, Ut = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, ml = /* @__PURE__ */ F({
+}, pl = /* @__PURE__ */ F({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (l, a) => (s(), v("div", zt, [
-      u("h3", Ot, h(t.title), 1),
-      u("div", Dt, [
+    return (l, a) => (s(), v("div", Ot, [
+      u("h3", Dt, h(t.title), 1),
+      u("div", Ut, [
         _(l.$slots, "default")
       ])
     ]));
   }
-}), Ut = { "data-cy": "before-slot" }, At = { class: "position-relative" }, Nt = { "data-cy": "after-slot" }, Et = /* @__PURE__ */ F({
+}), At = { "data-cy": "before-slot" }, Nt = { class: "position-relative" }, Et = { "data-cy": "after-slot" }, Rt = /* @__PURE__ */ F({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ H({
     severity: { default: "primary" },
@@ -1715,7 +1742,7 @@ const pt = { key: 0 }, vt = {
     disabledDates: {},
     disabledDays: {},
     maxDateCount: {},
-    showOnFocus: { type: Boolean },
+    showOnFocus: { type: Boolean, default: !0 },
     autoZIndex: { type: Boolean, default: !0 },
     baseZIndex: { default: 0 },
     showButtonBar: { type: Boolean, default: !1 },
@@ -1852,12 +1879,12 @@ const pt = { key: 0 }, vt = {
       })
     }));
     return (n, i) => {
-      const d = Se;
+      const d = Fe;
       return s(), v(N, null, [
-        u("span", Ut, [
+        u("span", At, [
           _(n.$slots, "before")
         ]),
-        u("div", At, [
+        u("div", Nt, [
           b(d, V({ ...t, ...n.$attrs }, {
             pt: o.value,
             modelValue: l.value,
@@ -1879,13 +1906,13 @@ const pt = { key: 0 }, vt = {
             [q, t.modelValue]
           ])
         ]),
-        u("span", Nt, [
+        u("span", Et, [
           _(n.$slots, "after")
         ])
       ], 64);
     };
   }
-}), pl = /* @__PURE__ */ F({
+}), vl = /* @__PURE__ */ F({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1897,7 +1924,7 @@ const pt = { key: 0 }, vt = {
       class: B(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + h(l.value), 3));
   }
-}), Rt = /* @__PURE__ */ u("hr", null, null, -1), Lt = { class: "d-flex justify-content-between" }, vl = /* @__PURE__ */ F({
+}), Lt = /* @__PURE__ */ u("hr", null, null, -1), Ht = { class: "d-flex justify-content-between" }, yl = /* @__PURE__ */ F({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1909,7 +1936,7 @@ const pt = { key: 0 }, vt = {
     hideCancel: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, l = M(!1), a = M({
+    const t = e, l = I(!1), a = I({
       hasError: !1,
       message: ""
     });
@@ -1936,7 +1963,7 @@ const pt = { key: 0 }, vt = {
               "data-cy": "form-title"
             }, h(n.title), 3)
           ]),
-          Rt
+          Lt
         ], 64)),
         a.value.hasError ? (s(), k(ne, {
           key: 1,
@@ -1953,7 +1980,7 @@ const pt = { key: 0 }, vt = {
           _: 3
         })) : C("", !0),
         _(n.$slots, "default"),
-        u("div", Lt, [
+        u("div", Ht, [
           _(n.$slots, "cancel", {}, () => [
             n.hideCancel ? C("", !0) : (s(), k(d, {
               key: 0,
@@ -1983,17 +2010,17 @@ const pt = { key: 0 }, vt = {
             })
           ])
         ]),
-        l.value ? (s(), k(be, {
+        l.value ? (s(), k(ye, {
           key: 2,
           "data-cy": "loading-spinner"
         })) : C("", !0)
       ], 16);
     };
   }
-}), Ht = {
+}), jt = {
   key: 1,
   class: "d-flex flex-column"
-}, jt = ["for"], yl = /* @__PURE__ */ F({
+}, Yt = ["for"], bl = /* @__PURE__ */ F({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ H({
     name: {},
@@ -2009,14 +2036,14 @@ const pt = { key: 0 }, vt = {
   setup(e) {
     const t = E(e, "modelValue"), l = e, a = (m) => {
       l.type == "number" ? d(m.value) : d(m);
-    }, { errors: o, value: n, errorMessage: i, handleChange: d, handleBlur: y } = W(() => l.name, void 0, {
+    }, { errors: o, value: n, errorMessage: i, handleChange: d, handleBlur: y } = Z(() => l.name, void 0, {
       initialValue: t.value
     }), r = w(() => o.value.length > 0);
     return ie(() => n.value, (m) => {
       t.value = m;
     }, { immediate: !0 }), (m, p) => {
-      const x = Ve, $ = Ce, P = re;
-      return l.type === "checkbox" ? (s(), k(ye, V({
+      const x = Ce, $ = Se, P = re;
+      return l.type === "checkbox" ? (s(), k(ve, V({
         key: 0,
         id: l.name,
         label: l.label
@@ -2024,11 +2051,11 @@ const pt = { key: 0 }, vt = {
         name: l.name,
         modelValue: t.value,
         "onUpdate:modelValue": p[0] || (p[0] = (S) => t.value = S)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (s(), v("div", Ht, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (s(), v("div", jt, [
         u("label", {
           for: l.name
-        }, h(l.label), 9, jt),
-        l.type === "number" ? (s(), k(c(pe), V({
+        }, h(l.label), 9, Yt),
+        l.type === "number" ? (s(), k(c(me), V({
           key: 0,
           id: l.name
         }, m.$attrs, {
@@ -2079,13 +2106,12 @@ const pt = { key: 0 }, vt = {
       ]));
     };
   }
-}), bl = /* @__PURE__ */ F({
+}), fl = /* @__PURE__ */ F({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
     pill: { type: Boolean, default: !1 },
     name: { default: "" },
-    rules: {},
     modelValue: {},
     max: {},
     addOnBlur: { type: Boolean },
@@ -2107,9 +2133,9 @@ const pt = { key: 0 }, vt = {
     unstyled: { type: Boolean }
   },
   setup(e) {
-    const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules);
-    a.value = t.modelValue;
-    const n = w(() => l.value.length > 0), i = w(() => ({
+    const t = e, { errors: l, value: a, errorMessage: o } = Z(() => t.name, void 0, {
+      initialValue: t.modelValue
+    }), n = w(() => l.value.length > 0), i = w(() => ({
       inputtoken: "list-unstyled",
       input: "border-0",
       container: ({ props: d }) => ({
@@ -2141,7 +2167,7 @@ const pt = { key: 0 }, vt = {
       }
     }));
     return (d, y) => {
-      const r = Te;
+      const r = Ve;
       return s(), v(N, null, [
         b(r, V({ ...t, ...d.$attrs }, {
           pt: i.value,
@@ -2168,7 +2194,7 @@ const pt = { key: 0 }, vt = {
       ], 64);
     };
   }
-}), Yt = /* @__PURE__ */ F({
+}), qt = /* @__PURE__ */ F({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2211,7 +2237,7 @@ const pt = { key: 0 }, vt = {
       }
     }));
     return (i, d) => {
-      const y = Pe;
+      const y = Te;
       return s(), k(y, V({ ...i.$attrs, ...t }, { pt: n.value }), {
         default: g(() => [
           _(i.$slots, "default")
@@ -2220,7 +2246,7 @@ const pt = { key: 0 }, vt = {
       }, 16, ["pt"]);
     };
   }
-}), qt = { class: "value text-white w-100 text-center" }, fl = /* @__PURE__ */ F({
+}), Gt = { class: "value text-white w-100 text-center" }, gl = /* @__PURE__ */ F({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2231,15 +2257,15 @@ const pt = { key: 0 }, vt = {
     return (l, a) => (s(), v("div", V(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      u("span", qt, [
+      u("span", Gt, [
         _(l.$slots, "default")
       ])
     ], 16));
   }
-}), Gt = {
+}), Kt = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Kt = { class: "d-flex align-items-center justify-content-center w-100" }, gl = /* @__PURE__ */ F({
+}, Wt = { class: "d-flex align-items-center justify-content-center w-100" }, hl = /* @__PURE__ */ F({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2255,7 +2281,7 @@ const pt = { key: 0 }, vt = {
   },
   emits: ["update:currentStep"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = M(a.currentStep), n = () => {
+    const l = t, a = e, o = I(a.currentStep), n = () => {
       do
         o.value--;
       while (a.model[o.value].disabled);
@@ -2306,9 +2332,9 @@ const pt = { key: 0 }, vt = {
       })
     }));
     return (r, m) => {
-      const p = R, x = Ie, $ = Me;
-      return s(), v("div", Gt, [
-        u("div", Kt, [
+      const p = R, x = Ie, $ = Pe;
+      return s(), v("div", Kt, [
+        u("div", Wt, [
           b(p, {
             severity: a.severity,
             disabled: d.value,
@@ -2362,7 +2388,7 @@ const pt = { key: 0 }, vt = {
       ]);
     };
   }
-}), Wt = { class: "p-4 text-wrap w-100" }, Zt = { class: "p-4 text-wrap w-100" }, hl = /* @__PURE__ */ F({
+}), Zt = { class: "p-4 text-wrap w-100" }, Jt = { class: "p-4 text-wrap w-100" }, wl = /* @__PURE__ */ F({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2381,7 +2407,7 @@ const pt = { key: 0 }, vt = {
         "data-cy": "button-tile"
       }, {
         default: g(() => [
-          u("div", Wt, [
+          u("div", Zt, [
             _(o.$slots, "default", {}, () => [
               z("Tile Content")
             ])
@@ -2393,7 +2419,7 @@ const pt = { key: 0 }, vt = {
         class: B(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
-        u("div", Zt, [
+        u("div", Jt, [
           _(o.$slots, "default", {}, () => [
             z("Tile Content")
           ])
@@ -2402,16 +2428,16 @@ const pt = { key: 0 }, vt = {
     };
   }
 });
-function Q(e, t) {
+function ee(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const Jt = {
+const Xt = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Xt = { class: "ms-2" }, Qt = { key: 0 }, ea = /* @__PURE__ */ u("span", { class: "mx-2" }, "|", -1), ta = {
+}, Qt = { class: "ms-2" }, ea = { key: 0 }, ta = /* @__PURE__ */ u("span", { class: "mx-2" }, "|", -1), aa = {
   class: "w-auto",
   "data-cy": "total"
-}, aa = /* @__PURE__ */ F({
+}, la = /* @__PURE__ */ F({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2424,24 +2450,24 @@ const Jt = {
       l("update:perPage", i.value);
     }, n = w(() => {
       const i = Math.ceil(a.total / a.perPage);
-      return `${i} ${Q(i, "page")}`;
+      return `${i} ${ee(i, "page")}`;
     });
-    return (i, d) => (s(), v("div", Jt, [
+    return (i, d) => (s(), v("div", Xt, [
       z(" Number of results per page "),
-      u("div", Xt, [
+      u("div", Qt, [
         b(c(de), {
           options: a.pageSizes,
           "model-value": a.perPage,
           onChange: d[0] || (d[0] = (y) => o(y))
         }, null, 8, ["options", "model-value"])
       ]),
-      a.total ? (s(), v("div", Qt, [
-        ea,
-        u("span", ta, h(a.total) + " " + h(c(Q)(a.total, "result")) + " across " + h(n.value), 1)
+      a.total ? (s(), v("div", ea, [
+        ta,
+        u("span", aa, h(a.total) + " " + h(c(ee)(a.total, "result")) + " across " + h(n.value), 1)
       ])) : C("", !0)
     ]));
   }
-}), la = { class: "position-relative" }, oa = { "data-cy": "above-table-slot" }, na = { class: "d-flex" }, sa = { class: "d-flex align-items-end mb-2" }, ia = { key: 0 }, ra = { class: "ms-auto" }, da = /* @__PURE__ */ u("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), wl = /* @__PURE__ */ F({
+}), oa = { class: "position-relative" }, na = { "data-cy": "above-table-slot" }, sa = { class: "d-flex" }, ia = { class: "d-flex align-items-end mb-2" }, ra = { key: 0 }, da = { class: "ms-auto" }, ua = /* @__PURE__ */ u("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), xl = /* @__PURE__ */ F({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2521,7 +2547,7 @@ const Jt = {
   },
   emits: ["update:filters", "update:tableContext", "sort", "page"],
   setup(e, { emit: t }) {
-    const l = t, a = e, o = M(), n = M([10, 20, 50, 100]), i = M(20), d = M({
+    const l = t, a = e, o = I(), n = I([10, 20, 50, 100]), i = I(20), d = I({
       filters: a.filters,
       perPage: i.value,
       page: 0,
@@ -2530,7 +2556,7 @@ const Jt = {
       total: a.totalRecords ?? a.value.length
     }), y = w(() => a.totalRecords ?? a.value.length), r = w(() => {
       const f = Math.ceil(y.value / i.value);
-      return `${f} ${Q(f, "page")}`;
+      return `${f} ${ee(f, "page")}`;
     }), m = w(() => ({
       thead: () => ({
         class: [
@@ -2560,8 +2586,8 @@ const Jt = {
     }, x = () => {
       o.value.exportCSV();
     }, $ = (f) => {
-      var I;
-      d.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", d.value.sortField = ((I = f.sortField) == null ? void 0 : I.toString()) ?? "", l("update:tableContext", d.value), l("sort", f);
+      var M;
+      d.value.sortDirection = f.sortOrder === 1 ? "Asc" : f.sortOrder === -1 ? "Desc" : "None", d.value.sortField = ((M = f.sortField) == null ? void 0 : M.toString()) ?? "", l("update:tableContext", d.value), l("sort", f);
     }, P = (f) => {
       d.value.filters = f, l("update:tableContext", d.value), l("update:filters", f);
     }, S = (f) => {
@@ -2571,11 +2597,11 @@ const Jt = {
     };
     return ie(() => a.filters, (f) => {
       d.value.filters = f, l("update:tableContext", d.value);
-    }, { deep: !0 }), ae(() => l("update:tableContext", d.value)), (f, I) => (s(), v("div", la, [
-      u("span", oa, [
+    }, { deep: !0 }), ae(() => l("update:tableContext", d.value)), (f, M) => (s(), v("div", oa, [
+      u("span", na, [
         _(f.$slots, "above-table")
       ]),
-      b(c(ze), V({
+      b(c(Me), V({
         class: ["w-100", `${a.severity ? `forge-table-${a.severity}` : ""}`]
       }, { ...a, ...f.$attrs }, {
         pt: m.value,
@@ -2593,21 +2619,21 @@ const Jt = {
           u("div", {
             class: B(a.loading ? "opacity-50" : "")
           }, [
-            u("div", na, [
-              u("div", sa, [
-                f.paginator && !f.legacyPaginationFooter ? (s(), v("span", ia, [
-                  b(aa, {
+            u("div", sa, [
+              u("div", ia, [
+                f.paginator && !f.legacyPaginationFooter ? (s(), v("span", ra, [
+                  b(la, {
                     total: y.value,
                     "page-sizes": n.value,
                     "per-page": i.value,
                     "onUpdate:perPage": [
-                      I[0] || (I[0] = (Y) => i.value = Y),
+                      M[0] || (M[0] = (Y) => i.value = Y),
                       O
                     ]
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : C("", !0)
               ]),
-              u("div", ra, [
+              u("div", da, [
                 f.showClearButton ? (s(), k(c(R), {
                   key: 0,
                   outlined: "",
@@ -2650,10 +2676,10 @@ const Jt = {
         ]),
         _: 2
       }, [
-        j(f.$slots, (Y, Z) => ({
-          name: Z,
+        j(f.$slots, (Y, J) => ({
+          name: J,
           fn: g((se) => [
-            _(f.$slots, Z, ee(te(se || {})))
+            _(f.$slots, J, K(te(se || {})))
           ])
         })),
         f.legacyPaginationFooter ? {
@@ -2663,11 +2689,11 @@ const Jt = {
               class: B(["d-flex", a.loading ? "opacity-50" : ""]),
               "data-cy": "legacy-page-size"
             }, [
-              da,
+              ua,
               b(c(de), {
                 options: n.value,
                 modelValue: i.value,
-                "onUpdate:modelValue": I[1] || (I[1] = (Y) => i.value = Y),
+                "onUpdate:modelValue": M[1] || (M[1] = (Y) => i.value = Y),
                 class: "ms-2",
                 onClick: O
               }, null, 8, ["options", "modelValue"])
@@ -2681,14 +2707,14 @@ const Jt = {
             u("span", {
               "data-cy": "legacy-total",
               class: B(a.loading ? "opacity-50" : "")
-            }, h(y.value) + " " + h(c(Q)(y.value, "result")) + " across " + h(r.value), 3)
+            }, h(y.value) + " " + h(c(ee)(y.value, "result")) + " across " + h(r.value), 3)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), xl = /* @__PURE__ */ F({
+}), kl = /* @__PURE__ */ F({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
@@ -2696,25 +2722,20 @@ const Jt = {
   },
   setup(e) {
     return (t, l) => {
-      const a = pe;
-      return t.dataType === "numeric" ? (s(), k(a, V({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), k(Et, V({ key: 1 }, t.$attrs, {
+      const a = me;
+      return t.dataType === "numeric" ? (s(), k(a, K(V({ key: 0 }, t.$attrs)), null, 16)) : t.dataType === "date" ? (s(), k(Rt, V({ key: 1 }, t.$attrs, {
         "show-icon": !1,
-        "show-on-focus": !0,
-        class: "w-100"
-      }), null, 16)) : t.dataType === "select" ? (s(), k(c(de), V({ key: 2 }, t.$attrs, {
-        options: t.dropdownOptions,
-        class: "dropdown-input w-100"
-      }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), k(c(Oe), V({ key: 3 }, t.$attrs, {
+        "show-on-focus": !0
+      }), null, 16)) : t.dataType === "select" ? (s(), k(c(de), V({ key: 2 }, t.$attrs, { options: t.dropdownOptions }), null, 16, ["options"])) : t.dataType === "multiselect" ? (s(), k(c(ze), V({ key: 3 }, t.$attrs, {
         options: t.dropdownOptions,
         showToggleAll: !1,
         placeholder: " ",
-        filter: "",
-        class: "w-100 dropdown-input"
-      }), null, 16, ["options"])) : (s(), k(c(re), V({ key: 4 }, t.$attrs, { class: "w-100" }), null, 16));
+        filter: ""
+      }), null, 16, ["options"])) : (s(), k(c(re), K(V({ key: 4 }, t.$attrs)), null, 16));
     };
   }
 });
-function fe(e, t, l, a) {
+function be(e, t, l, a) {
   const o = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
     const i = o.findIndex((y) => y.name === n.name);
@@ -2726,10 +2747,10 @@ function fe(e, t, l, a) {
     })) : t[i].status = "Duplicate";
   }), t;
 }
-async function ua(e, t) {
+async function ca(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
-      await new ve(t).delete();
+      await new pe(t).delete();
     } catch (l) {
       if (l !== "BlobNotFound") {
         e = "DeleteFileFailed";
@@ -2749,13 +2770,13 @@ function ue(e, t = !0, l = 1) {
   while (Math.round(Math.abs(e) * i) / i >= a && n < o.length - 1);
   return e.toFixed(l) + " " + o[n];
 }
-function ca(e) {
+function ma(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function ma(e) {
+function pa(e) {
   return URL.createObjectURL(e);
 }
-const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disabled", "multiple"], ya = /* @__PURE__ */ F({
+const va = { class: "d-flex justify-content-between" }, ya = ["accept", "disabled", "multiple"], ba = /* @__PURE__ */ F({
   __name: "UploadButton",
   props: /* @__PURE__ */ H({
     acceptedFileTypes: {},
@@ -2768,9 +2789,9 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   emits: ["update:modelValue"],
   setup(e) {
     const t = E(e, "modelValue"), l = w(() => e.maxFileInput <= t.value.length), a = (o) => {
-      t.value = fe(o, t.value, e.acceptedFileTypes, e.maxFileInput);
+      t.value = be(o, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (o, n) => (s(), v("div", pa, [
+    return (o, n) => (s(), v("div", va, [
       _(o.$slots, "message"),
       u("div", null, [
         u("input", {
@@ -2781,7 +2802,7 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           disabled: l.value,
           multiple: o.maxFileInput > 1,
           onInput: n[0] || (n[0] = (i) => a([...i.target.files]))
-        }, null, 40, va),
+        }, null, 40, ya),
         u("label", {
           class: B([{ disabled: l.value }, "btn btn-primary"]),
           id: "file-input-button",
@@ -2805,14 +2826,14 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
       }, "Accepted File Types: " + h(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : C("", !0)
     ]));
   }
-}), ba = {
+}), fa = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, fa = {
+}, ga = {
   key: 1,
   class: "d-flex flex-column"
-}, ga = /* @__PURE__ */ F({
+}, ha = /* @__PURE__ */ F({
   __name: "DragDropArea",
   props: /* @__PURE__ */ H({
     maxFileInput: {},
@@ -2824,8 +2845,8 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = E(e, "modelValue"), l = M(!1), a = w(() => e.maxFileInput <= t.value.length), o = (n) => {
-      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || a.value ? n.preventDefault() : t.value = fe([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
+    const t = E(e, "modelValue"), l = I(!1), a = w(() => e.maxFileInput <= t.value.length), o = (n) => {
+      l.value = !1, n.dataTransfer.files.length > e.maxFileInput || a.value ? n.preventDefault() : t.value = be([...n.dataTransfer.files], t.value, e.acceptedFileTypes, e.maxFileSize);
     };
     return (n, i) => (s(), v("div", {
       id: "drag-drop-area",
@@ -2834,7 +2855,7 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
       onDragover: i[1] || (i[1] = G((d) => l.value = !0, ["prevent"])),
       onDrop: G(o, ["prevent"])
     }, [
-      t.value.length === 0 ? (s(), v("div", ba, [
+      t.value.length === 0 ? (s(), v("div", fa, [
         b(c(T), {
           icon: "bi:upload",
           class: "me-2",
@@ -2842,12 +2863,12 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           width: "20px"
         }),
         z(" Drag and drop files here ")
-      ])) : (s(), v("div", fa, [
+      ])) : (s(), v("div", ga, [
         _(n.$slots, "default")
       ]))
     ], 34));
   }
-}), ha = { class: "d-flex align-items-center me-2" }, wa = /* @__PURE__ */ F({
+}), wa = { class: "d-flex align-items-center me-2" }, xa = /* @__PURE__ */ F({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2872,8 +2893,8 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (a, o) => (s(), v("div", ha, [
-      a.uploadStatus === "Uploading" ? (s(), k(Yt, {
+    return (a, o) => (s(), v("div", wa, [
+      a.uploadStatus === "Uploading" ? (s(), k(qt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
@@ -2897,16 +2918,16 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
       }, 8, ["severity"])) : C("", !0)
     ]));
   }
-}), xa = ["data-cy"], ka = { class: "ms-3 d-flex flex-column" }, _a = {
+}), ka = ["data-cy"], _a = { class: "ms-3 d-flex flex-column" }, $a = {
   key: 1,
   id: "file-name"
-}, $a = {
+}, Ba = {
   class: "text-black-50",
   id: "file-type"
-}, Ba = {
+}, Fa = {
   class: "text-black-50",
   id: "file-size"
-}, Fa = { class: "ms-auto my-auto d-flex" }, Sa = /* @__PURE__ */ F({
+}, Sa = { class: "ms-auto my-auto d-flex" }, Ca = /* @__PURE__ */ F({
   __name: "FileInfo",
   props: /* @__PURE__ */ H({
     editableFileName: { type: Boolean },
@@ -2925,7 +2946,7 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }),
   emits: /* @__PURE__ */ H(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const l = E(e, "file"), a = E(e, "blobFileName"), o = E(e, "uploadStatus"), n = t, i = M(l.value.name), d = M(""), y = M(0), r = M(), m = w(() => e.acceptedFileTypes.includes(l.value.type)), p = w(() => l.value.size <= e.maxFileSize), x = () => {
+    const l = E(e, "file"), a = E(e, "blobFileName"), o = E(e, "uploadStatus"), n = t, i = I(l.value.name), d = I(""), y = I(0), r = I(), m = w(() => e.acceptedFileTypes.includes(l.value.type)), p = w(() => l.value.size <= e.maxFileSize), x = () => {
       l.value = new File([l.value], i.value, { type: l.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() });
     }, $ = async () => {
       if (!m.value || !p.value) {
@@ -2940,12 +2961,12 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
       }
       try {
         o.value = "Uploading";
-        const f = new ve(S), I = {
+        const f = new pe(S), M = {
           abortSignal: r.value.signal,
           onProgress: (Y) => y.value = Y.loadedBytes,
           tags: { temp: "true" }
         };
-        await f.uploadData(l.value, I), d.value = S, o.value = "Uploaded", a.value = O;
+        await f.uploadData(l.value, M), d.value = S, o.value = "Uploaded", a.value = O;
       } catch (f) {
         if (f.name === "AbortError") {
           o.value = "Aborted";
@@ -2954,7 +2975,7 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         o.value = "Failed";
       }
     }, P = async () => {
-      await ua(o.value, d.value), n("deleted", l.value);
+      await ca(o.value, d.value), n("deleted", l.value);
     };
     return ae(() => {
       e.autoUploadToBlob && $();
@@ -2965,11 +2986,11 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         "data-cy": `file-info-${l.value.name}`
       }, [
         u("div", null, [
-          c(ca)(l.value.type) ? (s(), k(c(De), {
+          c(ma)(l.value.type) ? (s(), k(c(Oe), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(ma)(l.value),
+            src: c(pa)(l.value),
             alt: l.value.name,
             width: "75px",
             preview: ""
@@ -2981,23 +3002,23 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
             width: "75px"
           }))
         ]),
-        u("div", ka, [
+        u("div", _a, [
           u("div", null, [
-            S.editableFileName ? (s(), k(xt, {
+            S.editableFileName ? (s(), k(kt, {
               key: 0,
               id: "edit-file-name",
               modelValue: i.value,
-              "onUpdate:modelValue": O[0] || (O[0] = (I) => i.value = I),
+              "onUpdate:modelValue": O[0] || (O[0] = (M) => i.value = M),
               rules: S.customFileNameRules,
               name: l.value.name,
               "complete-action": x
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), v("span", _a, h(l.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), v("span", $a, h(l.value.name), 1))
           ]),
-          u("span", $a, "File type: " + h(l.value.type.split("/").pop()), 1),
-          u("span", Ba, "File size: " + h(c(ue)(l.value.size)), 1)
+          u("span", Ba, "File type: " + h(l.value.type.split("/").pop()), 1),
+          u("span", Fa, "File size: " + h(c(ue)(l.value.size)), 1)
         ]),
-        u("div", Fa, [
-          (s(), k(wa, {
+        u("div", Sa, [
+          (s(), k(xa, {
             key: o.value,
             "file-size": l.value.size,
             "upload-status": o.value,
@@ -3019,7 +3040,7 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           o.value === "Uploading" ? (s(), k(f, {
             key: 1,
             link: "",
-            onClick: O[1] || (O[1] = (I) => r.value.value.abort())
+            onClick: O[1] || (O[1] = (M) => r.value.value.abort())
           }, {
             default: g(() => [
               b(c(T), { icon: "bi:x-circle-fill" })
@@ -3037,20 +3058,20 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
             _: 1
           }))
         ])
-      ], 8, xa);
+      ], 8, ka);
     };
   }
-}), Ca = { class: "d-flex justify-content-end mt-1" }, Va = { id: "max-file-size" }, Ta = /* @__PURE__ */ F({
+}), Va = { class: "d-flex justify-content-end mt-1" }, Ta = { id: "max-file-size" }, Pa = /* @__PURE__ */ F({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (s(), v("div", Ca, [
-      u("div", Va, "Max file size: " + h(c(ue)(t.maxFileSize)), 1)
+    return (t, l) => (s(), v("div", Va, [
+      u("div", Ta, "Max file size: " + h(c(ue)(t.maxFileSize)), 1)
     ]));
   }
-}), Pa = { "data-cy": "file-uploader" }, Ma = { key: 0 }, kl = /* @__PURE__ */ F({
+}), Ia = { "data-cy": "file-uploader" }, Ma = { key: 0 }, _l = /* @__PURE__ */ F({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ H({
     acceptedFileTypes: {},
@@ -3070,13 +3091,13 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
     const t = E(e, "modelValue"), l = e, a = (o) => {
       t.value = t.value.filter((n) => n.file != o);
     };
-    return (o, n) => (s(), v("div", Pa, [
-      b(ya, V(l, {
+    return (o, n) => (s(), v("div", Ia, [
+      b(ba, V(l, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i)
       }), null, 16, ["modelValue"]),
       o.showDragDropArea ? (s(), v("div", Ma, [
-        b(ga, {
+        b(ha, {
           "max-file-input": l.maxFileInput,
           "max-file-size": l.maxFileSize,
           "accepted-file-types": l.acceptedFileTypes,
@@ -3085,7 +3106,7 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
         }, {
           default: g(() => [
             (s(!0), v(N, null, j(t.value, ({ file: i }, d) => (s(), v("span", null, [
-              (s(), k(Sa, V({
+              (s(), k(Ca, V({
                 key: i.name,
                 class: d === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[d].file,
@@ -3100,7 +3121,7 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        b(Ta, {
+        b(Pa, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : C("", !0)
@@ -3108,28 +3129,28 @@ const pa = { class: "d-flex justify-content-between" }, va = ["accept", "disable
   }
 });
 export {
-  sl as Bootstrap_PT,
-  il as ForgeActionButton,
+  il as Bootstrap_PT,
+  rl as ForgeActionButton,
   ne as ForgeAlert,
-  ye as ForgeCheckbox,
-  bl as ForgeChips,
-  Et as ForgeDatepicker,
-  kl as ForgeFileUploader,
-  xl as ForgeFilterHeader,
-  vl as ForgeForm,
-  yl as ForgeFormField,
-  xt as ForgeInlineEditor,
-  rl as ForgeLink,
-  be as ForgeLoader,
-  dl as ForgeModal,
-  Ct as ForgeMultiSelect,
-  cl as ForgeMultiSelectPreview,
-  ul as ForgeNavbar,
-  ml as ForgePageHeader,
-  Yt as ForgeProgressBar,
-  pl as ForgeRemainingCharacters,
-  fl as ForgeStatWidget,
-  gl as ForgeStepper,
-  wl as ForgeTable,
-  hl as ForgeTile
+  ve as ForgeCheckbox,
+  fl as ForgeChips,
+  Rt as ForgeDatepicker,
+  _l as ForgeFileUploader,
+  kl as ForgeFilterHeader,
+  yl as ForgeForm,
+  bl as ForgeFormField,
+  kt as ForgeInlineEditor,
+  dl as ForgeLink,
+  ye as ForgeLoader,
+  ul as ForgeModal,
+  Vt as ForgeMultiSelect,
+  ml as ForgeMultiSelectPreview,
+  cl as ForgeNavbar,
+  pl as ForgePageHeader,
+  qt as ForgeProgressBar,
+  vl as ForgeRemainingCharacters,
+  gl as ForgeStatWidget,
+  hl as ForgeStepper,
+  xl as ForgeTable,
+  wl as ForgeTile
 };