@3squared/forge-ui-3 0.3.1 → 0.4.0

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

@@ -303,6 +303,11 @@ const ze = {
     })
   }
 }, Ae = {
+  inputSwitch: {
+    root: "form-check form-switch",
+    input: "form-check-input"
+  }
+}, Ne = {
   textarea: {
     root: () => ({
       class: [
@@ -310,13 +315,13 @@ const ze = {
       ]
     })
   }
-}, Ne = {
+}, Ee = {
   // More PassThrough options in component file.
   chips: {
     root: "d-flex",
     label: "pe-2"
   }
-}, Ee = {
+}, Re = {
   dialog: {
     header: () => ({
       class: ["modal-header"]
@@ -356,7 +361,7 @@ const ze = {
       }]
     })
   }
-}, Re = {
+}, Le = {
   overlaypanel: {
     root: (e) => ({
       class: [
@@ -370,7 +375,7 @@ const ze = {
     content: "d-flex position-relative",
     closeButton: "position-absolute top-0 end-0 p-1 btn btn-link text-black ms-2"
   }
-}, Le = {
+}, je = {
   message: {
     root: ({ props: e }) => ({
       class: [
@@ -399,13 +404,13 @@ const ze = {
       class: ["px-0 ms-2 btn d-flex"]
     })
   }
-}, je = {
+}, He = {
   // More PT options defined in ForgeStepper.
   steps: {
     root: "w-100 mx-2 line",
     menu: "p-0 m-0 list-unstyled d-flex justify-content-between "
   }
-}, He = {
+}, qe = {
   tabview: {
     navContainer: () => ({
       class: ["nav nav-tabs position-relative"]
@@ -443,7 +448,7 @@ const ze = {
       class: ["p-2"]
     })
   }
-}, qe = {
+}, Ge = {
   // More PassThrough options defined in ForgeDatepicker.
   calendar: {
     root: "d-inline-flex relative",
@@ -486,7 +491,7 @@ const ze = {
       ]
     })
   }
-}, Ge = {
+}, Ke = {
   // More PassThrough options in component file.
   progressbar: {
     root: () => ({
@@ -499,7 +504,7 @@ const ze = {
       class: ["text-white"]
     })
   }
-}, Ke = {
+}, We = {
   dataTable: {
     table: (e) => ({
       class: [
@@ -563,7 +568,7 @@ const ze = {
       ]
     })
   }
-}, We = {
+}, Ze = {
   badge: {
     root: ({ props: e }) => ({
       class: [
@@ -584,7 +589,7 @@ const ze = {
       ]
     })
   }
-}, Ze = {
+}, Ye = {
   // More PassThrough options in component file.
   menubar: {
     menu: ({ instance: e }) => ({
@@ -654,7 +659,7 @@ const ze = {
       ]
     })
   }
-}, Ye = {
+}, Je = {
   tooltip: {
     root: ({ context: e }) => ({
       class: [
@@ -676,7 +681,7 @@ const ze = {
       class: ["tooltip-inner"]
     }
   }
-}, Je = {
+}, Xe = {
   selectbutton: {
     root: () => ({
       class: ["btn-group"]
@@ -694,7 +699,7 @@ const ze = {
       ]
     })
   }
-}, Xe = {
+}, Qe = {
   progressspinner: {
     spinner: () => ({
       class: [
@@ -702,7 +707,7 @@ const ze = {
       ]
     })
   }
-}, Qe = {
+}, et = {
   card: {
     root: () => ({
       class: ["card"]
@@ -726,11 +731,11 @@ const ze = {
       class: ["card-header"]
     })
   }
-}, et = {
+}, tt = {
   divider: {
     root: "border-bottom m-4 w-100"
   }
-}, tt = {
+}, at = {
   image: {
     root: "position-relative d-inline-block",
     button: "preview-button",
@@ -743,7 +748,7 @@ const ze = {
     zoominbutton: "btn text-white",
     closebutton: "btn text-white"
   }
-}, at = {
+}, lt = {
   toast: {
     message: () => ({
       class: ["toast-container w-100 position-relative"]
@@ -781,34 +786,35 @@ const ze = {
       };
     }
   }
-}, al = {
-  ...We,
+}, ll = {
+  ...Ze,
   ...ze,
-  ...Qe,
+  ...et,
   ...Me,
-  ...Ne,
-  ...Oe,
-  ...qe,
   ...Ee,
-  ...et,
-  ...se,
+  ...Oe,
+  ...Ge,
+  ...Re,
   ...tt,
+  ...se,
+  ...at,
   ...Ue,
   ...De,
-  ...Le,
-  ...se,
-  ...Ze,
-  ...Re,
-  ...Ge,
-  ...Xe,
-  ...Je,
+  ...Ae,
   ...je,
+  ...se,
+  ...Ye,
+  ...Le,
   ...Ke,
+  ...Qe,
+  ...Xe,
   ...He,
-  ...at,
-  ...Ae,
+  ...We,
+  ...qe,
+  ...lt,
+  ...Ne,
   directives: {
-    ...Ye
+    ...Je
   }
 }, ee = /* @__PURE__ */ x({
   __name: "ForgeAlert",
@@ -852,7 +858,7 @@ const ze = {
       }, 16);
     };
   }
-}), ll = /* @__PURE__ */ x({
+}), ol = /* @__PURE__ */ x({
   __name: "ForgeActionButton",
   props: {
     action: {},
@@ -882,10 +888,10 @@ const ze = {
       ], 64);
     };
   }
-}), lt = {
+}), ot = {
   class: "d-flex",
   "data-cy": "checkbox-container"
-}, ot = /* @__PURE__ */ c("div", null, null, -1), nt = ["for"], st = /* @__PURE__ */ x({
+}, nt = /* @__PURE__ */ c("div", null, null, -1), st = ["for"], it = /* @__PURE__ */ x({
   __name: "ForgeCheckbox",
   props: {
     label: { default: "" },
@@ -923,7 +929,7 @@ const ze = {
     return (_, d) => {
       const f = fe;
       return s(), p(O, null, [
-        c("div", lt, [
+        c("div", ot, [
           b(f, S({
             id: a.name
           }, { ..._.$attrs, ...a }, {
@@ -932,7 +938,7 @@ const ze = {
             onChange: y
           }), {
             icon: v(() => [
-              ot
+              nt
             ]),
             _: 1
           }, 16, ["id", "value", "input-class"]),
@@ -944,7 +950,7 @@ const ze = {
             k(_.$slots, "default", {}, () => [
               V(g(a.label), 1)
             ])
-          ], 10, nt)
+          ], 10, st)
         ]),
         j(c("small", {
           "data-cy": "error",
@@ -955,7 +961,7 @@ const ze = {
       ], 64);
     };
   }
-}), it = { class: "forge-loader" }, ce = /* @__PURE__ */ x({
+}), rt = { class: "forge-loader" }, ce = /* @__PURE__ */ x({
   __name: "ForgeLoader",
   props: {
     severity: { default: "primary" }
@@ -964,7 +970,7 @@ const ze = {
     const t = e;
     return (l, a) => {
       const o = ge;
-      return s(), p("div", it, [
+      return s(), p("div", rt, [
         b(o, {
           "animation-duration": ".75",
           class: B(`text-${t.severity === void 0 ? "primary" : t.severity}`)
@@ -972,7 +978,7 @@ const ze = {
       ]);
     };
   }
-}), rt = ["href", "target"], ol = /* @__PURE__ */ x({
+}), dt = ["href", "target"], nl = /* @__PURE__ */ x({
   __name: "ForgeLink",
   props: {
     url: {},
@@ -1021,10 +1027,10 @@ const ze = {
         }, null, 8, ["icon", "class"])) : F("", !0),
         V(" " + g(a.label), 1)
       ])
-    ], 10, rt));
+    ], 10, dt));
   }
 });
-function dt(e) {
+function ut(e) {
   const t = {
     errorMessage: "",
     errorDetails: []
@@ -1035,10 +1041,10 @@ function dt(e) {
   }
   return t.errorMessage === "" && t.errorDetails.length === 0 && (t.errorMessage = e), t;
 }
-const ut = { key: 0 }, ct = {
+const ct = { key: 0 }, mt = {
   class: "d-flex w-100",
   "data-cy": "footer"
-}, nl = /* @__PURE__ */ x({
+}, sl = /* @__PURE__ */ x({
   __name: "ForgeModal",
   props: /* @__PURE__ */ G({
     cancelText: { default: "Cancel" },
@@ -1099,7 +1105,7 @@ const ut = { key: 0 }, ct = {
           (d || d == null) && y();
         } catch (d) {
           n.value.hasError = !0;
-          const f = dt(d);
+          const f = ut(d);
           n.value.header = f.errorMessage, n.value.message = f.errorDetails;
         }
         o.value = !1;
@@ -1150,7 +1156,7 @@ const ut = { key: 0 }, ct = {
                 c("p", {
                   class: B(n.value.message.length > 0 ? "my-auto" : "mb-0")
                 }, g(n.value.header), 3),
-                n.value.message.length > 0 ? (s(), p("ul", ut, [
+                n.value.message.length > 0 ? (s(), p("ul", ct, [
                   (s(!0), p(O, null, E(n.value.message, (N) => (s(), p("li", { key: N }, g(N), 1))), 128))
                 ])) : F("", !0)
               ]),
@@ -1165,7 +1171,7 @@ const ut = { key: 0 }, ct = {
         d.showFooter ? {
           name: "footer",
           fn: v(() => [
-            c("div", ct, [
+            c("div", mt, [
               b($, {
                 label: d.cancelText,
                 class: B(a.cancelClass),
@@ -1186,7 +1192,7 @@ const ut = { key: 0 }, ct = {
       ]), 1040, ["pt"]);
     };
   }
-}), mt = ["id"], pt = { key: 0 }, yt = { key: 0 }, bt = { class: "d-flex justify-content-between align-items-center position-relative" }, vt = { key: 1 }, ft = { "data-cy": "readonly-value" }, gt = /* @__PURE__ */ x({
+}), pt = ["id"], yt = { key: 0 }, bt = { key: 0 }, vt = { class: "d-flex justify-content-between align-items-center position-relative" }, ft = { key: 1 }, gt = { "data-cy": "readonly-value" }, ht = /* @__PURE__ */ x({
   __name: "ForgeInlineEditor",
   props: /* @__PURE__ */ G({
     name: { default: "" },
@@ -1230,13 +1236,13 @@ const ut = { key: 0 }, ct = {
       return s(), p("div", {
         id: t.name
       }, [
-        $.readonly ? (s(), p("div", vt, [
+        $.readonly ? (s(), p("div", ft, [
           k($.$slots, "default", {}, () => [
-            c("span", ft, g(u(d)), 1)
+            c("span", gt, g(u(d)), 1)
           ])
-        ])) : (s(), p("div", pt, [
-          a.value ? (s(), p("div", yt, [
-            j((s(), p("div", bt, [
+        ])) : (s(), p("div", yt, [
+          a.value ? (s(), p("div", bt, [
+            j((s(), p("div", vt, [
               k($.$slots, "editor", {
                 class: B({ "is-invalid": f.value }),
                 editFinished: i,
@@ -1301,10 +1307,10 @@ const ut = { key: 0 }, ct = {
         }, g(u(r)), 513), [
           [q, f.value]
         ])
-      ], 8, mt);
+      ], 8, pt);
     };
   }
-}), ht = ["href"], sl = /* @__PURE__ */ x({
+}), wt = ["href"], il = /* @__PURE__ */ x({
   __name: "ForgeNavbar",
   props: {
     severity: { default: "light" },
@@ -1363,7 +1369,7 @@ const ut = { key: 0 }, ct = {
             k(a.$slots, "logo", {}, () => [
               V(" Logo ")
             ])
-          ], 8, ht)
+          ], 8, wt)
         ]),
         menubuttonicon: v(() => [
           k(a.$slots, "menubuttonicon", {}, () => [
@@ -1386,7 +1392,7 @@ const ut = { key: 0 }, ct = {
       ]), 1040, ["pt"]);
     };
   }
-}), wt = ["onMousedown"], kt = ["checked"], _t = /* @__PURE__ */ c("strong", null, "Select all", -1), xt = ["data-cy"], $t = ["checked"], Bt = /* @__PURE__ */ x({
+}), kt = ["onMousedown"], _t = ["checked"], xt = /* @__PURE__ */ c("strong", null, "Select all", -1), $t = ["data-cy"], Bt = ["checked"], Ft = /* @__PURE__ */ x({
   __name: "ForgeMultiSelect",
   props: {
     severity: { default: "primary" },
@@ -1446,7 +1452,7 @@ const ut = { key: 0 }, ct = {
             c("div", {
               class: "multiselect__select",
               onMousedown: K(R, ["prevent", "stop"])
-            }, null, 40, wt)
+            }, null, 40, kt)
           ]),
           key: "0"
         } : void 0,
@@ -1468,8 +1474,8 @@ const ut = { key: 0 }, ct = {
                   name: "selected",
                   type: "checkbox",
                   class: "multiselect__option--checkbox"
-                }, null, 8, kt),
-                _t
+                }, null, 8, _t),
+                xt
               ], 2)
             ], 32)
           ]),
@@ -1486,9 +1492,9 @@ const ut = { key: 0 }, ct = {
                 name: "selected",
                 type: "checkbox",
                 class: "multiselect__option--checkbox"
-              }, null, 8, $t),
+              }, null, 8, Bt),
               V(" " + g(R[r.value.label]), 1)
-            ], 8, xt)
+            ], 8, $t)
           ]),
           key: "2"
         } : void 0
@@ -1501,17 +1507,17 @@ const ut = { key: 0 }, ct = {
       ])
     ], 64));
   }
-}), Ft = {
+}), St = {
   key: 0,
   class: "pl-1"
-}, St = { class: "border alternating-item-list" }, Ct = {
+}, Ct = { class: "border alternating-item-list" }, Tt = {
   key: 0,
   class: "p-2 border-top border-bottom",
   "data-cy": "title"
-}, Tt = { class: "d-inline-block" }, Pt = {
+}, Pt = { class: "d-inline-block" }, Vt = {
   key: 1,
   class: "p-2 item d-flex justify-content-between align-items-center"
-}, il = /* @__PURE__ */ x({
+}, rl = /* @__PURE__ */ x({
   __name: "ForgeMultiSelectPreview",
   props: {
     title: { default: "Selected Items" },
@@ -1537,7 +1543,7 @@ const ut = { key: 0 }, ct = {
           class: B(r.orientation === "row" ? "col-12 mb-1" : "col"),
           "data-cy": "multiselect-container"
         }, [
-          b(Bt, {
+          b(Ft, {
             "onUpdate:modelValue": [
               _[0] || (_[0] = (f) => m(f)),
               _[1] || (_[1] = (f) => r.$attrs.modelValue = f)
@@ -1550,7 +1556,7 @@ const ut = { key: 0 }, ct = {
               V(g(""))
             ]),
             selection: v(() => [
-              r.$attrs.modelValue.length > 0 ? (s(), p("span", Ft, g(i.value) + " items selected", 1)) : F("", !0)
+              r.$attrs.modelValue.length > 0 ? (s(), p("span", St, g(i.value) + " items selected", 1)) : F("", !0)
             ]),
             default: v(() => [
               (s(!0), p(O, null, E(r.$slots, (f, $) => k(r.$slots, $, { slot: $ })), 256))
@@ -1567,14 +1573,14 @@ const ut = { key: 0 }, ct = {
             style: be({ height: r.height }),
             class: "overflow-auto"
           }, [
-            c("div", St, [
-              r.title ? (s(), p("div", Ct, g(r.title), 1)) : F("", !0),
+            c("div", Ct, [
+              r.title ? (s(), p("div", Tt, g(r.title), 1)) : F("", !0),
               (s(!0), p(O, null, E(r.$attrs.modelValue, (f) => (s(), p("div", {
                 key: f.id,
                 class: "p-2 item d-flex justify-content-between align-items-center"
               }, [
                 k(r.$slots, "list-item", { item: f }, () => [
-                  c("span", Tt, g(f.shortLabel ? f.shortLabel : f.label), 1)
+                  c("span", Pt, g(f.shortLabel ? f.shortLabel : f.label), 1)
                 ]),
                 r.canRemoveItemFromPreview ? (s(), w(d, {
                   key: 0,
@@ -1592,34 +1598,34 @@ const ut = { key: 0 }, ct = {
                   _: 2
                 }, 1032, ["onClick"])) : F("", !0)
               ]))), 128)),
-              r.$attrs.modelValue.length === 0 ? (s(), p("div", Pt, "No Items Selected.")) : F("", !0)
+              r.$attrs.modelValue.length === 0 ? (s(), p("div", Vt, "No Items Selected.")) : F("", !0)
             ])
           ], 4)
         ], 2)
       ], 2);
     };
   }
-}), Vt = { class: "d-flex justify-content-between pb-2" }, It = {
+}), It = { class: "d-flex justify-content-between pb-2" }, zt = {
   "data-cy": "title",
   class: "h3"
-}, zt = {
+}, Mt = {
   "data-cy": "slot",
   class: "d-flex align-items-center"
-}, rl = /* @__PURE__ */ x({
+}, dl = /* @__PURE__ */ x({
   __name: "ForgePageHeader",
   props: {
     title: {}
   },
   setup(e) {
     const t = e;
-    return (l, a) => (s(), p("div", Vt, [
-      c("h1", It, g(t.title), 1),
-      c("div", zt, [
+    return (l, a) => (s(), p("div", It, [
+      c("h1", zt, g(t.title), 1),
+      c("div", Mt, [
         k(l.$slots, "default")
       ])
     ]));
   }
-}), Mt = { "data-cy": "before-slot" }, Ot = { "data-cy": "after-slot" }, Ut = /* @__PURE__ */ x({
+}), Ot = { "data-cy": "before-slot" }, Ut = { "data-cy": "after-slot" }, Dt = /* @__PURE__ */ x({
   __name: "ForgeDatepicker",
   props: {
     severity: { default: "primary" },
@@ -1739,7 +1745,7 @@ const ut = { key: 0 }, ct = {
     return (a, o) => {
       const n = xe;
       return s(), p(O, null, [
-        c("span", Mt, [
+        c("span", Ot, [
           k(a.$slots, "before")
         ]),
         b(n, S({ ...t, ...a.$attrs }, { pt: l.value }), null, 16, ["pt"]),
@@ -1752,13 +1758,13 @@ const ut = { key: 0 }, ct = {
         }, null, 8, ["class"]), [
           [q, t.showIcon]
         ]),
-        c("span", Ot, [
+        c("span", Ut, [
           k(a.$slots, "after")
         ])
       ], 64);
     };
   }
-}), dl = /* @__PURE__ */ x({
+}), ul = /* @__PURE__ */ x({
   __name: "ForgeRemainingCharacters",
   props: {
     maxCount: { default: 300 },
@@ -1770,7 +1776,7 @@ const ut = { key: 0 }, ct = {
       class: B(l.value < 0 ? "text-danger" : "")
     }, "Remaining characters: " + g(l.value), 3));
   }
-}), Dt = /* @__PURE__ */ c("hr", null, null, -1), At = { class: "d-flex justify-content-between" }, ul = /* @__PURE__ */ x({
+}), At = /* @__PURE__ */ c("hr", null, null, -1), Nt = { class: "d-flex justify-content-between" }, cl = /* @__PURE__ */ x({
   __name: "ForgeForm",
   props: {
     onSubmit: {},
@@ -1809,7 +1815,7 @@ const ut = { key: 0 }, ct = {
               "data-cy": "form-title"
             }, g(n.title), 3)
           ]),
-          Dt
+          At
         ], 64)),
         a.value.hasError ? (s(), w(ee, {
           key: 1,
@@ -1826,7 +1832,7 @@ const ut = { key: 0 }, ct = {
           _: 3
         })) : F("", !0),
         k(n.$slots, "default"),
-        c("div", At, [
+        c("div", Nt, [
           k(n.$slots, "cancel", {}, () => [
             n.hideCancel ? F("", !0) : (s(), w(m, {
               key: 0,
@@ -1863,7 +1869,7 @@ const ut = { key: 0 }, ct = {
       ], 16);
     };
   }
-}), Nt = { class: "d-flex flex-column" }, Et = ["for"], cl = /* @__PURE__ */ x({
+}), Et = { class: "d-flex flex-column" }, Rt = ["for"], ml = /* @__PURE__ */ x({
   __name: "ForgeFormField",
   props: {
     name: {},
@@ -1877,12 +1883,12 @@ const ut = { key: 0 }, ct = {
     const t = e, { errors: l, value: a, errorMessage: o } = W(() => t.name, t.rules), n = h(() => l.value.length > 0);
     return (i, m) => {
       const y = Be, r = $e, _ = le;
-      return s(), p("div", Nt, [
+      return s(), p("div", Et, [
         t.type !== "checkbox" ? (s(), p("label", {
           key: 0,
           for: t.name
-        }, g(t.label), 9, Et)) : F("", !0),
-        t.type === "checkbox" ? (s(), w(st, S({
+        }, g(t.label), 9, Rt)) : F("", !0),
+        t.type === "checkbox" ? (s(), w(it, S({
           key: 1,
           id: t.name,
           rules: i.rules,
@@ -1928,7 +1934,7 @@ const ut = { key: 0 }, ct = {
       ]);
     };
   }
-}), ml = /* @__PURE__ */ x({
+}), pl = /* @__PURE__ */ x({
   __name: "ForgeChips",
   props: {
     chipSeverity: { default: "primary" },
@@ -2017,7 +2023,7 @@ const ut = { key: 0 }, ct = {
       ], 64);
     };
   }
-}), Rt = /* @__PURE__ */ x({
+}), Lt = /* @__PURE__ */ x({
   __name: "ForgeProgressBar",
   props: {
     severity: { default: "primary" },
@@ -2069,7 +2075,7 @@ const ut = { key: 0 }, ct = {
       }, 16, ["pt"]);
     };
   }
-}), Lt = { class: "value text-light w-100 text-center" }, pl = /* @__PURE__ */ x({
+}), jt = { class: "value text-light w-100 text-center" }, yl = /* @__PURE__ */ x({
   __name: "ForgeStatWidget",
   props: {
     size: { default: "md" },
@@ -2080,15 +2086,15 @@ const ut = { key: 0 }, ct = {
     return (l, a) => (s(), p("div", S(l.$attrs, {
       class: `d-flex shadow m-2 align-items-center widget--${t.size} bg-${t.severity}`
     }), [
-      c("span", Lt, [
+      c("span", jt, [
         k(l.$slots, "default")
       ])
     ], 16));
   }
-}), jt = {
+}), Ht = {
   class: "d-flex flex-column align-items-center",
   "data-cy": "stepper"
-}, Ht = { class: "d-flex align-items-center justify-content-center w-100" }, yl = /* @__PURE__ */ x({
+}, qt = { class: "d-flex align-items-center justify-content-center w-100" }, bl = /* @__PURE__ */ x({
   __name: "ForgeStepper",
   props: {
     currentStep: { default: 0 },
@@ -2156,8 +2162,8 @@ const ut = { key: 0 }, ct = {
     }));
     return (r, _) => {
       const d = A, f = Te, $ = Ce;
-      return s(), p("div", jt, [
-        c("div", Ht, [
+      return s(), p("div", Ht, [
+        c("div", qt, [
           b(d, {
             severity: a.severity,
             disabled: m.value,
@@ -2211,7 +2217,7 @@ const ut = { key: 0 }, ct = {
       ]);
     };
   }
-}), qt = { class: "p-4 text-wrap w-100" }, Gt = { class: "p-4 text-wrap w-100" }, bl = /* @__PURE__ */ x({
+}), Gt = { class: "p-4 text-wrap w-100" }, Kt = { class: "p-4 text-wrap w-100" }, vl = /* @__PURE__ */ x({
   __name: "ForgeTile",
   props: {
     severity: { default: "primary" },
@@ -2230,7 +2236,7 @@ const ut = { key: 0 }, ct = {
         "data-cy": "button-tile"
       }, {
         default: v(() => [
-          c("div", qt, [
+          c("div", Gt, [
             k(o.$slots, "default", {}, () => [
               V("Tile Content")
             ])
@@ -2242,7 +2248,7 @@ const ut = { key: 0 }, ct = {
         class: B(["d-flex w-100", a.value]),
         "data-cy": "tile"
       }, [
-        c("div", Gt, [
+        c("div", Kt, [
           k(o.$slots, "default", {}, () => [
             V("Tile Content")
           ])
@@ -2254,13 +2260,13 @@ const ut = { key: 0 }, ct = {
 function Y(e, t) {
   return e > 1 ? `${t}s` : t;
 }
-const Kt = {
+const Wt = {
   class: "d-flex justify-content-start align-items-baseline",
   "data-cy": "pagination-header"
-}, Wt = { class: "ms-2" }, Zt = { key: 0 }, Yt = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), Jt = {
+}, Zt = { class: "ms-2" }, Yt = { key: 0 }, Jt = /* @__PURE__ */ c("span", { class: "mx-2" }, "|", -1), Xt = {
   class: "w-auto",
   "data-cy": "total"
-}, Xt = /* @__PURE__ */ x({
+}, Qt = /* @__PURE__ */ x({
   __name: "ForgePaginationHeader",
   props: {
     total: {},
@@ -2275,25 +2281,25 @@ const Kt = {
       const i = Math.ceil(a.total / a.perPage);
       return `${i} ${Y(i, "page")}`;
     });
-    return (i, m) => (s(), p("div", Kt, [
+    return (i, m) => (s(), p("div", Wt, [
       V(" Number of results per page "),
-      c("div", Wt, [
+      c("div", Zt, [
         b(u(oe), {
           options: a.pageSizes,
           "model-value": a.perPage,
           onChange: m[0] || (m[0] = (y) => o(y))
         }, null, 8, ["options", "model-value"])
       ]),
-      a.total ? (s(), p("div", Zt, [
-        Yt,
-        c("span", Jt, g(a.total) + " " + g(u(Y)(a.total, "result")) + " across " + g(n.value), 1)
+      a.total ? (s(), p("div", Yt, [
+        Jt,
+        c("span", Xt, g(a.total) + " " + g(u(Y)(a.total, "result")) + " across " + g(n.value), 1)
       ])) : F("", !0)
     ]));
   }
-}), Qt = { "data-cy": "above-table-slot" }, ea = { class: "d-flex" }, ta = { class: "d-flex align-items-end mb-2" }, aa = { key: 0 }, la = { class: "ms-auto" }, oa = {
+}), ea = { "data-cy": "above-table-slot" }, ta = { class: "d-flex" }, aa = { class: "d-flex align-items-end mb-2" }, la = { key: 0 }, oa = { class: "ms-auto" }, na = {
   class: "d-flex",
   "data-cy": "legacy-page-size"
-}, na = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), sa = { "data-cy": "legacy-total" }, vl = /* @__PURE__ */ x({
+}, sa = /* @__PURE__ */ c("span", { class: "me-2 my-auto text-nowrap" }, "Page Size:", -1), ia = { "data-cy": "legacy-total" }, fl = /* @__PURE__ */ x({
   __name: "ForgeTable",
   props: {
     value: {},
@@ -2385,7 +2391,7 @@ const Kt = {
       i.value.exportCSV();
     };
     return (d, f) => (s(), p(O, null, [
-      c("span", Qt, [
+      c("span", ea, [
         k(d.$slots, "above-table")
       ]),
       b(u(Pe), S({ class: "w-100" }, { ...a, ...d.$attrs }, {
@@ -2398,10 +2404,10 @@ const Kt = {
         "data-cy": "table"
       }), Q({
         header: v(() => [
-          c("div", ea, [
-            c("div", ta, [
-              d.paginator && !d.legacyPaginationFooter ? (s(), p("span", aa, [
-                b(Xt, {
+          c("div", ta, [
+            c("div", aa, [
+              d.paginator && !d.legacyPaginationFooter ? (s(), p("span", la, [
+                b(Qt, {
                   total: d.total ?? d.value.length,
                   "page-sizes": o.value,
                   "per-page": n.value,
@@ -2409,7 +2415,7 @@ const Kt = {
                 }, null, 8, ["total", "page-sizes", "per-page"])
               ])) : F("", !0)
             ]),
-            c("div", la, [
+            c("div", oa, [
               d.showClearButton ? (s(), w(u(A), {
                 key: 0,
                 outlined: "",
@@ -2460,8 +2466,8 @@ const Kt = {
         d.legacyPaginationFooter ? {
           name: "paginatorstart",
           fn: v(() => [
-            c("span", oa, [
-              na,
+            c("span", na, [
+              sa,
               b(u(oe), {
                 options: o.value,
                 modelValue: n.value,
@@ -2475,14 +2481,14 @@ const Kt = {
         d.legacyPaginationFooter ? {
           name: "paginatorend",
           fn: v(() => [
-            c("span", sa, g(d.total ?? d.value.length) + " " + g(u(Y)(d.total ?? d.value.length, "result")) + " across " + g(r.value), 1)
+            c("span", ia, g(d.total ?? d.value.length) + " " + g(u(Y)(d.total ?? d.value.length, "result")) + " across " + g(r.value), 1)
           ]),
           key: "1"
         } : void 0
       ]), 1040, ["rows", "total-records", "filter-display"])
     ], 64));
   }
-}), fl = /* @__PURE__ */ x({
+}), gl = /* @__PURE__ */ x({
   __name: "ForgeFilterHeader",
   props: {
     dataType: {},
@@ -2491,7 +2497,7 @@ const Kt = {
   setup(e) {
     return (t, l) => {
       const a = de;
-      return t.dataType === "numeric" ? (s(), w(a, S({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Ut, S({ key: 1 }, t.$attrs, {
+      return t.dataType === "numeric" ? (s(), w(a, S({ key: 0 }, t.$attrs, { class: "w-100" }), null, 16)) : t.dataType === "date" ? (s(), w(Dt, S({ key: 1 }, t.$attrs, {
         "show-icon": !1,
         "show-on-focus": !0,
         class: "w-100"
@@ -2520,7 +2526,7 @@ function me(e, t, l, a) {
     })) : t[i].status = "Duplicate";
   }), t;
 }
-async function ia(e, t) {
+async function ra(e, t) {
   if (e === "Uploaded" && t !== null)
     try {
       await new ue(t).delete();
@@ -2543,13 +2549,13 @@ function ne(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 ra(e) {
+function da(e) {
   return ["image/gif", "image/png", "image/jpeg", "image/svg"].includes(e);
 }
-function da(e) {
+function ua(e) {
   return URL.createObjectURL(e);
 }
-const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disabled", "multiple"], ma = /* @__PURE__ */ x({
+const ca = { class: "d-flex justify-content-between" }, ma = ["accept", "disabled", "multiple"], pa = /* @__PURE__ */ x({
   __name: "UploadButton",
   props: /* @__PURE__ */ G({
     acceptedFileTypes: {},
@@ -2564,7 +2570,7 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
     const t = L(e, "modelValue"), l = h(() => e.maxFileInput <= t.value.length), a = (o) => {
       t.value = me(o, t.value, e.acceptedFileTypes, e.maxFileInput);
     };
-    return (o, n) => (s(), p("div", ua, [
+    return (o, n) => (s(), p("div", ca, [
       k(o.$slots, "message"),
       c("div", null, [
         c("input", {
@@ -2575,7 +2581,7 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
           disabled: l.value,
           multiple: o.maxFileInput > 1,
           onInput: n[0] || (n[0] = (i) => a([...i.target.files]))
-        }, null, 40, ca),
+        }, null, 40, ma),
         c("label", {
           class: B([{ disabled: l.value }, "btn btn-primary"]),
           id: "file-input-button",
@@ -2599,14 +2605,14 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
       }, "Accepted File Types: " + g(o.acceptedFileTypes.map((i) => i.split("/").pop()).join(", ")), 1)) : F("", !0)
     ]));
   }
-}), pa = {
+}), ya = {
   key: 0,
   class: "py-4 px-3",
   id: "placeholder-message"
-}, ya = {
+}, ba = {
   key: 1,
   class: "d-flex flex-column"
-}, ba = /* @__PURE__ */ x({
+}, va = /* @__PURE__ */ x({
   __name: "DragDropArea",
   props: /* @__PURE__ */ G({
     maxFileInput: {},
@@ -2628,7 +2634,7 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
       onDragover: i[1] || (i[1] = K((m) => l.value = !0, ["prevent"])),
       onDrop: K(o, ["prevent"])
     }, [
-      t.value.length === 0 ? (s(), p("div", pa, [
+      t.value.length === 0 ? (s(), p("div", ya, [
         b(u(C), {
           icon: "bi:upload",
           class: "me-2",
@@ -2636,12 +2642,12 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
           width: "20px"
         }),
         V(" Drag and drop files here ")
-      ])) : (s(), p("div", ya, [
+      ])) : (s(), p("div", ba, [
         k(n.$slots, "default")
       ]))
     ], 34));
   }
-}), va = { class: "d-flex align-items-center me-2" }, fa = /* @__PURE__ */ x({
+}), fa = { class: "d-flex align-items-center me-2" }, ga = /* @__PURE__ */ x({
   __name: "UploadStatus",
   props: {
     fileSize: {},
@@ -2666,8 +2672,8 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
           return "Upload Failed: Connection error, please try again.";
       }
     });
-    return (a, o) => (s(), p("div", va, [
-      a.uploadStatus === "Uploading" ? (s(), w(Rt, {
+    return (a, o) => (s(), p("div", fa, [
+      a.uploadStatus === "Uploading" ? (s(), w(Lt, {
         key: 0,
         pixelWidth: 200,
         animate: "",
@@ -2691,16 +2697,16 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
       }, 8, ["severity"])) : F("", !0)
     ]));
   }
-}), ga = ["data-cy"], ha = { class: "ms-3 d-flex flex-column" }, wa = {
+}), ha = ["data-cy"], wa = { class: "ms-3 d-flex flex-column" }, ka = {
   key: 1,
   id: "file-name"
-}, ka = {
+}, _a = {
   class: "text-black-50",
   id: "file-type"
-}, _a = {
+}, xa = {
   class: "text-black-50",
   id: "file-size"
-}, xa = { class: "ms-auto my-auto d-flex" }, $a = /* @__PURE__ */ x({
+}, $a = { class: "ms-auto my-auto d-flex" }, Ba = /* @__PURE__ */ x({
   __name: "FileInfo",
   props: /* @__PURE__ */ G({
     editableFileName: { type: Boolean },
@@ -2748,7 +2754,7 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
         o.value = "Failed";
       }
     }, T = async () => {
-      await ia(o.value, m.value), n("deleted", l.value);
+      await ra(o.value, m.value), n("deleted", l.value);
     };
     return ie(() => {
       e.autoUploadToBlob && $();
@@ -2759,11 +2765,11 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
         "data-cy": `file-info-${l.value.name}`
       }, [
         c("div", null, [
-          u(ra)(l.value.type) ? (s(), w(u(Ie), {
+          u(da)(l.value.type) ? (s(), w(u(Ie), {
             key: 0,
             id: "thumbnail-image",
             "image-class": "image-file-thumbnail border",
-            src: u(da)(l.value),
+            src: u(ua)(l.value),
             alt: l.value.name,
             width: "75px",
             preview: ""
@@ -2775,9 +2781,9 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
             width: "75px"
           }))
         ]),
-        c("div", ha, [
+        c("div", wa, [
           c("div", null, [
-            I.editableFileName ? (s(), w(gt, {
+            I.editableFileName ? (s(), w(ht, {
               key: 0,
               id: "edit-file-name",
               modelValue: i.value,
@@ -2785,13 +2791,13 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
               rules: I.customFileNameRules,
               name: l.value.name,
               "complete-action": f
-            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", wa, g(l.value.name), 1))
+            }, null, 8, ["modelValue", "rules", "name"])) : (s(), p("span", ka, g(l.value.name), 1))
           ]),
-          c("span", ka, "File type: " + g(l.value.type.split("/").pop()), 1),
-          c("span", _a, "File size: " + g(u(ne)(l.value.size)), 1)
+          c("span", _a, "File type: " + g(l.value.type.split("/").pop()), 1),
+          c("span", xa, "File size: " + g(u(ne)(l.value.size)), 1)
         ]),
-        c("div", xa, [
-          (s(), w(fa, {
+        c("div", $a, [
+          (s(), w(ga, {
             key: o.value,
             "file-size": l.value.size,
             "upload-status": o.value,
@@ -2831,20 +2837,20 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
             _: 1
           }))
         ])
-      ], 8, ga);
+      ], 8, ha);
     };
   }
-}), Ba = { class: "d-flex justify-content-end mt-1" }, Fa = { id: "max-file-size" }, Sa = /* @__PURE__ */ x({
+}), Fa = { class: "d-flex justify-content-end mt-1" }, Sa = { id: "max-file-size" }, Ca = /* @__PURE__ */ x({
   __name: "MaxFileSize",
   props: {
     maxFileSize: {}
   },
   setup(e) {
-    return (t, l) => (s(), p("div", Ba, [
-      c("div", Fa, "Max file size: " + g(u(ne)(t.maxFileSize)), 1)
+    return (t, l) => (s(), p("div", Fa, [
+      c("div", Sa, "Max file size: " + g(u(ne)(t.maxFileSize)), 1)
     ]));
   }
-}), Ca = { "data-cy": "file-uploader" }, Ta = { key: 0 }, gl = /* @__PURE__ */ x({
+}), Ta = { "data-cy": "file-uploader" }, Pa = { key: 0 }, hl = /* @__PURE__ */ x({
   __name: "ForgeFileUploader",
   props: /* @__PURE__ */ G({
     acceptedFileTypes: {},
@@ -2864,13 +2870,13 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
     const t = L(e, "modelValue"), l = e, a = (o) => {
       t.value = t.value.filter((n) => n.file != o);
     };
-    return (o, n) => (s(), p("div", Ca, [
-      b(ma, S(l, {
+    return (o, n) => (s(), p("div", Ta, [
+      b(pa, S(l, {
         modelValue: t.value,
         "onUpdate:modelValue": n[0] || (n[0] = (i) => t.value = i)
       }), null, 16, ["modelValue"]),
-      o.showDragDropArea ? (s(), p("div", Ta, [
-        b(ba, {
+      o.showDragDropArea ? (s(), p("div", Pa, [
+        b(va, {
           "max-file-input": l.maxFileInput,
           "max-file-size": l.maxFileSize,
           "accepted-file-types": l.acceptedFileTypes,
@@ -2879,7 +2885,7 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
         }, {
           default: v(() => [
             (s(!0), p(O, null, E(t.value, ({ file: i }, m) => (s(), p("span", null, [
-              (s(), w($a, S({
+              (s(), w(Ba, S({
                 key: i.name,
                 class: m === t.value.length - 1 || t.value.length == 1 ? "" : "border-bottom",
                 file: t.value[m].file,
@@ -2894,7 +2900,7 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
           ]),
           _: 1
         }, 8, ["max-file-input", "max-file-size", "accepted-file-types", "modelValue"]),
-        b(Sa, {
+        b(Ca, {
           "max-file-size": l.maxFileSize
         }, null, 8, ["max-file-size"])
       ])) : F("", !0)
@@ -2902,28 +2908,28 @@ const ua = { class: "d-flex justify-content-between" }, ca = ["accept", "disable
   }
 });
 export {
-  al as Bootstrap_PT,
-  ll as ForgeActionButton,
+  ll as Bootstrap_PT,
+  ol as ForgeActionButton,
   ee as ForgeAlert,
-  st as ForgeCheckbox,
-  ml as ForgeChips,
-  Ut as ForgeDatepicker,
-  gl as ForgeFileUploader,
-  fl as ForgeFilterHeader,
-  ul as ForgeForm,
-  cl as ForgeFormField,
-  gt as ForgeInlineEditor,
-  ol as ForgeLink,
+  it as ForgeCheckbox,
+  pl as ForgeChips,
+  Dt as ForgeDatepicker,
+  hl as ForgeFileUploader,
+  gl as ForgeFilterHeader,
+  cl as ForgeForm,
+  ml as ForgeFormField,
+  ht as ForgeInlineEditor,
+  nl as ForgeLink,
   ce as ForgeLoader,
-  nl as ForgeModal,
-  Bt as ForgeMultiSelect,
-  il as ForgeMultiSelectPreview,
-  sl as ForgeNavbar,
-  rl as ForgePageHeader,
-  Rt as ForgeProgressBar,
-  dl as ForgeRemainingCharacters,
-  pl as ForgeStatWidget,
-  yl as ForgeStepper,
-  vl as ForgeTable,
-  bl as ForgeTile
+  sl as ForgeModal,
+  Ft as ForgeMultiSelect,
+  rl as ForgeMultiSelectPreview,
+  il as ForgeNavbar,
+  dl as ForgePageHeader,
+  Lt as ForgeProgressBar,
+  ul as ForgeRemainingCharacters,
+  yl as ForgeStatWidget,
+  bl as ForgeStepper,
+  fl as ForgeTable,
+  vl as ForgeTile
 };

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

@@ -0,0 +1,6 @@
+import { InputSwitchPassThroughOptions } from 'primevue/inputswitch';
+
+declare const _default: {
+    inputSwitch: InputSwitchPassThroughOptions;
+};
+export default _default;

package/dist/tests/component/input-switch/input-switch.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": "0.3.1",
+  "version": "0.4.0",
   "type": "module",
   "license": "MIT",
   "contributors": [
@@ -48,7 +48,7 @@
     "@vitest/ui": "1.6.0",
     "cypress": "13.11.0",
     "cypress-real-events": "1.12.0",
-    "sass": "1.77.4",
+    "sass": "1.77.5",
     "typescript": "5.4.5",
     "unplugin-vue-components": "0.27.0",
     "rollup-plugin-visualizer": "5.12.0",