@3squared/forge-ui-3 2.5.2 → 2.6.0

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

@@ -1007,6 +1007,86 @@ const He = {
     }
   }
 }, kt = {
+  tree: {
+    node: "m-1",
+    nodeToggleButton: ({ context: e }) => ({
+      class: [
+        "btn py-0 px-1",
+        {
+          invisible: e.leaf
+        }
+      ]
+    }),
+    rootChildren: "d-flex flex-column m-0 list-unstyled",
+    nodeChildren: "list-unstyled ps-3 me-1",
+    nodeContent: ({ context: e }) => ({
+      class: [
+        "dropdown-item d-flex text-wrap align-items-center mb-1",
+        {
+          "cursor-pointer": e.node.selectable || e.node.selectable == null,
+          "bg-primary-subtle border border-primary rounded-2": e.selected
+        }
+      ]
+    }),
+    pcFilterIconContainer: {
+      root: {
+        class: ["position-absolute bottom-0 end-0 me-3"],
+        style: "top: 8%;"
+      }
+    },
+    pcFilterInput: { root: "d-flex cursor-pointer form-control form-control-sm w-100" },
+    pcFilterContainer: { root: "dropdown-item" },
+    filterIcon: "d-none"
+  }
+}, $t = {
+  treeSelect: {
+    root: ({ props: e }) => ({
+      class: [
+        "form-select d-flex cursor-pointer position-relative",
+        {
+          disabled: e.disabled
+        }
+      ]
+    }),
+    dropdown: "d-none",
+    panel: "dropdown-menu overflow-y-auto show",
+    labelContainer: "w-100 me-2",
+    label: "w-100 d-flex ellipsis-overflow",
+    clearIcon: "ms-auto my-auto",
+    header: "p-2 w-100",
+    pcTree: {
+      node: "mx-1",
+      nodeToggleButton: ({ context: e }) => ({
+        class: [
+          "btn py-0 px-1",
+          {
+            invisible: e.leaf
+          }
+        ]
+      }),
+      rootChildren: "d-flex flex-column m-0 list-unstyled",
+      nodeChildren: "list-unstyled ps-3 mb-1 me-1",
+      nodeContent: ({ context: e }) => ({
+        class: [
+          "dropdown-item d-flex text-wrap align-items-center mb-1",
+          {
+            "cursor-pointer": e.node.selectable || e.node.selectable == null,
+            "bg-primary-subtle border border-primary rounded-2": e.selected
+          }
+        ]
+      }),
+      pcFilterIconContainer: {
+        root: {
+          class: ["position-absolute bottom-0 end-0 me-3"],
+          style: "top: 8%;"
+        }
+      },
+      pcFilterInput: { root: "d-flex cursor-pointer form-control form-control-sm w-100" },
+      pcFilterContainer: { root: "dropdown-item" },
+      filterIcon: "d-none"
+    }
+  }
+}, Ft = {
   fieldset: {
     root: () => ({
       class: [
@@ -1032,7 +1112,7 @@ const He = {
       ]
     })
   }
-}, Ti = {
+}, Ii = {
   ...He,
   ...ut,
   ...We,
@@ -1063,6 +1143,8 @@ const He = {
   ...ot,
   ...wt,
   ...et,
+  ...Ft,
+  ...$t,
   ...kt,
   directives: {
     ...vt
@@ -1112,7 +1194,7 @@ const He = {
       }, 16);
     };
   }
-}), ji = /* @__PURE__ */ B({
+}), _i = /* @__PURE__ */ B({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -1142,7 +1224,7 @@ const He = {
       ], 64);
     };
   }
-}), Ii = /* @__PURE__ */ B({
+}), Pi = /* @__PURE__ */ B({
   __name: "ForgeAutoComplete",
   setup(e) {
     return (t, a) => (d(), f(c(Se), S({ ...t.$attrs, ...t.$props }, { inputClass: "form-control border-0" }), {
@@ -1152,7 +1234,7 @@ const He = {
       _: 3
     }, 16));
   }
-}), $t = { class: "d-flex flex-column" }, Ft = ["for"], fe = /* @__PURE__ */ B({
+}), Bt = { class: "d-flex flex-column" }, St = ["for"], fe = /* @__PURE__ */ B({
   __name: "ForgeCheckbox",
   props: /* @__PURE__ */ E({
     label: { default: "" },
@@ -1199,7 +1281,7 @@ const He = {
     }, r = z(() => l.value.length > 0);
     return (p, u) => {
       const x = Ce;
-      return d(), b("div", $t, [
+      return d(), b("div", Bt, [
         m("div", S({
           class: "d-flex",
           "data-cy": "checkbox-container",
@@ -1221,7 +1303,7 @@ const He = {
             k(p.$slots, "default", {}, () => [
               _(w(t.label), 1)
             ])
-          ], 10, Ft)
+          ], 10, St)
         ], 16),
         H(m("small", {
           "data-cy": "error",
@@ -1232,7 +1314,7 @@ const He = {
       ]);
     };
   }
-}), Bt = { class: "forge-loader" }, ge = /* @__PURE__ */ B({
+}), Ct = { class: "forge-loader" }, ge = /* @__PURE__ */ B({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -1241,7 +1323,7 @@ const He = {
     const t = e;
     return (a, i) => {
       const l = ze;
-      return d(), b("div", Bt, [
+      return d(), b("div", Ct, [
         y(l, {
           "animation-duration": ".75",
           class: F(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -1249,7 +1331,7 @@ const He = {
       ]);
     };
   }
-}), St = ["href", "target"], _i = /* @__PURE__ */ B({
+}), zt = ["href", "target"], Vi = /* @__PURE__ */ B({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1298,10 +1380,10 @@ const He = {
         }, null, 8, ["icon", "class"])) : C("", !0),
         _(" " + w(i.label), 1)
       ])
-    ], 10, St));
+    ], 10, zt));
   }
 });
-function Ct(e) {
+function Tt(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1312,16 +1394,16 @@ function Ct(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-function Pi(e, t) {
+function Mi(e, t) {
   return e.map((a) => ({ id: a, label: t ? t(a) : `${a}` }));
 }
-function Vi(e, t, a) {
+function Di(e, t, a) {
   return { id: e, label: t ?? e.toString(), shortLabel: a };
 }
-const zt = { key: 0 }, Tt = {
+const jt = { key: 0 }, It = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, Mi = /* @__PURE__ */ B({
+}, Oi = /* @__PURE__ */ B({
   __name: "ForgeModal",
   props: /* @__PURE__ */ E({
     cancelText: { default: "Cancel" },
@@ -1389,7 +1471,7 @@ const zt = { key: 0 }, Tt = {
           (o || o == null) && p();
         } catch (o) {
           n.value.hasError = !0;
-          const $ = Ct(o);
+          const $ = Tt(o);
           n.value.header = $.errorMessage, n.value.message = $.errorDetails;
         }
         l.value = !1;
@@ -1443,7 +1525,7 @@ const zt = { key: 0 }, Tt = {
                 m("p", {
                   class: F(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, w(n.value.header), 3),
-                n.value.message.length > 0 ? (d(), b("ul", zt, [
+                n.value.message.length > 0 ? (d(), b("ul", jt, [
                   (d(!0), b(N, null, q(n.value.message, (h) => (d(), b("li", { key: h }, w(h), 1))), 128))
                 ])) : C("", !0)
               ]),
@@ -1458,7 +1540,7 @@ const zt = { key: 0 }, Tt = {
         o.showFooter ? {
           name: "footer",
           fn: g(() => [
-            m("div", Tt, [
+            m("div", It, [
               y(j, {
                 label: o.cancelText,
                 class: F(i.cancelClass),
@@ -1481,7 +1563,7 @@ const zt = { key: 0 }, Tt = {
       ]), 1040, ["pt"]);
     };
   }
-}), jt = ["id"], It = { key: 0 }, _t = { key: 0 }, Pt = { class: "d-flex justify-content-between align-items-center position-relative" }, Vt = { key: 1 }, Mt = { "data-cy": "readonly-value" }, Dt = /* @__PURE__ */ B({
+}), _t = ["id"], Pt = { key: 0 }, Vt = { key: 0 }, Mt = { class: "d-flex justify-content-between align-items-center position-relative" }, Dt = { key: 1 }, Ot = { "data-cy": "readonly-value" }, Nt = /* @__PURE__ */ B({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ E({
     name: { default: "" },
@@ -1526,13 +1608,13 @@ const zt = { key: 0 }, Tt = {
       return d(), b("div", {
         id: t.name
       }, [
-        j.readonly ? (d(), b("div", Vt, [
+        j.readonly ? (d(), b("div", Dt, [
           k(j.$slots, "default", {}, () => [
-            m("span", Mt, w(c(o)), 1)
+            m("span", Ot, w(c(o)), 1)
           ])
-        ])) : (d(), b("div", It, [
-          i.value ? (d(), b("div", _t, [
-            H((d(), b("div", Pt, [
+        ])) : (d(), b("div", Pt, [
+          i.value ? (d(), b("div", Vt, [
+            H((d(), b("div", Mt, [
               k(j.$slots, "editor", {
                 class: F({ "is-invalid": $.value }),
                 editFinished: s,
@@ -1597,10 +1679,10 @@ const zt = { key: 0 }, Tt = {
         }, w(c(u)), 513), [
           [Y, $.value]
         ])
-      ], 8, jt);
+      ], 8, _t);
     };
   }
-}), Ot = ["href"], Di = /* @__PURE__ */ B({
+}), Ut = ["href"], Ni = /* @__PURE__ */ B({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1657,7 +1739,7 @@ const zt = { key: 0 }, Tt = {
           k(i.$slots, "logo", {}, () => [
             l[0] || (l[0] = _(" Logo "))
           ])
-        ], 8, Ot)
+        ], 8, Ut)
       ]),
       buttonicon: g(() => [
         k(i.$slots, "buttonIcon", {}, () => [
@@ -1679,14 +1761,14 @@ const zt = { key: 0 }, Tt = {
       }))
     ]), 1040, ["pt"]));
   }
-}), Nt = { class: "border alternating-item-list" }, Ut = {
+}), At = { class: "border alternating-item-list" }, qt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, At = { class: "d-inline-block" }, qt = {
+}, Et = { class: "d-inline-block" }, Lt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, Et = /* @__PURE__ */ B({
+}, Rt = /* @__PURE__ */ B({
   __name: "ForgeMultiSelectPreview",
   props: /* @__PURE__ */ E({
     title: { default: "Selected Items" },
@@ -1739,14 +1821,14 @@ const zt = { key: 0 }, Tt = {
             style: ke({ height: l.height }),
             class: "overflow-auto"
           }, [
-            m("div", Nt, [
-              l.title ? (d(), b("div", Ut, w(l.title), 1)) : C("", !0),
+            m("div", At, [
+              l.title ? (d(), b("div", qt, w(l.title), 1)) : C("", !0),
               (d(!0), b(N, null, q(a.value, (p) => (d(), b("div", {
                 key: p.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(l.$slots, "list-item", { item: p }, () => [
-                  m("span", At, w(p.shortLabel ? p.shortLabel : p.label), 1)
+                  m("span", Et, w(p.shortLabel ? p.shortLabel : p.label), 1)
                 ]),
                 l.canRemoveItemFromPreview ? (d(), f(r, {
                   key: 0,
@@ -1764,34 +1846,34 @@ const zt = { key: 0 }, Tt = {
                   _: 2
                 }, 1032, ["onClick"])) : C("", !0)
               ]))), 128)),
-              a.value == null || a.value.length == 0 ? (d(), b("div", qt, w(t.optionsPreviewEmptyText), 1)) : C("", !0)
+              a.value == null || a.value.length == 0 ? (d(), b("div", Lt, w(t.optionsPreviewEmptyText), 1)) : C("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Lt = { class: "d-flex justify-content-between pb-2" }, Rt = {
+}), Ht = { class: "d-flex justify-content-between pb-2" }, Wt = {
   "data-cy": "title",
   class: "my-auto"
-}, Ht = {
+}, Yt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, Oi = /* @__PURE__ */ B({
+}, Ui = /* @__PURE__ */ B({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (a, i) => (d(), b("div", Lt, [
-      m("h3", Rt, w(t.title), 1),
-      m("div", Ht, [
+    return (a, i) => (d(), b("div", Ht, [
+      m("h3", Wt, w(t.title), 1),
+      m("div", Yt, [
         k(a.$slots, "default")
       ])
     ]));
   }
-}), Wt = { class: "d-flex" }, Yt = { "data-cy": "before-slot" }, Gt = { class: "position-relative w-100" }, Jt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ B({
+}), Gt = { class: "d-flex" }, Jt = { "data-cy": "before-slot" }, Kt = { class: "position-relative w-100" }, Zt = { "data-cy": "after-slot" }, be = /* @__PURE__ */ B({
   __name: "ForgeDatepicker",
   props: /* @__PURE__ */ E({
     severity: { default: "primary" },
@@ -1965,11 +2047,11 @@ const zt = { key: 0 }, Tt = {
     return (o, $) => {
       const j = _e;
       return d(), b(N, null, [
-        m("div", Wt, [
-          m("span", Yt, [
+        m("div", Gt, [
+          m("span", Jt, [
             k(o.$slots, "before")
           ]),
-          m("div", Gt, [
+          m("div", Kt, [
             y(j, S({ ...t, ...o.$attrs }, {
               pt: x.value,
               modelValue: a.value,
@@ -1996,7 +2078,7 @@ const zt = { key: 0 }, Tt = {
               [Y, t.modelValue]
             ])
           ]),
-          m("span", Jt, [
+          m("span", Zt, [
             k(o.$slots, "after")
           ])
         ]),
@@ -2009,7 +2091,7 @@ const zt = { key: 0 }, Tt = {
       ], 64);
     };
   }
-}), Ni = /* @__PURE__ */ B({
+}), Ai = /* @__PURE__ */ B({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -2021,7 +2103,7 @@ const zt = { key: 0 }, Tt = {
       class: F(a.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + w(a.value), 3));
   }
-}), Kt = { class: "d-flex justify-content-between" }, Ui = /* @__PURE__ */ B({
+}), Xt = { class: "d-flex justify-content-between" }, qi = /* @__PURE__ */ B({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -2077,7 +2159,7 @@ const zt = { key: 0 }, Tt = {
           _: 3
         })) : C("", !0),
         k(n.$slots, "default"),
-        m("div", Kt, [
+        m("div", Xt, [
           k(n.$slots, "cancel", {}, () => [
             n.hideCancel ? C("", !0) : (d(), f(r, {
               key: 0,
@@ -2114,10 +2196,10 @@ const zt = { key: 0 }, Tt = {
       ], 16);
     };
   }
-}), Zt = {
+}), Qt = {
   key: 1,
   class: "d-flex flex-column w-100"
-}, Xt = ["for"], Ai = /* @__PURE__ */ B({
+}, ea = ["for"], Ei = /* @__PURE__ */ B({
   __name: "ForgeFormField",
   props: /* @__PURE__ */ E({
     name: {},
@@ -2150,7 +2232,7 @@ const zt = { key: 0 }, Tt = {
         name: a.name,
         modelValue: t.value,
         "onUpdate:modelValue": o[0] || (o[0] = (h) => t.value = h)
-      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), b("div", Zt, [
+      }), null, 16, ["id", "label", "name", "modelValue"])) : (d(), b("div", Qt, [
         m("div", {
           "data-cy": "input-wrapper",
           class: F(["d-flex", a.fieldLabelPosition === "top" ? "flex-column" : "flex-row"])
@@ -2158,7 +2240,7 @@ const zt = { key: 0 }, Tt = {
           m("label", {
             for: a.name,
             class: F(a.fieldLabelPosition === "top" ? "mb-1" : "me-2 " + a.labelWidthClass)
-          }, w(a.fieldLabel), 11, Xt),
+          }, w(a.fieldLabel), 11, ea),
           a.type === "number" ? (d(), f(c(ue), S({
             key: 0,
             id: a.name
@@ -2208,7 +2290,7 @@ const zt = { key: 0 }, Tt = {
             modelValue: t.value,
             "onUpdate:modelValue": o[6] || (o[6] = (h) => t.value = h),
             class: { "is-invalid": u.value }
-          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), f(Et, S({ key: 6 }, { ...a, ...x.$attrs }, {
+          }), null, 16, ["modelValue", "class"])) : a.type === "multiselect-preview" ? (d(), f(Rt, S({ key: 6 }, { ...a, ...x.$attrs }, {
             modelValue: t.value,
             "onUpdate:modelValue": o[7] || (o[7] = (h) => t.value = h),
             class: { "is-invalid": u.value }
@@ -2227,7 +2309,7 @@ const zt = { key: 0 }, Tt = {
       ]));
     };
   }
-}), qi = /* @__PURE__ */ B({
+}), Li = /* @__PURE__ */ B({
   __name: "ForgeChip",
   props: {
     chipSeverity: { default: "primary" },
@@ -2270,7 +2352,7 @@ const zt = { key: 0 }, Tt = {
       }, 16, ["pt"]);
     };
   }
-}), Qt = /* @__PURE__ */ B({
+}), ta = /* @__PURE__ */ B({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2324,7 +2406,7 @@ const zt = { key: 0 }, Tt = {
     };
   }
 });
-var ea = /* @__PURE__ */ B({
+var aa = /* @__PURE__ */ B({
   name: "VueDrawingCanvas",
   props: {
     strokeType: {
@@ -2714,7 +2796,7 @@ var ea = /* @__PURE__ */ B({
     });
   }
 });
-const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1 gap-1" }, Ei = /* @__PURE__ */ B({
+const ia = { class: "d-flex flex-column" }, la = { class: "d-flex flex-row mt-1 gap-1" }, Ri = /* @__PURE__ */ B({
   __name: "ForgeScratchpad",
   props: {
     showClear: { type: Boolean, default: !0 },
@@ -2738,8 +2820,8 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
     };
     return (x, o) => {
       const $ = U;
-      return d(), b("div", ta, [
-        y(c(ea), S({
+      return d(), b("div", ia, [
+        y(c(aa), S({
           ref_key: "drawingCanvas",
           ref: l,
           image: n.value,
@@ -2752,7 +2834,7 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
           style: `height: ${x.height}px; width: ${x.width}px`,
           "line-join": x.lineJoin
         }), null, 16, ["image", "height", "width", "style", "line-join"]),
-        m("div", aa, [
+        m("div", la, [
           a.showUndo ? (d(), f($, {
             key: 0,
             onClick: p,
@@ -2801,7 +2883,7 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
       ]);
     };
   }
-}), ia = { class: "value text-white w-100 text-center" }, Li = /* @__PURE__ */ B({
+}), na = { class: "value text-white w-100 text-center" }, Hi = /* @__PURE__ */ B({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2812,12 +2894,12 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
     return (a, i) => (d(), b("div", S(a.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      m("span", ia, [
+      m("span", na, [
         k(a.$slots, "default")
       ])
     ], 16));
   }
-}), la = { key: 0 }, Ri = /* @__PURE__ */ B({
+}), oa = { key: 0 }, Wi = /* @__PURE__ */ B({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 1 },
@@ -2875,7 +2957,7 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
               ref_for: !0
             }, { ...i.$attrs }, { pt: a.value }), {
               default: g(() => [
-                i.showStepLabel ? (d(), b("div", la, w(n.label), 1)) : C("", !0)
+                i.showStepLabel ? (d(), b("div", oa, w(n.label), 1)) : C("", !0)
               ]),
               _: 2
             }, 1040, ["value", "disabled", "pt"]))), 128))
@@ -2900,7 +2982,7 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
       _: 3
     }, 8, ["value"]));
   }
-}), na = { class: "p-4 text-wrap w-100" }, oa = { class: "p-4 text-wrap w-100" }, Hi = /* @__PURE__ */ B({
+}), sa = { class: "p-4 text-wrap w-100" }, ra = { class: "p-4 text-wrap w-100" }, Yi = /* @__PURE__ */ B({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2920,7 +3002,7 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
         "data-cy": "button-tile"
       }, {
         default: g(() => [
-          m("div", na, [
+          m("div", sa, [
             k(l.$slots, "default", {}, () => [
               n[0] || (n[0] = _("Tile Content"))
             ])
@@ -2932,7 +3014,7 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
         class: F(["d-flex w-100", i.value]),
         "data-cy": "tile"
       }, [
-        m("div", oa, [
+        m("div", ra, [
           k(l.$slots, "default", {}, () => [
             n[1] || (n[1] = _("Tile Content"))
           ])
@@ -2944,13 +3026,13 @@ const ta = { class: "d-flex flex-column" }, aa = { class: "d-flex flex-row mt-1
 function Q(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const sa = {
+const da = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, ra = { class: "ms-2" }, da = { key: 0 }, pa = {
+}, pa = { class: "ms-2" }, ca = { key: 0 }, ua = {
   class: "w-auto",
   "data-cy": "total"
-}, ca = /* @__PURE__ */ B({
+}, ma = /* @__PURE__ */ B({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2965,9 +3047,9 @@ const sa = {
       const s = Math.ceil(i.total / i.perPage);
       return `${s} ${Q(s, "page")}`;
     });
-    return (s, r) => (d(), b("div", sa, [
+    return (s, r) => (d(), b("div", da, [
       r[2] || (r[2] = _(" Number of results per page ")),
-      m("div", ra, [
+      m("div", pa, [
         y(c(te), {
           options: i.pageSizes,
           "model-value": i.perPage,
@@ -2975,16 +3057,16 @@ const sa = {
           onChange: r[0] || (r[0] = (p) => l(p))
         }, null, 8, ["options", "model-value"])
       ]),
-      i.total ? (d(), b("div", da, [
+      i.total ? (d(), b("div", ca, [
         r[1] || (r[1] = m("span", { class: "mx-2" }, "|", -1)),
-        m("span", pa, w(i.total) + " " + w(c(Q)(i.total, "result")) + " across " + w(n.value), 1)
+        m("span", ua, w(i.total) + " " + w(c(Q)(i.total, "result")) + " across " + w(n.value), 1)
       ])) : C("", !0)
     ]));
   }
-}), ua = { class: "position-relative" }, ma = { "data-cy": "above-table-slot" }, va = { class: "d-flex w-100" }, fa = {
+}), va = { class: "position-relative" }, fa = { "data-cy": "above-table-slot" }, ga = { class: "d-flex w-100" }, ba = {
   class: "mx-auto",
   "data-cy": "empty-message"
-}, ga = { class: "d-flex" }, ba = { class: "d-flex align-items-end mb-2" }, xa = { key: 0 }, ya = { class: "ms-auto" }, Wi = /* @__PURE__ */ B({
+}, xa = { class: "d-flex" }, ya = { class: "d-flex align-items-end mb-2" }, ha = { key: 0 }, wa = { class: "ms-auto" }, Gi = /* @__PURE__ */ B({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -3123,8 +3205,8 @@ const sa = {
     };
     return ce(() => i.filters, (v) => {
       r.value.filters = v, a("update:tableContext", r.value);
-    }, { deep: !0 }), le(() => a("update:tableContext", r.value)), (v, h) => (d(), b("div", ua, [
-      m("span", ma, [
+    }, { deep: !0 }), le(() => a("update:tableContext", r.value)), (v, h) => (d(), b("div", va, [
+      m("span", fa, [
         k(v.$slots, "above-table")
       ]),
       y(c(Ee), S({
@@ -3143,18 +3225,18 @@ const sa = {
         showHeaders: ""
       }), ie({
         empty: g(() => [
-          m("div", va, [
-            m("h5", fa, w(v.emptyMessage ?? "No items Found."), 1)
+          m("div", ga, [
+            m("h5", ba, w(v.emptyMessage ?? "No items Found."), 1)
           ])
         ]),
         header: g(() => [
           m("div", {
             class: F(i.loading ? "opacity-50" : "")
           }, [
-            m("div", ga, [
-              m("div", ba, [
-                v.paginator && !v.legacyPaginationFooter ? (d(), b("span", xa, [
-                  y(ca, {
+            m("div", xa, [
+              m("div", ya, [
+                v.paginator && !v.legacyPaginationFooter ? (d(), b("span", ha, [
+                  y(ma, {
                     total: p.value,
                     "page-sizes": n.value,
                     "per-page": s.value,
@@ -3165,7 +3247,7 @@ const sa = {
                   }, null, 8, ["total", "page-sizes", "per-page"])
                 ])) : C("", !0)
               ]),
-              m("div", ya, [
+              m("div", wa, [
                 v.showClearButton ? (d(), f(c(U), {
                   key: 0,
                   outlined: "",
@@ -3247,7 +3329,7 @@ const sa = {
       ]), 1040, ["class", "pt", "rows", "total-records", "filter-display"])
     ]));
   }
-}), ha = { class: "d-flex position-relative" }, wa = { class: "d-flex w-100" }, Yi = /* @__PURE__ */ B({
+}), ka = { class: "d-flex position-relative" }, $a = { class: "d-flex w-100" }, Ji = /* @__PURE__ */ B({
   __name: "ForgeFilterHeader",
   props: /* @__PURE__ */ E({
     dataType: {},
@@ -3278,7 +3360,7 @@ const sa = {
     };
     return (l, n) => {
       const s = ue, r = U;
-      return d(), b("div", ha, [
+      return d(), b("div", ka, [
         l.dataType === "numeric" ? (d(), f(s, S({
           key: 0,
           modelValue: t.value,
@@ -3300,7 +3382,7 @@ const sa = {
           "option-label": l.optionLabel
         }), {
           value: g(({ value: p, placeholder: u }) => [
-            m("div", wa, [
+            m("div", $a, [
               m("span", {
                 class: F({ "filter-placeholder": p === null })
               }, w(a(p, u)), 3),
@@ -4467,7 +4549,7 @@ class xe {
   }
 }
 W = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
-const ka = new xe(de, re)._freeze();
+const Fa = new xe(de, re)._freeze();
 function ye(e, t, a, i) {
   const l = t.flatMap((n) => n.file);
   return t = t.map((n) => ({ ...n, status: n.status == "Duplicate" ? "Not Uploaded" : n.status })), e.forEach((n) => {
@@ -4480,7 +4562,7 @@ function ye(e, t, a, i) {
     })) : t[s].status = "Duplicate";
   }), t;
 }
-async function $a(e, t) {
+async function Ba(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new me(t).delete();
@@ -4503,20 +4585,20 @@ function pe(e, t = !0, a = 1) {
   while (Math.round(Math.abs(e) * s) / s >= i && n < l.length - 1);
   return e.toFixed(a) + " " + l[n];
 }
-function Fa(e) {
+function Sa(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function Ba(e) {
+function Ca(e) {
   return URL.createObjectURL(e);
 }
-function Sa() {
+function za() {
   const e = new xe(de, re);
   return e.define({ "application/vnd.ms-outlook": ["pst"] }), e;
 }
-const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disabled", "multiple"], Ta = {
+const Ta = { class: "d-flex justify-content-between" }, ja = ["accept", "disabled", "multiple"], Ia = {
   class: "text-break accepted-file-types-container",
   id: "accepted-file-types-overlay"
-}, ja = /* @__PURE__ */ B({
+}, _a = /* @__PURE__ */ B({
   __name: "UploadButton",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -4533,7 +4615,7 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
     };
     return (s, r) => {
       const p = U;
-      return d(), b("div", Ca, [
+      return d(), b("div", Ta, [
         k(s.$slots, "message"),
         m("div", null, [
           m("input", {
@@ -4544,7 +4626,7 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
             disabled: l.value,
             multiple: s.maxFileInput > 1,
             onInput: r[0] || (r[0] = (u) => n([...u.target.files]))
-          }, null, 40, za),
+          }, null, 40, ja),
           m("label", {
             class: F([{ disabled: l.value }, "btn btn-primary"]),
             id: "file-input-button",
@@ -4578,21 +4660,21 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
           ref: a
         }, {
           default: g(() => [
-            m("div", Ta, w(s.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
+            m("div", Ia, w(s.acceptedFileTypes.map((u) => u.label ?? u.fileType.split("/").pop()).join(", ")), 1)
           ]),
           _: 1
         }, 512)
       ]);
     };
   }
-}), Ia = {
+}), Pa = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, _a = {
+}, Va = {
   key: 1,
   class: "d-flex flex-column"
-}, Pa = /* @__PURE__ */ B({
+}, Ma = /* @__PURE__ */ B({
   __name: "DragDropArea",
   props: /* @__PURE__ */ E({
     maxFileInput: {},
@@ -4614,7 +4696,7 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
       onDragover: s[1] || (s[1] = G((r) => a.value = !0, ["prevent"])),
       onDrop: G(l, ["prevent"])
     }, [
-      t.value.length === 0 ? (d(), b("div", Ia, [
+      t.value.length === 0 ? (d(), b("div", Pa, [
         y(c(T), {
           icon: "bi:upload",
           class: "me-2",
@@ -4622,12 +4704,12 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
           width: "20px"
         }),
         s[2] || (s[2] = _(" Drag and drop files here "))
-      ])) : (d(), b("div", _a, [
+      ])) : (d(), b("div", Va, [
         k(n.$slots, "default")
       ]))
     ], 34));
   }
-}), Va = { class: "d-flex align-items-center me-2" }, Ma = /* @__PURE__ */ B({
+}), Da = { class: "d-flex align-items-center me-2" }, Oa = /* @__PURE__ */ B({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -4652,8 +4734,8 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (i, l) => (d(), b("div", Va, [
-      i.uploadStatus === "Uploading" ? (d(), f(Qt, {
+    return (i, l) => (d(), b("div", Da, [
+      i.uploadStatus === "Uploading" ? (d(), f(ta, {
         key: 0,
         pixelWidth: 200,
         animate: "",
@@ -4677,16 +4759,16 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
       }, 8, ["severity"])) : C("", !0)
     ]));
   }
-}), Da = ["data-cy"], Oa = { class: "ms-3 d-flex flex-column" }, Na = {
+}), Na = ["data-cy"], Ua = { class: "ms-3 d-flex flex-column" }, Aa = {
   key: 1,
   id: "file-name"
-}, Ua = {
+}, qa = {
   class: "text-black-50",
   id: "file-type"
-}, Aa = {
+}, Ea = {
   class: "text-black-50",
   id: "file-size"
-}, qa = { class: "ms-auto my-auto d-flex" }, Ea = /* @__PURE__ */ B({
+}, La = { class: "ms-auto my-auto d-flex" }, Ra = /* @__PURE__ */ B({
   __name: "FileInfo",
   props: /* @__PURE__ */ E({
     editableFileName: { type: Boolean },
@@ -4705,10 +4787,10 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   }),
   emits: /* @__PURE__ */ E(["deleted"], ["update:file", "update:blobFileName", "update:uploadStatus"]),
   setup(e, { emit: t }) {
-    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, s = I(a.value.name), r = I(""), p = I(0), u = I(), x = z(() => e.acceptedFileTypes.some(({ fileType: v }) => v === a.value.type)), o = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : Sa().getType(a.value.name)), j = () => {
+    const a = D(e, "file"), i = D(e, "blobFileName"), l = D(e, "uploadStatus"), n = t, s = I(a.value.name), r = I(""), p = I(0), u = I(), x = z(() => e.acceptedFileTypes.some(({ fileType: v }) => v === a.value.type)), o = z(() => a.value.size <= e.maxFileSize), $ = z(() => a.value.type ? a.value.type : za().getType(a.value.name)), j = () => {
       s.value != null && (V(), a.value = new File([a.value], s.value, { type: a.value.type, lastModified: (/* @__PURE__ */ new Date()).valueOf() }));
     }, V = () => {
-      let v = s.value.split("."), h = ka.getExtension($.value), P = s.value.split(".").pop();
+      let v = s.value.split("."), h = Fa.getExtension($.value), P = s.value.split(".").pop();
       v.length === 1 ? P && P.length > 0 && (s.value = [s.value, h].join(".")) : v.length > 1 && P !== h && (s.value = s.value.replace(P, h));
     }, M = async () => {
       if (!x.value || !o.value) {
@@ -4741,7 +4823,7 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         l.value = "Failed";
       }
     }, O = async () => {
-      await $a(l.value, r.value), n("deleted", a.value);
+      await Ba(l.value, r.value), n("deleted", a.value);
     };
     return le(() => {
       e.autoUploadToBlob && M();
@@ -4752,11 +4834,11 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         "data-cy": `file-info-${a.value.name}`
       }, [
         m("div", null, [
-          c(Fa)(a.value.type) ? (d(), f(c(Le), {
+          c(Sa)(a.value.type) ? (d(), f(c(Le), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: c(Ba)(a.value),
+            src: c(Ca)(a.value),
             alt: a.value.name,
             width: "75px",
             preview: ""
@@ -4768,9 +4850,9 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
             width: "75px"
           }))
         ]),
-        m("div", Oa, [
+        m("div", Ua, [
           m("div", null, [
-            v.editableFileName ? (d(), f(Dt, {
+            v.editableFileName ? (d(), f(Nt, {
               key: 0,
               id: "edit-file-name",
               modelValue: s.value,
@@ -4778,13 +4860,13 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
               rules: v.customFileNameRules,
               name: a.value.name,
               "complete-action": j
-            }, null, 8, ["modelValue", "rules", "name"])) : (d(), b("span", Na, w(s.value), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (d(), b("span", Aa, w(s.value), 1))
           ]),
-          m("span", Ua, "File type: " + w(a.value.type.split("/").pop()), 1),
-          m("span", Aa, "File size: " + w(c(pe)(a.value.size)), 1)
+          m("span", qa, "File type: " + w(a.value.type.split("/").pop()), 1),
+          m("span", Ea, "File size: " + w(c(pe)(a.value.size)), 1)
         ]),
-        m("div", qa, [
-          (d(), f(Ma, {
+        m("div", La, [
+          (d(), f(Oa, {
             key: l.value,
             "file-size": a.value.size,
             "upload-status": l.value,
@@ -4824,20 +4906,20 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
             _: 1
           }))
         ])
-      ], 8, Da);
+      ], 8, Na);
     };
   }
-}), La = { class: "d-flex justify-content-end mt-1" }, Ra = { id: "max-file-size" }, Ha = /* @__PURE__ */ B({
+}), Ha = { class: "d-flex justify-content-end mt-1" }, Wa = { id: "max-file-size" }, Ya = /* @__PURE__ */ B({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, a) => (d(), b("div", La, [
-      m("div", Ra, "Max file size: " + w(c(pe)(t.maxFileSize)), 1)
+    return (t, a) => (d(), b("div", Ha, [
+      m("div", Wa, "Max file size: " + w(c(pe)(t.maxFileSize)), 1)
     ]));
   }
-}), Wa = { "data-cy": "file-uploader" }, Ya = { key: 0 }, Gi = /* @__PURE__ */ B({
+}), Ga = { "data-cy": "file-uploader" }, Ja = { key: 0 }, Ki = /* @__PURE__ */ B({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ E({
     acceptedFileTypes: {},
@@ -4857,13 +4939,13 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
     const t = D(e, "modelValue"), a = e, i = (l) => {
       t.value = t.value.filter((n) => n.file != l);
     };
-    return (l, n) => (d(), b("div", Wa, [
-      y(ja, S(a, {
+    return (l, n) => (d(), b("div", Ga, [
+      y(_a, S(a, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (s) => t.value = s)
       }), null, 16, ["modelValue"]),
-      l.showDragDropArea ? (d(), b("div", Ya, [
-        y(Pa, {
+      l.showDragDropArea ? (d(), b("div", Ja, [
+        y(Ma, {
           "max-file-input": a.maxFileInput,
           "max-file-size": a.maxFileSize,
           "accepted-file-types": a.acceptedFileTypes,
@@ -4872,7 +4954,7 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         }, {
           default: g(() => [
             (d(!0), b(N, null, q(t.value, ({ file: s }, r) => (d(), b("span", null, [
-              (d(), f(Ea, S({
+              (d(), f(Ra, S({
                 key: s.name,
                 class: r === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[r].file,
@@ -4887,13 +4969,13 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        y(Ha, {
+        y(Ya, {
           "max-file-size": a.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : C("", !0)
     ]));
   }
-}), Ga = { class: "d-flex" }, Ja = { class: "me-3" }, Ka = { class: "ms-2" }, Za = { class: "d-flex flex-column w-100" }, Ji = /* @__PURE__ */ B({
+}), Ka = { class: "d-flex" }, Za = { class: "me-3" }, Xa = { class: "ms-2" }, Qa = { class: "d-flex flex-column w-100" }, Zi = /* @__PURE__ */ B({
   __name: "ForgeColumnCustomiser",
   props: {
     modelValue: { required: !0 },
@@ -4910,12 +4992,12 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         class: "ms-2"
       }, {
         default: g(() => [
-          m("div", Ga, [
-            m("div", Ja, [
+          m("div", Ka, [
+            m("div", Za, [
               y(c(T), { icon: "bi:layout-three-columns" })
             ]),
             _(" Columns (" + w(t.value.filter((r) => r.selected).length ?? 0) + "/" + w(t.value.length ?? 0) + ") ", 1),
-            m("div", Ka, [
+            m("div", Xa, [
               y(c(T), {
                 icon: i.value ? "bi:chevron-up" : "bi:chevron-down"
               }, null, 8, ["icon"])
@@ -4932,7 +5014,7 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
         onShow: s[1] || (s[1] = () => i.value = !0)
       }, {
         default: g(() => [
-          m("div", Za, [
+          m("div", Qa, [
             (d(!0), b(N, null, q(t.value, (r, p) => (d(), b("div", {
               class: F(["d-flex cursor-pointer", {
                 "border-top": p !== 0,
@@ -4956,7 +5038,7 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
       }, 512)
     ], 64));
   }
-}), Ki = /* @__PURE__ */ B({
+}), Xi = /* @__PURE__ */ B({
   __name: "ForgePanel",
   setup(e) {
     return (t, a) => {
@@ -4983,34 +5065,34 @@ const Ca = { class: "d-flex justify-content-between" }, za = ["accept", "disable
   }
 });
 export {
-  Ti as Bootstrap_PT,
-  ji as ForgeActionButton,
+  Ii as Bootstrap_PT,
+  _i as ForgeActionButton,
   se as ForgeAlert,
-  Ii as ForgeAutoComplete,
+  Pi as ForgeAutoComplete,
   fe as ForgeCheckbox,
-  qi as ForgeChip,
-  Ji as ForgeColumnCustomiser,
+  Li as ForgeChip,
+  Zi as ForgeColumnCustomiser,
   be as ForgeDatepicker,
-  Gi as ForgeFileUploader,
-  Yi as ForgeFilterHeader,
-  Ui as ForgeForm,
-  Ai as ForgeFormField,
-  Dt as ForgeInlineEditor,
-  _i as ForgeLink,
+  Ki as ForgeFileUploader,
+  Ji as ForgeFilterHeader,
+  qi as ForgeForm,
+  Ei as ForgeFormField,
+  Nt as ForgeInlineEditor,
+  Vi as ForgeLink,
   ge as ForgeLoader,
-  Mi as ForgeModal,
-  Et as ForgeMultiSelectPreview,
-  Di as ForgeNavbar,
-  Oi as ForgePageHeader,
-  Ki as ForgePanel,
-  Qt as ForgeProgressBar,
-  Ni as ForgeRemainingCharacters,
-  Ei as ForgeScratchpad,
-  Li as ForgeStatWidget,
-  Ri as ForgeStepper,
-  Wi as ForgeTable,
-  Hi as ForgeTile,
-  Vi as convertToMultiSelectOption,
-  Pi as enumToMultiSelectList,
-  Ct as parseError
+  Oi as ForgeModal,
+  Rt as ForgeMultiSelectPreview,
+  Ni as ForgeNavbar,
+  Ui as ForgePageHeader,
+  Xi as ForgePanel,
+  ta as ForgeProgressBar,
+  Ai as ForgeRemainingCharacters,
+  Ri as ForgeScratchpad,
+  Hi as ForgeStatWidget,
+  Wi as ForgeStepper,
+  Gi as ForgeTable,
+  Yi as ForgeTile,
+  Di as convertToMultiSelectOption,
+  Mi as enumToMultiSelectList,
+  Tt as parseError
 };

package/dist/src/passthroughs/Tree.pt.d.ts

@@ -0,0 +1,5 @@
+import { TreePassThroughOptions } from 'primevue/tree';
+declare const _default: {
+    tree: TreePassThroughOptions;
+};
+export default _default;

package/dist/src/passthroughs/TreeSelect.pt.d.ts

@@ -0,0 +1,5 @@
+import { TreeSelectPassThroughOptions } from 'primevue/treeselect';
+declare const _default: {
+    treeSelect: TreeSelectPassThroughOptions;
+};
+export default _default;

package/dist/tests/component/tree/tree.cy.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/tests/component/tree-select/tree-select.cy.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@3squared/forge-ui-3",
   "repository": "https://github.com/3Squared/ForgeUI-3",
   "description": "ForgeUI 3 is Vue 3 UI Library which combines a variety of popular packages to create a consistent UI for your application.",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -49,8 +49,8 @@
     "@cypress/code-coverage": "3.13.11",
     "@primevue/auto-import-resolver": "4.2.5",
     "@vitejs/plugin-vue": "5.2.1",
-    "@vitest/coverage-v8": "3.0.4",
-    "@vitest/ui": "3.0.4",
+    "@vitest/coverage-v8": "3.0.5",
+    "@vitest/ui": "3.0.5",
     "cypress": "14.0.1",
     "cypress-real-events": "1.14.0",
     "rollup-plugin-visualizer": "5.14.0",
@@ -61,11 +61,11 @@
     "vite-bundle-visualizer": "1.2.1",
     "vite-plugin-dts": "4.5.0",
     "vite-plugin-istanbul": "6.0.2",
-    "vitest": "3.0.4",
+    "vitest": "3.0.5",
     "vue-drawing-canvas": "1.0.14"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.34.0"
+    "@rollup/rollup-linux-x64-gnu": "4.34.2"
   },
   "nyc": {
     "all": true,